/* Additions only: existing selectors and dimensions live unchanged in mockup.css. */
.usage-wrap{max-width:1080px;margin:32px auto;padding:0 24px}
.usage-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:22px 0}
.usage-filters .fr{margin:0;flex:1;min-width:150px}
.usage-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:24px 0}
.usage-card{background:white;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}
.usage-card strong{display:block;font-size:28px;color:var(--civic)}
.usage-table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:var(--r-lg);margin:14px 0 30px}
.usage-table{width:100%;border-collapse:collapse;text-align:left}
.usage-table th,.usage-table td{padding:12px 16px;border-bottom:1px solid var(--line);font-size:13px}
.usage-table th{background:var(--civic-light)}
.form-errors,.errorlist{color:#9d2834;margin:12px 0;list-style:none}
.auth-message{max-width:520px;margin:24px auto;padding:0 24px}
.tracking-note{font-size:11px;color:var(--warm-400);margin-top:10px}
form input,form select{font-family:inherit}

.invitation-draft{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.invitation-draft h3{font-size:18px;margin-bottom:10px}
.invitation-draft p{font-size:13px;line-height:1.6;margin-bottom:14px;color:var(--muted)}
.invitation-draft textarea{min-height:220px;resize:vertical}
.invitation-draft a.btn-secondary-full{display:block;text-align:center;text-decoration:none;margin-bottom:16px}