.portfolio-banner{padding:18px max(20px,calc((100vw - 1200px)/2));background:#172554;color:#f8fafc;border-bottom:3px solid #60a5fa;line-height:1.6}.portfolio-banner strong{font-size:1.1rem;margin-right:18px}.portfolio-banner span{display:inline-block}.portfolio-banner small{display:block;margin-top:9px;color:#cbd5e1}.portfolio-banner a{color:#bfdbfe}.demo-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.portfolio-banner button{background:#1e3a8a;color:white;border:1px solid #93c5fd}.demo-notice{margin:0;padding:0 20px}.demo-notice:not(:empty){padding:12px 20px;background:#fef3c7;color:#78350f}.portfolio-main{padding-top:24px;padding-bottom:40px}.demo-page-heading{display:flex;gap:20px;align-items:end;justify-content:space-between;flex-wrap:wrap}.demo-eyebrow{font-size:.75rem;letter-spacing:.12em;color:#64748b}.demo-page-heading h1{margin:0 0 10px}.portfolio-main button,.demo-dialog button,.portfolio-banner button{cursor:pointer;padding:9px 13px;border-radius:7px;font:inherit}.portfolio-main button:disabled{opacity:.5;cursor:default}.portfolio-main button[aria-pressed=true]{background:#2563eb;color:white}.demo-subnav{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.demo-subnav a{padding:8px 12px;border-radius:7px;border:1px solid #94a3b8}.demo-subnav a[aria-current=page]{background:#2563eb;color:white}.demo-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.demo-kpis strong{display:block;font-size:clamp(1.3rem,2.8vw,2rem);margin-top:10px;font-variant-numeric:tabular-nums}.portfolio-main .card{padding:20px;margin-bottom:20px}.demo-table-scroll{overflow:auto} .portfolio-main table{border-collapse:collapse;width:100%;min-width:500px}.portfolio-main th,.portfolio-main td{padding:12px 10px;border-bottom:1px solid #94a3b855;text-align:left}.portfolio-main td{font-variant-numeric:tabular-nums}.demo-filters,#demo-period{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.demo-filters label,#demo-period label,.demo-form-grid label{display:grid;gap:6px}.demo-filters{margin:18px 0}.demo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.demo-dialog{border:1px solid #94a3b8;border-radius:12px;padding:24px;width:min(620px,calc(100vw - 30px));max-height:85dvh;overflow:auto;background:var(--bg,#fff);color:var(--text,#172554)}.demo-dialog::backdrop{background:#020617aa}.demo-dialog input,.demo-dialog select,.demo-dialog textarea,.portfolio-main input,.portfolio-main select{font:inherit;padding:9px;width:100%;max-width:100%;border:1px solid #94a3b8;border-radius:6px;background:inherit;color:inherit}.demo-dialog select option,.portfolio-main select option{background:Canvas;color:CanvasText}.demo-dialog textarea{min-height:75px}.demo-dialog h2{margin-top:0}#demo-error{color:#dc2626}.demo-chart{height:300px;max-width:750px;margin:20px auto}.demo-footnote,.demo-snapshot-note{padding:14px;border:1px solid #94a3b8;border-radius:8px;line-height:1.7}.demo-footnote{font-size:.9rem;margin-top:20px}.demo-snapshot-note{background:#dbeafe;color:#1e3a8a}.portfolio-main :focus-visible,.portfolio-banner :focus-visible,.demo-dialog :focus-visible{outline:3px solid #f59e0b;outline-offset:3px}@media(max-width:600px){.demo-kpis{grid-template-columns:1fr;gap:0}.demo-form-grid{grid-template-columns:1fr}.portfolio-main .card{padding:14px}.demo-dialog{padding:18px}.demo-page-heading h1{font-size:1.5rem}.portfolio-banner{padding:15px}.demo-chart{height:260px}}
.portfolio-main button,.demo-dialog button{border:1px solid var(--line-strong);background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm)}.portfolio-main button:hover,.demo-dialog button:hover{border-color:var(--primary);background:var(--primary-soft)}.portfolio-main button[data-demo="add"],.demo-dialog button[type="submit"]{background:var(--primary);color:#fff;border-color:var(--primary)}.demo-dialog{background:var(--panel)}
.portfolio-main button[data-demo="add"],.demo-dialog button[type="submit"]{background:#2563eb;border-color:#2563eb}