.customer-layout{min-height:100vh}.customer-header{max-width:1180px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.customer-content{max-width:1180px;margin:auto;padding:40px 32px}.customer-footer{max-width:1116px;margin:20px auto 0;padding:24px 0 32px;border-top:1px solid var(--line);font-size:.8125rem;color:var(--muted)}.portal-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}.portal-heading h1{margin-bottom:10px}.portal-heading p{margin:0}.customer-stats{grid-template-columns:1fr 1fr;max-width:780px}.date-stat{font-size:1.6rem;margin:15px 0}.portal-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:32px 0 24px}.portal-tabs button{display:flex;align-items:center;gap:9px;background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);padding:14px 2px;font-size:.875rem;font-weight:650}.portal-tabs button[aria-selected=true]{color:var(--brand);border-color:var(--brand)}.filter-chips{display:flex;gap:9px;overflow:auto;padding:3px 3px 12px;margin-bottom:14px}.chip{border:1px solid var(--line);background:var(--surface);border-radius:24px;min-height:42px;padding:9px 16px;white-space:nowrap;font-size:.875rem;color:var(--muted)}.chip[aria-pressed=true]{color:var(--surface);background:var(--brand);border-color:var(--brand)}.document-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.85fr);gap:24px;align-items:start}.month-group{margin-bottom:30px}.month-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:2px}.month-title h2{text-transform:capitalize;font-size:1rem;margin:0}.month-title .text-link{font-size:.75rem}.month-help{font-size:.75rem;margin:0 0 14px}.document-rows{display:flex;flex-direction:column;gap:10px}.document-row{display:flex;align-items:center;gap:13px;width:100%;border:1px solid var(--line);background:var(--surface);padding:18px;border-radius:12px;text-align:left;color:var(--ink);transition:transform .15s,border-color .15s}.document-row:hover{transform:translateY(-1px);border-color:var(--brand)}.document-row.selected{border-color:var(--brand);background:var(--brand-soft)}.document-info{min-width:0;flex:1}.document-info strong{font-size:.875rem;display:block;overflow-wrap:anywhere}.document-info>span{display:block;font-size:.75rem;color:var(--muted);margin-top:5px}.document-amount{font-size:.875rem;font-weight:650;display:flex;align-items:center;gap:12px}.document-preview{position:sticky;top:24px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;min-width:0}.preview-heading h2{font-size:1rem;margin:10px 0}.preview-heading .eyebrow{font-size:.75rem}.pdf-preview{width:100%;height:440px;border:1px solid var(--line);border-radius:8px;background:#fff}.preview-actions{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}.preview-actions .btn{flex:1;padding:11px 12px}.xml-preview{height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--paper);border-radius:10px;color:var(--brand);text-align:center;padding:20px}.xml-preview p{margin:15px 0 0}.membership-details{margin-top:30px}.membership-details summary{color:var(--muted);font-size:.875rem;cursor:pointer;padding:12px 0}.company-picker{max-width:430px}.account-invite{margin-top:30px}.document-sheet{width:650px}.document-sheet .pdf-preview{height:48dvh}
@media(max-width:820px){.customer-header{padding:18px 16px}.customer-header .brand strong{font-size:.875rem}.customer-header .brand small{font-size:.75rem}.customer-header .btn{font-size:.75rem;padding:9px}.customer-content{padding:28px 16px}.customer-footer{margin:0 16px;font-size:.75rem}.customer-stats{gap:10px}.customer-stats .stat{padding:16px}.date-stat{font-size:1.2rem;margin:20px 0}.portal-tabs{gap:18px}.portal-tabs button{font-size:.8125rem;gap:7px}.document-workspace{grid-template-columns:1fr}.document-preview{display:none}.document-row{padding:14px;gap:10px;flex-wrap:wrap}.document-info{min-width:160px}.document-amount{margin-left:50px;width:calc(100% - 50px);justify-content:space-between}.month-title{align-items:flex-start}.month-title .text-link{font-size:.75rem;max-width:130px;text-align:right}.month-title h2{padding-top:10px}.portal-heading{flex-wrap:wrap}.modal-overlay:has(.document-sheet){padding:0;align-items:flex-end}.document-sheet{border-radius:18px 18px 0 0;max-height:94dvh;width:100%}.document-sheet .modal-body{padding-top:14px}}