/* Warm, restrained brand accents; semantic warning and success colors stay distinct. */
:root{--bg:#faf9f5;--ink:#302e27;--muted:#706d64;--line:#e7e3d9;--blue:#756020;--blue-soft:#fff6cf;--brand:#f7d965}
.brand-mark{background:transparent;width:43px;height:58px;flex-shrink:0}.brand-mark img{height:100%;width:100%;object-fit:contain}.brand{align-items:center}.brand small{color:#87754c}
.button.primary{background:var(--brand);color:#342d18;border-color:#e0c24f;font-weight:700}.button.primary:hover{background:#efd05b}.sidebar nav a[aria-current=page]{background:#fff1b9;color:#5b4610}.button[aria-pressed=true]{background:#fff1b9;color:#5b4610;border-color:#c6a743}.eyebrow{color:#857039}.metric{background:#f4f1e7}.metric strong{color:var(--ink)}.metric.green strong{color:var(--green)}.metric.amber strong{color:var(--amber)}
.period-controls{padding:10px 16px;margin-top:12px}.period-fields{gap:10px}.period-fields>.field{display:flex;align-items:center;gap:8px;width:auto;font-size:.875rem;white-space:nowrap}.period-fields>.field input,.period-fields>.field select{width:155px}.period-caption{margin-top:6px;line-height:1.4}.period-caption #period-scope{font-size:.8125rem}
.page-head{margin-bottom:22px}.page-head .eyebrow{margin-bottom:5px}.page-head h1{font-size:1.7rem}.page-head .sub{margin-top:6px}main#content{padding-top:22px}.metric-grid{gap:14px;margin:20px 0}.metric{padding:18px 20px}.metric strong{font-size:1.7rem}.metric-foot{font-size:.875rem}.today-queue{border-top:3px solid #e9cc63;margin:0 0 20px;background:#fffefa}.today-queue .queue-row{padding:12px 0}.today-queue .empty{padding:12px}
.billing-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.billing-tabs .button{flex:1;min-width:130px}.billing-tabs+.panel{margin-top:0}.session-table{width:100%;border-collapse:collapse}.session-table td,.session-table th{padding:12px;text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.maintenance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.maintenance-grid .panel{min-width:0}.maintenance-grid p{margin:10px 0}.restore-preview{border-left:4px solid #c6a743;padding:16px;background:#fff9e4}.storage-meter{width:100%;accent-color:#d2b44b}.recovery-help{padding:16px;background:#f5f3ec;border-radius:10px}.session-status{white-space:normal}.button,.field,.sub,.note,.queue-row p,.receivable-card dt{font-size:max(.875rem,14px)}.amount,.unpaid-total,.metric strong{font-variant-numeric:lining-nums tabular-nums}
body[data-role=staff] [data-action=invoice-settings],body[data-role=staff] [data-action=invoice-cancel],body[data-role=staff] [data-action=payment-cancel],body[data-role=staff] [data-action=invoice-batch],body[data-role=staff] [data-action=member-new]{display:none}
@media(min-width:761px){body[data-page=settings] #period-controls,body[data-page=documents] #period-controls,body[data-page=contracts] #period-controls,body[data-page=ideas] #period-controls{display:none}}
@media(max-width:760px){.brand-mark{height:40px;width:30px}.brand{font-size:.875rem}.maintenance-grid{grid-template-columns:1fr}.period-fields>.field{display:block;flex:1;min-width:125px}.period-fields>.field input,.period-fields>.field select{width:100%}.period-range-fields>.field{min-width:0}.billing-tabs{gap:6px;margin-bottom:16px}.billing-tabs .button{min-width:40%;padding:10px 6px}.session-table,.session-table tbody,.session-table tr,.session-table td{display:block}.session-table thead{display:none}.session-table tr{padding:10px 0}.session-table td{padding:3px 0;border:0}.page-head h1{font-size:1.4rem}.today-queue .actions .button{flex:1}.today-queue .actions{width:100%}.metric strong{font-size:1.35rem}.mode-banner{font-size:.875rem}.mobile-period-toggle{font-size:.875rem}.topbar .save-status{font-size:.875rem}.session-status{overflow-wrap:anywhere}}
@media print{.billing-tabs,.maintenance-grid{display:none!important}}
@media(max-width:760px){.period-fields>.field{white-space:normal}.period-fields>.field input,.period-fields>.field select{display:block}}
.signed-in-user{font-size:.875rem;max-width:240px;overflow-wrap:anywhere}.activity-filter{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:14px}.activity-filter .field{min-width:150px;flex:1}.activity-list{padding:0 22px}.activity-row{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}.activity-row:last-child{border:0}.activity-meta{display:flex;align-items:start;flex-direction:column;gap:5px;overflow-wrap:anywhere;font-size:.875rem}.activity-row h3{font-size:1rem;overflow-wrap:anywhere}.activity-row details{margin-top:10px}.activity-row li{margin:10px 0}.activity-row li p{margin:4px 0}.activity-row ul{padding-left:20px}body[data-page=activity] #period-controls,body[data-page=activity] .mobile-period-toggle{display:none}.activity-row time{color:var(--muted)}
@media(max-width:760px){.signed-in-user{max-width:100%;font-size:.8125rem;order:3;width:100%}.topbar-right{justify-content:flex-end}.activity-row{grid-template-columns:1fr;gap:10px}.activity-meta{display:grid;grid-template-columns:1fr auto}.activity-meta strong{grid-column:1/-1;grid-row:2}.activity-filter>.field{min-width:calc(50% - 12px)}.activity-filter>.field:first-child{flex-basis:100%}.activity-filter .button{flex:1}.activity-filter input,.activity-filter select{max-width:100%;min-width:0}}
