:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#182235;background:#f4f7fb}body{margin:0}button,select{font:inherit}button{cursor:pointer;padding:.45rem .7rem;border:1px solid #b8c5d8;border-radius:.35rem;background:#fff;color:inherit}button:disabled{cursor:not-allowed;opacity:.55}h1{margin:0;font-size:1.6rem}h2{margin:0 0 .8rem;font-size:1.1rem}h3{margin:.9rem 0 .35rem}p{line-height:1.45}small,.muted{color:#526070}.app-shell{min-height:100vh;display:grid;grid-template:auto 1fr / 15.5rem minmax(0,1fr);grid-template-areas:"topbar topbar" "sidebar content"}.app-shell.work-mode{grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar" "content"}.topbar{grid-area:topbar;min-height:3.75rem;padding:0 1.2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#fff;border-bottom:1px solid #d8e0eb}.brand{color:#172033;font-weight:750;font-size:1.15rem;text-decoration:none}.mode-switch{display:inline-flex;border:1px solid #b8c5d8;border-radius:.45rem;padding:.15rem;background:#f7f9fc}.mode-option{border:0;border-radius:.3rem;background:transparent;color:#526070;font-size:.8rem;font-weight:800;letter-spacing:.06em}.mode-option.selected{background:#2563eb;color:#fff}.topbar-right{display:flex;gap:.7rem;align-items:center}.capture-control,.rec-control{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;white-space:nowrap}.capture-settings{margin:.9rem 0}.rec-control button[aria-pressed=true]{color:#fff;background:#b42318;border-color:#b42318}.connection{margin:0;font-size:.85rem;font-weight:650}.connected,.running{color:#137333}.connecting,.reconnecting,.starting,.stopping,.loading{color:#8a5600}.disconnected,.error,.unavailable{color:#b42318}.sidebar{grid-area:sidebar;padding:1.2rem .7rem;background:#fff;border-right:1px solid #d8e0eb}.work-mode .sidebar{display:none}.nav-group{margin:0 .55rem .35rem;color:#64748b;font-size:.73rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.nav-services{margin:1rem .1rem 0;padding:.65rem .45rem 0;border-top:1px solid #e2e8f0}.nav-subgroup{margin:0 0 .3rem .55rem;color:#526070;font-size:.82rem;font-weight:750;letter-spacing:.02em}.nav-services-items{padding-left:.55rem;border-left:2px solid #d8e3f2}.nav-item{display:block;margin:.12rem 0;padding:.5rem .65rem;border-radius:.35rem;color:#354154;text-decoration:none;font-size:.94rem}.nav-item:hover{background:#edf3fb}.nav-item.active{background:#dceafe;color:#114c9c;font-weight:750;box-shadow:inset 3px 0 #2563eb}.app-content{grid-area:content;padding:1.5rem clamp(1rem,3vw,3rem);max-width:1120px;width:100%;box-sizing:border-box}.notice{min-height:1.2rem;margin:0 0 .7rem;color:#526070}.agent-context{display:inline-flex;align-items:center;gap:.35rem;font-size:.88rem;font-weight:650}.agent-context select{max-width:18rem;border:1px solid #c7d2e1;border-radius:.35rem;background:#fff;padding:.4rem .55rem;color:#172033}.page-heading,.card-title,.service-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.page-heading{margin-bottom:1.25rem}.page-heading .service-row{min-width:7rem}.card,.agent-list,.history,.service-summary,.work-history,.controller-panel{background:#fff;border:1px solid #d4deeb;border-radius:.5rem;padding:1rem}.route-skeleton .card{max-width:46rem}.route-unavailable .card{max-width:46rem;border-color:#e7bd70}.operational-card{max-width:46rem}.service-summary{margin-top:1.1rem;max-width:46rem}.service-row{padding:.55rem 0;border-top:1px solid #e5ebf3}.service-row:first-of-type{border-top:0}.service-status{font-size:.9rem;white-space:nowrap}.unified-work{display:grid;gap:1rem}.work-panel{margin-top:0}.controller-panel dl{margin-bottom:0}.settings-grid{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(380px,1.25fr);gap:1rem;align-items:start}.agent{display:flex;width:100%;flex-direction:column;align-items:start;margin:.2rem 0;padding:.6rem;text-align:left;background:#fff;border:1px solid #ccd5e2;border-radius:.3rem}.agent.online{border-left:4px solid #137333}.agent.offline{border-left:4px solid #718096}.agent.selected{border:3px solid #2563eb}.agent-history{margin-top:1rem;padding:.6rem;background:#fff;border:1px solid #ccd5e2;border-radius:.4rem}.agent-history summary{cursor:pointer;font-weight:700}.agent-history-list{max-height:20rem;overflow:auto;padding-left:1.2rem}.agent-history-list li{margin:.7rem 0;border-top:1px solid #e2e8f0;padding-top:.7rem}.agent-history-list dl{margin:.45rem 0;font-size:.85rem}dl{display:grid;grid-template-columns:minmax(120px,.35fr) 1fr;gap:.35rem .8rem}dt{font-weight:700}dd{margin:0;overflow-wrap:anywhere}fieldset{margin:1rem 0}fieldset label{display:block;margin:.45rem 0}.source-group{margin:.8rem 0}.source-group h4{margin:0 0 .35rem}.source-group h4 button{border:0;background:transparent;color:inherit;font:inherit;font-weight:700;padding:.2rem 0}.source-advanced{border-top:1px solid #dde4ee;padding-top:.6rem}.actions,.section-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.7rem;align-items:center}.section-actions{margin-top:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-heading h2,.section-heading h3{flex:1;margin:0}.section-toggle{border:0;padding:.35rem 0;background:transparent;color:inherit;font:inherit;font-weight:700;text-align:left}.history{max-height:28rem;overflow:auto;list-style:none;padding-left:1rem}.history li{margin:.75rem 0;padding:.65rem 0;border-top:1px solid #e7edf5;overflow-wrap:anywhere}.history li:first-child{border-top:0}.question-cards li{padding:.8rem;border:1px solid #d6e0ee;border-radius:.4rem;background:#fbfdff}.recording-active{color:#b42318}.recordings ul{padding-left:1.2rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.app-shell,.app-shell.work-mode{grid-template:auto auto 1fr / 1fr;grid-template-areas:"topbar" "sidebar" "content"}.app-shell.work-mode{grid-template-areas:"topbar" "content"}.topbar{padding:.8rem;align-items:start;flex-direction:column}.topbar-right{width:100%;justify-content:space-between}.sidebar{border-right:0;border-bottom:1px solid #d8e0eb;display:flex;overflow-x:auto;padding:.5rem;gap:.15rem}.work-mode .sidebar,.nav-group,.nav-subgroup,.nav-services{display:none}.nav-item{white-space:nowrap}.app-content{padding:1rem}.settings-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column;gap:0}}.compact-state{min-width:3.5rem;padding:.28rem .55rem;border-radius:.3rem;font-size:.72rem;font-weight:800;letter-spacing:.05em}.compact-state.on{color:#fff;background:#137333;border-color:#137333}.compact-state.off{color:#526070;background:#f7f9fc}.compact-state.starting,.compact-state.stopping{min-width:6.6rem;color:#8a5600;background:#fff7e8;border-color:#e7bd70}.compact-state.unavailable{min-width:6.6rem;color:#b42318}.service-control-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.8rem 0;font-weight:700}