/* Chief Fleet Intelligence — screenshot-matched ivory digital-twin cockpit. Scoped to the existing inspection dialog. Other Fleet Atlas modules are untouched. */ #portal-overlay.portal-overlay{background:rgba(3,24,32,.70);backdrop-filter:blur(15px) saturate(.70)} #portal-overlay .portal.cfi-premium-inspection{ --t-ink:#092b38;--t-muted:#758890;--t-orange:#ba512d;--t-green:#008968; position:relative;display:flex;flex-direction:column;overflow:hidden; width:min(1600px,calc(100vw - 48px));height:min(910px,calc(100dvh - 40px));max-width:none; min-height:0;max-height:calc(100dvh - 40px);border-radius:25px; border:1px solid #e2e5e1;background:#faf9f6;color:var(--t-ink); box-shadow:0 32px 100px #0007,0 2px 12px #102e3720; font-family:Inter,Manrope,Arial,sans-serif; } #portal-overlay .cfi-premium-inspection *,#portal-overlay .cfi-premium-inspection *::before,#portal-overlay .cfi-premium-inspection *::after{box-sizing:border-box} #portal-overlay .cfi-premium-inspection h2,#portal-overlay .cfi-premium-inspection h3,#portal-overlay .cfi-premium-inspection h4{font-family:Manrope,Inter,Arial,sans-serif} #portal-overlay .cfi-premium-inspection .portal-header{ position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); align-items:end;gap:14px;padding:21px 29px 14px;background:#fbfaf7;border-bottom:0;min-height:126px;flex-shrink:0;color:var(--t-ink) } #portal-overlay .cfi-premium-inspection .portal-header>div:first-child{grid-column:1;grid-row:1;min-width:0} #portal-overlay .cfi-premium-inspection .portal-kicker{display:flex;align-items:center;gap:12px;color:#435d68;font-weight:500;letter-spacing:0;font-size:11px;margin-bottom:12px;text-transform:none} #portal-overlay .cfi-premium-inspection .portal-kicker b{color:#0c2c36;font-weight:800} #portal-overlay .cfi-premium-inspection .portal-kicker>span{font-size:18px;color:#82939a} #portal-overlay .cfi-premium-inspection .portal-kicker .cfi-crumb-arrow{font-size:22px;color:#092b38;margin-right:2px} #portal-overlay .cfi-premium-inspection .portal-header h2{color:#092b38;font-size:clamp(23px,2.2vw,35px);font-weight:850;line-height:1.15;letter-spacing:-1.35px;margin:0 0 7px;white-space:normal} #portal-overlay .cfi-premium-inspection .portal-header h2 .dim{color:#203e48;opacity:1;font-size:clamp(17px,1.65vw,25px);letter-spacing:-.9px;font-weight:570} #portal-overlay .cfi-premium-inspection .portal-header>div:first-child>small{color:#8a9ba0;font-size:12px;letter-spacing:0;line-height:1.45} #portal-overlay .cfi-premium-inspection .portal-header>.inline-meta{position:absolute;right:22px;top:20px;display:flex;align-items:center;gap:12px;z-index:4} #portal-overlay .cfi-premium-inspection .portal-header>.inline-meta .tag{border:1px solid #2c90764d;border-radius:100px;padding:9px 14px;font-size:11px;background:linear-gradient(#0b8569,#005c4e);box-shadow:0 4px 12px #08735c30;color:#f4fdfb;font-weight:800;text-transform:none} #portal-overlay .cfi-premium-inspection .portal-header>.inline-meta .tag.neutral{background:#ecf1ed;color:#49606b;border-color:#dce2dc;box-shadow:none} #portal-overlay .cfi-premium-inspection .portal-header>.inline-meta .tag.amber{background:#fff0df;color:#a8591c;border-color:#eac9a0;box-shadow:none} #portal-overlay .cfi-premium-inspection .portal-header>.inline-meta .xbtn{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:#0b2931;color:#fff;font-size:24px;line-height:1;box-shadow:0 5px 12px #0b293125} #portal-overlay .cfi-premium-inspection .portal-header>.portal-journey-strip{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-self:end;margin:28px 55px 1px 0;padding:0;border:0;background:transparent;min-width:0} #portal-overlay .cfi-premium-inspection .portal-journey-strip .journey-stat{display:grid;gap:4px;padding:0 13px;border-right:1px solid #dce4e0;min-width:0} #portal-overlay .cfi-premium-inspection .portal-journey-strip .journey-stat:first-child{padding-left:0} #portal-overlay .cfi-premium-inspection .portal-journey-strip .journey-stat:last-child{border:0} #portal-overlay .cfi-premium-inspection .journey-stat small{font-size:11px;text-transform:none;letter-spacing:0;color:#798990;font-weight:500;line-height:1.3} #portal-overlay .cfi-premium-inspection .journey-stat strong{font-family:Manrope,Inter,sans-serif;font-size:clamp(14px,1.35vw,20px);font-weight:850;line-height:1.15;color:#0a3044;letter-spacing:-.5px} #portal-overlay .cfi-premium-inspection .journey-stat span{font-size:10px;line-height:1.4;color:#82949b} #portal-overlay .cfi-premium-inspection .journey-stat strong.is-late{color:#c04d25} #portal-overlay .cfi-premium-inspection .cfi-premium-metrics{margin:0 16px 2px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid #e6e6e2;border-radius:14px;background:#fffefd;box-shadow:0 6px 20px #2e4c4c0a;min-height:88px;overflow:hidden;flex-shrink:0} #portal-overlay .cfi-premium-inspection .cfi-premium-metric{padding:18px 15px;display:flex;align-items:center;gap:13px;position:relative;min-width:0} #portal-overlay .cfi-premium-inspection .cfi-premium-metric:not(:last-child):after{content:"";position:absolute;right:0;top:19px;bottom:19px;width:1px;background:#e5e6e4} #portal-overlay .cfi-premium-inspection .cfi-metric-icon{width:43px;height:43px;flex:none;border-radius:50%;display:grid;place-items:center;color:#c4542c;background:#fff0e5} #portal-overlay .cfi-premium-inspection .cfi-premium-metric>div{display:flex;flex-direction:column;gap:3px;min-width:0} #portal-overlay .cfi-premium-inspection .cfi-premium-metric strong{color:#0c3048;font-weight:850;font-size:clamp(15px,1.32vw,22px);letter-spacing:-.6px;white-space:nowrap;line-height:1.2} #portal-overlay .cfi-premium-inspection .cfi-premium-metric span:not(.cfi-metric-icon){font-size:11px;color:#778b94;line-height:1.25} #portal-overlay .cfi-premium-inspection .cfi-premium-metric small{font-size:9px;color:#b2592d} #portal-overlay .cfi-premium-inspection .metric-profit strong{color:#008260} #portal-overlay .cfi-premium-inspection .metric-alert strong{color:#b33b2c} #portal-overlay .cfi-premium-inspection .portal-main{display:grid;grid-template-columns:minmax(0,1.005fr) minmax(0,1fr);gap:12px;min-height:0;flex:1;background:transparent;padding:10px 16px 14px} #portal-overlay .cfi-premium-inspection .viewer-column{min-width:0;min-height:0;height:auto;display:flex;flex-direction:column;overflow:hidden;background:#0c202a;border:1px solid #173943;border-radius:15px;box-shadow:0 10px 24px #1a394224} #portal-overlay .cfi-premium-inspection .viewer-scene,#portal-overlay .cfi-premium-inspection .cfi-viewer-host{min-height:0!important;flex:1;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#153b45 0%,#09222c 50%,#071820 100%)!important} #portal-overlay .cfi-premium-inspection .viewer-scene .viewer-loading{z-index:1} #portal-overlay .cfi-premium-inspection .viewer-controls{display:none!important} #portal-overlay .cfi-premium-inspection .portal-right{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid #eeefeb;border-radius:14px;background:#fffdfa;box-shadow:0 6px 18px #1f3b3c0b} #portal-overlay .cfi-premium-inspection .portal-tabs{padding:0 8px;display:flex;gap:0;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;flex-shrink:0;align-items:stretch;min-height:57px;border-bottom:1px solid #edf0ed;scrollbar-width:thin;scrollbar-color:#c2d0ca transparent} #portal-overlay .cfi-premium-inspection .portal-tab{flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:7px;min-height:56px;white-space:nowrap;border:0;border-bottom:2px solid transparent;background:transparent;padding:13px 8px;color:#798991;font-size:11px;font-weight:750;transition:color .12s,background .12s} #portal-overlay .cfi-premium-inspection .portal-tab svg{flex-shrink:0} #portal-overlay .cfi-premium-inspection .portal-tab.active{color:#bc4d29;border-bottom-color:#c95e30;background:#fffdfa} #portal-overlay .cfi-premium-inspection .portal-tab:hover{color:#c45a2e;background:#fff7ef} #portal-overlay .cfi-premium-inspection .portal-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c6d0cd transparent;padding:14px;color:#16333d} #portal-overlay .cfi-premium-inspection .portal-body button:focus-visible,#portal-overlay .cfi-premium-inspection .cfi-view-toggle-group button:focus-visible{outline:3px solid #d07846;outline-offset:3px} #portal-overlay .cfi-premium-inspection .cfi-premium-section{display:grid;gap:12px;min-width:0} #portal-overlay .cfi-premium-inspection .cfi-panel-grid{display:grid;gap:11px;min-width:0} #portal-overlay .cfi-premium-inspection .cfi-panel-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))} #portal-overlay .cfi-premium-inspection .cfi-panel-grid.wide{grid-template-columns:minmax(0,1.45fr) minmax(0,.92fr)} #portal-overlay .cfi-premium-inspection .cfi-white-card{min-width:0;border:1px solid #e8e9e6;background:linear-gradient(155deg,#fffefd,#f9f8f4);border-radius:12px;padding:14px;box-shadow:0 2px 8px #12363804} #portal-overlay .cfi-premium-inspection .cfi-card-heading{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.35;color:#173744;font-weight:850;margin-bottom:11px;letter-spacing:-.15px} #portal-overlay .cfi-premium-inspection .cfi-card-heading svg{color:#bd532d;flex-shrink:0} #portal-overlay .cfi-premium-inspection .cfi-card-heading small{font-size:10px;color:#8ba0a5;font-weight:500;margin-left:auto} #portal-overlay .cfi-premium-inspection .cfi-pair{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 1px;border-bottom:1px solid #edefec;font-size:11px} #portal-overlay .cfi-premium-inspection .cfi-pair:last-child{border:0} #portal-overlay .cfi-premium-inspection .cfi-pair span{color:#83939a} #portal-overlay .cfi-premium-inspection .cfi-pair strong{color:#193c50;font-size:11px;text-align:right;line-height:1.25} #portal-overlay .cfi-premium-inspection .cfi-panel-note{display:flex;gap:7px;align-items:flex-start;font-size:10px;line-height:1.6;color:#8c9fa4;margin:2px 0} #portal-overlay .cfi-premium-inspection .cfi-panel-note svg{flex:none;color:#7babb3;width:16px;height:16px} /* Full 56-seat roof image is FIT inside the view by default; scroll is reserved for user zoom. */ #portal-overlay .cfi-premium-inspection .cfi-asset-viewer .cfi-roof-viewport{ display:flex;align-items:safe center;justify-content:safe center; inset:0;overflow:auto;overscroll-behavior:contain;padding:70px 30px 72px; background:radial-gradient(ellipse at center,#173945,#0b252e 54%,#071b24 100%); scrollbar-width:thin;scrollbar-color:#4e6e73 #112933; } #portal-overlay .cfi-premium-inspection .cfi-roof-content{ flex:none;min-width:0!important;max-width:none!important;width:auto!important; height:calc(100% * var(--cfi-roof-zoom,1));max-height:none;margin:auto; aspect-ratio:682 / 2048;line-height:0; } #portal-overlay .cfi-premium-inspection .cfi-roof-image{display:block;width:100%;height:100%;max-width:none;object-fit:contain;aspect-ratio:682/2048;filter:drop-shadow(0 14px 18px #0009)} #portal-overlay .cfi-premium-inspection .cfi-seat-overlay{inset:0;width:100%;height:100%} #portal-overlay .cfi-premium-inspection .cfi-seat-overlay polygon{stroke-width:3;stroke-opacity:.9} #portal-overlay .cfi-premium-inspection .cfi-asset-badge{display:none} #portal-overlay .cfi-premium-inspection .cfi-asset-stage{inset:0;bottom:0} #portal-overlay .cfi-premium-inspection .cfi-asset-toolbar{position:absolute;bottom:14px;right:14px;left:auto;z-index:9;width:auto;height:auto;min-height:0;padding:0;border:0;background:none;backdrop-filter:none} #portal-overlay .cfi-premium-inspection .cfi-asset-toolbar .cfi-asset-help{display:none} #portal-overlay .cfi-premium-inspection .cfi-roof-toggle{padding:10px 13px;background:#153641e8;border:1px solid #95acb5;color:#f5fafb;border-radius:9px;box-shadow:none;min-height:42px;font-size:0} #portal-overlay .cfi-premium-inspection .cfi-roof-toggle:after{content:"Roof view";font-size:11px;font-weight:800} #portal-overlay .cfi-premium-inspection .is-roof-open .cfi-roof-toggle:after{content:"Hide roof view"} #portal-overlay .cfi-premium-inspection .cfi-roof-toggle:hover{background:#245365} #portal-overlay .cfi-premium-inspection .cfi-view-toggle-group{position:absolute;top:16px;left:16px;display:flex;gap:10px;z-index:11} #portal-overlay .cfi-premium-inspection .cfi-view-toggle-group button{display:flex;align-items:center;gap:8px;min-height:42px;border:1px solid #55717b;border-radius:10px;padding:9px 14px;background:#09232bbf;color:#e9f1f2;font-size:11px;font-weight:750;box-shadow:0 4px 16px #0004} #portal-overlay .cfi-premium-inspection .cfi-view-toggle-group button[aria-pressed=true]{color:white;background:linear-gradient(135deg,#ad5d3c,#693f31);border-color:#ecb68c;box-shadow:0 0 20px #e17b4655} #portal-overlay .cfi-premium-inspection .cfi-viewer-legend{position:absolute;bottom:17px;left:18px;z-index:8;display:flex;align-items:center;gap:16px;min-height:35px;flex-wrap:wrap;right:164px;color:#e5eeee;font-size:10px;pointer-events:none} #portal-overlay .cfi-premium-inspection .cfi-viewer-legend span{white-space:nowrap;display:flex;align-items:center;gap:6px} #portal-overlay .cfi-premium-inspection .cfi-viewer-legend i{width:13px;height:13px;border-radius:50%;display:inline-block;background:#20b889;box-shadow:inset 0 -3px 5px #0004} #portal-overlay .cfi-premium-inspection .cfi-viewer-legend i.boarding{background:#f7b444} #portal-overlay .cfi-premium-inspection .cfi-viewer-legend i.available{background:#98a8b2} #portal-overlay .cfi-premium-inspection .cfi-viewer-legend i.no-show{background:#ef4248} #portal-overlay .cfi-premium-inspection .cfi-viewer-legend i.driver{background:#1877ee;border-radius:3px} #portal-overlay .cfi-premium-inspection .cfi-roof-zoom{position:absolute;top:50%;right:15px;transform:translateY(-50%);z-index:10;display:none;flex-direction:column;align-items:center;gap:8px;color:#d3e4e7;background:none;border:0;margin:0} #portal-overlay .cfi-premium-inspection .is-roof-open>.cfi-roof-zoom{display:flex} #portal-overlay .cfi-premium-inspection .cfi-roof-zoom button{order:3;width:42px;height:42px;background:#12313ad9;border:1px solid #5b7f88;border-radius:11px;color:#fff;font-size:24px} #portal-overlay .cfi-premium-inspection .cfi-roof-zoom button:last-child{order:1} #portal-overlay .cfi-premium-inspection .cfi-roof-zoom span{order:2;font-size:11px;font-weight:800;color:#e6edf0} #portal-overlay .cfi-premium-inspection .cfi-roof-zoom button:hover{background:#24505c} #portal-overlay .cfi-premium-inspection .cfi-roof-zoom button:disabled{opacity:.4} #portal-overlay .cfi-premium-inspection .cfi-roof-error .cfi-roof-image-error{top:45%;color:#fff} #portal-overlay .cfi-premium-inspection .cfi-roof-image-error{font-size:12px} /* Route and overview */ #portal-overlay .cfi-premium-inspection .cfi-route-banner{position:relative;overflow:hidden;background:radial-gradient(ellipse at right,#0a4850,#092934 74%);color:#f2faf7;border:1px solid #2d5f60;border-radius:12px;height:151px;min-height:151px;padding:22px 21px} #portal-overlay .cfi-premium-inspection .cfi-route-art{position:absolute;inset:0 0 0 8%;width:100%;height:100%;opacity:.92} #portal-overlay .cfi-premium-inspection .cfi-route-content,#portal-overlay .cfi-premium-inspection .cfi-route-bottom{position:relative;z-index:1} #portal-overlay .cfi-premium-inspection .cfi-route-content strong{font-size:18px;letter-spacing:-.45px;color:white} #portal-overlay .cfi-premium-inspection .cfi-route-content strong span{padding:0 3px} #portal-overlay .cfi-premium-inspection .cfi-route-content small{display:block;margin-top:8px;font-size:11px;color:#c7e0de} #portal-overlay .cfi-premium-inspection .cfi-route-bottom{position:absolute;bottom:19px;left:21px;right:21px;display:flex;justify-content:space-between;gap:16px;align-items:flex-end} #portal-overlay .cfi-premium-inspection .cfi-route-bottom b{font-size:11px;font-weight:750;color:#d0e9e3} #portal-overlay .cfi-premium-inspection .cfi-route-bottom span{font-size:10px;color:#c8e2df} #portal-overlay .cfi-premium-inspection .cfi-time-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} #portal-overlay .cfi-premium-inspection .cfi-time-card{min-width:0;position:relative;display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:80px;padding:12px 12px 12px 43px;border:1px solid #e7e7e3;border-radius:10px;background:linear-gradient(140deg,#fffdfa,#f8f7f2)} #portal-overlay .cfi-premium-inspection .cfi-time-card svg{position:absolute;top:21px;left:11px;color:#c05631} #portal-overlay .cfi-premium-inspection .cfi-time-card span{font-size:10px;color:#8e999c} #portal-overlay .cfi-premium-inspection .cfi-time-card strong{font-size:14px;font-weight:830;color:#0c3047;line-height:1.3} #portal-overlay .cfi-premium-inspection .cfi-time-card strong.cfi-orange,#portal-overlay .cfi-premium-inspection .cfi-orange{color:#c84e23!important} /* Seats: status and current selection sit alongside six-column passenger grid. */ #portal-overlay .cfi-premium-inspection .cfi-premium-seats{display:grid;gap:13px} #portal-overlay .cfi-premium-inspection .cfi-seat-reference{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:69px;background:#0b2d38;color:#fff;border-radius:11px;padding:13px 7px;margin:0} #portal-overlay .cfi-premium-inspection .cfi-seat-reference>div{display:grid;align-content:center;gap:7px;padding:0 14px;border-right:1px solid #315059;min-width:0} #portal-overlay .cfi-premium-inspection .cfi-seat-reference>div:last-child{border:0} #portal-overlay .cfi-premium-inspection .cfi-seat-reference small{font-size:10px;color:#a7bcc0} #portal-overlay .cfi-premium-inspection .cfi-seat-reference strong{font-size:14px;color:white;font-weight:850;overflow-wrap:anywhere} #portal-overlay .cfi-premium-inspection .cfi-seat-caption{display:flex;justify-content:space-between;gap:6px;align-items:baseline} #portal-overlay .cfi-premium-inspection .cfi-seat-caption b{font-size:12px;color:#0e3240} #portal-overlay .cfi-premium-inspection .cfi-seat-caption span{font-size:10px;color:#8b9a9b;text-align:right} #portal-overlay .cfi-premium-inspection .cfi-premium-seat-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(175px,.66fr);gap:12px;min-width:0} #portal-overlay .cfi-premium-inspection .cfi-premium-seat-aside{padding:11px 10px;border-left:1px solid #eef0eb;min-width:0} #portal-overlay .cfi-premium-inspection .cfi-premium-seat-aside h3{font-size:11px;margin:0 0 9px} #portal-overlay .cfi-premium-inspection .cfi-accessible-seats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px} #portal-overlay .cfi-premium-inspection .cfi-accessible-seats button{min-width:0;min-height:46px;border:1px solid #64737b;border-radius:7px;background:#303f4b;color:#f6f9fa;font-size:12px;font-weight:800} #portal-overlay .cfi-premium-inspection .cfi-accessible-seats button[data-status=occupied]{background:#144633;border-color:#34955e;color:#d4fbe0} #portal-overlay .cfi-premium-inspection .cfi-accessible-seats button[data-status=boarding]{background:#785220;border-color:#e9a94e;color:#fff3d5} #portal-overlay .cfi-premium-inspection .cfi-accessible-seats button[data-status="no-show"]{background:#7f2635;border-color:#c55564;color:#ffe8ea} #portal-overlay .cfi-premium-inspection .cfi-accessible-seats button[data-status=driver]{background:#164b79;border-color:#2a83d3;color:#e3f0fd} #portal-overlay .cfi-premium-inspection .cfi-accessible-seats button[aria-pressed=true]{outline:2px solid #ecad61;outline-offset:1px;box-shadow:0 0 0 3px #f3b66140} #portal-overlay .cfi-premium-inspection .cfi-premium-seat-aside .cfi-seat-status-summary{display:grid;grid-template-columns:1fr;gap:4px;margin:0 0 13px;padding:0} #portal-overlay .cfi-premium-inspection .cfi-premium-seat-aside .cfi-seat-status-summary>div{display:flex;align-items:center;gap:7px;padding:4px 2px;border:0;background:none;box-shadow:none;color:#516670;border-radius:0} #portal-overlay .cfi-premium-inspection .cfi-premium-seat-aside .cfi-seat-status-summary small{order:2;grid-column:auto;font-size:10px;color:#7e9397} #portal-overlay .cfi-premium-inspection .cfi-premium-seat-aside .cfi-seat-status-summary strong{order:3;color:#27404c;font-size:11px;margin-left:auto;font-weight:800} #portal-overlay .cfi-premium-inspection .cfi-seat-status-summary .cfi-status-dot{order:1} #portal-overlay .cfi-premium-inspection .cfi-premium-selection{border-top:1px solid #e4e7e4;padding-top:11px} #portal-overlay .cfi-premium-inspection .cfi-premium-selection h4{font-size:11px;font-weight:850;margin:0 0 9px;color:#28414c} #portal-overlay .cfi-premium-inspection .cfi-premium-selection .cfi-seat-detail{padding:0;border:0;background:none;margin:0;box-shadow:none;border-radius:0} #portal-overlay .cfi-premium-inspection .cfi-seat-detail-heading{font-size:10px;color:#5c7076;margin-bottom:9px} #portal-overlay .cfi-premium-inspection .cfi-seat-detail-heading strong{color:#1b3b4a} #portal-overlay .cfi-premium-inspection .cfi-seat-detail h3{color:#143349;font-size:12px;font-weight:850;margin:8px 0} #portal-overlay .cfi-premium-inspection .cfi-seat-detail p{color:#657b80;font-size:10px;line-height:1.5} #portal-overlay .cfi-premium-inspection .cfi-seat-detail dl>div{display:flex;justify-content:space-between;padding:6px 0;border-color:#e7e9e6;font-size:10px;gap:8px} #portal-overlay .cfi-premium-inspection .cfi-seat-detail dt{color:#8f9ea1} #portal-overlay .cfi-premium-inspection .cfi-seat-detail dd{color:#244151;font-weight:700;overflow-wrap:anywhere} #portal-overlay .cfi-premium-inspection .cfi-passenger-status{border-color:#badbcf;background:#dff2e9;color:#08523b;font-size:10px} #portal-overlay .cfi-premium-inspection .cfi-passenger-status:hover{background:#c5eada} #portal-overlay .cfi-premium-inspection .cfi-seat-layout-note{color:#5c6d73;border-color:#d7e1de;background:#f2f8f5} #portal-overlay .cfi-premium-inspection .cfi-premium-seats>.cfi-panel-note{background:#ecf5f6;border-radius:8px;padding:9px;color:#679097} /* Driver roster and handover */ #portal-overlay .cfi-premium-inspection .cfi-drivers{gap:11px} #portal-overlay .cfi-premium-inspection .cfi-driver-card{padding:14px} #portal-overlay .cfi-premium-inspection .cfi-role{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.25px;color:#879396;font-weight:850;margin-bottom:12px} #portal-overlay .cfi-premium-inspection .cfi-duty-chip{font-size:10px;letter-spacing:0;color:#047453;background:#e0f6ec;border-radius:100px;padding:5px 9px} #portal-overlay .cfi-premium-inspection .cfi-duty-chip.rest{color:#1f6890;background:#e7f5ff} #portal-overlay .cfi-premium-inspection .cfi-driver-main{display:flex;gap:11px;align-items:center} #portal-overlay .cfi-premium-inspection .cfi-avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(145deg,#436a70,#102d39);color:#fff;font-size:17px;font-weight:850;border:3px solid #fff;box-shadow:0 1px 9px #2744451f} #portal-overlay .cfi-premium-inspection .cfi-driver-name{display:grid;gap:3px} #portal-overlay .cfi-premium-inspection .cfi-driver-name strong{font-size:15px;color:#14384a} #portal-overlay .cfi-premium-inspection .cfi-driver-name small{font-size:11px;color:#87989f} #portal-overlay .cfi-premium-inspection .cfi-driver-name span{font-size:10px;color:#d48b20} #portal-overlay .cfi-premium-inspection .cfi-driver-pills{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0} #portal-overlay .cfi-premium-inspection .cfi-driver-valid{display:flex;align-items:center;gap:3px;border-radius:100px;background:#e4f5ee;color:#128063;font-size:9px;padding:5px 8px} #portal-overlay .cfi-premium-inspection .cfi-driver-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid #eff1ee;border-bottom:1px solid #eff1ee;margin:8px 0} #portal-overlay .cfi-premium-inspection .cfi-driver-stats>div{display:flex;gap:8px;padding:10px 6px;min-width:0} #portal-overlay .cfi-premium-inspection .cfi-driver-stats>div svg{flex-shrink:0;color:#39757b} #portal-overlay .cfi-premium-inspection .cfi-driver-stats>div>div{display:grid;gap:4px;min-width:0} #portal-overlay .cfi-premium-inspection .cfi-driver-stats small{font-size:10px;color:#83959a} #portal-overlay .cfi-premium-inspection .cfi-driver-stats strong{font-size:12px;color:#173b50} #portal-overlay .cfi-premium-inspection .cfi-driver-stats span{font-size:9px;color:#9aa9ad} #portal-overlay .cfi-premium-inspection .cfi-driver-actions{display:flex;gap:8px;flex-wrap:wrap} #portal-overlay .cfi-premium-inspection .cfi-driver-actions button{display:flex;align-items:center;gap:6px;border:1px solid #e0e4df;border-radius:9px;background:#fffefa;padding:8px 11px;font-size:10px;font-weight:750;color:#294651} #portal-overlay .cfi-premium-inspection .cfi-driver-actions button:disabled{opacity:.45;cursor:not-allowed} #portal-overlay .cfi-premium-inspection .cfi-driver-empty{font-size:12px;color:#849398} #portal-overlay .cfi-premium-inspection .cfi-log-row{display:grid;grid-template-columns:13px minmax(0,1fr) auto;gap:3px 9px;padding:8px 0;border-bottom:1px solid #edf0ec;font-size:10px} #portal-overlay .cfi-premium-inspection .cfi-timeline-point{grid-row:span 2;width:11px;height:11px;border-radius:50%;background:#1ac397;border:3px solid #d8f9ed;margin-top:3px} #portal-overlay .cfi-premium-inspection .cfi-log-row strong{color:#284851} #portal-overlay .cfi-premium-inspection .cfi-log-row small{grid-column:2;color:#9ba7a8} #portal-overlay .cfi-premium-inspection .cfi-log-row time{font-size:9px;color:#84969b;grid-column:3;grid-row:1/3;align-self:center} #portal-overlay .cfi-premium-inspection .cfi-mini-notice{display:flex;align-items:flex-start;gap:9px;border-radius:9px;background:#fff2df;color:#9e5a2b;font-size:10px;line-height:1.5;padding:12px} #portal-overlay .cfi-premium-inspection .cfi-mini-notice svg{flex-shrink:0} #portal-overlay .cfi-premium-inspection .cfi-driver-footer{display:grid;gap:7px;margin-top:15px} #portal-overlay .cfi-premium-inspection .cfi-driver-footer strong{color:#123e44;font-size:13px} #portal-overlay .cfi-premium-inspection .cfi-driver-footer span{color:#839a9f;font-size:11px} #portal-overlay .cfi-premium-inspection .cfi-empty-data{padding:12px 0;color:#87989f;font-size:11px;line-height:1.55} /* Trips and profit */ #portal-overlay .cfi-premium-inspection .cfi-trip-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} #portal-overlay .cfi-premium-inspection .cfi-total-card{min-width:0;padding:13px;background:linear-gradient(130deg,#fffdfa,#f8f7f2);border:1px solid #eaeae6;border-radius:12px} #portal-overlay .cfi-premium-inspection .cfi-total-card .cfi-card-heading{font-size:10px;color:#748b92;margin-bottom:7px} #portal-overlay .cfi-premium-inspection .cfi-total-card>strong{display:block;font-size:20px;font-weight:900;letter-spacing:-.8px;color:#123449} #portal-overlay .cfi-premium-inspection .cfi-total-card>small{display:block;font-size:10px;color:#80959b;line-height:1.4;margin-top:6px} #portal-overlay .cfi-premium-inspection .cfi-total-card.featured{background:linear-gradient(125deg,#e5f6ed,#f7faf5);border-color:#cae8d8} #portal-overlay .cfi-premium-inspection .cfi-total-card.featured>strong{color:#007e5e;font-size:27px} #portal-overlay .cfi-premium-inspection .cfi-progress{display:block;height:8px;background:#e6e8e5;border-radius:100px;overflow:hidden;min-width:24px} #portal-overlay .cfi-premium-inspection .cfi-progress>span{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#2caa82,#58c9a0)} #portal-overlay .cfi-premium-inspection .cfi-total-card .cfi-progress{margin-top:7px} #portal-overlay .cfi-premium-inspection .cfi-trip-time .cfi-time-card{min-height:70px} #portal-overlay .cfi-premium-inspection .cfi-cost-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(44px,1fr) 27px;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #eff0ed;font-size:11px} #portal-overlay .cfi-premium-inspection .cfi-cost-row>span:first-child{color:#768d95} #portal-overlay .cfi-premium-inspection .cfi-cost-row strong{font-weight:850;color:#19384c} #portal-overlay .cfi-premium-inspection .cfi-cost-row em{font-size:10px;color:#85989c;font-style:normal;text-align:right} #portal-overlay .cfi-premium-inspection .cfi-cost-row .cfi-progress{height:6px} #portal-overlay .cfi-premium-inspection .cfi-cost-total{margin-top:8px;padding:11px;border-radius:9px;background:#fff1df;display:flex;justify-content:space-between;font-size:11px;color:#9e5828} #portal-overlay .cfi-premium-inspection .cfi-chart-legend{display:flex;gap:17px;color:#849599;font-size:10px} #portal-overlay .cfi-premium-inspection .cfi-chart-legend>span{display:flex;gap:5px;align-items:center} #portal-overlay .cfi-premium-inspection .cfi-chart-legend i{display:block;width:8px;height:8px;background:#38aa89;border-radius:50%} #portal-overlay .cfi-premium-inspection .cfi-chart-legend>span:last-child i{background:#f1a069} #portal-overlay .cfi-premium-inspection .cfi-bar-chart{display:flex;gap:22px;justify-content:center;align-items:end;height:163px;padding:12px 10px 19px;border-bottom:1px solid #e6e9e6} #portal-overlay .cfi-premium-inspection .cfi-bar-chart>div{height:100%;width:42%;max-width:83px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative} #portal-overlay .cfi-premium-inspection .cfi-bar-chart strong{white-space:nowrap;font-size:11px;color:#183c49;margin-bottom:4px} #portal-overlay .cfi-premium-inspection .cfi-bar-chart i{display:block;width:100%;background:#38b28d;border-radius:5px 5px 0 0} #portal-overlay .cfi-premium-inspection .cfi-bar-chart i.expense-bar-visual{background:#e7a477} #portal-overlay .cfi-premium-inspection .cfi-bar-chart small{position:absolute;top:100%;padding-top:3px;color:#7e9399;font-size:10px} #portal-overlay .cfi-premium-inspection .cfi-simple-total{font-size:20px;font-weight:900;color:#0b8065} /* Health & service */ #portal-overlay .cfi-premium-inspection .cfi-health-top-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} #portal-overlay .cfi-premium-inspection .cfi-health-top{display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px 9px;align-content:center;min-height:104px} #portal-overlay .cfi-premium-inspection .cfi-health-top>svg{grid-row:span 3;color:#c26435;align-self:center} #portal-overlay .cfi-premium-inspection .cfi-health-top>small{font-size:10px;color:#7a8b8c} #portal-overlay .cfi-premium-inspection .cfi-health-top>strong{font-size:18px;font-weight:850;color:#16364a} #portal-overlay .cfi-premium-inspection .cfi-health-top>span{font-size:9px;color:#9babac} #portal-overlay .cfi-premium-inspection .cfi-health-top.progress{display:flex;gap:10px;align-items:center} #portal-overlay .cfi-premium-inspection .cfi-health-top.progress>div:last-child{display:grid;gap:5px;min-width:0} #portal-overlay .cfi-premium-inspection .cfi-health-top.progress strong{font-size:14px;color:#153e4c} #portal-overlay .cfi-premium-inspection .cfi-health-ring{--progress:50%;width:65px;height:65px;flex:none;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#23ae8d var(--progress),#e3e8e4 0)} #portal-overlay .cfi-premium-inspection .cfi-health-ring span{border-radius:50%;height:50px;width:50px;display:grid;place-items:center;background:#fffefa;color:#183b45;font-size:12px;font-weight:850} #portal-overlay .cfi-premium-inspection .cfi-health-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} #portal-overlay .cfi-premium-inspection .cfi-health-tile{min-height:116px;border:1px solid #e8ece8;border-radius:10px;background:linear-gradient(145deg,#fffcf8,#f7f7f3);padding:12px;display:grid;gap:7px;align-content:start;justify-items:start} #portal-overlay .cfi-premium-inspection .cfi-health-tile svg{color:#b95f30} #portal-overlay .cfi-premium-inspection .cfi-health-tile span{font-size:10px;color:#82959b} #portal-overlay .cfi-premium-inspection .cfi-health-tile strong{font-size:11px;color:#126a59} #portal-overlay .cfi-premium-inspection .cfi-health-tile small{font-size:9px;color:#98a5a8;line-height:1.4} #portal-overlay .cfi-premium-inspection .cfi-health-readiness{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px} #portal-overlay .cfi-premium-inspection .cfi-health-readiness>div:first-child{display:flex;gap:13px;align-items:center;padding:13px;border:1px solid #e1e9e4;border-radius:11px;background:#f4f9f6} #portal-overlay .cfi-premium-inspection .cfi-health-readiness>div:first-child>svg{color:#129770;flex:none} #portal-overlay .cfi-premium-inspection .cfi-health-readiness>div:first-child>span{display:grid;gap:4px} #portal-overlay .cfi-premium-inspection .cfi-health-readiness>div:first-child small{font-size:10px;color:#8a9d9e} #portal-overlay .cfi-premium-inspection .cfi-health-readiness>div:first-child strong{font-size:14px;color:#164c43} #portal-overlay .cfi-premium-inspection .cfi-health-readiness>div:first-child span span{font-size:10px;color:#7a918e} #portal-overlay .cfi-premium-inspection .cfi-health-readiness .cfi-mini-notice{align-items:center;background:#faeeee;color:#ac4643} #portal-overlay .cfi-premium-inspection .cfi-service-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid #edf0ec} #portal-overlay .cfi-premium-inspection .cfi-service-row svg{flex:none;color:#c06839} #portal-overlay .cfi-premium-inspection .cfi-service-row span{display:grid;gap:3px;min-width:0} #portal-overlay .cfi-premium-inspection .cfi-service-row span strong{font-size:11px;color:#284553} #portal-overlay .cfi-premium-inspection .cfi-service-row small{font-size:9px;color:#91a1a6} #portal-overlay .cfi-premium-inspection .cfi-service-row b{font-size:10px;color:#163d4b;margin-left:auto;white-space:nowrap} /* Documents and lifecycle */ #portal-overlay .cfi-premium-inspection .cfi-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:3px 0} #portal-overlay .cfi-premium-inspection .cfi-section-title h3,#portal-overlay .cfi-premium-inspection .cfi-lifecycle-heading{font-size:14px;color:#163947;font-weight:850} #portal-overlay .cfi-premium-inspection .cfi-outline-button{display:flex;align-items:center;gap:7px;border:1px solid #ccd9dc;border-radius:11px;background:#fffdfa;color:#183c4c;padding:9px 13px;font-size:11px;font-weight:750} #portal-overlay .cfi-premium-inspection .cfi-doc-identity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #portal-overlay .cfi-premium-inspection .cfi-doc-identity>.cfi-white-card{display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto auto auto;align-items:center;gap:1px 12px;padding:15px} #portal-overlay .cfi-premium-inspection .cfi-doc-identity .cfi-white-card>svg{grid-row:1/4;display:block;width:50px;height:50px;padding:12px;color:#b75e2e;background:#ffefe2;border-radius:12px} #portal-overlay .cfi-premium-inspection .cfi-doc-identity .cfi-white-card>span{color:#84949b;font-size:10px} #portal-overlay .cfi-premium-inspection .cfi-doc-identity .cfi-white-card>strong{font-size:16px;color:#183d4b;font-weight:850} #portal-overlay .cfi-premium-inspection .cfi-doc-identity .cfi-white-card>small{color:#9bacae;font-size:9px} #portal-overlay .cfi-premium-inspection .cfi-document-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} #portal-overlay .cfi-premium-inspection .cfi-document{display:grid;gap:9px;padding:13px;align-content:start;min-height:224px} #portal-overlay .cfi-premium-inspection .cfi-doc-icon{width:44px;height:44px;border-radius:11px;background:#e8f6ef;color:#208d75;display:grid;place-items:center} #portal-overlay .cfi-premium-inspection .cfi-document:nth-child(2) .cfi-doc-icon{background:#fff0e4;color:#d3793b} #portal-overlay .cfi-premium-inspection .cfi-document:nth-child(3) .cfi-doc-icon,#portal-overlay .cfi-premium-inspection .cfi-document:nth-child(4) .cfi-doc-icon{background:#e9f0f6;color:#39708d} #portal-overlay .cfi-premium-inspection .cfi-document h3{font-size:11px;color:#123a45;line-height:1.4} #portal-overlay .cfi-premium-inspection .cfi-document>strong{font-size:14px;font-weight:850;color:#153c4b} #portal-overlay .cfi-premium-inspection .cfi-expiry-pill,#portal-overlay .cfi-premium-inspection .cfi-status-neutral{justify-self:start;background:#d2f3e5;color:#0e7357;padding:7px 10px;border-radius:99px;font-size:10px;font-weight:800} #portal-overlay .cfi-premium-inspection .cfi-expiry-pill.warning{background:#feeac9;color:#8f571c} #portal-overlay .cfi-premium-inspection .cfi-expiry-pill.soon,#portal-overlay .cfi-premium-inspection .cfi-expiry-pill.overdue{background:#fae0dc;color:#ac3d34} #portal-overlay .cfi-premium-inspection .cfi-status-neutral{background:#edf0ee;color:#88999d} #portal-overlay .cfi-premium-inspection .cfi-doc-progress{height:7px;background:#e4e6e4;border-radius:6px} #portal-overlay .cfi-premium-inspection .cfi-doc-progress>span{height:100%;display:block;background:#269776;border-radius:inherit} #portal-overlay .cfi-premium-inspection .cfi-document button{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #e2e5e1;border-radius:9px;background:#fffcf6;color:#29505a;padding:9px 5px;font-size:10px;font-weight:750} #portal-overlay .cfi-premium-inspection .cfi-doc-disclaimer{font-size:9px;color:#a0abad;line-height:1.35} #portal-overlay .cfi-premium-inspection .cfi-lifecycle-heading{margin:4px 0 -2px} /* Readability at laptop and tablet dimensions */ @media (max-width:1440px){ #portal-overlay .cfi-premium-inspection .portal-header{padding:19px 22px 13px} #portal-overlay .cfi-premium-inspection .portal-header>.portal-journey-strip{margin-right:35px} #portal-overlay .cfi-premium-inspection .cfi-premium-metric{padding:12px 8px;gap:9px} #portal-overlay .cfi-premium-inspection .cfi-metric-icon{width:35px;height:35px} #portal-overlay .cfi-premium-inspection .cfi-premium-metric strong{font-size:15px} #portal-overlay .cfi-premium-inspection .portal-tab{padding:11px 6px;font-size:10px} #portal-overlay .cfi-premium-inspection .portal-tab svg{width:15px;height:15px} #portal-overlay .cfi-premium-inspection .cfi-premium-seat-columns{grid-template-columns:minmax(0,1fr) minmax(155px,.63fr)} #portal-overlay .cfi-premium-inspection .cfi-viewer-legend{gap:8px;font-size:9px} #portal-overlay .cfi-premium-inspection .cfi-document{padding:10px} } @media (max-width:1100px){ #portal-overlay .portal.cfi-premium-inspection{width:calc(100vw - 20px);height:calc(100dvh - 18px);max-height:calc(100dvh - 18px)} #portal-overlay .cfi-premium-inspection .portal-header{grid-template-columns:1fr;gap:10px;min-height:0;padding:16px 18px 10px} #portal-overlay .cfi-premium-inspection .portal-header>.portal-journey-strip{grid-column:1;grid-row:2;margin:4px 45px 0 0} #portal-overlay .cfi-premium-inspection .portal-header h2{font-size:23px} #portal-overlay .cfi-premium-inspection .portal-header h2 .dim{font-size:17px} #portal-overlay .cfi-premium-inspection .cfi-premium-metrics{grid-template-columns:repeat(3,minmax(0,1fr));min-height:0} #portal-overlay .cfi-premium-inspection .portal-main{display:flex;flex-direction:column;overflow:auto;min-height:0;padding:8px 10px 12px} #portal-overlay .cfi-premium-inspection .viewer-column{flex:none;height:440px;border-right:1px solid #173943} #portal-overlay .cfi-premium-inspection .portal-right{flex:none;min-height:480px;overflow:visible;margin:0} #portal-overlay .cfi-premium-inspection .portal-body{overflow:visible;flex:none} #portal-overlay .cfi-premium-inspection .portal-tabs{position:sticky;top:0;z-index:12;background:#fffcf9} #portal-overlay .cfi-premium-inspection .cfi-roof-viewport{padding-top:63px;padding-bottom:64px} } @media (max-width:630px){ #portal-overlay .portal.cfi-premium-inspection{border-radius:16px} #portal-overlay .cfi-premium-inspection .portal-header{padding:13px} #portal-overlay .cfi-premium-inspection .portal-kicker{font-size:10px;margin-bottom:8px} #portal-overlay .cfi-premium-inspection .portal-header h2{font-size:21px;margin-right:48px} #portal-overlay .cfi-premium-inspection .portal-header h2 .dim{display:block;font-size:15px} #portal-overlay .cfi-premium-inspection .portal-header>.inline-meta{right:12px;top:11px;gap:6px} #portal-overlay .cfi-premium-inspection .portal-header>.inline-meta .tag{padding:7px;font-size:9px} #portal-overlay .cfi-premium-inspection .portal-header>.inline-meta .xbtn{width:32px;height:32px} #portal-overlay .cfi-premium-inspection .portal-header>.portal-journey-strip{margin:2px 0;grid-template-columns:repeat(3,minmax(0,1fr))} #portal-overlay .cfi-premium-inspection .portal-journey-strip .journey-stat{padding:0 6px} #portal-overlay .cfi-premium-inspection .journey-stat small,#portal-overlay .cfi-premium-inspection .journey-stat span{font-size:8px} #portal-overlay .cfi-premium-inspection .journey-stat strong{font-size:11px} #portal-overlay .cfi-premium-inspection .cfi-premium-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 8px} #portal-overlay .cfi-premium-inspection .cfi-premium-metric{gap:5px;padding:8px 4px} #portal-overlay .cfi-premium-inspection .cfi-metric-icon{width:25px;height:25px} #portal-overlay .cfi-premium-inspection .cfi-metric-icon svg{width:15px;height:15px} #portal-overlay .cfi-premium-inspection .cfi-premium-metric strong{font-size:11px} #portal-overlay .cfi-premium-inspection .cfi-premium-metric span:not(.cfi-metric-icon){font-size:8px} #portal-overlay .cfi-premium-inspection .viewer-column{height:425px} #portal-overlay .cfi-premium-inspection .cfi-view-toggle-group{left:8px;top:9px;gap:5px} #portal-overlay .cfi-premium-inspection .cfi-view-toggle-group button{padding:8px;font-size:9px} #portal-overlay .cfi-premium-inspection .cfi-viewer-legend{left:8px;right:102px;bottom:11px;gap:6px;font-size:8px} #portal-overlay .cfi-premium-inspection .cfi-viewer-legend i{width:8px;height:8px} #portal-overlay .cfi-premium-inspection .cfi-roof-toggle{min-height:34px;padding:7px} #portal-overlay .cfi-premium-inspection .cfi-roof-toggle:after{font-size:9px} #portal-overlay .cfi-premium-inspection .portal-body{padding:9px} #portal-overlay .cfi-premium-inspection .cfi-panel-grid.two,#portal-overlay .cfi-premium-inspection .cfi-panel-grid.wide{grid-template-columns:1fr} #portal-overlay .cfi-premium-inspection .cfi-trip-totals,#portal-overlay .cfi-premium-inspection .cfi-health-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #portal-overlay .cfi-premium-inspection .cfi-health-tiles{grid-template-columns:repeat(2,minmax(0,1fr))} #portal-overlay .cfi-premium-inspection .cfi-health-readiness{grid-template-columns:1fr} #portal-overlay .cfi-premium-inspection .cfi-document-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #portal-overlay .cfi-premium-inspection .cfi-premium-seat-columns{grid-template-columns:1fr} #portal-overlay .cfi-premium-inspection .cfi-premium-seat-aside{border-top:1px solid #edf1ec;border-left:0} #portal-overlay .cfi-premium-inspection .cfi-time-row{gap:4px} #portal-overlay .cfi-premium-inspection .cfi-time-card{padding:8px 6px;min-height:72px} #portal-overlay .cfi-premium-inspection .cfi-time-card svg{display:none} #portal-overlay .cfi-premium-inspection .cfi-time-card strong{font-size:10px} #portal-overlay .cfi-premium-inspection .cfi-time-card span{font-size:9px} } @media(prefers-reduced-motion:reduce){#portal-overlay .cfi-premium-inspection *{animation:none!important;transition:none!important}} /* Digital Twin precision v2 — reference-matched overview and driver identity. All overrides remain scoped to the existing vehicle inspection overlay. */ #portal-overlay .cfi-premium-inspection .cfi-road-caption{ display:flex;align-items:center;gap:9px;position:absolute;bottom:16px;left:19px;z-index:9; max-width:calc(100% - 50px);border:1px solid #72969655;border-radius:10px; padding:10px 12px;color:#d7eeec;font-size:10px;font-weight:750; background:linear-gradient(100deg,#0b3035d9,#0b3233ad); box-shadow:0 6px 19px #01131985;pointer-events:none; letter-spacing:.08px } #portal-overlay .cfi-premium-inspection .cfi-road-caption svg{color:#6ce0c4;flex:none} #portal-overlay .cfi-premium-inspection .cfi-asset-viewer[data-mode="interior"] .cfi-road-caption{display:none} #portal-overlay .cfi-premium-inspection .cfi-asset-viewer:not([data-mode="interior"]) .cfi-viewer-legend{display:none} #portal-overlay .cfi-premium-inspection .cfi-asset-viewer[data-mode="interior"] .cfi-viewer-legend{display:flex} #portal-overlay .cfi-premium-inspection .cfi-view-toggle-group button{transition:border-color .2s,background .2s,box-shadow .2s} #portal-overlay .cfi-premium-inspection .cfi-roof-zoom{z-index:14} #portal-overlay .cfi-premium-inspection .cfi-roof-zoom button{min-width:44px;min-height:44px} #portal-overlay .cfi-premium-inspection .cfi-roof-zoom span{ border-radius:9px;min-width:55px;padding:7px 6px;background:#092632bb; border:1px solid #375b66;color:#e8f6f5;text-align:center;font-size:12px;letter-spacing:.15px; } #portal-overlay .cfi-premium-inspection .cfi-roof-viewport{scrollbar-width:thin;scrollbar-color:#78999b #102e36} #portal-overlay .cfi-premium-inspection .cfi-asset-viewer:not([data-mode="interior"]) .cfi-asset-toolbar{display:none} #portal-overlay .cfi-premium-inspection .cfi-view-toggle-group{flex-wrap:wrap;max-width:calc(100% - 26px)} #portal-overlay .cfi-premium-inspection .cfi-route-banner{ position:relative;background:radial-gradient(ellipse at 70% 70%,#0c4551 0%,#092b36 55%,#071d28 100%); height:184px;min-height:184px;padding:20px 22px 18px;border-radius:14px; border:1px solid #225560;box-shadow:0 10px 23px #0b3f4b20; } #portal-overlay .cfi-premium-inspection .cfi-route-art{ position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%; opacity:.92;pointer-events:none;z-index:0 } #portal-overlay .cfi-premium-inspection .cfi-route-content{position:relative;z-index:2;max-width:68%} #portal-overlay .cfi-premium-inspection .cfi-route-kicker{ display:block;font-size:9px;letter-spacing:1.45px;font-weight:850; color:#94ccc8;margin:0 0 11px;text-transform:uppercase } #portal-overlay .cfi-premium-inspection .cfi-route-content strong{ display:block;font-size:clamp(17px,1.55vw,23px);color:#fff; font-weight:850;letter-spacing:-.65px;line-height:1.2;text-shadow:0 2px 5px #071d2966 } #portal-overlay .cfi-premium-inspection .cfi-route-content strong span{color:#ebf6f0;padding:0 4px} #portal-overlay .cfi-premium-inspection .cfi-route-content small{ display:block;margin-top:7px;color:#bddcd9;font-size:11px } #portal-overlay .cfi-premium-inspection .cfi-route-side{ position:absolute;right:17px;bottom:16px;z-index:2;display:flex;align-items:center; gap:10px;background:#0b313ecf;border:1px solid #2c637188; border-radius:10px;box-shadow:0 5px 14px #031e254a;padding:10px 12px; color:#fff;max-width:49%; } #portal-overlay .cfi-premium-inspection .cfi-route-side-icon{ display:grid;place-items:center;border-radius:100px;color:#71ddd1; width:33px;height:33px;background:#0d525654;flex:none } #portal-overlay .cfi-premium-inspection .cfi-route-side>div{display:grid;gap:3px} #portal-overlay .cfi-premium-inspection .cfi-route-side small{ color:#afc9c8;font-size:9px } #portal-overlay .cfi-premium-inspection .cfi-route-side strong{ display:block;color:#f7fffb;font-weight:850;font-size:12px;line-height:1.2 } #portal-overlay .cfi-premium-inspection .cfi-route-side div span{ color:#99b8b8;font-size:9px } #portal-overlay .cfi-premium-inspection .cfi-time-row{gap:10px;margin-top:0} #portal-overlay .cfi-premium-inspection .cfi-time-card{ display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:11px; min-height:91px;border:1px solid #e8e8e2;background:linear-gradient(145deg,#fffdfb,#f8f7f3); padding:12px 13px;border-radius:11px;box-shadow:0 3px 8px #133b3908 } #portal-overlay .cfi-premium-inspection .cfi-time-icon{ width:39px;height:39px;min-width:39px;display:grid;place-items:center;color:#c15628; border-radius:50%;background:#fff0e5 } #portal-overlay .cfi-premium-inspection .cfi-time-copy{display:grid;gap:4px;min-width:0} #portal-overlay .cfi-premium-inspection .cfi-time-copy small{color:#87979a;font-size:10px;line-height:1.25} #portal-overlay .cfi-premium-inspection .cfi-time-copy strong{ color:#0a3247;font-size:clamp(12px,1.06vw,16px); font-weight:900;letter-spacing:-.28px;line-height:1.15;overflow-wrap:anywhere } #portal-overlay .cfi-premium-inspection .cfi-time-copy em{ font-style:normal;color:#9aa6a7;font-size:9px;line-height:1.15 } #portal-overlay .cfi-premium-inspection .cfi-twin-info-grid{gap:12px} #portal-overlay .cfi-premium-inspection .cfi-twin-info-card{ background:linear-gradient(145deg,#fffefd,#faf9f5);border:1px solid #e5e9e4; border-radius:13px;box-shadow:0 3px 12px #1e4e440c;padding:14px 15px 12px; min-height:258px } #portal-overlay .cfi-premium-inspection .cfi-twin-info-head{ display:flex;align-items:center;justify-content:space-between;gap:6px; border-bottom:1px solid #e9ece8;padding-bottom:10px;margin-bottom:2px } #portal-overlay .cfi-premium-inspection .cfi-twin-info-head .cfi-card-heading{ margin-bottom:0;font-size:12px;font-weight:900;letter-spacing:-.25px } #portal-overlay .cfi-premium-inspection .cfi-twin-demo-chip{ font-size:9px;font-weight:850;white-space:nowrap;border-radius:100px; background:#d9f5e8;color:#007956;padding:6px 7px } #portal-overlay .cfi-premium-inspection .cfi-twin-demo-chip.neutral{background:#eaf0ef;color:#607c7d} #portal-overlay .cfi-premium-inspection .cfi-twin-fact{ display:flex;align-items:center;justify-content:space-between;gap:7px; padding:9px 1px;border-bottom:1px solid #ebefeb;font-size:11px;min-width:0 } #portal-overlay .cfi-premium-inspection .cfi-twin-fact:last-child{border-bottom:0} #portal-overlay .cfi-premium-inspection .cfi-twin-fact span{ color:#788d95;line-height:1.2;min-width:0 } #portal-overlay .cfi-premium-inspection .cfi-twin-fact strong{ font-size:11px;line-height:1.2;text-align:right;color:#173f51; font-weight:850;overflow-wrap:anywhere;max-width:61% } #portal-overlay .cfi-premium-inspection .cfi-twin-fuel-row .cfi-twin-fact{padding-bottom:4px;border:0} #portal-overlay .cfi-premium-inspection .cfi-twin-fuel-track{ height:5px;background:#dce7e3;border-radius:10px;margin:0 0 7px } #portal-overlay .cfi-premium-inspection .cfi-twin-fuel-track span{ display:block;height:100%;background:#12a484;border-radius:10px } #portal-overlay .cfi-premium-inspection .cfi-twin-green{color:#078967!important} #portal-overlay .cfi-premium-inspection .cfi-overview>.cfi-panel-note{ margin-top:2px;padding:7px 10px;color:#6b8588;background:#edf5f1;border-radius:9px } /* Driver portrait shares the existing Drivers registry renderer and portraitIndex. */ #portal-overlay .cfi-premium-inspection .cfi-driver-card{ display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.07fr); gap:9px 13px;padding:14px 14px 15px; background:linear-gradient(155deg,#fffefd,#f9faf7);border-radius:13px } #portal-overlay .cfi-premium-inspection .cfi-driver-card .cfi-role{ grid-column:1/-1;grid-row:1;display:flex;align-items:center;margin:0 0 2px } #portal-overlay .cfi-premium-inspection .cfi-driver-card .cfi-driver-main{grid-column:1;grid-row:2} #portal-overlay .cfi-premium-inspection .cfi-driver-card .cfi-driver-pills{ grid-column:1;grid-row:3;margin:1px 0 0;align-items:center } #portal-overlay .cfi-premium-inspection .cfi-driver-card .cfi-driver-actions{grid-column:1;grid-row:4;align-self:end} #portal-overlay .cfi-premium-inspection .cfi-driver-card .cfi-driver-stats{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:2;grid-row:2/5; align-content:stretch;gap:0;margin:0;border:0;border-left:1px solid #e9eee9;padding-left:11px } #portal-overlay .cfi-premium-inspection .cfi-driver-stats .cfi-driver-stat-cell{ padding:10px 7px;display:flex;gap:6px;align-items:flex-start; border-bottom:1px solid #edf0ed;min-width:0 } #portal-overlay .cfi-premium-inspection .cfi-driver-stats .cfi-driver-stat-cell:nth-child(odd){border-right:1px solid #edf0ed} #portal-overlay .cfi-premium-inspection .cfi-driver-stats .cfi-driver-stat-cell:nth-child(n+3){border-bottom:0} #portal-overlay .cfi-premium-inspection .cfi-driver-stats .cfi-driver-stat-cell svg{flex:none;color:#277e87;width:17px;height:17px} #portal-overlay .cfi-premium-inspection .cfi-driver-stats .cfi-driver-stat-cell>div{display:grid;gap:5px} #portal-overlay .cfi-premium-inspection .cfi-driver-stats .cfi-driver-stat-cell small{color:#809396;font-size:9px;line-height:1.25} #portal-overlay .cfi-premium-inspection .cfi-driver-stats .cfi-driver-stat-cell strong{color:#153b4e;font-size:11px;line-height:1.35;font-weight:850} #portal-overlay .cfi-premium-inspection .cfi-driver-stats .cfi-driver-stat-cell span{font-size:9px;color:#9cafaf;line-height:1.3} #portal-overlay .cfi-premium-inspection .cfi-avatar-photo{ width:66px;height:66px;min-width:66px;border-radius:50%;overflow:hidden; background:#e6efed;border:3px solid white;box-shadow:0 3px 12px #2a555a24; } #portal-overlay .cfi-premium-inspection .cfi-avatar-photo .cfi-driver-photo{ width:100%;height:100%;display:block;object-fit:cover;object-position:center top; border-radius:50% } #portal-overlay .cfi-premium-inspection .cfi-driver-name strong{font-size:14px} #portal-overlay .cfi-premium-inspection .cfi-driver-valid{ padding:5px 8px;font-size:9px;white-space:nowrap;display:inline-flex;align-items:center } #portal-overlay .cfi-premium-inspection .cfi-driver-valid.cfi-driver-alert{background:#fff0d8;color:#a15425} #portal-overlay .cfi-premium-inspection .cfi-driver-actions button{ min-height:32px;border-radius:8px;padding:7px 9px;font-size:9px } #portal-overlay .cfi-premium-inspection .cfi-driver-card .cfi-duty-chip{ display:inline-flex;align-items:center;gap:5px;padding:5px 8px } @container (max-width:640px){ #portal-overlay .cfi-premium-inspection .cfi-driver-card{grid-template-columns:1fr} #portal-overlay .cfi-premium-inspection .cfi-driver-card .cfi-role, #portal-overlay .cfi-premium-inspection .cfi-driver-card .cfi-driver-main, #portal-overlay .cfi-premium-inspection .cfi-driver-card .cfi-driver-pills, #portal-overlay .cfi-premium-inspection .cfi-driver-card .cfi-driver-stats, #portal-overlay .cfi-premium-inspection .cfi-driver-card .cfi-driver-actions{ grid-column:1;grid-row:auto } #portal-overlay .cfi-premium-inspection .cfi-driver-card .cfi-driver-stats{ border-left:0;border-top:1px solid #e9eee9;padding-left:0;padding-top:6px } } #portal-overlay .cfi-premium-inspection .portal-right{container-type:inline-size} @media(max-width:1300px){ #portal-overlay .cfi-premium-inspection .cfi-route-side{bottom:13px;right:13px;max-width:48%} #portal-overlay .cfi-premium-inspection .cfi-time-card{padding:9px;gap:7px} #portal-overlay .cfi-premium-inspection .cfi-time-icon{width:32px;height:32px;min-width:32px} #portal-overlay .cfi-premium-inspection .cfi-time-icon svg{width:17px;height:17px} #portal-overlay .cfi-premium-inspection .cfi-twin-info-card{padding:11px} } @media(max-width:760px){ #portal-overlay .cfi-premium-inspection .cfi-route-banner{height:165px;min-height:165px} #portal-overlay .cfi-premium-inspection .cfi-route-content{max-width:100%} #portal-overlay .cfi-premium-inspection .cfi-route-side{max-width:55%;padding:7px} #portal-overlay .cfi-premium-inspection .cfi-route-side-icon{display:none} #portal-overlay .cfi-premium-inspection .cfi-time-card{min-height:70px;gap:5px} #portal-overlay .cfi-premium-inspection .cfi-time-copy strong{font-size:11px} #portal-overlay .cfi-premium-inspection .cfi-time-copy em{display:none} #portal-overlay .cfi-premium-inspection .cfi-twin-info-grid{grid-template-columns:1fr} #portal-overlay .cfi-premium-inspection .cfi-twin-info-card{min-height:0} #portal-overlay .cfi-premium-inspection .cfi-road-caption{left:10px;bottom:10px;font-size:9px;max-width:calc(100% - 20px)} } /* Premium cinematic highway refinements — scoped to the existing Digital Twin */ #portal-overlay .cfi-premium-inspection .viewer-scene, #portal-overlay .cfi-premium-inspection .cfi-viewer-host{ background: radial-gradient(ellipse at 62% 38%,rgba(237,244,240,.22),transparent 45%), linear-gradient(180deg,#8babaf 0%,#b1c6c7 47%,#7d9890 70%,#607f77 100%)!important } #portal-overlay .cfi-premium-inspection .cfi-asset-stage:before{ content:"";position:absolute;inset:0;pointer-events:none;z-index:2; background:linear-gradient(180deg,rgba(3,25,31,.03) 0%,transparent 35%,transparent 72%,rgba(5,32,38,.09) 100%) } #portal-overlay .cfi-premium-inspection .cfi-view-toggle-group{ z-index:13;box-shadow:0 10px 28px rgba(12,35,42,.04) } #portal-overlay .cfi-premium-inspection .cfi-view-toggle-group button{ background:rgba(11,45,53,.84);backdrop-filter:blur(14px); border:1px solid rgba(221,238,234,.54);color:#fff; box-shadow:0 7px 24px rgba(4,29,34,.16) } #portal-overlay .cfi-premium-inspection .cfi-view-toggle-group button[aria-pressed=true]{ border:1px solid #f3b88f; background:linear-gradient(125deg,#b86a48,#87523f); box-shadow:0 6px 19px rgba(50,27,18,.2) } #portal-overlay .cfi-premium-inspection .cfi-drive-hud{ position:absolute;right:17px;top:16px;z-index:12; display:grid;grid-template-columns:1fr;gap:4px;min-width:168px; padding:13px 15px 11px;border-radius:13px; background:linear-gradient(136deg,rgba(9,51,57,.92),rgba(9,37,47,.82)); border:1px solid rgba(153,214,207,.42); box-shadow:0 10px 30px rgba(7,39,43,.27),inset 0 1px 0 rgba(236,255,250,.13); color:#fff;backdrop-filter:blur(16px); pointer-events:none } #portal-overlay .cfi-premium-inspection .cfi-drive-hud .cfi-drive-heading{ font-size:9px;letter-spacing:1.35px;font-weight:850;color:#b4ddda; display:flex;justify-content:space-between;gap:12px;align-items:center } #portal-overlay .cfi-premium-inspection .cfi-drive-hud .cfi-drive-heading i{ display:grid;place-items:center;border-radius:50%;width:24px;height:24px; font-size:16px;background:#184d55;border:1px solid rgba(186,242,231,.28); color:#92eee0;font-style:normal } #portal-overlay .cfi-premium-inspection .cfi-drive-hud strong{ font:850 clamp(22px,2.35vw,33px)/1.05 Manrope,Inter,Arial,sans-serif; letter-spacing:-.9px;color:#f7fffb } #portal-overlay .cfi-premium-inspection .cfi-drive-hud strong small{ font:600 11px/1.25 Inter,Arial,sans-serif;letter-spacing:0;color:#b7dcd9 } #portal-overlay .cfi-premium-inspection .cfi-drive-hud em{ font:750 8px/1.4 Inter,Arial,sans-serif;letter-spacing:.7px; color:#92c6be;font-style:normal } #portal-overlay .cfi-premium-inspection .cfi-asset-viewer[data-mode="interior"] .cfi-drive-hud{ display:none } #portal-overlay .cfi-premium-inspection .cfi-road-caption{ background:rgba(7,42,46,.82); color:#f2fcf7;border-color:rgba(127,203,191,.45); backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(5,42,40,.18) } @media(max-width:760px){ #portal-overlay .cfi-premium-inspection .cfi-drive-hud{ right:11px;top:69px;min-width:125px;max-width:42%;padding:9px 11px;border-radius:10px } #portal-overlay .cfi-premium-inspection .cfi-drive-hud strong{font-size:19px} #portal-overlay .cfi-premium-inspection .cfi-drive-hud em{font-size:7px} #portal-overlay .cfi-premium-inspection .cfi-drive-hud .cfi-drive-heading{font-size:8px} #portal-overlay .cfi-premium-inspection .cfi-drive-hud .cfi-drive-heading i{width:17px;height:17px;font-size:12px} } @media(prefers-reduced-motion:reduce){ #portal-overlay .cfi-premium-inspection .cfi-asset-viewer{scroll-behavior:auto} } /* Trip timing card layout: icons must occupy their own grid track, not overlap labels when the later horizontal-card design overrides the original inset. */ #portal-overlay .cfi-premium-inspection .cfi-time-row .cfi-time-card{ display:grid; grid-template-columns:22px minmax(0,1fr); grid-template-rows:auto auto; column-gap:12px; row-gap:5px; align-content:center; align-items:center; justify-content:stretch; min-width:0; min-height:88px; padding:12px 13px; } #portal-overlay .cfi-premium-inspection .cfi-time-row .cfi-time-card > svg{ display:block; position:static; grid-column:1; grid-row:1 / span 2; align-self:center; justify-self:center; width:21px; height:21px; max-width:100%; flex:none; color:#c05631; } #portal-overlay .cfi-premium-inspection .cfi-time-row .cfi-time-card > span{ display:block; grid-column:2; grid-row:1; min-width:0; line-height:1.35; overflow-wrap:anywhere; } #portal-overlay .cfi-premium-inspection .cfi-time-row .cfi-time-card > strong{ display:block; grid-column:2; grid-row:2; min-width:0; font-size:clamp(12px,1.1vw,16px); line-height:1.3; white-space:normal; overflow-wrap:anywhere; } @container (max-width:560px){ #portal-overlay .cfi-premium-inspection .cfi-time-row{ grid-template-columns:minmax(0,1fr); } #portal-overlay .cfi-premium-inspection .cfi-time-row .cfi-time-card{ min-height:74px; } } @media (max-width:760px){ #portal-overlay .cfi-premium-inspection .cfi-time-row{ grid-template-columns:minmax(0,1fr); } } /* Overview cards wrap the icon and copy in spans; reserve separate tracks instead of placing both spans in the direct-label card's grid cell. */ #portal-overlay .cfi-premium-inspection .cfi-overview .cfi-time-card{ grid-template-columns:34px minmax(0,1fr); } #portal-overlay .cfi-premium-inspection .cfi-overview .cfi-time-card > .cfi-time-icon{ display:grid;place-items:center;grid-column:1;grid-row:1 / span 2; width:34px;height:34px;min-width:0; } #portal-overlay .cfi-premium-inspection .cfi-overview .cfi-time-icon svg{ display:block;position:static;width:22px;height:22px; } #portal-overlay .cfi-premium-inspection .cfi-overview .cfi-time-card > .cfi-time-copy{ display:grid;gap:4px;grid-column:2;grid-row:1 / span 2; } /* Premium 3D warmup: showcase the existing transparent coach cutout across the cinematic stage. Never box in an opaque 4:3 source photograph, stretch a vehicle, or let the temporary preview hide the model or roof view. */ #portal-overlay .cfi-premium-inspection .cfi-asset-viewer .cfi-asset-fallback{ box-sizing:border-box; display:flex; align-items:center; justify-content:center; min-width:0; min-height:0; overflow:hidden; padding:clamp(50px,8%,68px) clamp(10px,2%,24px) clamp(22px,5%,40px); background:transparent; } #portal-overlay .cfi-premium-inspection .cfi-asset-viewer .cfi-asset-fallback > img{ display:block; flex:1 1 auto; width:100%; height:100%; min-width:0; min-height:0; max-width:100%; max-height:100%; object-fit:contain; object-position:center; filter:drop-shadow(0 20px 15px rgba(8,38,42,.24)); } @media(max-width:630px){ #portal-overlay .cfi-premium-inspection .cfi-asset-viewer .cfi-asset-fallback{ padding:53px 9px 24px; } }