/* Platform dashboard v41. Scoped deliberately: the sidebar and top navigation are untouched. */ #page-platform-dashboard{ --pd-green:#168775; --pd-green-dark:#0b5f53; --pd-green-soft:#eaf6f2; --pd-green-pale:#f4faf8; --pd-ink:#142925; --pd-copy:#60736e; --pd-line:#dce8e4; --pd-amber:#b97516; --pd-amber-soft:#fff5e4; } #page-platform-dashboard.page{max-width:none!important;padding:0!important;background:#f5f6f8!important} #page-platform-dashboard .platform-dashboard-shell{width:min(1400px,calc(100% - clamp(32px,5vw,80px)));margin:0 auto;padding:clamp(34px,4vw,58px) 0 72px} #page-platform-dashboard .platform-dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px} #page-platform-dashboard .platform-dashboard-heading h1{margin:5px 0 7px;color:var(--pd-ink);font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:-.04em} #page-platform-dashboard .platform-dashboard-heading p{max-width:58ch;margin:0;color:var(--pd-copy);font-size:13px;line-height:1.65} #page-platform-dashboard .platform-dashboard-kicker{display:block;color:var(--pd-green);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase} #page-platform-dashboard .platform-dashboard-status{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--pd-line);border-radius:9px;background:#fff;color:var(--pd-copy);font-size:11px;font-weight:650;box-shadow:0 8px 24px rgba(18,71,62,.05)} #page-platform-dashboard .platform-dashboard-status i{width:7px;height:7px;border-radius:50%;background:#22aa7f;box-shadow:0 0 0 4px #e4f6ef} #page-platform-dashboard .platform-dashboard-hero{position:relative;min-height:250px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:36px;align-items:end;padding:38px 40px;border:1px solid #176f61;border-radius:16px;background:radial-gradient(circle at 84% 10%,rgba(255,255,255,.14),transparent 30%),linear-gradient(125deg,#0b5f53 0%,#168775 68%,#218f7d 100%);color:#fff;overflow:hidden;box-shadow:0 20px 48px rgba(11,95,83,.16)} #page-platform-dashboard .platform-dashboard-hero:after{content:"";position:absolute;width:320px;height:320px;right:-115px;top:-170px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 98px rgba(255,255,255,.018)} #page-platform-dashboard .platform-dashboard-hero-copy{position:relative;z-index:1;max-width:690px} #page-platform-dashboard .platform-dashboard-kicker.is-light{color:#cceee5} #page-platform-dashboard .platform-dashboard-hero h2{margin:12px 0 13px;color:#fff;font-size:clamp(30px,3.4vw,48px);line-height:1.04;letter-spacing:-.045em} #page-platform-dashboard .platform-dashboard-hero p{max-width:60ch;margin:0;color:#d9f1eb;font-size:13px;line-height:1.7} #page-platform-dashboard .platform-dashboard-primary-action{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:25px;padding:0 17px;border:1px solid rgba(255,255,255,.62);border-radius:9px;background:#fff;color:var(--pd-green-dark);font:750 12px/1 inherit;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease} #page-platform-dashboard .platform-dashboard-primary-action svg{width:15px;height:15px} #page-platform-dashboard .platform-dashboard-primary-action:hover{background:#f2fbf8;box-shadow:0 12px 28px rgba(4,55,47,.18);transform:translateY(-1px)} #page-platform-dashboard .platform-dashboard-primary-action:active{transform:translateY(0) scale(.99)} #page-platform-dashboard .platform-dashboard-focus{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid rgba(255,255,255,.26);border-radius:12px;background:rgba(5,69,59,.28);backdrop-filter:blur(8px);overflow:hidden} #page-platform-dashboard .platform-dashboard-focus>div{min-height:112px;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;border-left:1px solid rgba(255,255,255,.2)} #page-platform-dashboard .platform-dashboard-focus>div:first-child{border-left:0} #page-platform-dashboard .platform-dashboard-focus span{color:#cce9e2;font-size:10px} #page-platform-dashboard .platform-dashboard-focus strong{margin-top:5px;color:#fff;font-size:29px;line-height:1;font-variant-numeric:tabular-nums} #page-platform-dashboard .platform-dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px} #page-platform-dashboard .platform-dashboard-metrics article{min-height:116px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:14px;padding:20px;border:1px solid var(--pd-line);border-radius:12px;background:#fff;box-shadow:0 9px 26px rgba(18,71,62,.045)} #page-platform-dashboard .platform-metric-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px} #page-platform-dashboard .platform-metric-icon svg{width:19px;height:19px} #page-platform-dashboard .platform-metric-icon.is-green{background:var(--pd-green-soft);color:var(--pd-green)} #page-platform-dashboard .platform-metric-icon.is-amber{background:var(--pd-amber-soft);color:var(--pd-amber)} #page-platform-dashboard .platform-metric-icon.is-soft{background:#edf4f2;color:#58716b} #page-platform-dashboard .platform-dashboard-metrics article>div{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:7px} #page-platform-dashboard .platform-dashboard-metrics small{grid-column:1/-1;margin-bottom:5px;color:var(--pd-copy);font-size:10px;font-weight:650} #page-platform-dashboard .platform-dashboard-metrics strong{color:var(--pd-ink);font-size:25px;line-height:1;font-variant-numeric:tabular-nums} #page-platform-dashboard .platform-dashboard-metrics article>div>span{align-self:end;padding-bottom:2px;color:#869691;font-size:10px} #page-platform-dashboard .platform-unassigned{margin-top:28px;border:1px solid var(--pd-line);border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(18,71,62,.04);overflow:hidden} #page-platform-dashboard .platform-unassigned>header{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 18px;border-bottom:1px solid var(--pd-line);background:var(--pd-green-pale)} #page-platform-dashboard .platform-unassigned h2{margin:5px 0 0;color:var(--pd-ink);font-size:18px;letter-spacing:-.025em} #page-platform-dashboard .platform-unassigned>header>strong{min-width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--pd-green);color:#fff;font-size:13px;font-variant-numeric:tabular-nums} #page-platform-dashboard .platform-unassigned-list{display:grid} #page-platform-dashboard .platform-unassigned-row{width:100%;min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:11px 18px;border:0;border-bottom:1px solid var(--pd-line);background:#fff;color:var(--pd-ink);text-align:left;cursor:pointer;transition:background .18s ease,color .18s ease} #page-platform-dashboard .platform-unassigned-row:last-child{border-bottom:0} #page-platform-dashboard .platform-unassigned-row:hover{background:#f7fcfa;color:var(--pd-green-dark)} #page-platform-dashboard .platform-unassigned-row b{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap} #page-platform-dashboard .platform-unassigned-row span{color:var(--pd-copy);font-size:11px;font-weight:650;font-variant-numeric:tabular-nums} #page-platform-dashboard .platform-unassigned-empty{padding:24px 18px;color:var(--pd-copy);font-size:12px;text-align:center} #page-platform-dashboard .platform-dashboard-workspaces{margin-top:28px} #page-platform-dashboard .platform-dashboard-workspaces>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:13px;padding:0 2px} #page-platform-dashboard .platform-dashboard-workspaces h2{margin:5px 0 0;color:var(--pd-ink);font-size:19px;letter-spacing:-.025em} #page-platform-dashboard .platform-dashboard-workspaces>header>span{color:#879792;font-size:11px} #page-platform-dashboard .platform-workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #page-platform-dashboard .platform-workspace-card{width:100%;min-height:112px;display:grid;grid-template-columns:48px minmax(0,1fr) 20px;align-items:center;gap:15px;padding:18px 19px;border:1px solid var(--pd-line);border-radius:12px;background:#fff;color:var(--pd-ink);text-align:left;cursor:pointer;box-shadow:0 8px 24px rgba(18,71,62,.04);transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease} #page-platform-dashboard .platform-workspace-card:hover{border-color:#a8ccc2;background:#fcfffe;box-shadow:0 14px 30px rgba(18,71,62,.08);transform:translateY(-2px)} #page-platform-dashboard .platform-workspace-card:active{transform:translateY(0) scale(.995)} #page-platform-dashboard .platform-workspace-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:11px;background:var(--pd-green-soft);color:var(--pd-green)} #page-platform-dashboard .platform-workspace-icon svg{width:21px;height:21px} #page-platform-dashboard .platform-workspace-copy{display:grid;gap:6px} #page-platform-dashboard .platform-workspace-copy b{font-size:14px;color:var(--pd-ink)} #page-platform-dashboard .platform-workspace-copy small{color:var(--pd-copy);font-size:11px;line-height:1.5} #page-platform-dashboard .platform-card-arrow{width:16px;height:16px;color:#8aa099;transition:transform .2s ease,color .2s ease} #page-platform-dashboard .platform-workspace-card:hover .platform-card-arrow{color:var(--pd-green);transform:translateX(3px)} #page-platform-dashboard .platform-workspace-card.is-primary{border-color:#b9d8d0;background:var(--pd-green-pale)} #page-platform-dashboard button:focus-visible{outline:3px solid rgba(22,135,117,.22);outline-offset:2px} @media(max-width:980px){ #page-platform-dashboard .platform-dashboard-hero{grid-template-columns:1fr;align-items:stretch} #page-platform-dashboard .platform-dashboard-focus{max-width:420px} #page-platform-dashboard .platform-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:650px){ #page-platform-dashboard .platform-dashboard-shell{width:calc(100% - 28px);padding:25px 0 54px} #page-platform-dashboard .platform-dashboard-heading{align-items:flex-start;flex-direction:column} #page-platform-dashboard .platform-dashboard-status{display:none} #page-platform-dashboard .platform-dashboard-hero{min-height:0;padding:28px 24px;gap:28px} #page-platform-dashboard .platform-dashboard-hero h2 br{display:none} #page-platform-dashboard .platform-dashboard-metrics,#page-platform-dashboard .platform-workspace-grid{grid-template-columns:1fr} #page-platform-dashboard .platform-dashboard-metrics article{min-height:96px} #page-platform-dashboard .platform-unassigned-row{grid-template-columns:1fr;gap:4px} } @media(prefers-reduced-motion:reduce){#page-platform-dashboard *{transition-duration:.01ms!important}} /* Unified operations calendar. Mirrors the contract dashboard's date-first workflow. */ #page-platform-dashboard{--pd-ink:#17251f;--pd-copy:#60716a;--pd-line:#dce7e2;--pd-green:#167963;--pd-green-dark:#0e5f4e;--pd-green-soft:#e8f4f0;--pd-green-pale:#f4faf7;background:#f4f7f5!important} #appShell:has(#page-platform-dashboard.is-active) .main-stage{overflow:hidden!important} #page-platform-dashboard.is-active{height:calc(100dvh - 40px)!important;min-height:0!important;padding:0!important;overflow:hidden!important} #page-platform-dashboard .platform-dashboard-shell{width:min(1400px,calc(100% - clamp(28px,4vw,64px)));height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:11px;margin:auto;padding:14px 0 16px;box-sizing:border-box} #page-platform-dashboard .platform-dashboard-toolbar{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 2px} #page-platform-dashboard .range-controls{display:flex;align-items:center;gap:8px} #page-platform-dashboard .range-controls>.icon-button{width:38px;height:38px;border:1px solid var(--pd-line);border-radius:9px;background:#fff;color:#51645d;transition:.2s ease} #page-platform-dashboard .range-controls>.icon-button:hover{border-color:#a8c9c0;color:var(--pd-green);transform:translateY(-1px)} #page-platform-dashboard .today-button{height:38px;padding:0 14px;border:0;border-radius:8px;background:#183c35;color:#fff;font:700 12px/1 inherit;cursor:pointer} #page-platform-dashboard .range-title{display:grid;gap:2px;margin-left:7px}#page-platform-dashboard .range-title strong{font-size:15px;color:var(--pd-ink);font-variant-numeric:tabular-nums}#page-platform-dashboard .range-title span{font-size:11px;color:var(--pd-copy)} #page-platform-dashboard .platform-dashboard-total{display:flex;align-items:center;gap:12px;color:var(--pd-copy);font-size:11px}.platform-dashboard-total strong{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;background:var(--pd-green);color:#fff;font-size:14px;font-variant-numeric:tabular-nums} #page-platform-dashboard .platform-date-strip{display:grid;grid-template-columns:repeat(10,minmax(72px,1fr));border:1px solid var(--pd-line);border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 8px 25px rgba(26,68,58,.045)} #page-platform-dashboard .platform-date{min-height:92px;display:grid;justify-items:center;align-content:center;gap:3px;border:0;border-right:1px solid var(--pd-line);background:#fff;color:var(--pd-copy);cursor:pointer;transition:background .2s ease,color .2s ease}.platform-date:last-child{border-right:0} #page-platform-dashboard .platform-date:hover{background:#f7fbf9}.platform-date.is-selected{background:#173c35;color:#fff}.platform-date span{font-size:9px;font-weight:800;letter-spacing:.08em}.platform-date strong{font-size:19px;line-height:1;font-variant-numeric:tabular-nums}.platform-date small{font-size:9px;opacity:.72}.platform-date.is-today:not(.is-selected) strong{color:var(--pd-green)} #page-platform-dashboard .platform-date i{width:34px;height:3px;margin-top:3px;border-radius:3px;background:#edf2f0;overflow:hidden}.platform-date i em{display:block;width:min(100%,calc((var(--contracts) + var(--flights) + var(--hotels)) * 10%));height:100%;background:#33a184}.platform-date.is-selected i{background:rgba(255,255,255,.16)} #page-platform-dashboard .platform-operations-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.55fr);gap:12px} #page-platform-dashboard .platform-day-panel,#page-platform-dashboard .platform-summary-panel{min-height:0;border:1px solid var(--pd-line);border-radius:12px;background:#fff;box-shadow:0 8px 25px rgba(26,68,58,.04);overflow:hidden} #page-platform-dashboard .platform-day-panel{display:grid;grid-template-rows:auto minmax(0,1fr)} #page-platform-dashboard .platform-day-panel>header{padding:17px 19px 14px;border-bottom:1px solid var(--pd-line);background:var(--pd-green-pale)} #page-platform-dashboard .platform-dashboard-kicker{display:block;color:var(--pd-green);font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase} #page-platform-dashboard .platform-day-panel h1,#page-platform-dashboard .platform-summary-panel h2{margin:4px 0 2px;color:var(--pd-ink);font-size:19px;letter-spacing:-.025em}.platform-day-panel p{margin:0;color:var(--pd-copy);font-size:10px} #page-platform-dashboard .platform-day-scroll{min-height:0;padding:13px 14px 24px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#a9c9c0 transparent;overscroll-behavior:contain} #page-platform-dashboard .platform-event-group+ .platform-event-group{margin-top:15px}.platform-event-group>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;padding:0 2px;color:#41564f;font-size:11px;font-weight:750}.platform-event-group>header span{display:flex;align-items:center;gap:7px}.platform-event-group>header svg{width:13px;height:13px;color:var(--pd-green)}.platform-event-group>header b{min-width:24px;height:22px;display:grid;place-items:center;border-radius:6px;background:#edf4f1;color:#536a62;font-size:10px} #page-platform-dashboard .platform-event-row{min-height:58px;display:grid;grid-template-columns:34px minmax(0,1fr) auto 66px;align-items:center;gap:10px;padding:8px 9px;border-bottom:1px solid #e8eeeb;background:#fff}.platform-event-row:first-child{border-top:1px solid #e8eeeb}.platform-event-row:hover{background:#f8fbfa}.platform-event-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--pd-green-soft);color:var(--pd-green)}.platform-event-icon svg{width:15px;height:15px}.platform-event-copy{min-width:0;display:grid;gap:3px}.platform-event-copy b,.platform-event-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-event-copy b{color:var(--pd-ink);font-size:12px}.platform-event-copy small{color:var(--pd-copy);font-size:10px}.platform-event-row time{max-width:110px;color:#53675f;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.platform-event-row>button{height:29px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #b8d2cb;border-radius:7px;background:#fff;color:var(--pd-green-dark);font:700 10px/1 inherit;cursor:pointer;transition:.18s ease}.platform-event-row>button svg{width:11px;height:11px}.platform-event-row>button:hover{border-color:var(--pd-green);background:var(--pd-green);color:#fff}.platform-event-row.is-travel{min-height:50px;grid-template-columns:30px minmax(0,1fr) auto 62px;padding-block:6px;margin-left:18px}.platform-event-row.is-travel .platform-event-icon{width:28px;height:28px;background:#f0f4f3;color:#60756d}.platform-event-empty{margin:0;padding:13px 10px;border-top:1px solid #e8eeeb;color:#91a099;font-size:10px} #page-platform-dashboard .platform-summary-panel{display:flex;flex-direction:column;padding:18px}.platform-summary-panel>header{padding-bottom:13px;border-bottom:1px solid var(--pd-line)}.platform-summary-stats{display:grid;gap:0}.platform-summary-stats article{min-height:55px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--pd-line)}.platform-summary-stats article span{display:flex;align-items:center;gap:8px;color:var(--pd-copy);font-size:11px}.platform-summary-stats article span svg{width:14px;height:14px;color:var(--pd-green)}.platform-summary-stats article strong{color:var(--pd-ink);font-size:20px;font-variant-numeric:tabular-nums}.platform-summary-stats .is-total{margin:8px -8px 0;padding:0 8px;border:0;border-radius:8px;background:#173c35}.platform-summary-stats .is-total span,.platform-summary-stats .is-total strong{color:#fff} #page-platform-dashboard .platform-summary-panel>section{margin-top:auto;padding-top:18px}.platform-summary-panel h3{margin:0 0 7px;color:var(--pd-copy);font-size:10px}.platform-summary-panel>section button{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) 13px;align-items:center;gap:9px;padding:9px 0;border:0;border-top:1px solid var(--pd-line);background:transparent;color:var(--pd-ink);text-align:left;cursor:pointer}.platform-summary-panel>section button>svg:first-child{width:17px;height:17px;color:var(--pd-green)}.platform-summary-panel>section button>svg:last-child{width:12px;height:12px;color:#91a099}.platform-summary-panel>section button span{display:grid;gap:2px}.platform-summary-panel>section button b{font-size:11px}.platform-summary-panel>section button small{color:var(--pd-copy);font-size:9px} #page-platform-dashboard button:focus-visible{outline:3px solid rgba(22,121,99,.2);outline-offset:2px} @media(max-width:900px){#page-platform-dashboard .platform-date-strip{overflow-x:auto;grid-template-columns:repeat(10,88px)}#page-platform-dashboard .platform-operations-layout{grid-template-columns:1fr 230px}} @media(max-width:680px){#page-platform-dashboard.is-active{height:auto!important;overflow:auto!important}#page-platform-dashboard .platform-dashboard-shell{height:auto;width:calc(100% - 20px)}#page-platform-dashboard .platform-dashboard-total{display:none}#page-platform-dashboard .platform-operations-layout{grid-template-columns:1fr}#page-platform-dashboard .platform-day-panel{height:62dvh}.platform-summary-panel{min-height:300px}.platform-event-row,.platform-event-row.is-travel{margin-left:0;grid-template-columns:30px minmax(0,1fr) 58px}.platform-event-row time{display:none}} /* First viewport: keep the home dashboard inside the available stage without page scrolling. */ #appShell:has(#page-platform-dashboard.is-active) .main-stage{overflow:hidden!important} #page-platform-dashboard.is-active{height:calc(100dvh - 40px)!important;min-height:0!important;padding:0!important;overflow:hidden!important;box-sizing:border-box} #page-platform-dashboard.is-active .platform-dashboard-shell{height:100%;box-sizing:border-box;display:grid;grid-template-rows:minmax(155px,1.35fr) auto minmax(88px,.8fr) auto;gap:10px;padding:14px 0 16px;overflow:hidden} #page-platform-dashboard.is-active .platform-dashboard-hero{min-height:0;height:100%;padding:clamp(22px,3vh,34px) 40px} #page-platform-dashboard.is-active .platform-dashboard-metrics{margin-top:0} #page-platform-dashboard.is-active .platform-dashboard-metrics article{min-height:82px;padding:14px 17px} #page-platform-dashboard.is-active .platform-unassigned{min-height:0;margin-top:0;display:grid;grid-template-rows:auto minmax(0,1fr)} #page-platform-dashboard.is-active .platform-unassigned>header{min-height:54px;padding:9px 16px} #page-platform-dashboard.is-active .platform-unassigned-list{min-height:0;overflow:auto;scrollbar-color:#a9c9c0 transparent} #page-platform-dashboard.is-active .platform-unassigned-row{min-height:48px;padding:8px 16px} #page-platform-dashboard.is-active .platform-dashboard-workspaces{margin-top:0} #page-platform-dashboard.is-active .platform-dashboard-workspaces>header{margin-bottom:8px} #page-platform-dashboard.is-active .platform-workspace-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} #page-platform-dashboard.is-active .platform-workspace-card{min-height:76px;grid-template-columns:40px minmax(0,1fr) 16px;gap:11px;padding:12px 13px} #page-platform-dashboard.is-active .platform-workspace-icon{width:40px;height:40px} #page-platform-dashboard.is-active .platform-workspace-icon svg{width:18px;height:18px} #page-platform-dashboard.is-active .platform-workspace-copy{gap:3px} #page-platform-dashboard.is-active .platform-workspace-copy small{font-size:10px;line-height:1.35} @media(max-width:980px){ #page-platform-dashboard.is-active .platform-dashboard-hero{grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:22px} #page-platform-dashboard.is-active .platform-dashboard-focus{max-width:none} #page-platform-dashboard.is-active .platform-workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #page-platform-dashboard.is-active .platform-workspace-card{min-height:64px} } @media(max-width:650px){ #page-platform-dashboard.is-active{height:calc(100dvh - 40px)!important} #page-platform-dashboard.is-active .platform-dashboard-shell{width:calc(100% - 20px);grid-template-rows:minmax(128px,1fr) auto minmax(72px,.65fr) auto;gap:7px;padding:8px 0 10px} #page-platform-dashboard.is-active .platform-dashboard-hero{grid-template-columns:1fr;padding:16px 18px;gap:10px} #page-platform-dashboard.is-active .platform-dashboard-hero p,#page-platform-dashboard.is-active .platform-dashboard-primary-action{display:none} #page-platform-dashboard.is-active .platform-dashboard-hero h2{margin:7px 0;font-size:25px} #page-platform-dashboard.is-active .platform-dashboard-focus{position:absolute;right:14px;bottom:14px;width:150px} #page-platform-dashboard.is-active .platform-dashboard-focus>div{min-height:52px;padding:8px} #page-platform-dashboard.is-active .platform-dashboard-focus strong{font-size:18px} #page-platform-dashboard.is-active .platform-dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px} #page-platform-dashboard.is-active .platform-dashboard-metrics article{min-height:58px;display:block;padding:7px} #page-platform-dashboard.is-active .platform-metric-icon{display:none} #page-platform-dashboard.is-active .platform-dashboard-metrics article>div{display:block} #page-platform-dashboard.is-active .platform-dashboard-metrics article>div>span{display:none} #page-platform-dashboard.is-active .platform-dashboard-metrics strong{font-size:18px} #page-platform-dashboard.is-active .platform-unassigned>header{min-height:44px} #page-platform-dashboard.is-active .platform-unassigned-row{grid-template-columns:1fr auto;min-height:42px} #page-platform-dashboard.is-active .platform-dashboard-workspaces>header{display:none} #page-platform-dashboard.is-active .platform-workspace-card{min-height:50px;grid-template-columns:32px minmax(0,1fr);padding:7px 9px} #page-platform-dashboard.is-active .platform-workspace-icon{width:32px;height:32px} #page-platform-dashboard.is-active .platform-workspace-copy small,#page-platform-dashboard.is-active .platform-card-arrow{display:none} } /* Keep the unified calendar geometry authoritative over the retired home-dashboard rules above. */ #page-platform-dashboard.is-active .platform-dashboard-shell{grid-template-rows:auto auto minmax(0,1fr)!important;gap:11px!important;overflow:hidden!important} @media(max-width:680px){ #appShell:has(#page-platform-dashboard.is-active) .main-stage{overflow:auto!important} #page-platform-dashboard.is-active{height:auto!important;overflow:visible!important} #page-platform-dashboard.is-active .platform-dashboard-shell{height:auto!important;width:calc(100% - 20px)!important;grid-template-rows:auto auto auto!important;padding:10px 0 18px!important;overflow:visible!important} } /* v41.4 — exact Contract Dashboard visual language, with unified travel content. */ #page-platform-dashboard{ --radar-navy:#0b5f53;--radar-blue:#168775;--radar-blue-soft:#eaf6f2;--radar-green:#168775;--radar-green-soft:#eaf6f2; --radar-surface:#fff;--radar-soft:#f5faf8;--radar-line:#dce8e4;--radar-muted:#7d8f8a; --wl29-ink:#142925;--wl29-copy:#60736e;--wl29-muted:#7d8f8a;--wl29-line:#dce8e4;--wl29-surface-soft:#f5faf8; --wl29-teal:#168775;--wl29-teal-soft:#eaf6f2;--wl29-navy:#0b5f53;--wl29-navy-soft:#e5f2ee; } #page-platform-dashboard.is-active .platform-dashboard-shell{display:block!important;padding:14px 0 18px!important;overflow:hidden!important} #page-platform-dashboard .platform-dashboard-toolbar{min-height:64px!important;margin:0 0 14px!important;padding:10px 12px 10px 16px!important;border:1px solid var(--wl29-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important} #page-platform-dashboard .platform-dashboard-toolbar .range-controls{gap:7px} #page-platform-dashboard .platform-dashboard-toolbar .range-title{margin-inline-start:6px} #page-platform-dashboard .platform-dashboard-toolbar .range-title strong{font-size:15px!important;color:var(--wl29-ink)!important} #page-platform-dashboard .platform-dashboard-toolbar .range-title span{font-size:11px!important;color:var(--wl29-muted)!important} #page-platform-dashboard .platform-dashboard-toolbar .platform-dashboard-total{width:auto;height:27px;display:inline-flex;padding:4px 9px;gap:6px;border-radius:7px!important;background:var(--wl29-navy-soft)!important;color:var(--wl29-navy)!important} #page-platform-dashboard .platform-dashboard-toolbar .platform-dashboard-total strong{display:inline;color:inherit;background:none;width:auto;height:auto;font-size:11px} #page-platform-dashboard .platform-operations-board{min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important} #page-platform-dashboard .platform-date-strip{display:grid!important;position:relative;gap:0!important;padding:0!important;margin:0 0 14px!important;border:1px solid var(--wl29-line)!important;grid-template-columns:minmax(150px,1fr) repeat(10,minmax(68px,1fr))!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important} #page-platform-dashboard .platform-date-strip:before{content:"OPERATIONS HORIZON";display:flex;align-items:center;padding:0 14px;background:var(--wl29-navy);color:#dce7e4;font-size:9px;font-weight:800;letter-spacing:.12em;white-space:nowrap} #page-platform-dashboard .platform-date-strip .radar-day{min-height:82px!important;border:0!important;border-left:1px solid var(--wl29-line)!important;border-radius:0!important;background:#fff!important;color:#314a7c!important;transform:none!important} #page-platform-dashboard .platform-date-strip .radar-day:hover{background:var(--wl29-surface-soft)!important} #page-platform-dashboard .platform-date-strip .radar-day.is-selected{background:var(--wl29-teal-soft)!important;color:var(--wl29-teal)!important;box-shadow:inset 0 -3px 0 var(--wl29-teal)!important} #page-platform-dashboard .platform-date-strip .radar-day>i{width:100%;height:3px!important;background:#e8efec!important} #page-platform-dashboard .platform-date-strip .radar-day>i::after{background:var(--wl29-teal)!important} #page-platform-dashboard .platform-operations-layout{display:grid!important;grid-template-columns:minmax(0,2.15fr) minmax(270px,.68fr)!important;gap:14px!important;min-height:0} #page-platform-dashboard .platform-day-panel,#page-platform-dashboard .platform-summary-panel>.radar-panel{padding:0!important;border:1px solid var(--wl29-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;overflow:hidden} #page-platform-dashboard .platform-day-panel{height:calc(100dvh - 244px);display:grid!important;grid-template-rows:auto minmax(0,1fr)} #page-platform-dashboard .radar-section-head{margin:0!important;padding:18px 20px 15px!important;border-bottom:1px solid var(--wl29-line)!important;background:#fff!important} #page-platform-dashboard .radar-section-head h2{font-size:17px!important;color:var(--wl29-ink)!important} #page-platform-dashboard .radar-section-head p{font-size:11px!important;color:var(--wl29-muted)!important} #page-platform-dashboard .platform-summary-panel>.radar-panel .radar-section-head{background:var(--wl29-navy)!important;border-bottom-color:#28786b!important} #page-platform-dashboard .platform-summary-panel>.radar-panel .radar-section-head h2{color:#fff!important} #page-platform-dashboard .platform-summary-panel>.radar-panel .radar-section-head p{color:#cfe3de!important} #page-platform-dashboard .platform-day-scroll{padding:0!important;overflow-y:auto!important;scroll-behavior:smooth;scrollbar-color:#a9c9c0 transparent} #page-platform-dashboard .platform-event-group{margin:0!important} #page-platform-dashboard .platform-event-group>header{min-height:42px;margin:0!important;padding:0 20px;border-bottom:1px solid var(--wl29-line);background:#f8fbfa;color:var(--wl29-copy);font-size:10px;letter-spacing:.025em;text-transform:uppercase} #page-platform-dashboard .platform-event-group>header b{border-radius:7px;background:var(--wl29-navy-soft);color:var(--wl29-navy)} #page-platform-dashboard .platform-event-group .radar-queue{gap:0!important} #page-platform-dashboard .platform-day-scroll .radar-case{width:100%;max-width:none;margin:0!important;display:grid;grid-template-columns:3px minmax(0,1fr) minmax(205px,auto);gap:0;border:0!important;border-bottom:1px solid var(--wl29-line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:hidden;transform:none!important} #page-platform-dashboard .platform-day-scroll .radar-case:hover{background:#f7faf8!important;box-shadow:inset 0 0 0 1px #c7dcd6!important} #page-platform-dashboard .platform-day-scroll .radar-case .radar-case-rail{display:block;width:3px;background:var(--wl29-teal)!important} #page-platform-dashboard .platform-day-scroll .radar-case-body{padding:12px 14px;display:grid;grid-template-columns:minmax(190px,.9fr) minmax(170px,.75fr);grid-template-areas:"person action" "tags tags";gap:8px 18px;align-items:center} #page-platform-dashboard .platform-day-scroll .radar-country-mark{border-radius:10px!important;background:var(--wl29-teal-soft)!important;color:var(--wl29-teal)!important} #page-platform-dashboard .platform-day-scroll .radar-country-mark svg{width:17px;height:17px} #page-platform-dashboard .platform-day-scroll .radar-case-side{min-width:205px;padding:12px 13px;border-inline-start:1px solid var(--wl29-line)!important;background:var(--wl29-surface-soft)!important;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px} #page-platform-dashboard .platform-day-scroll .radar-open-case{border-color:var(--wl29-teal)!important;background:var(--wl29-teal)!important;color:#fff!important} #page-platform-dashboard .platform-day-scroll .radar-open-case:hover{border-color:var(--wl29-navy)!important;background:var(--wl29-navy)!important} #page-platform-dashboard .platform-travel-event{min-height:82px!important} #page-platform-dashboard .platform-travel-event .radar-case-body{grid-template-areas:"person action";padding-block:9px} #page-platform-dashboard .platform-travel-event .radar-case-side{padding-block:9px} #page-platform-dashboard .platform-summary-panel{display:grid!important;gap:14px;padding:0!important;align-content:start;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important} #page-platform-dashboard .platform-summary-stats{padding:12px;gap:8px} #page-platform-dashboard .platform-summary-stats .radar-risk{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;min-height:0;padding:9px;border:0;background:var(--wl29-surface-soft)!important} #page-platform-dashboard .platform-workspace-links>button{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) 14px;align-items:center;gap:9px;padding:12px 16px;border:0;border-bottom:1px solid var(--wl29-line);background:#fff;color:var(--wl29-ink);text-align:left;cursor:pointer} #page-platform-dashboard .platform-workspace-links>button>svg{width:15px;height:15px;color:var(--wl29-teal)} #page-platform-dashboard .platform-workspace-links>button span{display:grid;gap:2px}.platform-workspace-links>button b{font-size:11px}.platform-workspace-links>button small{font-size:9px;color:var(--wl29-muted)} @media(max-width:900px){#page-platform-dashboard .platform-operations-layout{grid-template-columns:1fr!important}#page-platform-dashboard .platform-day-panel{height:65dvh}#page-platform-dashboard .platform-summary-panel{grid-template-columns:1fr 1fr}} @media(max-width:680px){#page-platform-dashboard .platform-date-strip{grid-template-columns:120px repeat(10,68px)!important;overflow-x:auto!important}#page-platform-dashboard .platform-day-scroll .radar-case{grid-template-columns:3px minmax(0,1fr)}#page-platform-dashboard .platform-day-scroll .radar-case-body{grid-template-columns:1fr;grid-template-areas:"person" "action" "tags"}#page-platform-dashboard .platform-day-scroll .radar-case-side{grid-column:2;min-width:0;border-inline-start:0!important;border-top:1px solid var(--wl29-line)}#page-platform-dashboard .platform-summary-panel{grid-template-columns:1fr}} /* v42 — travel operations cockpit, scoped to dashboard content only. */ #page-platform-dashboard{--pc-green:#1fa97b;--pc-green-dark:#087e66;--pc-green-soft:#ebfaf4;--pc-blue:#4d91f7;--pc-blue-soft:#eff6ff;--pc-orange:#ff8a24;--pc-orange-soft:#fff6ec;--pc-purple:#9a70ee;--pc-ink:#24324a;--pc-copy:#66758b;--pc-line:#e4eaf0;--pc-canvas:#f8fafc;background:var(--pc-canvas)!important} #page-platform-dashboard.is-active{height:calc(100dvh - 40px)!important;overflow:hidden!important} #page-platform-dashboard.is-active .platform-dashboard-shell{width:min(1480px,calc(100% - 38px))!important;height:100%!important;display:grid!important;grid-template-rows:92px 118px minmax(0,1fr)!important;gap:14px!important;padding:14px 0 16px!important;overflow:hidden!important} #page-platform-dashboard .platform-welcome{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border:1px solid #dceee8;border-radius:18px;background:radial-gradient(circle at 67% 10%,rgba(255,255,255,.9),transparent 24%),linear-gradient(104deg,#edf9f5 0%,#eef8ff 58%,#e3f3ff 100%);overflow:hidden} #page-platform-dashboard .platform-welcome>div:first-child{position:relative;z-index:2;display:flex;align-items:center;gap:13px}.platform-welcome>div:first-child>span{font-size:24px}.platform-welcome h1{margin:0!important;color:#1d2939!important;font-size:21px!important;line-height:1.2!important;letter-spacing:-.035em!important}.platform-welcome h1 b{font-weight:750}.platform-welcome p{margin:5px 0 0!important;color:#536174!important;font-size:10px!important} #page-platform-dashboard .platform-travel-scene{position:absolute;inset:0 0 0 auto;width:48%;pointer-events:none}.platform-travel-scene:before{content:"";position:absolute;right:0;bottom:0;width:100%;height:18px;background:linear-gradient(90deg,transparent,#b9e4d4 40%,#78c9af);clip-path:polygon(0 75%,14% 42%,32% 72%,49% 22%,65% 65%,78% 28%,100% 70%,100% 100%,0 100%)}.platform-travel-scene i{position:absolute;bottom:16px;width:12px;height:34px;border-radius:12px 12px 2px 2px;background:#6fc49f;transform-origin:bottom}.platform-travel-scene i:nth-of-type(1){right:9%;height:39px;transform:rotate(7deg)}.platform-travel-scene i:nth-of-type(2){right:14%;height:30px;transform:rotate(-9deg)}.platform-travel-scene i:nth-of-type(3){right:23%;height:25px}.scene-plane{position:absolute;right:28%;top:17px;width:43px;height:43px;color:#a9bfd5;transform:rotate(-13deg);opacity:.8}.scene-hotel{position:absolute;right:3%;bottom:13px;width:44px;height:44px;color:#79a8b8;opacity:.8} #page-platform-dashboard .platform-calendar-strip{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) 42px;align-items:stretch;border:1px solid var(--pc-line);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 5px 18px rgba(46,76,108,.035)} #page-platform-dashboard .platform-calendar-control{display:flex;align-items:center;gap:8px;padding:0 14px}.platform-calendar-control button,.platform-calendar-next{border:1px solid var(--pc-line);border-radius:9px;background:#fff;color:#526579;cursor:pointer}.platform-calendar-control button:first-child,.platform-calendar-next{width:34px;height:34px;display:grid;place-items:center}.platform-calendar-control button:first-child svg,.platform-calendar-next svg{width:14px;height:14px}.platform-calendar-control button:last-child{height:34px;padding:0 13px;border-color:#cceee1;background:var(--pc-green-soft);color:var(--pc-green-dark);font-size:10px;font-weight:700} #page-platform-dashboard .platform-date-picker-wrap{position:relative;display:inline-grid;width:58px;min-width:58px}.platform-date-picker-wrap #platformTodayButton{width:58px!important;min-width:58px!important;height:34px;padding:0 13px;border:1px solid #cceee1;border-radius:9px;background:var(--pc-green-soft);color:var(--pc-green-dark);font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer}.platform-date-picker-wrap input{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}.platform-date-picker-wrap:focus-within #platformTodayButton{outline:2px solid rgba(11,128,108,.25);outline-offset:2px} #page-platform-dashboard .platform-date-strip{display:grid!important;grid-template-columns:repeat(10,minmax(72px,1fr))!important;gap:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;overflow:hidden!important}.platform-date-strip:before{display:none!important}.platform-calendar-day{min-width:0;display:grid;justify-items:center;align-content:center;gap:4px;margin:12px 0;padding:7px 5px;border:0;border-left:1px solid #edf0f4;border-radius:11px;background:#fff;color:var(--pc-copy);cursor:pointer;transition:.18s ease}.platform-calendar-day:hover{background:#f7fafc}.platform-calendar-day.is-selected{margin:0;padding-block:19px;border:1px solid #83d5bc;border-radius:13px;background:linear-gradient(180deg,#f0fbf7,#e9f8f3);box-shadow:0 8px 20px rgba(31,169,123,.08)}.platform-calendar-day>span{font-size:8px;font-weight:700}.platform-calendar-day>strong{display:flex;align-items:baseline;gap:4px;color:var(--pc-ink);font-size:17px;font-variant-numeric:tabular-nums}.platform-calendar-day>strong b{font:inherit}.platform-calendar-day>strong em{color:#718095;font-size:9px;font-style:normal;font-weight:700}.platform-calendar-day.is-selected>strong{font-size:21px}.platform-calendar-day.is-selected>strong em{color:var(--pc-green-dark);font-size:10px}.platform-calendar-day>div{height:16px;display:flex;align-items:center;gap:5px}.platform-calendar-day>div svg{width:12px;height:12px}.platform-calendar-day>div .is-contract{color:var(--pc-green)}.platform-calendar-day>div .is-flight{color:var(--pc-blue)}.platform-calendar-day>div .is-hotel{color:var(--pc-orange)}.platform-calendar-day>div i{color:#c4cdd7;font-style:normal}.platform-calendar-day>small{font-size:8px;color:#65758a} #page-platform-dashboard .platform-calendar-next{align-self:center;margin-right:8px} #page-platform-dashboard .platform-operations-layout{min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1.58fr) minmax(280px,.83fr) minmax(250px,.7fr)!important;gap:12px!important} #page-platform-dashboard :is(.platform-agenda-panel,.platform-service-panel,.platform-insight-card){min-width:0;border:1px solid var(--pc-line);border-radius:14px;background:#fff;box-shadow:0 4px 16px rgba(46,76,108,.025);overflow:hidden} #page-platform-dashboard .platform-agenda-panel{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.platform-agenda-panel>header,.platform-service-panel>header,.platform-insight-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:16px 18px 0}.platform-agenda-panel h2,.platform-service-panel h2,.platform-insight-card h2{margin:0!important;color:var(--pc-ink)!important;font-size:14px!important;letter-spacing:-.02em!important}.platform-agenda-panel>header p{margin:3px 0 0!important;color:var(--pc-copy)!important;font-size:9px!important}.platform-agenda-view{display:flex}.platform-agenda-view button{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--pc-line);background:#fff;color:#708096}.platform-agenda-view button:first-child{border-radius:8px 0 0 8px}.platform-agenda-view button:last-child{border-left:0;border-radius:0 8px 8px 0}.platform-agenda-view button.is-active{background:#f5f8fb;color:var(--pc-ink)}.platform-agenda-view svg{width:13px;height:13px} #page-platform-dashboard .platform-agenda-filters{display:flex;gap:7px;padding:12px 18px}.platform-agenda-filters button{height:27px;display:flex;align-items:center;gap:6px;padding:0 14px;border:1px solid var(--pc-line);border-radius:8px;background:#fff;color:#526379;font-size:9px;cursor:pointer}.platform-agenda-filters button svg{width:11px;height:11px}.platform-agenda-filters button.is-active{border-color:var(--pc-green-dark);background:var(--pc-green-dark);color:#fff} #page-platform-dashboard .platform-day-scroll{min-height:0;padding:0 13px 10px!important;overflow-y:auto!important;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#c7d3de transparent}.platform-agenda-period>header{height:28px;display:flex;align-items:center;gap:8px;color:#23826c;font-size:10px;font-weight:700}.platform-agenda-period>header span{color:#ffb51b}.platform-agenda-row{position:relative;display:grid;grid-template-columns:42px 10px minmax(0,1fr);align-items:stretch;min-height:48px}.platform-agenda-row>time{padding-top:14px;color:#526379;font-size:9px;font-variant-numeric:tabular-nums}.platform-agenda-row>i{position:relative}.platform-agenda-row>i:before{content:"";position:absolute;top:20px;left:3px;width:6px;height:6px;border-radius:50%;background:var(--pc-green)}.platform-agenda-row>i:after{content:"";position:absolute;top:27px;bottom:-5px;left:5.5px;width:1px;background:#dce5eb}.platform-agenda-row.is-flight>i:before{background:var(--pc-blue)}.platform-agenda-row.is-hotel>i:before{background:var(--pc-orange)}.platform-agenda-row>button{min-width:0;min-height:44px;display:grid;grid-template-columns:34px minmax(0,1fr) auto 13px;align-items:center;gap:9px;margin:3px 0;padding:6px 9px;border:1px solid var(--pc-line);border-radius:8px;background:#fff;color:var(--pc-ink);text-align:left;cursor:pointer;transition:.18s ease}.platform-agenda-row>button:hover{border-color:#bdd3df;box-shadow:0 5px 15px rgba(45,75,105,.07);transform:translateY(-1px)}.platform-agenda-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--pc-green-soft);color:var(--pc-green)}.platform-agenda-row.is-flight .platform-agenda-icon{background:var(--pc-blue-soft);color:var(--pc-blue)}.platform-agenda-row.is-hotel .platform-agenda-icon{background:var(--pc-orange-soft);color:var(--pc-orange)}.platform-agenda-icon svg{width:17px;height:17px}.platform-agenda-copy{min-width:0;display:grid;gap:2px}.platform-agenda-copy b,.platform-agenda-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-agenda-copy b{font-size:10px}.platform-agenda-copy small{color:var(--pc-copy);font-size:8px}.platform-agenda-status{padding:4px 7px;border-radius:5px;font-size:7px;font-weight:700}.platform-agenda-status.is-green{background:var(--pc-green-soft);color:var(--pc-green-dark)}.platform-agenda-status.is-blue{background:var(--pc-blue-soft);color:var(--pc-blue)}.platform-agenda-status.is-orange{background:var(--pc-orange-soft);color:#d76500}.platform-agenda-status.is-danger{background:#fff0ef;color:#cf3b34}.platform-agenda-arrow{width:11px;height:11px;color:#9aa7b5}.platform-agenda-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--pc-copy);font-size:9px}.platform-agenda-empty svg{width:25px;height:25px}.platform-agenda-panel>footer{height:34px;display:flex;align-items:center;justify-content:center;gap:6px;border-top:1px solid #eff2f5;color:#8491a1;font-size:8px}.platform-agenda-panel>footer svg{width:12px;height:12px} #page-platform-dashboard .platform-service-panel{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.platform-service-panel>header span{color:#8592a3;font-size:10px}.platform-service-panel>div{display:grid;align-content:start;gap:10px;padding:12px}.platform-service-panel>div>article{min-height:82px;display:grid;grid-template-columns:42px minmax(0,.8fr) minmax(100px,1fr) 13px;align-items:center;gap:10px;padding:10px;border:1px solid #d9eee6;border-radius:11px;background:linear-gradient(105deg,#fff,#f7fcfa)}.platform-service-panel>div>article.is-flight{border-color:#dce9fb;background:linear-gradient(105deg,#fff,#f6f9ff)}.platform-service-panel>div>article.is-hotel{border-color:#f6e3cf;background:linear-gradient(105deg,#fff,#fff9f3)}.platform-service-panel article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--pc-green);color:#fff}.platform-service-panel article.is-flight>span{background:var(--pc-blue)}.platform-service-panel article.is-hotel>span{background:var(--pc-orange)}.platform-service-panel article>span svg{width:18px;height:18px}.platform-service-panel article>div{display:grid}.platform-service-panel article>div small,.platform-service-panel article>aside small{color:#7c8999;font-size:8px}.platform-service-panel article>div strong{color:var(--pc-ink);font-size:21px}.platform-service-panel article>div em,.platform-service-panel article>aside em{color:#7c8999;font-size:8px;font-style:normal}.platform-service-panel article>aside{min-width:0;display:grid;gap:4px;padding-left:10px;border-left:1px solid #e8edf1}.platform-service-panel article>aside b{overflow:hidden;color:#344258;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.platform-service-panel article>svg{width:12px;height:12px;color:var(--pc-green)}.platform-service-panel article.is-flight>svg{color:var(--pc-blue)}.platform-service-panel article.is-hotel>svg{color:var(--pc-orange)}.platform-service-panel>aside{position:relative;min-height:82px;display:flex;flex-direction:column;justify-content:center;margin:0 12px 12px;padding:0 18px;border-radius:11px;background:linear-gradient(135deg,#f4f7fa,#edf4fb);overflow:hidden}.platform-service-panel>aside b{color:#47566b;font-size:9px}.platform-service-panel>aside small{margin-top:4px;color:#7c8999;font-size:8px}.platform-service-panel>aside svg{position:absolute;right:23px;bottom:18px;width:42px;height:42px;color:#b5cae0;transform:rotate(-18deg)} #page-platform-dashboard .platform-insights-column{min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:10px;overflow-y:auto;scrollbar-width:none}.platform-insight-card>header{padding:13px 14px 0}.platform-workload{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:center;padding:8px 13px 12px}.platform-workload-ring{width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--pc-green) 0 var(--contract-deg),var(--pc-blue) var(--contract-deg) calc(var(--contract-deg) + var(--flight-deg)),var(--pc-orange) calc(var(--contract-deg) + var(--flight-deg)) 360deg);position:relative}.platform-workload-ring:after{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}.platform-workload-ring>span{position:relative;z-index:1;display:grid;text-align:center}.platform-workload-ring b{color:var(--pc-ink);font-size:18px}.platform-workload-ring small{color:#7b8898;font-size:7px}.platform-workload-legend{display:grid;gap:10px}.platform-workload-legend span{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:6px;color:#536174;font-size:8px}.platform-workload-legend i{width:6px;height:6px;border-radius:50%;background:var(--pc-green)}.platform-workload-legend i.is-flight{background:var(--pc-blue)}.platform-workload-legend i.is-hotel{background:var(--pc-orange)}.platform-workload-legend b{color:var(--pc-ink)} #page-platform-dashboard .platform-quick-access>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:9px 12px 12px}.platform-quick-access button{height:29px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--pc-line);border-radius:7px;background:#fff;color:#455469;font-size:8px;cursor:pointer}.platform-quick-access button svg{width:12px;height:12px;color:var(--pc-green)}.platform-quick-access button:nth-child(2) svg{color:var(--pc-blue)}.platform-quick-access button:nth-child(3) svg{color:var(--pc-orange)}.platform-quick-access button:nth-child(4) svg{color:var(--pc-purple)} #page-platform-dashboard .platform-upcoming>header button{border:0;background:none;color:#68778c;font-size:7px;text-decoration:underline;cursor:pointer}.platform-upcoming>div{padding:6px 12px 10px}.platform-upcoming>div button{width:100%;height:29px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;border:0;border-top:1px solid #edf1f4;background:#fff;color:#526174;font-size:8px;text-align:left;cursor:pointer}.platform-upcoming>div button i{color:var(--pc-green);font-style:normal}.platform-upcoming>div button b{color:#445268;font-size:8px} #page-platform-dashboard .platform-attention>header b{min-width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#f04438;color:#fff;font-size:8px}.platform-attention>div{padding:7px 12px 10px}.platform-attention>div button{width:100%;min-height:31px;display:grid;grid-template-columns:18px minmax(0,1fr) 11px;align-items:center;gap:6px;border:0;border-top:1px solid #edf1f4;background:#fff;color:#4b596d;text-align:left;cursor:pointer}.platform-attention>div button span{color:var(--pc-orange)}.platform-attention>div button b{font-size:8px}.platform-attention>div button svg{width:10px;height:10px;color:#96a2af} @media(max-width:1180px){#page-platform-dashboard.is-active .platform-dashboard-shell{grid-template-rows:82px 108px auto!important;overflow-y:auto!important}#page-platform-dashboard.is-active{overflow:auto!important}.platform-operations-layout{grid-template-columns:minmax(0,1.4fr) minmax(260px,.75fr)!important}.platform-insights-column{grid-column:1/-1;grid-template-columns:repeat(4,1fr)!important;grid-template-rows:auto!important}.platform-travel-scene{width:42%}} @media(max-width:780px){#page-platform-dashboard.is-active .platform-dashboard-shell{width:calc(100% - 20px)!important}.platform-calendar-strip{grid-template-columns:auto minmax(0,1fr) 40px!important}.platform-date-strip{grid-template-columns:repeat(10,76px)!important;overflow-x:auto!important}.platform-operations-layout{grid-template-columns:1fr!important}.platform-service-panel{min-height:480px}.platform-insights-column{grid-template-columns:1fr 1fr!important}.platform-travel-scene{opacity:.45}.platform-agenda-status{display:none}} /* v42.1 — reference palette lock: neutral canvas and borders, service colours only as accents. */ #appShell:has(#page-platform-dashboard.is-active) .main-stage{background:#fbfcfd!important} #page-platform-dashboard{ --pc-canvas:#fbfcfd;--pc-surface:#ffffff;--pc-surface-subtle:#f8fafb; --pc-line:#e7ebef;--pc-line-soft:#eef1f4;--pc-line-strong:#d9e0e6; --pc-ink:#273449;--pc-copy:#718095; --pc-green:#20ad80;--pc-green-dark:#0b806c;--pc-green-soft:#eefaf6; --pc-blue:#4e92f3;--pc-blue-soft:#f0f6ff; --pc-orange:#ff8b2b;--pc-orange-soft:#fff6ee; background:var(--pc-canvas)!important;color:var(--pc-ink)!important; } #page-platform-dashboard :is(.platform-calendar-strip,.platform-agenda-panel,.platform-service-panel,.platform-insight-card){border-color:var(--pc-line)!important;background:var(--pc-surface)!important;box-shadow:0 2px 8px rgba(39,52,73,.025)!important} #page-platform-dashboard .platform-welcome{border-color:#e1e9ed!important;background:radial-gradient(circle at 67% 5%,rgba(255,255,255,.94),transparent 25%),linear-gradient(104deg,#f0faf7 0%,#f4f9fd 54%,#eaf5fd 100%)!important;box-shadow:none!important} #page-platform-dashboard :is(.platform-calendar-control button:first-child,.platform-calendar-next,.platform-agenda-view button,.platform-agenda-filters button,.platform-agenda-row>button,.platform-quick-access button){border-color:var(--pc-line)!important;background:#fff!important} #page-platform-dashboard .platform-calendar-control button:last-child{border-color:#d6eee6!important;background:var(--pc-green-soft)!important;color:var(--pc-green-dark)!important} #page-platform-dashboard .platform-calendar-day{border-left-color:var(--pc-line-soft)!important;background:#fff!important;color:var(--pc-copy)!important} #page-platform-dashboard .platform-calendar-day:hover{background:var(--pc-surface-subtle)!important} #page-platform-dashboard .platform-calendar-day.is-selected{border-color:#7fd3b9!important;background:linear-gradient(180deg,#f3fbf8,#edf9f5)!important;box-shadow:0 5px 14px rgba(32,173,128,.07)!important} #page-platform-dashboard .platform-agenda-filters button.is-active{border-color:var(--pc-green-dark)!important;background:var(--pc-green-dark)!important;color:#fff!important} #page-platform-dashboard .platform-date-strip{grid-template-columns:repeat(9,minmax(72px,1fr))!important} @media(max-width:780px){#page-platform-dashboard .platform-date-strip{grid-template-columns:repeat(9,76px)!important}} /* v42.3 — custom calendar and wheel-like date movement */ #page-platform-dashboard .platform-calendar-control{overflow:visible;position:relative;z-index:12} #page-platform-dashboard .platform-date-picker-wrap{position:relative;display:inline-grid;width:64px;min-width:64px} #page-platform-dashboard .platform-date-picker-wrap #platformTodayButton{position:relative;z-index:2;width:64px!important;min-width:64px!important;height:36px!important;padding:0!important;border:1px solid #d8e1e7!important;border-radius:10px!important;background:#fff!important;color:#718095!important;box-shadow:0 1px 2px rgba(39,52,73,.03);font-size:10px!important;font-weight:750!important;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .15s ease} #page-platform-dashboard .platform-date-picker-wrap #platformTodayButton:hover{border-color:#aebdc7!important;background:#f8fafb!important;color:#344258!important} #page-platform-dashboard .platform-date-picker-wrap #platformTodayButton:active{transform:scale(.96)} #page-platform-dashboard .platform-date-picker-wrap #platformTodayButton.is-return-ready{border-color:#69c8aa!important;background:#e9f8f2!important;color:#087763!important;box-shadow:0 0 0 3px rgba(32,173,128,.08)} #page-platform-dashboard .platform-date-picker-wrap #platformTodayButton.is-return-ready:after{content:"";position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:50%;background:#20ad80} #page-platform-dashboard .platform-calendar-popover{position:absolute;z-index:90;top:44px;left:0;width:276px;padding:12px;border:1px solid #dfe6eb;border-radius:16px;background:rgba(255,255,255,.985);box-shadow:0 20px 55px rgba(38,55,75,.18);transform-origin:top left;transition:opacity .2s ease,transform .24s cubic-bezier(.16,1,.3,1),visibility .2s} #page-platform-dashboard .platform-calendar-popover[aria-hidden="true"]{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.97)} #page-platform-dashboard .platform-calendar-popover[aria-hidden="false"]{opacity:1;visibility:visible;pointer-events:auto;transform:none} #page-platform-dashboard .platform-calendar-popover>header{height:38px;padding:0 2px 9px;display:grid;grid-template-columns:32px 1fr 32px;align-items:center;border-bottom:1px solid #edf1f4} #page-platform-dashboard .platform-calendar-popover>header strong{text-align:center;color:#273449;font-size:12px;letter-spacing:-.01em} #page-platform-dashboard .platform-calendar-popover>header button{width:30px!important;height:30px!important;padding:0!important;display:grid!important;place-items:center;border:1px solid transparent!important;border-radius:8px!important;background:#fff!important;color:#718095!important;cursor:pointer} #page-platform-dashboard .platform-calendar-popover>header button:hover{border-color:#dde5ea!important;background:#f5f8fa!important;color:#273449!important} #page-platform-dashboard .platform-calendar-popover>header svg{width:13px;height:13px} #page-platform-dashboard .platform-calendar-weekdays,#page-platform-dashboard .platform-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px} #page-platform-dashboard .platform-calendar-weekdays{padding:10px 2px 5px}.platform-calendar-weekdays span{text-align:center;color:#98a4b1;font-size:8px;font-weight:750;text-transform:uppercase} #page-platform-dashboard .platform-calendar-grid button{position:relative;width:32px;height:32px;padding:0;border:0;border-radius:9px;background:transparent;color:#344258;font-size:10px;font-weight:650;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease} #page-platform-dashboard .platform-calendar-grid button:hover{background:#eef4f6;transform:scale(1.06)} #page-platform-dashboard .platform-calendar-grid button.is-outside{color:#bac3cc} #page-platform-dashboard .platform-calendar-grid button.is-today{box-shadow:inset 0 0 0 1px #69c8aa;color:#087763} #page-platform-dashboard .platform-calendar-grid button.is-selected{background:#128672;color:#fff;box-shadow:0 5px 12px rgba(18,134,114,.2)} #page-platform-dashboard .platform-date-strip{contain:layout paint} @media(max-width:520px){#page-platform-dashboard .platform-calendar-popover{position:fixed;top:68px;left:12px;right:12px;width:auto}.platform-calendar-grid button{justify-self:center}} @media(prefers-reduced-motion:reduce){#page-platform-dashboard .platform-calendar-popover,#page-platform-dashboard .platform-calendar-grid button,#page-platform-dashboard #platformTodayButton{transition:none!important}} #page-platform-dashboard .platform-calendar-strip{position:relative!important;z-index:35!important;overflow:visible!important;isolation:isolate} #page-platform-dashboard .platform-calendar-popover{z-index:120!important;will-change:transform,opacity} #page-platform-dashboard .platform-operations-layout{position:relative;z-index:1} #page-platform-dashboard .platform-date-strip{overflow:hidden!important;transform:translateZ(0)} #page-platform-dashboard .platform-agenda-row>i:after{background:var(--pc-line-strong)!important} #page-platform-dashboard .platform-agenda-row>button:hover{border-color:#cbd5dd!important;box-shadow:0 4px 12px rgba(39,52,73,.055)!important} #page-platform-dashboard .platform-agenda-panel>footer{border-color:var(--pc-line-soft)!important;background:#fff!important} #page-platform-dashboard .platform-service-panel>div>article{border-color:#dceee8!important;background:linear-gradient(105deg,#fff,#f8fcfa)!important;box-shadow:none!important} #page-platform-dashboard .platform-service-panel>div>article.is-flight{border-color:#dee9f8!important;background:linear-gradient(105deg,#fff,#f7faff)!important} #page-platform-dashboard .platform-service-panel>div>article.is-hotel{border-color:#f2e3d5!important;background:linear-gradient(105deg,#fff,#fffaf5)!important} #page-platform-dashboard .platform-service-panel article>aside{border-color:var(--pc-line-soft)!important} #page-platform-dashboard .platform-service-panel>aside{background:linear-gradient(135deg,#f7f9fb,#eef4fa)!important} #page-platform-dashboard :is(.platform-upcoming>div button,.platform-attention>div button){border-color:var(--pc-line-soft)!important;background:#fff!important} #page-platform-dashboard :is(h1,h2){color:var(--pc-ink)!important} #page-platform-dashboard :is(p,small){color:var(--pc-copy)} /* Locally hosted travel photography; retain the original gradient on failure. */ #page-platform-dashboard.is-active .platform-dashboard-shell.platform-dashboard-shell{grid-template-rows:133px 108px minmax(620px,auto)!important} #page-platform-dashboard .platform-welcome{isolation:isolate} #page-platform-dashboard .platform-welcome .greeting-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0} #page-platform-dashboard .platform-welcome.has-greeting-photo:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,30,43,.76),rgba(8,30,43,.30) 48%,rgba(8,30,43,.03) 78%);pointer-events:none} #page-platform-dashboard .platform-welcome.has-greeting-photo h1{color:#fff!important;font-size:25px!important;text-shadow:0 1px 4px #102d3d66} #page-platform-dashboard .platform-welcome.has-greeting-photo p{color:#fff!important;font-size:12px!important} #page-platform-dashboard .greeting-photo-credit{position:absolute;right:18px;bottom:13px;z-index:2;max-width:calc(100% - 36px);padding:7px 11px;border-radius:8px;background:rgba(9,29,39,.72);color:#fff!important;font-size:10px;line-height:1.5;text-decoration:none;backdrop-filter:blur(5px)} #page-platform-dashboard .greeting-photo-credit:focus-visible{outline:2px solid #fff;outline-offset:3px} #page-platform-dashboard .platform-welcome [hidden]{display:none!important} @media(max-width:1180px){#page-platform-dashboard.is-active .platform-dashboard-shell.platform-dashboard-shell{grid-template-rows:126px 108px auto!important}} @media(max-width:780px){#page-platform-dashboard.is-active .platform-dashboard-shell.platform-dashboard-shell{grid-template-rows:126px 142px auto!important}} @media(max-width:600px){#page-platform-dashboard .platform-welcome{padding:12px 18px 42px!important;align-items:flex-start;min-height:126px;box-sizing:border-box}#page-platform-dashboard .platform-welcome.has-greeting-photo h1{font-size:21px!important}#page-platform-dashboard .platform-welcome>div:first-child{gap:8px!important}#page-platform-dashboard .greeting-photo-credit{right:12px;bottom:10px;max-width:calc(100% - 24px);font-size:9px}}