/* Grupo Multinacional: original brand asset, shared across connected and demo views. */
:root{--blue:#b82e35;--navy:#111113;--muted:#6c6c75;--line:#e6e6e9;color:#27272b;background:#f5f5f6}
body{background:#f5f5f6;color:#27272b}
.topbar{position:fixed;top:0;left:0;right:0;z-index:100;height:88px;background:#090909;color:#fff;border-bottom:3px solid #b82e35;padding:0 30px;justify-content:space-between;box-shadow:0 3px 14px #00000010}
.mn-brand{padding:0;gap:22px;flex-shrink:0;letter-spacing:0;text-decoration:none}
.mn-brand img{width:112px;height:57px;object-fit:contain;display:block}
.mn-product{border-left:1px solid #ffffff30;padding-left:22px;font-size:16px;letter-spacing:3px;font-weight:800;line-height:1.3}
.mn-product small{display:block;font:11px 'DM Sans',system-ui,sans-serif;letter-spacing:.3px;color:#b8b8bd;margin-top:5px}
.topbar #identity{font-size:13px;font-weight:500;color:#eee;margin-left:auto;margin-right:20px}
.topbar #sync-status,.topbar .connection,.topbar #capture-indicator{color:#bdbdc4}
.topbar .secondary{background:#202023;color:#fff;border-color:#424246}
.topbar .secondary:hover{background:#333337;border-color:#777}
.topbar .crumb{display:none}.topbar .demo-pill{background:#29271f;border-color:#65552c;color:#f1d38a}
.sidebar{top:88px;width:244px;padding:30px 16px 22px;background:#fff;border-right:1px solid var(--line);color:#55555f}
.mn-sidebar-title{font-family:Manrope,system-ui,sans-serif;font-weight:800;font-size:16px;color:#252529;padding:0 14px}
.mn-sidebar-title span{display:block;font:12px 'DM Sans',system-ui,sans-serif;color:#81818a;margin-top:7px}
.nav-caption{padding:30px 14px 13px;font-size:10px;letter-spacing:1.5px;color:#85858e}
.sidebar nav a,#cloud-nav button{font-size:13px;font-weight:500;color:#60606a;background:transparent;border-radius:8px;padding:13px 14px;margin:3px 0;min-height:45px;transition:background .15s,color .15s}
.sidebar nav a:hover:not(.active),#cloud-nav button:hover:not(.active){background:#f5f5f7;color:#252529}
.sidebar nav a.active,#cloud-nav button.active{background:#f9ebed;color:#a8232b;box-shadow:inset 3px 0 #b82e35;font-weight:700}
.sidebar-bottom{border-top:1px solid var(--line);padding:17px 14px 0;margin-top:auto}
.sidebar-bottom p,.sidebar-bottom small{color:#777781}.sidebar-bottom a{font-size:12px}.local-label{color:#51515c}.profile{border-color:var(--line);color:#35353e}.profile .avatar{background:#f5e8ea;color:#a32931}
.workspace{margin-left:244px;padding-top:88px}
main{padding:34px 36px 32px;max-width:1560px}
h1{font-size:30px;letter-spacing:-1.1px;line-height:1.25;color:#202024}h2{color:#29292f;letter-spacing:-.35px}
.page-heading{margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#aa2930}
.panel,.stat{border-color:#e4e4e8;border-radius:12px;box-shadow:0 3px 14px #20202a04}
.panel-heading{background:#fff;border-color:#ededf0}.panel-heading h2{font-weight:700}
.primary{background:#b82e35;border-color:#b82e35;box-shadow:0 2px 3px #92232b10}
.primary:hover{background:#9f252d;border-color:#9f252d}.secondary{color:#45454f;border-color:#dcdce2;background:white}.secondary:hover{background:#f4f4f6;border-color:#c2c2ca}
button:focus-visible,a:focus-visible{outline:3px solid #c4575e;outline-offset:3px}
input,select,textarea{border-color:#dcdce2;color:#303038;border-radius:8px}
input:focus,select:focus,textarea:focus{outline:3px solid #b82e3520;border-color:#b82e35}
input[type=checkbox]{accent-color:#b82e35;width:18px;min-height:18px;display:inline-block;vertical-align:middle;margin-right:8px}
.cloud-card{padding:24px}.cloud-card h2{font-size:19px;margin-bottom:12px}.cloud-card p{color:#6b6b75;line-height:1.7}.cloud-card .actions{margin-top:20px;padding-top:16px;border-top:1px solid #f0f0f2}
.cloud-grid{gap:20px}.cloud-note{color:#75757f;line-height:1.6;font-size:12px;margin:0 0 16px;max-width:980px}
.cloud-status,.badge-num{background:#f1f1f4;color:#5c5c66}.cloud-form{padding:26px}.cloud-form label,.cloud-login label{color:#4f4f59;font-size:13px;font-weight:600}
.cloud-login{margin:35px auto;padding:34px;max-width:460px;border-top:3px solid #b82e35}.cloud-login h2{font-size:25px;letter-spacing:-.8px}.cloud-login p{color:#75757e;font-size:14px}.cloud-login form{margin-top:26px}.cloud-login .primary{width:100%}.cloud-login .cloud-note{font-size:12px;margin-top:20px}
.stat-icon,.step span,.stop-number{background:#f8ecee;color:#ab2a32;border-color:#f0d7db}.avatar{background:#eeedf2;color:#565266}.stat strong{color:#29292e}
th{background:#f8f8fa;color:#74747e}td{border-color:#ededf1}tbody tr:hover{background:#fafafb}.person:hover,.person.selected,.ops-client:hover,.ops-client[aria-pressed=true]{background:#f9f1f2}
.gps-box{background:#faf9fa;border-color:#d5cace}.gps-box p,.info-box p{color:#72727e}.detail-note{background:#f6f6f8}.empty{color:#777781}
dialog{color:#303038;box-shadow:0 25px 100px #0003}dialog::backdrop{background:#11111880}.topbar .actions{align-items:center}
@media(max-width:1100px){.topbar{padding:0 22px}.topbar #identity{margin-right:0;font-size:12px}.mn-brand{gap:14px}.mn-product{padding-left:14px}.topbar #sync-status{display:none}main{padding:28px 24px}}
@media(max-width:850px){body{padding-top:88px}.topbar{height:88px;padding:0 18px;gap:12px;flex-wrap:nowrap}.mn-brand img{width:88px;height:46px}.mn-product{font-size:13px;letter-spacing:2px}.mn-product small{font-size:10px}.topbar #identity{display:none}.sidebar{position:static;width:100%;padding:12px 16px;border-right:0;border-bottom:1px solid var(--line)}.mn-sidebar-title{display:none}.sidebar nav,#cloud-nav{display:flex;overflow-x:auto;overflow-y:hidden;gap:6px;margin:0;padding:0 0 3px;scrollbar-width:thin}.sidebar nav a,#cloud-nav button{width:auto;flex:0 0 auto;white-space:nowrap;min-height:44px;padding:11px 14px;margin:0;font-size:13px}.sidebar-bottom{display:none}.workspace{margin:0;padding:0}main{padding:25px 18px}.topbar .top-actions{width:auto}.topbar .top-actions .connection{display:none}.cloud-form{padding:20px}.cloud-card{padding:20px}.cloud-login{margin:12px auto}.cloud-note{font-size:12px}h1{font-size:27px}}
@media(max-width:480px){.topbar{padding:0 14px;gap:8px}.mn-brand{gap:10px}.mn-brand img{width:76px;height:40px}.mn-product{padding-left:10px;font-size:12px}.mn-product small{display:none}.topbar .small{padding:8px 10px;font-size:12px}.topbar .actions{gap:6px}.cloud-card .actions>*{flex:1 1 auto}.cloud-form{padding:18px}.cloud-toolbar label{min-width:0}main{padding:23px 16px}.cloud-login{padding:24px}.topbar #capture-indicator{display:none}}
.mn-product{letter-spacing:-.3px;font-size:17px;white-space:nowrap}.mn-product small{letter-spacing:.5px}
@media(max-width:850px){.mn-product{font-size:15px}}
@media(max-width:480px){.mn-brand img{width:58px;height:34px}.mn-brand{gap:8px}.mn-product{font-size:13px;padding-left:8px}.topbar{padding:0 10px}.topbar .small{padding:8px;font-size:11px}}
/* Narrow screens and Android font scaling: no clipped header or fixed-width forms. */
html,body{max-width:100%;overflow-x:clip}.workspace,main,.topbar,.cloud-form,.cloud-toolbar,.actions{min-width:0}.mn-product{white-space:normal}.topbar #identity{overflow-wrap:anywhere}.cloud-form p,.cloud-card h2,.cloud-card p,.cloud-note,#gps-diagnostic{overflow-wrap:anywhere}.cloud-form form{margin-top:18px}.cloud-form button{max-width:100%;white-space:normal}.cloud-toolbar input,.cloud-toolbar select{max-width:100%}
@media(max-width:600px){body{padding-top:0}.topbar{position:static;height:auto;min-height:80px;flex-wrap:wrap;padding:14px 16px;gap:12px}.workspace{display:contents}.sidebar{padding-top:14px}body{display:flex;flex-direction:column}.topbar{order:-2}.sidebar{order:-1}main{width:100%}.topbar .mn-brand{flex:1 1 180px}.topbar .actions{margin-left:auto}.mn-product{font-size:14px}.cloud-form,.cloud-login{width:100%;max-width:100%}.cloud-toolbar{display:grid;grid-template-columns:1fr 1fr}.cloud-toolbar label:first-child{grid-column:1/-1}.cloud-toolbar>label{width:100%}.cloud-toolbar>button{width:100%;min-width:0}.cloud-card .actions{display:grid;grid-template-columns:1fr}.cloud-card .actions>*{width:100%}.toolbar>#new-client{width:100%;flex-basis:100%}.cloud-meta{grid-template-columns:1fr}.topbar .top-actions{flex-wrap:wrap}#cloud-detail{padding:18px;width:calc(100% - 20px)}#cloud-detail-body{padding:12px 0}.cloud-grid{grid-template-columns:minmax(0,1fr)}.page-heading h1{overflow-wrap:anywhere}}
.account-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-bottom:24px;border:1px solid var(--line);border-radius:10px;background:white;font-size:13px;color:#595963}.account-bar span{min-width:0;overflow-wrap:anywhere}.account-bar button{flex-shrink:0;min-height:44px}
@media(max-width:600px){.account-bar{padding:12px;margin-bottom:20px;flex-wrap:wrap}.account-bar button{margin-left:auto}.topbar .actions{flex-wrap:wrap}.topbar #logout{white-space:nowrap}}
.login-app-logo{display:block;width:180px;height:180px;object-fit:contain;margin:0 auto 20px;max-width:100%}