:root{color:#111827;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#fff;color:#111827}button,input,select,textarea{font:inherit}button{border:0;border-radius:8px;background:#0fa57a;color:#fff;cursor:pointer;font-weight:800;padding:.95rem 1.1rem}.secondary-button{background:#eef2f6;color:#0f172a}button:disabled{background:#b8c1cc;cursor:not-allowed}main{min-height:100vh;background:#f8fafc}.topbar{align-items:end;background:#fff;border-bottom:1px solid #dbe2ea;display:flex;gap:1rem;justify-content:space-between;padding:2rem clamp(1rem,4vw,4rem)}.topbar-actions{display:flex;align-items:center;gap:1rem}.nav-link{color:#0f172a;font-weight:800;text-decoration:none;padding:.8rem 1rem;border:1px solid #dbe2ea;border-radius:8px;background:#f8fafc}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,5vw,4.5rem);line-height:.95;max-width:760px}h2{font-size:clamp(1.6rem,4vw,3.3rem);line-height:1;max-width:760px}h3{font-size:1rem}.eyebrow{color:#0fa57a;font-size:.78rem;font-weight:900;text-transform:uppercase}.port-note,.status,.fineprint{color:#475569;font-weight:600}.fineprint{font-size:.9rem}.workspace{display:grid;grid-template-columns:minmax(300px,410px) minmax(0,1fr);min-height:680px}.intake-panel{align-content:start;background:#fff;border-right:1px solid #dbe2ea;display:grid;gap:1rem;padding:2rem clamp(1rem,3vw,2rem)}label{color:#0f172a;display:grid;font-weight:800;gap:.45rem}input,select,textarea{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;min-height:46px;padding:.8rem;width:100%}textarea{resize:vertical}.video-panel{display:grid;grid-template-rows:minmax(420px,1fr) auto auto;min-width:0}.video-stage{background:#08111f;min-height:420px;position:relative}.video-stage iframe{border:0;height:100%;min-height:420px;width:100%}.pexrtc-status{background:#08111fdb;border-radius:8px;bottom:1rem;color:#fff;font-size:.85rem;font-weight:800;left:1rem;max-width:calc(100% - 2rem);padding:.65rem .8rem;position:absolute}.video-placeholder{align-content:center;color:#fff;display:grid;gap:1.25rem;height:100%;min-height:420px;padding:clamp(1rem,4vw,4rem)}.video-placeholder p:not(.eyebrow){color:#cbd5e1;font-size:1.1rem;max-width:640px}.session-strip{align-items:stretch;background:#fff;border-top:1px solid #dbe2ea;display:grid;gap:1px;grid-template-columns:minmax(180px,260px) 1fr}.metric{background:#eef2f6;display:grid;gap:.35rem;min-height:92px;padding:1rem}.metric span{color:#475569;font-size:.8rem;font-weight:900;text-transform:uppercase}.metric strong{color:#0f172a;font-size:clamp(1.15rem,2vw,1.8rem)}.session-note{align-content:center;background:#f8fafc;color:#334155;display:grid;font-weight:700;padding:1rem 1.2rem}.end-button{border-radius:0;min-height:58px}.lower-grid{display:grid;grid-template-columns:1fr}.billing-shell{display:grid;gap:1.5rem;padding:2rem clamp(1rem,4vw,4rem) 3rem}.billing-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.billing-summary-card,.billing-table-card,.billing-filters-card{background:#fff;border:1px solid #dbe2ea;border-radius:8px}.billing-filters-card{display:grid;gap:1rem;padding:1.2rem}.billing-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.billing-filter-actions{display:flex;gap:.8rem;align-items:center;justify-content:flex-end;flex-wrap:wrap}.billing-summary-card{display:grid;gap:.4rem;padding:1.2rem}.billing-summary-card span{color:#475569;font-size:.8rem;font-weight:900;text-transform:uppercase}.billing-summary-card strong{font-size:clamp(1.4rem,3vw,2.3rem)}.billing-table-card{overflow:hidden}.billing-table-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.2rem 1.2rem 0}.billing-table-wrap{overflow-x:auto;padding:1.2rem}.billing-table{width:100%;border-collapse:collapse;min-width:900px}.billing-attorney-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1.2rem}.billing-attorney-card{display:grid;gap:.35rem;padding:1rem;border:1px solid #e5ebf2;border-radius:8px;background:#f8fafc}.billing-attorney-card span{color:#475569}.billing-table th,.billing-table td{padding:.9rem .75rem;text-align:left;border-bottom:1px solid #e5ebf2;vertical-align:top}.billing-table th{color:#475569;font-size:.8rem;text-transform:uppercase;letter-spacing:.02em}.queue{align-content:start;background:#fff;display:grid;gap:1rem;padding:2rem clamp(1rem,4vw,4rem)}.queue-item{align-items:center;background:#f8fafc;border:1px solid #dbe2ea;border-radius:8px;display:flex;gap:1rem;justify-content:space-between;min-height:84px;padding:1rem}.queue-item p{color:#475569;margin-top:.3rem}.available,.busy,.offline{border-radius:999px;color:#fff;font-size:.75rem;font-weight:900;padding:.35rem .65rem;text-transform:uppercase;white-space:nowrap}.available{background:#0fa57a}.busy{background:#111827}.offline{background:#94a3b8}@media(max-width:850px){.topbar,.workspace,.lower-grid,.session-strip{display:grid;grid-template-columns:1fr}.intake-panel{border-right:0}.billing-summary-grid,.billing-filter-grid,.billing-attorney-grid{grid-template-columns:1fr}}@media(max-width:520px){.queue-item{align-items:start;display:grid}}
