.sf-panel .heading{align-items:center;margin-bottom:16px}.sf-panel h2{text-transform:uppercase;font-size:19px}.sf-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0}.sf-metrics>div{grid-column:span 2;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:17px}.sf-metrics>div:nth-child(n+4){grid-column:span 3}.sf-metrics>div:last-child{background:#eff6ff;border-color:#bfdbfe}.sf-metrics small{display:block;color:#475569;font-size:12px}.sf-metrics b{display:block;color:#0f172a;font-size:25px;font-variant-numeric:tabular-nums;margin:6px 0}.sf-metrics span{font-size:11px;color:#64748b;display:block}.sf-badge{display:inline-block;padding:6px 12px;border-radius:30px;font-size:12px;font-weight:700;white-space:nowrap}.sf-pending{background:#fee2e2;color:#991b1b}.sf-partial{background:#fef3c7;color:#854d0e}.sf-paid{background:#dcfce7;color:#166534}.sf-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.sf-panel details{margin:18px 0}.sf-panel details>summary{font-weight:600;color:#334155;margin-bottom:12px}.sf-history{margin:24px 0}.sf-history h3{margin-bottom:12px}.sf-history table{font-size:13px}.sf-history .actions{gap:6px}.sf-excess{padding:12px;background:#fff7ed;border:1px solid #fed7aa;border-radius:9px;color:#9a3412!important}.sf-list-status{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.quote>.sf-list-status{grid-column:1/-1}.sf-simple-fields{margin-top:18px}.sf-more{margin-top:18px;border-top:1px solid #e2e8f0;padding-top:14px}.sf-more>summary{font-weight:600;cursor:pointer;color:#1d4ed8}.sf-more[open]>.grid{margin-top:16px}.sf-context{background:#f1f5f9;color:#475569;padding:10px;border-radius:8px;font-size:13px}#serviceDialog:has(.sf-simple-fields){width:min(640px,96vw);max-height:90dvh;padding:26px}#serviceDialog:has(.sf-more[open]){width:min(850px,96vw)}.sf-simple-fields .full{grid-column:1/-1}.sf-more input,.sf-more select{min-width:0}.sf-more .hint{font-size:12px!important}@media(max-width:900px){.sf-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-metrics>div,.sf-metrics>div:nth-child(n+4){grid-column:span 1}.sf-metrics>div:last-child{grid-column:1/-1}}@media(max-width:480px){.sf-metrics{grid-template-columns:1fr}.sf-metrics>div,.sf-metrics>div:nth-child(n+4){grid-column:1/-1}.sf-metrics b{font-size:21px}.sf-metrics>div{padding:12px}#serviceDialog:has(.sf-simple-fields){padding:19px}.sf-simple-fields{grid-template-columns:1fr}}
@media print{.sf-panel,.sf-list-status{display:none!important}}