/* MoveDefense desktop records workspace. The route-first phone layout lives in app.css. */
body.desktop-app-active,
body:has(#screen-auth.is-active){
  --void:#F4F6F8;
  --panel:#FFFFFF;
  --panel-2:#E8EDF3;
  --hair:#D3DAE3;
  --hair-2:#E3E8EF;
  --text:#10151B;
  --text-2:#3F4A57;
  --text-3:#636D7A;
  --cyan:#12457F;
  --cyan-deep:#0D3563;
  --amber:#12457F;
  --f-display:'IBM Plex Sans Condensed',sans-serif;
  --f-body:'IBM Plex Sans',system-ui,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,monospace;
  --desktop-gutter:clamp(18px,2.2vw,36px);
  background:#F4F6F8;
  color:var(--text);
}
body.desktop-app-active .atmos,
body.desktop-app-active .grain,
body:has(#screen-auth.is-active) .atmos,
body:has(#screen-auth.is-active) .grain{display:none}
body.desktop-app-active #app{
  grid-template-columns:232px minmax(0,1fr);
  grid-template-rows:64px minmax(0,1fr);
  height:100dvh;
  background:#F4F6F8;
}
body.desktop-app-active .desktop-workspace-header{
  display:flex;
  grid-column:1/-1;
  grid-row:1;
  align-items:center;
  gap:32px;
  min-width:0;
  padding:0 24px;
  border-bottom:1px solid #D3DAE3;
  background:#F4F6F8;
  z-index:10;
}
.desktop-header-brand{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;white-space:nowrap}
.desktop-header-brand .logo{width:30px;height:30px;filter:none;--car:#12457F;--glass:#F4F6F8;--pin:#12457F;--pinhole:#F4F6F8;--wheel:#12457F}
.desktop-header-brand .wordmark{font:700 22px/1 'IBM Plex Sans Condensed',sans-serif;letter-spacing:-.2px;color:#10151B}
.desktop-header-brand .wordmark .df{font-weight:500;color:#12457F}
.desktop-header-brand .payg-badge{background:#E8EEF7;border-color:#CDD9E8;color:#12457F;font-size:10px}
.desktop-header-brand .payg-badge b{color:#10151B}
.desktop-header-title{font:700 18px/1.2 'IBM Plex Sans Condensed',sans-serif;color:#3F4A57}
.desktop-header-driver{margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 14px/1.2 'IBM Plex Sans',sans-serif;color:#636D7A}
body.desktop-app-active #app>.desktop-nav{
  grid-column:1;
  grid-row:2;
  position:static;
  height:calc(100dvh - 64px);
  padding:22px 12px 16px;
  gap:18px;
  border-right:1px solid #D3DAE3;
  background:#FFFFFF;
  backdrop-filter:none;
}
body.desktop-app-active .desktop-nav-brand{display:none}
.desktop-nav-context{gap:4px;margin:0 8px;padding:0 0 17px;border:0;border-bottom:1px solid #E3E8EF}
.desktop-nav-context span,.desktop-nav-context small,.desktop-nav-session small{font:500 11px/1.45 'IBM Plex Mono',monospace;letter-spacing:.4px;color:#636D7A}
.desktop-nav-context span{color:#636D7A;letter-spacing:1.4px}
.desktop-nav-context strong{font:700 17px/1.2 'IBM Plex Sans Condensed',sans-serif;color:#10151B}
.desktop-nav-links{display:grid;gap:1px;padding-right:0}
body.desktop-app-active .desktop-nav-links button,
body.desktop-app-active .desktop-nav-account,
body.desktop-app-active .desktop-nav-session{
  display:flex;
  align-items:center;
  min-height:46px;
  padding:10px 12px;
  border:0;
  border-radius:4px;
  background:none;
  color:#3F4A57;
  box-shadow:none;
  text-align:left;
}
body.desktop-app-active .desktop-nav-links button>span,
body.desktop-app-active .desktop-nav-account>span,
body.desktop-app-active .desktop-nav-session>span{font:600 15px/1.2 'IBM Plex Sans',sans-serif}
body.desktop-app-active .desktop-nav-links button:hover,
body.desktop-app-active .desktop-nav-account:hover,
body.desktop-app-active .desktop-nav-session:hover{background:#ECF0F5;color:#10151B}
body.desktop-app-active .desktop-nav-links button.is-current{background:#E3E9F1;color:#12457F}
body.desktop-app-active .desktop-nav-account.is-current{background:#E3E9F1;color:#12457F}
body.desktop-app-active .desktop-nav-footer{gap:2px;padding-top:12px;border-color:#E3E8EF}
body.desktop-app-active .desktop-nav-session{display:grid;gap:3px;align-content:center;min-height:58px}
body.desktop-app-active .desktop-nav-session small{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
body.desktop-app-active .desktop-nav-session:hover small{white-space:normal;overflow-wrap:anywhere}
body.desktop-app-active .screen.is-active{
  grid-column:2;
  grid-row:2;
  height:calc(100dvh - 64px);
  background:#F4F6F8;
  animation:none;
}
body.desktop-app-active button:focus:not(:focus-visible){outline:none}
body.desktop-app-active button:focus-visible,
body.desktop-app-active input:focus-visible,
body.desktop-app-active select:focus-visible,
.desktop-header-brand:focus-visible{outline:2px solid #12457F;outline-offset:3px}
body.desktop-app-active .home-topbar{display:none}
body.desktop-app-active .date-strip{padding:16px var(--desktop-gutter) 8px;background:#F4F6F8}
body.desktop-app-active .date-picker,
body.desktop-app-active .record-audit-toolbar .date-picker{border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}
body.desktop-app-active .date-input,
body.desktop-app-active .range-field .date-input,
body.desktop-app-active .range-preview-field .date-input{height:44px;border:1px solid #D3DAE3;border-radius:2px;background:#fff;color:#10151B;font:500 14px/1 'IBM Plex Sans',sans-serif}
body.desktop-app-active .date-actions button,
body.desktop-app-active .record-audit-toolbar .date-actions .mini-btn{height:44px;min-width:44px;border:0;border-radius:4px;background:none;color:#12457F;font:600 14px/1 'IBM Plex Sans',sans-serif}
body.desktop-app-active .date-actions button:hover,
body.desktop-app-active .record-audit-toolbar .date-actions .mini-btn:hover{background:#E3E9F1}
body.desktop-app-active .home-plan-slot{padding:0 var(--desktop-gutter)}
body.desktop-app-active .home-plan-notice{display:flex;align-items:center;gap:18px;padding:8px 14px;border:0;border-radius:4px;background:#E8EDF3;box-shadow:none}
body.desktop-app-active .home-plan-notice>span{display:grid;gap:2px;min-width:0}
body.desktop-app-active .home-plan-notice b{font:600 13px/1.25 'IBM Plex Sans',sans-serif}
body.desktop-app-active .home-plan-notice small{font:400 12px/1.3 'IBM Plex Sans',sans-serif;color:#636D7A}
body.desktop-app-active .home-plan-notice button{min-height:42px;margin-left:auto;padding:8px 0;color:#12457F;font:600 14px/1.2 'IBM Plex Sans',sans-serif;white-space:nowrap}
body.desktop-app-active .home-plan-notice.info:not(:has(button)){display:none}
body.desktop-app-active #screen-home .home-pad{
  display:grid;
  grid-template-columns:minmax(270px,300px) minmax(0,1fr);
  grid-template-rows:minmax(0,1fr);
  align-items:stretch;
  flex:1;
  min-height:0;
  gap:0;
  padding:8px var(--desktop-gutter) 0;
  overflow:hidden;
}
body.desktop-app-active #screen-home .home-col-cockpit{display:none}
body.desktop-app-active #screen-home.desktop-route-open .home-col-cockpit{display:flex;grid-column:2;grid-row:2;padding:20px 24px 30px;border-top:1px solid #D3DAE3}
body.desktop-app-active #screen-home.desktop-route-open .home-pad{grid-template-rows:minmax(0,1fr) auto;overflow-y:auto}
body.desktop-app-active #screen-home .home-col-evidence{
  grid-column:1;
  grid-row:1;
  min-width:0;
  min-height:0;
  gap:0;
  padding:20px 0 0;
  overflow-y:auto;
  border-right:1px solid #D3DAE3;
}
body.desktop-app-active #screen-home .home-col-ledger{
  grid-column:2;
  grid-row:1;
  min-width:0;
  min-height:0;
  gap:0;
  padding:20px clamp(18px,2vw,32px) 50px;
  overflow-y:auto;
}
body.desktop-app-active #screen-home .ledger-head{display:flex;align-items:center;min-height:46px;margin:0;padding:0 14px 8px 0;border-bottom:1px solid #D3DAE3}
body.desktop-app-active #screen-home .ledger-head h2{font:700 25px/1.1 'IBM Plex Sans Condensed',sans-serif;letter-spacing:-.3px;color:#10151B}
body.desktop-app-active #screen-home .ledger-head .count{margin-left:auto;color:#12457F;font:600 13px/1.2 'IBM Plex Sans',sans-serif}
body.desktop-app-active #screen-home .audit-day-list{display:block;min-width:0;padding-right:12px}
body.desktop-app-active #screen-home .audit-day-row{
  display:grid;
  grid-template-columns:1fr;
  gap:4px;
  min-height:64px;
  width:100%;
  padding:10px 12px;
  border:0;
  border-bottom:1px solid #E3E8EF;
  border-radius:0;
  background:transparent;
  text-align:left;
}
body.desktop-app-active #screen-home .audit-day-row:hover{background:#ECF0F5}
body.desktop-app-active #screen-home .audit-day-row.is-selected{background:#E3E9F1}
body.desktop-app-active #screen-home .audit-day-date{font:600 15px/1.25 'IBM Plex Sans',sans-serif;color:#10151B}
body.desktop-app-active #screen-home .audit-day-details{font:400 11px/1.3 'IBM Plex Mono',monospace;color:#636D7A;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.desktop-app-active .desktop-day-overview{display:block;padding:18px 0 20px;border-bottom:1px solid #D3DAE3}
.desktop-day-state{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 18px}
.desktop-day-state strong{font:700 28px/1.05 'IBM Plex Sans Condensed',sans-serif;color:#10151B}
.desktop-day-state span{font:500 14px/1.2 'IBM Plex Sans',sans-serif;color:#636D7A}
.desktop-day-numbers{display:flex;flex-wrap:wrap;gap:10px 30px;margin:15px 0 10px;color:#3F4A57;font:400 13px/1.3 'IBM Plex Sans',sans-serif}
.desktop-day-numbers b{font:700 19px/1 'IBM Plex Sans Condensed',sans-serif;color:#10151B;font-variant-numeric:tabular-nums}
.desktop-day-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px 22px}
.desktop-day-actions button{min-height:44px;padding:9px 0;color:#12457F;font:600 14px/1.2 'IBM Plex Sans',sans-serif}
.desktop-day-actions button:hover{text-decoration:underline;text-underline-offset:3px}
body.desktop-app-active #screen-home .timeline{display:block;min-height:0;margin:0;padding:0}
.desktop-day-empty{padding:28px 0;color:#636D7A;font:400 15px/1.5 'IBM Plex Sans',sans-serif}
.desktop-stop-list-head,.desktop-stop-row{display:grid;grid-template-columns:minmax(0,1fr) 160px 64px 82px;gap:14px;align-items:center}
.desktop-stop-list-head{height:40px;border-bottom:1px solid #10151B;color:#636D7A;font:500 11px/1 'IBM Plex Mono',monospace;letter-spacing:1px;text-transform:uppercase}
.desktop-stop-row{width:100%;min-height:66px;padding:9px 0;border-bottom:1px solid #E3E8EF;text-align:left;color:#3F4A57;font:400 13px/1.35 'IBM Plex Sans',sans-serif;font-variant-numeric:tabular-nums}
.desktop-stop-row:hover{background:#ECF0F5}
.desktop-stop-place{display:grid;gap:3px;min-width:0}
.desktop-stop-place b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#10151B;font:600 15px/1.2 'IBM Plex Sans',sans-serif}
.desktop-stop-place small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#636D7A;font:400 12px/1.25 'IBM Plex Sans',sans-serif}
body.desktop-app-active #screen-export .record-audit-shell{padding:0 var(--desktop-gutter) 16px;gap:0}
body.desktop-app-active #screen-export .record-audit-toolbar{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;padding:12px 0;border:0;border-bottom:1px solid #D3DAE3;border-radius:0;background:none}
body.desktop-app-active #screen-export .scope{display:flex;gap:18px}
body.desktop-app-active #screen-export .scope button{width:auto;min-height:44px;padding:9px 0;border:0;border-radius:0;background:none;color:#636D7A;font:600 14px/1.2 'IBM Plex Sans',sans-serif}
body.desktop-app-active #screen-export .scope button{white-space:nowrap}
body.desktop-app-active #screen-export .scope button.on{color:#12457F;box-shadow:inset 0 -2px #12457F}
body.desktop-app-active #screen-export .scope-extra{min-width:210px;flex:1;padding:0}
body.desktop-app-active #screen-export .range-pickers{display:flex;gap:10px}
body.desktop-app-active #screen-export .range-field{min-width:135px}
body.desktop-app-active #screen-export .range-field span,
body.desktop-app-active #screen-export .range-preview-field span{font:500 10px/1.2 'IBM Plex Mono',monospace;letter-spacing:1px;color:#636D7A;text-transform:uppercase}
body.desktop-app-active #screen-export .range-preview-field{display:grid;gap:3px;min-width:180px}
body.desktop-app-active #screen-export .range-batch-note{margin:4px 0 0;font-size:12px;color:#636D7A}
body.desktop-app-active #screen-export .record-range-empty{width:100%;padding:32px 12px;color:#636D7A;font:400 15px/1.5 'IBM Plex Sans',sans-serif}
body.desktop-app-active #screen-export .record-page-status{display:block;margin-left:auto;min-width:160px;text-align:right}
body.desktop-app-active #screen-export .record-page-status strong{font:600 13px/1.3 'IBM Plex Sans',sans-serif;color:#3F4A57}
body.desktop-app-active #screen-export .record-page-canvas{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;padding-top:14px;overflow:hidden}
body.desktop-app-active #screen-export .record-page-canvas:has(>.trip-stop-index[hidden]){grid-template-columns:minmax(0,1fr)}
body.desktop-app-active .trip-stop-index:not([hidden]){display:flex;flex:initial;min-width:0;border:0;border-right:1px solid #D3DAE3;border-radius:0;background:none}
body.desktop-app-active .trip-stop-index-head{padding:7px 12px 12px;border-color:#D3DAE3;background:none}
body.desktop-app-active .trip-stop-index-head b{font:700 19px/1.1 'IBM Plex Sans Condensed',sans-serif;color:#10151B}
body.desktop-app-active .trip-stop-index-head small,
body.desktop-app-active .trip-stop-index-head time{font:400 11px/1.4 'IBM Plex Sans',sans-serif;color:#636D7A}
body.desktop-app-active .trip-stop-index-list{display:block;padding:0 12px 0 0;overflow-y:auto}
body.desktop-app-active .trip-stop-index-card{display:grid;gap:2px;height:auto;margin:0;border:0;border-bottom:1px solid #E3E8EF;border-radius:0;background:none;box-shadow:none}
body.desktop-app-active .trip-stop-index-card.is-current{background:#E3E9F1;box-shadow:none}
body.desktop-app-active .trip-stop-index-main{align-items:center;gap:8px;min-height:62px;padding:7px 10px}
body.desktop-app-active .trip-stop-index-sequence{width:22px;height:22px;border:0;border-radius:2px;background:#E8EDF3;color:#12457F;font:500 11px/1 'IBM Plex Mono',monospace}
body.desktop-app-active .trip-stop-index-name-row b{font:600 14px/1.2 'IBM Plex Sans',sans-serif;color:#10151B}
body.desktop-app-active .trip-stop-index-brand,.trip-stop-index-status,.trip-stop-index-dwell{display:none}
body.desktop-app-active .trip-stop-index-location{font:400 11px/1.3 'IBM Plex Sans',sans-serif;color:#636D7A}
body.desktop-app-active .trip-stop-index-meta{font:400 10px/1.3 'IBM Plex Mono',monospace;color:#636D7A}
body.desktop-app-active .trip-stop-index-card-foot{justify-content:flex-end;padding:0 10px 7px;border:0}
body.desktop-app-active .trip-stop-index-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}
body.desktop-app-active .trip-stop-index-actions button{min-height:34px;padding:5px 0;border:0;border-radius:0;color:#12457F;font:600 12px/1.2 'IBM Plex Sans',sans-serif}
.trip-range-day{display:grid;gap:4px;width:100%;min-height:58px;padding:9px 12px;border-bottom:1px solid #E3E8EF;text-align:left;color:#10151B}
.trip-range-day:hover{background:#ECF0F5}
.trip-range-day.is-current{background:#E3E9F1}
.trip-range-day b{font:600 14px/1.2 'IBM Plex Sans',sans-serif}
.trip-range-day small{font:400 11px/1.25 'IBM Plex Mono',monospace;color:#636D7A}
body.desktop-app-active .document-viewer{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;overflow:hidden}
body.desktop-app-active .document-viewer-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px;min-height:46px;padding:0 6px;border-bottom:1px solid #D3DAE3;background:#F4F6F8;color:#3F4A57}
.viewer-page-actions,.viewer-zoom-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;white-space:nowrap}
.document-viewer-tools button{min-height:40px;padding:8px 0;color:#12457F;font:600 13px/1.2 'IBM Plex Sans',sans-serif}
.document-viewer-tools button:hover{text-decoration:underline;text-underline-offset:3px}
.document-viewer-tools span{font:400 11px/1.2 'IBM Plex Mono',monospace;color:#636D7A}
body.desktop-app-active .document-viewer>.page-preview-scroll{display:block;flex:1;min-height:0;width:100%;padding:16px 10px 28px;overflow:auto;scroll-snap-type:none;scrollbar-gutter:stable}
body.desktop-app-active .doc.is-page-grid{display:flex;flex-direction:column;align-items:center;gap:22px;width:100%;min-width:0;height:auto;margin:0;background:none;box-shadow:none}
body.desktop-app-active .page-preview-scroll>.doc.is-page-grid{margin-inline:auto;container-type:normal}
body.desktop-app-active .document-viewer.is-expanded{position:fixed;inset:12px;z-index:1000;width:auto;height:auto;padding:12px;background:#F4F6F8}
body.document-preview-expanded{overflow:hidden}
body.desktop-app-active .doc.is-page-grid>.doc-batch-section,
body.desktop-app-active #fuelDoc.is-page-grid>.fuel-preview-page,
body.desktop-app-active #inspectionDoc.is-page-grid>.inspection-form-page,
body.desktop-app-active #disputeDoc.is-page-grid>.dispute-preview-page{flex:0 0 auto;width:816px;min-height:1056px;height:auto;zoom:var(--preview-page-scale,1);overflow:visible;border:1px solid #D3DAE3;border-radius:2px;background:#fff;box-shadow:0 2px 10px rgba(16,21,27,.08);scroll-snap-align:none}
body.desktop-app-active #fuelDoc.is-page-grid>.fuel-preview-page,
body.desktop-app-active #disputeDoc.is-page-grid>.dispute-preview-page{display:block}
body.desktop-app-active #fuelDoc.is-page-grid>.fuel-preview-page>.doc-body,
body.desktop-app-active #disputeDoc.is-page-grid>.dispute-preview-page>.doc-body{overflow:visible}
body.desktop-app-active .export-bar{flex-wrap:wrap;gap:8px 20px;min-height:58px;padding:8px var(--desktop-gutter);border-bottom:1px solid #D3DAE3;background:#F4F6F8}
body.desktop-app-active .export-bar h2{font:700 27px/1.05 'IBM Plex Sans Condensed',sans-serif;color:#10151B;letter-spacing:-.3px}
body.desktop-app-active .export-bar .print-btn,
body.desktop-app-active .export-bar .mini-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;height:auto;padding:8px 0;border:0;border-radius:0;background:none;box-shadow:none;color:#12457F;font:600 14px/1.15 'IBM Plex Sans',sans-serif}
body.desktop-app-active .export-bar .print-btn:hover,
body.desktop-app-active .export-bar .mini-btn:hover{text-decoration:underline;text-underline-offset:3px}
body.desktop-app-active #screen-dispute .dispute-packet-status{min-height:42px;padding:7px var(--desktop-gutter);border-bottom:1px solid #D3DAE3;font:500 13px/1.3 'IBM Plex Sans',sans-serif;color:#3F4A57}
body.desktop-app-active #screen-dispute .dispute-controls-toggle{display:none}
body.desktop-app-active #screen-dispute .dispute-workspace,
body.desktop-app-active #screen-dispute .dispute-workspace.controls-open{display:grid;grid-template-columns:320px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:16px;padding:14px var(--desktop-gutter) 16px}
body.desktop-app-active #screen-dispute .dispute-pad,
body.desktop-app-active #screen-dispute .dispute-workspace.controls-open .dispute-pad{display:flex;flex-direction:column;gap:12px;min-width:0;max-height:none;padding:0 16px 0 0;border:0;border-right:1px solid #D3DAE3;border-radius:0;background:none;overflow-y:auto}
body.desktop-app-active #screen-dispute .dispute-row{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
body.desktop-app-active #screen-dispute .dispute-row>.dispute-field{grid-area:auto;min-width:0}
body.desktop-app-active #screen-dispute .dispute-field{display:flex;flex-direction:column;gap:5px}
body.desktop-app-active #screen-dispute .dispute-field>span{min-height:0;color:#636D7A;font:500 11px/1.2 'IBM Plex Mono',monospace;letter-spacing:1px;text-transform:uppercase}
body.desktop-app-active #screen-dispute .dispute-field>.input,
body.desktop-app-active #screen-dispute .dispute-field>.select,
body.desktop-app-active #screen-dispute .dispute-extra>.input{min-height:48px;height:auto;padding:10px 12px;border:1px solid #D3DAE3;border-radius:2px;background:#fff;color:#10151B;font:400 14px/1.3 'IBM Plex Sans',sans-serif}
body.desktop-app-active #screen-dispute .dispute-field>textarea.input{min-height:88px;max-height:none;resize:vertical}
body.desktop-app-active #screen-dispute .dispute-pad .date-picker{display:grid;grid-template-columns:1fr;gap:5px}
body.desktop-app-active #screen-dispute .dispute-pad .date-kicker{color:#636D7A}
body.desktop-app-active #screen-dispute .dispute-pad .date-actions{grid-column:1}
body.desktop-app-active #screen-dispute .dispute-record{min-width:0}
body.desktop-app-active #screen-dispute .dispute-record>.document-viewer{width:100%}
body.desktop-app-active #screen-fuel .fuel-workspace{gap:16px;padding:14px var(--desktop-gutter) 16px}
body.desktop-app-active #screen-fuel .fuel-preview,
body.desktop-app-active #screen-inspections .inspection-preview{padding:0;border:0;border-left:1px solid #D3DAE3;border-radius:0;background:none;box-shadow:none}
body.desktop-app-active #screen-fuel .fuel-preview-head,
body.desktop-app-active #screen-inspections .inspection-preview-head{padding:0 14px 8px}
body.desktop-app-active #screen-fuel .fuel-print-wrap,
body.desktop-app-active #screen-inspections .inspection-print-wrap{display:block}
body.desktop-app-active #screen-fuel .fuel-preview>.document-viewer,
body.desktop-app-active #screen-inspections .inspection-preview>.document-viewer{flex:1}
body.desktop-app-active #screen-fuel .fuel-head,
body.desktop-app-active #screen-inspections .inspection-head{border:0;border-radius:0;background:none;box-shadow:none}
body.desktop-app-active #screen-fuel .fuel-card,
body.desktop-app-active #screen-inspections .inspection-card{border-radius:4px;box-shadow:none}
body.desktop-app-active #screen-fuel .fuel-head-actions .mini-btn.primary,
body.desktop-app-active #screen-inspections .inspection-head .mini-btn.primary{min-height:44px;border:1px solid #12457F;border-radius:3px;background:#12457F;color:#fff;box-shadow:none;font:600 14px/1.2 'IBM Plex Sans',sans-serif}
body.desktop-app-active .desktop-account-page{height:calc(100% - 58px);padding:24px var(--desktop-gutter);overflow-y:auto}
.desktop-account-column{display:grid;gap:24px;max-width:660px}
.desktop-account-section{display:grid;justify-items:start;gap:12px;padding:24px;border:1px solid #D3DAE3;border-radius:4px;background:#fff}
.desktop-account-section h3{margin:0;color:#10151B;font:700 24px/1.1 'IBM Plex Sans Condensed',sans-serif}
.desktop-account-section p{margin:0;max-width:54ch;color:#3F4A57;font:400 14px/1.45 'IBM Plex Sans',sans-serif}
.desktop-account-section label{margin-top:6px;color:#636D7A;font:500 11px/1.2 'IBM Plex Mono',monospace;letter-spacing:1px;text-transform:uppercase}
.desktop-account-section .input{width:min(100%,420px);height:48px;padding:10px 12px;border:1px solid #D3DAE3;border-radius:2px;background:#fff;color:#10151B;font:400 15px/1.2 'IBM Plex Sans',sans-serif}
.desktop-account-section button{min-height:44px;padding:8px 0;color:#12457F;font:600 14px/1.2 'IBM Plex Sans',sans-serif}
.desktop-account-section button:hover{text-decoration:underline;text-underline-offset:3px}
.desktop-account-section small{color:#636D7A;font:400 12px/1.3 'IBM Plex Sans',sans-serif}
body:has(#screen-auth.is-active) #screen-auth{width:100%;max-width:none;padding:28px}
body:has(#screen-auth.is-active) .auth-shell:has(.auth-hero){grid-template-columns:minmax(0,1fr) minmax(380px,470px);gap:clamp(30px,6vw,100px);max-width:1080px}
body:has(#screen-auth.is-active) .auth-shell .auth-card{padding:28px;border:1px solid #D3DAE3;border-radius:4px;background:#fff;box-shadow:none}
body:has(#screen-auth.is-active) .auth-shell .auth-head{margin-bottom:0}
body:has(#screen-auth.is-active) .auth-chip{display:none}
body:has(#screen-auth.is-active) .auth-hl{font:700 clamp(38px,4vw,52px)/1.04 'IBM Plex Sans Condensed',sans-serif;color:#10151B;letter-spacing:-.5px}
body:has(#screen-auth.is-active) .auth-hl em{color:#12457F}
body:has(#screen-auth.is-active) .auth-lede{max-width:48ch;color:#3F4A57;font:400 16px/1.55 'IBM Plex Sans',sans-serif}
body:has(#screen-auth.is-active) .auth-eyebrow{display:none}
body:has(#screen-auth.is-active) .auth-title{font:700 30px/1.1 'IBM Plex Sans Condensed',sans-serif;color:#10151B}
body:has(#screen-auth.is-active) .auth-copy{color:#636D7A;font:400 14px/1.45 'IBM Plex Sans',sans-serif}
body:has(#screen-auth.is-active) .auth-field label{color:#636D7A;font:500 11px/1.2 'IBM Plex Mono',monospace;letter-spacing:1px}
body:has(#screen-auth.is-active) .auth-field input{height:48px;border:1px solid #D3DAE3;border-radius:2px;background:#fff;color:#10151B;font:400 15px/1 'IBM Plex Sans',sans-serif}
body:has(#screen-auth.is-active) .auth-field input:focus-visible{outline:2px solid #12457F;outline-offset:2px;box-shadow:none}
body:has(#screen-auth.is-active) .auth-primary{justify-content:center;min-height:48px;padding:10px 18px;border:1px solid #12457F;border-radius:3px;background:#12457F;box-shadow:none;color:#fff;font:600 15px/1.2 'IBM Plex Sans',sans-serif}
body:has(#screen-auth.is-active) .auth-guest{justify-content:flex-start;height:44px;padding:8px 0;border:0;border-radius:0;background:none;box-shadow:none;color:#12457F;font:600 15px/1.2 'IBM Plex Sans',sans-serif}
body:has(#screen-auth.is-active) .auth-guest-note{padding:0;text-align:left;color:#636D7A;font-size:12px}
body:has(#screen-auth.is-active) .auth-foot,
body:has(#screen-auth.is-active) .auth-row>span{display:none}
@media (max-width:1250px){
  body.desktop-app-active #app{grid-template-columns:202px minmax(0,1fr)}
  body.desktop-app-active #screen-export .record-page-canvas{grid-template-columns:minmax(0,1fr)}
  body.desktop-app-active #screen-export .trip-stop-index{display:none!important}
  body.desktop-app-active #screen-dispute .dispute-workspace{grid-template-columns:260px minmax(0,1fr)}
  .desktop-stop-list-head,.desktop-stop-row{grid-template-columns:minmax(0,1fr) 130px 56px 68px;gap:8px}
}
@media (max-width:980px){
  body.desktop-app-active #screen-home .home-pad{grid-template-columns:230px minmax(0,1fr)}
  body.desktop-app-active #screen-dispute .dispute-workspace{grid-template-columns:230px minmax(0,1fr)}
  .desktop-stop-list-head,.desktop-stop-row{grid-template-columns:minmax(0,1fr) 110px 48px}
  .desktop-stop-list-head>span:last-child,.desktop-stop-row>span:last-child{display:none}
  .viewer-zoom-actions{gap:7px}
}
@media (prefers-reduced-motion:reduce){
  body.desktop-app-active *,body:has(#screen-auth.is-active) *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* Billing and help use the same readable desktop work surface. */
body.desktop-app-active #screen-plan .plan-pad{flex:1;min-height:0;padding:24px var(--desktop-gutter) 48px;overflow-y:auto}
body.desktop-app-active #screen-plan,
body.desktop-app-active #screen-feedback{min-height:0;padding-bottom:0}
body.desktop-app-active #app{overflow:hidden}
body.desktop-app-active #screen-plan .plan-gate{display:grid;grid-template-rows:none;gap:20px;max-width:1200px;height:auto;min-height:0;margin:0 auto}
body.desktop-app-active #screen-plan .plan-screen-head h1{font:700 30px/1.1 'IBM Plex Sans Condensed',sans-serif;color:#10151B}
body.desktop-app-active #screen-plan .plan-screen-note{display:block;overflow:visible;white-space:normal;color:#3F4A57;font:400 14px/1.45 'IBM Plex Sans',sans-serif}
body.desktop-app-active #screen-plan .plan-current-card,
body.desktop-app-active #screen-plan .plan-tier{height:auto;min-height:0;padding:22px;border:1px solid #D3DAE3;border-radius:4px;background:#fff;box-shadow:none;overflow:visible}
body.desktop-app-active #screen-plan .plan-current-card{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(0,1.55fr);gap:22px;align-items:stretch}
body.desktop-app-active #screen-plan .plan-current-mark{border-radius:4px;background:#12457F;box-shadow:none}
body.desktop-app-active #screen-plan .plan-current-mark:after{border-color:#fff}
body.desktop-app-active #screen-plan .plan-current-kicker,
body.desktop-app-active #screen-plan .plan-fit{color:#12457F;font:600 11px/1.3 'IBM Plex Mono',monospace;letter-spacing:.6px}
body.desktop-app-active #screen-plan .plan-current-card h1{color:#10151B;font:700 25px/1.1 'IBM Plex Sans Condensed',sans-serif}
body.desktop-app-active #screen-plan .plan-current-card p{display:block;color:#3F4A57;font:400 13px/1.4 'IBM Plex Sans',sans-serif}
body.desktop-app-active #screen-plan .plan-current-detail{display:grid;gap:12px;padding:0;border:0;border-radius:0;background:none}
body.desktop-app-active #screen-plan .plan-note{padding:10px 12px;border:1px solid #E7C7AA;border-radius:3px;background:#FFF5EC;color:#73401E;font:400 13px/1.4 'IBM Plex Sans',sans-serif}
body.desktop-app-active #screen-plan .plan-status-grid{gap:10px}
body.desktop-app-active #screen-plan .plan-status-item{gap:5px;padding:12px;border:1px solid #E3E8EF;border-radius:3px;background:#F4F6F8}
body.desktop-app-active #screen-plan .plan-status-item small{color:#636D7A;font:500 11px/1.3 'IBM Plex Sans',sans-serif;letter-spacing:0;text-transform:none}
body.desktop-app-active #screen-plan .plan-status-item strong{color:#10151B;font:600 13px/1.4 'IBM Plex Sans',sans-serif}
body.desktop-app-active #screen-plan .plan-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-height:0;overflow:visible}
body.desktop-app-active #screen-plan .plan-tier{display:grid;grid-template-rows:auto 1fr auto auto;gap:16px}
body.desktop-app-active #screen-plan .plan-tier-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
body.desktop-app-active #screen-plan .plan-tier h2{color:#10151B;font:700 24px/1.12 'IBM Plex Sans Condensed',sans-serif}
body.desktop-app-active #screen-plan .plan-tier p{display:block;margin-top:7px;color:#3F4A57;font:400 13px/1.45 'IBM Plex Sans',sans-serif}
body.desktop-app-active #screen-plan .plan-price{min-height:0;padding:6px 9px;border:1px solid #D3DAE3;border-radius:3px;background:#F4F6F8;color:#10151B;font:600 14px/1.2 'IBM Plex Sans',sans-serif}
body.desktop-app-active #screen-plan .plan-price-alt{display:block;color:#636D7A;font:500 11px/1.3 'IBM Plex Sans',sans-serif;letter-spacing:0;text-transform:none}
body.desktop-app-active #screen-plan .plan-included-panel{display:grid;gap:10px;padding:14px;border:1px solid #E3E8EF;border-radius:3px;background:#F4F6F8}
body.desktop-app-active #screen-plan .plan-included-head b{color:#10151B;font:600 14px/1.2 'IBM Plex Sans',sans-serif}
body.desktop-app-active #screen-plan .plan-included-head span{color:#636D7A;font:500 11px/1.3 'IBM Plex Sans',sans-serif;text-transform:none}
body.desktop-app-active #screen-plan .plan-includes{gap:7px;color:#3F4A57;font:400 13px/1.4 'IBM Plex Sans',sans-serif}
body.desktop-app-active #screen-plan .plan-includes li:nth-child(n+4){display:flex}
body.desktop-app-active #screen-plan .plan-btn{min-height:44px;padding:9px 12px;border:1px solid #12457F;border-radius:3px;background:#fff;color:#12457F;font:600 14px/1.2 'IBM Plex Sans',sans-serif}
body.desktop-app-active #screen-plan .plan-btn.primary{background:#12457F;color:#fff;box-shadow:none}
body.desktop-app-active #screen-plan .plan-btn.plan-btn-annual{border-color:#D3DAE3;background:#F4F6F8;color:#12457F;box-shadow:none}
body.desktop-app-active #screen-plan .plan-btn:disabled{opacity:.58;cursor:not-allowed}
body.desktop-app-active #screen-feedback .feedback-pad{width:100%;max-width:760px;margin:0;padding:24px var(--desktop-gutter) 48px;overflow-y:auto}
body.desktop-app-active #screen-feedback .feedback-head h1{color:#10151B;font:700 25px/1.1 'IBM Plex Sans Condensed',sans-serif}
body.desktop-app-active #screen-feedback .feedback-head p{color:#3F4A57;font:400 14px/1.45 'IBM Plex Sans',sans-serif}
body.desktop-app-active #screen-feedback .feedback-form{gap:16px;padding:20px;border:1px solid #D3DAE3;border-radius:4px;background:#fff}
body.desktop-app-active #screen-feedback .owner-field>span{color:#636D7A;font:500 11px/1.3 'IBM Plex Sans',sans-serif;letter-spacing:0;text-transform:none}
body.desktop-app-active #screen-feedback .owner-field select,
body.desktop-app-active #screen-feedback .owner-field textarea{min-height:44px;border:1px solid #D3DAE3;border-radius:3px;background:#fff;color:#10151B;font:400 14px/1.4 'IBM Plex Sans',sans-serif}
body.desktop-app-active #screen-feedback .owner-field textarea{min-height:160px;padding:12px}
body.desktop-app-active #screen-feedback .owner-field textarea::placeholder{color:#636D7A}
body.desktop-app-active #screen-feedback .owner-btn{flex:0 0 auto;min-width:150px;height:44px;border:1px solid #D3DAE3;border-radius:3px;background:#fff;color:#12457F;font:600 14px/1.2 'IBM Plex Sans',sans-serif}
body.desktop-app-active #screen-feedback .owner-btn.primary{border-color:#12457F;background:#12457F;color:#fff}
body.desktop-app-active #screen-feedback .owner-grant-result{color:#636D7A;font:400 12px/1.4 'IBM Plex Sans',sans-serif}
body.desktop-app-active #screen-feedback .owner-grant-result.warn{color:#9C361E}
body.desktop-app-active #screen-feedback .owner-grant-result.ok{color:#1A674E}
@media (max-width:1250px){body.desktop-app-active #screen-plan .plan-options{grid-template-columns:minmax(0,1fr)}}

/* A selected day is a distinct, softly tinted work surface. */
body.desktop-app-active #screen-home .home-col-ledger{
  background:rgba(18,69,127,.065);
  border:1px solid rgba(18,69,127,.12);
  border-radius:4px;
}
body.desktop-app-active #screen-home .desktop-stop-row.is-selected{background:rgba(18,69,127,.13);box-shadow:inset 3px 0 #12457F}
body.desktop-app-active #screen-home.desktop-stop-open .home-pad{grid-template-columns:minmax(200px,250px) minmax(340px,1fr) minmax(320px,440px)}
body.desktop-app-active #screen-home.desktop-stop-open .home-col-evidence{grid-column:1}
body.desktop-app-active #screen-home.desktop-stop-open .home-col-ledger{grid-column:2}
body.desktop-app-active #screen-home .desktop-stop-detail:not([hidden]){
  display:block;grid-column:3;grid-row:1;align-self:stretch;height:100%;min-width:0;min-height:0;overflow-y:auto;
  padding:18px 20px 34px;border:1px solid #D3DAE3;border-radius:4px;background:#fff;
}
.desktop-stop-detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 12px;border-bottom:1px solid #D3DAE3}
.desktop-stop-detail-toolbar span{font:600 12px/1.2 'IBM Plex Mono',monospace;color:#636D7A;text-transform:uppercase;letter-spacing:.8px}
.desktop-stop-detail-toolbar button{min-height:40px;padding:7px 10px;color:#12457F;font:600 13px/1.2 'IBM Plex Sans',sans-serif}
body.desktop-app-active .desktop-stop-detail .grab{display:none}
body.desktop-app-active .desktop-stop-detail .stop-detail-head{margin:20px 0 16px}
body.desktop-app-active .desktop-stop-detail .stop-detail-head .name,
body.desktop-app-active .sheet .stop-detail-head .name{font:700 25px/1.12 'IBM Plex Sans Condensed',sans-serif;color:#10151B}
body.desktop-app-active .desktop-stop-detail .stop-detail-head .addr,
body.desktop-app-active .sheet .stop-detail-head .addr{font:400 12px/1.45 'IBM Plex Sans',sans-serif;color:#636D7A}
body.desktop-app-active .desktop-stop-detail .detail-pill,
body.desktop-app-active .sheet .detail-pill{border:1px solid #D3DAE3;border-radius:3px;background:#F4F6F8;color:#3F4A57}
body.desktop-app-active .desktop-stop-detail .detail-grid,
body.desktop-app-active .sheet .detail-grid{gap:8px}
body.desktop-app-active .desktop-stop-detail .detail-metric,
body.desktop-app-active .sheet .detail-metric{padding:11px;border:1px solid #D3DAE3;border-radius:3px;background:#F4F6F8}
body.desktop-app-active .desktop-stop-detail .detail-metric .mk,
body.desktop-app-active .sheet .detail-metric .mk{font:500 10px/1.2 'IBM Plex Mono',monospace;color:#636D7A}
body.desktop-app-active .desktop-stop-detail .detail-metric .mv,
body.desktop-app-active .sheet .detail-metric .mv{font:700 19px/1.2 'IBM Plex Sans Condensed',sans-serif;color:#10151B}
body.desktop-app-active .desktop-stop-detail .field-label,
body.desktop-app-active .sheet .field-label{font:500 11px/1.2 'IBM Plex Mono',monospace;color:#3F4A57;letter-spacing:.5px}
body.desktop-app-active .desktop-stop-detail .input-label,
body.desktop-app-active .sheet .input-label{color:#3F4A57;font:500 12px/1.3 'IBM Plex Sans',sans-serif}
body.desktop-app-active .desktop-stop-detail .input,
body.desktop-app-active .desktop-stop-detail .select,
body.desktop-app-active .sheet .input,
body.desktop-app-active .sheet .select{height:44px;border:1px solid #D3DAE3;border-radius:3px;background:#fff;color:#10151B;font:400 14px/1.3 'IBM Plex Sans',sans-serif}
body.desktop-app-active .desktop-stop-detail textarea.input,
body.desktop-app-active .sheet textarea.input{height:auto;min-height:84px;resize:vertical;padding:10px 12px}
body.desktop-app-active .desktop-stop-detail .input::placeholder,
body.desktop-app-active .sheet .input::placeholder{color:#7B8592}
body.desktop-app-active .desktop-stop-detail .gps-address-btn,
body.desktop-app-active .sheet .gps-address-btn{width:44px;height:44px;border:1px solid #D3DAE3;border-radius:3px;background:#fff;color:#12457F}
body.desktop-app-active .desktop-stop-detail .address-row,
body.desktop-app-active .sheet .address-row{grid-template-columns:minmax(0,1fr) 44px}
body.desktop-app-active .desktop-stop-detail .empty-detail,
body.desktop-app-active .sheet .empty-detail{color:#636D7A;border-color:#D3DAE3}
body.desktop-app-active .desktop-stop-detail .sheet-actions,
body.desktop-app-active .sheet .sheet-actions{gap:8px}
body.desktop-app-active .desktop-stop-detail .btn-primary,
body.desktop-app-active .sheet .btn-primary{min-height:44px;border:1px solid #12457F;border-radius:3px;background:#12457F;box-shadow:none;color:#fff;font:600 14px/1.2 'IBM Plex Sans',sans-serif}
body.desktop-app-active .desktop-stop-detail .btn-ghost,
body.desktop-app-active .sheet .btn-ghost{border:1px solid #D3DAE3;border-radius:3px;background:#fff;color:#12457F;box-shadow:none}
body.desktop-app-active .desktop-stop-detail .btn-danger,
body.desktop-app-active .sheet .btn-danger{border:1px solid #C8A5A0;border-radius:3px;background:#fff;color:#943E32;box-shadow:none}
body.desktop-app-active .desktop-stop-detail .place-results,
body.desktop-app-active .sheet .place-results{border:1px solid #D3DAE3;border-radius:3px;background:#fff}
body.desktop-app-active .desktop-stop-detail .place-suggestion,
body.desktop-app-active .sheet .place-suggestion{color:#10151B}
body.desktop-app-active .desktop-stop-detail .place-suggestion:hover,
body.desktop-app-active .sheet .place-suggestion:hover{background:#E8EDF3}
body.desktop-app-active .desktop-stop-detail .place-suggestion .pa,
body.desktop-app-active .sheet .place-suggestion .pa{color:#636D7A}
@media (max-width:1280px){
  body.desktop-app-active #screen-home.desktop-stop-open .home-pad{grid-template-columns:210px minmax(0,1fr)}
  body.desktop-app-active #screen-home.desktop-stop-open .home-col-ledger{display:none}
  body.desktop-app-active #screen-home.desktop-stop-open .desktop-stop-detail:not([hidden]){grid-column:2}
}

/* Desktop sheets are readable side panels; the phone retains its bottom sheet. */
body.desktop-app-active #scrim.on{background:rgba(16,21,27,.1);backdrop-filter:none}
body.desktop-app-active .sheet{
  left:auto;right:0;top:64px;bottom:0;width:min(520px,calc(100vw - 232px));max-width:none;max-height:calc(100dvh - 64px);
  margin:0;padding:16px 22px 32px;border:0;border-left:1px solid #D3DAE3;border-radius:0;
  overflow-y:auto;background:#fff;box-shadow:-10px 0 28px rgba(16,21,27,.12);
  opacity:1;transform:translateX(102%);transition:transform .22s ease;
}
body.desktop-app-active .sheet.on{transform:translateX(0)}
body.desktop-app-active .sheet .grab{display:none}
body.desktop-app-active .sheet h3{color:#10151B;font:700 25px/1.1 'IBM Plex Sans Condensed',sans-serif}
body.desktop-app-active .sheet .lede,body.desktop-app-active .sheet .micro-hint{color:#636D7A}
body.desktop-app-active .sheet .detail-alert,body.desktop-app-active .sheet .fuel-alert{color:#943E32}

/* Fuel opens as a record list. The report and older detail remain one click away. */
body.desktop-app-active #screen-fuel .fuel-workspace{display:block;min-height:0;padding:14px var(--desktop-gutter) 24px;overflow-y:auto}
body.desktop-app-active #screen-fuel .fuel-workspace>.fuel-wrap{display:flex;flex-direction:column;gap:0;width:100%;max-width:1060px;height:auto;min-height:0;margin:0 auto;padding:0;overflow:visible}
body.desktop-app-active #screen-fuel .fuel-workspace>.fuel-wrap>*{align-self:stretch;width:100%}
body.desktop-app-active #screen-fuel .fuel-head{padding:4px 0 18px;border-bottom:1px solid #D3DAE3}
body.desktop-app-active #screen-fuel .fuel-kicker{color:#636D7A;font:500 11px/1.25 'IBM Plex Mono',monospace}
body.desktop-app-active #screen-fuel .fuel-title{margin-top:8px;color:#10151B;font:700 30px/1.1 'IBM Plex Sans Condensed',sans-serif}
body.desktop-app-active #screen-fuel .fuel-head-actions{margin-top:12px}
body.desktop-app-active #screen-fuel .fuel-head-actions .mini-btn.primary{flex:none;min-width:170px;padding:8px 14px}
body.desktop-app-active #screen-fuel .fuel-grid{display:flex;flex-wrap:wrap;gap:0;margin-top:16px}
body.desktop-app-active #screen-fuel .fuel-card{min-width:140px;padding:0 22px 0 0;margin-right:22px;border:0;border-right:1px solid #D3DAE3;border-radius:0;background:none}
body.desktop-app-active #screen-fuel .fuel-card:last-child{border-right:0}
body.desktop-app-active #screen-fuel .fuel-card .fk{color:#636D7A;font:500 10px/1.2 'IBM Plex Mono',monospace}
body.desktop-app-active #screen-fuel .fuel-card .fv,
body.desktop-app-active #screen-fuel .fuel-card.warn .fv{margin-top:5px;color:#10151B;font:700 23px/1.1 'IBM Plex Sans Condensed',sans-serif}
body.desktop-app-active #screen-fuel .fuel-record-section{display:block;margin:0;padding:16px 0;border:0;background:none}
body.desktop-app-active #screen-fuel .fuel-empty .mini-btn{width:auto;min-width:170px;max-width:100%;flex:none}
body.desktop-app-active #screen-fuel .fuel-section-head{margin-bottom:4px}
body.desktop-app-active #screen-fuel .fuel-section-head h3{color:#10151B;font:700 20px/1.2 'IBM Plex Sans Condensed',sans-serif}
body.desktop-app-active #screen-fuel .fuel-list{display:block}
body.desktop-app-active #screen-fuel .desktop-fuel-row{margin:0;padding:14px 4px;border:0;border-bottom:1px solid #D3DAE3;border-radius:0;background:none}
body.desktop-app-active #screen-fuel .desktop-fuel-row .fuel-row-main{text-align:left;color:#10151B}
body.desktop-app-active #screen-fuel .desktop-fuel-row .fuel-name{font:600 15px/1.25 'IBM Plex Sans',sans-serif;color:#10151B}
body.desktop-app-active #screen-fuel .desktop-fuel-row .fuel-meta{font:400 12px/1.35 'IBM Plex Sans',sans-serif;color:#636D7A}
body.desktop-app-active #screen-fuel .desktop-fuel-row .fuel-total{white-space:nowrap;color:#10151B;font:700 18px/1.2 'IBM Plex Sans Condensed',sans-serif}
body.desktop-app-active #screen-fuel .desktop-fuel-meta{margin:5px 0 0 42px;color:#636D7A;font:400 12px/1.3 'IBM Plex Sans',sans-serif}
body.desktop-app-active #screen-fuel .desktop-fuel-record-more{margin:6px 0 0 42px;color:#3F4A57}
body.desktop-app-active #screen-fuel .desktop-fuel-record-more summary,
body.desktop-app-active #screen-fuel .fuel-more>summary{min-height:38px;width:max-content;max-width:100%;padding:9px 0;color:#12457F;cursor:pointer;font:600 13px/1.25 'IBM Plex Sans',sans-serif}
body.desktop-app-active #screen-fuel .desktop-fuel-record-more .fuel-pills{margin:8px 0}
body.desktop-app-active #screen-fuel .desktop-fuel-record-more .fuel-actions{justify-content:flex-start}
body.desktop-app-active #screen-fuel .fuel-more{margin-top:6px;padding:8px 0;border-top:1px solid #D3DAE3}
body.desktop-app-active #screen-fuel .fuel-more>.fuel-period-comparison,
body.desktop-app-active #screen-fuel .fuel-more>.fuel-day-compare,
body.desktop-app-active #screen-fuel .fuel-more>.fuel-section{margin:16px 0 0}
body.desktop-app-active #screen-fuel .fuel-preview{display:none}
body.desktop-app-active #screen-fuel.fuel-preview-open .fuel-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1fr);gap:18px;overflow:hidden}
body.desktop-app-active #screen-fuel.fuel-preview-open .fuel-workspace>.fuel-wrap{height:100%;overflow-y:auto}
body.desktop-app-active #screen-fuel.fuel-preview-open .fuel-preview{display:flex;min-height:0}
body.desktop-app-active #screen-fuel .fuel-preview-toggle{margin-left:8px}
@media (max-width:1280px){
  body.desktop-app-active #screen-fuel.fuel-preview-open .fuel-workspace{display:block;overflow-y:auto}
  body.desktop-app-active #screen-fuel.fuel-preview-open .fuel-workspace>.fuel-wrap{height:auto;overflow:visible}
  body.desktop-app-active #screen-fuel.fuel-preview-open .fuel-preview{min-height:650px;margin-top:20px}
}

/* Photos can be read against a light desk without losing their original size. */
body.desktop-app-active .photo-viewer{padding:18px 24px 16px;background:#F4F6F8;color:#10151B}
body.desktop-app-active .photo-viewer-head{padding-bottom:10px;border-bottom:1px solid #D3DAE3}
body.desktop-app-active .photo-viewer-kicker{color:#12457F}
body.desktop-app-active .photo-viewer-title{color:#10151B;font:700 18px/1.2 'IBM Plex Sans Condensed',sans-serif}
body.desktop-app-active .photo-viewer-btn{border:1px solid #BFC9D5;border-radius:3px;background:#fff;color:#12457F}
body.desktop-app-active .photo-viewer-stage{border:1px solid #D3DAE3;border-radius:3px;background:#E8EDF3}
body.desktop-app-active .photo-viewer-meta{color:#636D7A}