/* Meltech precision workspace: machined brass, navy instruments, quiet data. */
:root {
  --bg:#f0f3f6;
  --border:#dce3e9;
  --border-strong:#bfcbd5;
  --shadow-sm:0 1px 2px #15293b06,0 5px 16px #15293b05;
  --depth-surface:inset 0 1px 0 #ffffffd9,0 2px 0 #dbe2e880,0 8px 24px #142b3d08;
  --depth-raised:inset 0 1px 0 #fff,0 3px 0 #d4dde5,0 12px 26px #142b3d12;
}
:root[data-theme=dark] {
  --bg:#101820;--border:#354350;--border-strong:#526475;
  --depth-surface:inset 0 1px 0 #ffffff08,0 2px 0 #080e1460,0 8px 24px #0002;
  --depth-raised:inset 0 1px 0 #ffffff10,0 3px 0 #080e14,0 12px 26px #0004;
}
.sidebar { background:linear-gradient(165deg,#1d3040,#14222e 65%); border-right:1px solid #314554; }
.brand { padding-bottom:22px; }
.brand-logo { box-shadow:inset 0 1px 0 #fff8,0 3px 0 #0c1723,0 8px 14px #0003; }
.nav-item { color:#becad4; }
.nav-item.active { background:#c79a3b20; color:#f3d591; box-shadow:inset 3px 0 0 #d1a74b,inset 0 1px 0 #ffffff08; }
.nav-item:hover { background:#ffffff0b; }
.nav-section { color:#97aab9; }
.topbar { background:var(--surface); border-bottom:1px solid var(--border); box-shadow:0 4px 16px #142b3d04; }
.page-title,.card-title { letter-spacing:-.025em; }
.page-title { font-weight:750; }
.card,.mail-app { border-color:var(--border); box-shadow:var(--depth-surface); }
.card-title { line-height:1.4; }
.table th { font-weight:650; padding-top:13px; padding-bottom:13px; }
.table td { border-color:var(--border); }
.table td,.kpi-value,.metric-copy strong,.workflow-mini strong { font-variant-numeric:tabular-nums; }
.table tbody tr:hover td { background:color-mix(in srgb,var(--brand) 4%,var(--surface)); }
.metric-card { border:1px solid var(--border); box-shadow:var(--depth-surface); border-radius:12px; }
.metric-copy small { color:var(--text-2); font-size:12px; }
.metric-copy strong { letter-spacing:-.045em; }
.metric-copy em { color:var(--text-2); }
.metric-icon,.kpi-icon {
  border:1px solid #ffffff38;
  box-shadow:inset 0 1px 1px #ffffff70,0 3px 0 -1px #152b3e19,0 7px 12px #152b3e12;
  transform:perspective(360px) rotateY(-10deg) rotateX(7deg);
}
.workflow-console { overflow:hidden; }
.workflow-console-head { background:linear-gradient(115deg,#203747,#162530); }
.workflow-bolt { background:linear-gradient(150deg,#f1d38b,#c49a43 65%,#ac7d2e); color:#26313a; box-shadow:inset 0 1px 0 #fff7,3px 4px 0 #8f692b,7px 10px 18px #0003; transform:perspective(400px) rotateY(-12deg) rotateX(8deg); }
.workflow-mini { border-color:var(--border); }
.live-rail { background:#1a2d3b; box-shadow:inset 0 1px 0 #ffffff15,0 3px 0 #0e1c27,0 8px 20px #142b3d12; }
.btn-primary { box-shadow:inset 0 1px 0 #fff8,0 3px 0 #8e6928,0 6px 12px #9b72261c; }
.btn-ghost,.icon-btn { box-shadow:inset 0 1px 0 #ffffff30,0 1px 2px #15293b08; }
.btn:focus-visible,.icon-btn:focus-visible,.nav-item:focus-visible,.metric-card:focus-visible { outline:2px solid var(--brand); outline-offset:4px; }
.btn:disabled,.icon-btn:disabled { transform:none; box-shadow:none; }
/* A brass bushing in perspective, echoing Meltech's manufactured components.
   Decorative only: no layout, interaction, data, or animation dependencies. */
@media(min-width:1100px) {
  .command-intro { position:relative; isolation:isolate; padding-right:190px; min-height:150px; }
  .command-intro::after { content:''; position:absolute; right:30px; top:16px; width:105px; height:105px; border:22px solid #c69a41; border-radius:50%; background:transparent; pointer-events:none; z-index:-1; transform:perspective(450px) rotateX(48deg) rotateY(-22deg) rotateZ(-22deg); box-shadow:inset 2px 3px 0 #f7e1a4,inset -3px -4px 0 #8a6127,3px 4px 0 #a77d31,6px 8px 0 #98702b,9px 12px 0 #805b24,14px 22px 18px #253c4c20; }
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .metric-card { transition:box-shadow 160ms ease,transform 160ms ease; }
  .metric-card:hover { transform:translateY(-2px); box-shadow:var(--depth-raised); }
  .metric-card:active { transform:translateY(1px); box-shadow:var(--depth-surface); }
}
@media(max-width:700px) {
  .content { padding:16px 12px; }
  .card-pad { padding:16px; }
  .page-title { font-size:19px; }
  .metric-card { box-shadow:0 2px 0 #152b3e09,0 4px 12px #152b3e06; }
  .metric-icon,.kpi-icon,.workflow-bolt { transform:none; }
}
@media(prefers-reduced-motion:reduce) { .metric-icon,.kpi-icon,.workflow-bolt { transform:none; } }
@media print { .command-intro::after { display:none; } .card,.metric-card { box-shadow:none; } }