/* SlabX Silver Shell v0.1 — brushed silver surroundings for the colored metal panels. */
body.slx-silver-os{
  --b:#b8bec5;--p:#bac0c7;--p2:#aab3bd;--l:#7b8794;--t:#17222e;--m:#35414f;
  --silver-grain:repeating-linear-gradient(0deg,#ffffff12 0px,#ffffff12 .5px,#0000000d .5px,#0000000d 1px,transparent 1px,transparent 3px);
  --silver-surface:var(--silver-grain),repeating-linear-gradient(0deg,transparent 0 7px,#ffffff0b 7px 8px,transparent 8px 11px),linear-gradient(100deg,#a1a9b2 0%,#e1e5e9 17%,#bdc4cb 34%,#a7b0ba 58%,#e0e4e8 83%,#b1b9c2 100%);
  --silver-panel:var(--silver-grain),linear-gradient(180deg,#ffffff1c,transparent 35%,#0000000f),linear-gradient(100deg,#a7b0ba 0%,#d4dae0 19%,#b4bec8 43%,#cbd2d9 80%,#b3bdc7 100%);
  min-height:100vh;background:var(--silver-surface)!important;color:var(--t)!important;color-scheme:light;
}
.slx-silver-os #app.shell{--metal-s:8%;border-color:#e4ebf2!important;background:transparent}
.slx-silver-os #app>aside{background:var(--silver-panel)!important;border-color:#818d99!important;box-shadow:inset -1px 0 #ffffff8c!important}
.slx-silver-os .logo{border-bottom-color:#7b8795!important}

/* Ordinary content cards become silver; colored metrics, collection summaries and charts retain their finishes. */
.slx-silver-os .card:where(:not(.slx-metrics>.card,.slx-history,.slx-set-summary)){
  background:var(--silver-panel)!important;border:1px solid #758391!important;color:#17222e;
  box-shadow:inset 0 1px 1px #ffffffe0,inset 0 -1px 1px #0005,0 2px 5px #0003,0 0 0 1px #ffffff55!important;
}
.slx-silver-os .top{border-bottom-color:#7d8995!important;box-shadow:0 1px #ffffff70}
.slx-silver-os .top h1,.slx-silver-os .slx-panel-head b{color:#17222e!important;text-shadow:0 1px #ffffff60}
.slx-silver-os .slx-panel-head small{color:#35414f}
.slx-silver-os .slx-tier-caption{color:#263544}
.slx-silver-os .slx-empty{color:#35414f}
.slx-silver-os .up{color:#09613e}
.slx-silver-os .dn{color:#982434}
.slx-silver-os .pill{color:#1d2b38;background:#dce1e6;border:1px solid #82909e}
.slx-silver-os .slx-clock{background:var(--silver-panel);border-color:#83909d!important;box-shadow:inset 0 1px #fff9!important}
.slx-silver-os .slx-clock time,.slx-silver-os .slx-clock span,.slx-silver-os .slx-device{color:#263b4d!important;text-shadow:0 1px #ffffff70}

/* Gunmetal inputs are recessed into the silver. Existing Intake action colors remain scoped to Intake. */
.slx-silver-os :is(input,select,textarea){
  background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 3px),linear-gradient(180deg,#202a34,#111b25)!important;
  color:#f5f8fc!important;border-color:#d1dbe4!important;box-shadow:inset 0 2px 5px #0009,0 0 0 1px #788594;color-scheme:dark;
}
.slx-silver-os :is(input,textarea)::placeholder{color:#d2d9e1;opacity:1}
.slx-silver-os select option{color:#f5f8fc;background:#202a34}
.slx-silver-os :is(button,input,select,textarea):focus-visible{outline:3px solid #075a97;outline-offset:3px}

/* Silver inventory controls keep the original coin art, tier glow, and filtering behavior. */
.slx-silver-os #slxTierFilters .slx-tier-filter{color:#17222e!important;text-shadow:0 1px #ffffff80}
.slx-silver-os #slxTierFilters .slx-tier-filter:is(:hover,[aria-pressed=true]){background:#ffffff3b!important;border-color:#276da4!important}
.slx-silver-os #slxTierFilters .slx-tier-options button{
  color:#17222e;background:var(--silver-panel);border:1px solid #687887;
  box-shadow:inset 0 1px 1px #fffd,inset 0 -1px 2px #0005,0 1px 2px #0003;text-shadow:0 1px #ffffff70;
}
.slx-silver-os #slxTierFilters .slx-tier-options button[aria-pressed=true]{border-color:#087aca;box-shadow:inset 0 0 0 1px #e7f7ff,0 0 0 1px #087aca}
.slx-silver-os #slxTierFilters button:focus-visible{outline-color:#075a97}
.slx-silver-os th{color:#263747!important;background:#cbd3db!important;border-color:#7d8c9a!important;text-shadow:0 1px #ffffff70}
.slx-silver-os td{color:#17222e!important;border-color:#8795a3!important}
.slx-silver-os tbody tr:hover{background:#ffffff40!important}
.slx-silver-os .slx-card-back small{color:#c5d4e2}
.slx-silver-os .slx-profile-link{color:#07547e}

/* Keep every colored surface's text light despite the new light surroundings. */
.slx-silver-os .slx-floor>.slx-history .slx-panel-head :is(b,small){color:#f4faff!important;text-shadow:0 1px 2px #000d}
.slx-silver-os .slx-metrics>.card .up{color:#c1ffe0}
.slx-silver-os .slx-metrics>.card .dn{color:#ffd3dc}