.folio-view{margin-top:.5rem}.folio-empty,.folio-loading{display:flex;align-items:center;gap:.6rem;padding:1rem;background:var(--color-surface-alt,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:.5rem;color:var(--color-text-muted,#64748b);font-size:.9rem}.folio-loading-icon{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.folio-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--color-surface-alt,#f1f5f9);border:1px solid var(--color-border,#e2e8f0);border-radius:.5rem .5rem 0 0;gap:.75rem;flex-wrap:wrap}.folio-header-left{display:flex;align-items:center;gap:.6rem}.folio-header-left .material-symbols-outlined{color:var(--color-primary,#3b82f6)}.folio-number{font-weight:700;font-size:1rem;color:var(--color-text,#1e293b)}.folio-state-badge{padding:.15rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.folio-state-open{background:#dbeafe;color:#1d4ed8}.folio-state-closed{background:#dcfce7;color:#15803d}.folio-state-invoiced{background:#f0fdf4;color:#16a34a}.folio-header-totals{display:flex;gap:1.25rem}.folio-total-item{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.folio-total-label{font-size:.68rem;text-transform:uppercase;font-weight:600;color:var(--color-text-muted,#64748b);letter-spacing:.05em}.folio-total-value{font-size:.95rem;font-weight:700;color:var(--color-text,#1e293b)}.folio-paid{color:var(--color-success,#22c55e)}.folio-balance-due{color:var(--color-danger,#ef4444)}.folio-balance-credit{color:var(--color-success,#22c55e)}.folio-balance-zero{color:var(--color-text-muted,#64748b)}.folio-groups{border:1px solid var(--color-border,#e2e8f0);border-top:none;border-radius:0 0 .5rem .5rem;overflow:hidden}.folio-group{border-bottom:1px solid var(--color-border-light,#f1f5f9)}.folio-group:last-child {border-bottom:none}.folio-group-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-surface-alt2,#f8fafc);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted,#64748b)}.folio-group-icon{font-size:1rem;color:var(--color-primary,#3b82f6)}.folio-group-name{flex:1}.folio-group-subtotal{font-size:.85rem;font-weight:700;color:var(--color-text,#1e293b)}.folio-lines-table{width:100%;border-collapse:collapse;font-size:.85rem}.folio-lines-table thead th{padding:.35rem .75rem;background:var(--color-surface,#fff);font-weight:600;color:var(--color-text-muted,#64748b);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border-light,#f1f5f9)}.folio-lines-table tbody tr{border-bottom:1px solid var(--color-border-light,#f1f5f9)}.folio-lines-table tbody tr:last-child {border-bottom:none}.folio-lines-table tbody tr:hover {background:var(--color-surface-hover,#f8fafc)}.folio-lines-table td{padding:.4rem .75rem;color:var(--color-text,#1e293b);vertical-align:middle}.folio-right{text-align:right}.folio-date{white-space:nowrap;color:var(--color-text-muted,#64748b)}.folio-line-amount{font-weight:700}.folio-line-voided{opacity:.45;text-decoration:line-through}.folio-no-lines{display:flex;align-items:center;gap:.5rem;padding:.85rem 1rem;border:1px solid var(--color-border,#e2e8f0);border-top:none;border-radius:0 0 .5rem .5rem;color:var(--color-text-muted,#64748b);font-size:.9rem;background:var(--color-surface,#fff)}.folio-add-section{margin-top:.75rem}.folio-add-btn{display:flex;align-items:center;gap:.4rem;padding:.45rem 1rem;background:none;border:1.5px dashed var(--color-border,#e2e8f0);border-radius:.4rem;color:var(--color-text-muted,#64748b);font-size:.85rem;cursor:pointer;transition:border-color .15s,color .15s}.folio-add-btn:hover {border-color:var(--color-primary,#3b82f6);color:var(--color-primary,#3b82f6)}.folio-add-form{background:var(--color-surface-alt,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:.5rem;padding:.85rem;display:flex;flex-direction:column;gap:.6rem}.folio-add-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.folio-input{padding:.4rem .6rem;border:1px solid var(--color-border,#e2e8f0);border-radius:.35rem;font-size:.85rem;background:var(--color-surface,#fff);color:var(--color-text,#1e293b)}.folio-input:focus {outline:none;border-color:var(--color-primary,#3b82f6)}.folio-input-wide{flex:2;min-width:140px}.folio-input-sm{width:70px}.folio-input-xs{width:55px}.folio-add-actions{display:flex;gap:.5rem;justify-content:flex-end}[data-theme="dark"] .folio-header{background:var(--color-surface-alt,#1e293b)}[data-theme="dark"] .folio-group-header{background:var(--color-surface-alt2,#0f172a)}[data-theme="dark"] .folio-state-open{background:#1e3a5f;color:#93c5fd}