/* Shared POI UI 1.2.0: approved R2 navigation, existing business screens. */
:root{color-scheme:light;--poi-navy:#0b1f63;--poi-ink:#17293b;--poi-muted:#687b8e;--poi-blue:#00539b;--poi-canvas:#f4f5f9;--poi-line:#dfe5ed}
body.poi-has-shell{background:var(--poi-canvas);color:var(--poi-ink);font-family:Arial,Helvetica,sans-serif;margin:0}
.poi-has-shell>.brandbar,.poi-has-shell>.brand-header,.poi-has-shell .dms-brandbar,.poi-has-shell #root .brand-header{display:none!important}
#poi-chrome{position:relative;z-index:25;font:14px/1.5 Arial,Helvetica,sans-serif;color:var(--poi-ink)}#poi-chrome *{box-sizing:border-box}
.poi-brandbar{height:78px;background:var(--poi-navy);padding:17px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}.poi-brand{width:300px;height:40px;display:flex;align-items:center}.poi-brand svg{width:100%;height:40px;filter:brightness(0) invert(1)}.poi-brand img{max-width:100%;max-height:45px;object-fit:contain}.poi-brand-dms{width:239px}.poi-peugeot{width:178px;height:auto;max-height:43px;object-fit:contain}
.poi-utility{height:56px;background:white;border-bottom:1px solid var(--poi-line);display:flex;align-items:center;gap:14px;padding:0 30px;position:relative}.poi-icon{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.poi-utility button,.poi-popover button{font:500 12px/1.4 Arial,Helvetica,sans-serif;cursor:pointer;color:var(--poi-ink);box-shadow:none;text-transform:none;letter-spacing:0;border-radius:7px;min-height:38px}
.poi-home{display:flex;align-items:center;gap:9px;min-width:174px;font-size:12px;font-weight:600;text-decoration:none;color:var(--poi-blue)}.poi-crumb{font-size:12px;color:var(--poi-muted);padding-left:16px;border-left:1px solid var(--poi-line)}.poi-utility-right{margin-left:auto;display:flex;align-items:center;gap:12px}.poi-apps-trigger{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:8px}.poi-profile-trigger{display:flex;align-items:center;gap:10px;border:1px solid var(--poi-line);padding:5px 9px;background:white}.poi-profile-trigger small{font-size:11px;color:var(--poi-muted)}.poi-avatar{height:29px;width:29px;display:grid;place-items:center;border-radius:50%;background:#eaf3fc;color:var(--poi-blue);font-size:12px;font-weight:700}.poi-mobile-toggle{display:none!important}.poi-icon-btn{width:40px;height:40px;padding:0;border:1px solid var(--poi-line);background:white;display:inline-flex;align-items:center;justify-content:center;border-radius:7px}.poi-popover{position:absolute;right:30px;top:50px;width:275px;background:white;border:1px solid var(--poi-line);border-radius:11px;box-shadow:0 12px 38px #182e4428;padding:8px;z-index:60}.poi-app-popover{right:170px;width:320px}.poi-popover button{width:100%;display:flex;gap:10px;align-items:center;text-align:left;border:0;background:transparent;padding:11px;font-weight:400}.poi-popover button:hover{background:#eaf3fc}.poi-popover button img{width:28px;height:28px;object-fit:contain}.poi-popover small{display:block;font-size:11px;color:var(--poi-muted);margin-top:2px}.poi-menu-heading{padding:10px 11px 13px;border-bottom:1px solid var(--poi-line);margin-bottom:5px}.poi-menu-heading strong{font-size:13px}.poi-popover .poi-signout{border-top:1px solid var(--poi-line);border-radius:0;color:#a72f3e;margin-top:6px}.poi-maintenance-banner{background:#fff4d6;color:#79560d;font-size:12px;padding:11px 30px;border-bottom:1px solid #ecddb6}
.poi-has-shell #app .shell{grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 134px);max-width:none;margin:0;background:var(--poi-canvas)}.poi-has-shell #app .shell>aside,.poi-ride-sidebar{background:white;border-right:1px solid var(--poi-line);padding:25px 15px 17px;display:flex;flex-direction:column;width:auto;min-width:0;border-radius:0;gap:0}.poi-has-shell #app .shell>main{padding:29px 30px 25px;min-width:0;background:var(--poi-canvas);max-width:none}.poi-has-shell #app .shell>aside .identity,.poi-has-shell #app .shell>aside .dms-nav,.poi-has-shell #app .shell>aside .dms-home-link,.poi-has-shell #app .shell>aside .connection{display:none}.poi-nav-label{margin:0 12px 18px;letter-spacing:1.6px;font:700 10px/1.6 Arial,Helvetica,sans-serif;color:var(--poi-muted)}.poi-has-shell #app .shell>aside nav{display:grid;gap:5px;margin:0}.poi-has-shell #app .shell>aside [data-nav]{display:flex;align-items:center;gap:10px;border:0;border-radius:7px;background:transparent;padding:12px;font-size:13px;text-align:left;font-weight:500;min-height:43px;color:var(--poi-ink);width:100%;margin:0 0 5px;line-height:1.5}.poi-has-shell #app .shell>aside [data-nav] .poi-icon{width:17px;height:17px;color:#728497}.poi-has-shell #app .shell>aside [data-nav].active,.poi-has-shell #app .shell>aside [data-nav][aria-current=page]{background:#eaf3fc;color:var(--poi-blue);font-weight:600}.poi-has-shell #app .shell>aside [data-nav] .nav-label{flex:1;letter-spacing:0;text-transform:none}.poi-has-shell #app .shell>aside [data-nav] .badge{margin-left:auto}.poi-has-shell #app .aside-bottom{margin-top:14px;border-top:1px solid var(--poi-line);padding-top:12px}.poi-has-shell #app .aside-bottom button{font-size:11px}.poi-footer{margin-top:auto;border-top:1px solid var(--poi-line);padding:17px 12px 0;font:11px/1.65 Arial,Helvetica,sans-serif;letter-spacing:0;color:var(--poi-muted)}.poi-footer strong{display:block;font-weight:500;color:#4d6478;font-size:11px;margin-bottom:2px}.poi-footer span{display:block;margin-top:2px}.poi-refresh{display:inline-flex!important;align-items:center;justify-content:center;width:40px;height:40px;padding:0!important;border:1px solid var(--poi-line)!important;border-radius:7px!important;background:#fff!important;color:var(--poi-ink)!important;flex:none}.poi-refresh span{font:16px/1 Arial,Helvetica,sans-serif}.poi-has-shell #app .topline h1,.poi-has-shell #app .page-head h1{font-size:29px;letter-spacing:-.7px;line-height:1.2;color:var(--poi-ink)}.poi-has-shell #app .preview-selector{margin-bottom:16px}.poi-has-shell #app .preview-selector select{max-width:100%}.poi-has-shell .hosting-qa-notice{margin:0;padding:10px 30px;font:11px/1.5 Arial,Helvetica,sans-serif;background:#fff6dd;border-bottom:1px solid #efddb1}.poi-has-shell .pwa-tools:has(#pwa-network[hidden]):has(#pwa-update[hidden]){display:none!important}.poi-has-shell #pwa-install{display:none!important}
.poi-has-shell #root .app-shell>.workspace{position:relative;max-width:none;margin:0;padding:29px 30px 25px 254px;min-height:calc(100vh - 134px);background:var(--poi-canvas)}.poi-has-shell #root .account-bar,.poi-has-shell #root .app-footer{display:none}.poi-ride-sidebar{position:absolute;inset:0 auto 0 0;width:224px;min-height:100%;z-index:10}.poi-ride-sidebar .nav-tabs{display:flex;flex-direction:column;align-items:stretch;height:auto;width:100%;background:transparent;gap:5px;padding:0;overflow:visible;border:0}.poi-ride-sidebar [role=tab]{justify-content:flex-start;text-align:left;width:100%;min-height:43px;padding:12px;border-radius:7px;font:500 13px/1.5 Arial,Helvetica,sans-serif;color:var(--poi-ink);margin:0;box-shadow:none!important;background:transparent}.poi-ride-sidebar [role=tab][data-active],.poi-ride-sidebar [role=tab][aria-selected=true]{background:#eaf3fc;color:var(--poi-blue);font-weight:600}.poi-ride-sidebar [role=tab]::after{display:none}.poi-has-shell #root .page-heading h1{font-size:29px;letter-spacing:-.7px}.poi-has-shell #root .fleet-layout{grid-template-columns:minmax(0,1fr) 260px}.poi-has-shell .ref-company,.poi-has-shell .dms-side-profile{display:none}
#poi-drawer-shade{position:fixed;inset:0;background:#10213755;border:0;border-radius:0;z-index:39;width:100%;height:100%}#poi-chrome button:focus-visible,.poi-home:focus-visible{outline:3px solid #4b9ee9;outline-offset:3px}
@media(max-width:1190px){.poi-has-shell #root .fleet-layout{grid-template-columns:1fr}.poi-has-shell #app .shell>main{padding:25px 23px}.poi-crumb{max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:820px){.poi-mobile-toggle{display:inline-flex!important;border:0;background:transparent}.poi-utility{padding:0 20px;gap:13px}.poi-home{min-width:0}.poi-crumb{display:none}.poi-brandbar{padding:17px 22px}.poi-profile-name{display:none}.poi-profile-trigger{padding:5px}.poi-utility-right{gap:8px}.poi-popover{right:20px}.poi-app-popover{right:70px}.poi-has-shell #app .shell{display:block}.poi-has-shell #app .shell>aside,.poi-has-shell .dms-sidebar,.poi-has-shell .poi-ride-sidebar{display:flex!important;position:fixed!important;inset:0 auto 0 0!important;width:268px!important;max-width:85vw;z-index:45;transform:translateX(-110%);transition:transform .2s;overflow-y:auto;box-shadow:12px 0 30px #172b422a;min-height:100vh}.poi-drawer-open #app .shell>aside,.poi-drawer-open .dms-sidebar,.poi-drawer-open .poi-ride-sidebar{transform:translateX(0)}.poi-has-shell #app .shell>main,.poi-has-shell #root .app-shell>.workspace{padding:25px 22px}.poi-has-shell #root .vehicle-grid{grid-template-columns:1fr 1fr}.poi-refresh,.poi-icon-btn{width:44px;height:44px;min-height:44px}}
@media(max-width:540px){.poi-brandbar{height:65px;padding:14px 17px;gap:22px}.poi-brand,.poi-brand-dms{width:min(54vw,210px);height:33px}.poi-brand svg{height:31px}.poi-brand img{max-height:35px}.poi-peugeot{width:104px}.poi-utility{height:57px;padding:0 14px;gap:10px}.poi-home{font-size:11px;gap:6px}.poi-home .poi-icon{width:17px}.poi-utility-right{gap:5px}.poi-apps-trigger span{display:none}.poi-profile-trigger{border:0;padding:0;gap:4px}.poi-mobile-toggle{width:30px}.poi-popover,.poi-app-popover{width:min(325px,calc(100vw - 28px));right:14px;top:51px}.poi-has-shell #app .shell>main,.poi-has-shell #root .app-shell>.workspace{padding:23px 17px}.poi-has-shell #root .vehicle-grid{grid-template-columns:1fr}.poi-has-shell #app .topline h1,.poi-has-shell #app .page-head h1,.poi-has-shell #root .page-heading h1{font-size:25px}.poi-maintenance-banner{padding:11px 17px}.poi-has-shell .hosting-qa-notice{padding:9px 17px}.poi-utility button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.poi-has-shell *{scroll-behavior:auto!important}.poi-has-shell .dms-sidebar,.poi-has-shell .poi-ride-sidebar{transition:none}}

.poi-brand>strong{color:white;font-size:18px;letter-spacing:.2px}.poi-maintenance-banner[hidden]{display:none!important}

.poi-has-shell .poi-ride-sidebar .nav-tabs{height:auto!important;min-height:0;flex:none;gap:5px!important;margin:0!important;align-items:stretch;justify-content:flex-start!important}.poi-has-shell .poi-ride-sidebar .nav-tabs [data-slot=tabs-trigger]{height:43px!important;min-height:43px;flex:none!important;padding:12px!important;white-space:normal;line-height:1.5;border-radius:7px!important;font-size:13px;font-weight:500}.poi-has-shell .poi-ride-sidebar .nav-tabs [data-state=active]{background:#eaf3fc!important;color:#00539b!important;font-weight:600}

.poi-has-shell #root .heading-actions{flex-direction:row}