/* CodeSmart @ AimShreem — Hand-Drawn (chalkboard) skin for Coder. Injected via nginx sub_filter. */
@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&family=Patrick+Hand&display=swap');
:root{
  --cs-bg:#191d22; --cs-surface:#232932; --cs-surface2:#2a313b;
  --cs-ink:#ECECE6; --cs-muted:#9aa3ad; --cs-red:#ff5c5c; --cs-blue:#74a9ec; --cs-yellow:#fbe88f;
  --cs-shadow:4px 4px 0 0 #0c0e11; --cs-wobbly:18px 220px 18px 220px / 220px 18px 220px 18px;
  --cs-wbtn:255px 15px 225px 15px / 15px 225px 15px 255px; --cs-wsm:14px 120px 14px 120px / 120px 14px 120px 14px;
}
html,body{ background:var(--cs-bg) !important; color:var(--cs-ink) !important;
  font-family:'Patrick Hand',ui-rounded,system-ui,sans-serif !important;
  background-image:radial-gradient(rgba(236,236,230,.08) 1.3px,transparent 1.3px) !important; background-size:24px 24px !important; }
#root,#coder{ background:transparent !important; }
h1,h2,h3,h4,h5,h6,.MuiTypography-h1,.MuiTypography-h2,.MuiTypography-h3,.MuiTypography-h4,.MuiTypography-h5,.MuiTypography-h6{
  font-family:'Kalam',cursive !important; font-weight:700 !important; letter-spacing:0 !important; color:var(--cs-ink) !important; }
code,pre,kbd,samp,tt,[class*="Mono"],[class*="mono"]{ font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace !important; }
.MuiPaper-root,.MuiCard-root,.MuiDialog-paper,.MuiPopover-paper,.MuiMenu-paper{ background:var(--cs-surface) !important; color:var(--cs-ink) !important;
  border:2px solid var(--cs-ink) !important; border-radius:var(--cs-wobbly) !important; box-shadow:var(--cs-shadow) !important; background-image:none !important; }
.MuiAppBar-root{ background:var(--cs-bg) !important; border-bottom:2.5px solid var(--cs-ink) !important; box-shadow:none !important; }
.MuiButton-root,.MuiLoadingButton-root{ font-family:'Patrick Hand',sans-serif !important; text-transform:none !important; font-size:15px !important;
  border:2.5px solid var(--cs-ink) !important; border-radius:var(--cs-wbtn) !important; box-shadow:var(--cs-shadow) !important;
  color:var(--cs-ink) !important; background:var(--cs-surface) !important; transition:transform .1s, box-shadow .1s, background .1s !important; }
.MuiButton-root:hover,.MuiLoadingButton-root:hover{ background:var(--cs-red) !important; color:#fff !important; box-shadow:2px 2px 0 0 var(--cs-ink) !important; transform:translate(2px,2px) !important; }
.MuiButton-containedPrimary{ background:var(--cs-red) !important; color:#fff !important; }
.MuiOutlinedInput-root,.MuiInputBase-root{ background:var(--cs-surface) !important; color:var(--cs-ink) !important; border-radius:var(--cs-wsm) !important; }
.MuiOutlinedInput-notchedOutline{ border:2.5px solid var(--cs-ink) !important; }
.Mui-focused .MuiOutlinedInput-notchedOutline{ border-color:var(--cs-blue) !important; }
.MuiInputBase-input,.MuiFormLabel-root,.MuiInputLabel-root,.MuiTypography-root{ color:var(--cs-ink) !important; }
.MuiTypography-colorTextSecondary,.MuiFormHelperText-root,[class*="secondary"]{ color:var(--cs-muted) !important; }
a,.MuiLink-root{ color:var(--cs-blue) !important; text-decoration-style:wavy !important; text-underline-offset:3px !important; }
a:hover{ color:var(--cs-red) !important; }
.MuiTableCell-root{ border-bottom:2px dashed var(--cs-ink) !important; color:var(--cs-ink) !important; }
.MuiTableHead-root .MuiTableCell-root{ background:var(--cs-surface2) !important; }
.MuiChip-root{ border:2px solid var(--cs-ink) !important; background:var(--cs-surface2) !important; color:var(--cs-ink) !important; border-radius:var(--cs-wsm) !important; }
.MuiTab-root{ font-family:'Patrick Hand',sans-serif !important; text-transform:none !important; color:var(--cs-muted) !important; }
.MuiTab-root.Mui-selected{ color:var(--cs-red) !important; }
::-webkit-scrollbar{ width:12px; height:12px; } ::-webkit-scrollbar-thumb{ background:var(--cs-surface2); border:2px solid var(--cs-ink); border-radius:8px; }

/* --- control rules v2: catch Emotion-styled controls that skip .Mui* base classes --- */
.MuiInputBase-root{ border:2.5px solid var(--cs-ink) !important; border-radius:var(--cs-wsm) !important; background:var(--cs-surface) !important; }
.MuiOutlinedInput-notchedOutline{ border:0 !important; }
.Mui-focused.MuiInputBase-root{ border-color:var(--cs-blue) !important; box-shadow:0 0 0 3px rgba(116,169,236,.25) !important; }
input:not([type=checkbox]):not([type=radio]):not(.MuiInputBase-input), textarea:not(.MuiInputBase-input){
  border:2.5px solid var(--cs-ink) !important; border-radius:var(--cs-wsm) !important; background:var(--cs-surface) !important; color:var(--cs-ink) !important; padding:10px 12px !important; }
button.MuiButton-root, a.MuiButton-root, .MuiButton-root, [type=submit]:not(.MuiIconButton-root){
  border:2.5px solid var(--cs-ink) !important; border-radius:var(--cs-wbtn) !important; box-shadow:var(--cs-shadow) !important;
  background:var(--cs-surface) !important; color:var(--cs-ink) !important; text-transform:none !important; font-family:'Patrick Hand',sans-serif !important; }
.MuiButton-containedPrimary:not(.Mui-disabled){ background:var(--cs-red) !important; color:#fff !important; }
.MuiButton-root:not(.Mui-disabled):hover{ background:var(--cs-red) !important; color:#fff !important; box-shadow:2px 2px 0 0 var(--cs-ink) !important; transform:translate(2px,2px) !important; }
.MuiButton-root.Mui-disabled{ opacity:.55 !important; }
.MuiIconButton-root{ border:0 !important; box-shadow:none !important; background:transparent !important; }
hr,.MuiDivider-root{ border-color:var(--cs-ink) !important; border-style:dashed !important; opacity:.5; }

/* --- login guard (Task 1): remove GitHub OAuth + friendly candidate banner --- */
/* Authoritative removal of the GitHub button is unsetting CODER_OAUTH2_GITHUB_*
   in coder.env; this is the belt-and-suspenders visual hide for the button link. */
a[href*="oauth2/github"]{ display:none !important; }
#cs-login-note{
  max-width:420px; margin:0 auto 18px; padding:12px 16px;
  background:var(--cs-surface2) !important; color:var(--cs-ink) !important;
  border:2.5px solid var(--cs-ink) !important; border-radius:var(--cs-wsm) !important;
  box-shadow:var(--cs-shadow) !important; font-family:'Patrick Hand',sans-serif !important;
  font-size:15px !important; line-height:1.5 !important; text-align:center;
}
#cs-login-note strong{ color:var(--cs-yellow) !important; }
#cs-login-note .cs-op{ display:block; margin-top:6px; color:var(--cs-muted) !important; font-size:13px !important; }