/* Shared visual shell: quiet late-90s desktop grammar without heavy blue chrome. */
:root{
  --ink:#272938!important;--text:#444653!important;--soft:#666978!important;--muted:#858794!important;
  --blue:#5369b0!important;--blue-deep:#394981!important;--blue-soft:#e4e7f1!important;--blue-mist:#eff0f4!important;
  --amber:#d6b35e!important;--amber-soft:#f4e8bd!important;--coral:#cb7b72!important;--coral-soft:#f3ddd8!important;
  --paper:#f4f0e7!important;--panel:#fffdf7!important;--line:#8d8c96!important;--line-2:#dedbd5!important;
  --shadow:#d7d3ce!important;--grid:rgba(70,74,98,.045)!important;
}
body{background-color:var(--paper)!important;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),radial-gradient(circle at 1px 1px,rgba(48,48,58,.035) .7px,transparent .8px)!important;background-size:24px 24px,24px 24px,7px 7px!important}
.top{background:rgba(247,244,236,.97)!important;border-bottom:1px solid var(--line)!important;box-shadow:0 3px 0 rgba(91,91,106,.12)!important}
.top-in{border-color:var(--line)!important}
.brand{border-color:var(--line)!important}.mark i{background:var(--blue)!important}.mark i:nth-child(2){background:var(--amber)!important}.mark i:nth-child(6){background:var(--coral)!important}.mark i:nth-child(5){background:transparent!important}
nav a{color:#4b5064!important;border-color:#b3b0b4!important;position:relative!important}
nav a:hover,nav a.on{background:#e7e6e8!important;color:var(--blue-deep)!important;box-shadow:inset 0 -4px 0 var(--blue)!important}
nav a.on:after{content:"";position:absolute;right:9px;top:9px;width:5px;height:5px;background:var(--amber);box-shadow:8px 0 0 var(--coral)}
.account{border-color:var(--line)!important}.account .av{background:#ece9e6!important;border-color:var(--line)!important;box-shadow:2px 2px 0 var(--shadow)!important;color:var(--blue-deep)!important}
.hero,.hero-main,.hero-side,.hot,.review-card,.sk,.gh,.work-panel,.st,.up,details.what,.panel,.stat,.intro,.detail-card,details.tool{border-color:var(--line)!important;box-shadow:4px 4px 0 var(--shadow)!important;border-radius:2px!important}
.hero-main{border-left:1px solid var(--line)!important}.hero-main:before,.hero:before{opacity:.9!important}.hero-main:after,.hero:after{opacity:.52!important}
.hero-side{background:#e6e5e9!important;color:var(--ink)!important;border-top:7px solid #bbb8c1!important}.hero-side .eyebrow,.hero-side p,.hero-side .meter-label{color:var(--soft)!important}.hero-side:after{background:var(--blue)!important;box-shadow:15px 0 0 var(--amber),0 15px 0 var(--coral)!important}.meter-track{border-color:var(--line)!important;background:var(--panel)!important}.meter-fill{background:var(--blue)!important}
.cta,.sk-get,.up button,.btn.primary,.b.primary{background:var(--blue)!important;border-color:var(--blue-deep)!important;box-shadow:3px 3px 0 #b7b3b2!important}.cta:hover,.sk-get:hover{box-shadow:4px 4px 0 #b7b3b2!important}
.st.now{background:var(--blue)!important;box-shadow:4px 4px 0 #b7b3b2!important}.st.done{background:#ebe9e5!important;border-left:5px solid var(--blue)!important}.st.locked{background:#efede7!important}
.review-card,.sk,.gh{box-shadow:3px 3px 0 var(--shadow)!important}.review-card:hover,.sk:hover,.gh:hover{box-shadow:5px 5px 0 var(--shadow)!important}
.rc-cover,.sk-cover,.gh-cover,.work-fallback{background:#e9e7e4!important}.hstat,.note.ok{background:#e7e5e2!important;color:var(--text)!important}.hot{box-shadow:4px 4px 0 var(--amber-soft)!important}
.tab{background:#f5f2eb!important;box-shadow:1px 1px 0 var(--shadow)!important}.tab:hover,.tab.on{background:#e4e6ee!important;color:var(--blue-deep)!important;box-shadow:inset 0 -3px 0 var(--blue)!important}
.panel-head,.intro:before{background:#dedde2!important;color:var(--ink)!important;border-color:var(--line)!important}.panel-head p{color:var(--soft)!important}.panel-head:after{color:var(--ink)!important}.filters{background-color:#eceae6!important}.filters button.on{background:#dedfe5!important;color:var(--blue-deep)!important;border-color:var(--line)!important;box-shadow:inset 0 -3px 0 var(--blue)!important}.student-detail>td{background:#ecebea!important}.person-row.is-open{background:#eeedf0!important}
.stat{border-width:1px!important}.intro,.panel,details.tool{border-width:1px!important}.panel-head{border-bottom-width:1px!important}.filters{border-bottom-width:1px!important}
.work-panel-head{background:#e9e7e4!important}.skill-state.pending,.state.pending{background:var(--coral-soft)!important;color:#874c48!important}.skill-state.live,.state.live{background:var(--blue-soft)!important;color:var(--blue-deep)!important}
body>.card{position:relative;background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:2px!important;box-shadow:5px 5px 0 var(--shadow)!important;padding-top:54px!important}body>.card:before{content:"SKILL CAMP / LOGIN";position:absolute;inset:0 0 auto 0;height:28px;padding:0 9px;display:flex;align-items:center;background:#dedde2;border-bottom:1px solid var(--line);font:700 10px ui-monospace,monospace;letter-spacing:.08em}body>.card input{border:1px solid var(--line)!important;border-radius:0!important;background:#faf8f2!important}body>.card button{background:var(--blue)!important;border:1px solid var(--blue-deep)!important;border-radius:0!important;box-shadow:3px 3px 0 var(--shadow)!important}
@media(max-width:850px){nav a.on:after{right:7px;top:6px}}