/* Interactive workspace: calm surfaces, readable status and a useful inspector. */
:root { --yellow:#e9e887; --line:#303638; --muted:#a6afb1; }
.topbar { background:#151819; }
.scene-actions { display:flex;gap:8px; }
.business-strip { display:flex;gap:28px;padding:10px 0 18px;flex:none; }
.business-strip > div { display:flex;align-items:baseline;gap:10px; }
.business-strip span { color:var(--muted);font-size:11px; }
.business-strip strong { color:#f4f3eb;font:500 16px 'DM Mono',monospace; }
.scene-stage { flex:none;container-type:size;min-height:0;height:clamp(270px,42dvh,480px);background:#0b1117; }
.office { width:min(100cqw,calc(100cqh * 1672 / 941));max-height:none; }
.workspace.expanded .scene-stage,.workspace.inspector-hidden .scene-stage { height:60dvh; }
.floor-caption { padding:12px 0; }
.scene-agent { position:absolute;z-index:22;min-width:46px;min-height:28px;padding:5px 8px;border:1px solid #ffffff30;border-radius:5px;background:#151a20e8;color:#f5f4ec;font:600 11px Manrope,sans-serif;transform:translateX(-50%);transition:background 180ms,border-color 180ms; }
.scene-agent:hover,.scene-agent:focus-visible { background:#30372a;border-color:var(--yellow); }
.scene-agent[data-focus-agent="nico"] { left:36%;top:88%; }
.scene-agent[data-focus-agent="ardi"] { left:72%;top:71%; }
.scene-agent[data-focus-agent="lucy"] { left:64%;top:91%; }
.office:not([data-station="rest"]) .scene-agent[data-focus-agent="lucy"] { left:56%;top:79%; }
.office:is([data-station="desk"],[data-station="phone"],[data-station="research"]) .scene-agent[data-focus-agent="lucy"] { left:42%;top:63%; }
.office[data-focus="nico"] [data-focus-agent="nico"],.office[data-focus="ardi"] [data-focus-agent="ardi"],.office[data-focus="lucy"] [data-focus-agent="lucy"] { color:var(--yellow);border-color:var(--yellow); }
.scene-destination { position:absolute;z-index:21;right:8%;top:12%;display:flex;gap:6px;align-items:center;padding:7px 9px;border:1px solid #ffffff25;border-radius:5px;background:#151a20e8;color:#e4e6dc;font-size:10px; }
.scene-destination:hover { border-color:var(--yellow); }
.scene-destination svg { width:14px;height:14px; }
.room-tabs { gap:0;justify-content:space-between; }
.room-tabs button { min-height:45px;gap:5px; }
.room-tabs svg { width:14px;height:14px; }
.room-heading { padding-top:21px;padding-bottom:14px; }
.team-room { background:#181d1e; }
.team-room[data-view="desk"] .room-body { padding-top:22px; }
.inspector-title { font-size:23px;line-height:1.3;margin:9px 0 18px;font-weight:600; }
.inspector-description { color:#b7c0c0;font-size:12px;line-height:1.8;margin:14px 0 23px; }
.inspector-section { padding:19px 0;border-top:1px solid var(--line); }
.inspector-section h3 { font-size:12px;color:#f1f0e9;margin:0 0 14px; }
.inspector-section p { font-size:12px;line-height:1.75;color:#b7c0c0;margin:8px 0;overflow-wrap:anywhere; }
.inspector-section small,.inspector-updated { font-size:10px;line-height:1.7;color:var(--muted); }
.package-row { display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 0;border:0;border-bottom:1px solid #2d3435;text-align:left;background:transparent;color:#f2f2ec; }
.package-row:hover { background:#222b2a; }
.package-row > span:first-child { min-width:0; }
.package-row strong { font-size:12px;display:block;line-height:1.5; }
.package-row small { font-size:10px;color:var(--muted);display:block;margin-top:5px; }
.state-tag { font-size:10px;line-height:1.5;display:inline-flex;align-items:center;gap:6px;color:#b3b9b9; }
.state-tag::before { content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex:none; }
.state-tag[data-status="reserve"] { color:#8bbacb; }
.state-tag:is([data-status="scheduled"],[data-status="prepared"]) { color:var(--yellow); }
.state-tag:is([data-status="preparing"],[data-status="publishing"]) { color:#b5b1ec; }
.state-tag[data-status="published"] { color:#8bceab; }
.state-tag:is([data-status="blocked"],[data-status="failed"],[data-status="missed"],[data-status="needs_reconciliation"],[data-status="needs_review"]) { color:#edb295; }
.package-row .state-tag { max-width:110px;flex:none; }
.day-nav { display:flex;margin-left:auto;gap:2px;background:#1d2223;padding:3px;border-radius:5px; }
.day-nav button { border:0;background:transparent;color:#aab3b4;padding:7px 10px;border-radius:3px;font-size:11px; }
.day-nav [aria-pressed="true"] { background:#343b39;color:#f0f1e8; }
.publishing-heading { gap:12px; }
.slot-overview { gap:10px; }
.timeline-slot { padding:0;border:1px solid #353c3d;border-radius:6px;overflow:hidden;display:flex;min-height:104px;background:#191e1f; }
.timeline-slot:hover { background:#242c2c;border-color:#76877c; }
.slot-cover { flex:none;width:48px;display:grid;place-items:center;background:#242c2c;color:#788c89; }
.slot-cover img { width:100%;height:100%;object-fit:cover; }
.slot-details { min-width:0;display:flex;flex-direction:column;gap:7px;padding:12px 9px; }
.slot-details strong { font-size:10px;line-height:1.45;font-weight:500;color:#cdd4d2; }
.slot-details time { font-size:13px;color:#f3f1e8; }
.slot-details .state-tag { font-size:9px; }
.legacy-publication { display:none!important; }
.readiness-secondary { margin-top:16px; }
.readiness-secondary:has(>p) { display:none; }
.back-overview,.text-action { display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#e3e899;padding:10px 0;font-size:12px;text-align:left;min-height:42px; }
.back-overview { margin:-9px 0 18px;color:#b7c3be; }
.back-overview svg { transform:rotate(180deg);width:15px; }
.text-action:hover,.back-overview:hover { color:#fff; }
.agent-heading { display:flex;gap:15px;align-items:center;margin-bottom:12px; }
.agent-heading h3 { margin:0 0 5px;font-size:24px; }
.agent-heading p { margin:0;color:var(--muted);font-size:12px; }
.agent-live { color:#99cbb0;font-size:12px;margin:0 0 24px; }
.assignment { display:grid;grid-template-columns:48px minmax(0,1fr);gap:6px 10px;padding:12px 0;border-bottom:1px solid #293132; }
.assignment time { color:#a0b9b0;font:11px 'DM Mono',monospace; }
.assignment strong { font-size:12px;line-height:1.5;font-weight:500; }
.assignment small { grid-column:2; }
.attention-item { width:100%;display:grid;grid-template-columns:16px minmax(0,1fr);text-align:left;gap:5px 9px;padding:10px 0;border:0;background:transparent;color:#e3c0a9;font-size:12px; }
.attention-item small { grid-column:2;color:#acb8b5; }
.attention-item:hover { background:#232c2a; }
.inspector-warning { color:#edb295;font-size:12px;line-height:1.7;padding:10px 0; }
.package-id { overflow-wrap:anywhere; }
.carousel-dialog { background:#161b1c;color:#f2f3eb;border:1px solid #46504e;border-radius:8px;width:min(570px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:18px;overflow:auto; }
.carousel-dialog::backdrop { background:#050809d9;backdrop-filter:blur(5px); }
.carousel-header { display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:14px; }
.carousel-header h2 { font-size:16px;line-height:1.4;margin:0; }
.carousel-canvas { background:#0c1011;min-height:100px;display:grid;place-items:center;touch-action:pan-y; }
.carousel-canvas[data-loading="true"]::before { content:'Loading slide…';color:var(--muted);font-size:12px;grid-area:1/1; }
.carousel-canvas img { grid-area:1/1; }
.carousel-canvas img { display:block;max-width:100%;height:min(60dvh,640px);object-fit:contain; }
.carousel-canvas p { padding:26px;font-size:13px;line-height:1.8;color:#bac4c0; }
.carousel-controls { display:flex;justify-content:space-between;align-items:center;padding-top:12px; }
.previous-slide svg { transform:rotate(180deg); }
.slide-counter { font:12px 'DM Mono',monospace; }
.icon-btn:disabled { opacity:.3;cursor:default; }
.carousel-detail { display:flex;flex-wrap:wrap;gap:10px 20px;padding-top:15px;font-size:11px;color:var(--muted); }
.carousel-detail p { width:100%;line-height:1.7;margin:0; }
.office-speech { pointer-events:none; }
.teammate[data-state="working"] { animation:none; }
.lucy img,.teammate img { will-change:transform; }
@media(min-width:1001px){.workspace { grid-template-columns:minmax(0,1fr) 370px; }.workspace.inspector-hidden { grid-template-columns:minmax(0,1fr); }.inspector-hidden .team-room { display:none; }.workspace.inspector-hidden .studio { max-width:1350px;width:100%;margin:auto; }.studio { padding:18px 26px; }.scene-stage { flex:none; }.office { max-width:1100px; }.room-body { scrollbar-gutter:stable; }.slot-cover { width:38px; }}
@media(min-width:1600px){.workspace { grid-template-columns:minmax(0,1fr) 410px; }.studio { padding-inline:36px; }.slot-cover { width:58px; }}
@media(max-width:1200px) and (min-width:1001px){.slot-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }.business-strip { gap:18px; }.business-strip>div { flex-direction:column;gap:5px; }}
@media(max-width:1000px){.scene-stage,.workspace.expanded .scene-stage,.workspace.inspector-hidden .scene-stage { container-type:normal;height:auto; }.office { width:100%; }.business-strip { padding-bottom:18px; }.team-room[data-view="desk"] .room-body { height:auto;min-height:340px;max-height:70dvh; }.scene-agent { font-size:10px;min-height:26px; }.workspace.inspector-hidden .team-room { display:none; }}
@media(max-width:680px){.business-strip { justify-content:space-between;gap:10px; }.business-strip>div { flex-direction:column;gap:6px; }.business-strip span { font-size:10px; }.business-strip strong { font-size:15px; }.scene-agent { padding:3px 5px;min-width:37px;min-height:24px;font-size:9px; }.scene-destination { top:7%;right:5%;padding:5px;font-size:9px; }.scene-destination svg { width:12px;height:12px; }.slot-overview { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }.timeline-slot { min-height:98px; }.slot-cover { width:38px; }.slot-details { padding:10px 7px; }.slot-details strong { font-size:11px; }.slot-details .state-tag { font-size:10px; }.publishing-heading>span { display:none; }.day-nav button { min-height:34px; }.scene-actions { gap:5px; }.room-tabs { gap:0; }.room-tabs button { font-size:12px; }.carousel-canvas img { height:auto;max-height:60dvh; }.inspector-title { font-size:21px; }}
@media(prefers-reduced-motion:reduce){.scene-agent,.person,.lucy img,.teammate img { transition:none; }}
@media(min-width:1001px) and (max-height:800px){.business-strip { padding:5px 0 12px; }.scene-stage { height:250px; }.floor-caption { padding:8px 0; }.daily-publishing { margin-top:12px; }.publishing-heading { margin-bottom:8px; }.timeline-slot { min-height:90px; }.day-nav button { padding:6px 9px; }}