/* =========================================================
   TEA2 P0 SHELL v2.0 · 2026-10-04
   Structural redesign based on approved Operations Center reference.
   Balanced frosted glass: neither white nor near-black.
   ========================================================= */
:root{
 --p0v2-ink:#17324a;
 --p0v2-ink2:#254c69;
 --p0v2-muted:#60798c;
 --p0v2-glass:rgba(220,235,243,.68);
 --p0v2-glass-strong:rgba(230,240,246,.78);
 --p0v2-glass-soft:rgba(199,221,232,.54);
 --p0v2-line:rgba(255,255,255,.62);
 --p0v2-line2:rgba(64,112,143,.18);
 --p0v2-blue:#3989e5;
 --p0v2-cyan:#32bddd;
 --p0v2-violet:#7964dc;
 --p0v2-green:#2ba875;
 --p0v2-orange:#e28a42;
 --p0v2-red:#d45b70;
 --p0v2-shadow:0 18px 45px rgba(40,73,96,.16);
}

/* Scenic background */
html,body{background:#9dbed0!important}
body{
 color:var(--p0v2-ink)!important;
 background:
  radial-gradient(circle at 7% 9%,rgba(57,198,231,.34),transparent 28%),
  radial-gradient(circle at 90% 8%,rgba(126,93,220,.24),transparent 31%),
  radial-gradient(circle at 80% 88%,rgba(232,142,72,.22),transparent 31%),
  linear-gradient(145deg,#91bdd1 0%,#a8bfd1 42%,#b9b4cf 69%,#c9ad9e 100%)!important;
 background-attachment:fixed!important;
}
body:before{
 opacity:.28!important;
 background-image:
  linear-gradient(rgba(255,255,255,.32) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.32) 1px,transparent 1px)!important;
 background-size:52px 52px!important;
 mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 88%)!important;
}

/* Real shell proportions */
.tea2-shell{
 grid-template-rows:76px minmax(0,1fr) 58px!important;
 padding:12px 18px 10px!important;
 gap:10px!important;
}
.tea2-header{
 position:relative!important;
 display:flex!important;
 align-items:center!important;
 gap:14px!important;
 margin:0!important;
 padding:8px 12px!important;
 border:1px solid var(--p0v2-line)!important;
 border-radius:22px!important;
 background:linear-gradient(135deg,rgba(232,241,246,.76),rgba(198,220,232,.64))!important;
 box-shadow:var(--p0v2-shadow),inset 0 1px 0 rgba(255,255,255,.85)!important;
 backdrop-filter:blur(22px) saturate(1.12)!important;
}
.date-clock,.focus-timer{display:none!important}
.myoffice-brand{
 position:relative!important;
 flex:0 0 225px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:flex-start!important;
 margin:0!important;
 filter:none!important;
}
.myoffice-brand img{height:42px!important;width:auto!important;filter:drop-shadow(0 6px 13px rgba(47,75,101,.12))!important}
.myoffice-brand>div{border-left-color:rgba(51,90,119,.22)!important}
.myoffice-name{font-size:24px!important;letter-spacing:-.45px!important;color:var(--p0v2-ink)!important;text-shadow:none!important}
.myoffice-name span{color:var(--p0v2-blue)!important}
.myoffice-sub{font-size:7.5px!important;letter-spacing:2.1px!important;color:var(--p0v2-muted)!important}

/* Command bar is part of header, not floating across the logo */
.mo-commandbar{
 position:static!important;
 left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
 transform:none!important;
 flex:1 1 auto!important;
 width:auto!important;max-width:none!important;
 height:46px!important;
 margin:0 150px 0 0!important;
 padding:5px 7px!important;
 border:1px solid rgba(255,255,255,.68)!important;
 border-radius:15px!important;
 background:linear-gradient(145deg,rgba(243,248,251,.62),rgba(204,224,234,.55))!important;
 box-shadow:0 8px 22px rgba(47,79,101,.10),inset 0 1px 0 rgba(255,255,255,.86)!important;
 backdrop-filter:blur(18px) saturate(1.08)!important;
}
.mo-commandbar button,.mo-commandbar select{
 height:34px!important;
 border:1px solid rgba(56,100,131,.16)!important;
 background:rgba(227,238,244,.72)!important;
 color:var(--p0v2-ink)!important;
 font-size:11px!important;
 font-weight:680!important;
 box-shadow:none!important;
}
.mo-commandbar button:hover,.mo-commandbar button:focus-visible{
 background:rgba(238,246,249,.88)!important;
 border-color:rgba(57,137,190,.34)!important;
}
.mo-command-search{background:rgba(243,248,251,.78)!important}
.mo-command-search span{color:#49667a!important}
.mo-command-kbd{color:#60798c!important;border-color:rgba(50,92,120,.15)!important;background:rgba(255,255,255,.35)!important}
.mo-james-button{background:linear-gradient(135deg,rgba(77,174,215,.22),rgba(121,100,220,.18))!important;color:#274562!important}
.mo-count{background:linear-gradient(180deg,#eb7184,#c94a63)!important;color:#fff!important}

/* Production badge is compact and anchored, not sitting over branding */
.tea2-env-badge{
 top:22px!important;right:30px!important;left:auto!important;transform:none!important;
 min-height:32px!important;padding:5px 11px!important;
 border-color:rgba(255,255,255,.62)!important;
 box-shadow:0 8px 24px rgba(38,75,99,.14)!important;
}
.tea2-env-badge.production{background:linear-gradient(135deg,rgba(35,137,115,.88),rgba(43,101,135,.88))!important}
.tea2-env-badge strong{font-size:9.5px!important}.tea2-env-badge small{font-size:8px!important}

/* Main surface */
.main-screen{
 margin:0 318px 0 258px!important;
 border:1px solid rgba(255,255,255,.64)!important;
 border-radius:22px!important;
 background:
  radial-gradient(circle at 12% 8%,rgba(64,194,225,.13),transparent 32%),
  radial-gradient(circle at 88% 10%,rgba(123,96,218,.12),transparent 34%),
  linear-gradient(145deg,rgba(218,233,241,.68),rgba(191,215,228,.61))!important;
 box-shadow:var(--p0v2-shadow),inset 0 1px 0 rgba(255,255,255,.70)!important;
 backdrop-filter:blur(20px) saturate(1.08)!important;
 overflow:hidden!important;
}
.workspace-stage{inset:8px!important}
.workspace-view:not(.idle-view){
 border:0!important;
 border-radius:17px!important;
 background:transparent!important;
 box-shadow:none!important;
 backdrop-filter:none!important;
}

/* The old empty splash must never be visible in P0 shell v2 */
#homeView,.workspace-tab[data-view="home"]{display:none!important}

/* Left navigation is a real navigation column */
.side-rail{
 top:98px!important;bottom:78px!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
}
.side-left{left:18px!important}
.side-left.expanded{width:240px!important}
.side-left:not(.expanded){width:38px!important}
#leftRail.expanded~.main-screen{margin-left:258px!important}
#leftRail:not(.expanded)~.main-screen{margin-left:56px!important}
.side-right{display:none!important}
.rail-toggle{
 width:34px!important;height:34px!important;border-radius:11px!important;
 border:1px solid rgba(255,255,255,.64)!important;
 background:linear-gradient(145deg,rgba(233,243,248,.76),rgba(181,211,226,.68))!important;
 color:var(--p0v2-ink2)!important;
 box-shadow:0 8px 20px rgba(44,76,99,.12),inset 0 1px 0 rgba(255,255,255,.86)!important;
}
.tea2-side-ui{
 width:230px!important;
 padding:11px!important;
 border:1px solid rgba(255,255,255,.68)!important;
 border-radius:20px!important;
 background:linear-gradient(145deg,rgba(232,241,246,.78),rgba(195,219,231,.71))!important;
 box-shadow:var(--p0v2-shadow),inset 0 1px 0 rgba(255,255,255,.87)!important;
 color:var(--p0v2-ink)!important;
 backdrop-filter:blur(22px) saturate(1.08)!important;
}
.tea2-side-head{padding:3px 7px 10px!important;border-bottom-color:rgba(57,95,122,.12)!important}
.tea2-side-head small{font-size:9px!important;color:#61798c!important}
.tea2-side-head strong{font-size:17px!important;color:#18354d!important}
.tea2-side-count{background:rgba(84,151,192,.11)!important;color:#2b6d9a!important;border-color:rgba(66,130,170,.13)!important}
.tea2-menu-group{background:rgba(255,255,255,.20)!important;border-color:rgba(255,255,255,.45)!important}
.tea2-menu-group-toggle{background:rgba(255,255,255,.14)!important;color:#27465d!important}
.tea2-menu-group-toggle strong{font-size:11.5px!important}.tea2-menu-group-toggle span{color:#478bb4!important}
.tea2-side-item{
 min-height:47px!important;
 grid-template-columns:34px minmax(0,1fr) 12px!important;
 padding:6px!important;
 border-radius:12px!important;
}
.tea2-side-item:hover,.tea2-side-item:focus-visible,.tea2-side-item.active{
 background:linear-gradient(135deg,rgba(255,255,255,.60),rgba(210,231,240,.52))!important;
 border-color:rgba(255,255,255,.68)!important;
 box-shadow:0 7px 18px rgba(49,83,105,.08)!important;
}
.tea2-side-label{font-size:12.5px!important;color:#1f3d55!important}
.tea2-side-item small{font-size:9.5px!important;color:#617d90!important}
.tea2-side-chev{color:#4a92bc!important}
.tea2-side-icon{
 width:32px!important;height:32px!important;border-radius:10px!important;
 background:linear-gradient(145deg,#3ea8eb,#526ed9)!important;
 border-color:rgba(255,255,255,.78)!important;
 box-shadow:0 6px 15px rgba(45,108,174,.18),inset 0 1px 0 rgba(255,255,255,.42)!important;
}

/* James becomes a slim glass side assistant */
.mo-assistant{
 top:98px!important;right:18px!important;bottom:78px!important;
 width:298px!important;
 border:1px solid rgba(255,255,255,.68)!important;
 border-radius:20px!important;
 background:linear-gradient(150deg,rgba(232,241,246,.82),rgba(194,218,231,.76))!important;
 box-shadow:var(--p0v2-shadow),inset 0 1px 0 rgba(255,255,255,.87)!important;
 color:var(--p0v2-ink)!important;
 backdrop-filter:blur(24px) saturate(1.08)!important;
}
body.myoffice-v4-ai:not(.mo-assistant-collapsed) .main-screen{margin-right:318px!important}
body.myoffice-v4-ai.mo-assistant-wide .main-screen{margin-right:500px!important}
body.myoffice-v4-ai.mo-assistant-collapsed .main-screen{margin-right:72px!important}
.mo-assistant[data-state="wide"]{width:480px!important}
.mo-assistant[data-state="closed"]{right:18px!important;bottom:80px!important}
.mo-assistant-head{border-bottom-color:rgba(47,88,118,.12)!important}
.mo-assistant-head-copy small{color:#58768b!important}.mo-assistant-head-copy strong{color:#17344c!important}
.mo-assistant-head-actions button{
 background:rgba(255,255,255,.34)!important;border-color:rgba(53,96,126,.14)!important;color:#31536a!important;
}
.mo-context-chip{background:rgba(255,255,255,.34)!important;border-color:rgba(52,95,124,.13)!important}
.mo-context-chip b{color:#3377a3!important}.mo-context-chip span{color:#294b62!important}
.mo-assistant-note,.mo-chat-row,.mo-assistant-quick button{
 background:rgba(255,255,255,.31)!important;border-color:rgba(58,100,130,.12)!important;color:#23445b!important;
}
.mo-assistant-note small,.mo-chat-row small{color:#56758b!important}
.mo-assistant-note strong,.mo-chat-row p{color:#1f4057!important}
.mo-assistant-note p{color:#527085!important}
.mo-chat-row.owner{background:linear-gradient(145deg,rgba(71,156,210,.15),rgba(82,122,195,.13))!important}
.mo-chat-row.james{background:linear-gradient(145deg,rgba(47,187,216,.13),rgba(121,99,216,.11))!important}
.mo-assistant-quick button:hover{background:rgba(255,255,255,.55)!important}
.mo-assistant-composer{background:rgba(164,197,214,.22)!important;border-top-color:rgba(55,98,126,.12)!important}
.mo-assistant-recipient button{background:rgba(255,255,255,.34)!important;color:#35576e!important;border-color:rgba(54,98,127,.14)!important}
.mo-assistant-recipient button.active{background:linear-gradient(135deg,#4c9de1,#7465d6)!important;color:#fff!important}
.mo-assistant-form textarea{
 background:rgba(244,248,250,.60)!important;color:#17364e!important;border-color:rgba(53,96,126,.18)!important;
}
.mo-assistant-send{background:linear-gradient(180deg,#45b9db,#5577d8)!important}

/* Mission Control is the real home */
.mission-control-view .view-head{
 min-height:62px!important;
 padding:10px 14px!important;
 margin:0 0 8px!important;
 border:1px solid rgba(255,255,255,.58)!important;
 border-radius:15px!important;
 background:linear-gradient(135deg,rgba(235,243,247,.72),rgba(209,226,235,.65))!important;
}
.mission-control-view .view-head>div:first-child strong{font-size:22px!important;color:#17334b!important}
.mission-control-view .view-head>div:first-child small{font-size:10.5px!important;color:#607a8d!important}
#dashboardClose{display:none!important}
.dashboard-shell.mc-shell{inset:72px 0 0!important;gap:9px!important}
.mc-hero,.dashboard-kpis,.dashboard-content{
 border:1px solid rgba(255,255,255,.64)!important;
 background:linear-gradient(145deg,rgba(230,240,246,.72),rgba(201,222,233,.65))!important;
 box-shadow:0 10px 26px rgba(47,79,101,.10),inset 0 1px 0 rgba(255,255,255,.84)!important;
}
.mc-hero{
 position:relative!important;
 min-height:90px!important;
 border-radius:17px!important;
 overflow:hidden!important;
}
.mc-hero:before{
 content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:7px!important;
 background:linear-gradient(180deg,var(--p0v2-cyan),var(--p0v2-violet),var(--p0v2-orange))!important;
}
.mc-hero-copy small{color:#377ea9!important;font-size:8.5px!important}
.mc-hero-copy strong{color:#18344c!important;font-size:23px!important}
.mc-hero-copy span{color:#597487!important;font-size:10.5px!important}
.mc-hero-copy span b{color:#254d68!important}
.mc-chip{
 background:rgba(255,255,255,.48)!important;border-color:rgba(54,98,127,.13)!important;
}
.mc-chip b{color:#60798b!important}.mc-chip em{color:#25465c!important}.mc-chip small{color:#728898!important}
.mc-chip.ok{background:rgba(43,168,117,.11)!important;border-color:rgba(43,168,117,.20)!important}.mc-chip.ok em{color:#16744e!important}
.mc-chip.warn{background:rgba(226,138,66,.12)!important;border-color:rgba(210,128,56,.20)!important}.mc-chip.warn em{color:#9a5d20!important}
.mc-chip.bad{background:rgba(212,91,112,.11)!important;border-color:rgba(212,91,112,.20)!important}.mc-chip.bad em{color:#a63c51!important}
.dashboard-kpis.mc-kpis{border-radius:16px!important}
.dashboard-kpi{
 min-height:72px!important;
 background:rgba(244,248,250,.48)!important;
 border-color:rgba(255,255,255,.67)!important;
 box-shadow:0 6px 16px rgba(53,83,103,.06)!important;
}
.dashboard-kpi:nth-child(1){border-top:3px solid var(--p0v2-red)!important}
.dashboard-kpi:nth-child(2){border-top:3px solid var(--p0v2-violet)!important}
.dashboard-kpi:nth-child(3){border-top:3px solid var(--p0v2-blue)!important}
.dashboard-kpi:nth-child(4){border-top:3px solid var(--p0v2-cyan)!important}
.dashboard-kpi:nth-child(5){border-top:3px solid var(--p0v2-orange)!important}
.dashboard-kpi:nth-child(6){border-top:3px solid var(--p0v2-green)!important}
.dashboard-kpi small{color:#657d8f!important}.dashboard-kpi strong{color:#17364e!important}.dashboard-kpi span{color:#688294!important}
.dashboard-content.mc-content{
 border-radius:16px!important;
 background:rgba(218,232,240,.55)!important;
 grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
}
.dashboard-card.mc-card{
 border-color:rgba(255,255,255,.68)!important;
 background:linear-gradient(145deg,rgba(244,248,250,.69),rgba(219,232,239,.62))!important;
 box-shadow:0 8px 22px rgba(47,79,101,.08),inset 0 1px 0 rgba(255,255,255,.86)!important;
}
.mc-card-head small{color:#5f7990!important}.mc-card-head h3{color:#17364e!important;font-size:15px!important}
.dashboard-row.mc-row,.mc-next,.mc-build-grid>section,.mc-activity-item,.mc-statline span{
 background:rgba(255,255,255,.42)!important;
 border:1px solid rgba(255,255,255,.58)!important;
 color:#2d4e64!important;
}
.mc-row b,.mc-next b,.mc-build-now strong,.mc-build-deploy strong,.mc-activity-item b,.mc-statline b{color:#17364e!important}
.mc-row small,.mc-next small,.mc-next em,.mc-build-grid small,.mc-build-now p,.mc-build-next span,.mc-build-deploy>span,.mc-activity-item span,.mc-statline small{color:#627c8f!important}
.mc-next>span{background:linear-gradient(145deg,#3da7e6,#6f64d7)!important;color:#fff!important}
.mc-build-card{border-top:3px solid var(--p0v2-violet)!important}
.mc-build-tags span{background:rgba(62,152,204,.11)!important;border-color:rgba(62,152,204,.17)!important;color:#2b607f!important}
.mc-build-deploy>b.clear{background:rgba(43,168,117,.12)!important;color:#16734e!important}
.mc-build-deploy>b.has-blockers{background:rgba(212,91,112,.12)!important;color:#9f4051!important}
.mc-activity-item em{background:rgba(74,128,161,.11)!important;color:#456a81!important}
.mc-activity-item.ok em{background:rgba(43,168,117,.12)!important;color:#19704e!important}
.mc-activity-item.warn em{background:rgba(226,138,66,.13)!important;color:#965b24!important}
.mc-activity-item.bad em{background:rgba(212,91,112,.12)!important;color:#9f4051!important}
.mc-detail-switch{background:rgba(255,255,255,.42)!important;border-color:rgba(52,95,124,.14)!important}
.mc-detail-switch button{color:#567389!important}
.mc-detail-switch button.active{background:linear-gradient(135deg,#459ad6,#7461cf)!important;color:#fff!important}

/* Approval center follows the same lighter premium reference */
.mo-approval-drawer{
 top:98px!important;right:18px!important;bottom:78px!important;
 width:min(700px,58vw)!important;
 background:linear-gradient(150deg,rgba(235,243,247,.92),rgba(204,224,234,.88))!important;
 border-color:rgba(255,255,255,.75)!important;
 color:var(--p0v2-ink)!important;
 box-shadow:0 24px 60px rgba(40,71,92,.22),inset 0 1px 0 rgba(255,255,255,.88)!important;
}
.mo-approval-head{border-bottom-color:rgba(51,92,120,.12)!important}
.mo-approval-head small{color:#5b788c!important}.mo-approval-head strong{color:#17354d!important}.mo-approval-head>div span{color:#617b8e!important}
.mo-approval-summary>div,.mo-approval-item,.mo-approval-foot{
 background:rgba(255,255,255,.43)!important;border-color:rgba(255,255,255,.63)!important;
}
.mo-approval-summary small,.mo-approval-item small,.mo-approval-safety,.mo-approval-foot span{color:#627c8e!important}
.mo-approval-summary strong,.mo-approval-item strong,.mo-approval-foot b{color:#17364e!important}
.mo-approval-item p{color:#48677c!important}
.mo-approval-actions button{border-color:rgba(255,255,255,.52)!important}
.mo-envelope-scope span{background:rgba(65,131,171,.09)!important;color:#35627f!important;border-color:rgba(65,131,171,.14)!important}

/* Footer becomes a clean dock */
.tea2-footer{
 height:58px!important;
 padding:0 4px!important;
 display:grid!important;
 grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
 align-items:center!important;
 gap:10px!important;
}
.tea2-taskbar,.status-pill,.james-pill,.process-btn,.footer-mini{
 min-height:44px!important;height:44px!important;
 border:1px solid rgba(255,255,255,.60)!important;
 background:linear-gradient(145deg,rgba(232,241,246,.71),rgba(190,216,229,.65))!important;
 box-shadow:0 8px 20px rgba(44,75,98,.10),inset 0 1px 0 rgba(255,255,255,.82)!important;
 color:var(--p0v2-ink)!important;
}
.tea2-taskbar{border-radius:16px!important;padding:4px 7px!important;max-width:min(640px,46vw)!important}
.tea2-taskbar .taskbar-item{width:36px!important;height:36px!important;min-width:36px!important;flex-basis:36px!important}
.tea2-taskbar .taskbar-icon,.taskbar-icon-glossy{
 width:32px!important;height:32px!important;
 background:linear-gradient(145deg,#3aa7e9,#506fd3)!important;
 border-color:rgba(255,255,255,.78)!important;
 box-shadow:0 5px 13px rgba(48,105,166,.18),inset 0 1px 0 rgba(255,255,255,.40)!important;
}
.status-pill b,.james-pill b,.process-btn{color:#25455b!important}
.status-pill small,.james-pill small,.james-work small{color:#657f90!important}
.taskbar-tip{background:#f0f5f8!important;color:#28495f!important;border-color:rgba(54,96,124,.16)!important}

/* No tiny-text regressions in primary shell */
.tea2-side-ui,.mo-assistant,.mo-approval-drawer,.mission-control-view{font-size:11px!important}

@media(max-width:1360px){
 .myoffice-brand{flex-basis:190px!important}
 .mo-commandbar{margin-right:130px!important}
 .side-left.expanded{width:220px!important}.tea2-side-ui{width:210px!important}
 #leftRail.expanded~.main-screen{margin-left:238px!important}
 .main-screen{margin-left:238px!important;margin-right:298px!important}
 .mo-assistant{width:280px!important}
 body.myoffice-v4-ai:not(.mo-assistant-collapsed) .main-screen{margin-right:298px!important}
}
@media(max-width:1100px){
 .myoffice-brand{display:none!important}
 .mo-commandbar{margin-right:130px!important}
 .side-left.expanded{width:205px!important}.tea2-side-ui{width:195px!important}
 #leftRail.expanded~.main-screen{margin-left:220px!important}
 .main-screen{margin-right:72px!important}
 .mo-assistant{width:54px!important;height:54px!important;top:auto!important}
 body.myoffice-v4-ai:not(.mo-assistant-wide) .main-screen{margin-right:72px!important}
 .dashboard-content.mc-content{grid-template-columns:1fr!important}
}
@media(max-width:760px){
 .tea2-shell{grid-template-rows:68px minmax(0,1fr) 56px!important;padding:6px!important;gap:6px!important}
 .tea2-header{border-radius:16px!important;padding:6px!important}
 .mo-commandbar{margin-right:0!important;height:42px!important}
 .tea2-env-badge{top:10px!important;right:10px!important}
 .side-rail{top:80px!important;bottom:68px!important}
 .main-screen,#leftRail.expanded~.main-screen,#leftRail:not(.expanded)~.main-screen{margin:0 58px 0 42px!important}
 .mo-assistant{right:6px!important;bottom:66px!important}
 .dashboard-kpis.mc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}