/* CamCore private pages (OPS-1133). The approved design applied to the live hooks of the
   My CamCore section shell. Load after v3-design.css. Shared rules come first: the section
   shell and rail, the sign-in gate, the surfaces and the classes the page scripts render.
   Each page's own rules follow. Legacy colours are remapped through the custom properties
   the older stylesheets already read, so script-rendered rows stay legible on every surface. */

/* The section shell ------------------------------------------------------- */
body[data-design] .mycc-workspace-shell{grid-template-columns:250px minmax(0,1fr);gap:0;align-items:stretch;background:#0a0f14}
body[data-design] .mycc-content{min-width:0}
body[data-design] .mycc-rail{position:static;top:auto;gap:18px;margin:0;padding:22px 16px;border:0;border-right:1px solid #2a3843;border-radius:0;background:#0f161c;box-shadow:none;color:#f6efe6}
body[data-design] .mycc-rail-kicker{margin:0;padding-inline:12px;color:#ffb09d;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
body[data-design] .mycc-rail-nav{gap:2px}
body[data-design] .mycc-rail-group{margin:16px 0 4px;padding-inline:12px;color:#ffb09d;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
body[data-design] .mycc-rail-nav>.mycc-rail-group:first-child{margin-top:0}
body[data-design] .mycc-rail-link{min-height:44px;padding:0 12px;border:0;border-radius:12px;color:#f6efe6;font-size:15px;font-weight:600;text-decoration:none;transition:none}
body[data-design] .mycc-rail-link:hover,body[data-design] .mycc-rail-link:focus-visible{border:0;background:#1e2a33;color:#f6efe6}
body[data-design] .mycc-rail-link[aria-current="page"]{border:0;background:#ff4b2b;color:#10181f;font-weight:800}
body[data-design] .mycc-rail-link:focus-visible,body[data-design] .mycc-mobile-more:focus-visible,body[data-design] .mycc-native-mobile-nav a:focus-visible{outline:3px solid #ff7a59;outline-offset:2px}
body[data-design] .mycc-rail .mycc-rail-icon{display:none}
body[data-design] .mycc-rail-label{white-space:normal}
body[data-design] .mycc-rail-external-mark,body[data-design] .mycc-rail-external:hover .mycc-rail-external-mark{color:inherit}
body[data-design] .mycc-rail-account{gap:10px;margin:0;padding:16px 12px 0;border-top:1px solid #2a3843}
body[data-design] .mycc-rail-avatar{width:40px;height:40px;border:0;background:#ff4b2b;color:#10181f;font-size:15px;font-weight:800}
body[data-design] .mycc-rail-account strong{color:#f6efe6;font-size:15px;font-weight:700}
body[data-design] .mycc-rail-account small{color:#e6dcd0;font-size:13px;font-weight:600}
@media (max-width:900px){
  body[data-design] .mycc-rail{padding:10px clamp(12px,3vw,24px);border-right:0;border-bottom:1px solid #2a3843}
  body[data-design] .mycc-rail-link{padding:0 14px}
}
@media (max-width:620px){
  body[data-design] .mycc-workspace-shell{padding-bottom:76px}
  /* OPS-1133: the fixed bar must never cover the policies at the very end of the page. */
  body[data-design]:has(.mycc-native-mobile-nav:not([hidden])) .app-footer{margin-bottom:calc(88px + env(safe-area-inset-bottom))}
  body[data-design] .mycc-native-mobile-nav{inset:auto 0 0;min-height:64px;padding:4px 6px max(4px,env(safe-area-inset-bottom));border:0;border-top:1px solid #2a3843;border-radius:0;background:#0f161c;box-shadow:none}
  body[data-design] .mycc-native-mobile-nav a,body[data-design] .mycc-mobile-more{color:#f6efe6;font-size:13px;font-weight:700}
  body[data-design] .mycc-native-mobile-nav a[aria-current="page"]{background:transparent;color:#ff7a59}
  body[data-design] .mycc-native-mobile-nav a[aria-current="page"] .mycc-rail-icon{color:#ff7a59}
  body[data-design] .mycc-mobile-more[aria-expanded="true"]{background:#1e2a33;color:#f6efe6}
  body[data-design] .mycc-mobile-sheet{inset:auto 8px 72px;border:1px solid #34434f;background:#0f161c;box-shadow:0 18px 50px rgba(0,0,0,.6)}
  body[data-design] .mycc-native-mobile-nav .mycc-sheet-link{font-size:15px;color:#f6efe6}
  body[data-design] .mycc-native-mobile-nav .mycc-sheet-link[aria-current="page"]{background:#ff4b2b;color:#10181f;font-weight:800}
  body[data-design] .mycc-native-mobile-nav .mycc-sheet-link[aria-current="page"] .mycc-rail-icon{color:#10181f}
  body[data-design] .mycc-mobile-sheet-nav>.mycc-rail-group{padding-inline:4px}
}

/* The sign-in gate, restyled as the approved sign-in screen ------------------ */
body[data-design] .site .private-gate{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:clamp(24px,4vw,56px);row-gap:0;align-content:center;max-width:none;min-height:clamp(560px,72vh,780px);margin:0;padding:clamp(40px,6vw,96px) clamp(18px,4vw,56px);border:0;border-radius:0;box-shadow:none;text-align:left;color:#f6efe6;background:radial-gradient(circle at 92% 8%,rgba(255,75,43,.5),rgba(122,42,74,.3) 34%,rgba(10,15,20,0) 62%),#0a0f14}
body[data-design] .site .private-gate .gate-mark{display:none}
body[data-design] .site .private-gate .eyebrow{grid-column:1;grid-row:1;align-self:end;margin:0 0 14px;color:#ffb09d;font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
body[data-design] .site .private-gate h1{grid-column:1;grid-row:2;align-self:start;margin:0;font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(52px,7.6vw,116px);font-weight:800;letter-spacing:-.035em;line-height:.98;color:#f6efe6}
body[data-design] .site .private-gate>p:not(.eyebrow):not(.microcopy){grid-column:1;grid-row:3;max-width:720px;margin:22px 0 0;color:#f6efe6;font-size:clamp(19px,2vw,24px);line-height:1.5}
body[data-design] .site .private-gate .button-row{grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0;padding:clamp(22px,2.8vw,36px) clamp(22px,2.8vw,36px) 14px;border-radius:28px 28px 0 0;background:#ffffff;color:#10181f}
body[data-design] .site .private-gate [data-signin-audience]{grid-column:2;grid-row:2;max-width:none;margin:0;padding:6px clamp(22px,2.8vw,36px) 8px;background:#ffffff;color:#10181f;font-size:17px;line-height:1.5}
body[data-design] .site .private-gate [data-auth-note]{grid-column:2;grid-row:3;max-width:none;margin:0;padding:6px clamp(22px,2.8vw,36px) clamp(22px,2.8vw,36px);border-radius:0 0 28px 28px;background:#ffffff;color:#3f4b54;font-size:16px;line-height:1.5}
body[data-design] .site .private-gate .button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;min-height:78px;padding:12px 18px;border:2px solid #10181f;border-radius:20px;background:#ffffff;color:#10181f;font:inherit;font-size:clamp(17px,1.6vw,20px);font-weight:800;line-height:1.2;text-align:left;cursor:pointer}
body[data-design] .site .private-gate .button:hover,body[data-design] .site .private-gate .button:focus-visible{border-color:#b32a14;background:#f6efe6;color:#10181f}
body[data-design] .site .private-gate .button::before{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;font-size:14px;font-weight:800;letter-spacing:.02em}
body[data-design] .site .private-gate .button::after{content:"→";content:"→"/"";font-size:22px}
body[data-design] .site .private-gate [data-signin-microsoft]::before{content:"365";content:"365"/"";background:#ff4b2b;color:#10181f}
body[data-design] .site .private-gate [data-signin-plex]::before{content:"PLEX";content:"PLEX"/"";background:#10181f;color:#ffb09d}
@media (max-width:980px){
  body[data-design] .site .private-gate{grid-template-columns:minmax(0,1fr);min-height:0}
  body[data-design] .site .private-gate .eyebrow,body[data-design] .site .private-gate h1,body[data-design] .site .private-gate>p:not(.eyebrow):not(.microcopy),body[data-design] .site .private-gate .button-row,body[data-design] .site .private-gate [data-signin-audience],body[data-design] .site .private-gate [data-auth-note]{grid-column:1;grid-row:auto}
  body[data-design] .site .private-gate .button-row{margin-top:30px}
}

/* Surfaces and the colours inherited through them --------------------------- */
body[data-design] :where(.mycc-content) .site{--pad-y:clamp(34px,4.6vw,68px);--pad-x:clamp(18px,3.4vw,52px);--text:#f6efe6;--muted:#e6dcd0;--quiet:#d8cfc3;--line:rgba(246,239,230,.3);--line-strong:rgba(246,239,230,.55);--brand:#ff7a59;--brand-bright:#ffb09d;--brand-warm:#ffc48a;--cyan:#ffb09d;--amber:#ffc48a;--mint:#8cf0c8;--red:#ffb09d;--violet:#d9c7ff;--overlay-19:rgba(0,0,0,.22)}
body[data-design] :where(.mycc-content) .site .cream,body[data-design] :where(.mycc-content) .site .white,body[data-design] :where(.mycc-content) .site .mycc-native-account>.mycc-native-section-head,body[data-design] :where(.mycc-content) .site .mycc-native-billing,body[data-design] :where(.mycc-content) .site .mycc-native-destinations,body[data-design] :where(.mycc-content) .site .mycc-native-m365,body[data-design] :where(.mycc-content) .site .idc,body[data-design] :where(.mycc-content) .site .sheet,body[data-design] :where(.mycc-content) .site .resource-card,body[data-design] :where(.mycc-content) .site .software-card{--text:#10181f;--muted:#27323a;--quiet:#3f4b54;--line:rgba(16,24,31,.3);--line-strong:#10181f;--brand:#b32a14;--brand-bright:#b32a14;--brand-warm:#b32a14;--cyan:#b32a14;--amber:#7a4300;--mint:#0b5f45;--red:#a3200d;--violet:#5a2a84;--overlay-19:#ffffff}
body[data-design] :where(.mycc-content) .site .coral,body[data-design] :where(.mycc-content) .site .mycc-native-attention{--text:#10181f;--muted:#10181f;--quiet:#10181f;--line:rgba(16,24,31,.38);--line-strong:#10181f;--brand:#10181f;--brand-bright:#10181f;--brand-warm:#10181f;--cyan:#10181f;--amber:#10181f;--mint:#10181f;--red:#10181f;--violet:#10181f;--overlay-19:transparent}
body[data-design] :where(.mycc-content) .site .teal,body[data-design] :where(.mycc-content) .site .mycc-native-tickets,body[data-design] :where(.mycc-content) .site .mycc-native-now{--muted:#f6efe6;--quiet:#f6efe6;--brand:#ffd9cf;--brand-bright:#ffd9cf;--brand-warm:#ffd9cf;--cyan:#ffd9cf;--amber:#ffe3b8;--mint:#b8f7dd;--red:#ffd9cf;--violet:#ece2ff;--line:rgba(255,255,255,.42)}
body[data-design] :where(.mycc-content) .site .mycc-native-card{min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;color:var(--text)}
body[data-design] :where(.mycc-content) .site .mycc-native-card.cream{background:#f6efe6;color:#10181f}
body[data-design] :where(.mycc-content) .site .mycc-native-card.coral{background:#ff4b2b;color:#10181f}
body[data-design] :where(.mycc-content) .site .mycc-native-card.teal{background:#0d5b50;color:#f6efe6}
body[data-design] :where(.mycc-content) .site .mycc-native-card.plum{background:#4d1c33;color:#f6efe6}
body[data-design] :where(.mycc-content) .site .mycc-native-card.ink{background:#141d25;color:#f6efe6}
body[data-design] :where(.mycc-content) .site a:focus-visible,body[data-design] :where(.mycc-content) .site button:focus-visible,body[data-design] :where(.mycc-content) .site input:focus-visible{outline:3px solid #ff7a59;outline-offset:2px}
body[data-design] :where(.mycc-content) .site .cream a:focus-visible,body[data-design] :where(.mycc-content) .site .cream button:focus-visible,body[data-design] :where(.mycc-content) .site .coral a:focus-visible,body[data-design] :where(.mycc-content) .site .coral button:focus-visible,body[data-design] :where(.mycc-content) .site .mycc-native-attention a:focus-visible,body[data-design] :where(.mycc-content) .site .mycc-native-billing a:focus-visible,body[data-design] :where(.mycc-content) .site .mycc-native-billing button:focus-visible,body[data-design] :where(.mycc-content) .site .mycc-native-destinations a:focus-visible,body[data-design] :where(.mycc-content) .site .mycc-native-m365 a:focus-visible,body[data-design] :where(.mycc-content) .site .idc a:focus-visible,body[data-design] :where(.mycc-content) .site .search input:focus-visible{outline-color:#10181f}

/* Shared type and layout ---------------------------------------------------- */
body[data-design] :where(.mycc-content) .site .hero{overflow:hidden}
body[data-design] :where(.mycc-content) .site .hero-in{padding:clamp(30px,4.4vw,64px) var(--pad-x)}
body[data-design] :where(.mycc-content) .site .h1{font-size:clamp(46px,6.6vw,104px);overflow-wrap:break-word}
body[data-design] :where(.mycc-content) .site .h2{font-size:clamp(36px,4.8vw,72px);overflow-wrap:break-word}
body[data-design] :where(.mycc-content) .site .kick{margin:0 0 14px;color:var(--brand-bright);font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
body[data-design] :where(.mycc-content) .site .lead{max-width:720px;margin:22px 0 0;color:inherit;font-size:clamp(19px,2vw,24px);font-weight:500;line-height:1.5}
body[data-design] :where(.mycc-content) .site .sub{color:inherit}
body[data-design] :where(.mycc-content) .site .link,body[data-design] :where(.mycc-content) .site .mycc-native-text-link{display:inline-flex;align-items:center;min-height:44px;padding:0;color:var(--brand-bright);font-size:17px;font-weight:800}
body[data-design] :where(.mycc-content) .site button.link{border:0;background:none;font-family:inherit;text-decoration:underline;cursor:pointer}
body[data-design] :where(.mycc-content) .site .mycc-native-icon-link{display:grid;place-items:center;width:44px;height:44px;color:var(--brand-bright);font-size:22px}
body[data-design] :where(.mycc-content) .site .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border:2px solid currentColor;border-radius:999px;background:transparent;color:inherit;font-size:15px;font-weight:800;cursor:pointer}
body[data-design] :where(.mycc-content) .site .button.primary{border-color:#ff4b2b;background:#ff4b2b;color:#10181f}
body[data-design] :where(.mycc-content) .site .button:hover,body[data-design] :where(.mycc-content) .site .button:focus-visible{background:rgba(127,127,127,.18);border-color:currentColor;color:inherit}
body[data-design] :where(.mycc-content) .site .button.primary:hover,body[data-design] :where(.mycc-content) .site .button.primary:focus-visible{border-color:#ff6a47;background:#ff6a47;color:#10181f}
body[data-design] :where(.mycc-content) .site .mycc-native-card-head,body[data-design] :where(.mycc-content) .site .mycc-native-section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 28px;margin:0 0 28px;padding:0}
body[data-design] :where(.mycc-content) .site .mycc-native-heading{display:block;min-width:0}
body[data-design] :where(.mycc-content) .site .mycc-native-card h2,body[data-design] :where(.mycc-content) .site .mycc-native-section-head h2,body[data-design] :where(.mycc-content) .site .mycc-native-admin h2,body[data-design] :where(.mycc-content) .site .mycc-native-card h3[id]{margin:0;color:inherit;font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(36px,4.8vw,72px);font-weight:800;letter-spacing:-.035em;line-height:.98;overflow-wrap:break-word}
body[data-design] :where(.mycc-content) .site .mycc-native-card h3[id]{font-size:clamp(32px,3.6vw,52px)}
body[data-design] :where(.mycc-content) .site .mycc-native-heading p:not(.kick),body[data-design] :where(.mycc-content) .site .mycc-native-section-head p:not(.kick),body[data-design] :where(.mycc-content) .site .mycc-native-admin p:not(.kick){max-width:660px;margin:12px 0 0;color:inherit;font-size:19px;font-weight:500;line-height:1.45;text-align:left}
body[data-design] :where(.mycc-content) .site .mycc-status-source{color:inherit;font-size:14px;font-weight:700;letter-spacing:.02em;text-transform:none}
body[data-design] :where(.mycc-content) .site .mycc-status-source::after{content:none}
body[data-design] :where(.mycc-content) .site .mycc-calendar-source{display:flex;flex-wrap:wrap;gap:2px 10px;margin:18px 0 0;padding:0;color:var(--muted);font-size:15px;line-height:1.45}
body[data-design] :where(.mycc-content) .site .mycc-viewing-message{margin:0 0 14px;padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:transparent;color:inherit;font-size:17px;font-weight:600;line-height:1.45}
body[data-design] :where(.mycc-content) .site .mycc-workspace-empty,body[data-design] :where(.mycc-content) .site .notice-empty{margin:0;padding:14px 0;border:0;color:inherit;font-size:17px;line-height:1.45;text-align:left}
body[data-design] :where(.mycc-content) .site .empty-state{margin:18px 0 0;padding:18px 0 0;border:0;color:inherit;font-size:18px;text-align:left}
body[data-design] :where(.mycc-content) .site .search{min-width:0}
body[data-design] :where(.mycc-content) .site .search input{outline-offset:-3px}

/* Rendered rows, chips and metrics ------------------------------------------ */
body[data-design] :where(.mycc-content) .site .mycc-viewing-list,body[data-design] :where(.mycc-content) .site .mycc-ticket-list,body[data-design] :where(.mycc-content) .site .mycc-help-list,body[data-design] :where(.mycc-content) .site .mycc-now-list,body[data-design] :where(.mycc-content) .site .mycc-device-list,body[data-design] :where(.mycc-content) .site .mycc-method-list,body[data-design] :where(.mycc-content) .site .ops-list{margin:0;padding:0;list-style:none}
body[data-design] :where(.mycc-content) .site .mycc-viewing-row{gap:8px 16px;min-height:64px;padding:12px 0;border-top:1px solid var(--line)}
body[data-design] :where(.mycc-content) .site .mycc-viewing-row strong{color:inherit;font-size:18px;font-weight:700;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
body[data-design] :where(.mycc-content) .site .mycc-viewing-row small{color:var(--muted);font-size:15px;line-height:1.35}
body[data-design] :where(.mycc-content) .site .mycc-ticket-row strong a,body[data-design] :where(.mycc-content) .site .mycc-help-row strong a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:underline;text-underline-offset:3px}
body[data-design] :where(.mycc-content) .site .mycc-ticket-row strong a:hover,body[data-design] :where(.mycc-content) .site .mycc-help-row strong a:hover{color:var(--brand-bright)}
body[data-design] :where(.mycc-content) .site .mycc-chip,body[data-design] :where(.mycc-content) .site .mycc-device-state{display:inline-flex;align-items:center;min-height:36px;padding:4px 14px;border:0;border-radius:999px;background:#1e2a33;color:#f6efe6;font-size:14px;font-weight:700;letter-spacing:0;text-transform:none;white-space:nowrap}
body[data-design] :where(.mycc-content) .site .mycc-chip-active,body[data-design] :where(.mycc-content) .site .mycc-chip-paid,body[data-design] :where(.mycc-content) .site .mycc-chip-completed,body[data-design] :where(.mycc-content) .site .mycc-device-state.good{background:#123f33;color:#8cf0c8}
body[data-design] :where(.mycc-content) .site .mycc-chip-unpaid,body[data-design] :where(.mycc-content) .site .mycc-chip-overdue,body[data-design] :where(.mycc-content) .site .mycc-chip-expired,body[data-design] :where(.mycc-content) .site .mycc-chip-suspended,body[data-design] :where(.mycc-content) .site .mycc-chip-collections,body[data-design] :where(.mycc-content) .site .mycc-chip-grace,body[data-design] :where(.mycc-content) .site .mycc-chip-redemption,body[data-design] :where(.mycc-content) .site .mycc-device-state.warning{background:#4a2a12;color:#ffc48a}
body[data-design] :where(.mycc-content) .site .mycc-device-state.bad{background:#5a1a10;color:#ffd0c5}
body[data-design] :where(.mycc-content) .site .mycc-viewing-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:14px 0 0;padding:0}
body[data-design] :where(.mycc-content) .site .mycc-viewing-metrics>div{display:flex;flex-direction:column;min-width:0;padding:0;border:0;border-radius:0;background:transparent}
body[data-design] :where(.mycc-content) .site .mycc-viewing-metrics dd{display:contents}
body[data-design] :where(.mycc-content) .site .mycc-viewing-metrics dd>span{order:1;color:inherit;font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(38px,4vw,58px);font-weight:800;letter-spacing:-.03em;line-height:1;overflow-wrap:anywhere}
body[data-design] :where(.mycc-content) .site .mycc-viewing-metrics dt{order:2;margin:6px 0 0;color:inherit;font-size:16px;font-weight:800;letter-spacing:0;line-height:1.25;text-transform:none}
body[data-design] :where(.mycc-content) .site .mycc-viewing-metrics small{order:3;margin:2px 0 0;color:var(--muted);font-size:15px;font-weight:500;line-height:1.3}
body[data-design] :where(.mycc-content) .site .mycc-account-metrics .is-owing,body[data-design] :where(.mycc-content) .site .mycc-account-metrics .is-overdue{color:var(--brand-warm)}
body[data-design] :where(.mycc-content) .site .mycc-account-actions{gap:8px;margin:18px 0 0;padding:0}
body[data-design] :where(.mycc-content) .site .mycc-native-system-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:12px;margin:0;padding:0;border:0}
body[data-design] :where(.mycc-content) .site .mycc-native-system-metrics>div{display:block;min-width:0;padding:0;border:0;text-align:left}
body[data-design] :where(.mycc-content) .site .mycc-native-system-metrics strong{display:block;color:inherit;font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(34px,3.2vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1}
body[data-design] :where(.mycc-content) .site .mycc-native-system-metrics span{display:block;margin-top:6px;color:inherit;font-size:15px;font-weight:700;line-height:1.2}
body[data-design] :where(.mycc-content) .site .mycc-native-service-copy{margin:0;padding:14px 0 0;color:inherit;font-size:17px;line-height:1.45}
body[data-design] :where(.mycc-content) .site .mycc-native-alert-list{margin:0;padding:12px 0 0}
body[data-design] :where(.mycc-content) .site .mycc-native-alert-row{border-top:1px solid var(--line)}
body[data-design] :where(.mycc-content) .site .mycc-native-alert-copy strong{color:inherit;font-size:17px;white-space:normal;overflow-wrap:anywhere}
body[data-design] :where(.mycc-content) .site .mycc-native-alert-copy small,body[data-design] :where(.mycc-content) .site .mycc-native-alert-more{color:var(--muted);font-size:15px}
body[data-design] :where(.mycc-content) .site .mycc-native-alert-more{border-top:1px solid var(--line)}
body[data-design] :where(.mycc-content) .site .mycc-calendar-chip{min-height:36px;padding:4px 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:inherit;font-size:15px;font-weight:700}
@media (max-width:620px){
  body[data-design] :where(.mycc-content) .site .mycc-viewing-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-design] :where(.mycc-content) .site .mycc-ticket-row,body[data-design] :where(.mycc-content) .site .mycc-help-row,body[data-design] :where(.mycc-content) .site .mycc-device-row{grid-template-columns:minmax(0,1fr)}
  body[data-design] :where(.mycc-content) .site .mycc-device-state,body[data-design] :where(.mycc-content) .site .mycc-chip{justify-self:start}
}

/* My CamCore (Home) ---------------------------------------------------------- */
body[data-design] :where(.mycc-content) .site .mycc-native-home{display:block}
body[data-design] :where(.mycc-content) .site .mycc-native-hero{min-height:0;margin:0;border:0;border-radius:0;background:#0a0f14;box-shadow:none}
body[data-design] :where(.mycc-content) .site .mycc-native-hero::before{inset:auto;right:-260px;top:-340px;z-index:auto;background:conic-gradient(from 210deg,#ff4b2b,#ff9a5c,#7a2a4a,#0f6b5e,#ff4b2b)}
body[data-design] :where(.mycc-content) .site .mycc-native-hero-copy{display:block;max-width:none;min-height:0;padding:0}
body[data-design] :where(.mycc-content) .site .mycc-native-hero-copy>.kick{margin:0 0 14px;color:#ffb09d;font-size:14px}
body[data-design] :where(.mycc-content) .site .mycc-native-hero-copy>.lead{max-width:720px;margin:22px 0 0;color:#f6efe6;font-size:clamp(19px,2vw,24px)}
body[data-design] :where(.mycc-content) .site .mycc-native-hero h1{max-width:none;margin:0;font-size:clamp(46px,6.6vw,104px);letter-spacing:-.035em;line-height:.98;overflow-wrap:break-word}
body[data-design] :where(.mycc-content) .site .mycc-native-hero h1 span{color:inherit}
body[data-design] :where(.mycc-content) .site .mycc-native-hero h1 .c{color:#ff7a59}
body[data-design] :where(.mycc-content) .site .mycc-native-context{gap:10px;margin:26px 0 0}
body[data-design] :where(.mycc-content) .site .mycc-native-context>.mycc-native-context-pill{display:grid;width:auto;gap:0;min-height:44px;margin:0;padding:12px 18px;border:1px solid #5b6a75;border-radius:18px;background:rgba(10,15,20,.6);box-shadow:none;color:#f6efe6;font-size:17px;font-weight:700;line-height:1.3}
body[data-design] :where(.mycc-content) .site .mycc-native-context-pill .mycc-status-source{color:#e6dcd0;font-weight:600}
body[data-design] :where(.mycc-content) .site .scape{min-height:clamp(260px,30vw,380px)}
body[data-design] :where(.mycc-content) .site .scape a.mycc-native-health-pill{position:absolute;display:flex;flex-wrap:wrap;width:auto;max-width:none;gap:8px 14px;min-height:64px;margin:0;padding:12px 22px;border:0;border-radius:20px;background:#0a0f14;box-shadow:none;color:#f6efe6;font-size:16px;font-weight:700;line-height:1.3}
body[data-design] :where(.mycc-content) .site .scape a.mycc-native-health-pill:hover,body[data-design] :where(.mycc-content) .site .scape a.mycc-native-health-pill:focus-visible{background:#141d25}
body[data-design] :where(.mycc-content) .site .scape .mycc-status-source{color:#e6dcd0}
body[data-design] :where(.mycc-content) .site .mycc-native-attention{grid-row:auto;padding:var(--pad-y) var(--pad-x);background:#ff4b2b;color:#10181f}
body[data-design] :where(.mycc-content) .site .mycc-attention-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0}
body[data-design] :where(.mycc-content) .site .mycc-attention-row{--text:#f6efe6;--muted:#e6dcd0;--quiet:#e6dcd0;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;min-height:0;padding:28px;border:0;border-radius:24px;background:#10181f;color:#f6efe6}
body[data-design] :where(.mycc-content) .site .mycc-attention-kind{min-height:0;padding:0;border:0;border-radius:0;color:#ffb09d;font-size:14px;font-weight:800;letter-spacing:.1em}
body[data-design] :where(.mycc-content) .site .mycc-attention-kind.critical{color:#ffb09d}
body[data-design] :where(.mycc-content) .site .mycc-attention-kind.warning{color:#ffc48a}
body[data-design] :where(.mycc-content) .site .mycc-attention-kind.good{color:#8cf0c8}
body[data-design] :where(.mycc-content) .site .mycc-attention-kind.info{color:#d9c7ff}
body[data-design] :where(.mycc-content) .site .mycc-attention-row>div{gap:6px}
body[data-design] :where(.mycc-content) .site .mycc-attention-row strong{color:#f6efe6;font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(26px,2.8vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.02;white-space:normal;overflow-wrap:anywhere}
body[data-design] :where(.mycc-content) .site .mycc-attention-row small{color:#e6dcd0;font-size:17px;line-height:1.4}
body[data-design] :where(.mycc-content) .site .mycc-attention-row a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:auto;padding:0 20px;border-radius:999px;background:#ff4b2b;color:#10181f;font-size:15px;font-weight:800;text-decoration:none}
body[data-design] :where(.mycc-content) .site .mycc-attention-row a:focus-visible{outline-color:#ff7a59}
body[data-design] :where(.mycc-content) .site .mycc-native-primary{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,.9fr);gap:clamp(20px,3vw,40px);align-items:start;padding:var(--pad-y) var(--pad-x);background:#0a0f14;color:#f6efe6}
body[data-design] :where(.mycc-content) .site .mycc-native-media,body[data-design] :where(.mycc-content) .site .mycc-native-side-stack,body[data-design] :where(.mycc-content) .site .mycc-native-destinations,body[data-design] :where(.mycc-content) .site .mycc-native-m365,body[data-design] :where(.mycc-content) .site .mycc-native-calendar,body[data-design] :where(.mycc-content) .site .mycc-native-account,body[data-design] :where(.mycc-content) .site .mycc-native-admin{grid-column:auto;grid-row:auto;margin:0}
body[data-design] :where(.mycc-content) .site .mycc-native-posters{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-height:0;padding:0;overflow:visible}
body[data-design] :where(.mycc-content) .site .mycc-native-posters>.mycc-workspace-empty{grid-column:auto;justify-self:start;padding:14px 0;text-align:left}
body[data-design] :where(.mycc-content) .site .mycc-native-posters .mycc-media-request-row{display:grid;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:20px;min-width:0;padding:16px;border:1px solid #34434f;border-radius:22px;background:#141d25;color:#f6efe6;text-decoration:none;flex:none}
body[data-design] :where(.mycc-content) .site .mycc-native-posters .mycc-media-request-row:hover,body[data-design] :where(.mycc-content) .site .mycc-native-posters .mycc-media-request-row:focus-visible{border:1px solid #ff7a59;background:#141d25;transform:none}
body[data-design] :where(.mycc-content) .site .mycc-native-posters .mycc-media-request-poster{width:84px;height:auto;aspect-ratio:2/3;border:0;border-radius:12px;background:#1e2a33;box-shadow:none;object-fit:cover}
body[data-design] :where(.mycc-content) .site .mycc-native-posters .mycc-media-request-placeholder{display:grid;place-items:center;color:#ffb09d;font-size:28px;font-weight:800}
body[data-design] :where(.mycc-content) .site .mycc-native-posters .mycc-media-request-row>div{gap:4px;padding:0}
body[data-design] :where(.mycc-content) .site .mycc-native-posters .mycc-media-request-row strong{color:#f6efe6;font-size:24px;font-weight:800;line-height:1.1;white-space:normal;overflow-wrap:anywhere}
body[data-design] :where(.mycc-content) .site .mycc-native-posters .mycc-media-request-row small{color:#e6dcd0;font-size:16px;white-space:normal}
body[data-design] :where(.mycc-content) .site .mycc-native-posters .mycc-media-request-row small.mycc-request-progress{margin-top:2px;color:#ffb09d;font-size:17px;font-weight:700;white-space:normal}
body[data-design] :where(.mycc-content) .site .mycc-native-posters .mycc-request-state{display:inline-flex;align-items:center;min-height:36px;padding:4px 14px;border-radius:999px;background:#1e2a33;color:#f6efe6;font-size:14px;font-weight:700;white-space:nowrap}
body[data-design] :where(.mycc-content) .site .mycc-native-media-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 0;padding:0}
body[data-design] :where(.mycc-content) .site .mycc-native-media-actions .button{min-width:0;min-height:58px;margin:0;padding:0 30px;border-radius:999px;box-shadow:none;font-size:17px;font-weight:800}
body[data-design] :where(.mycc-content) .site .mycc-native-media-actions .mycc-native-primary-action,body[data-design] :where(.mycc-content) .site .mycc-native-media-actions .mycc-native-primary-action:hover{border:2px solid #ff4b2b;background:#ff4b2b;color:#10181f}
body[data-design] :where(.mycc-content) .site .mycc-native-media-actions .mycc-native-secondary-action,body[data-design] :where(.mycc-content) .site .mycc-native-media-actions .mycc-native-secondary-action:hover{border:2px solid #f6efe6;background:transparent;color:#f6efe6}
body[data-design] :where(.mycc-content) .site .mycc-native-count{min-width:26px;height:26px;border:0;background:#f6efe6;color:#10181f;font-size:14px}
body[data-design] :where(.mycc-content) .site .mycc-native-side-stack{display:grid;grid-template-rows:none;grid-template-columns:minmax(0,1fr);gap:16px}
body[data-design] :where(.mycc-content) .site .mycc-native-side-stack .mycc-native-card{padding:24px;border:1px solid #34434f;border-radius:24px;background:#141d25}
body[data-design] :where(.mycc-content) .site .mycc-native-side-stack .mycc-native-card-head{margin-bottom:16px}
body[data-design] :where(.mycc-content) .site .mycc-native-side-stack .mycc-native-card h2{font-size:clamp(26px,2.4vw,36px)}
body[data-design] :where(.mycc-content) .site .mycc-native-side-stack .mycc-native-heading p{font-size:17px}
body[data-design] :where(.mycc-content) .site .mycc-native-activity-list{padding:0}
body[data-design] :where(.mycc-content) .site .mycc-activity-row{grid-template-columns:40px minmax(0,1fr);border-top:1px solid var(--line)}
body[data-design] :where(.mycc-content) .site .mycc-activity-mark{width:40px;height:40px;border:0;border-radius:10px;background:#1e2a33;color:#ffb09d;font-size:12px;font-weight:800}
body[data-design] :where(.mycc-content) .site .mycc-activity-row strong{color:inherit;font-size:17px;font-weight:700}
body[data-design] :where(.mycc-content) .site .mycc-activity-row small{color:var(--muted);font-size:15px}
body[data-design] :where(.mycc-content) .site .mycc-activity-row time{grid-column:2;color:var(--muted);font-size:15px}
body[data-design] :where(.mycc-content) .site .mycc-native-account{display:block}
body[data-design] :where(.mycc-content) .site .mycc-native-account>.mycc-native-section-head{margin:0;padding:var(--pad-y) var(--pad-x) 28px;background:#f6efe6;color:#10181f}
body[data-design] :where(.mycc-content) .site .mycc-native-account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
body[data-design] :where(.mycc-content) .site .mycc-native-account-grid .mycc-native-card{padding:var(--pad-y) var(--pad-x)}
body[data-design] :where(.mycc-content) .site .mycc-native-account-grid .mycc-native-billing{grid-column:1/-1;padding-top:0;background:#f6efe6;color:#10181f}
body[data-design] :where(.mycc-content) .site .mycc-native-tickets{background:#0d5b50;color:#f6efe6}
body[data-design] :where(.mycc-content) .site .mycc-native-knowledge{background:#4d1c33;color:#f6efe6}
body[data-design] :where(.mycc-content) .site .mycc-native-account-grid .btns{margin-top:22px}
body[data-design] :where(.mycc-content) .site .mycc-native-account-grid .mycc-calendar-source{margin-top:18px}
body[data-design] :where(.mycc-content) .site .mycc-native-destinations{padding:var(--pad-y) var(--pad-x) 0;background:#f6efe6;color:#10181f}
body[data-design] :where(.mycc-content) .site .mycc-native-section-head>p{max-width:660px;text-align:left}
body[data-design] :where(.mycc-content) .site .mycc-native-destinations .mycc-native-section-head{display:block;margin-bottom:18px}
body[data-design] :where(.mycc-content) .site .mycc-native-destinations .mycc-native-section-head h2{font-size:clamp(30px,3.4vw,48px)}
body[data-design] :where(.mycc-content) .site .mycc-native-destination-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body[data-design] :where(.mycc-content) .site .mycc-native-destination{display:flex;flex-direction:column;justify-content:space-between;gap:26px;min-height:190px;padding:24px;border:0;border-radius:24px;color:#f6efe6;text-decoration:none}
body[data-design] :where(.mycc-content) .site .mycc-native-destination:hover,body[data-design] :where(.mycc-content) .site .mycc-native-destination:focus-visible{border:0}
body[data-design] :where(.mycc-content) .site .mycc-native-destination strong{display:block;font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(28px,2.8vw,42px);font-weight:800;letter-spacing:-.035em;line-height:1}
body[data-design] :where(.mycc-content) .site .mycc-native-destination small{display:block;margin-top:10px;color:inherit;font-size:17px;font-weight:600;line-height:1.3}
body[data-design] :where(.mycc-content) .site .mycc-native-destination>i{color:#ffb09d;font-size:22px;font-style:normal}
body[data-design] :where(.mycc-content) .site .mycc-native-destination-watching,body[data-design] :where(.mycc-content) .site .mycc-native-destination-watching:hover{background:#0d5b50}
body[data-design] :where(.mycc-content) .site .mycc-native-destination-resources,body[data-design] :where(.mycc-content) .site .mycc-native-destination-resources:hover{background:#4d1c33}
body[data-design] :where(.mycc-content) .site .mycc-native-destination-software,body[data-design] :where(.mycc-content) .site .mycc-native-destination-software:hover{background:#141d25}
body[data-design] :where(.mycc-content) .site .mycc-native-destination-support,body[data-design] :where(.mycc-content) .site .mycc-native-destination-support:hover{background:#0a0f14}
body[data-design] :where(.mycc-content) .site .mycc-native-m365{padding:var(--pad-y) var(--pad-x);background:#f6efe6;color:#10181f}
body[data-design] :where(.mycc-content) .site .mycc-native-m365 .mycc-native-card h2,body[data-design] :where(.mycc-content) .site .mycc-native-m365 h2{font-size:clamp(30px,3.4vw,48px)}
body[data-design] :where(.mycc-content) .site .mycc-native-m365-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0}
body[data-design] :where(.mycc-content) .site .mycc-native-m365-link,body[data-design] :where(.mycc-content) .site .mycc-native-m365-link:hover{min-height:88px;padding:16px 18px;border:0;border-radius:20px;background:#10181f;color:#f6efe6}
body[data-design] :where(.mycc-content) .site .mycc-native-m365-link strong{font-size:18px;font-weight:800}
body[data-design] :where(.mycc-content) .site .mycc-native-m365-link small{color:#e6dcd0;font-size:15px}
body[data-design] :where(.mycc-content) .site .mycc-native-m365-link i{color:#ffb09d}
body[data-design] :where(.mycc-content) .site .mycc-native-calendar{padding:var(--pad-y) var(--pad-x);background:#141d25;color:#f6efe6}
body[data-design] :where(.mycc-content) .site .mycc-calendar-next{margin:0;padding:0;border:0;border-radius:0;background:transparent}
body[data-design] :where(.mycc-content) .site .mycc-calendar-kicker{margin:0 0 6px;color:var(--brand-bright);font-size:14px;font-weight:800;letter-spacing:.14em}
body[data-design] :where(.mycc-content) .site .mycc-calendar-next-title{margin:0;color:inherit;font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(40px,5vw,72px);font-weight:800;letter-spacing:-.03em;line-height:1;overflow-wrap:break-word}
body[data-design] :where(.mycc-content) .site .mycc-native-calendar:not([data-integration-state="loaded"],[data-integration-state="stale"],[data-integration-state="attention"]) .mycc-calendar-next-title{color:inherit;font-family:inherit;font-size:20px;font-weight:700;letter-spacing:0;line-height:1.35}
body[data-design] :where(.mycc-content) .site .mycc-calendar-next-when{margin:8px 0 0;color:inherit;font-size:20px;font-weight:700}
body[data-design] :where(.mycc-content) .site .mycc-calendar-now{gap:8px;margin:16px 0 0}
body[data-design] :where(.mycc-content) .site .mycc-calendar-list{margin:18px 0 0;padding:0}
body[data-design] :where(.mycc-content) .site .mycc-calendar-row{grid-template-columns:170px minmax(0,1fr) auto;gap:6px 16px;min-height:60px;padding:10px 0;border-top:1px solid var(--line)}
body[data-design] :where(.mycc-content) .site .mycc-calendar-row:first-child{border-top:1px solid var(--line)}
body[data-design] :where(.mycc-content) .site .mycc-calendar-row time{color:inherit;font-size:16px;font-weight:700}
body[data-design] :where(.mycc-content) .site .mycc-calendar-row strong{color:inherit;font-size:18px;font-weight:700;white-space:normal}
body[data-design] :where(.mycc-content) .site .mycc-calendar-row small{color:var(--muted);font-size:15px}
body[data-design] :where(.mycc-content) .site .mycc-calendar-countdown{color:var(--brand-bright);font-size:15px;font-weight:800}
body[data-design] :where(.mycc-content) .site .mycc-native-admin{padding:var(--pad-y) var(--pad-x);border:0;border-radius:0;background:#0a0f14;color:#f6efe6}
body[data-design] :where(.mycc-content) .site .mycc-native-admin-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0}
body[data-design] :where(.mycc-content) .site .mycc-native-admin-grid a{display:flex;flex-direction:column;justify-content:space-between;gap:30px;min-height:190px;padding:24px;border:0;border-radius:24px;background:#141d25;color:#f6efe6;text-decoration:none}
body[data-design] :where(.mycc-content) .site .mycc-native-admin-grid a:nth-child(1){background:#0d5b50}
body[data-design] :where(.mycc-content) .site .mycc-native-admin-grid a:nth-child(2){background:#4d1c33}
body[data-design] :where(.mycc-content) .site .mycc-native-admin-grid strong{font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(28px,2.8vw,42px);font-weight:800;letter-spacing:-.035em;line-height:1}
body[data-design] :where(.mycc-content) .site .mycc-native-admin-grid small{color:inherit;font-size:17px;font-weight:600}
@media (max-width:1180px){
  body[data-design] :where(.mycc-content) .site .mycc-attention-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-design] :where(.mycc-content) .site .mycc-native-destination-grid,body[data-design] :where(.mycc-content) .site .mycc-native-admin-grid,body[data-design] :where(.mycc-content) .site .mycc-native-m365-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1100px){
  body[data-design] :where(.mycc-content) .site .mycc-native-primary{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:980px){
  body[data-design] :where(.mycc-content) .site .scape{min-height:260px}
  body[data-design] :where(.mycc-content) .site .mycc-native-account-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
  body[data-design] :where(.mycc-content) .site .mycc-attention-list,body[data-design] :where(.mycc-content) .site .mycc-native-destination-grid,body[data-design] :where(.mycc-content) .site .mycc-native-admin-grid,body[data-design] :where(.mycc-content) .site .mycc-native-m365-grid{grid-template-columns:minmax(0,1fr)}
  body[data-design] :where(.mycc-content) .site .mycc-attention-row a{grid-column:auto}
  body[data-design] :where(.mycc-content) .site .mycc-native-posters .mycc-media-request-row{grid-template-columns:72px minmax(0,1fr);gap:14px}
  body[data-design] :where(.mycc-content) .site .mycc-native-posters .mycc-media-request-poster{width:72px}
  body[data-design] :where(.mycc-content) .site .mycc-native-posters .mycc-request-state{grid-column:2;justify-self:start;white-space:normal}
  body[data-design] :where(.mycc-content) .site .mycc-native-media-actions{display:flex}
  body[data-design] :where(.mycc-content) .site .mycc-native-media-actions .button{width:100%;min-width:0;padding:0 20px}
  body[data-design] :where(.mycc-content) .site .mycc-native-destination,body[data-design] :where(.mycc-content) .site .mycc-native-admin-grid a{min-height:140px}
  body[data-design] :where(.mycc-content) .site .mycc-calendar-row{grid-template-columns:minmax(0,1fr) auto}
  body[data-design] :where(.mycc-content) .site .mycc-calendar-row time{grid-column:1/-1}
}

/* Watching ------------------------------------------------------------------- */
body[data-route="watching"] .site .mycc-watching-head{background:#0a0f14;color:#f6efe6}
body[data-route="watching"] .site .mycc-watching-head h1{margin:0;color:#f6efe6;font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(50px,7.6vw,116px);font-weight:800;letter-spacing:-.035em;line-height:.98}
body[data-route="watching"] .site .mycc-watching-head .lead{color:#f6efe6}
body[data-route="watching"] .site .mycc-watching-actions{padding:0}
body[data-route="watching"] .site .mycc-native-viewing{--text:#10181f;--muted:#10181f;--quiet:#10181f;--line:rgba(16,24,31,.38);--brand-bright:#10181f;--brand-warm:#10181f;--overlay-19:transparent;padding:var(--pad-y) 0;background:#ff4b2b;color:#10181f}
body[data-route="watching"] .site .mycc-native-viewing>.mycc-native-card-head,body[data-route="watching"] .site .mycc-native-viewing>.mycc-viewing-message,body[data-route="watching"] .site .mycc-native-viewing>.mycc-viewing-metrics,body[data-route="watching"] .site .mycc-native-viewing>.mycc-viewing-summary,body[data-route="watching"] .site .mycc-native-viewing>.mycc-calendar-source{margin-left:var(--pad-x);margin-right:var(--pad-x)}
body[data-route="watching"] .site .mycc-native-viewing .mycc-viewing-metrics{gap:0;padding:0}
body[data-route="watching"] .site .mycc-native-viewing .mycc-viewing-metrics>div{padding:clamp(14px,2.2vw,28px);border-left:2px solid rgba(16,24,31,.28)}
body[data-route="watching"] .site .mycc-native-viewing .mycc-viewing-metrics>div:first-child{padding-left:0;border-left:0}
body[data-route="watching"] .site .mycc-native-viewing .mycc-viewing-metrics dd>span{font-size:clamp(40px,5vw,84px)}
body[data-route="watching"] .site .mycc-native-viewing .mycc-viewing-metrics dt{margin-top:8px;font-size:clamp(18px,1.7vw,22px)}
body[data-route="watching"] .site .mycc-native-viewing .mycc-viewing-metrics small{font-size:16px;font-weight:600}
body[data-route="watching"] .site .mycc-viewing-top{--text:#10181f;--muted:#27323a;--quiet:#3f4b54;--brand-bright:#b32a14;--line:#10181f;margin:var(--pad-y) 0;padding:var(--pad-y) var(--pad-x);background:#f6efe6;color:#10181f}
body[data-route="watching"] .site .mycc-viewing-top h3{margin:0 0 28px;color:inherit;font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(36px,4.8vw,72px);font-weight:800;letter-spacing:-.035em;line-height:.98;text-transform:none}
body[data-route="watching"] .site .mycc-viewing-top .mycc-viewing-row{grid-template-columns:60px minmax(0,1fr) auto;gap:8px 18px;padding:14px 0;border-top:2px solid #10181f}
body[data-route="watching"] .site .mycc-viewing-top .mycc-viewing-row:last-child{border-bottom:2px solid #10181f}
body[data-route="watching"] .site .mycc-viewing-top .mycc-viewing-row::before{color:#b32a14;font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(44px,5vw,70px);font-weight:800;letter-spacing:-.035em;line-height:1}
body[data-route="watching"] .site .mycc-viewing-top .mycc-viewing-row strong{font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(22px,2.4vw,32px);font-weight:800;line-height:1.1}
body[data-route="watching"] .site .mycc-viewing-top .mycc-viewing-row small{font-size:16px;font-weight:600}
body[data-route="watching"] .site .mycc-viewing-kind{color:inherit;font-size:15px;font-weight:700}
body[data-route="watching"] .site .mycc-viewing-summary{gap:6px;padding:0;color:inherit;font-size:19px;font-weight:600}
body[data-route="watching"] .site .mycc-native-now{padding:var(--pad-y) var(--pad-x);background:#0d5b50;color:#f6efe6}
body[data-route="watching"] .site .mycc-now-playing{gap:14px;margin:0 0 24px}
body[data-route="watching"] .site .mycc-now-session{gap:12px;padding:22px;border:1px solid #5b6a75;border-radius:30px;background:rgba(10,15,20,.72)}
body[data-route="watching"] .site .mycc-now-session strong{color:inherit;font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(26px,3vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1.05;white-space:normal;overflow-wrap:anywhere}
body[data-route="watching"] .site .mycc-now-session small{color:#e6dcd0;font-size:17px;font-weight:600}
body[data-route="watching"] .site .mycc-now-bar{height:12px;border-radius:999px;background:rgba(255,255,255,.2)}
body[data-route="watching"] .site .mycc-now-bar i{background:#ff6a47}
body[data-route="watching"] .site .mycc-now-note{color:inherit;font-size:17px}
body[data-route="watching"] .site .mycc-now-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
body[data-route="watching"] .site .mycc-now-row{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:0;padding:20px;border:1px solid rgba(255,255,255,.26);border-radius:22px;background:rgba(0,0,0,.24)}
body[data-route="watching"] .site .mycc-now-row:first-child{border:1px solid rgba(255,255,255,.26)}
body[data-route="watching"] .site .mycc-now-row strong{font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(22px,2vw,28px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
body[data-route="watching"] .site .mycc-now-added{margin-top:auto;color:inherit;font-size:15px;font-weight:600;white-space:normal}
@media (max-width:760px){
  body[data-route="watching"] .site .mycc-native-viewing .mycc-viewing-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-route="watching"] .site .mycc-native-viewing .mycc-viewing-metrics>div,body[data-route="watching"] .site .mycc-native-viewing .mycc-viewing-metrics>div:first-child{padding:14px 8px;border-left:0;border-top:2px solid rgba(16,24,31,.28)}
  body[data-route="watching"] .site .mycc-viewing-top .mycc-viewing-row{grid-template-columns:44px minmax(0,1fr)}
  body[data-route="watching"] .site .mycc-viewing-kind{grid-column:2}
}

/* Requests ------------------------------------------------------------------- */
body[data-route="requests"] .site .media-search-results{margin-top:20px}
body[data-route="requests"] .site .media-search-results[hidden]{display:none}
body[data-route="requests"] .site .search{width:100%;max-width:none;margin-top:24px}
body[data-route="requests"] .site .search input{min-height:64px;font-size:18px}
body[data-route="requests"] .site .request-summary{display:flex;flex-wrap:wrap;gap:6px 22px;margin:24px 0 0;color:#f6efe6;font-size:19px}
body[data-route="requests"] .site .request-summary strong{font-weight:800}
body[data-route="requests"] .site .request-summary span[hidden]{display:none}
body[data-route="requests"] .site .request-summary span::before{content:"·";margin-right:22px;color:#ffb09d}
@media (max-width:620px){
  body[data-route="requests"] .site .request-summary{gap:4px 16px;font-size:17px}
  body[data-route="requests"] .site .request-summary span::before{content:none}
}
body[data-route="requests"] .site .request-connection{display:flex;align-items:center;gap:10px;margin:10px 0 0;color:#e6dcd0;font-size:16px}
body[data-route="requests"] .site .request-connection .media-dot{flex:none;width:10px;height:10px;margin:0;border-radius:50%;background:#9aa7b2;box-shadow:none}
body[data-route="requests"] .site .request-connection .media-dot.ok{background:#5ee0ac}
body[data-route="requests"] .site .request-list{display:grid;gap:12px}
body[data-route="requests"] .site .request-row{grid-template-columns:84px minmax(0,1fr) auto;gap:20px;padding:16px;border:1px solid #34434f;border-radius:22px;background:#141d25;color:#f6efe6}
body[data-route="requests"] .site .request-poster{width:84px;height:auto;aspect-ratio:2/3;border-radius:12px;background:#1e2a33;object-fit:cover}
body[data-route="requests"] .site .request-poster-placeholder{display:grid;place-items:center;color:#ffb09d;font-size:28px;font-weight:800}
body[data-route="requests"] .site .request-row strong{color:inherit;font-size:24px;font-weight:800;line-height:1.1;overflow-wrap:anywhere}
body[data-route="requests"] .site .request-row small{margin-top:4px;color:#e6dcd0;font-size:16px}
body[data-route="requests"] .site .request-progress{margin-top:6px;color:#ffb09d;font-size:17px;font-weight:700;white-space:normal}
body[data-route="requests"] .site .request-progress.stage-importing,body[data-route="requests"] .site .request-progress.stage-searching{color:#d9c7ff}
body[data-route="requests"] .site .request-state{display:inline-flex;align-items:center;min-height:36px;padding:4px 14px;border-radius:999px;background:#1e2a33;color:#f6efe6;font-size:14px;font-weight:700;white-space:nowrap}
body[data-route="requests"] .site .poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
body[data-route="requests"] .site .poster-card{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;padding:0;border:0;border-radius:14px;background:transparent;color:#f6efe6;font:inherit;text-align:left;overflow:visible}
body[data-route="requests"] .site .poster-card img,body[data-route="requests"] .site .poster-placeholder{display:grid;place-items:center;width:100%;aspect-ratio:2/3;border-radius:14px;background:#1e2a33;color:#e6dcd0;font-size:15px;object-fit:cover}
body[data-route="requests"] .site .poster-meta{padding:0}
body[data-route="requests"] .site .poster-meta strong{color:inherit;font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.1;white-space:normal;overflow-wrap:anywhere}
body[data-route="requests"] .site .poster-meta span{margin-top:4px;color:#e6dcd0;font-size:15px;font-weight:600}
body[data-route="requests"] .site .media-status{z-index:1;top:8px;right:8px;padding:4px 10px;border:0;background:#0a0f14;color:#f6efe6;font-size:13px;font-weight:700}
body[data-route="requests"] .site .media-status:empty{display:none}
body[data-route="requests"] .site .media-status.available{color:#8cf0c8}
body[data-route="requests"] .site .media-status.pending,body[data-route="requests"] .site .media-status.processing{color:#ffc48a}
body[data-route="requests"] .site .policy-context{margin:24px 0 0;color:inherit;font-size:17px}
body[data-route="requests"] .site .media-dialog{width:min(880px,calc(100% - 32px));border:1px solid #34434f;border-radius:28px;background:#141d25;color:#f6efe6}
body[data-route="requests"] .site .media-dialog::backdrop{background:rgba(10,15,20,.8)}
body[data-route="requests"] .site .dialog-close{width:44px;height:44px;border:1px solid #5b6a75;background:#0a0f14;color:#f6efe6;font-weight:800;cursor:pointer}
body[data-route="requests"] .site .media-detail{grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:clamp(20px,3vw,44px);padding:clamp(20px,3vw,36px)}
body[data-route="requests"] .site .media-detail h2{margin:10px 0 12px;color:inherit;font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(32px,4vw,56px);font-weight:800;letter-spacing:-.035em;line-height:1}
body[data-route="requests"] .site .media-detail p{color:#e6dcd0;font-size:17px;line-height:1.5}
body[data-route="requests"] .site .media-detail .eyebrow{color:#ffb09d;font-size:14px;font-weight:800}
body[data-route="requests"] .site .media-detail .poster-placeholder{min-height:200px}
body[data-route="requests"] .site .media-detail .button{min-height:58px;margin-top:8px;padding:0 30px;font-size:17px}
body[data-route="requests"] .site .media-detail .access-chip{min-height:36px;padding:4px 14px;border:0;background:#1e2a33;color:#f6efe6;font-size:14px}
body[data-route="requests"] .site .season-list label{min-height:44px;padding:6px 14px;border:1px solid #5b6a75;background:transparent;color:inherit;font-size:16px;font-weight:600}
body[data-route="requests"] .site .season-list input{width:20px;height:20px}
@media (max-width:1180px){
  body[data-route="requests"] .site .poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:620px){
  body[data-route="requests"] .site .poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-route="requests"] .site .request-row{grid-template-columns:72px minmax(0,1fr);gap:14px}
  body[data-route="requests"] .site .request-poster{width:72px}
  body[data-route="requests"] .site .request-state{grid-column:2;justify-self:start;white-space:normal}
  body[data-route="requests"] .site .media-detail{grid-template-columns:minmax(0,1fr)}
  body[data-route="requests"] .site .media-detail>img,body[data-route="requests"] .site .media-detail>.poster-placeholder{max-width:190px}
}

/* Billing & Domains ----------------------------------------------------------- */
body[data-route="billing"] .site .billing-summary-card{display:flex;flex-direction:column;gap:14px;min-width:0;padding:0;border:0;background:transparent;box-shadow:none;color:#f6efe6}
body[data-route="billing"] .site .billing-summary-card .mycc-viewing-message{margin:0}
body[data-route="billing"] .site .sheet{gap:0;margin:0;padding:0;background:#f6efe6;color:#10181f}
body[data-route="billing"] .site .sheet>div{padding:clamp(18px,2.2vw,28px);border-top:2px solid #10181f;border-left:2px solid #10181f;border-radius:0}
body[data-route="billing"] .site .sheet>div:nth-child(-n+2){border-top:0}
body[data-route="billing"] .site .sheet>div:nth-child(odd){border-left:0}
body[data-route="billing"] .site .sheet dd>span{font-size:clamp(30px,3vw,46px)}
body[data-route="billing"] .site .billing-summary-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;font-size:15px;font-weight:600}
body[data-route="billing"] .site .billing-section{margin:0}
body[data-route="billing"] .site .billing-attention-list{display:block;margin:0;padding:0;list-style:none}
body[data-route="billing"] .site .billing-attention-list li{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 26px;padding:22px 0;border:0;border-top:2px solid #10181f;border-radius:0;background:transparent}
body[data-route="billing"] .site .billing-attention-list li:last-child{border-bottom:2px solid #10181f}
body[data-route="billing"] .site .billing-attention-list strong{grid-column:1;color:inherit;font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(28px,3.4vw,50px);font-weight:800;letter-spacing:-.03em;line-height:1.02;overflow-wrap:anywhere}
body[data-route="billing"] .site .billing-attention-list span{grid-column:1;color:inherit;font-size:18px;font-weight:600}
body[data-route="billing"] .site .billing-attention-list .button{grid-column:2;grid-row:1/3;min-height:58px;padding:0 30px;border-color:#10181f;background:#10181f;color:#f6efe6;font-size:17px}
body[data-route="billing"] .site .mycc-table{color:inherit;font-size:17px}
body[data-route="billing"] .site .mycc-table th{padding:12px 12px 12px 0;border-bottom:2px solid var(--line-strong);color:inherit;font-size:14px;letter-spacing:.06em}
body[data-route="billing"] .site .mycc-table td{padding:16px 12px 16px 0;border-bottom:1px solid var(--line);color:inherit}
body[data-route="billing"] .site .mycc-table td:last-child,body[data-route="billing"] .site .mycc-table th:last-child{padding-right:0;text-align:right}
body[data-route="billing"] .site .mycc-table td strong{color:inherit;font-size:20px;font-weight:800;overflow-wrap:anywhere}
body[data-route="billing"] .site .mycc-table td small{color:var(--muted);font-size:15px}
body[data-route="billing"] .site .mycc-table-action{min-height:44px;padding:0 18px;font-size:15px}
body[data-route="billing"] .site .mycc-workspace-empty{font-size:18px}
body[data-route="billing"] .site .tools button.link{color:var(--brand-bright)}
body[data-route="billing"] .site .billing-help{display:block;padding:var(--pad-y) var(--pad-x)}
body[data-route="billing"] .site .billing-never{margin:16px 0 0;max-width:none;color:inherit;font-size:clamp(20px,2.2vw,28px);font-weight:800}
@media (max-width:620px){
  body[data-route="billing"] .site .billing-attention-list li{grid-template-columns:minmax(0,1fr)}
  body[data-route="billing"] .site .billing-attention-list .button{grid-column:1;grid-row:auto;width:100%;margin-top:8px}
  body[data-route="billing"] .site .mycc-table td,body[data-route="billing"] .site .mycc-table td:last-child{padding:0;border:0;text-align:left}
  body[data-route="billing"] .site .mycc-table tr{border-bottom:1px solid var(--line)}
}

/* Devices & access --------------------------------------------------------------- */
body[data-route="devices"] .site [data-devices-intune] .mycc-device-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body[data-route="devices"] .site [data-devices-intune] .mycc-device-row,body[data-route="devices"] .site [data-devices-intune] .mycc-device-row:first-child{grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:26px;border:1px solid #d9cdbd;border-radius:24px;background:#ffffff}
body[data-route="devices"] .site [data-devices-intune] .mycc-device-row strong{font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(26px,2.5vw,34px);font-weight:800;letter-spacing:-.025em;line-height:1.05}
body[data-route="devices"] .site [data-devices-intune] .mycc-device-row small{margin-top:4px;font-size:16px}
body[data-route="devices"] .site [data-devices-netbird] .mycc-device-row,body[data-route="devices"] .site [data-devices-netbird] .mycc-device-row:first-child{padding:20px 0;border-top:2px solid rgba(255,255,255,.45)}
body[data-route="devices"] .site [data-devices-netbird] .mycc-device-row:last-child{border-bottom:2px solid rgba(255,255,255,.45)}
body[data-route="devices"] .site [data-devices-netbird] .mycc-device-row strong{font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(26px,3vw,42px);font-weight:800;letter-spacing:-.03em;line-height:1.05}
body[data-route="devices"] .site [data-devices-netbird] .mycc-device-row small{margin-top:4px;font-size:17px}
@media (max-width:760px){
  body[data-route="devices"] .site [data-devices-intune] .mycc-device-list{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
  body[data-route="devices"] .site [data-devices-intune] .mycc-device-row,body[data-route="devices"] .site [data-devices-intune] .mycc-device-row:first-child{grid-template-columns:minmax(0,1fr)}
}

/* Profile & security --------------------------------------------------------------- */
body[data-route="profile"] .site .idc{min-width:0;padding:clamp(22px,3vw,34px);border-radius:32px;background:#f6efe6;box-shadow:0 40px 80px rgba(0,0,0,.5);color:#10181f;overflow:visible}
body[data-route="profile"] .site .idc h2{font-size:clamp(28px,2.8vw,38px);line-height:1}
body[data-route="profile"] .site .idc .idc-head p{margin:6px 0 0;font-weight:600}
body[data-route="profile"] .site .mycc-profile-facts{gap:18px 20px;margin:20px 0 0}
body[data-route="profile"] .site .mycc-profile-facts dd{overflow:visible;color:inherit;font-size:19px;font-weight:700;text-overflow:clip;overflow-wrap:anywhere}
body[data-route="profile"] .site .mycc-profile-facts dt{color:#3f4b54;font-size:14px;letter-spacing:.08em}
body[data-route="profile"] .site [data-security-card] .mycc-device-row,body[data-route="profile"] .site [data-security-card] .mycc-device-row:first-child{padding:22px 0;border-top:2px solid #10181f}
body[data-route="profile"] .site [data-security-card] .mycc-device-row:last-child{border-bottom:2px solid #10181f}
body[data-route="profile"] .site [data-security-card] .mycc-device-row strong{font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(28px,3.6vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1.02}

/* Resources and Software share a search, filter and card treatment ------------------- */
body[data-design] :where(.mycc-content) .site .fil{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
body[data-design] :where(.mycc-content) .site .fil button{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border:1px solid #8a98a3;border-radius:999px;background:rgba(10,15,20,.55);color:#f6efe6;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
body[data-design] :where(.mycc-content) .site .fil button:hover{border-color:#f6efe6}
body[data-design] :where(.mycc-content) .site .fil button[aria-pressed="true"]{border-color:#f6efe6;background:#f6efe6;color:#10181f}
body[data-design] :where(.mycc-content) .site .resource-grid,body[data-design] :where(.mycc-content) .site .software-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body[data-design] :where(.mycc-content) .site .resource-card,body[data-design] :where(.mycc-content) .site .software-card{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;padding:26px;border:1px solid #d9cdbd;border-radius:24px;background:#ffffff;box-shadow:none;color:#10181f;text-decoration:none}
body[data-design] :where(.mycc-content) .site .resource-card:hover{border-color:#b32a14;background:#ffffff;transform:none}
body[data-design] :where(.mycc-content) .site .resource-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}
body[data-design] :where(.mycc-content) .site .resource-card .resource-code,body[data-design] :where(.mycc-content) .site .software-card .resource-code,body[data-design] :where(.mycc-content) .site .resource-card-brand{display:grid;place-items:center;width:44px;height:44px;padding:6px;border:1px solid #d9cdbd;border-radius:12px;background:#f6efe6;color:#b32a14;font-size:13px;font-weight:800}
body[data-design] :where(.mycc-content) .site .resource-card-brand.fallback,body[data-design] :where(.mycc-content) .site .resource-card-brand.glyph{color:#b32a14;font-size:13px}
body[data-design] :where(.mycc-content) .site .resource-card .access-chip{min-height:32px;padding:3px 12px;border:0;background:#e8dfd2;color:#10181f;font-size:14px;font-weight:700}
body[data-design] :where(.mycc-content) .site .resource-card h2,body[data-design] :where(.mycc-content) .site .software-card h2{margin:0;color:inherit;font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(24px,2.3vw,32px);font-weight:800;letter-spacing:-.025em;line-height:1.05;overflow-wrap:anywhere}
body[data-design] :where(.mycc-content) .site .resource-card p,body[data-design] :where(.mycc-content) .site .software-card p{min-height:0;margin:0;color:#27323a;font-size:17px;line-height:1.45}
body[data-design] :where(.mycc-content) .site .resource-card-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;margin-top:auto;padding-top:12px;color:#3f4b54;font-size:15px;font-weight:600}
body[data-design] :where(.mycc-content) .site .resource-card-foot>span{overflow-wrap:anywhere}
body[data-design] :where(.mycc-content) .site .resource-card-foot strong{color:#b32a14;font-size:0}
body[data-design] :where(.mycc-content) .site .resource-card-foot strong::before{font-size:15px;font-weight:800}
body[data-design] :where(.mycc-content) .site .resource-card-foot strong::after,body[data-design] :where(.mycc-content) .site .resource-card[target="_blank"] .resource-card-foot strong::after{width:auto;height:auto;border:0;color:#3f4b54;font-size:15px;font-weight:600;transform:none}
body[data-design] :where(.mycc-content) .site .software-card .button{align-self:flex-start;min-height:46px;margin-top:auto;padding:0 20px;border-color:#10181f;background:#10181f;color:#f6efe6;font-size:0}
body[data-design] :where(.mycc-content) .site .software-card .button::before{font-size:15px;font-weight:800}
body[data-route="resources"] .site .res-note{margin:18px 0 0;font-size:18px}
body[data-route="software"] .site .art img{object-fit:cover}
body[data-route="software"] .site [data-software-policy]{max-width:820px;margin:26px 0 0;color:#10181f;font-size:clamp(19px,2vw,24px);font-weight:600;line-height:1.45}
body[data-route="software"] .site [data-software-policy] a{color:#10181f;font-weight:800;text-decoration:underline}
@media (max-width:1180px){
  body[data-design] :where(.mycc-content) .site .resource-grid,body[data-design] :where(.mycc-content) .site .software-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  body[data-design] :where(.mycc-content) .site .resource-grid,body[data-design] :where(.mycc-content) .site .software-grid{grid-template-columns:minmax(0,1fr)}
}

/* Advanced --------------------------------------------------------------------------- */
body[data-route="advanced"] .site .system-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
body[data-route="advanced"] .site .system-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-content:start;gap:8px clamp(20px,3vw,44px);min-height:0;padding:clamp(20px,2.6vw,32px);border:1px solid #34434f;border-radius:28px;background:#141d25;box-shadow:none;color:#f6efe6}
body[data-route="advanced"] .site .system-card-head{grid-column:1;display:flex;align-items:center;justify-content:space-between;gap:10px}
body[data-route="advanced"] .site .system-card .resource-code{display:none}
body[data-route="advanced"] .site .system-card .access-chip{min-height:32px;padding:3px 12px;border:0;background:#1e2a33;color:#f6efe6;font-size:14px;font-weight:700}
body[data-route="advanced"] .site .system-card h2{grid-column:1;margin:4px 0 0;color:inherit;font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(26px,2.6vw,36px);font-weight:800;letter-spacing:-.03em;line-height:1.05;overflow-wrap:anywhere}
body[data-route="advanced"] .site .system-card p{grid-column:1;margin:0;color:inherit;font-size:17px}
body[data-route="advanced"] .site .system-status-note{margin:12px 0 0;color:#e6dcd0;font-size:17px}
body[data-route="advanced"] .site .system-specs{grid-column:1;display:grid;gap:10px;margin:14px 0 0;padding:16px 0 0;border-top:1px solid #2a3843}
body[data-route="advanced"] .site .system-specs>div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:2px 14px;align-items:baseline}
body[data-route="advanced"] .site .system-specs dt{margin:0;color:#ffb09d;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
body[data-route="advanced"] .site .system-specs dd{margin:0;color:#f6efe6;font-size:16px;line-height:1.45}
body[data-route="advanced"] .site .system-status{display:inline-flex;align-items:center;gap:9px;font-weight:800}
body[data-route="advanced"] .site .system-status-dot{flex:none;width:11px;height:11px;border-radius:50%;background:#9aa7b2}
body[data-route="advanced"] .site [data-system-status="online"] .system-status-dot{background:#5ee0ac}
body[data-route="advanced"] .site [data-system-status="alert"] .system-status-dot{background:#f4c35e}
body[data-route="advanced"] .site [data-system-status="offline"] .system-status-dot{background:#ff7b86}
body[data-route="advanced"] .site .system-console{grid-column:2;grid-row:1/span 4;margin:0;padding:0;border:0}
body[data-route="advanced"] .site .system-address{display:block;margin:0 0 14px}
body[data-route="advanced"] .site .system-address span{display:block;color:#ffb09d;font-size:14px;font-weight:800;letter-spacing:.1em}
body[data-route="advanced"] .site .system-address code{display:block;margin-top:4px;padding:0;border:0;background:transparent;color:#ff7a59;font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(30px,3.8vw,60px);font-weight:800;letter-spacing:-.03em;line-height:1.02;overflow-wrap:anywhere}
body[data-route="advanced"] .site .system-links{display:flex;flex-wrap:wrap;gap:8px}
body[data-route="advanced"] .site .system-console a{display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:0 20px;border:0;border-radius:999px;background:#f6efe6;color:#10181f;font-size:16px;font-weight:800;text-decoration:none}
body[data-route="advanced"] .site .system-console a:hover{background:#ffffff}
@media (max-width:760px){
  body[data-route="advanced"] .site .system-card{grid-template-columns:minmax(0,1fr)}
  body[data-route="advanced"] .site .system-console{grid-column:1;grid-row:auto;margin-top:12px}
  body[data-route="advanced"] .site .system-specs>div{grid-template-columns:minmax(0,1fr)}
}

/* Operations ----------------------------------------------------------------------------- */
body[data-route="operations"] .site .ops-split>section{min-width:0;padding:clamp(40px,6vw,88px) clamp(18px,4vw,56px)}
body[data-route="operations"] .site .ops-work{grid-column:auto}
body[data-route="operations"] .site .ops-work .mycc-native-system-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
body[data-route="operations"] .site .ops-work .mycc-native-system-metrics>div{padding:clamp(14px,2.2vw,28px);border-left:2px solid rgba(16,24,31,.28)}
body[data-route="operations"] .site .ops-work .mycc-native-system-metrics>div:first-child{padding-left:0;border-left:0}
body[data-route="operations"] .site .ops-work .mycc-native-system-metrics strong{font-size:clamp(56px,8vw,120px)}
body[data-route="operations"] .site .ops-work .mycc-native-system-metrics span{margin-top:8px;font-size:clamp(18px,1.7vw,22px);font-weight:800;line-height:1.15}
body[data-route="operations"] .site .ops-work .mycc-viewing-message{margin:18px 0 0}
body[data-route="operations"] .site [data-ops-fleet] .mycc-native-system-metrics strong{font-size:clamp(48px,5.6vw,84px)}
body[data-route="operations"] .site [data-ops-fleet] .mycc-native-system-metrics span{font-size:17px}
body[data-route="operations"] .site .ops-split .mycc-native-card h2{font-size:clamp(34px,4vw,60px)}
body[data-route="operations"] .site .ops-row{grid-template-columns:auto minmax(0,1fr) auto;gap:8px 16px}
body[data-route="operations"] .site .ops-row a{display:inline-flex;align-items:center;min-height:44px;color:var(--brand-bright);font-size:15px;font-weight:800}
body[data-route="operations"] .site .ops-row strong{font-size:19px}
body[data-route="operations"] .site .ops-list .mycc-workspace-empty{padding:14px 0}
@media (max-width:760px){
  body[data-route="operations"] .site .ops-work .mycc-native-system-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-route="operations"] .site .ops-work .mycc-native-system-metrics>div,body[data-route="operations"] .site .ops-work .mycc-native-system-metrics>div:first-child{padding:12px 8px;border-left:0;border-top:2px solid rgba(16,24,31,.28)}
}
@media (max-width:620px){
  body[data-route="operations"] .site .ops-row{grid-template-columns:auto minmax(0,1fr)}
  body[data-route="operations"] .site .ops-row a{grid-column:2}
}

/* Brand guidelines: protected content arrives after an Administrator or Staff check ------- */
body[data-route="brand-guidelines"] .site [data-brand-content-mount]>.page-panel{margin:0;padding:var(--pad-y) var(--pad-x);border:0;border-radius:0;background:transparent}
body[data-route="brand-guidelines"] .site [data-brand-content-mount]>.page-panel h1{margin:0;font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(36px,4.8vw,72px);font-weight:800;letter-spacing:-.035em;line-height:.98}
body[data-route="brand-guidelines"] .site [data-brand-content-mount]>.page-panel p:not(.eyebrow){color:inherit;font-size:19px}
body[data-route="brand-guidelines"] .site .route-hero{gap:clamp(24px,4vw,56px);min-height:0;margin:0;padding:clamp(30px,4.4vw,64px) var(--pad-x);background:radial-gradient(circle at 92% 8%,rgba(122,42,74,.7),rgba(255,122,89,.25) 34%,rgba(10,15,20,0) 62%),#0a0f14}
body[data-route="brand-guidelines"] .site .route-hero .eyebrow{color:#ffb09d;font-size:14px;font-weight:800}
body[data-route="brand-guidelines"] .site .route-hero-copy h1{margin:0;font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(46px,6.6vw,104px);font-weight:800;letter-spacing:-.035em;line-height:.98}
body[data-route="brand-guidelines"] .site .route-hero-copy h1 span{color:#ff7a59}
body[data-route="brand-guidelines"] .site .route-lead{max-width:720px;margin-top:22px;color:#f6efe6;font-size:clamp(19px,2vw,24px);line-height:1.5}
body[data-route="brand-guidelines"] .site .guidelines-meta-card{min-width:0;border:1px solid #34434f;border-radius:24px;background:#141d25}
body[data-route="brand-guidelines"] .site .guidelines-meta-card span{color:#e6dcd0;font-size:13px}
body[data-route="brand-guidelines"] .site .guidelines-meta-card strong{font-size:16px}
body[data-route="brand-guidelines"] .site .guidelines-toolbar{position:static;flex-wrap:wrap;margin:0;padding:10px var(--pad-x);border:0;border-top:1px solid #2a3843;border-bottom:1px solid #2a3843;border-radius:0;background:#0f161c}
body[data-route="brand-guidelines"] .site .guidelines-toolbar a{min-height:44px;padding:0 14px;color:#f6efe6;font-size:15px;font-weight:700}
body[data-route="brand-guidelines"] .site .guidelines-toolbar a b{color:#ffb09d;font-size:13px}
body[data-route="brand-guidelines"] .site .guidelines-toolbar a:hover,body[data-route="brand-guidelines"] .site .guidelines-toolbar a:focus-visible{background:#1e2a33;color:#f6efe6}
body[data-route="brand-guidelines"] .site .bg-section{scroll-margin-top:24px;padding:var(--pad-y) var(--pad-x);border:0}
body[data-route="brand-guidelines"] .site .bg-section:nth-child(even){--text:#10181f;--muted:#27323a;--quiet:#3f4b54;--line:rgba(16,24,31,.3);--line-strong:#10181f;--brand:#b32a14;--brand-bright:#b32a14;--cyan:#b32a14;background:#f6efe6;color:#10181f}
body[data-route="brand-guidelines"] .site .bg-section:nth-child(even) .bg-card:not(.bg-surface-dark,.bg-surface-light){background:#ffffff;border-color:#d9cdbd}
body[data-route="brand-guidelines"] .site .bg-head h2{font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(36px,4.8vw,72px);font-weight:800;letter-spacing:-.035em;line-height:.98}
body[data-route="brand-guidelines"] .site .bg-section .eyebrow{color:var(--brand-bright);font-size:14px;font-weight:800}
body[data-route="brand-guidelines"] .site .bg-copy,body[data-route="brand-guidelines"] .site .bg-section p{font-size:17px;line-height:1.55}
body[data-route="brand-guidelines"] .site .bg-section h3{font-size:clamp(20px,1.9vw,24px)}
body[data-route="brand-guidelines"] .site .bg-table{font-size:16px}
body[data-route="brand-guidelines"] .site .bg-document{border-radius:24px}
body[data-route="brand-guidelines"] .site .bg-document .button{min-height:46px}

@media (prefers-reduced-motion:reduce){
  body[data-design] :where(.mycc-content) .site *{scroll-behavior:auto;transition:none!important}
  body[data-design] :where(.mycc-content) .site .button:hover,body[data-design] :where(.mycc-content) .site .btn:hover,body[data-design] :where(.mycc-content) .site .mycc-native-destination:hover,body[data-design] :where(.mycc-content) .site .mycc-native-m365-link:hover{transform:none}
}
/* The hero summary is narrow: two by two, so a word such as "Nothing" stays whole. */
body[data-route="billing"] .site .billing-summary-metrics.sheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-route="billing"] .site .billing-summary-metrics.sheet dd>span{overflow-wrap:normal;word-break:normal}