/* Ferro Oiltek brand refresh. Keep the existing CRM layouts and status colours. */
:root{--navy:#1f1f1f;--navy2:#303030;--blue:#005eb8;--orange:#e30613;--red:#bd1c27;--ink:#25272b;--muted:#657079;--line:#e3e5e7;--bg:#f6f7f8;--shadow:0 12px 32px rgb(25 30 35 / 6%)}
body{background:#f6f7f8;color:var(--ink)}
h1,h2,h3,.brand strong,.brand span,.metric b,.exec-kpi b,.division-card b,.division-card strong,.pipeline-head strong,.quality-score b,.banner-score b,.view-summary b,.pipeline-summary b{font-family:Saira,Inter,Arial,sans-serif!important}
.sidebar{background:linear-gradient(170deg,#242424,#171717);border-right:1px solid #353535}
.brand strong{font-size:20px;letter-spacing:.7px}.brand img{width:49px;height:49px;border-radius:7px;padding:4px}
.brand span,.workspace small,.user-card small{color:#b7bbc0}.workspace{border-color:#454545;background:#2b2b2b}.workspace-mark{background:#e30613}
nav p{color:#a5a8ad;font-size:10px;letter-spacing:1.3px}nav button{color:#d9dce0;min-height:40px}
nav button.active{background:#383234;box-shadow:inset 3px 0 #e30613;font-weight:700}nav button:hover{background:#343434}
.shell header{gap:10px;padding:12px 22px;min-height:76px;height:auto;border-top:3px solid #e30613;box-shadow:0 3px 14px rgb(25 30 35 / 4%)}
.global-search{min-width:140px;max-width:420px;background:#f5f6f7}.global-search input{font-size:12px}
.primary{background:#e30613;box-shadow:0 5px 12px rgb(227 6 19 / 13%)}.primary:hover{background:#bd0712}
.primary:disabled,.ferro-logout:disabled{opacity:.65;cursor:wait;transform:none}
.hero,.executive-banner{background:linear-gradient(115deg,#222 0%,#333 72%,#403230 100%);border-radius:14px;border-left:4px solid #e30613}
.hero h2,.executive-banner h2{font-weight:600;line-height:1.25}.eyebrow,.executive-banner>div>span{color:#f7c600}
.hero p,.executive-banner p{color:#dbdde0}.hero-status span,.banner-score small,.banner-score span{color:#d0d3d7}
.page-head h1{font-size:29px;font-weight:600;letter-spacing:-.5px}.page-head p{line-height:1.65}
.metric,.card,.data-card,.bi-card,.exec-kpi,.integration-card{box-shadow:0 5px 16px rgb(20 30 40 / 3%)}
.data-table td,.data-table b{font-size:12px}.data-table th{font-size:10px;letter-spacing:.8px;background:#f8f9fa}
.data-table .meta{font-size:10px;line-height:1.55}.quality-score,.webhook-box,.integration-code{background:#282b2f}
.ferro-workspace-link,.ferro-logout{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;border:1px solid #dde2e7;border-radius:7px;padding:9px 12px;text-decoration:none;font:600 11px/1.4 Inter,Arial,sans-serif;white-space:nowrap;background:#fff;color:#005eb8;cursor:pointer}
.ferro-workspace-link:hover{background:#f2f7fc;border-color:#aec8df}.ferro-logout{color:#bd1c27;border-color:#eccbd0;background:#fff8f8}
.ferro-logout:hover{background:#fcebed;border-color:#dba9b0}.ferro-logout:focus-visible,.ferro-workspace-link:focus-visible{outline:3px solid #a5c8ec;outline-offset:3px}
.ferro-logout-error{position:fixed;bottom:18px;right:20px;max-width:360px;background:#fff4f4;color:#9c1922;border:1px solid #e5b8bc;border-radius:10px;padding:15px;z-index:100;font-size:13px;box-shadow:var(--shadow)}
.ferro-logout-pending{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;font-size:16px;background:#f6f7f8}
.login{grid-template-columns:1.08fr .92fr;background:linear-gradient(105deg,rgba(20,20,20,.94),rgba(20,20,20,.68)),url('https://ferrooiltek.com/images/bg/ferrooiltek.jpg') center/cover}
.login:before{border-color:rgba(247,198,0,.14)}.login-brand{font:700 22px Saira,Inter,sans-serif;letter-spacing:1px;left:5vw;top:35px}
.login-brand img{width:58px;height:58px;border-radius:7px;padding:4px}.login-copy{padding:120px 5vw 80px}
.login-copy h1{font-family:Saira,Inter,sans-serif;font-weight:600;font-size:clamp(38px,4.1vw,58px);line-height:1.13;max-width:15ch;margin:18px 0 24px;letter-spacing:-1px}
.login-copy .eyebrow{font-size:10px;color:#f7c600;letter-spacing:1.9px}.login-copy p{font-size:15px;line-height:1.8;color:#d5d8db;max-width:520px}
.login-points{gap:10px;margin-top:30px}.login-points span{border-color:#65615a;background:rgb(255 255 255 / 3%);color:#f1f1ed;line-height:1.5}
.login-panel{padding:70px clamp(30px,5vw,88px);border-top:4px solid #e30613}.login-panel>div{width:100%;max-width:450px;margin:auto}
.login-panel h2{font:600 32px/1.25 Saira,Inter,sans-serif;margin-top:23px}.login-panel p{font-size:13px;line-height:1.7}
.login-panel .secure-chip{display:inline-block;margin-left:0;color:#005eb8;background:#eff5fb;border:1px solid #dbe8f4;font-size:10px;letter-spacing:.3px}
.login-panel form{gap:11px;margin-top:28px}.login-panel label{font-size:12px;color:#3e454c}
.login-panel input{height:51px;border-radius:7px;background:#fafbfc;border-color:#d9dfe5;font-size:14px}
.login-panel input:focus{outline:0;border-color:#005eb8;box-shadow:0 0 0 3px #005eb812;background:#fff}
.login-panel button.primary{height:51px;font-size:13px;border-radius:7px}.login #loginError{font-size:12px;line-height:1.5}
.ferro-login-links{margin-top:22px;padding-top:17px;border-top:1px solid #e4e7ea}.ferro-login-links p{font-size:11px;color:#747c84;margin:0 0 12px}
.ferro-login-links .ferro-workspace-link{padding:10px 0;border:0;white-space:normal;justify-content:flex-start;background:transparent;color:#005eb8;font-size:12px}
.ferro-login-links .ferro-signed-out{color:#0b7852;background:#edf8f3;padding:9px 11px;border-radius:6px;font-size:12px}
.login-panel>small{left:clamp(30px,5vw,88px);right:25px;line-height:1.6}
@media(max-width:1180px){.shell header{flex-wrap:wrap}.shell header .secure-chip{display:none}.shell header .global-search{min-width:200px;max-width:none}.ferro-workspace-link,.ferro-logout{font-size:10px;padding:8px 10px}}
@media(max-width:800px){.login{display:block;background:#fff}.login-brand{position:relative;left:auto;top:auto;background:#222;padding:20px 24px;font-size:20px}.login-brand img{width:46px;height:46px}.login-copy{display:none}.login-panel{padding:35px 24px 28px;min-height:calc(100vh - 86px)}.login-panel h2{font-size:29px}.login-panel>small{position:static;margin-top:35px}.shell header{padding:10px 14px}.shell header .global-search{flex-basis:calc(100% - 50px);order:0}.shell header .primary{margin-right:auto}.ferro-workspace-link,.ferro-logout{min-height:38px}.page-head h1{font-size:26px}}
@media(max-width:440px){.shell header .global-search{display:none}.ferro-workspace-link{max-width:180px;white-space:normal;text-align:center}.login-panel{padding:28px 20px}.login-panel h2{font-size:27px}.data-table td{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}