/* OfficialOS RC10.19 brand polish — platform shell + disciplined module color system */
:root{
  --oos-bg:#07111d;
  --oos-panel:#0b1726;
  --oos-panel-2:#0e1d2f;
  --oos-border:#14314a;
  --oos-blue:#1f6bff;
  --oos-cyan:#12d7ff;
  --oos-green:#9cff3a;
  --oos-success:#22c55e;
  --oos-amber:#f5a623;
  --oos-red:#ff5a6b;
  --oos-violet:#8b5cf6;
  --oos-slate:#5d728a;
  --oos-text:#f5f8fc;
  --oos-muted:#a9b7c8;
  --oos-muted-2:#6f8399;
}

body.r19-shell{
  background:radial-gradient(circle at 72% -12%,rgba(31,107,255,.12),transparent 30%),linear-gradient(180deg,#07111d,#06101b 52%,#050d16);
  color:var(--oos-text);
}

/* The approved artwork remains the image source, but the outdated baked-in right-side slogan is covered by the live brand layer below. */
#r19BrandBar{isolation:isolate;background:#020b13!important}
#r19BrandBar::after{
  content:"";position:absolute;z-index:2;right:0;top:0;bottom:0;width:18%;pointer-events:none;
  background:linear-gradient(90deg,rgba(2,11,19,0) 0%,rgba(2,11,19,.95) 35%,#020b13 58%);
}
#r19BrandBar .r19-banner-copy{
  position:absolute;z-index:3;right:1.7%;top:50%;transform:translateY(-50%);text-align:right;
  max-width:18%;font-size:clamp(7px,.70vw,13px);font-weight:900;letter-spacing:.16em;line-height:1.42;
  color:#f7fbff;text-transform:uppercase;text-shadow:0 2px 18px rgba(0,0,0,.7);
}
#r19BrandBar .r19-banner-copy b{display:block;color:var(--oos-cyan);font-size:.86em;letter-spacing:.13em;margin-top:8px}
#r19BrandBar .r19-build{z-index:4!important}

/* Unified navigation rail */
body.r19-shell .tabs{--rail-bg:#04121e;background:linear-gradient(180deg,#04121e 0%,#03101a 100%)!important}
body.r19-shell .tabs>button,
body.r19-shell .tabs>.r16-side-tool{
  --nav-accent:var(--oos-slate);--nav-tint:rgba(93,114,138,.12);
  position:relative;border:1px solid transparent!important;border-radius:10px!important;color:#a7b8c9!important;
  transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease!important;
}
body.r19-shell .tabs>button:hover,
body.r19-shell .tabs>.r16-side-tool:hover{background:var(--nav-tint)!important;border-color:color-mix(in srgb,var(--nav-accent) 24%,transparent)!important;color:#f8fbff!important;transform:translateX(1px)}
body.r19-shell .tabs>button::before,
body.r19-shell .tabs>.r16-side-tool::before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:transparent;box-shadow:none}
body.r19-shell .tabs>button.active{background:var(--nav-tint)!important;border-color:color-mix(in srgb,var(--nav-accent) 28%,transparent)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.012),0 8px 24px rgba(0,0,0,.08)!important}
body.r19-shell .tabs>button.active::before{background:var(--nav-accent);box-shadow:0 0 14px color-mix(in srgb,var(--nav-accent) 55%,transparent)}
body.r19-shell .tabs .nav-icon,
body.r19-shell .r16-side-tool>i{
  width:28px!important;height:28px!important;min-width:28px!important;display:grid!important;place-items:center!important;
  border:1px solid color-mix(in srgb,var(--nav-accent) 34%,#153249)!important;border-radius:9px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--nav-accent) 16%,#0a1a2a),#071522)!important;
  color:var(--nav-accent)!important;box-shadow:inset 0 0 14px color-mix(in srgb,var(--nav-accent) 7%,transparent)!important;
  font-style:normal!important;overflow:hidden!important;
}
body.r19-shell .tabs>button.active .nav-icon{box-shadow:0 0 16px color-mix(in srgb,var(--nav-accent) 22%,transparent),inset 0 0 14px color-mix(in srgb,var(--nav-accent) 10%,transparent)!important}
body.r19-shell .tabs .nav-icon svg,
body.r19-shell .r16-side-tool>i svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
body.r19-shell .tabs .nav-icon img{width:22px!important;height:22px!important;object-fit:contain!important}
body.r19-shell .tabs>button[data-tab="home"]{--nav-accent:#12d7ff;--nav-tint:rgba(18,215,255,.085)}
body.r19-shell .tabs>button[data-tab="schedule"]{--nav-accent:#1f6bff;--nav-tint:rgba(31,107,255,.10)}
body.r19-shell .tabs>button[data-tab="opps"]{--nav-accent:#76f7ff;--nav-tint:linear-gradient(90deg,rgba(31,107,255,.13),rgba(18,215,255,.08),rgba(156,255,58,.045))}
body.r19-shell .tabs>button[data-tab="money"]{--nav-accent:#22c55e;--nav-tint:rgba(34,197,94,.085)}
body.r19-shell .tabs>button[data-tab="workday"]{--nav-accent:#f5a623;--nav-tint:rgba(245,166,35,.085)}
body.r19-shell .tabs>button[data-tab="reports"]{--nav-accent:#8b5cf6;--nav-tint:rgba(139,92,246,.09)}
body.r19-shell .tabs>button[data-tab="setup"]{--nav-accent:#7890a7;--nav-tint:rgba(120,144,167,.09)}
body.r19-shell .tabs>.r16-side-tool[data-tool="route"]{--nav-accent:#14b8a6;--nav-tint:rgba(20,184,166,.08)}
body.r19-shell .tabs>.r16-side-tool[data-tool="share"]{--nav-accent:#38bdf8;--nav-tint:rgba(56,189,248,.08)}
body.r19-shell .tabs>.r16-side-tool[data-tool="expenses"]{--nav-accent:#fb923c;--nav-tint:rgba(251,146,60,.08)}
body.r19-shell .tabs>.r16-side-tool[data-tool="lists"]{--nav-accent:#6366f1;--nav-tint:rgba(99,102,241,.09)}

.oos-nav-badge{margin-left:auto;border:1px solid rgba(139,92,246,.34);border-radius:999px;padding:2px 6px;font-size:7px;font-weight:900;letter-spacing:.08em;color:#cbbdff;background:rgba(139,92,246,.09);text-transform:uppercase}
.oos-plan-footer{margin:10px 8px 2px;padding:9px 10px;border-top:1px solid #12324a;color:#7f94aa;font-size:8px;line-height:1.35}
.oos-plan-footer b{display:inline-block;color:#dfeaff;border:1px solid #244861;background:#091c2d;border-radius:999px;padding:3px 7px;margin-bottom:5px;letter-spacing:.08em}
.oos-plan-footer b.pro{border-color:rgba(156,255,58,.26);background:rgba(156,255,58,.055);color:#cfff9d}

/* Module identity follows the same accent everywhere */
#home{--screen-accent:#12d7ff;--screen-glow:rgba(18,215,255,.12)}
#schedule{--screen-accent:#1f6bff;--screen-glow:rgba(31,107,255,.13)}
#opps{--screen-accent:#12d7ff;--screen-glow:rgba(18,215,255,.13)}
#money{--screen-accent:#22c55e;--screen-glow:rgba(34,197,94,.12)}
#workday{--screen-accent:#f5a623;--screen-glow:rgba(245,166,35,.12)}
#reports{--screen-accent:#8b5cf6;--screen-glow:rgba(139,92,246,.13)}
#setup{--screen-accent:#7890a7;--screen-glow:rgba(120,144,167,.11)}
body.r19-shell:not([data-oos-screen="home"]) .screen-hero{border-left:3px solid var(--screen-accent)!important;background:linear-gradient(110deg,var(--screen-glow),rgba(8,22,35,.92) 40%,rgba(7,18,30,.96))!important;border-color:color-mix(in srgb,var(--screen-accent) 28%,#123650)!important}
body.r19-shell:not([data-oos-screen="home"]) .screen-hero .hero-mark{color:var(--screen-accent)!important;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--screen-accent) 25%,transparent))}
body.r19-shell .eyebrow{color:var(--screen-accent)!important}

/* Premium chip and gated preview language */
.oos-pro-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(139,92,246,.35);border-radius:999px;padding:3px 7px;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#d4c9ff;background:linear-gradient(90deg,rgba(31,107,255,.11),rgba(139,92,246,.12))}
.oos-starter-chip{display:inline-flex;align-items:center;border:1px solid #365069;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#b8c6d6;background:#0b1c2b}
.oos-locked{position:relative}
.oos-locked::after{content:"PRO";position:absolute;top:8px;right:8px;z-index:4;border:1px solid rgba(139,92,246,.32);border-radius:999px;padding:2px 6px;background:#16132a;color:#cbbdff;font-size:7px;font-weight:900;letter-spacing:.08em}

/* Upgrade modal — visible only to Starter users when they choose a premium path */
#oosUpgradeModal{position:fixed;inset:0;z-index:5000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(2,8,15,.78);backdrop-filter:blur(8px)}
#oosUpgradeModal.open{display:flex}
.oos-upgrade-card{width:min(680px,100%);border:1px solid #2a4b67;border-radius:22px;background:linear-gradient(145deg,#0d2236,#07131f 62%);box-shadow:0 34px 100px rgba(0,0,0,.58);overflow:hidden}
.oos-upgrade-head{display:flex;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid #18364e;background:linear-gradient(100deg,rgba(31,107,255,.13),rgba(139,92,246,.09),rgba(156,255,58,.025))}
.oos-upgrade-head h2{margin:5px 0 4px;font-size:26px}.oos-upgrade-head p{margin:0;color:#9fb0c2;line-height:1.45}.oos-upgrade-close{border:0;background:transparent;color:#a9b7c8;font-size:20px;cursor:pointer}
.oos-upgrade-body{padding:20px 24px}.oos-upgrade-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}.oos-upgrade-list div{border:1px solid #1e3d55;border-radius:12px;background:#091927;padding:11px 12px}.oos-upgrade-list b{display:block;color:#f6fbff;font-size:12px}.oos-upgrade-list span{display:block;color:#8095aa;font-size:10px;margin-top:3px;line-height:1.35}
.oos-upgrade-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap;margin-top:16px}.oos-upgrade-actions a,.oos-upgrade-actions button{min-height:38px;padding:9px 13px;border-radius:10px;font-weight:800;text-decoration:none}
.oos-upgrade-actions a{background:linear-gradient(135deg,#1f6bff,#12d7ff);color:#03111c}.oos-upgrade-actions button{background:#102438;color:#d6e4f2;border:1px solid #2a4861}

/* Cards: one consistent family, stronger only when a feature truly deserves it */
body.r19-shell .card{border-color:#173a53!important;background:linear-gradient(180deg,rgba(10,26,41,.98),rgba(7,19,31,.98))!important;box-shadow:0 10px 28px rgba(0,0,0,.11)!important}
body.r19-shell .card:hover{border-color:color-mix(in srgb,var(--screen-accent) 26%,#173a53)!important}
body.r19-shell button.primary{background:linear-gradient(135deg,var(--screen-accent),color-mix(in srgb,var(--screen-accent) 75%,#1f6bff))!important;color:#02111d!important}
body.r19-shell button.secondary{background:#0c2032!important;border-color:#25445c!important;color:#dce9f4!important}
body.r19-shell .badge.good{border-color:rgba(34,197,94,.25)!important;background:rgba(34,197,94,.08)!important;color:#80f0a2!important}

/* Dashboard detail colors */
.r16-kpi:nth-child(1){--kpi-accent:#12d7ff}.r16-kpi:nth-child(2){--kpi-accent:#f5a623}.r16-kpi:nth-child(3){--kpi-accent:#22c55e}.r16-kpi:nth-child(4){--kpi-accent:#8b5cf6}
.r16-kpi .r16-kpi-icon{border-color:color-mix(in srgb,var(--kpi-accent,#12d7ff) 36%,#14314a)!important;color:var(--kpi-accent,#12d7ff)!important;background:color-mix(in srgb,var(--kpi-accent,#12d7ff) 8%,#081827)!important}

@media(max-width:900px){
  #r19BrandBar::after{width:34%;background:linear-gradient(90deg,rgba(2,11,19,0),#020b13 62%)}
  #r19BrandBar .r19-banner-copy{right:8px;max-width:33%;font-size:6.5px;letter-spacing:.10em}
  #r19BrandBar .r19-banner-copy b{display:none}
  .oos-upgrade-list{grid-template-columns:1fr}
  .oos-plan-footer{display:none}
}

/* ===== RC10.19 SHELL LOCK r4 — OfficialOS-first application identity ===== */
:root{--r19-top:132px;--r19-nav:210px}
#r19BrandBar{
  position:fixed!important;inset:0 0 auto 0!important;width:100vw!important;height:var(--r19-top)!important;
  overflow:hidden!important;isolation:isolate!important;background:
    radial-gradient(circle at 72% -25%,rgba(18,215,255,.14),transparent 31%),
    linear-gradient(100deg,#03101b 0%,#061827 43%,#04111d 100%)!important;
  border-bottom:1px solid #164b68!important;box-shadow:0 12px 38px rgba(0,0,0,.26)!important;z-index:180!important;
}
#r19BrandBar::before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(31,107,255,.055),transparent 30%,transparent 72%,rgba(18,215,255,.035));pointer-events:none}
#r19BrandBar::after{content:""!important;position:absolute!important;z-index:1!important;inset:auto 0 0!important;height:1px!important;width:auto!important;background:linear-gradient(90deg,#1f6bff,#12d7ff 48%,rgba(156,255,58,.55))!important;opacity:.78!important;pointer-events:none!important}
.r19-brand-copy{position:relative;z-index:4;width:58%;height:100%;box-sizing:border-box;padding:15px 28px 12px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.r19-platform-wordmark{display:flex;align-items:baseline;gap:0;color:#f8fbff;font-size:clamp(35px,3.0vw,50px);font-weight:880;line-height:.9;letter-spacing:-.055em;text-shadow:0 8px 28px rgba(0,0,0,.34)}
.r19-platform-wordmark b{font-weight:900;color:#12d7ff;background:linear-gradient(135deg,#eaf9ff 0%,#12d7ff 38%,#1f6bff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.r19-platform-tagline{margin-top:7px;color:#d9e8f3;font-size:clamp(7px,.64vw,10px);font-weight:900;letter-spacing:.23em;text-transform:uppercase}
.r19-platform-value{display:flex;align-items:center;gap:9px;margin-top:7px;font-size:clamp(8px,.68vw,11px);line-height:1.25;color:#7f9bb0}
.r19-platform-value strong{color:#f3f9fd}.r19-platform-value span{padding-left:9px;border-left:1px solid #24506b}
.r19-ai-signature{display:flex;align-items:center;gap:7px;margin-top:7px;min-width:0;color:#9fb6c7}
.r19-ai-signature img{display:block;width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(18,215,255,.16))}
.r19-ai-signature span{min-width:0}.r19-ai-signature b{display:block;color:#bfefff;font-size:7px;line-height:1.1;letter-spacing:.15em}.r19-ai-signature small{display:block;margin-top:2px;color:#657f93;font-size:6.5px;line-height:1.1;letter-spacing:.04em}
.r19-people{position:absolute;z-index:2;right:8%;top:0;bottom:0;width:46%;background-image:linear-gradient(90deg,#061827 0%,rgba(6,24,39,.68) 14%,rgba(4,17,29,.06) 47%,rgba(4,17,29,.03) 100%),var(--r19-people);background-size:cover;background-position:center 32%;background-repeat:no-repeat;opacity:.92;filter:saturate(.85) contrast(1.04);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 19%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 19%,#000 100%)}
.r19-brand-promise{position:absolute;z-index:5;right:22px;bottom:21px;text-align:right;font-size:8px;font-weight:900;line-height:1.45;letter-spacing:.17em;text-transform:uppercase;color:#eaf5fb;text-shadow:0 3px 16px #000}.r19-brand-promise span,.r19-brand-promise b{display:block}.r19-brand-promise b{color:#12d7ff}
#r19BrandBar .r19-build{position:absolute!important;z-index:6!important;top:9px!important;right:11px!important;left:auto!important;padding:2px 6px!important;border:1px solid rgba(18,215,255,.45)!important;border-radius:999px!important;background:rgba(2,14,24,.72)!important;color:#75e6ff!important;font-size:6px!important;font-weight:900!important;line-height:1.2!important}
#r19BrandBar .r19-master-banner,#r19BrandBar .r19-banner-copy{display:none!important}

/* navigation: identity color only; entitlement badges are reserved for locked Starter features */
body.r19-shell .tabs>button,body.r19-shell .tabs>.r16-side-tool{min-width:0!important}
body.r19-shell .tabs>button>span:not(.nav-icon):not(.oos-nav-badge),body.r19-shell .r16-side-tool>span:not(.oos-nav-badge){overflow:hidden;text-overflow:ellipsis}
.oos-nav-badge{flex:0 0 auto!important;margin-left:auto!important;color:#d9cfff!important;border-color:rgba(139,92,246,.38)!important;background:rgba(139,92,246,.10)!important}
body.r19-shell .tabs>button.oos-locked,body.r19-shell .tabs>.r16-side-tool.oos-locked{opacity:.88}
body.r19-shell .tabs>button.oos-locked::after,body.r19-shell .tabs>.r16-side-tool.oos-locked::after{display:none!important}

/* real-data day context fills the Home workspace instead of decorative geography */
.r16-route-context{height:100%;display:flex!important;flex-direction:column!important}
.r16-venue-schedule,.r16-route-stops{flex:0 0 auto}
.r16-day-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0 0}
.r16-day-fact{min-width:0;border:1px solid #16425c;border-radius:10px;background:#061b29;padding:8px 9px}
.r16-day-fact span{display:block;color:#668ba2;font-size:6px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.r16-day-fact b{display:block;margin-top:3px;color:#edf9ff;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r16-route-trust{margin-top:auto!important}

@media(min-width:901px){
  body.r19-shell .tabs,body.r19-shell.r17-home-ready[data-oos-screen="home"] .tabs{top:var(--r19-top)!important;bottom:0!important;width:var(--r19-nav)!important;height:auto!important;padding:10px 11px!important;overflow:hidden!important}
  body.r19-shell .tabs>button{min-height:38px!important}
  body.r19-shell .r16-side-tool{min-height:32px!important}
  body.r19-shell .r16-side-divider{margin:6px 8px 3px!important}
  body.r19-shell .r16-side-copy{margin-top:auto!important;padding:8px 9px 1px!important}
  body.r19-shell.r17-home-ready[data-oos-screen="home"] #rc1017Dashboard{top:var(--r19-top)!important;height:calc(100vh - var(--r19-top))!important}
  body.r19-shell:not([data-oos-screen="home"]) main{padding:calc(var(--r19-top) + 14px) 24px 38px calc(var(--r19-nav) + 24px)!important}
}
@media(min-width:901px) and (max-width:1180px){
  :root{--r19-top:118px;--r19-nav:190px}
  .r19-brand-copy{width:62%;padding-left:22px}.r19-platform-wordmark{font-size:36px}.r19-platform-value{font-size:8px}.r19-people{right:4%;width:48%}.r19-brand-promise{display:none}
}
@media(min-width:901px) and (max-height:760px){
  :root{--r19-top:108px}
  .r19-brand-copy{padding-top:10px;padding-bottom:9px}.r19-platform-wordmark{font-size:34px}.r19-platform-tagline{margin-top:5px}.r19-platform-value{margin-top:5px}.r19-ai-signature{margin-top:5px}
  body.r19-shell .tabs>button{min-height:34px!important}.oos-plan-footer{margin-top:6px!important;padding-top:7px!important}
  .r16-day-facts{gap:5px}.r16-day-fact{padding:6px 7px}.r16-day-fact b{font-size:9px}
}
@media(max-width:900px){
  :root{--r19-top:94px}
  #r19BrandBar{position:relative!important;height:var(--r19-top)!important;inset:auto!important}
  .r19-brand-copy{width:100%;padding:12px 13px 10px;justify-content:center}.r19-platform-wordmark{font-size:29px}.r19-platform-tagline{margin-top:5px;font-size:6.5px;letter-spacing:.18em}.r19-platform-value{margin-top:5px;font-size:7px}.r19-platform-value span{display:none}.r19-ai-signature{position:absolute;right:11px;bottom:10px;margin:0}.r19-ai-signature img{width:19px;height:19px}.r19-ai-signature b{font-size:5.5px}.r19-ai-signature small{display:none}.r19-people,.r19-brand-promise{display:none}.r19-build{top:6px!important;right:7px!important}
  body.r19-shell>header{display:none!important}.r16-day-facts{grid-template-columns:1fr 1fr}
}

/* Sidebar footer: plan state is useful; audience-list filler is not. */
body.r19-shell .r16-side-copy{display:none!important}
body.r19-shell .oos-plan-footer{margin-top:auto!important;margin-bottom:0!important;padding:9px 8px 2px!important;border-top:1px solid #12324a!important}

/* Narrow desktop: preserve usable route context instead of clipping it behind the AI rail. */
@media(min-width:901px) and (max-width:1100px){
  body.r19-shell.r17-home-ready[data-oos-screen="home"] .r16-core{grid-template-columns:minmax(0,1fr) minmax(230px,.62fr)!important}
  body.r19-shell.r17-home-ready[data-oos-screen="home"] .r16-next-body{grid-template-columns:minmax(220px,.78fr) minmax(0,1.22fr)!important}
  body.r19-shell.r17-home-ready[data-oos-screen="home"] .r16-routebox{display:none!important}
  body.r19-shell.r17-home-ready[data-oos-screen="home"] .r16-day-facts{grid-template-columns:1fr 1fr!important}
  body.r19-shell.r17-home-ready[data-oos-screen="home"] .r16-route-context{padding:9px!important;gap:7px!important}
  body.r19-shell.r17-home-ready[data-oos-screen="home"] .r16-route-context-head>b{font-size:13px!important}
  body.r19-shell.r17-home-ready[data-oos-screen="home"] .r16-route-context-head>small{font-size:7px!important}
  body.r19-shell.r17-home-ready[data-oos-screen="home"] .r16-ai{padding:8px!important}
  body.r19-shell.r17-home-ready[data-oos-screen="home"] .r16-ai-head{grid-template-columns:34px 1fr auto!important;gap:6px!important}
  body.r19-shell.r17-home-ready[data-oos-screen="home"] .r16-ai-head img{width:34px!important;height:34px!important}
  body.r19-shell.r17-home-ready[data-oos-screen="home"] .r16-ai-head h3{font-size:13px!important}
  body.r19-shell.r17-home-ready[data-oos-screen="home"] .r16-ai-row{grid-template-columns:22px 1fr auto!important;gap:5px!important;padding:4px!important}
  body.r19-shell.r17-home-ready[data-oos-screen="home"] .r16-ai-row i{width:22px!important;height:22px!important}
}