/* Official SimpliScada wordmark and colors from simpliscada.com. */
:root{--brand-teal:#004646;--brand-green:#52b956;--accent:var(--brand-teal);--accent-soft:#edf7ed;--ink:#173636;--bg:#f6f9f8}
.official-brand{display:block;letter-spacing:normal;max-width:195px}
.official-brand .brand-image{display:block;width:100%}
.official-brand img{display:block;width:100%;height:auto}
.official-brand small{font-size:8px;letter-spacing:2px;color:var(--brand-teal);margin-top:12px;margin-left:37px;white-space:nowrap}
.sidebar{border-top:4px solid var(--brand-teal);padding-top:27px}
.sidebar .workspace{margin-top:28px}
.workspace-icon{background:#edf7ed;border-color:#cfe5ce;color:var(--brand-teal)}
nav a.selected{background:var(--accent-soft);color:var(--brand-teal);box-shadow:inset 3px 0 var(--brand-green)}
.btn.primary{background:var(--brand-green);border-color:var(--brand-green);color:var(--brand-teal);font-weight:700;box-shadow:0 2px 3px #00464610}
.btn.primary:hover{background:#65c369;border-color:#65c369;color:#003a3a}
.btn.primary:active{background:#49ab4d}
.profile-card.active{background:#f0f8ef;border-color:#add5aa;box-shadow:0 0 0 1px #e0eddd}
.profile-icon{background:#deefda;color:var(--brand-teal)}
.company-icon{background:#eaf3ef;border-color:#d2e3d8;color:var(--brand-teal)}
.fleet-summary{background:#edf6ed;border-color:#d0e5cd}
.status-dot,.tiny-dot{background:var(--brand-green)}
.text-btn,.back-link{color:var(--brand-teal)}
.topbar-brand{display:flex;align-items:center;gap:22px}
.topbar .brand-site-link{font-size:11px;font-weight:600;color:var(--brand-teal);border-left:1px solid var(--line);padding-left:20px;white-space:nowrap}
.brand-site-link:hover{text-decoration:underline;text-underline-offset:3px}
.auth-shell{background:radial-gradient(ellipse at top left,#e3f0df 0,transparent 55%),#f5f8f6}
.auth-card{border-top:4px solid var(--brand-teal)}
.auth-card .official-brand{max-width:245px;margin-bottom:37px}
.auth-card .official-brand small{margin-left:46px;margin-top:13px}
@media(max-width:1150px){.sidebar .official-brand small{margin-left:32px;font-size:7px;letter-spacing:1.7px}}
@media(max-width:860px){.sidebar .official-brand{width:40px;max-width:40px}.sidebar .official-brand .brand-image{display:block;width:40px;height:40px;overflow:hidden}.sidebar .official-brand img{width:252px;max-width:none;height:auto}.sidebar .official-brand small{display:none}.topbar .brand-site-link{border:0;padding:0}.topbar-brand{gap:0}}
@media(max-width:550px){.topbar .brand-site-link{font-size:9px}.topbar>div:first-child{font-size:10px}.topbar div span{padding:0 6px}}
.topbar .topbar-brand .topbar-right{padding:0}.topbar .topbar-brand .outline-dot{padding:0;width:7px;height:7px}
.company-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin:0 0 26px;padding:0 2px}
.company-tabs a{display:flex;align-items:center;gap:8px;padding:0 2px 13px;border-bottom:3px solid transparent;color:var(--muted);font-size:12px;font-weight:600;margin-bottom:-1px}
.company-tabs a.current{color:var(--brand-teal);border-bottom-color:var(--brand-green)}
.company-tabs a:hover{color:var(--brand-teal)}
.company-tabs a span{font-size:10px;font-weight:500;background:#eaf1ed;border-radius:4px;padding:2px 5px}