:root{--bg:#f3efe6;--bg-strong:#efe4d3;--surface:rgba(255,250,242,.78);--surface-strong:rgba(255,250,242,.94);--border:rgba(45,54,68,.12);--text:#18212c;--muted:#5d6978;--teal:#0f766e;--mint:#2a9d8f;--rose:#b45359;--sand:#9a6b2f;--slate:#475569;--shadow:0 24px 60px rgba(24,33,44,.12);--font-sans:"IBM Plex Sans","Avenir Next","Segoe UI",sans-serif;--font-mono:"IBM Plex Mono","SFMono-Regular",monospace}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left,rgba(15,118,110,.18),transparent 28%),radial-gradient(circle at right center,rgba(180,83,89,.14),transparent 26%),linear-gradient(180deg,#f7f2ea,#efe8dc);font-family:var(--font-sans)}button,input{font:inherit}.portal-shell{width:min(1440px,calc(100vw - 32px));margin:0 auto;padding:32px 0 48px}.error-banner,.hero-panel,.panel,.summary-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.hero-panel{display:flex;justify-content:space-between;gap:24px;padding:28px;border-radius:28px;overflow:hidden;position:relative}.hero-panel:after{content:"";position:absolute;inset:auto -80px -80px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(15,118,110,.28),transparent 70%)}.eyebrow,.panel-eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:.75rem}.hero-panel h1,.panel h2,.panel h3{margin:0}.hero-panel h1{font-size:clamp(2.2rem,4vw,4.2rem);line-height:.95;max-width:10ch}.hero-copy{max-width:60ch;margin:16px 0 0;color:var(--muted);line-height:1.6}.hero-meta{display:grid;grid-gap:12px;gap:12px;min-width:220px;align-content:start}.call-row,.detail-card,.meta-card,.refresh-button,.resource-card,.search-input,.timeline-row{border-radius:18px}.meta-card{background:var(--surface-strong);border:1px solid var(--border);padding:16px 18px}.detail-card span,.meta-card span,.resource-card span,.summary-card span{display:block;color:var(--muted);font-size:.83rem}.detail-card strong,.meta-card strong,.resource-card strong,.summary-card strong{display:block;margin-top:8px;font-size:1.1rem}.refresh-button{border:none;background:var(--text);color:#fff;padding:14px 18px;cursor:pointer}.refresh-button:hover{background:#233040}.danger-button{background:#8a2d2d}.danger-button:hover{background:#6f2222}.error-banner,.success-banner{margin-top:18px;padding:16px 18px;border-radius:18px}.success-banner{color:#14532d;background:rgba(240,253,244,.94)}.error-banner{color:#7f1d1d;background:hsla(0,86%,97%,.92)}.summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:18px}.workspace-tabs{display:flex;gap:0;margin-top:22px;border-bottom:1px solid rgba(24,33,44,.12);overflow-x:auto}.workspace-tab{flex:0 0 auto;background:transparent;color:var(--muted);padding:14px 18px 13px;border:none;border-bottom:2px solid transparent;cursor:pointer;font-weight:600}.workspace-tab.active{color:var(--text);border-bottom-color:var(--teal)}.extensions-section{margin-top:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:4px}.section-heading h2{margin:0}.extension-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.ari-summary-grid .summary-card{padding:16px}.ari-summary-grid .summary-card strong{font-size:1.65rem}.summary-card{padding:18px;border-radius:22px}.summary-card strong{font-size:2rem}.tone-sand{background:linear-gradient(180deg,rgba(255,245,229,.95),hsla(37,78%,88%,.92))}.tone-teal{background:linear-gradient(180deg,rgba(228,249,247,.95),rgba(205,239,235,.94))}.tone-mint{background:linear-gradient(180deg,rgba(234,255,247,.95),rgba(205,247,233,.94))}.tone-rose{background:linear-gradient(180deg,hsla(3,100%,96%,.95),hsla(2,68%,90%,.94))}.tone-slate{background:linear-gradient(180deg,rgba(240,244,249,.95),rgba(221,229,238,.94))}.content-grid{display:grid;grid-template-columns:minmax(340px,420px) minmax(0,1fr);grid-gap:18px;gap:18px;margin-top:18px}.panel{padding:24px;border-radius:28px}.panel-header{display:flex;justify-content:space-between;gap:18px;align-items:center}.search-input{width:min(100%,340px);padding:14px 16px;border:1px solid var(--border);background:var(--surface-strong);color:var(--text)}.search-input::placeholder{color:#7b8793}.call-list,.timeline-list{display:grid;grid-gap:12px;gap:12px;margin-top:20px}.call-row{border:1px solid transparent;padding:16px;background:rgba(255,252,248,.85);text-align:left;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.call-row.selected,.call-row:hover{transform:translateY(-1px);border-color:rgba(15,118,110,.24);background:rgba(242,252,250,.98)}.call-row-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.call-age,.call-resource,.call-subtitle,.detail-card p,.resource-card p,.timeline-row p{color:var(--muted)}.call-resource,.call-subtitle,.timeline-row p{margin:6px 0 0}.call-age,.call-resource,.detail-card p,.resource-card p,.timeline-time{font-family:var(--font-mono);font-size:.8rem}.detail-panel{min-height:720px}.detail-grid,.resource-grid{display:grid;grid-gap:14px;gap:14px;margin-top:20px}.media-summary-grid,.sub-tabs{margin-top:20px}.sub-tabs{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.sub-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;border:none;border-bottom:2px solid transparent;border-radius:0;padding:8px 2px 12px;background:transparent;color:var(--muted);cursor:pointer;font-weight:600}.sub-tab.active{color:var(--text);border-bottom-color:var(--teal)}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:999px;padding:0 8px;background:rgba(24,33,44,.08);color:inherit;font-family:var(--font-mono);font-size:.76rem}.sub-tab.active .tab-count{background:rgba(15,118,110,.12)}.sub-tabs::-webkit-scrollbar,.workspace-tabs::-webkit-scrollbar{height:8px}.sub-tabs::-webkit-scrollbar-thumb,.workspace-tabs::-webkit-scrollbar-thumb{background:rgba(93,105,120,.25);border-radius:999px}.detail-grid,.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-detail-grid{margin-top:18px}.detail-card,.resource-card{padding:18px;background:rgba(255,252,248,.88);border:1px solid var(--border)}.media-leg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:20px}.media-leg-card{padding:18px;border-radius:22px;background:rgba(255,252,248,.9);border:1px solid var(--border)}.media-leg-footer,.media-leg-header,.media-stack-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.media-leg-header h3{font-size:1.12rem}.media-leg-header .panel-eyebrow{margin-bottom:6px}.media-health-pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.media-health-pill.is-streaming{color:#166534;background:rgba(220,252,231,.95)}.media-health-pill.is-ready{color:#0f766e;background:rgba(204,251,241,.95)}.media-health-pill.is-provisioning{color:#92400e;background:hsla(48,96%,89%,.95)}.media-health-pill.is-error{color:#9f1239;background:rgba(255,228,230,.95)}.media-health-pill.is-pending{color:#475569;background:rgba(226,232,240,.95)}.media-stack-list{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.media-stack-item{padding:14px 16px;border-radius:18px;background:hsla(38,41%,95%,.92);border:1px solid rgba(45,54,68,.08)}.media-stack-action{align-items:center}.media-stack-item span{display:block;color:var(--muted);font-size:.8rem}.media-stack-item strong{display:block;margin-top:6px;font-size:.94rem;font-family:var(--font-mono);word-break:break-word}.media-leg-footer span,.media-stack-status{color:var(--muted);font-family:var(--font-mono);font-size:.78rem}.media-action-link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:9px 14px;background:var(--text);color:#fff;text-decoration:none;font-size:.82rem;font-weight:600;white-space:nowrap}.media-action-link:hover{background:#233040}.media-leg-footer{margin-top:16px;padding-top:14px;border-top:1px dashed rgba(93,105,120,.26)}.stack-panels,.timeline-panel{margin-top:24px}.stack-panels{display:grid;grid-gap:16px;gap:16px}.ari-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,.82fr);align-items:start}.ari-feed-panel .timeline-panel{margin-top:20px}.ari-feed-panel .timeline-scroll-frame{max-height:760px}.ari-feed-panel .ant-timeline-item-content{padding:16px 18px}.ari-feed-panel .ant-timeline-item-content strong{display:block;font-size:.98rem}.ari-feed-panel .ant-timeline-item-content p{font-size:.84rem;line-height:1.55}.ari-detail-panel{min-height:auto}.ari-detail-panel .detail-grid,.ari-detail-panel .resource-grid{gap:12px;margin-top:18px}.ari-detail-panel .detail-card,.ari-detail-panel .mini-trace-card,.ari-detail-panel .resource-card{padding:14px 16px}.ari-detail-panel .detail-card strong,.ari-detail-panel .mini-trace-card strong,.ari-detail-panel .resource-card strong{font-size:1rem}.ari-detail-panel .detail-card p,.ari-detail-panel .mini-trace-card p,.ari-detail-panel .resource-card p{font-size:.76rem}.ari-detail-panel .stack-panels{gap:12px;margin-top:18px}.timeline-scroll-frame{max-height:520px;overflow:auto;padding-right:6px}.timeline-scroll-frame::-webkit-scrollbar{width:10px}.timeline-scroll-frame::-webkit-scrollbar-thumb{background:rgba(93,105,120,.28);border-radius:999px}.timeline-entry-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.ant-timeline{position:relative;display:grid;grid-gap:0;gap:0;margin-top:18px}.ant-timeline-item{position:relative;padding:0 0 20px 28px}.ant-timeline-item:last-child{padding-bottom:0}.ant-timeline-item-tail{position:absolute;top:16px;left:7px;width:2px;height:calc(100% - 4px);background:rgba(93,105,120,.18)}.ant-timeline-item:last-child .ant-timeline-item-tail{display:none}.ant-timeline-item-head{position:absolute;top:8px;left:0;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--teal)}.state-head{border-color:var(--sand)}.ant-timeline-item-content{padding:14px 16px;background:rgba(255,252,248,.82);border:1px solid var(--border);border-radius:18px}.trace-row p{white-space:pre-wrap;word-break:break-word}.ant-timeline-item-content p{margin:6px 0 0;color:var(--muted)}.timeline-time{color:var(--slate)}.mini-trace-card{padding:16px 18px;background:rgba(255,252,248,.82);border:1px solid var(--border);border-radius:18px}.mini-trace-card span{display:block;color:var(--muted);font-size:.82rem}.mini-trace-card strong{display:block;margin-top:8px;font-size:1.2rem}.mini-trace-card p{margin:8px 0 0;color:var(--muted);font-family:var(--font-mono);font-size:.8rem}.empty-state{border:1px dashed rgba(93,105,120,.35);border-radius:20px;padding:24px;text-align:center;color:var(--muted);background:rgba(255,252,248,.7)}.detail-empty{height:100%;display:grid;place-items:center}.state-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.state-Created,.state-WaitingPeer{color:#92400e;background:hsla(48,96%,89%,.92)}.state-Bridging,.state-PreparingMonitoring{color:#0f766e;background:rgba(204,251,241,.9)}.state-Monitoring,.state-Playing,.state-Recording{color:#166534;background:rgba(220,252,231,.9)}.state-Ending{color:#9f1239;background:rgba(255,228,230,.9)}.state-Completed{color:#475569;background:rgba(226,232,240,.9)}.extension-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.extension-online{color:#166534;background:rgba(220,252,231,.9)}.extension-busy{color:#0f766e;background:rgba(204,251,241,.9)}.extension-ringing{color:#9f1239;background:rgba(255,228,230,.9)}.extension-offline{color:#475569;background:rgba(226,232,240,.9)}.extension-unknown{color:#92400e;background:hsla(48,96%,89%,.92)}.extension-ari{color:#0f766e;background:rgba(204,251,241,.9)}.extension-workflow{color:#92400e;background:hsla(48,96%,89%,.92)}.extension-call{color:#475569;background:rgba(226,232,240,.9)}.extension-caller{color:#b45309;background:hsla(48,96%,89%,.92)}.extension-callee{color:#0f766e;background:rgba(204,251,241,.9)}@media (max-width:1120px){.extension-summary-grid,.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}}@media (max-width:760px){.portal-shell{width:min(100vw - 20px,100%);padding:16px 0 28px}.hero-panel,.panel{padding:18px;border-radius:22px}.hero-panel,.panel-header{flex-direction:column;align-items:stretch}.detail-grid,.extension-summary-grid,.media-leg-grid,.resource-grid,.summary-grid{grid-template-columns:1fr}.sub-tabs,.workspace-tabs{flex-wrap:wrap}.search-input{width:100%}}