/* MOVIRKA and its importer workspaces share a layout and distinct brand colors. */
:root{--ink:#152647;--muted:#728097;--teal:#155bd7;--teal-light:#eaf1ff;--paper:#f3f6fb;--line:#e0e7f0;--brand-dark:#0d1e40;--brand-hover:#1249ac;--brand-mid:#1548a4;--brand-accent:#12c3e9;--brand-soft:#e9f2ff;--brand-nav:#12274d;--brand-nav-active:#1f4f9c;--brand-nav-text:#b9cae5;--brand-surface:#f7f9fd;--brand-shadow:#132c5520}
:root[data-brand=sumai]{--ink:#173b30;--muted:#6c8279;--teal:#168754;--teal-light:#e7f5ed;--paper:#f4f8f5;--line:#dfe9e2;--brand-dark:#123f30;--brand-hover:#10693f;--brand-mid:#197d51;--brand-accent:#f49a17;--brand-soft:#edf7ef;--brand-nav:#153b2e;--brand-nav-active:#237452;--brand-nav-text:#bdd7c6;--brand-surface:#f7faf7;--brand-shadow:#173a2720}
:root[data-brand=dofi]{--ink:#142b55;--muted:#737e91;--teal:#204d98;--teal-light:#eaf0fa;--paper:#f4f6fa;--line:#e0e5ee;--brand-dark:#10244c;--brand-hover:#153c80;--brand-mid:#204d98;--brand-accent:#ff8800;--brand-soft:#eef2fa;--brand-nav:#142c53;--brand-nav-active:#244f92;--brand-nav-text:#bdcde4;--brand-surface:#f8f9fc;--brand-shadow:#172f5020}
body{background:var(--paper)}button:hover{background:var(--brand-soft)}.primary:hover{background:var(--brand-hover)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.sidebar{background:var(--brand-nav);color:#fff}.nav-btn{color:var(--brand-nav-text)}.nav-btn:hover{background:#ffffff0e}.nav-btn.active{background:var(--brand-nav-active);box-shadow:inset 3px 0 0 var(--brand-accent)}.nav-section,.sidebar-bottom{color:var(--brand-nav-text)}.sidebar-line{background:#ffffff23}.workspace-brand{padding:0 9px 25px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.workspace-wordmark{width:100%;height:63px;border-radius:9px;background:white;display:flex;align-items:center;justify-content:center;padding:5px 9px;overflow:hidden}.workspace-wordmark img{width:100%;height:100%;object-fit:contain}.workspace-brand-caption{font-size:9px;line-height:1.8;color:var(--brand-nav-text)}.workspace-mark{display:none;width:36px;height:36px}.sidebar-platform{color:white;font-weight:700;letter-spacing:1.4px;font-size:12px}.sidebar-platform span{font-weight:400;font-size:8px;letter-spacing:1px;color:var(--brand-nav-text)}.topbar{background:#ffffffed}.avatar{background:var(--brand-soft);color:var(--teal)}.stat-icon,.stage-card,.detail-item,.inline-form,.translation{background:var(--brand-soft)}.stat-icon,.source-label,.field label,.translation{color:var(--ink)}.bar-track,progress.bar-track::-webkit-progress-bar{background:var(--brand-soft)}.bar-fill,progress.bar-track::-webkit-progress-value{background:var(--teal)}progress.bar-track::-moz-progress-bar{background:var(--teal)}th{background:var(--brand-surface);color:var(--muted)}tbody tr:hover,.modal-footer,.totals{background:var(--brand-surface)}td,.panel-head,.vehicle-tile{border-color:var(--line)}.toolbar input,.toolbar select{background:var(--brand-surface)}.field input,.field select,.field textarea{border-color:var(--line)}.field input:disabled,.field select:disabled{background:var(--brand-soft)}.notice:not(.warning){background:var(--brand-soft);border-color:var(--line);color:var(--ink)}.timeline{border-color:var(--line)}.timeline-item:before,.org-dot{background:var(--teal)}.translation{border-left-color:var(--teal)}#toast{background:var(--brand-dark);box-shadow:0 5px 25px var(--brand-shadow)}.car-symbol{background:var(--brand-soft);color:var(--teal)}.interest-select:not(.stage-select){background:var(--brand-surface);color:var(--teal);border-color:var(--line)}.model-tag{background:var(--brand-soft);color:var(--teal)}.model-open:hover{background:var(--brand-soft)}.work-progress li.reached span{background:var(--brand-soft);color:var(--teal)}dialog{box-shadow:0 24px 100px var(--brand-shadow)}dialog::backdrop{background:#10213b70}
.brand-login{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 5% 50%,var(--brand-soft),transparent 65%),var(--paper)}.login-header{min-height:111px;display:flex;align-items:center;gap:25px;max-width:1240px;width:calc(100% - 112px);margin:0 auto;border-bottom:1px solid var(--line)}.login-wordmark{display:flex;align-items:center;width:225px;height:78px;flex-shrink:0;overflow:hidden}.login-wordmark img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}:root[data-brand=sumai] .login-wordmark{width:150px;height:84px}:root[data-brand=dofi] .login-wordmark{width:227px;height:85px}.login-header-caption{font-size:11px;color:var(--muted);border-left:1px solid var(--line);padding-left:25px;line-height:1.9}.login-language{margin-left:auto}.login-language .language{background:#ffffffb0;border:1px solid var(--line);border-radius:7px;font-size:12px;padding:9px 10px}.login-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.85fr);align-items:center;gap:7%;max-width:1160px;width:calc(100% - 144px);margin:auto;padding:48px 0 36px;flex:1}.login-story{min-width:0}.login-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2.4px;font-weight:600;color:var(--teal)}.login-eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--brand-accent)}.login-story h1{font-size:clamp(34px,3.8vw,52px);font-weight:650;letter-spacing:-1.4px;line-height:1.38;margin:23px 0 19px;color:var(--brand-dark)}.hero-title-es{display:block;font-size:clamp(20px,2.2vw,29px);font-weight:450;line-height:1.35;letter-spacing:-.5px;margin-top:16px;color:var(--teal)}.login-intro{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.login-intro.secondary{font-size:12px;line-height:1.8;margin-top:5px;max-width:495px}.journey-art{margin-top:27px;height:180px;border-radius:15px;position:relative;overflow:hidden;color:white;background:linear-gradient(110deg,var(--brand-dark),var(--brand-mid));box-shadow:0 10px 28px var(--brand-shadow)}.journey-art:after{content:'';width:250px;height:250px;border:1px solid #ffffff18;border-radius:50%;position:absolute;right:-100px;top:-100px;pointer-events:none}.journey-title{position:absolute;top:19px;left:22px;font-size:10px;color:#ffffffb5;z-index:1;letter-spacing:.4px}.journey-art svg{position:absolute;width:100%;height:153px;bottom:-15px;left:0;overflow:visible}.journey-art svg path{fill:none;stroke-linecap:round}.route-shadow{stroke:#ffffff08;stroke-width:49}.route-main{stroke:url(#route-light);stroke-width:30}.route-dash{stroke:#ffffff99;stroke-width:1;stroke-dasharray:6 8}.journey-art svg circle{fill:var(--brand-accent);stroke:#fff;stroke-width:3}.journey-label{font-size:10px;background:#ffffffed;color:var(--brand-dark);padding:6px 9px;border-radius:5px;position:absolute;box-shadow:0 3px 12px #0001}.label-a{left:29%;top:50px}.label-b{left:57%;bottom:16px}.label-c{right:6%;top:61px}.journey-brand{position:absolute;left:22px;bottom:19px;font-size:10px;letter-spacing:2px;color:#ffffff7f}.login-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.login-features>div{border-top:1px solid var(--line);padding-top:13px;display:flex;gap:8px;align-items:flex-start}.login-features span{font-size:9px;line-height:1.9;color:var(--teal)}.login-features strong{font-weight:500;color:var(--muted);font-size:10px;line-height:1.9}.login-access{min-width:0;width:100%;max-width:432px;justify-self:end}.login-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--teal);border-radius:14px;padding:30px 32px 23px;box-shadow:0 16px 50px var(--brand-shadow)}.login-card-top{display:flex;align-items:center;gap:11px}.login-access-icon{display:grid;place-items:center;width:36px;height:36px;background:var(--brand-soft);border-radius:10px;color:var(--teal)}.login-access-icon svg{width:21px;height:21px}.login-card-kicker{font-size:10px;letter-spacing:1px;color:var(--muted)}.login-card h2{font-size:23px;font-weight:600;margin:21px 0 8px;letter-spacing:-.6px;line-height:1.4}.login-card-description{font-size:11px;color:var(--muted);line-height:1.8;margin:0 0 27px}.login-card .field{margin:0 0 20px;gap:8px}.login-card .field label{font-size:11px;color:var(--ink)}.login-card .field input{height:46px;background:var(--brand-surface);padding:11px 13px;border-radius:7px}.login-card .field input:focus{background:white}.password-field{position:relative}.password-field input{padding-right:78px!important}.password-toggle{position:absolute;right:9px;bottom:8px;background:transparent;border:0;font-size:10px;padding:7px;color:var(--muted)}.login-submit{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-radius:7px;font-size:12px;min-height:47px;margin-top:6px}.login-submit>span:last-child{font-size:19px}.login-account-hint{font-size:10px;color:var(--muted);line-height:1.9;margin:18px 0 0}.local-login-hint{font-size:10px;color:var(--muted);line-height:1.7}.login-powered{display:flex;gap:7px;justify-content:center;align-items:center;border-top:1px solid var(--line);margin-top:22px;padding-top:19px;font-size:9px;color:#8893a5}.login-powered strong{font-size:11px;letter-spacing:1px;color:var(--brand-dark)}.portal-links{margin-top:22px}.portal-links-label{font-size:10px;color:var(--muted)}.portal-links-row{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:9px}.portal-link{display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;background:#ffffffc9;border:1px solid var(--line);border-radius:8px;min-height:66px;padding:10px 12px;color:var(--muted)}.portal-link:hover{border-color:var(--teal);background:white}.portal-link img{width:84px;height:37px;object-fit:contain}.portal-link:first-child img{width:59px}.portal-link>span{font-size:9px;line-height:1.7;text-align:right}.platform-return{display:block;text-align:center;text-decoration:none;font-size:11px;color:var(--muted);margin:22px auto 0;padding:8px}.platform-return:hover{color:var(--teal)}.login-footer{max-width:1240px;width:calc(100% - 112px);margin:0 auto;display:flex;justify-content:space-between;gap:15px;padding:22px 0;border-top:1px solid var(--line);color:var(--muted);font-size:9px;line-height:1.8}.footer-divider{margin:0 9px;color:#bac4d2}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--teal);margin-left:9px;vertical-align:middle}
@media(min-width:1500px){.login-main{gap:100px;padding-top:60px;padding-bottom:60px}.journey-art{height:200px}.login-card{padding:38px 36px 27px}.login-card h2{font-size:26px}}
@media(max-width:1000px){.login-header,.login-footer{width:calc(100% - 64px)}.login-main{width:calc(100% - 64px);gap:32px;grid-template-columns:1fr minmax(320px,.9fr)}.login-story h1{font-size:34px}.hero-title-es{font-size:23px}.login-card{padding:25px 24px 20px}.login-intro br{display:none}.journey-art{height:155px}.login-header-caption{max-width:270px}.login-features{gap:7px}.login-features>div{display:block}.login-features span{display:block}.label-c{right:2%}}
@media(max-width:760px){.workspace-brand{padding:0 7px 22px;align-items:center}.workspace-brand .workspace-wordmark,.workspace-brand-caption{display:none}.workspace-mark{display:block}.login-header,.login-footer{width:calc(100% - 40px)}.login-header{min-height:87px;gap:12px}.login-wordmark{width:175px;height:67px}.login-header-caption{display:none}:root[data-brand=sumai] .login-wordmark{width:110px;height:71px}:root[data-brand=dofi] .login-wordmark{width:185px;height:68px}.login-main{display:flex;flex-direction:column;width:calc(100% - 40px);gap:24px;padding:29px 0;max-width:470px;margin:auto}.login-story{width:100%}.login-eyebrow{font-size:8px}.login-story h1{font-size:27px;line-height:1.35;letter-spacing:-.7px;margin:14px 0 10px}.hero-title-es{font-size:17px;line-height:1.4;margin-top:7px}.hero-title-es br{display:none}.login-intro{font-size:11px;line-height:1.7}.login-intro.secondary,.journey-art,.login-features{display:none}.login-access{max-width:none}.login-card{padding:23px 23px 20px}.login-card-top{gap:9px}.login-card h2{margin-top:15px;font-size:22px}.login-card-description{margin-bottom:22px}.portal-links{margin-top:17px}.login-footer{font-size:8px;padding:17px 0;flex-wrap:wrap}.login-card .field input{font-size:16px}.platform-return{margin-top:13px}.brand-login .language{font-size:11px;max-width:108px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
