/* LUCIO SISTEMAS · TELEMATICS CLEAN V11 */
:root{--tl-green:#8dcf21;--tl-green-dark:#6fae12;--tl-ink:#111;--tl-muted:#6d6d6d;--tl-line:#d9d9d9;--tl-soft:#f7f7f7}
html,body,.portal-main,.portal-content{background:#fff!important;color:var(--tl-ink)!important}
.portal-shell{grid-template-columns:300px minmax(0,1fr)!important}.portal-sidebar{margin:0!important;height:100vh!important;border-radius:0!important;border:0!important;border-right:1px solid #ececec!important;box-shadow:none!important;background:#fff!important}.portal-brand{height:112px!important;padding:22px 20px!important;margin:0!important;border-bottom:1px solid #f0f0f0!important}.portal-brand:before{content:'L'!important;background:var(--tl-green)!important;color:#fff!important;border-radius:50%!important}.portal-brand strong{font-size:22px!important;color:#111!important}.portal-brand small{color:#666!important}.portal-menu a,.portal-menu summary{color:#2f2f2f!important}.portal-menu a:hover,.portal-menu a.active{background:#f5f5f5!important;color:#111!important;box-shadow:inset 4px 0 0 var(--tl-green)!important}.portal-logout{background:#fff!important;color:#111!important;border:1px solid #ddd!important;border-radius:4px!important}.portal-logout:hover{background:#f7f7f7!important}
.portal-top{height:88px!important;margin-left:0!important;background:#fff!important;border-bottom:1px solid #efefef!important;box-shadow:none!important}.ls-global-search input{background:#fff!important;border:1px solid #ddd!important;border-radius:10px!important}.ls-top-alert{background:#fff!important;border-color:#ddd!important}.ls-top-user>span,.ls-top-user img{border-color:var(--tl-green)!important}.portal-content{padding:32px 38px 50px!important}
.tele-home{max-width:1260px;margin:0 auto 34px}.tele-home h1{margin:0 0 10px;font-size:30px;line-height:1.15;font-weight:500;color:#2a2a2a}.tele-home>p{margin:0 0 28px;color:#777;font-size:14px}.tele-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px}.tele-card{min-height:230px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#fff;border:1px solid #d8d8d8;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:.18s}.tele-card:hover{transform:translateY(-2px);border-color:#bbb;box-shadow:0 8px 20px rgba(0,0,0,.06)}.tele-card:after{content:'';position:absolute;right:20px;top:20px;width:38px;height:38px;border-radius:50%;background:#e6e6e6}.tele-icon{font-size:64px;line-height:1;filter:grayscale(1) sepia(1) saturate(4) hue-rotate(36deg) brightness(1.08)}.tele-card b{font-size:18px;color:#111}.tele-card small{color:#7d7d7d;font-size:12px}.fleet-hero-row,.fleet-actions{display:none!important}
.fleet-main-grid,.fleet-lower-grid{max-width:1260px;margin-left:auto;margin-right:auto}.fleet-panel,.fleet-kpi,.fleet-actions>a{border:1px solid #dedede!important;border-radius:10px!important;box-shadow:none!important;background:#fff!important}.fleet-panel header small,.fleet-panel header>a,.fleet-panel header>button{color:var(--tl-green-dark)!important}.fleet-panel header h2{color:#202020!important}.fleet-panel header p{color:#7a7a7a!important}.fleet-donut{background:conic-gradient(var(--tl-green) 0 var(--active-end),#ef4d4d var(--active-end) var(--debt-end),#f4a719 var(--debt-end) calc(var(--debt-end) + 12%),#e5e5e5 calc(var(--debt-end) + 12%) 100%)!important}
.ls-login{background:#fff!important;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr)!important}.ls-login-hero{background:#fff!important;background-image:none!important;border-right:1px solid #eee}.ls-login-overlay{background:transparent!important;padding:70px 7vw!important;justify-content:space-between!important}.ls-brand-lockup strong,.ls-login-logo b{color:#111!important}.ls-brand-lockup small,.ls-login-logo small{color:#666!important}.ls-car,.ls-login-logo>span{width:72px;height:72px;display:grid!important;place-items:center;border-radius:50%;background:#f4f9ea;color:var(--tl-green);font-size:38px!important}.ls-login-copy{display:block!important;max-width:620px!important}.ls-login-copy h1{color:#222!important;font-size:58px!important;font-weight:500!important;line-height:1!important}.ls-login-copy>p{color:#666!important}.premium-kicker{color:var(--tl-green-dark)!important}.ls-benefits span{color:#444!important}.ls-login-side{background:#fafafa!important}.ls-login-card{background:#fff!important;border:1px solid #ddd!important;border-radius:10px!important;box-shadow:0 10px 28px rgba(0,0,0,.06)!important}.ls-login-card h2{color:#222!important}.ls-login-card input{border:1px solid #d8d8d8!important;background:#fff!important}.ls-login-submit{background:var(--tl-green)!important;border-color:var(--tl-green-dark)!important;color:#111!important;font-weight:800!important}
@media(max-width:1100px){.tele-grid{grid-template-columns:repeat(2,1fr)}.portal-shell{grid-template-columns:260px minmax(0,1fr)!important}}
@media(max-width:760px){.portal-shell{display:block!important}.portal-sidebar{height:auto!important}.portal-content{padding:20px 14px 36px!important}.tele-grid{grid-template-columns:1fr}.tele-card{min-height:180px}.ls-login{grid-template-columns:1fr!important}.ls-login-hero{min-height:42vh!important}.ls-login-copy h1{font-size:42px!important}}
.tele-svg{width:118px;height:76px;fill:none;stroke:var(--tl-green);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.tele-card:hover .tele-svg{stroke:var(--tl-green-dark)}

/* TELETRAC NAVMAN INSPIRED V12 - 2026-09-16 12:27 */
:root{--tn-lime:#95d31d;--tn-lime-dark:#79b514;--tn-text:#171717;--tn-muted:#6f6f6f;--tn-line:#d7d7d7;--tn-soft:#f6f7f7;--tn-dot:#dedede}
html,body,.portal-main,.portal-content{background:#fff!important;color:var(--tn-text)!important}
.portal-sidebar{background:#fff!important;border-right:1px solid #ededed!important}.portal-brand{border-bottom:0!important;padding-top:26px!important}.portal-brand:before{content:'◉'!important;width:44px!important;height:44px!important;display:grid!important;place-items:center!important;background:var(--tn-lime)!important;color:#fff!important;border-radius:50%!important;font-size:24px!important}.portal-brand strong{font-size:24px!important;font-weight:800!important;letter-spacing:-.02em!important;color:#111!important}.portal-brand small{font-size:11px!important;letter-spacing:.08em!important;color:#333!important}.portal-user{background:#fff!important;border:1px solid #ededed!important;border-left:4px solid var(--tn-lime)!important}.portal-menu a,.portal-menu summary{color:#272727!important}.portal-menu a:hover,.portal-menu a.active{background:#f7f7f7!important;box-shadow:inset 4px 0 0 var(--tn-lime)!important}.portal-menu details[open]>summary{color:#111!important}.portal-top{background:#fff!important;border-bottom:1px solid #efefef!important;box-shadow:none!important}.ls-global-search input{background:#fff!important;border:1px solid #dadada!important;box-shadow:none!important}.ls-top-alert{background:#fff!important;border-color:#ddd!important}.ls-top-user>span,.ls-top-user img{background:var(--tn-lime)!important;color:#fff!important}
.tele-home{max-width:1260px!important;margin:0 auto 40px!important;padding-top:6px}.tele-home h1{font-size:31px!important;font-weight:500!important;letter-spacing:-.02em!important;color:#2f2f2f!important}.tele-home>p{font-size:15px!important;color:#777!important}.tele-grid{grid-template-columns:repeat(3,minmax(250px,1fr))!important;gap:18px 30px!important}.tele-card{min-height:228px!important;border:1px solid #d9d9d9!important;border-radius:10px!important;box-shadow:none!important;background:#fff!important;padding:34px 24px 24px!important;justify-content:center!important}.tele-card:hover{border-color:#bababa!important;box-shadow:0 6px 16px rgba(0,0,0,.045)!important;transform:translateY(-1px)!important}.tele-card:after{width:42px!important;height:42px!important;right:18px!important;top:18px!important;background:var(--tn-dot)!important}.tele-icon{font-size:72px!important;filter:grayscale(1) sepia(1) saturate(6) hue-rotate(38deg) brightness(1.07)!important}.tele-card b{font-size:19px!important;font-weight:800!important;color:#111!important}.tele-card small{font-size:12px!important;color:#888!important}.fleet-main-grid,.fleet-lower-grid{max-width:1260px!important}.fleet-panel{border:1px solid #ddd!important;border-radius:10px!important;box-shadow:none!important}.fleet-panel header small,.fleet-panel header>a,.fleet-panel header>button{color:var(--tn-lime-dark)!important}.fleet-panel header h2{color:#202020!important}.button,.primary,.desktop-btn,.btn,button{background:var(--tn-lime)!important;border-color:var(--tn-lime-dark)!important;color:#111!important;border-radius:6px!important}.secondary,.secondary-btn,.btn.secondary{background:#fff!important;color:#222!important;border-color:#d4d4d4!important}.button:hover,.primary:hover,.desktop-btn:hover,button:hover{background:var(--tn-lime-dark)!important;color:#111!important}.heading,.module-head,.quick-head,.lucio-profile-hero{border-left:6px solid var(--tn-lime)!important}.heading small,.module-head .eyebrow,.panel-title small,.premium-kicker{color:var(--tn-lime-dark)!important}.cards article{border-top:5px solid var(--tn-lime)!important}.status,.badge{background:#f4fae9!important;border-color:#cfe8a3!important;color:#547c11!important}input:focus,select:focus,textarea:focus{border-color:var(--tn-lime)!important;box-shadow:0 0 0 3px rgba(149,211,29,.13)!important}th{border-bottom:2px solid var(--tn-lime)!important}td a,.row-action{color:#5d8e0a!important}.pagination a.active{background:var(--tn-lime)!important;color:#111!important}.ls-login-submit{background:var(--tn-lime)!important;border-color:var(--tn-lime-dark)!important;color:#111!important}.ls-login-card{border-radius:10px!important}.ls-login-card h2{font-weight:600!important}.ls-login-hero{border-right:1px solid #eee!important}
@media(max-width:1050px){.tele-grid{grid-template-columns:repeat(2,minmax(220px,1fr))!important}.tele-card{min-height:200px!important}}
@media(max-width:720px){.tele-grid{grid-template-columns:1fr!important}.tele-card{min-height:175px!important}}

/* NAV + DASHBOARD SEPARATION V13 */
.portal-menu>.menu-dashboard-link{display:flex!important;align-items:center!important;gap:10px!important;margin:6px 0 14px!important;padding:12px 14px!important;border:1px solid #e6e6e6!important;border-radius:8px!important;background:#fff!important;color:#202020!important;font-weight:800!important;box-shadow:none!important}.portal-menu>.menu-dashboard-link:hover,.portal-menu>.menu-dashboard-link.active{background:#f5faea!important;border-color:#cfe6a0!important;box-shadow:inset 4px 0 0 var(--tn-lime)!important}.menu-dashboard-icon{color:var(--tn-lime-dark);font-size:18px;line-height:1}.portal-menu>details{margin-top:4px;border-top:1px solid #f0f0f0}.portal-menu>details>summary.menu-label{padding-top:15px!important;padding-bottom:10px!important;cursor:pointer!important}.portal-menu>details:not([open])>summary.menu-label{color:#3b3b3b!important}
.tele-shortcuts{padding-bottom:40px!important;margin-bottom:34px!important;border-bottom:1px solid #ececec}.tele-eyebrow,.tele-section-head>small{display:block;margin-bottom:8px;color:var(--tn-lime-dark);font-size:11px;font-weight:900;letter-spacing:.12em}.tele-dashboard-main{max-width:1260px;margin:0 auto;padding-top:2px}.tele-section-head{margin:0 0 22px}.tele-section-head h2{margin:0 0 7px;color:#292929;font-size:29px;font-weight:600;letter-spacing:-.02em}.tele-section-head p{margin:0;color:#777;font-size:14px}
.fleet-dashboard.fleet-lucio{--fleet-accent:var(--tn-lime);--fleet-accent-dark:var(--tn-lime-dark)}.fleet-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:1260px!important;margin:0 auto 18px!important}.fleet-kpi{border-color:#dedede!important;border-radius:10px!important;box-shadow:none!important}.fleet-kpi:hover{border-color:#c9df9e!important;box-shadow:0 7px 18px rgba(0,0,0,.05)!important}.fleet-kpi.kpi-blue>span{background:#f3f9e8!important}.fleet-main-grid{margin-top:0!important}
@media(max-width:1000px){.fleet-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:620px){.fleet-kpis{grid-template-columns:1fr!important}.tele-section-head h2{font-size:24px}}

/* HOME / DASHBOARD SPLIT V14 */
.portal-brand:before{display:none!important;content:none!important}.portal-brand{display:flex!important;align-items:center!important;gap:14px!important}.brand-car-mark{width:58px;height:42px;display:grid;place-items:center;flex:0 0 auto}.brand-car-mark svg{width:58px;height:42px;fill:none;stroke:var(--tn-lime-dark);stroke-width:3.3;stroke-linecap:round;stroke-linejoin:round}.portal-brand>div{display:flex;flex-direction:column;justify-content:center;min-width:0}.portal-brand strong{font-size:23px!important;line-height:1!important;font-weight:850!important;letter-spacing:-.025em!important}.portal-brand small{margin-top:6px!important;font-size:10px!important;line-height:1!important;font-weight:800!important;letter-spacing:.22em!important;color:#5e6369!important}
.home-shortcuts-only{min-height:calc(100vh - 175px);display:grid;place-items:center;padding:20px 0 42px}.home-shortcuts-inner{width:min(1120px,100%);margin:0 auto}.home-shortcuts-inner>.tele-eyebrow{margin-bottom:10px}.home-shortcuts-inner>h1{margin:0 0 8px;color:#262626;font-size:31px;line-height:1.1;font-weight:520;letter-spacing:-.025em}.home-shortcuts-inner>p{margin:0 0 30px;color:#777;font-size:14px}.home-shortcuts-inner .tele-grid{margin:0}.home-shortcuts-inner .tele-card{min-height:218px!important}
body:has(.home-shortcuts-only) .portal-content{padding-top:18px!important;padding-bottom:24px!important}body:has(.home-shortcuts-only) .portal-top{box-shadow:none!important}.tele-dashboard-main{padding-top:8px!important}.tele-dashboard-main>.tele-section-head{padding-top:0!important}
@media(max-width:1050px){.home-shortcuts-only{min-height:auto;padding-top:28px}.home-shortcuts-inner .tele-grid{grid-template-columns:repeat(2,minmax(220px,1fr))!important}}@media(max-width:720px){.brand-car-mark{width:48px}.brand-car-mark svg{width:48px}.portal-brand strong{font-size:20px!important}.home-shortcuts-inner .tele-grid{grid-template-columns:1fr!important}}

/* GLOBAL DATE / TIME / WEATHER V15 */
.portal-top{position:relative!important;height:210px!important;min-height:210px!important;padding:18px 330px 18px 28px!important;align-items:flex-start!important}.ls-top-actions{position:absolute!important;top:20px!important;right:322px!important}.ls-global-search{margin-top:2px!important;max-width:520px!important}
.global-live-card{position:absolute;top:14px;right:24px;width:272px;min-height:180px;box-sizing:border-box;padding:18px 22px;border:1px solid #dce3e8;border-radius:20px;background:#fff;box-shadow:0 7px 22px rgba(31,45,61,.08);display:flex;flex-direction:column;gap:7px;color:#0f2745;z-index:4}.global-live-card>small{font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--tn-lime-dark)}.global-live-card>b{font-size:14px;line-height:1.25;color:#10233d;text-transform:capitalize}.global-live-card>strong{font-size:34px;line-height:1;font-weight:900;letter-spacing:-.035em;color:#0a2343;margin:3px 0}.global-live-place{display:flex;align-items:center;gap:7px;font-size:13px;color:#677487}.global-live-place>b{font-size:13px;color:#637088}.global-live-weather{display:flex;align-items:center;gap:10px;margin-top:3px}.global-live-weather>span{font-size:27px}.global-live-weather>strong{font-size:24px;color:#10233d}.global-live-weather>small{font-size:11px;color:#758197}.global-live-card>em{margin-top:3px;font-size:9px;font-style:normal;color:#96a0af}
@media(max-width:980px){.portal-top{height:190px!important;min-height:190px!important;padding-right:290px!important}.global-live-card{right:14px;width:250px}.ls-top-actions{right:278px!important}}
@media(max-width:760px){.portal-top{height:auto!important;min-height:0!important;padding:14px!important;display:flex!important;flex-direction:column!important;gap:12px!important}.ls-top-actions{position:static!important;align-self:flex-end!important}.global-live-card{position:static;width:100%;min-height:0;border-radius:14px}.ls-global-search{width:100%!important;max-width:none!important}}

/* PROFILE ABOVE LIVE GADGET V16 */
.portal-top{height:276px!important;min-height:276px!important;padding:18px 330px 18px 28px!important;align-items:flex-start!important}
.ls-top-actions{position:absolute!important;top:14px!important;right:24px!important;width:272px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;z-index:6}
.ls-top-user{margin:0!important;padding:5px 8px!important;background:#fff!important;border-radius:12px!important}.ls-top-user:hover{background:#f8fafc!important}
.global-live-card{top:78px!important;right:24px!important;width:272px!important;z-index:5!important}
@media(max-width:980px){.portal-top{height:266px!important;min-height:266px!important;padding-right:292px!important}.ls-top-actions{right:14px!important;width:250px!important}.global-live-card{top:76px!important;right:14px!important;width:250px!important}}
@media(max-width:760px){.portal-top{height:auto!important;min-height:0!important;padding:14px!important}.ls-top-actions{position:static!important;width:100%!important;justify-content:flex-end!important}.global-live-card{position:static!important;width:100%!important}.ls-global-search{width:100%!important;max-width:none!important}}

/* LIVE GADGET HORIZONTAL V17 - 2026-09-16 */
.portal-top{display:grid!important;grid-template-columns:minmax(360px,520px) 1fr auto!important;grid-template-rows:52px 88px!important;column-gap:20px!important;row-gap:10px!important;height:164px!important;min-height:164px!important;padding:14px 24px 12px 28px!important;align-items:center!important}
.ls-global-search{grid-column:1!important;grid-row:1!important;margin:0!important;width:100%!important;max-width:520px!important;align-self:center!important}
.ls-top-actions{position:static!important;grid-column:3!important;grid-row:1!important;width:auto!important;justify-self:end!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;margin:0!important;z-index:6!important}
.global-live-card{position:static!important;grid-column:1 / 4!important;grid-row:2!important;width:100%!important;min-height:82px!important;height:82px!important;padding:14px 20px!important;margin:0!important;border:1px solid #dce3e8!important;border-radius:18px!important;background:#fff!important;box-shadow:0 5px 16px rgba(31,45,61,.055)!important;display:grid!important;grid-template-columns:auto minmax(240px,1.35fr) auto minmax(220px,.95fr) auto auto!important;align-items:center!important;gap:18px!important;color:#0f2745!important;z-index:5!important}
.global-live-card>small{font-size:11px!important;font-weight:900!important;letter-spacing:.14em!important;color:var(--tn-lime-dark)!important;white-space:nowrap!important}
.global-live-card>b{margin:0!important;font-size:14px!important;line-height:1.2!important;color:#10233d!important;text-transform:capitalize!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.global-live-card>strong{margin:0!important;font-size:30px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.035em!important;color:#0a2343!important;white-space:nowrap!important}
.global-live-place{margin:0!important;display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;color:#677487!important}
.global-live-place>b{font-size:13px!important;color:#637088!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.global-live-weather{margin:0!important;display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important}
.global-live-weather>span{font-size:24px!important}.global-live-weather>strong{font-size:22px!important;color:#10233d!important}.global-live-weather>small{font-size:11px!important;color:#758197!important;white-space:nowrap!important}
.global-live-card>em{margin:0!important;font-size:9px!important;font-style:normal!important;color:#96a0af!important;white-space:nowrap!important;text-align:right!important}
@media(max-width:1100px){.portal-top{grid-template-columns:minmax(320px,1fr) auto!important;grid-template-rows:52px auto!important;height:auto!important;min-height:0!important}.ls-top-actions{grid-column:2!important}.global-live-card{grid-column:1 / 3!important;height:auto!important;min-height:84px!important;grid-template-columns:auto 1fr auto!important;gap:10px 16px!important}.global-live-place{grid-column:1 / 3!important}.global-live-weather{grid-column:3!important}.global-live-card>em{display:none!important}}
@media(max-width:760px){.portal-top{display:flex!important;height:auto!important;min-height:0!important;padding:14px!important;flex-direction:column!important;gap:12px!important}.ls-global-search{width:100%!important;max-width:none!important}.ls-top-actions{width:100%!important;justify-content:flex-end!important}.global-live-card{width:100%!important;height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.global-live-card>strong{font-size:26px!important}.global-live-place,.global-live-weather{grid-column:auto!important}.global-live-card>em{display:none!important}}

/* PERSONAL GREETING V18 - 2026-09-16 */
.ls-personal-greeting{grid-column:2!important;grid-row:1!important;align-self:center!important;justify-self:start!important;margin:0!important;padding:0 8px!important;font-size:18px!important;line-height:1.2!important;color:#3b4654!important;white-space:nowrap!important}
.ls-personal-greeting span{font-weight:500!important;color:#5d6877!important}.ls-personal-greeting strong{font-weight:850!important;color:#111827!important}
@media(max-width:1100px){.ls-personal-greeting{grid-column:1!important;grid-row:2!important;justify-self:start!important}.global-live-card{grid-row:3!important}.portal-top{grid-template-rows:52px auto auto!important}}
@media(max-width:760px){.ls-personal-greeting{width:100%!important;padding:0!important;font-size:17px!important}}

/* LUCIO BLUE DASHBOARD V20 · 2026-09-20 */
:root{--lucio-blue:#0b63d8;--lucio-blue-dark:#084ea9;--lucio-navy:#081f4d;--lucio-sky:#edf7ff;--lucio-line:#d8e8f8;--lucio-soft:#f7fbff}
html,body,.portal-main,.portal-content{background:linear-gradient(180deg,#fff 0,#f7fbff 64%,#eef7ff 100%)!important;color:var(--lucio-navy)!important}
.portal-shell{grid-template-columns:284px minmax(0,1fr)!important}
.portal-sidebar{position:sticky!important;top:0!important;height:100vh!important;padding:22px 18px!important;background:#fff!important;border-right:1px solid #e1ecf7!important;box-shadow:6px 0 24px rgba(25,78,130,.045)!important}
.portal-brand{height:102px!important;margin:0 0 14px!important;padding:14px 12px!important;border:0!important;gap:14px!important}
.brand-car-mark{width:58px!important;height:46px!important}.brand-car-mark svg{width:58px!important;height:46px!important;stroke:var(--lucio-blue)!important;stroke-width:3.5!important}
.portal-brand strong{font-size:25px!important;line-height:.94!important;color:#091b46!important;font-weight:900!important}.portal-brand small{margin-top:7px!important;color:#344a75!important;font-size:9px!important;letter-spacing:.23em!important}
.portal-user{display:none!important}
.portal-menu{position:relative;z-index:2;padding-bottom:130px!important}.portal-menu a,.portal-menu summary{color:#314463!important}.portal-menu a{border-left:0!important;border-radius:10px!important}
.portal-menu a:hover,.portal-menu a.active{background:#e9f4ff!important;color:#0a4fae!important;box-shadow:none!important}.portal-menu summary.menu-label{font-size:11px!important;font-weight:900!important;letter-spacing:.04em!important;color:#2f4162!important}
.portal-menu>.menu-dashboard-link{margin:4px 0 16px!important;padding:13px 14px!important;border:1px solid #dbeafd!important;background:#fff!important;color:#1f3357!important}
.portal-menu>.menu-dashboard-link:hover,.portal-menu>.menu-dashboard-link.active{background:#dff0ff!important;border-color:#c4e2ff!important;box-shadow:none!important}.menu-dashboard-icon{color:var(--lucio-blue)!important}
.portal-foot{position:relative;z-index:3;border-top:0!important;padding-top:10px!important}.portal-logout{border:1px solid #cfe0f1!important;background:#fff!important;color:#132a50!important;border-radius:8px!important;font-weight:800!important}
.portal-sidebar:after{content:"Movilidad\A eficiente\A para un mejor mañana";white-space:pre;position:absolute;left:0;right:0;bottom:0;height:112px;padding:32px 28px 14px;box-sizing:border-box;background:linear-gradient(158deg,transparent 0 22%,#8ac9ff 23% 34%,#3a99ef 35% 52%,#0b63d8 53% 100%);color:#fff;font-size:12px;line-height:1.15;z-index:1}
.portal-top{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e5eef7!important;box-shadow:0 4px 18px rgba(23,74,124,.035)!important}
.ls-global-search input{height:46px!important;border:1px solid #cfe0f1!important;border-radius:12px!important;background:#fff!important;color:#18325b!important;box-shadow:0 3px 10px rgba(40,82,122,.04)!important}
.ls-personal-greeting{color:#253c62!important;font-size:18px!important}.ls-personal-greeting span{color:#42597b!important}.ls-personal-greeting strong{color:#092966!important}
.ls-personal-greeting:after{content:"Gestiona tu flota de manera simple y eficiente";display:block;margin-top:5px;color:#7689a4;font-size:11px;font-weight:500}
.ls-top-alert{width:42px!important;height:42px!important;border:1px solid #d7e6f5!important;background:#fff!important;border-radius:12px!important;color:#0c57bd!important;box-shadow:0 4px 12px rgba(32,79,126,.04)!important}
.ls-top-user{background:transparent!important}.ls-top-user img,.ls-top-user>span{width:42px!important;height:42px!important;border:3px solid #1474df!important;background:#dceeff!important}.ls-top-user b{color:#0b214f!important}.ls-top-user small{display:none!important}
.global-live-card{overflow:hidden!important;border:1px solid #cfe5fb!important;background:linear-gradient(110deg,#f7fcff 0%,#eef8ff 54%,#dcefff 100%)!important;box-shadow:0 7px 20px rgba(27,89,151,.07)!important}
.global-live-card:after{content:"";position:absolute;right:-40px;bottom:-40px;width:260px;height:120px;background:radial-gradient(ellipse at center,#8bc8ff 0 2%,transparent 3%),linear-gradient(150deg,transparent 0 45%,rgba(30,127,221,.11) 46% 56%,transparent 57%),linear-gradient(20deg,transparent 0 50%,rgba(11,99,216,.08) 51% 65%,transparent 66%);opacity:.9;pointer-events:none}
.global-live-card>small{color:var(--lucio-blue)!important}.global-live-card>b,.global-live-card>strong,.global-live-place>b,.global-live-weather>strong{color:#09265c!important}.global-live-card>em{color:#8ca0b7!important}
.portal-content{padding:18px 24px 34px!important}
body:has(.blue-dashboard-home) .portal-top{position:relative!important}
.blue-dashboard-home{max-width:1240px;margin:0 auto;padding:0 0 8px;color:#0a214e}
.blue-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 0 28px}
.blue-kpi-card{min-height:104px;padding:15px 15px;display:grid;grid-template-columns:54px 1fr 22px;align-items:center;gap:11px;background:#fff;border:1px solid #dceaf7;border-radius:12px;box-shadow:0 7px 20px rgba(31,82,130,.045);transition:.18s}
.blue-kpi-card:hover{transform:translateY(-2px);border-color:#afd4f5;box-shadow:0 12px 24px rgba(31,82,130,.08)}
.blue-kpi-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:11px;background:#e7f4ff;color:#075ecb;font-size:23px;font-weight:900}.blue-kpi-green{background:#e7f8f2;color:#159261}.blue-kpi-red{background:#fff0f0;color:#ef4040}
.blue-kpi-card div{min-width:0}.blue-kpi-card strong{display:block;font-size:26px;line-height:1;color:#081e4a}.blue-kpi-card b{display:block;margin-top:5px;font-size:12px;color:#0e2654}.blue-kpi-card small{display:block;margin-top:4px;color:#8090a8;font-size:9px}.blue-kpi-card>i{font-style:normal;color:#0b63d8;font-size:24px}
.blue-shortcut-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 16px}.blue-shortcut-head h1{margin:0;color:#071c49;font-size:26px;line-height:1;font-weight:900;letter-spacing:-.025em}.blue-shortcut-head span{display:block;width:30px;height:3px;margin-top:9px;background:#0b63d8;border-radius:99px}.blue-shortcut-head p{margin:0;color:#7187a5;font-size:11px}
.blue-shortcut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.blue-shortcut-card{position:relative;min-height:158px;padding:17px 18px 52px 112px;background:#fff;border:1px solid #dceaf7;border-radius:12px;box-shadow:0 7px 20px rgba(31,82,130,.045);transition:.18s}
.blue-shortcut-card:hover{transform:translateY(-2px);border-color:#afd4f5;box-shadow:0 12px 24px rgba(31,82,130,.08)}
.blue-shortcut-icon{position:absolute;left:18px;top:20px;width:76px;height:76px;display:grid;place-items:center;border-radius:13px;background:#e4f3ff;color:#075fcf;font-size:36px;font-weight:900}
.blue-shortcut-card>div b{display:block;margin:6px 0 8px;color:#071d4c;font-size:18px}.blue-shortcut-card>div p{margin:0;color:#657996;font-size:12px;line-height:1.35}
.blue-shortcut-card footer{position:absolute;left:18px;right:18px;bottom:12px;min-height:36px;padding:0 8px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#eef8ff;border-radius:9px}.blue-shortcut-card footer strong{color:#0860c9;font-size:10px}.blue-shortcut-card footer i{width:29px;height:29px;display:grid;place-items:center;border:1px solid #9ecbf1;border-radius:50%;background:#fff;color:#0b63d8;font-style:normal;font-size:23px;line-height:1}
.blue-dashboard-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:30px;padding:8px 2px 0;color:#8aa5c5;font-size:10px}.blue-dashboard-footer em{font-style:italic}.blue-dashboard-footer span{font-weight:800;color:#6b91bf}
.button,.primary,.desktop-btn,.btn,button{background:var(--lucio-blue)!important;border-color:var(--lucio-blue-dark)!important;color:#fff!important}.secondary,.secondary-btn,.btn.secondary{background:#fff!important;color:#16335e!important;border-color:#ccdeef!important}
.button:hover,.primary:hover,.desktop-btn:hover,button:hover{background:var(--lucio-blue-dark)!important;color:#fff!important}
.heading,.module-head,.quick-head,.lucio-profile-hero{border-left:6px solid var(--lucio-blue)!important}.heading small,.module-head .eyebrow,.panel-title small,.premium-kicker{color:var(--lucio-blue)!important}.cards article{border-top-color:var(--lucio-blue)!important}
input:focus,select:focus,textarea:focus{border-color:#4a98eb!important;box-shadow:0 0 0 3px rgba(11,99,216,.12)!important}th{border-bottom-color:#4a98eb!important}td a,.row-action{color:#0b63d8!important}.pagination a.active{background:#0b63d8!important;color:#fff!important}
@media(max-width:1180px){.blue-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blue-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.portal-shell{grid-template-columns:242px minmax(0,1fr)!important}.blue-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blue-shortcut-card{padding-left:98px}.blue-shortcut-icon{width:64px;height:64px;font-size:30px}}
@media(max-width:760px){.portal-sidebar{height:auto!important;position:relative!important}.portal-sidebar:after{display:none}.portal-menu{padding-bottom:0!important}.portal-content{padding:14px!important}.blue-kpi-grid,.blue-shortcut-grid{grid-template-columns:1fr}.blue-shortcut-head{align-items:flex-start;flex-direction:column}.blue-shortcut-card{min-height:145px}.blue-dashboard-footer{align-items:flex-start;flex-direction:column}}
.global-live-card{position:relative!important}

/* LUCIO BLUE REFERENCE MATCH V21 · 2026-09-20 */
@media(min-width:1101px){
  body.lucio-home-view{overflow:hidden!important}
  body.lucio-home-view .portal-shell{grid-template-columns:284px minmax(0,1fr)!important;height:100vh!important;min-height:100vh!important}
  body.lucio-home-view .portal-sidebar{height:100vh!important;padding:18px 18px 16px!important;overflow:hidden!important}
  body.lucio-home-view .portal-brand{height:104px!important;margin:0 0 8px!important;padding:8px 12px 12px!important}
  body.lucio-home-view .brand-car-mark{width:70px!important;height:50px!important;background:transparent!important;border:0!important;border-radius:0!important}
  body.lucio-home-view .brand-car-mark svg{width:66px!important;height:48px!important;stroke:#075fcf!important;fill:none!important}
  body.lucio-home-view .portal-brand strong{font-size:25px!important;line-height:.88!important;letter-spacing:-.035em!important;color:#071d4d!important}
  body.lucio-home-view .portal-brand small{font-size:8px!important;letter-spacing:.28em!important;color:#36527c!important}
  body.lucio-home-view .portal-menu{padding-bottom:112px!important;overflow:hidden!important}
  body.lucio-home-view .portal-menu>.menu-dashboard-link{height:47px!important;margin:0 0 12px!important;padding:0 15px!important;border:0!important;border-radius:9px!important;background:#dfefff!important;color:#0a3472!important}
  body.lucio-home-view .home-menu-group{margin:0!important;padding:0 0 8px!important;border-top:1px solid #eef3f8!important}
  body.lucio-home-view .home-menu-group summary{height:43px!important;padding:0 9px!important;display:flex!important;align-items:center!important;gap:8px!important;list-style:none!important;cursor:pointer!important}
  body.lucio-home-view .home-menu-group summary::-webkit-details-marker{display:none!important}
  body.lucio-home-view .home-menu-group summary span{font-size:13px!important;color:#37577f!important}
  body.lucio-home-view .home-menu-group summary b{font-size:11px!important;letter-spacing:.04em!important;color:#314363!important}
  body.lucio-home-view .home-menu-group>a{height:37px!important;margin:0!important;padding:0 0 0 28px!important;display:flex!important;align-items:center!important;border-radius:8px!important;color:#506484!important;font-size:11px!important;background:transparent!important}
  body.lucio-home-view .home-menu-group>a:hover{background:#eff7ff!important;color:#0b5ecb!important}
  body.lucio-home-view .profile-nav-link{height:43px!important;margin-top:3px!important;padding-left:12px!important;display:flex!important;align-items:center!important;border-top:1px solid #eef3f8!important;border-radius:0!important;color:#18345f!important;font-weight:800!important}
  body.lucio-home-view .portal-foot{position:absolute!important;left:18px!important;right:18px!important;bottom:18px!important;z-index:4!important}
  body.lucio-home-view .portal-logout{height:48px!important;border-radius:8px!important;background:#fff!important;color:#102a55!important;border:1px solid #cddff1!important}
}
@media(min-width:1101px){
  body.lucio-home-view .portal-main{height:100vh!important;overflow:hidden!important;background:linear-gradient(180deg,#fff 0,#f9fcff 66%,#eaf5ff 100%)!important}
  body.lucio-home-view .portal-top{display:grid!important;grid-template-columns:minmax(380px,520px) minmax(250px,1fr) auto!important;grid-template-rows:64px 98px!important;column-gap:28px!important;row-gap:8px!important;height:184px!important;min-height:184px!important;padding:12px 22px 10px 26px!important;background:linear-gradient(135deg,#fff 0,#fff 74%,#eef7ff 100%)!important}
  body.lucio-home-view .ls-global-search{grid-column:1!important;grid-row:1!important;position:relative!important;width:100%!important;max-width:520px!important}
  body.lucio-home-view .ls-global-search>span{position:absolute!important;left:17px!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important;color:#214f8a!important}
  body.lucio-home-view .ls-global-search input{height:46px!important;padding-left:44px!important;padding-right:54px!important;border-radius:10px!important}
  body.lucio-home-view .ls-global-search kbd{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;padding:3px 7px!important;border-radius:6px!important;background:#f0f5fa!important;color:#69809f!important;font:700 10px/1.2 system-ui!important;border:0!important}
  body.lucio-home-view .ls-personal-greeting{grid-column:2!important;grid-row:1!important;padding:0!important;font-size:18px!important;color:#18345e!important}
  body.lucio-home-view .ls-personal-greeting:after{font-size:11px!important;color:#7086a4!important}
  body.lucio-home-view .ls-top-actions{grid-column:3!important;grid-row:1!important;position:static!important;width:auto!important;margin:0!important;gap:12px!important}
  body.lucio-home-view .ls-top-user{padding:2px 0!important;gap:10px!important}
  body.lucio-home-view .ls-top-user img,body.lucio-home-view .ls-top-user>span{width:44px!important;height:44px!important;border:3px solid #0b63d8!important}
  body.lucio-home-view .ls-top-user b{font-size:12px!important;white-space:nowrap!important}
  body.lucio-home-view .global-live-card{grid-column:1/4!important;grid-row:2!important;position:relative!important;width:100%!important;height:98px!important;min-height:98px!important;margin:0!important;padding:0 24px!important;display:grid!important;grid-template-columns:2.05fr 1fr 1.35fr 1fr!important;gap:0!important;align-items:center!important;border-radius:15px!important;overflow:hidden!important}
}
@media(min-width:1101px){
  body.lucio-home-view .global-live-card>em{display:none!important}
  body.lucio-home-view .live-date-block,body.lucio-home-view .live-clock-block,body.lucio-home-view .global-live-place,body.lucio-home-view .global-live-weather{position:relative!important;z-index:2!important;min-width:0!important;height:56px!important;display:flex!important;align-items:center!important;gap:13px!important;margin:0!important;padding:0 22px!important;border-right:1px solid #cfe0f0!important}
  body.lucio-home-view .live-date-block{padding-left:0!important}
  body.lucio-home-view .global-live-weather{border-right:0!important}
  body.lucio-home-view .live-icon{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:#dcebff!important;color:#0b63d8!important;font-size:19px!important;font-weight:900!important;flex:0 0 auto!important}
  body.lucio-home-view .live-date-block b{display:block!important;color:#0b2457!important;font-size:13px!important;text-transform:capitalize!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.lucio-home-view .live-date-block small{display:block!important;margin-top:5px!important;color:#7890ae!important;font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.lucio-home-view .live-clock-block strong{font-size:29px!important;color:#08265e!important;white-space:nowrap!important}
  body.lucio-home-view .live-pin{color:#0b63d8!important;font-size:17px!important}
  body.lucio-home-view .global-live-place div,body.lucio-home-view .global-live-weather div{min-width:0!important}
  body.lucio-home-view .global-live-place b{display:block!important;color:#0d2859!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.lucio-home-view .global-live-place small{display:block!important;margin-top:4px!important;color:#7e92ad!important;font-size:9px!important}
  body.lucio-home-view .global-live-weather>span{font-size:24px!important}
  body.lucio-home-view .global-live-weather strong{display:block!important;color:#08265e!important;font-size:24px!important}
  body.lucio-home-view .global-live-weather small{display:block!important;color:#7187a5!important;font-size:9px!important}
  body.lucio-home-view .global-live-card:after{right:-12px!important;bottom:-5px!important;width:290px!important;height:95px!important;opacity:1!important;background:linear-gradient(155deg,transparent 0 50%,rgba(45,142,230,.10) 51% 65%,transparent 66%),linear-gradient(15deg,transparent 0 54%,rgba(11,99,216,.08) 55% 72%,transparent 73%)!important}
}
@media(min-width:1101px){
  body.lucio-home-view .portal-content{height:calc(100vh - 184px)!important;overflow:hidden!important;padding:16px 22px 18px 26px!important;background:linear-gradient(180deg,#fbfdff 0,#f5faff 70%,#eaf5ff 100%)!important}
  body.lucio-home-view .blue-dashboard-home{height:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-rows:100px 52px minmax(0,1fr) 30px!important;row-gap:14px!important}
  body.lucio-home-view .blue-kpi-grid{height:100px!important;margin:0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}
  body.lucio-home-view .blue-kpi-card{min-height:0!important;height:100px!important;padding:12px 12px!important;grid-template-columns:52px 1fr 14px!important;gap:10px!important;border-radius:11px!important}
  body.lucio-home-view .blue-kpi-icon{width:48px!important;height:48px!important;border-radius:10px!important;font-size:0!important;background:#e7f3ff!important;color:#075fcf!important}
  body.lucio-home-view .blue-kpi-icon.blue-kpi-green{background:#e4f7f0!important;color:#159261!important}
  body.lucio-home-view .blue-kpi-icon.blue-kpi-red{background:#fff0f0!important;color:#ef4040!important}
  body.lucio-home-view .blue-kpi-icon svg{width:33px!important;height:28px!important;fill:none!important;stroke:currentColor!important;stroke-width:3.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  body.lucio-home-view .blue-kpi-card strong{font-size:25px!important}
  body.lucio-home-view .blue-kpi-card b{font-size:11px!important;margin-top:4px!important}
  body.lucio-home-view .blue-kpi-card small{font-size:8px!important;margin-top:4px!important}
  body.lucio-home-view .blue-kpi-card>i{font-size:19px!important}
  body.lucio-home-view .blue-shortcut-head{height:52px!important;margin:0!important;align-items:end!important}
  body.lucio-home-view .blue-shortcut-head h1{font-size:25px!important}
  body.lucio-home-view .blue-shortcut-head p{font-size:11px!important;padding-bottom:7px!important}
}
@media(min-width:1101px){
  body.lucio-home-view .blue-shortcut-grid{min-height:0!important;height:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  body.lucio-home-view .blue-shortcut-card{min-height:0!important;height:auto!important;padding:18px 18px 51px 110px!important;border-radius:11px!important;overflow:hidden!important}
  body.lucio-home-view .blue-shortcut-icon{left:18px!important;top:18px!important;width:76px!important;height:70px!important;border-radius:12px!important;font-size:0!important}
  body.lucio-home-view .blue-shortcut-icon svg{width:50px!important;height:42px!important;fill:none!important;stroke:#075fcf!important;stroke-width:3.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  body.lucio-home-view .blue-shortcut-card>div b{margin:4px 0 8px!important;font-size:17px!important}
  body.lucio-home-view .blue-shortcut-card>div p{max-width:270px!important;font-size:11px!important;line-height:1.35!important}
  body.lucio-home-view .blue-shortcut-card footer{left:18px!important;right:18px!important;bottom:11px!important;min-height:35px!important}
  body.lucio-home-view .blue-shortcut-card footer strong{font-size:10px!important}
  body.lucio-home-view .blue-dashboard-footer{height:30px!important;margin:0!important;padding:4px 3px 0!important;font-size:9px!important}
  body.lucio-home-view:before{content:"";position:fixed;left:284px;right:0;bottom:0;height:90px;pointer-events:none;background:linear-gradient(166deg,transparent 0 46%,rgba(126,193,246,.13) 47% 58%,transparent 59%),linear-gradient(190deg,transparent 0 62%,rgba(64,151,230,.08) 63% 78%,transparent 79%);z-index:0}
  body.lucio-home-view .portal-main,body.lucio-home-view .portal-content,body.lucio-home-view .blue-dashboard-home{position:relative!important;z-index:1!important}
}
body #yum-chat-launch{background:#0b63d8!important;color:#fff!important;box-shadow:0 16px 40px rgba(11,99,216,.26)!important;border-radius:19px!important}
body #yum-chat-panel .yum-chat-send{background:#0b63d8!important;color:#fff!important}

/* V21.1 geometry correction after visual QA */
@media(min-width:1101px){
  body.lucio-home-view .global-live-card{top:0!important;right:auto!important;left:auto!important;bottom:auto!important;transform:none!important}
  body.lucio-home-view .portal-content{padding-top:16px!important}
  body.lucio-home-view .blue-dashboard-home{grid-template-rows:100px 52px 336px 30px!important;align-content:start!important}
  body.lucio-home-view .blue-shortcut-grid{height:336px!important;grid-template-rows:160px 160px!important;align-content:start!important}
  body.lucio-home-view .blue-shortcut-card{height:160px!important}
}

/* V21.2 logout placement correction */
@media(min-width:1101px){
  body.lucio-home-view .portal-foot{
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    bottom:142px!important;
    z-index:5!important;
    padding:0!important;
    margin:0!important;
  }
  body.lucio-home-view .portal-foot form{margin:0!important;width:100%!important}
  body.lucio-home-view .portal-logout{
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    border-radius:8px!important;
    border:1px solid #cddff1!important;
    background:#fff!important;
    color:#102a55!important;
    font-size:12px!important;
    font-weight:800!important;
    box-shadow:none!important;
  }
  body.lucio-home-view .portal-logout:hover{
    background:#f7fbff!important;
    color:#0b4fae!important;
    border-color:#b8d6f1!important;
  }
}

/* V23 · logout aligned above decorative wave */
@media(min-width:1101px){
  body.lucio-home-view .portal-sidebar:after{
    height:154px!important;
    padding:62px 28px 18px!important;
    background:linear-gradient(158deg,transparent 0 18%,#8ac9ff 19% 32%,#3a99ef 33% 50%,#0b63d8 51% 100%)!important;
  }
  body.lucio-home-view .portal-foot{
    left:24px!important;
    right:24px!important;
    bottom:164px!important;
    padding:0!important;
    z-index:6!important;
  }
  body.lucio-home-view .portal-foot form{margin:0!important;width:100%!important}
  body.lucio-home-view .portal-logout{
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    border:1px solid #c9dcee!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#102a55!important;
    font-size:12px!important;
    font-weight:800!important;
    box-shadow:none!important;
  }
  body.lucio-home-view .portal-logout:hover{
    background:#f8fbff!important;
    color:#0b57b7!important;
    border-color:#9fc8eb!important;
  }
}