/* Shared visual vocabulary for the public site and inspection workspace.
 * Precision Metrology & CAD Drafting Room palette (Deep Gunmetal + Petrol Teal + Balloon Vermilion). */
:root {
  --bg-app:#E3EAEB;
  --bg-panel:#EEF3F4;
  --bg-surface:#FFFFFF;
  --bg-alt:#F4F8F9;
  --bg-table-head:#E2ECEE;
  --border-strong:#6E828C;
  --border-mid:#C5D1D6;
  --border-cell:#CFD9DE;
  --text-main:#182226;
  --text-exp:#2C3B42;
  --text-sub:#455861;
  --brand-navy:#1E2B33;
  --brand-gunmetal-mid:#283944;
  --brand-blue:#0B6477;
  --brand-blue-hover:#084E5E;
  --brand-vermilion:#A92924;
  --brand-vermilion-hover:#8B1F1B;
  --select-bg:#E4F2F5;
  --select-border:#74B0BE;
  --row-hover:#EDF6F8;
  --sw-green:#1B6B47;
  --apply-green:#1B6B47;
  --apply-green-hover:#155538;
  --apply-bg:#EAF6EE;
  --apply-border:#8FBCA1;
  --hold-amber:#8A5300;
  --hold-bg:#FFF4D6;
  --hold-border:#C8953C;
  --alert-red:#B42318;
  --alert-bg:#FEECEB;
  --alert-border:#D99A94;
  --pending-fg:#2C3B42;
  --pending-bg:#DFE7EA;
  --navy-950:#162026;
  --navy-900:#1E2B33;
  --navy-800:#2C3B42;
  --blue-700:#0B6477;
  --blue-600:#084E5E;
  --crimson-600:#A92924;
  --emerald-700:#1B6B47;
  --amber-700:#8A5300;
  --slate-900:#182226;
  --slate-700:#2C3B42;
  --slate-600:#455861;
  --slate-300:#C5D1D6;
  --slate-200:#DCE5E8;
  --slate-100:#EEF3F4;
  --slate-50:#F4F8F9;
  --font-ui:"Yu Gothic UI",Meiryo,"Hiragino Kaku Gothic ProN",sans-serif;
}
:where(a,button,input,select,textarea,[tabindex]):focus-visible {outline:3px solid var(--brand-blue);outline-offset:2px;}
input[type="checkbox"],input[type="radio"] {accent-color:var(--brand-blue);}
.brand-mark {display:block;flex:none;width:24px;height:24px;}
.brand-lockup {display:block;width:202px;height:auto;}
.ui-icon {display:inline-block;width:16px;height:16px;flex:none;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}