/* Scanline looks r1: Industrial, SCADA, Blueprint, Cockpit, Paper. Same palettes as Production IQ's look picker. Loaded after piq-theme.css. */
@font-face{font-family:'Barlow Semi Condensed';src:url(/fonts/barlow-semi-condensed-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Barlow Semi Condensed';src:url(/fonts/barlow-semi-condensed-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Barlow Semi Condensed';src:url(/fonts/barlow-semi-condensed-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(/fonts/ibm-plex-mono-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Share Tech Mono';src:url(/fonts/share-tech-mono-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url(/fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url(/fonts/ibm-plex-sans-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url(/fonts/ibm-plex-sans-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Source Serif 4';src:url(/fonts/source-serif-4-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}

:root{--accent:var(--red)}
html[data-theme="lab"] .nav.on{border-left-color:var(--accent);color:var(--accent);background:var(--accent-lt,rgba(127,140,160,.12))}
html[data-theme="lab"] .tabs .tab.on{color:var(--accent);border-bottom-color:var(--accent)}
html[data-theme="lab"] .stat,html[data-theme="lab"] .card{background:var(--surface);border-radius:var(--r)}
html[data-theme="lab"] .stat{border:1px solid var(--border2);box-shadow:none}
html[data-theme="lab"] .stat::after,html[data-theme="lab"] .card::after{background:none}
html[data-theme="lab"] .stat b{text-shadow:none}
html[data-theme="lab"] .btn{background:var(--accent);color:var(--on-accent,#fff);box-shadow:none}
html[data-theme="lab"] .btn.ghost,html[data-theme="lab"] .btn.sec{background:transparent;color:var(--text);border:1px solid var(--border2)}
html[data-theme="lab"] .side{background:var(--surface);border-right:1px solid var(--border2)}
html[data-theme="lab"] input,html[data-theme="lab"] select,html[data-theme="lab"] textarea{background:var(--surface2);color:var(--text);border-color:var(--border2)}
html[data-theme="lab"] .stat b,html[data-theme="lab"] .pagehead h1{font-family:var(--num)}

html[data-look="industrial"]{
  --bg:#17191c;--surface:#212428;--surface2:#2a2e33;--border:#3a3f45;--border2:#4a5058;--text:#ecebe6;--text2:#a9aba6;--text3:#6d7177;
  --green:#3ddc84;--red:#ff3b30;--amber:#ffb300;--blue:#f5c400;--purple:#c58bff;--blue-d:#f5c400;
  --green-lt:rgba(61,220,132,.12);--red-lt:rgba(255,59,48,.14);--amber-lt:rgba(255,179,0,.14);--blue-lt:rgba(245,196,0,.14);
  --font:'Barlow Semi Condensed','Barlow',sans-serif;--num:'Barlow Condensed','Barlow',sans-serif;--r:0px;--accent:#f5c400;--on-accent:#111;--accent-lt:rgba(245,196,0,.14);color-scheme:dark}
html[data-look="industrial"] .stat,html[data-look="industrial"] .card{border-top:3px solid #5a6068}
html[data-look="industrial"] .side{background:#1c1f22}
html[data-look="industrial"] .pagehead{border-bottom:6px solid transparent;border-image:repeating-linear-gradient(-45deg,#f5c400 0 14px,#17191c 14px 28px) 6;padding-bottom:10px}
html[data-look="scada"]{
  --bg:#c9ccd0;--surface:#dfe1e4;--surface2:#d3d6da;--border:#a7acb2;--border2:#8f959c;--text:#15181b;--text2:#3f454c;--text3:#6b7178;
  --green:#2f7d32;--red:#d0021b;--amber:#d98200;--blue:#2c4a7a;--purple:#6a3fa0;--blue-d:#2c4a7a;
  --green-lt:rgba(47,125,50,.12);--red-lt:rgba(208,2,27,.12);--amber-lt:rgba(217,130,0,.14);--blue-lt:rgba(44,74,122,.12);
  --font:Arial,Helvetica,sans-serif;--num:Arial,Helvetica,sans-serif;--r:0px;--accent:#2c4a7a;--on-accent:#fff;--accent-lt:rgba(44,74,122,.14);color-scheme:light}
html[data-look="scada"] .stat,html[data-look="scada"] .card{box-shadow:inset 1px 1px 0 #f4f5f6,inset -1px -1px 0 #9aa0a6}
html[data-look="scada"] .stat b{color:#15181b;font-weight:700}
html[data-look="scada"] .stat.red b{color:var(--red)}
html[data-look="scada"] .side{background:#3a3f45;color:#eef0f2}
html[data-look="scada"] .side .nav{color:#c9ccd0}
html[data-look="scada"] .side .nav.on{background:#c9ccd0;color:#15181b;border-left-color:#15181b}
html[data-look="scada"] .side .who,html[data-look="scada"] .side .who span{color:#c9ccd0}
html[data-look="scada"] .side .btn.ghost{color:#eef0f2;border-color:#8f959c}
html[data-look="blueprint"]{
  --bg:#0b3a6b;--surface:#0d4277;--surface2:#104b86;--border:rgba(255,255,255,.30);--border2:rgba(255,255,255,.55);--text:#f4f8ff;--text2:#bcd3ee;--text3:#86a8d0;
  --green:#7dffb2;--red:#ff7a7a;--amber:#ffd35c;--blue:#ffffff;--purple:#e0b8ff;--blue-d:#ffffff;
  --green-lt:rgba(125,255,178,.14);--red-lt:rgba(255,122,122,.16);--amber-lt:rgba(255,211,92,.16);--blue-lt:rgba(255,255,255,.12);
  --font:'IBM Plex Mono',ui-monospace,monospace;--num:'IBM Plex Mono',ui-monospace,monospace;--r:0px;--accent:#fff;--on-accent:#0b3a6b;--accent-lt:rgba(255,255,255,.14);color-scheme:dark}
html[data-look="blueprint"],html[data-look="blueprint"] body{background:#0b3a6b}
html[data-look="blueprint"] .stat,html[data-look="blueprint"] .card{background:rgba(11,58,107,.72);border:1.5px solid rgba(255,255,255,.7)}
html[data-look="blueprint"] .side{background:rgba(8,46,88,.92);border-right:1.5px solid rgba(255,255,255,.7)}
html[data-look="blueprint"] .stat b{font-weight:600;letter-spacing:-1px}
html[data-look="cockpit"]{
  --bg:#030303;--surface:#0a0904;--surface2:#121008;--border:#3b3010;--border2:#5e4b16;--text:#ffb000;--text2:#cf8f00;--text3:#7d5800;
  --green:#4dff88;--red:#ff3b3b;--amber:#ffd84a;--blue:#ffb000;--purple:#ff8cf0;--blue-d:#ffb000;
  --green-lt:rgba(77,255,136,.12);--red-lt:rgba(255,59,59,.16);--amber-lt:rgba(255,216,74,.14);--blue-lt:rgba(255,176,0,.12);
  --font:'Share Tech Mono',ui-monospace,monospace;--num:'Share Tech Mono',ui-monospace,monospace;--r:2px;--accent:#ffb000;--on-accent:#000;--accent-lt:rgba(255,176,0,.14);color-scheme:dark}
html[data-look="cockpit"],html[data-look="cockpit"] body{background:#030303}
html[data-look="cockpit"] body{text-shadow:0 0 6px rgba(255,176,0,.35)}
html[data-look="cockpit"] body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:8999;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px)}
html[data-look="cockpit"] .stat,html[data-look="cockpit"] .card{box-shadow:inset 0 0 24px rgba(255,176,0,.06)}
html[data-look="cockpit"] .stat b{font-weight:400;letter-spacing:0}
html[data-look="cockpit"] .stat.green b{text-shadow:0 0 14px rgba(77,255,136,.6)}
html[data-look="cockpit"] .stat.red b{text-shadow:0 0 14px rgba(255,59,59,.6)}
html[data-look="cockpit"] .side{background:#070604}
html[data-look="paper"]{
  --bg:#f1ece1;--surface:#faf7f0;--surface2:#ece5d6;--border:#d5cbb4;--border2:#b9ac8f;--text:#1c1912;--text2:#5d5545;--text3:#968c77;
  --green:#2e6b3f;--red:#a3221b;--amber:#a86400;--blue:#1d3557;--purple:#5b3a7a;--blue-d:#1d3557;
  --green-lt:rgba(46,107,63,.10);--red-lt:rgba(163,34,27,.10);--amber-lt:rgba(168,100,0,.10);--blue-lt:rgba(29,53,87,.08);
  --font:'IBM Plex Sans',-apple-system,'Segoe UI',sans-serif;--num:'Source Serif 4',Georgia,serif;--r:0px;--accent:#1d3557;--on-accent:#fff;--accent-lt:rgba(29,53,87,.09);color-scheme:light}
html[data-look="paper"] .stat,html[data-look="paper"] .card{border:none;border-top:3px solid #1c1912;box-shadow:0 1px 0 var(--border)}
html[data-look="paper"] .stat b{font-weight:600;letter-spacing:-1px}
html[data-look="paper"] .stat.red b,html[data-look="paper"] .stat.amber b,html[data-look="paper"] .stat.green b{text-shadow:none}
html[data-look="paper"] .side{background:#e8e1d1}
html[data-look="paper"] .pagehead h1{font-family:'Source Serif 4',Georgia,serif}
html[data-look="scada"] .side .wm,html[data-look="scada"] .side .who b{color:#eef0f2}
html[data-look="scada"] .side .wm span{color:#c9ccd0}
html[data-look="scada"] .side .theme-switch{background:rgba(255,255,255,.08);border-color:#8f959c}
html[data-look="scada"] .side .theme-switch button{color:#c9ccd0}
html[data-look="scada"] .side .theme-switch button.on{background:#c9ccd0;color:#15181b}
html[data-look="scada"] .side .look-select{background:#2c3035;color:#eef0f2;border-color:#8f959c}
html[data-look="scada"] .side .avatar{background:#c9ccd0;color:#15181b}
html[data-theme="lab"] .btn-block:not(.btn-ghost),html[data-theme="lab"] .pm-card .btn,html[data-theme="lab"] .pm-card button{background:var(--accent);color:var(--on-accent,#fff);text-shadow:none}