/* =====================================================================
   Chicago Movement Gym · Twenty login theme (generated by brandforge/output/_work-msscmg/build_crm.py)
   Scope: ONLY the login, via body:has(.sdtdivd). The app interior stays native Twenty,
   except the workspace chip at the bottom (same rule and cause as Norwell).
   Look (03-10, the operator): no card. The client's chosen 3D logo sits on the field and the form
   lives straight on the field (light for MSS, ink for CMG).
   One family: Instrument Sans, self-hosted (regular + bold, no synthetic bold).
   Revert: point Caddy back at :3070 and remove the cmg-brand container.
   ===================================================================== */
@font-face{font-family:'Instrument CMG';src:url('/cmg-brand/instrument.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Instrument CMG';src:url('/cmg-brand/instrument-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{--b-ink:#111111;--b-bone:#F4EEE3;--b-raised:#F0EADF;--b-rule:#DAD5CB;--b-rule-strong:#A4A098;
  --b-muted:#464441;--b-brass:#B8904F;--b-link:#DAD5CB;--b-btn:#F4EEE3;--b-btn-hover:#DAD5CB;--b-btn-text:#111111;
  --b-text:#F4EEE3;--b-muted-c:#DAD5CB;--b-input-bg:#1C1B19;--b-input-border:#6A6761;--b-placeholder:#B5B1A9}
body:has(.sdtdivd){background:radial-gradient(1200px 800px at 50% -12%, #32312E 0%, rgba(17,17,17,0) 62%), linear-gradient(180deg, #161412 0%, #111111 100%) !important;font-family:'Instrument CMG', sans-serif !important}
body:has(.sdtdivd) [class*="_backdrop_"]{background:radial-gradient(1200px 800px at 50% -12%, #32312E 0%, rgba(17,17,17,0) 62%), linear-gradient(180deg, #161412 0%, #111111 100%) !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important}

/* no card (03-10, the operator saw the white box as off-brand): the modal is a transparent column */
body:has(.sdtdivd) [class*="_modal_"]{position:relative !important;height:auto !important;min-height:0 !important;
  width:min(420px,92vw) !important;max-width:420px !important;padding:24px 0 28px !important;
  background:transparent !important;border:0 !important;border-radius:0 !important;
  box-shadow:none !important;color:var(--b-text) !important;overflow:visible !important}
body:has(.sdtdivd) [class*="_content_"]{padding:0 !important}
body:has(.sdtdivd) [class*="_modal_"] :where(h1,h2,h3,h4,p,span,label,div,li){color:var(--b-text) !important}
/* Twenty sets Inter on its own components, so inheriting from body is not enough: force the kit's
   text family on everything the login draws (measured on v2.18.4: the buttons stayed in Inter) */
body:has(.sdtdivd) [class*="_modal_"] :where(*),body:has(.sdtdivd) [class*="_modal_"] :where(input,button,textarea){font-family:'Instrument CMG', sans-serif !important}

/* Twenty's own logo block and the welcome line: only the brand shows (Norwell precedent) */
body:has(.sdtdivd) [class*="_content_"] div:has(> a[class*="_undecoratedLink_"]){display:none !important}
body:has(.sdtdivd) .sdtdivd{display:none !important}

/* the chosen 3D logo above the form, as a still render (the live 3D viewer can take this spot later) */
body:has(.sdtdivd) [class*="_content_"]:has(.sdtdivd){position:relative !important}
body:has(.sdtdivd) [class*="_content_"]:has(.sdtdivd)::before{content:"";display:block;width:184px;height:184px;
  margin:0 auto 34px;background:url('/cmg-brand/mark-3d.png') center/contain no-repeat}
@media (max-width:600px){
  body:has(.sdtdivd) [class*="_modal_"]{padding:16px 0 22px !important}
  body:has(.sdtdivd) [class*="_content_"]:has(.sdtdivd)::before{width:148px;height:148px;margin:0 auto 28px}
}

/* fields */
body:has(.sdtdivd) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]){
  background:var(--b-input-bg) !important;border:1px solid var(--b-input-border) !important;border-radius:3px !important;
  color:var(--b-text) !important;caret-color:var(--b-text) !important}
body:has(.sdtdivd) input::placeholder{color:var(--b-placeholder) !important;opacity:1}
body:has(.sdtdivd) input:focus{border-color:var(--b-brass) !important;box-shadow:0 0 0 3px rgba(184,144,79,.28) !important;outline:none !important}

/* primary button: the lead color, like the plaques on the posts */
body:has(.sdtdivd) button[data-variant="primary"],
body:has(.sdtdivd) [class*="_button_y8rpu"]{background:var(--b-btn) !important;border:1px solid var(--b-btn-hover) !important;
  color:var(--b-btn-text) !important;border-radius:3px !important;font-weight:700 !important;box-shadow:none !important}
body:has(.sdtdivd) button[data-variant="primary"] *,
body:has(.sdtdivd) [class*="_button_y8rpu"] *{color:var(--b-btn-text) !important}
body:has(.sdtdivd) button[data-variant="primary"]:hover,
body:has(.sdtdivd) [class*="_button_y8rpu"]:hover{background:var(--b-btn-hover) !important}

/* sign-in-with buttons */
body:has(.sdtdivd) [class*="_button_15sm2"]{background:transparent !important;border:1px solid var(--b-input-border) !important;
  color:var(--b-text) !important;border-radius:3px !important}
body:has(.sdtdivd) [class*="_button_15sm2"]:hover{background:var(--b-input-bg) !important}
body:has(.sdtdivd) a{color:var(--b-link) !important;text-underline-offset:3px}
body:has(.sdtdivd) ::selection{background:rgba(184,144,79,.35);color:var(--b-text)}

/* =====================================================================
   INTERIOR: native Twenty except the workspace chip. The chip reads workspace.logo, which is
   empty until the logo is uploaded in Settings (see README); located by structure, not by the
   hashed class (Norwell measured both traps on v2.18.4).
   ===================================================================== */
body:not(:has(.sdtdivd)) [data-testid="workspace-dropdown"] div:has(> [class*="placeholderChar"]),
body:not(:has(.sdtdivd)) [data-testid="workspace-dropdown"] div:has(> [class*="image_"]),
body:not(:has(.sdtdivd)) [data-testid="workspace-dropdown"] > div:first-child{
  background-image:url('/cmg-brand/chip.png') !important;background-size:cover !important;background-position:center !important;
  background-color:#111111 !important;background-repeat:no-repeat !important}
body:not(:has(.sdtdivd)) [data-testid="workspace-dropdown"] [class*="placeholderChar"]{visibility:hidden !important}
body:not(:has(.sdtdivd)) [data-testid="workspace-dropdown"] [class*="image_"]{opacity:0 !important}