/* V2026.08.15.08 — server-gated Ops Precision pilot skin. */
body.ops-precision-pilot {
  --ops-canvas: #f3f7f5;
  --ops-surface: #ffffff;
  --ops-surface-muted: #f7faf8;
  --ops-surface-strong: #edf4f0;
  --ops-text: #13221b;
  --ops-text-muted: #617068;
  --ops-border: #cbd8d1;
  --ops-border-strong: #8fa69a;
  --ops-brand: #08784a;
  --ops-brand-strong: #05623c;
  --ops-brand-soft: #e6f4ed;
  --ops-info: #2563eb;
  --ops-success: #168454;
  --ops-warning: #b65f09;
  --ops-danger: #c63f3f;
  --ops-focus: #1d73e8;
  --ops-density-1: 4px;
  --ops-density-2: 8px;
  --ops-elevation-1: 0 1px 2px rgba(15, 35, 25, 0.08);
  --ops-elevation-2: 0 4px 12px rgba(15, 35, 25, 0.1);
  --ops-radius-xs: 4px;
  --ops-radius-sm: 6px;
  --ops-radius-md: 8px;
  --ops-transition: 150ms ease;
  color: var(--ops-text);
  background: var(--ops-canvas);
  color-scheme: light;
  font-variant-numeric: tabular-nums;
}

body.ops-precision-pilot[data-ops-theme="dark"] {
  --ops-canvas: #07120e;
  --ops-surface: #111c18;
  --ops-surface-muted: #16231f;
  --ops-surface-strong: #1b2b26;
  --ops-text: #f2fbf6;
  --ops-text-muted: #9db4aa;
  --ops-border: rgba(99, 230, 173, 0.34);
  --ops-border-strong: rgba(99, 230, 173, 0.62);
  --ops-brand: #19b979;
  --ops-brand-strong: #63e6ad;
  --ops-brand-soft: rgba(25, 185, 121, 0.16);
  --ops-info: #73a7ff;
  --ops-success: #52ca8f;
  --ops-warning: #f3ad59;
  --ops-danger: #ff8585;
  --ops-focus: #72adff;
  --ops-elevation-1: 0 1px 2px rgba(0, 0, 0, 0.34);
  --ops-elevation-2: 0 4px 14px rgba(0, 0, 0, 0.42);
  color-scheme: dark;
}

body.ops-precision-pilot #app-wrapper,
body.ops-precision-pilot #main-scroll-area,
body.ops-precision-pilot #view-wrapper {
  color: var(--ops-text);
  background-color: var(--ops-canvas);
}

body.ops-precision-pilot .nav-header,
body.ops-precision-pilot .drawer-header {
  background: linear-gradient(135deg, var(--ops-brand-strong), var(--ops-brand));
  box-shadow: none;
}

body.ops-precision-pilot #global-header-search-row {
  border-bottom: 1px solid var(--ops-border);
  background: var(--ops-surface);
  box-shadow: var(--ops-elevation-1);
}

body.ops-precision-pilot #side-drawer {
  border-right: 1px solid var(--ops-border);
  background: var(--ops-surface);
  box-shadow: var(--ops-elevation-2);
}

body.ops-precision-pilot .drawer-item {
  border-color: var(--ops-border);
  color: var(--ops-text);
  background: transparent;
  transition: color var(--ops-transition), background-color var(--ops-transition), border-color var(--ops-transition);
}

body.ops-precision-pilot .drawer-item:hover,
body.ops-precision-pilot .drawer-item:active {
  color: var(--ops-brand-strong);
  background: var(--ops-brand-soft);
}

body.ops-precision-pilot #bottom-nav {
  border-color: var(--ops-border);
  background: var(--ops-surface);
  background: color-mix(in srgb, var(--ops-surface) 96%, transparent);
  box-shadow: 0 -2px 8px rgba(15, 35, 25, 0.08);
}

body.ops-precision-pilot .footer-nav-btn {
  color: var(--ops-text-muted);
  transition: color var(--ops-transition), background-color var(--ops-transition);
}

body.ops-precision-pilot .footer-nav-btn.active,
body.ops-precision-pilot .footer-nav-btn[aria-current="page"] {
  color: var(--ops-brand-strong);
  background: var(--ops-brand-soft);
}

body.ops-precision-pilot :is(
  #drive-search-container,
  #docks-search-container,
  #request-search-container,
  #tasks-search-container,
  #av-search-container,
  #managers-search-container,
  #review-search-container,
  #po-management-search-wrap,
  .search-container
) {
  border-color: var(--ops-border) !important;
  border-radius: var(--ops-radius-md) !important;
  background: var(--ops-surface) !important;
  box-shadow: var(--ops-elevation-1) !important;
}

body.ops-precision-pilot :is(
  input:not([type="checkbox"]):not([type="radio"]),
  select,
  textarea
) {
  border-color: var(--ops-border) !important;
  border-radius: var(--ops-radius-sm) !important;
  color: var(--ops-text) !important;
  background-color: var(--ops-surface) !important;
  transition: border-color var(--ops-transition), box-shadow var(--ops-transition), background-color var(--ops-transition);
}

body.ops-precision-pilot :is(input, textarea)::placeholder {
  color: var(--ops-text-muted) !important;
  opacity: 1;
}

body.ops-precision-pilot :is(button, [role="button"], input, select, textarea, a):focus-visible {
  outline: 2px solid var(--ops-focus) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 3px rgba(29, 115, 232, 0.2) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ops-focus) 20%, transparent) !important;
}

body.ops-precision-pilot :is(button, [role="button"], .task-tab, .detail-tab) {
  transition-duration: 150ms !important;
  transition-timing-function: ease !important;
}

body.ops-precision-pilot :is(
  .task-top-control-shell,
  .task-top-control-trigger,
  .task-top-control-panel,
  .excel-filter-panel,
  .filter-shell,
  .filter-trigger,
  .filter-panel
) {
  border-color: var(--ops-border) !important;
  border-radius: var(--ops-radius-sm) !important;
  color: var(--ops-text) !important;
  background-color: var(--ops-surface) !important;
  box-shadow: var(--ops-elevation-1) !important;
}

body.ops-precision-pilot :is(.task-tab, .detail-tab).active {
  color: var(--ops-brand-strong) !important;
  border-bottom-color: var(--ops-brand) !important;
  background: var(--ops-surface) !important;
}

body.ops-precision-pilot :is(
  .inv-card,
  .drill-item,
  .item-row,
  .task-card,
  .request-card,
  .dock-card,
  .overview-card,
  .expand-trigger,
  .expand-content
) {
  border-color: var(--ops-border) !important;
  border-radius: var(--ops-radius-md) !important;
  color: var(--ops-text) !important;
  background-color: var(--ops-surface) !important;
  box-shadow: var(--ops-elevation-1) !important;
  transition: border-color var(--ops-transition), background-color var(--ops-transition), box-shadow var(--ops-transition), transform var(--ops-transition);
}

body.ops-precision-pilot :is(.inv-card, .drill-item, .item-row):hover {
  border-color: var(--ops-border-strong) !important;
  box-shadow: var(--ops-elevation-2) !important;
}

body.ops-precision-pilot .ops-record-node {
  border-color: var(--ops-border) !important;
  border-radius: var(--ops-radius-md) !important;
  color: var(--ops-text) !important;
  background-color: var(--ops-surface) !important;
  box-shadow: var(--ops-elevation-1) !important;
}

body.ops-precision-pilot :is(.status-green, .status-teal) {
  border-left-color: var(--ops-success) !important;
}

body.ops-precision-pilot :is(.status-yellow, .status-orange) {
  border-left-color: var(--ops-warning) !important;
}

body.ops-precision-pilot .status-red {
  border-left-color: var(--ops-danger) !important;
}

body.ops-precision-pilot :is(.status-blue, .status-indigo, .status-purple) {
  border-left-color: var(--ops-info) !important;
}

body.ops-precision-pilot :is(table, th, td) {
  border-color: var(--ops-border) !important;
}

body.ops-precision-pilot table {
  color: var(--ops-text);
  background: var(--ops-surface);
}

body.ops-precision-pilot thead,
body.ops-precision-pilot th {
  color: var(--ops-text-muted) !important;
  background: var(--ops-surface-strong) !important;
}

body.ops-precision-pilot :is([role="dialog"], .modal-content, .app-modal-card) {
  border: 1px solid var(--ops-border) !important;
  border-radius: var(--ops-radius-md) !important;
  color: var(--ops-text) !important;
  background: var(--ops-surface) !important;
  box-shadow: var(--ops-elevation-2) !important;
}

body.ops-precision-pilot #toast-notification {
  border: 1px solid rgba(255, 255, 255, 0.3);
  border: 1px solid color-mix(in srgb, white 30%, transparent);
  border-radius: var(--ops-radius-md);
  box-shadow: var(--ops-elevation-2);
}

body.ops-precision-pilot :is(.upload-progress, .photo-upload-state, [data-upload-state]) {
  border-color: var(--ops-border) !important;
  border-radius: var(--ops-radius-sm) !important;
  background: var(--ops-surface-muted) !important;
}

body.ops-precision-pilot .text-gray-400,
body.ops-precision-pilot .text-gray-500,
body.ops-precision-pilot .text-slate-400,
body.ops-precision-pilot .text-slate-500,
body.ops-precision-pilot .text-slate-600 {
  color: var(--ops-text-muted) !important;
}

body.ops-precision-pilot .text-gray-600,
body.ops-precision-pilot .text-gray-700,
body.ops-precision-pilot .text-gray-800,
body.ops-precision-pilot .text-gray-900,
body.ops-precision-pilot .text-slate-700,
body.ops-precision-pilot .text-slate-800,
body.ops-precision-pilot .text-slate-900,
body.ops-precision-pilot .text-black {
  color: var(--ops-text) !important;
}

body.ops-precision-pilot .bg-white,
body.ops-precision-pilot .bg-white\/95,
body.ops-precision-pilot .bg-white\/90,
body.ops-precision-pilot .bg-white\/80 {
  background-color: var(--ops-surface) !important;
}

body.ops-precision-pilot .text-\[\#007a4d\] {
  color: var(--ops-brand-strong) !important;
}

body.ops-precision-pilot .bg-\[\#007a4d\] {
  background-color: var(--ops-brand) !important;
}

body.ops-precision-pilot .border-\[\#007a4d\] {
  border-color: var(--ops-brand) !important;
}

body.ops-precision-pilot :is(.bg-emerald-50, .bg-green-50, .bg-lime-50, .bg-teal-50) {
  background-color: var(--ops-brand-soft) !important;
  background-color: color-mix(in srgb, var(--ops-success) 13%, var(--ops-surface)) !important;
}

body.ops-precision-pilot :is(.bg-blue-50, .bg-sky-50, .bg-cyan-50, .bg-indigo-50, .bg-purple-50) {
  background-color: var(--ops-surface-muted) !important;
  background-color: color-mix(in srgb, var(--ops-info) 13%, var(--ops-surface)) !important;
}

body.ops-precision-pilot :is(.bg-amber-50, .bg-yellow-50, .bg-orange-50) {
  background-color: var(--ops-surface-muted) !important;
  background-color: color-mix(in srgb, var(--ops-warning) 13%, var(--ops-surface)) !important;
}

body.ops-precision-pilot :is(.bg-red-50, .bg-rose-50) {
  background-color: var(--ops-surface-muted) !important;
  background-color: color-mix(in srgb, var(--ops-danger) 13%, var(--ops-surface)) !important;
}

body.ops-precision-pilot :is(.text-emerald-600, .text-emerald-700, .text-emerald-800, .text-green-600, .text-green-700, .text-green-800, .text-lime-600, .text-lime-700, .text-lime-800, .text-teal-600, .text-teal-700, .text-teal-800) {
  color: var(--ops-success) !important;
}

body.ops-precision-pilot :is(.text-blue-600, .text-blue-700, .text-blue-800, .text-sky-600, .text-sky-700, .text-sky-800, .text-cyan-600, .text-cyan-700, .text-cyan-800, .text-indigo-600, .text-indigo-700, .text-indigo-800, .text-purple-600, .text-purple-700, .text-purple-800) {
  color: var(--ops-info) !important;
}

body.ops-precision-pilot :is(.text-amber-600, .text-amber-700, .text-amber-800, .text-yellow-600, .text-yellow-700, .text-yellow-800, .text-orange-600, .text-orange-700, .text-orange-800) {
  color: var(--ops-warning) !important;
}

body.ops-precision-pilot :is(.text-red-600, .text-red-700, .text-red-800, .text-rose-600, .text-rose-700, .text-rose-800) {
  color: var(--ops-danger) !important;
}

body.ops-precision-pilot :is(.border-emerald-100, .border-emerald-200, .border-green-100, .border-green-200, .border-lime-100, .border-lime-200, .border-teal-100, .border-teal-200) {
  border-color: var(--ops-border) !important;
  border-color: color-mix(in srgb, var(--ops-success) 42%, var(--ops-border)) !important;
}

body.ops-precision-pilot :is(.border-blue-100, .border-blue-200, .border-sky-100, .border-sky-200, .border-cyan-100, .border-cyan-200, .border-indigo-100, .border-indigo-200, .border-purple-100, .border-purple-200) {
  border-color: var(--ops-border) !important;
  border-color: color-mix(in srgb, var(--ops-info) 42%, var(--ops-border)) !important;
}

body.ops-precision-pilot :is(.border-amber-100, .border-amber-200, .border-yellow-100, .border-yellow-200, .border-orange-100, .border-orange-200) {
  border-color: var(--ops-border) !important;
  border-color: color-mix(in srgb, var(--ops-warning) 42%, var(--ops-border)) !important;
}

body.ops-precision-pilot :is(.border-red-100, .border-red-200, .border-rose-100, .border-rose-200) {
  border-color: var(--ops-border) !important;
  border-color: color-mix(in srgb, var(--ops-danger) 42%, var(--ops-border)) !important;
}

body.ops-precision-pilot .bg-gray-50,
body.ops-precision-pilot .bg-gray-100,
body.ops-precision-pilot .bg-slate-50,
body.ops-precision-pilot .bg-slate-100,
body.ops-precision-pilot .bg-emerald-50\/20 {
  background-color: var(--ops-surface-muted) !important;
}

body.ops-precision-pilot .border-gray-100,
body.ops-precision-pilot .border-gray-200,
body.ops-precision-pilot .border-gray-300,
body.ops-precision-pilot .border-slate-100,
body.ops-precision-pilot .border-slate-200,
body.ops-precision-pilot .border-slate-300,
body.ops-precision-pilot .border-emerald-100 {
  border-color: var(--ops-border) !important;
}

.ops-pilot-settings {
  display: none;
  margin: 8px 12px 12px;
  border: 1px solid var(--ops-border, #d1d5db);
  border-radius: var(--ops-radius-md, 8px);
  padding: 10px;
  color: var(--ops-text, #13221b);
  background: var(--ops-surface-muted, #f7faf8);
}

.ops-security-settings {
  display: none;
  margin: 8px 12px 12px;
  border: 1px solid var(--ops-border, #d1d5db);
  border-radius: var(--ops-radius-md, 8px);
  padding: 10px;
  color: var(--ops-text, #13221b);
  background: var(--ops-surface-muted, #f7faf8);
}

.ops-security-settings:not(.hidden) {
  display: block;
}

.ops-security-settings .hidden {
  display: none !important;
}

.ops-pilot-settings .hidden {
  display: none !important;
}

body.ops-pilot-active .ops-pilot-settings:not(.hidden) {
  display: block;
}

.ops-pilot-settings__eyebrow {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  color: var(--ops-text-muted, #617068);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ops-pilot-settings__group + .ops-pilot-settings__group {
  margin-top: 10px;
}

.ops-pilot-settings__label {
  display: block;
  margin-bottom: 5px;
  color: var(--ops-text-muted, #617068);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ops-pilot-segmented {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: var(--ops-density-1, 4px);
}

.ops-pilot-segmented button {
  min-height: 34px;
  border: 1px solid var(--ops-border, #d1d5db);
  border-radius: var(--ops-radius-sm, 6px);
  padding: 6px 8px;
  color: var(--ops-text-muted, #617068);
  background: var(--ops-surface, #ffffff);
  font-size: 11px;
  font-weight: 800;
}

.ops-pilot-segmented button[aria-pressed="true"] {
  border-color: var(--ops-brand, #08784a);
  color: var(--ops-brand-strong, #05623c);
  background: var(--ops-brand-soft, #e6f4ed);
}

.ops-pilot-settings__note {
  min-height: 14px;
  margin-top: 5px;
  color: var(--ops-text-muted, #617068);
  font-size: 9px;
  font-weight: 700;
}

body.ops-precision-pilot.ops-grid-effective .ops-record-collection {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)) !important;
  align-items: start !important;
  gap: var(--ops-density-2) !important;
}

body.ops-precision-pilot.ops-grid-effective .ops-record-collection > .ops-record-node {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  border-radius: var(--ops-radius-sm) !important;
  box-shadow: none !important;
}

body.ops-precision-pilot.ops-grid-effective .ops-record-collection > .ops-record-node:hover {
  border-color: var(--ops-border-strong) !important;
  box-shadow: var(--ops-elevation-1) !important;
}

/* Full /v2 Ops Precision parity for the existing live DOM. The selectors below
   only change presentation; existing nodes, handlers, scrolling ownership, and
   business workflows remain untouched. */
body.ops-precision-pilot {
  --ops-wide-content: 1880px;
  --ops-desktop-nav: 1400px;
  --ops-header-green: #057a48;
  --ops-header-green-mid: #07874f;
  --ops-header-green-deep: #0a6d47;
  letter-spacing: 0;
}

body.ops-precision-pilot[data-ops-theme="dark"],
body.ops-precision-pilot[data-ops-theme="dark"] #app-wrapper {
  background:
    radial-gradient(circle at 20% 12%, rgba(25, 185, 121, 0.14), transparent 28%),
    linear-gradient(180deg, #07120e 0%, #0c1814 100%) !important;
}

body.ops-precision-pilot[data-ops-theme="dark"] #main-scroll-area,
html.outdoor-mode body.ops-precision-pilot[data-ops-theme="dark"] #main-scroll-area {
  background:
    radial-gradient(circle at 18% 10%, rgba(25, 185, 121, 0.08), transparent 30%),
    linear-gradient(180deg, #07120e 0%, #0c1814 100%) !important;
}

body.ops-precision-pilot #view-wrapper {
  width: min(100%, var(--ops-wide-content)) !important;
  max-width: var(--ops-wide-content) !important;
  margin-inline: auto !important;
}

body.ops-precision-pilot #view-wrapper > div {
  width: 100% !important;
  max-width: var(--ops-wide-content) !important;
  margin-inline: auto !important;
}

body.ops-precision-pilot .nav-header,
html.outdoor-mode body.ops-precision-pilot .nav-header {
  color: #fff !important;
  background: linear-gradient(135deg, var(--ops-header-green) 0%, var(--ops-header-green-mid) 52%, var(--ops-header-green-deep) 100%) !important;
  box-shadow: 0 10px 34px rgba(10, 80, 53, 0.16) !important;
}

body.ops-precision-pilot .nav-header-company {
  color: rgba(242, 251, 246, 0.92) !important;
}

body.ops-precision-pilot .nav-version-pill {
  border: 0 !important;
  color: #08784a !important;
  background: #eefaf5 !important;
  box-shadow: none !important;
}

body.ops-precision-pilot :is(.nav-outdoor-toggle, #sync-diagnostics-badge) {
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  color: #fff !important;
  background: rgba(17, 24, 39, 0.2) !important;
  box-shadow: none !important;
}

body.ops-precision-pilot #global-header-search-row {
  border: 0 !important;
  padding-inline: max(var(--shell-gutter, 16px), env(safe-area-inset-left)) max(var(--shell-gutter, 16px), env(safe-area-inset-right)) !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--ops-header-green) 0%, var(--ops-header-green-mid) 52%, var(--ops-header-green-deep) 100%) !important;
  box-shadow: none !important;
}

body.ops-precision-pilot #global-header-search-row :is(.amazon-inline-back, button) {
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

body.ops-precision-pilot #side-drawer {
  color: var(--ops-text) !important;
  background: var(--ops-surface) !important;
}

body.ops-precision-pilot .drawer-header {
  border-bottom: 1px solid var(--ops-border) !important;
  color: var(--ops-brand) !important;
  background: var(--ops-surface) !important;
}

body.ops-precision-pilot .drawer-item {
  min-height: 48px;
  border-bottom-color: var(--ops-border) !important;
  color: var(--ops-text-muted) !important;
  font-weight: 800 !important;
}

body.ops-precision-pilot .drawer-item i {
  color: var(--ops-brand) !important;
}

body.ops-precision-pilot .drawer-item:hover,
body.ops-precision-pilot .drawer-item:active {
  border-color: var(--ops-border-strong) !important;
  color: var(--ops-text) !important;
  background: var(--ops-surface-muted) !important;
}

body.ops-precision-pilot .ops-pilot-settings {
  border-color: var(--ops-border-strong) !important;
  background: var(--ops-surface-muted) !important;
}

body.ops-precision-pilot .ops-pilot-settings__eyebrow,
body.ops-precision-pilot .ops-pilot-settings__label {
  color: var(--ops-brand) !important;
}

body.ops-precision-pilot .ops-pilot-segmented {
  border: 1px solid var(--ops-border) !important;
  border-radius: 999px !important;
  padding: 4px !important;
  background: var(--ops-brand-soft) !important;
}

body.ops-precision-pilot .ops-pilot-segmented button {
  border: 0 !important;
  border-radius: 999px !important;
  color: var(--ops-text-muted) !important;
  background: transparent !important;
}

body.ops-precision-pilot .ops-pilot-segmented button[aria-pressed="true"] {
  color: #fff !important;
  background: var(--ops-brand) !important;
  box-shadow: 0 6px 16px rgba(5, 89, 55, 0.2) !important;
}

body.ops-precision-pilot #bottom-nav {
  border: 1px solid var(--ops-border) !important;
  border-bottom: 0 !important;
  color: var(--ops-text) !important;
  background: color-mix(in srgb, var(--ops-surface-strong) 96%, transparent) !important;
  box-shadow: 0 -16px 42px rgba(0, 0, 0, 0.28) !important;
}

body.ops-precision-pilot .footer-nav-btn {
  color: var(--ops-text-muted) !important;
  background: transparent !important;
}

body.ops-precision-pilot .footer-nav-btn.active,
body.ops-precision-pilot .footer-nav-btn.menu-open,
body.ops-precision-pilot .footer-nav-btn[aria-current="page"] {
  border-color: var(--ops-border-strong) !important;
  color: var(--ops-brand-strong) !important;
  background: var(--ops-brand-soft) !important;
  box-shadow: inset 0 0 0 1px var(--ops-border) !important;
}

body.ops-precision-pilot :is(
  #home-dashboard-grid > div,
  #home-rep-dashboard-grid > button,
  #view-sales button[id^="sales-open-"],
  #view-production button[id^="production-open-"],
  #view-sales-inventory #sales-inventory-hub-grid > button,
  #view-qc button[id^="qc-open-"],
  #view-office button[id^="office-open-"],
  #view-communication button[id^="communication-open-"],
  #view-disease-pest button[id^="disease-pest-open-"],
  #view-managers .manager-module-card
) {
  border: 2px solid var(--ops-brand) !important;
  border-radius: 8px !important;
  color: var(--ops-brand) !important;
  background: var(--ops-surface) !important;
  box-shadow: none !important;
}

body.ops-precision-pilot :is(
  #home-dashboard-grid > div,
  #home-rep-dashboard-grid > button,
  #view-sales button[id^="sales-open-"],
  #view-production button[id^="production-open-"],
  #view-sales-inventory #sales-inventory-hub-grid > button,
  #view-qc button[id^="qc-open-"],
  #view-office button[id^="office-open-"],
  #view-communication button[id^="communication-open-"],
  #view-disease-pest button[id^="disease-pest-open-"],
  #view-managers .manager-module-card
):is(:hover, :focus-visible) {
  border-color: var(--ops-brand-strong) !important;
  background: var(--ops-surface-muted) !important;
  transform: translateY(-1px);
}

body.ops-precision-pilot :is(
  #home-dashboard-grid > div,
  #home-rep-dashboard-grid > button
) > :is(i, span),
body.ops-precision-pilot :is(
  #view-sales button[id^="sales-open-"],
  #view-production button[id^="production-open-"],
  #view-sales-inventory #sales-inventory-hub-grid > button,
  #view-qc button[id^="qc-open-"],
  #view-office button[id^="office-open-"],
  #view-communication button[id^="communication-open-"],
  #view-disease-pest button[id^="disease-pest-open-"],
  #view-managers .manager-module-card
) :is(i, .manager-module-icon, .manager-module-title) {
  color: var(--ops-brand) !important;
}

body.ops-precision-pilot #view-home .home-dashboard-sticky {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

body.ops-precision-pilot #view-home .home-dashboard-sticky::before {
  display: none !important;
}

body.ops-precision-pilot #view-home #home-dashboard-hero {
  min-height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ops-precision-pilot #view-home #home-dashboard-hero > :is(.absolute, img, p, .flex.flex-col) {
  display: none !important;
}

body.ops-precision-pilot #view-home .home-sync-accordion:not(.hidden) {
  display: block !important;
  margin: 0 0 10px !important;
  border: 1px solid var(--ops-border) !important;
  border-radius: 8px !important;
  color: var(--ops-text) !important;
  background: var(--ops-surface) !important;
}

body.ops-precision-pilot #view-home #home-dashboard-modules h2,
body.ops-precision-pilot #view-home #home-rep-dashboard-modules h2 {
  color: var(--ops-text-muted) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
}

body.ops-precision-pilot :is(
  .app-card-shell,
  .app-smart-card,
  .request-swipe-surface,
  .manager-module-card,
  .crop-roll-review-card,
  .sales-office-card,
  .communication-card,
  .low-stock-card,
  .approval-card,
  .chat-thread-shell,
  .android-chat-shell
) {
  border-color: var(--ops-border) !important;
  color: var(--ops-text) !important;
  background: var(--ops-surface) !important;
  box-shadow: var(--ops-elevation-1) !important;
}

body.ops-precision-pilot :is(.rounded-xl.border, .rounded-2xl.border) {
  border-color: var(--ops-border) !important;
  color: var(--ops-text) !important;
  background-color: var(--ops-surface) !important;
}

body.ops-precision-pilot :is(.task-tabs, .detail-tabs, .freeze-panel, .sticky-search, .fixed-filter-rail) {
  border-color: var(--ops-border) !important;
  color: var(--ops-text) !important;
  background: var(--ops-surface-muted) !important;
  box-shadow: none !important;
}

body.ops-precision-pilot :is(.task-tab, .detail-tab) {
  color: var(--ops-text-muted) !important;
  background: transparent !important;
}

body.ops-precision-pilot :is(.task-tab, .detail-tab).active {
  border-bottom-color: var(--ops-brand) !important;
  color: var(--ops-brand-strong) !important;
  background: var(--ops-surface) !important;
}

body.ops-precision-pilot :is(option, optgroup) {
  color: var(--ops-text) !important;
  background: var(--ops-surface) !important;
}

body.ops-precision-pilot :is(.primary-button, .commit-action, button.bg-\[\#007a4d\]) {
  border-color: var(--ops-brand) !important;
  color: #fff !important;
  background: var(--ops-brand) !important;
}

@media (min-width: 1100px) {
  body.ops-precision-pilot {
    --shell-max-width: 1900px;
    --content-max-width: 1880px;
    --shell-gutter: clamp(28px, 4.3vw, 88px);
    --shell-width: min(calc(100% - (var(--shell-gutter) * 2)), var(--shell-max-width));
    --content-width: min(100%, var(--content-max-width));
    --footer-nav-reserve: 9.25rem;
  }

  body.ops-precision-pilot .nav-header {
    min-height: 154px;
    padding: max(18px, env(safe-area-inset-top)) var(--shell-gutter) 18px !important;
  }

  body.ops-precision-pilot .nav-header-shell {
    width: var(--shell-width) !important;
    max-width: var(--shell-width) !important;
  }

  body.ops-precision-pilot .nav-header-utility {
    min-height: 112px;
  }

  body.ops-precision-pilot .nav-header-user {
    font-size: clamp(30px, 2.1vw, 40px) !important;
    line-height: 1 !important;
  }

  body.ops-precision-pilot .nav-header-company,
  body.ops-precision-pilot #sync-diagnostics-detail {
    margin-top: 8px;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: 0.12em !important;
  }

  body.ops-precision-pilot .nav-header-meta {
    gap: 8px;
    max-width: 40%;
  }

  body.ops-precision-pilot .nav-header-meta-row {
    gap: 10px;
  }

  body.ops-precision-pilot :is(.nav-version-pill, .nav-outdoor-toggle, #sync-diagnostics-badge) {
    min-height: 42px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
  }

  body.ops-precision-pilot #main-scroll-area {
    padding: 14px var(--shell-gutter) calc(var(--footer-nav-reserve) + env(safe-area-inset-bottom)) !important;
  }

  body.ops-precision-pilot.current-view-home.home-dashboard-mode:not(.keyboard-open):not(.detail-field-active):not(.measurement-keyboard-open) #main-scroll-area {
    overflow-y: hidden !important;
  }

  body.ops-precision-pilot.current-view-home #view-home:not(.hidden),
  body.ops-precision-pilot.current-view-home #home-dashboard-content,
  body.ops-precision-pilot.current-view-home #home-dashboard-modules:not(.hidden) {
    height: 100% !important;
    min-height: 0 !important;
  }

  body.ops-precision-pilot.current-view-home #home-dashboard-modules:not(.hidden) {
    display: flex !important;
    flex-direction: column !important;
  }

  body.ops-precision-pilot #view-home #home-dashboard-grid,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
    flex: 1 1 auto !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(0, 1fr) !important;
    align-content: stretch !important;
    gap: 12px !important;
    min-height: 0 !important;
    height: min(760px, calc(100dvh - 326px)) !important;
    margin-bottom: 0 !important;
    overflow: hidden !important;
  }

  body.ops-precision-pilot #view-home #home-dashboard-grid > div,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button {
    min-height: 0 !important;
    height: 100% !important;
    padding: 18px !important;
    gap: 16px !important;
  }

  body.ops-precision-pilot #view-home #home-dashboard-grid > div > i,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button > i {
    font-size: clamp(34px, 2.5vw, 44px) !important;
  }

  body.ops-precision-pilot #view-home #home-dashboard-grid > div > span,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button > span {
    font-size: clamp(16px, 1.35vw, 22px) !important;
    letter-spacing: 0.1em !important;
  }

  body.ops-precision-pilot:not(.keyboard-open):not(.detail-field-active):not(.measurement-keyboard-open) #bottom-nav {
    left: 50% !important;
    right: auto !important;
    width: min(var(--ops-desktop-nav), calc(100% - (var(--shell-gutter) * 2))) !important;
    max-width: calc(100% - (var(--shell-gutter) * 2)) !important;
    transform: translateX(-50%) !important;
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 10px !important;
    border-radius: 26px 26px 0 0 !important;
  }

  body.ops-precision-pilot .footer-nav-btn {
    min-height: 78px !important;
    border-radius: 18px !important;
    font-size: 12px !important;
  }

  body.ops-precision-pilot .footer-nav-btn i {
    font-size: 28px !important;
  }
}

@media (min-width: 768px) and (max-width: 1099px) {
  body.ops-precision-pilot {
    --shell-max-width: 1120px;
    --content-max-width: 1100px;
    --shell-gutter: clamp(18px, 3vw, 34px);
    --ops-wide-content: 1100px;
  }

  body.ops-precision-pilot .nav-header {
    min-height: 112px;
    padding: max(14px, env(safe-area-inset-top)) var(--shell-gutter) 14px !important;
  }

  body.ops-precision-pilot .nav-header-user {
    font-size: clamp(22px, 3vw, 30px) !important;
  }

  body.ops-precision-pilot #view-home #home-dashboard-grid,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(112px, 1fr) !important;
    gap: 10px !important;
  }

  body.ops-precision-pilot:not(.keyboard-open):not(.detail-field-active):not(.measurement-keyboard-open) #bottom-nav {
    width: min(980px, calc(100% - (var(--shell-gutter) * 2))) !important;
    max-width: calc(100% - (var(--shell-gutter) * 2)) !important;
  }
}

@media (max-width: 767px) {
  body.ops-precision-pilot {
    --shell-gutter: 12px;
    --shell-max-width: 100vw;
    --content-max-width: 100vw;
    --ops-wide-content: 100%;
  }

  body.ops-precision-pilot .nav-header {
    min-height: 68px;
  }

  body.ops-precision-pilot .nav-header-user {
    font-size: 16px !important;
  }

  body.ops-precision-pilot .nav-header-company {
    font-size: 9px !important;
  }

  body.ops-precision-pilot #view-home #home-dashboard-grid,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.ops-precision-pilot #view-home #home-dashboard-grid > div,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button {
    border-width: 1.5px !important;
    background: var(--ops-surface) !important;
  }

  body.ops-precision-pilot #bottom-nav {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    transform: none !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
  }

  body.ops-pilot-active .ops-pilot-settings:not(.hidden) {
    margin: 10px 12px 12px !important;
    padding: 12px !important;
    border-width: 1.5px !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18) !important;
  }

  body.ops-pilot-active .ops-pilot-segmented button {
    min-height: 44px !important;
    padding: 8px 6px !important;
    font-size: 12px !important;
  }
}

/* V2026.08.15.11 — compact enterprise shell, semantic dual-theme controls, and responsive inventory cards. */
:root {
  --login-canvas: #076f45;
  --login-canvas-deep: #045b38;
  --login-surface: #ffffff;
  --login-surface-muted: #f3f8f5;
  --login-text: #10231a;
  --login-muted: #607168;
  --login-border: #c9d8d0;
  --login-focus: #1677e8;
}

html[data-ops-prepaint-theme="dark"] {
  --login-canvas: #06120d;
  --login-canvas-deep: #030b08;
  --login-surface: #111c18;
  --login-surface-muted: #182620;
  --login-text: #f4fbf7;
  --login-muted: #9db4aa;
  --login-border: rgba(99, 230, 173, 0.34);
  --login-focus: #72adff;
}

#view-login,
#view-change-password {
  background:
    radial-gradient(circle at 22% 12%, rgba(111, 238, 181, 0.14), transparent 28%),
    linear-gradient(145deg, var(--login-canvas), var(--login-canvas-deep)) !important;
}

#view-login .login-card,
#view-change-password .login-card {
  width: min(100%, 430px) !important;
  max-width: 430px !important;
  border: 1px solid var(--login-border) !important;
  border-radius: 18px !important;
  padding: clamp(24px, 4vw, 36px) !important;
  color: var(--login-text) !important;
  background: var(--login-surface) !important;
  box-shadow: 0 24px 70px rgba(0, 25, 16, 0.28) !important;
  text-align: left !important;
}

.login-brand-lockup {
  display: grid;
  justify-items: start;
  gap: 12px;
}

.login-brand-logo {
  display: block;
  width: min(100%, 224px);
  height: auto;
  object-fit: contain;
}

html[data-ops-prepaint-theme="dark"] .login-brand-logo {
  padding: 8px;
  border-radius: 10px;
  background: #f7faf8;
}

.login-brand-rule {
  width: 44px;
  height: 3px;
  border-radius: 2px;
  background: #0a8753;
}

.login-product-label {
  margin: 0;
  color: var(--login-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.login-heading-block {
  margin: 24px 0 20px;
}

.login-heading-block h1 {
  margin: 0;
  color: var(--login-text);
  font-size: clamp(26px, 5vw, 34px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.login-heading-block p {
  margin: 7px 0 0;
  color: var(--login-muted);
  font-size: 14px;
  line-height: 1.45;
}

.login-field-stack {
  display: grid;
  gap: 8px;
}

.login-field-label {
  color: var(--login-text);
  font-size: 12px;
  font-weight: 750;
}

.login-field-stack .login-field {
  height: 48px !important;
  margin: 0 0 6px !important;
  border: 1px solid var(--login-border) !important;
  border-radius: 10px !important;
  padding: 0 14px !important;
  color: var(--login-text) !important;
  background: var(--login-surface-muted) !important;
  box-shadow: none !important;
  font-size: 15px !important;
  text-align: left !important;
  letter-spacing: 0 !important;
}

.login-password-shell {
  position: relative;
}

.login-password-shell .login-field {
  padding-right: 50px !important;
}

.login-password-toggle {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: 0;
  color: var(--login-muted);
  background: transparent;
  font-size: 19px;
}

.login-saved-account {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 22px;
  align-items: center;
  gap: 12px;
  min-height: 70px;
  border: 1px solid var(--login-border);
  border-radius: 12px;
  padding: 12px;
  background: var(--login-surface-muted);
}

.login-saved-account.hidden {
  display: none !important;
}

.login-saved-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 11px;
  color: #ffffff;
  background: #08784a;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0.04em;
}

.login-saved-copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.login-saved-copy strong {
  overflow: hidden;
  color: var(--login-text);
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.login-saved-copy span {
  color: var(--login-muted);
  font-size: 11px;
  font-weight: 650;
}

.login-saved-account > i {
  color: #168454;
  font-size: 20px;
}

.login-primary-button,
.login-secondary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  min-height: 48px;
  margin-top: 14px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.01em;
}

.login-secondary-button.hidden,
.login-field-stack.hidden,
.login-loading-state.hidden,
.login-progress-wrap.hidden {
  display: none !important;
}

.login-primary-button {
  border: 1px solid #08784a;
  color: #ffffff;
  background: #08784a;
  box-shadow: 0 8px 18px rgba(8, 120, 74, 0.2);
}

.login-secondary-button {
  margin-top: 8px;
  border: 1px solid var(--login-border);
  color: var(--login-text);
  background: transparent;
}

.login-assistive-copy,
.login-loading-title,
.login-progress-label {
  color: var(--login-muted);
  font-size: 11px;
  font-weight: 650;
  line-height: 1.45;
  text-align: center;
}

.login-assistive-copy {
  margin-top: 10px;
}

.login-loading-state {
  padding: 18px 0 4px;
  text-align: center;
}

.login-progress-wrap {
  margin-top: 15px;
}

.login-progress-track {
  height: 5px;
  overflow: hidden;
  border-radius: 3px;
  background: var(--login-surface-muted);
}

.login-progress-bar {
  width: 0;
  height: 100%;
  background: #19a76a;
  transition: width 180ms ease;
}

.login-primary-button:is(:hover, :focus-visible) {
  background: #056b42;
}

:where(.login-field, .login-primary-button, .login-secondary-button, .login-password-toggle):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--login-focus) 38%, transparent) !important;
  outline-offset: 2px !important;
}

body.ops-precision-pilot {
  --ops-control-height: 44px;
  --ops-card-radius: 12px;
  --ops-panel-radius: 14px;
  --ops-shadow-rest: 0 2px 10px rgba(15, 35, 25, 0.07);
  --ops-shadow-float: 0 12px 30px rgba(15, 35, 25, 0.12);
}

body.ops-precision-pilot[data-ops-theme="dark"] {
  --ops-shadow-rest: 0 2px 12px rgba(0, 0, 0, 0.3);
  --ops-shadow-float: 0 14px 34px rgba(0, 0, 0, 0.38);
}

body.ops-precision-pilot #main-scroll-area {
  padding-bottom: calc(var(--footer-nav-reserve, 6.5rem) + env(safe-area-inset-bottom) + 24px) !important;
  scroll-padding-bottom: calc(var(--footer-nav-reserve, 6.5rem) + env(safe-area-inset-bottom) + 24px) !important;
}

body.ops-precision-pilot #view-home #home-dashboard-grid,
body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: none !important;
  align-items: start !important;
  gap: 12px !important;
}

body.ops-precision-pilot #view-home #home-dashboard-grid > div,
body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button {
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  border: 2px solid color-mix(in srgb, var(--ops-brand) 56%, var(--ops-border)) !important;
  border-radius: var(--ops-card-radius) !important;
  padding: clamp(12px, 2vw, 22px) !important;
  background: var(--ops-surface) !important;
  box-shadow: var(--ops-shadow-rest) !important;
}

body.ops-precision-pilot #view-home #home-dashboard-grid > div::after,
body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button::after {
  opacity: 0.16 !important;
}

body.ops-precision-pilot #view-home #home-dashboard-grid > div > i,
body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button > i {
  width: 44px !important;
  height: 44px !important;
  flex-basis: 44px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--ops-brand-soft) !important;
  box-shadow: none !important;
  font-size: 24px !important;
}

body.ops-precision-pilot :is(button, [role="button"], input, select, textarea, summary):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--ops-focus) 42%, transparent) !important;
  outline-offset: 2px !important;
}

body.ops-precision-pilot :is(.app-smart-card, .app-card-shell, .inv-card, .freeze-panel, .sticky-search, .task-top-control-shell) {
  border-color: var(--ops-border) !important;
  border-radius: var(--ops-panel-radius) !important;
  color: var(--ops-text) !important;
  background: var(--ops-surface) !important;
  box-shadow: var(--ops-shadow-rest) !important;
}

body.ops-precision-pilot :is(.bg-white, .bg-slate-50, .bg-gray-50, .bg-gray-100) {
  background-color: var(--ops-surface) !important;
}

body.ops-precision-pilot :is(.text-black, .text-slate-900, .text-gray-900, .text-gray-800, .text-slate-800) {
  color: var(--ops-text) !important;
}

body.ops-precision-pilot :is(.text-slate-400, .text-slate-500, .text-slate-600, .text-gray-400, .text-gray-500, .text-gray-600) {
  color: var(--ops-text-muted) !important;
}

body.ops-precision-pilot :is(.border-slate-100, .border-slate-200, .border-gray-100, .border-gray-200, .border-gray-300) {
  border-color: var(--ops-border) !important;
}

body.ops-precision-pilot :is(.input-field, .argos-tx-input, input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  border-color: var(--ops-border) !important;
  color: var(--ops-text) !important;
  background: var(--ops-surface-muted) !important;
}

body.ops-precision-pilot #drive-season-filters,
body.ops-precision-pilot #drive-season-filters.drive-top-inline,
body.ops-precision-pilot #drive-drill-tabs,
body.ops-precision-pilot .drive-filter-shell,
body.ops-precision-pilot .drive-top-controls-row {
  border-color: var(--ops-border) !important;
  color: var(--ops-text) !important;
  background: var(--ops-surface) !important;
}

body.ops-precision-pilot #drive-drill-tabs.drive-search-results-active .detail-tab {
  color: var(--ops-text-muted) !important;
  background: transparent !important;
}

body.ops-precision-pilot .app-drive-compact-card {
  content-visibility: auto;
  contain-intrinsic-size: 1px 260px;
  border-width: 1px !important;
  border-left-width: 3px !important;
  border-radius: var(--ops-card-radius) !important;
  padding: 14px !important;
}

body.ops-precision-pilot .app-drive-card-grid,
body.ops-precision-pilot .app-drive-card-grid.app-drive-card-grid--no-actions {
  grid-template-columns: minmax(5.25rem, 7.25rem) minmax(0, 1fr) auto !important;
  grid-template-areas: "photo main main" "bottom bottom reclass" !important;
  gap: 10px 12px !important;
}

body.ops-precision-pilot .app-drive-card-grid.app-drive-card-grid--no-photo,
body.ops-precision-pilot .app-drive-card-grid.app-drive-card-grid--no-photo.app-drive-card-grid--no-actions {
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas: "main main" "bottom reclass" !important;
}

body.ops-precision-pilot .app-drive-card-main {
  min-width: 0;
}

body.ops-precision-pilot .app-drive-card-title {
  color: var(--ops-text) !important;
  font-size: clamp(17px, 1.7vw, 24px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

body.ops-precision-pilot .app-drive-card-itemcode,
body.ops-precision-pilot .app-drive-card-meta {
  color: var(--ops-text-muted) !important;
}

body.ops-precision-pilot .app-drive-card-quantity-band {
  display: block !important;
  margin: 10px 0 8px !important;
}

body.ops-precision-pilot .app-drive-card-quantity-band .app-card-qty-row,
body.ops-precision-pilot .app-drive-card-quantity-band .app-card-qty-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

body.ops-precision-pilot .app-card-qty-chip {
  min-height: 40px !important;
  border-radius: 9px !important;
  padding: 7px 9px !important;
  white-space: normal !important;
}

body.ops-precision-pilot .app-data-pill {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  max-width: 100% !important;
  border: 1px solid var(--ops-border-strong) !important;
  border-radius: 999px !important;
  padding: 6px 10px !important;
  color: var(--ops-pill-neutral-text) !important;
  background: var(--ops-pill-neutral-bg) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.055em !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

body.ops-precision-pilot .app-data-pill--compact {
  min-height: 30px !important;
  padding: 5px 9px !important;
}

body.ops-precision-pilot .app-data-pill__label {
  margin-right: 5px;
  color: var(--ops-text-muted) !important;
}

body.ops-precision-pilot .app-data-pill__value {
  color: var(--ops-pill-value) !important;
}

body.ops-precision-pilot .app-drive-card-reclass {
  grid-area: reclass;
  align-self: end;
  min-width: 96px;
}

body.ops-precision-pilot .app-drive-card-reclass .app-card-bottom-btn {
  width: 100%;
  min-height: 44px !important;
  border: 1px solid var(--ops-border-strong) !important;
  border-radius: 10px !important;
  padding: 8px 12px !important;
  color: var(--ops-text) !important;
  background: var(--ops-surface-muted) !important;
  box-shadow: none !important;
}

body.ops-precision-pilot .app-drive-card-bottom {
  grid-area: bottom;
}

body.ops-precision-pilot .app-empty-state {
  display: grid;
  justify-items: center;
  gap: 7px;
  border: 1px dashed var(--ops-border-strong);
  border-radius: var(--ops-panel-radius);
  padding: 40px 20px;
  color: var(--ops-text-muted);
  background: var(--ops-surface);
  text-align: center;
}

body.ops-precision-pilot .app-empty-state i {
  color: var(--ops-brand-strong);
  font-size: 28px;
}

body.ops-precision-pilot .app-empty-state strong {
  color: var(--ops-text);
  font-size: 15px;
}

@media (min-width: 640px) {
  body.ops-precision-pilot #view-home #home-dashboard-grid,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 960px) {
  body.ops-precision-pilot #view-home #home-dashboard-grid,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1400px) {
  body.ops-precision-pilot #view-home #home-dashboard-grid,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
  }
}

@media (max-width: 639px) {
  #view-login,
  #view-change-password {
    justify-content: flex-start !important;
    overflow-y: auto;
    padding: max(18px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom)) !important;
  }

  #view-login .login-card,
  #view-change-password .login-card {
    margin: auto 0;
    padding: 22px !important;
  }

  body.ops-precision-pilot .app-drive-card-grid,
  body.ops-precision-pilot .app-drive-card-grid.app-drive-card-grid--no-actions {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "main main" "bottom reclass" !important;
  }

  body.ops-precision-pilot .app-drive-card-quantity-band .app-card-qty-row,
  body.ops-precision-pilot .app-drive-card-quantity-band .app-card-qty-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.ops-precision-pilot .app-drive-card-reclass {
    min-width: 90px;
  }
}

/* Login visibility is explicit so saved-account state cannot be overridden by
   component display rules or a partially refreshed PWA stylesheet. */
#saved-login-switch.hidden,
#login-credential-fields.hidden,
#loading-spinner.hidden,
#login-progress-wrap.hidden {
  display: none !important;
}

/* V2026.08.15.11 phone layout repair: full-width two-column Home tiles,
   restored Drive thumbnails, and Reclass returned to the upper-right. */
@media (max-width: 639px) {
  body.ops-precision-pilot #view-home #home-dashboard-grid,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    justify-items: stretch !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  body.ops-precision-pilot #view-home #home-dashboard-grid > div,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-width: 0 !important;
    aspect-ratio: 1 / 1 !important;
    justify-self: stretch !important;
  }

  body.ops-precision-pilot .app-drive-card-grid,
  body.ops-precision-pilot .app-drive-card-grid.app-drive-card-grid--no-actions {
    position: relative;
    grid-template-columns: clamp(4.4rem, 21vw, 5.25rem) minmax(0, 1fr) !important;
    grid-template-areas: "photo main" "bottom bottom" !important;
    gap: 8px 10px !important;
  }

  body.ops-precision-pilot .app-drive-card-grid.app-drive-card-grid--no-photo,
  body.ops-precision-pilot .app-drive-card-grid.app-drive-card-grid--no-photo.app-drive-card-grid--no-actions {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "main" "bottom" !important;
  }

  body.ops-precision-pilot .app-drive-card-photo {
    display: block !important;
    align-self: start;
  }

  body.ops-precision-pilot .app-drive-card-photo .app-smart-thumb,
  body.ops-precision-pilot .app-drive-card-photo .app-inline-thumb-box {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover;
  }

  body.ops-precision-pilot .app-drive-card-main {
    padding-right: 76px !important;
  }

  body.ops-precision-pilot .app-drive-card-reclass {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    width: 68px;
    min-width: 68px;
    margin: 0;
  }

  body.ops-precision-pilot .app-drive-card-reclass .app-card-bottom-btn {
    min-height: 42px !important;
    padding: 6px 7px !important;
    gap: 2px !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }
}

/* V2026.08.15.08 — unified command shell, readable data pills, and theme-aware chat. */
body.ops-precision-pilot {
  --ops-command: #0a1712;
  --ops-command-raised: #10211a;
  --ops-command-border: rgba(167, 243, 208, 0.34);
  --ops-glow: rgba(25, 185, 121, 0.18);
}

body.ops-precision-pilot[data-ops-theme="dark"] {
  --ops-surface: #0f1c17;
  --ops-surface-muted: #14231d;
  --ops-surface-strong: #1a2d25;
  --ops-border: rgba(110, 231, 179, 0.28);
  --ops-border-strong: rgba(110, 231, 179, 0.54);
  --ops-text-muted: #a8bdb4;
}

body.ops-precision-pilot #app-top-chrome {
  border-bottom: 1px solid rgba(167, 243, 208, 0.22) !important;
  background:
    radial-gradient(circle at 82% -30%, rgba(99, 230, 173, 0.2), transparent 34%),
    linear-gradient(118deg, #05633d 0%, #078650 54%, #055f3c 100%) !important;
  box-shadow: 0 14px 38px rgba(0, 31, 20, 0.22) !important;
}

body.ops-precision-pilot .nav-header,
html.outdoor-mode body.ops-precision-pilot .nav-header,
body.ops-precision-pilot #global-header-search-row {
  background: transparent !important;
  box-shadow: none !important;
}

body.ops-precision-pilot #global-header-search-row,
body.ops-precision-pilot #global-header-search-row.hidden {
  display: flex !important;
  box-sizing: border-box !important;
  width: var(--shell-width) !important;
  max-width: var(--shell-width) !important;
  margin: 0 auto !important;
  padding: 0 0 14px !important;
  border: 0 !important;
  gap: 10px !important;
}

body.ops-precision-pilot #global-header-inline-back,
body.ops-precision-pilot #global-header-inline-back.hidden {
  display: inline-flex !important;
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  border: 1px solid rgba(255, 255, 255, 0.36) !important;
  border-radius: 15px !important;
  color: #f5fff9 !important;
  background: rgba(5, 39, 27, 0.34) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 8px 22px rgba(0, 38, 24, 0.2) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

body.ops-precision-pilot #global-header-inline-back[aria-disabled="true"] {
  opacity: 0.58;
}

body.ops-precision-pilot #global-header-inline-back i {
  font-size: 21px !important;
}

body.ops-precision-pilot #global-header-search-slot,
body.ops-precision-pilot #global-header-inline-title {
  min-width: 0 !important;
  min-height: 50px !important;
}

body.ops-precision-pilot:not(.global-header-search-active) #global-header-inline-title.hidden {
  display: flex !important;
}

body.ops-precision-pilot #global-header-inline-title {
  align-items: center !important;
  gap: 11px !important;
  height: 50px !important;
  padding: 0 17px !important;
  border: 1px solid var(--ops-command-border) !important;
  border-radius: 15px !important;
  color: #f2fbf6 !important;
  background: linear-gradient(180deg, rgba(7, 21, 15, 0.94), rgba(8, 26, 19, 0.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 10px 28px rgba(0, 34, 22, 0.2) !important;
}

body.ops-precision-pilot #global-header-inline-title::before {
  content: "⌕";
  flex: 0 0 auto;
  color: #63e6ad;
  font-size: 25px;
  font-weight: 500;
  line-height: 1;
}

body.ops-precision-pilot #global-header-view-title {
  color: #f2fbf6 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
}

body.ops-precision-pilot #global-header-search-slot .amazon-search-host,
body.ops-precision-pilot #global-header-search-slot .sticky-search {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ops-precision-pilot #global-header-search-slot :is(.input-field, input[type="text"], input[type="search"]) {
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 46px 0 17px !important;
  border: 1px solid var(--ops-command-border) !important;
  border-radius: 15px !important;
  color: #f6fff9 !important;
  background: linear-gradient(180deg, rgba(7, 21, 15, 0.94), rgba(8, 26, 19, 0.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 10px 28px rgba(0, 34, 22, 0.2) !important;
  font-size: 16px !important;
  font-weight: 750 !important;
}

body.ops-precision-pilot #global-header-search-slot :is(.input-field, input)::placeholder {
  color: #9eb7ac !important;
}

body.ops-precision-pilot #view-wrapper .amazon-inline-back,
body.ops-precision-pilot #view-wrapper .back-btn,
body.ops-precision-pilot #po-management-back-btn {
  display: none !important;
}

body.ops-precision-pilot :is(.freeze-panel, .drive-controls-sticky, .task-controls-sticky) {
  border: 1px solid var(--ops-border) !important;
  border-radius: 14px !important;
  padding: 10px !important;
  color: var(--ops-text) !important;
  background: color-mix(in srgb, var(--ops-surface) 94%, transparent) !important;
  box-shadow: 0 10px 28px rgba(0, 24, 16, 0.16) !important;
}

body.ops-precision-pilot :is(.freeze-panel, .drive-controls-sticky, .task-controls-sticky)::before {
  display: none !important;
}

body.ops-precision-pilot :is(.task-tabs, .detail-tabs) {
  gap: 5px !important;
  padding: 4px !important;
  border: 1px solid var(--ops-border) !important;
  border-radius: 12px !important;
  background: var(--ops-command) !important;
}

body.ops-precision-pilot :is(.task-tab, .detail-tab) {
  min-height: 38px !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  padding: 9px 12px !important;
}

body.ops-precision-pilot :is(.task-tab, .detail-tab).active {
  border-color: var(--ops-border-strong) !important;
  color: #7ff0bb !important;
  background: rgba(25, 185, 121, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

body.ops-precision-pilot #drive-season-filters.drive-top-inline.drive-export-controls .drive-top-controls-row {
  grid-template-columns: minmax(230px, 360px) minmax(180px, 270px) !important;
  justify-content: start !important;
  align-items: stretch !important;
  gap: 10px !important;
}

body.ops-precision-pilot #drive-season-filters.drive-top-inline .task-top-control-shell,
body.ops-precision-pilot #drive-season-filters.drive-top-inline .drive-mode-export-button {
  min-height: 50px !important;
  border: 1px solid var(--ops-border) !important;
  border-radius: 13px !important;
  color: var(--ops-text) !important;
  background: var(--ops-command-raised) !important;
  box-shadow: none !important;
}

body.ops-precision-pilot #drive-season-filters.drive-top-inline .drive-mode-export-button {
  color: #a9c8ff !important;
  border-color: rgba(115, 167, 255, 0.46) !important;
  background: rgba(37, 99, 235, 0.12) !important;
}

body.ops-precision-pilot #drive-season-filters.drive-top-inline .drive-filter-reset-row {
  margin-top: 8px !important;
  justify-content: flex-start !important;
}

body.ops-precision-pilot .app-card-qty-row,
body.ops-precision-pilot .app-card-qty-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  overflow: visible !important;
}

body.ops-precision-pilot :where(
  .app-card-qty-chip,
  .app-card-chip-row > span.rounded-full,
  .app-smart-card .flex.flex-wrap > span.rounded-full,
  .app-card-shell .flex.flex-wrap > span.rounded-full,
  .request-swipe-surface .flex.flex-wrap > span.rounded-full,
  .inv-card .flex.flex-wrap > span.rounded-full
) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 34px !important;
  max-width: 100% !important;
  border-width: 1px !important;
  border-radius: 999px !important;
  padding: 7px 11px !important;
  color: #effbf5 !important;
  background: #172720 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: 0.08em !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

body.ops-precision-pilot .app-card-qty-chip {
  min-height: 42px !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
}

body.ops-precision-pilot .app-card-qty-chip:nth-child(1) {
  border-color: rgba(82, 202, 143, 0.58) !important;
  color: #7ee0ad !important;
  background: rgba(22, 132, 84, 0.18) !important;
}

body.ops-precision-pilot .app-card-qty-chip:nth-child(2),
body.ops-precision-pilot .app-card-qty-chip:nth-child(3) {
  border-color: rgba(115, 167, 255, 0.5) !important;
  color: #a9c8ff !important;
  background: rgba(37, 99, 235, 0.16) !important;
}

body.ops-precision-pilot .app-card-qty-chip:nth-child(4) {
  border-color: rgba(167, 139, 250, 0.62) !important;
  color: #d5c8ff !important;
  background: rgba(124, 58, 237, 0.2) !important;
}

body.ops-precision-pilot .app-card-qty-chip :is(.app-card-qty-value, .text-slate-900) {
  color: #ffffff !important;
}

body.ops-precision-pilot :is(.bg-violet-50, .bg-fuchsia-50) {
  background-color: rgba(124, 58, 237, 0.2) !important;
}

body.ops-precision-pilot :is(.border-violet-100, .border-violet-200, .border-fuchsia-100, .border-fuchsia-200) {
  border-color: rgba(167, 139, 250, 0.62) !important;
}

body.ops-precision-pilot :is(.text-violet-600, .text-violet-700, .text-violet-800, .text-fuchsia-600, .text-fuchsia-700, .text-fuchsia-800) {
  color: #d5c8ff !important;
}

body.ops-precision-pilot #view-chat {
  min-height: 0 !important;
}

body.ops-precision-pilot #view-chat.chat-thread-active > .freeze-panel {
  display: none !important;
}

body.ops-precision-pilot #view-chat > .freeze-panel {
  margin-bottom: 12px !important;
  padding: 10px 12px !important;
}

body.ops-precision-pilot #view-chat > .freeze-panel > div {
  margin: 0 !important;
}

body.ops-precision-pilot #view-chat > .freeze-panel button {
  min-height: 40px !important;
  border-color: var(--ops-border-strong) !important;
  color: #9af3c8 !important;
  background: rgba(25, 185, 121, 0.12) !important;
}

body.ops-precision-pilot #chat-content {
  padding-bottom: 12px !important;
  overflow: visible !important;
}

body.ops-precision-pilot #chat-content > .overflow-hidden,
body.ops-precision-pilot #chat-content > .rounded-\[24px\] {
  border-color: var(--ops-border) !important;
  border-radius: 18px !important;
  color: var(--ops-text) !important;
  background: var(--ops-surface) !important;
  box-shadow: 0 18px 48px rgba(0, 22, 14, 0.24) !important;
}

body.ops-precision-pilot #chat-content > .overflow-hidden > button {
  min-height: 78px !important;
  border-color: var(--ops-border) !important;
  color: var(--ops-text) !important;
  background: transparent !important;
}

body.ops-precision-pilot #chat-content > .overflow-hidden > button:hover {
  background: rgba(25, 185, 121, 0.08) !important;
}

body.ops-precision-pilot #view-chat :is(.bg-\[\#007aff\], .android-icon-btn.send, .android-record-send-btn) {
  color: #ffffff !important;
  background: linear-gradient(135deg, #0a9b61, #17bf7b) !important;
}

body.ops-precision-pilot #view-chat :is(.text-\[\#007aff\], .android-icon-btn.mic, .voice-talk-btn) {
  color: #63e6ad !important;
}

body.ops-precision-pilot .chat-thread-shell,
body.ops-precision-pilot .android-chat-shell {
  height: min(760px, calc(var(--visual-height) - var(--footer-nav-reserve) - 11.5rem)) !important;
  max-height: calc(100dvh - var(--app-top-chrome-height, 170px) - var(--footer-nav-reserve, 9rem) - 18px) !important;
  min-height: 340px !important;
  border: 1px solid var(--ops-border) !important;
  border-radius: 20px !important;
  background: #0a1511 !important;
  box-shadow: 0 22px 60px rgba(0, 20, 13, 0.34) !important;
}

body.ops-precision-pilot .android-chat-header {
  grid-template-columns: minmax(0, 1fr) 44px !important;
  min-height: 72px !important;
  padding: 10px 12px 10px 16px !important;
  border-bottom: 1px solid var(--ops-border) !important;
  background: linear-gradient(180deg, #14271f, #102019) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.ops-precision-pilot .android-chat-header > button:first-child {
  display: none !important;
}

body.ops-precision-pilot .ios-chat-title-cluster {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 11px !important;
  align-items: center !important;
  justify-content: start !important;
  text-align: left !important;
}

body.ops-precision-pilot .ios-chat-title-cluster .android-chat-avatar {
  grid-row: 1 / 3 !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  color: #062a1b !important;
  background: linear-gradient(135deg, #8ff0c3, #36cb8b) !important;
  box-shadow: 0 0 0 3px rgba(99, 230, 173, 0.1) !important;
}

body.ops-precision-pilot .ios-chat-title-cluster > div:nth-child(2) {
  color: #f5fff9 !important;
  font-size: 14px !important;
}

body.ops-precision-pilot .ios-chat-title-cluster > div:nth-child(3) {
  color: #9eb7ac !important;
  font-size: 11px !important;
}

body.ops-precision-pilot .chat-message-scroll {
  gap: 10px !important;
  padding: 18px !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(25, 185, 121, 0.07), transparent 28%),
    linear-gradient(180deg, #09130f, #0c1813) !important;
  scrollbar-color: rgba(99, 230, 173, 0.42) transparent;
}

body.ops-precision-pilot .android-message-bubble {
  max-width: min(72%, 680px) !important;
  border: 1px solid transparent !important;
  border-radius: 16px !important;
  padding: 10px 13px !important;
  color: #f5fff9 !important;
  box-shadow: 0 8px 22px rgba(0, 13, 8, 0.18) !important;
}

body.ops-precision-pilot .android-message-bubble.mine {
  border-color: rgba(99, 230, 173, 0.42) !important;
  border-bottom-right-radius: 5px !important;
  background: linear-gradient(135deg, #08794b, #0b9a60) !important;
}

body.ops-precision-pilot .android-message-bubble.theirs {
  border-color: rgba(168, 189, 180, 0.22) !important;
  border-bottom-left-radius: 5px !important;
  background: #192822 !important;
}

body.ops-precision-pilot .android-message-bubble.theirs .text-\[\#007aff\] {
  color: #72e5ad !important;
}

body.ops-precision-pilot .android-message-bubble.mine .android-message-meta,
body.ops-precision-pilot .android-message-bubble.theirs .android-message-meta {
  color: rgba(224, 245, 235, 0.66) !important;
}

body.ops-precision-pilot .chat-thread-composer {
  padding: 10px 12px calc(11px + env(safe-area-inset-bottom)) !important;
  border-top: 1px solid var(--ops-border) !important;
  background: #102019 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.ops-precision-pilot .android-composer-pill {
  min-height: 44px !important;
  border: 1px solid rgba(168, 189, 180, 0.34) !important;
  border-radius: 15px !important;
  background: #09150f !important;
}

body.ops-precision-pilot .android-chat-input {
  color: #f5fff9 !important;
  background: transparent !important;
}

body.ops-precision-pilot .android-chat-input::placeholder {
  color: #829b90 !important;
}

body.ops-precision-pilot .android-icon-btn,
body.ops-precision-pilot .chat-voice-hold-btn.voice-talk-btn {
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(99, 230, 173, 0.25) !important;
  background: rgba(25, 185, 121, 0.08) !important;
}

body.ops-precision-pilot .android-icon-btn.send {
  border-color: rgba(126, 240, 179, 0.66) !important;
  box-shadow: 0 8px 20px rgba(10, 155, 97, 0.24) !important;
}

body.ops-precision-pilot .chat-compose-form {
  border-color: var(--ops-border) !important;
  color: var(--ops-text) !important;
  background: var(--ops-surface) !important;
}

body.ops-precision-pilot #bottom-nav {
  border: 1px solid var(--ops-border) !important;
  color: var(--ops-text-muted) !important;
  background: color-mix(in srgb, var(--ops-surface-strong) 94%, transparent) !important;
  box-shadow: 0 -10px 34px rgba(0, 20, 13, 0.28) !important;
}

@media (min-width: 1100px) {
  body.ops-precision-pilot .nav-header {
    min-height: 102px !important;
    padding: max(15px, env(safe-area-inset-top)) var(--shell-gutter) 8px !important;
  }

  body.ops-precision-pilot .nav-header-utility {
    min-height: 76px !important;
  }

  body.ops-precision-pilot .nav-header-user {
    font-size: clamp(25px, 1.75vw, 34px) !important;
  }

  body.ops-precision-pilot .nav-header-company,
  body.ops-precision-pilot #sync-diagnostics-detail {
    margin-top: 5px !important;
    font-size: 11px !important;
  }

  body.ops-precision-pilot :is(.nav-version-pill, .nav-outdoor-toggle, #sync-diagnostics-badge) {
    min-height: 38px !important;
    padding: 0 15px !important;
    font-size: 12px !important;
  }

  body.ops-precision-pilot #view-home #home-dashboard-grid,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
    height: min(760px, calc(100dvh - 284px)) !important;
  }

  body.ops-precision-pilot .footer-nav-btn {
    min-height: 68px !important;
  }
}

@media (max-width: 767px) {
  body.ops-precision-pilot #global-header-search-row,
  body.ops-precision-pilot #global-header-search-row.hidden {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 12px 10px !important;
    gap: 8px !important;
  }

  body.ops-precision-pilot #global-header-inline-back,
  body.ops-precision-pilot #global-header-inline-back.hidden {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 13px !important;
  }

  body.ops-precision-pilot #global-header-search-slot,
  body.ops-precision-pilot #global-header-inline-title,
  body.ops-precision-pilot #global-header-search-slot :is(.input-field, input[type="text"], input[type="search"]) {
    height: 46px !important;
    min-height: 46px !important;
  }

  body.ops-precision-pilot #drive-season-filters.drive-top-inline.drive-export-controls .drive-top-controls-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  body.ops-precision-pilot .app-card-qty-row,
  body.ops-precision-pilot .app-card-qty-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body.ops-precision-pilot .app-card-qty-chip {
    min-height: 38px !important;
    padding: 6px 8px !important;
  }

  body.ops-precision-pilot .chat-thread-shell,
  body.ops-precision-pilot .android-chat-shell {
    height: calc(var(--visual-height) - var(--footer-nav-reserve) - 8.6rem) !important;
    max-height: calc(100dvh - var(--app-top-chrome-height, 116px) - var(--footer-nav-reserve, 6rem) - 12px) !important;
    min-height: 290px !important;
    border-radius: 16px !important;
  }

  body.ops-precision-pilot .chat-message-scroll {
    padding: 13px 10px !important;
  }

  body.ops-precision-pilot .android-message-bubble {
    max-width: 86% !important;
  }

  body.ops-precision-pilot #bottom-nav {
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.ops-precision-pilot *,
  body.ops-precision-pilot *::before,
  body.ops-precision-pilot *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* V2026.08.15.08 — Dylan-only two-mode theme selector and complete dual-theme shell. */
body.ops-precision-pilot {
  --ops-command: #f7fbf9;
  --ops-command-raised: #ffffff;
  --ops-command-border: rgba(5, 98, 60, 0.34);
  --ops-command-text: #10271d;
  --ops-command-muted: #5d7469;
  --ops-active-text: #05623c;
  --ops-active-bg: #e2f5eb;
  --ops-pill-neutral-bg: #edf4f0;
  --ops-pill-neutral-text: #29473a;
  --ops-pill-value: #10271d;
  --ops-pill-success-bg: #e6f7ee;
  --ops-pill-success-text: #08683f;
  --ops-pill-success-border: rgba(22, 132, 84, 0.42);
  --ops-pill-info-bg: #eaf2ff;
  --ops-pill-info-text: #2355a0;
  --ops-pill-info-border: rgba(37, 99, 235, 0.38);
  --ops-pill-violet-bg: #f1edff;
  --ops-pill-violet-text: #5a32b6;
  --ops-pill-violet-border: rgba(124, 58, 237, 0.4);
  --ops-chat-shell: #f8fbf9;
  --ops-chat-header: #eef6f2;
  --ops-chat-canvas: #f3f8f5;
  --ops-chat-theirs: #ffffff;
  --ops-chat-composer: #edf5f1;
  --ops-chat-input: #ffffff;
  --ops-chat-text: #13271e;
  --ops-chat-muted: #667c71;
  --ops-chat-border: rgba(7, 120, 74, 0.24);
  --ops-chat-shadow: rgba(20, 61, 43, 0.14);
  --ops-glow: rgba(25, 185, 121, 0.12);
}

body.ops-precision-pilot[data-ops-theme="dark"] {
  --ops-command: #0a1712;
  --ops-command-raised: #10211a;
  --ops-command-border: rgba(167, 243, 208, 0.34);
  --ops-command-text: #f6fff9;
  --ops-command-muted: #9eb7ac;
  --ops-active-text: #7ff0bb;
  --ops-active-bg: rgba(25, 185, 121, 0.16);
  --ops-pill-neutral-bg: #172720;
  --ops-pill-neutral-text: #effbf5;
  --ops-pill-value: #ffffff;
  --ops-pill-success-bg: rgba(22, 132, 84, 0.18);
  --ops-pill-success-text: #7ee0ad;
  --ops-pill-success-border: rgba(82, 202, 143, 0.58);
  --ops-pill-info-bg: rgba(37, 99, 235, 0.16);
  --ops-pill-info-text: #a9c8ff;
  --ops-pill-info-border: rgba(115, 167, 255, 0.5);
  --ops-pill-violet-bg: rgba(124, 58, 237, 0.2);
  --ops-pill-violet-text: #d5c8ff;
  --ops-pill-violet-border: rgba(167, 139, 250, 0.62);
  --ops-chat-shell: #0a1511;
  --ops-chat-header: #12231c;
  --ops-chat-canvas: #09140f;
  --ops-chat-theirs: #192822;
  --ops-chat-composer: #102019;
  --ops-chat-input: #09150f;
  --ops-chat-text: #f5fff9;
  --ops-chat-muted: #9eb7ac;
  --ops-chat-border: rgba(99, 230, 173, 0.28);
  --ops-chat-shadow: rgba(0, 20, 13, 0.34);
  --ops-glow: rgba(25, 185, 121, 0.18);
}

body.ops-pilot-active .ops-pilot-settings:not(.hidden) {
  margin: 10px 12px 8px !important;
  border-width: 1.5px !important;
  border-color: var(--ops-border-strong) !important;
  border-radius: 16px !important;
  padding: 12px !important;
  background: var(--ops-surface-muted) !important;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--ops-chat-shadow) 72%, transparent) !important;
}

body.ops-pilot-active .ops-pilot-settings__eyebrow {
  margin-bottom: 10px !important;
  color: var(--ops-brand-strong) !important;
  font-size: 11px !important;
}

body.ops-pilot-active .ops-theme-selector {
  grid-auto-flow: initial !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  border-radius: 14px !important;
  padding: 5px !important;
  background: color-mix(in srgb, var(--ops-surface-strong) 88%, var(--ops-brand-soft)) !important;
}

body.ops-pilot-active .ops-theme-selector .ops-theme-choice {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  justify-items: start !important;
  column-gap: 6px !important;
  min-height: 62px !important;
  padding: 9px 11px !important;
  border-radius: 11px !important;
  color: var(--ops-text-muted) !important;
  background: transparent !important;
  text-align: left !important;
}

body.ops-pilot-active .ops-theme-selector .ops-theme-choice > i {
  grid-row: 1 / 3 !important;
  font-size: 22px !important;
}

body.ops-pilot-active .ops-theme-selector .ops-theme-choice > span {
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.ops-pilot-active .ops-theme-selector .ops-theme-choice::after {
  grid-column: 2 !important;
  content: "Choose";
  color: var(--ops-text-muted);
  font-size: 8px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

body.ops-pilot-active .ops-theme-selector .ops-theme-choice[aria-pressed="true"] {
  color: #ffffff !important;
  background: linear-gradient(135deg, #08794b, #12a66a) !important;
  box-shadow: 0 8px 18px rgba(5, 98, 60, 0.24) !important;
}

body.ops-pilot-active .ops-theme-selector .ops-theme-choice[aria-pressed="true"]::after {
  content: "Active";
  color: rgba(255, 255, 255, 0.76);
}

body.ops-pilot-active #ops-display-settings {
  margin-top: 12px !important;
  padding-top: 11px !important;
  border-top: 1px solid var(--ops-border) !important;
}

body.ops-precision-pilot #global-header-inline-title,
body.ops-precision-pilot #global-header-search-slot :is(.input-field, input[type="text"], input[type="search"]) {
  border-color: var(--ops-command-border) !important;
  color: var(--ops-command-text) !important;
  background: var(--ops-command) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #ffffff 64%, transparent), 0 10px 28px rgba(0, 34, 22, 0.16) !important;
}

body.ops-precision-pilot #global-header-inline-title::before {
  color: var(--ops-brand) !important;
}

body.ops-precision-pilot #global-header-view-title {
  color: var(--ops-command-text) !important;
}

body.ops-precision-pilot #global-header-search-slot :is(.input-field, input)::placeholder {
  color: var(--ops-command-muted) !important;
}

body.ops-precision-pilot :is(.task-tabs, .detail-tabs) {
  background: var(--ops-command) !important;
}

body.ops-precision-pilot :is(.task-tab, .detail-tab).active {
  color: var(--ops-active-text) !important;
  background: var(--ops-active-bg) !important;
}

body.ops-precision-pilot #drive-season-filters.drive-top-inline .task-top-control-shell,
body.ops-precision-pilot #drive-season-filters.drive-top-inline .drive-mode-export-button {
  background: var(--ops-command-raised) !important;
}

body.ops-precision-pilot #drive-season-filters.drive-top-inline .drive-mode-export-button {
  color: var(--ops-info) !important;
  border-color: color-mix(in srgb, var(--ops-info) 48%, transparent) !important;
  background: color-mix(in srgb, var(--ops-info) 10%, var(--ops-surface)) !important;
}

body.ops-precision-pilot :where(
  .app-card-qty-chip,
  .app-card-chip-row > span.rounded-full,
  .app-smart-card .flex.flex-wrap > span.rounded-full,
  .app-card-shell .flex.flex-wrap > span.rounded-full,
  .request-swipe-surface .flex.flex-wrap > span.rounded-full,
  .inv-card .flex.flex-wrap > span.rounded-full
) {
  color: var(--ops-pill-neutral-text) !important;
  background: var(--ops-pill-neutral-bg) !important;
}

body.ops-precision-pilot .app-card-qty-chip:nth-child(1) {
  border-color: var(--ops-pill-success-border) !important;
  color: var(--ops-pill-success-text) !important;
  background: var(--ops-pill-success-bg) !important;
}

body.ops-precision-pilot .app-card-qty-chip:nth-child(2),
body.ops-precision-pilot .app-card-qty-chip:nth-child(3) {
  border-color: var(--ops-pill-info-border) !important;
  color: var(--ops-pill-info-text) !important;
  background: var(--ops-pill-info-bg) !important;
}

body.ops-precision-pilot .app-card-qty-chip:nth-child(4) {
  border-color: var(--ops-pill-violet-border) !important;
  color: var(--ops-pill-violet-text) !important;
  background: var(--ops-pill-violet-bg) !important;
}

body.ops-precision-pilot .app-card-qty-chip :is(.app-card-qty-value, .text-slate-900) {
  color: var(--ops-pill-value) !important;
}

body.ops-precision-pilot :is(.bg-violet-50, .bg-fuchsia-50) {
  background-color: var(--ops-pill-violet-bg) !important;
}

body.ops-precision-pilot :is(.border-violet-100, .border-violet-200, .border-fuchsia-100, .border-fuchsia-200) {
  border-color: var(--ops-pill-violet-border) !important;
}

body.ops-precision-pilot :is(.text-violet-600, .text-violet-700, .text-violet-800, .text-fuchsia-600, .text-fuchsia-700, .text-fuchsia-800) {
  color: var(--ops-pill-violet-text) !important;
}

body.ops-precision-pilot #view-chat > .freeze-panel button {
  color: var(--ops-active-text) !important;
  background: var(--ops-active-bg) !important;
}

body.ops-precision-pilot .chat-thread-shell,
body.ops-precision-pilot .android-chat-shell {
  background: var(--ops-chat-shell) !important;
  box-shadow: 0 22px 60px var(--ops-chat-shadow) !important;
}

body.ops-precision-pilot .android-chat-header {
  background: var(--ops-chat-header) !important;
}

body.ops-precision-pilot .ios-chat-title-cluster > div:nth-child(2) {
  color: var(--ops-chat-text) !important;
}

body.ops-precision-pilot .ios-chat-title-cluster > div:nth-child(3) {
  color: var(--ops-chat-muted) !important;
}

body.ops-precision-pilot .chat-message-scroll {
  background:
    radial-gradient(circle at 78% 18%, var(--ops-glow), transparent 28%),
    var(--ops-chat-canvas) !important;
  scrollbar-color: color-mix(in srgb, var(--ops-brand) 50%, transparent) transparent;
}

body.ops-precision-pilot .android-message-bubble {
  color: var(--ops-chat-text) !important;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--ops-chat-shadow) 72%, transparent) !important;
}

body.ops-precision-pilot .android-message-bubble.mine {
  color: #ffffff !important;
}

body.ops-precision-pilot .android-message-bubble.theirs {
  border-color: var(--ops-chat-border) !important;
  color: var(--ops-chat-text) !important;
  background: var(--ops-chat-theirs) !important;
}

body.ops-precision-pilot .android-message-bubble.theirs .text-\[\#007aff\] {
  color: var(--ops-brand-strong) !important;
}

body.ops-precision-pilot .android-message-bubble.mine .android-message-meta {
  color: rgba(255, 255, 255, 0.72) !important;
}

body.ops-precision-pilot .android-message-bubble.theirs .android-message-meta {
  color: var(--ops-chat-muted) !important;
}

body.ops-precision-pilot .chat-thread-composer {
  background: var(--ops-chat-composer) !important;
}

body.ops-precision-pilot .android-composer-pill {
  border-color: var(--ops-chat-border) !important;
  background: var(--ops-chat-input) !important;
}

body.ops-precision-pilot .android-chat-input {
  color: var(--ops-chat-text) !important;
}

body.ops-precision-pilot .android-chat-input::placeholder {
  color: var(--ops-chat-muted) !important;
}

body.ops-precision-pilot .android-icon-btn,
body.ops-precision-pilot .chat-voice-hold-btn.voice-talk-btn {
  border-color: color-mix(in srgb, var(--ops-brand) 32%, transparent) !important;
  color: var(--ops-brand-strong) !important;
  background: color-mix(in srgb, var(--ops-brand) 9%, var(--ops-surface)) !important;
}

body.ops-precision-pilot #bottom-nav {
  box-shadow: 0 -10px 34px color-mix(in srgb, var(--ops-chat-shadow) 84%, transparent) !important;
}

@media (max-width: 767px) {
  body.ops-pilot-active .ops-pilot-settings:not(.hidden) {
    margin: 8px 10px 7px !important;
    padding: 11px !important;
  }

  body.ops-pilot-active .ops-theme-selector .ops-theme-choice {
    min-height: 58px !important;
    padding: 8px 9px !important;
  }
}

/* V2026.08.15.08 — identity on Home; compact search/filter command chrome in modules. */
body.ops-precision-pilot.current-view-home #global-header-search-row,
body.ops-precision-pilot.current-view-home #global-header-search-row.hidden {
  display: none !important;
}

body.ops-precision-pilot:not(.current-view-home) #app-top-chrome .nav-header {
  display: none !important;
}

body.ops-precision-pilot:not(.current-view-home) #global-header-search-row,
body.ops-precision-pilot:not(.current-view-home) #global-header-search-row.hidden {
  display: flex !important;
  padding-top: max(12px, env(safe-area-inset-top)) !important;
  padding-bottom: 12px !important;
}

@media (max-width: 767px) {
  body.ops-precision-pilot:not(.current-view-home) #global-header-search-row,
  body.ops-precision-pilot:not(.current-view-home) #global-header-search-row.hidden {
    padding: max(9px, env(safe-area-inset-top)) 12px 10px !important;
  }
}

/* V2026.08.15.08 — stable saved appearance and a restrained, modern navigation icon system. */
body.ops-precision-pilot {
  --ops-icon-well: color-mix(in srgb, var(--ops-brand) 9%, var(--ops-surface));
  --ops-icon-well-strong: color-mix(in srgb, var(--ops-brand) 16%, var(--ops-surface));
  --ops-icon-border: color-mix(in srgb, var(--ops-brand) 26%, transparent);
  --ops-icon-shadow: rgba(8, 92, 57, 0.12);
  --ops-module-shadow: rgba(25, 66, 47, 0.11);
}

body.ops-precision-pilot[data-ops-theme="dark"] {
  --ops-icon-well: rgba(99, 230, 173, 0.075);
  --ops-icon-well-strong: rgba(99, 230, 173, 0.14);
  --ops-icon-border: rgba(99, 230, 173, 0.22);
  --ops-icon-shadow: rgba(0, 8, 5, 0.32);
  --ops-module-shadow: rgba(0, 8, 5, 0.38);
}

body.ops-precision-pilot #view-home #home-dashboard-grid > div,
body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  border-width: 1px !important;
  border-color: color-mix(in srgb, var(--ops-brand) 38%, var(--ops-border)) !important;
  border-radius: 20px !important;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--ops-surface-strong) 34%, transparent), transparent 58%),
    var(--ops-surface) !important;
  box-shadow: 0 14px 36px var(--ops-module-shadow), inset 0 1px 0 color-mix(in srgb, #ffffff 42%, transparent) !important;
  transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease !important;
}

body.ops-precision-pilot #view-home #home-dashboard-grid > div::after,
body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 50% 12%, var(--ops-brand-soft), transparent 48%);
  opacity: 0.42;
}

body.ops-precision-pilot #view-home #home-dashboard-grid > div:is(:hover, :focus-visible),
body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button:is(:hover, :focus-visible) {
  border-color: var(--ops-brand-strong) !important;
  background: var(--ops-surface-muted) !important;
  box-shadow: 0 18px 42px var(--ops-module-shadow), inset 0 1px 0 color-mix(in srgb, #ffffff 48%, transparent) !important;
  transform: translateY(-2px) !important;
}

body.ops-precision-pilot #view-home #home-dashboard-grid > div > i,
body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button > i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 56px !important;
  width: 56px !important;
  height: 56px !important;
  border: 1px solid var(--ops-icon-border) !important;
  border-radius: 17px !important;
  color: var(--ops-brand-strong) !important;
  background: linear-gradient(145deg, var(--ops-icon-well-strong), var(--ops-icon-well)) !important;
  box-shadow: 0 10px 24px var(--ops-icon-shadow), inset 0 1px 0 color-mix(in srgb, #ffffff 52%, transparent) !important;
  font-size: 27px !important;
  line-height: 1 !important;
}

body.ops-precision-pilot #view-home #home-dashboard-grid > div > span,
body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button > span {
  color: var(--ops-text) !important;
  font-size: clamp(13px, 1vw, 16px) !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.015em !important;
  text-transform: none !important;
}

body.ops-precision-pilot .drawer-item {
  gap: 11px !important;
  padding: 9px 13px !important;
}

body.ops-precision-pilot .drawer-item > i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  border: 1px solid var(--ops-icon-border) !important;
  border-radius: 11px !important;
  color: var(--ops-brand-strong) !important;
  background: var(--ops-icon-well) !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

body.ops-precision-pilot .footer-nav-btn {
  gap: 3px !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ops-precision-pilot .footer-nav-btn > i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 32px !important;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  color: var(--ops-text-muted) !important;
  background: transparent !important;
  font-size: 23px !important;
  line-height: 1 !important;
  transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease, transform 150ms ease !important;
}

body.ops-precision-pilot .footer-nav-btn:is(.active, .menu-open, [aria-current="page"]) {
  border-color: transparent !important;
  color: var(--ops-brand-strong) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ops-precision-pilot .footer-nav-btn:is(.active, .menu-open, [aria-current="page"]) > i {
  border-color: var(--ops-icon-border) !important;
  color: var(--ops-brand-strong) !important;
  background: var(--ops-icon-well-strong) !important;
  box-shadow: 0 7px 18px var(--ops-icon-shadow) !important;
  transform: translateY(-1px);
}

body.ops-precision-pilot .footer-nav-btn > span:not(.footer-nav-badge) {
  font-size: 9px !important;
  font-weight: 850 !important;
  letter-spacing: 0.035em !important;
  text-transform: none !important;
}

@media (min-width: 1400px) {
  body.ops-precision-pilot #view-home #home-dashboard-grid,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  body.ops-precision-pilot #view-home #home-dashboard-grid,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
    gap: 10px !important;
  }

  body.ops-precision-pilot #view-home #home-dashboard-grid > div,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button {
    border-radius: 17px !important;
    padding: 13px 10px !important;
    gap: 9px !important;
  }

  body.ops-precision-pilot #view-home #home-dashboard-grid > div > i,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button > i {
    flex-basis: 46px !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 14px !important;
    font-size: 23px !important;
  }

  body.ops-precision-pilot #view-home #home-dashboard-grid > div > span,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button > span {
    font-size: 12px !important;
  }

  body.ops-precision-pilot .footer-nav-btn > i {
    width: 31px !important;
    height: 28px !important;
    border-radius: 9px !important;
    font-size: 21px !important;
  }

  body.ops-precision-pilot .footer-nav-btn > span:not(.footer-nav-badge) {
    font-size: 8px !important;
  }
}

/* V2026.08.15.11 final cascade — intentional override of pre-release tile/card experiments. */
body.ops-precision-pilot #view-home #home-dashboard-grid,
body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: none !important;
  align-items: start !important;
  gap: 12px !important;
}

body.ops-precision-pilot #view-home #home-dashboard-grid > div,
body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button {
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  border: 2px solid color-mix(in srgb, var(--ops-brand) 56%, var(--ops-border)) !important;
  border-radius: 12px !important;
  padding: clamp(12px, 2vw, 22px) !important;
  background: var(--ops-surface) !important;
  box-shadow: var(--ops-shadow-rest) !important;
}

body.ops-precision-pilot #view-home #home-dashboard-grid > div::after,
body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button::after {
  opacity: 0.16 !important;
}

body.ops-precision-pilot #view-home #home-dashboard-grid > div > i,
body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button > i {
  width: 44px !important;
  height: 44px !important;
  flex-basis: 44px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--ops-brand-soft) !important;
  box-shadow: none !important;
  font-size: 24px !important;
}

body.ops-precision-pilot .app-drive-card-grid,
body.ops-precision-pilot .app-drive-card-grid.app-drive-card-grid--no-actions {
  grid-template-columns: minmax(5.25rem, 7.25rem) minmax(0, 1fr) auto !important;
  grid-template-areas: "photo main reclass" "bottom bottom bottom" !important;
  gap: 10px 12px !important;
}

body.ops-precision-pilot .app-drive-card-grid.app-drive-card-grid--no-photo,
body.ops-precision-pilot .app-drive-card-grid.app-drive-card-grid--no-photo.app-drive-card-grid--no-actions {
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas: "main reclass" "bottom bottom" !important;
}

body.ops-precision-pilot .app-drive-card-quantity-band .app-card-qty-row,
body.ops-precision-pilot .app-drive-card-quantity-band .app-card-qty-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

body.ops-precision-pilot .app-card-qty-chip {
  min-height: 40px !important;
  border-radius: 9px !important;
  padding: 7px 9px !important;
  white-space: normal !important;
}

body.ops-precision-pilot .app-data-pill {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  max-width: 100% !important;
  border: 1px solid var(--ops-border-strong) !important;
  border-radius: 999px !important;
  padding: 6px 10px !important;
  color: var(--ops-pill-neutral-text) !important;
  background: var(--ops-pill-neutral-bg) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.055em !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

body.ops-precision-pilot .app-drive-card-reclass {
  grid-area: reclass;
  align-self: start;
  min-width: 96px;
}

body.ops-precision-pilot .app-drive-card-reclass .app-card-bottom-btn {
  width: 100%;
  min-height: 44px !important;
  border: 1px solid var(--ops-border-strong) !important;
  border-radius: 10px !important;
  padding: 8px 12px !important;
  color: var(--ops-text) !important;
  background: var(--ops-surface-muted) !important;
  box-shadow: none !important;
}

@media (min-width: 640px) {
  body.ops-precision-pilot #view-home #home-dashboard-grid,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 960px) {
  body.ops-precision-pilot #view-home #home-dashboard-grid,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1400px) {
  body.ops-precision-pilot #view-home #home-dashboard-grid,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
  }
}

@media (max-width: 639px) {
  body.ops-precision-pilot .app-drive-card-grid,
  body.ops-precision-pilot .app-drive-card-grid.app-drive-card-grid--no-actions {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "main main" "bottom reclass" !important;
  }

  body.ops-precision-pilot .app-drive-card-quantity-band .app-card-qty-row,
  body.ops-precision-pilot .app-drive-card-quantity-band .app-card-qty-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* V2026.08.15.11 mobile cascade lock. This block intentionally stays last so
   legacy phone experiments cannot narrow Home tiles or hide Drive media. */
@media (max-width: 639px) {
  body.ops-precision-pilot #view-home #home-dashboard-grid,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    justify-items: stretch !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  body.ops-precision-pilot #view-home #home-dashboard-grid > div,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-width: 0 !important;
    aspect-ratio: 1 / 1 !important;
    justify-self: stretch !important;
  }

  body.ops-precision-pilot .app-drive-card-grid,
  body.ops-precision-pilot .app-drive-card-grid.app-drive-card-grid--no-actions {
    position: relative !important;
    grid-template-columns: clamp(4.4rem, 21vw, 5.25rem) minmax(0, 1fr) !important;
    grid-template-areas: "photo main" "bottom bottom" !important;
    gap: 8px 10px !important;
  }

  body.ops-precision-pilot .app-drive-card-grid.app-drive-card-grid--no-photo,
  body.ops-precision-pilot .app-drive-card-grid.app-drive-card-grid--no-photo.app-drive-card-grid--no-actions {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "main" "bottom" !important;
  }

  body.ops-precision-pilot .app-drive-card-photo {
    display: block !important;
    align-self: start !important;
  }

  body.ops-precision-pilot .app-drive-card-photo .app-smart-thumb,
  body.ops-precision-pilot .app-drive-card-photo .app-inline-thumb-box {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
  }

  body.ops-precision-pilot .app-drive-card-main {
    padding-right: 76px !important;
  }

  body.ops-precision-pilot .app-drive-card-reclass {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 3 !important;
    width: 68px !important;
    min-width: 68px !important;
    margin: 0 !important;
  }

  body.ops-precision-pilot .app-drive-card-reclass .app-card-bottom-btn {
    min-height: 42px !important;
    padding: 6px 7px !important;
    gap: 2px !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }
}

/* V2026.08.15.12 final responsive and theme cascade. Keep this after every
   legacy shell experiment so device geometry and theme tokens win reliably. */
body.ops-precision-pilot {
  --ops-topbar-surface: linear-gradient(180deg, #f8fbf9 0%, #edf4f0 100%);
  --ops-topbar-text: #10271d;
  --ops-topbar-muted: #587065;
  --ops-topbar-border: #cbd8d1;
  --ops-topbar-control: #ffffff;
  --ops-topbar-control-border: #9db2a7;
  --ops-nav-clearance: calc(var(--footer-nav-reserve, 8.75rem) + env(safe-area-inset-bottom) + 24px);
  --sticky-chrome-bg: var(--ops-canvas);
}

body.ops-precision-pilot[data-ops-theme="dark"] {
  --ops-topbar-surface: linear-gradient(180deg, #07120e 0%, #0d1b15 100%);
  --ops-topbar-text: #f2fbf6;
  --ops-topbar-muted: #9db4aa;
  --ops-topbar-border: rgba(99, 230, 173, 0.3);
  --ops-topbar-control: #10211a;
  --ops-topbar-control-border: rgba(99, 230, 173, 0.42);
}

body.ops-precision-pilot #app-top-chrome {
  border-bottom: 1px solid var(--ops-topbar-border) !important;
  color: var(--ops-topbar-text) !important;
  background: var(--ops-topbar-surface) !important;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--ops-canvas) 52%, transparent) !important;
}

body.ops-precision-pilot #app-top-chrome :is(.nav-header, #global-header-search-row),
html.outdoor-mode body.ops-precision-pilot #app-top-chrome .nav-header {
  color: var(--ops-topbar-text) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ops-precision-pilot #app-top-chrome :is(.nav-header-user, .nav-header-company, #sync-diagnostics-detail) {
  color: var(--ops-topbar-text) !important;
}

body.ops-precision-pilot #app-top-chrome :is(.nav-version-pill, .nav-outdoor-toggle, #sync-diagnostics-badge, #global-header-inline-back) {
  border-color: var(--ops-topbar-control-border) !important;
  color: var(--ops-topbar-text) !important;
  background: var(--ops-topbar-control) !important;
  box-shadow: none !important;
}

body.ops-precision-pilot #app-top-chrome .nav-version-pill {
  color: var(--ops-brand-strong) !important;
}

body.ops-precision-pilot #global-header-search-slot :is(.input-field, input[type="text"], input[type="search"]),
body.ops-precision-pilot #global-header-inline-title {
  border-color: var(--ops-topbar-control-border) !important;
  color: var(--ops-topbar-text) !important;
  background: var(--ops-topbar-control) !important;
  box-shadow: none !important;
}

body.ops-precision-pilot #global-header-search-slot :is(.input-field, input)::placeholder {
  color: var(--ops-topbar-muted) !important;
}

body.ops-precision-pilot #main-scroll-area,
body.ops-precision-pilot #view-wrapper {
  background: var(--ops-canvas) !important;
}

body.ops-precision-pilot #view-wrapper :is(.freeze-panel, .drive-controls-sticky, .task-controls-sticky, .fixed-filter-rail),
body.ops-precision-pilot #view-drive :is(#drive-drill-tabs, #drive-season-filters, #drive-season-filters.drive-top-inline, .drive-top-controls-row) {
  border-color: var(--ops-border) !important;
  color: var(--ops-text) !important;
  background: var(--ops-surface) !important;
  background-image: none !important;
}

body.ops-precision-pilot #view-wrapper :is(.freeze-panel, .drive-controls-sticky, .task-controls-sticky, .fixed-filter-rail)::before {
  display: none !important;
  background: transparent !important;
}

body.ops-precision-pilot #drive-season-filters.drive-top-inline :is(.task-top-control-shell, .drive-mode-export-button),
body.ops-precision-pilot #drive-season-filters.drive-top-inline .drive-filter-reset-button {
  border-color: var(--ops-border-strong) !important;
  color: var(--ops-text) !important;
  background: var(--ops-surface-muted) !important;
  box-shadow: none !important;
}

body.ops-precision-pilot #drive-season-filters.drive-top-inline .drive-mode-export-button {
  color: var(--ops-info) !important;
  border-color: color-mix(in srgb, var(--ops-info) 48%, transparent) !important;
  background: color-mix(in srgb, var(--ops-info) 10%, var(--ops-surface)) !important;
}

body.ops-precision-pilot.current-view-home.home-dashboard-mode:not(.keyboard-open):not(.detail-field-active):not(.measurement-keyboard-open) #main-scroll-area {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain !important;
  padding-bottom: var(--ops-nav-clearance) !important;
  scroll-padding-bottom: var(--ops-nav-clearance) !important;
}

body.ops-precision-pilot.current-view-home #view-wrapper,
body.ops-precision-pilot.current-view-home #view-home:not(.hidden),
body.ops-precision-pilot.current-view-home #home-dashboard-content,
body.ops-precision-pilot.current-view-home #home-dashboard-modules:not(.hidden),
body.ops-precision-pilot.current-view-home #home-rep-dashboard-modules:not(.hidden) {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

body.ops-precision-pilot.current-view-home #view-home:not(.hidden),
body.ops-precision-pilot.current-view-home #home-dashboard-modules:not(.hidden),
body.ops-precision-pilot.current-view-home #home-rep-dashboard-modules:not(.hidden) {
  display: block !important;
  flex: none !important;
}

body.ops-precision-pilot #view-home #home-dashboard-grid,
body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: none !important;
  grid-auto-rows: max-content !important;
  align-items: start !important;
  align-content: start !important;
  justify-items: stretch !important;
  gap: 12px !important;
  margin-bottom: 24px !important;
  overflow: visible !important;
}

body.ops-precision-pilot #view-home #home-dashboard-grid > div,
body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  align-self: start !important;
  justify-self: stretch !important;
  border-width: 2px !important;
  border-style: solid !important;
  overflow: hidden !important;
}

@media (min-width: 640px) {
  body.ops-precision-pilot #view-home #home-dashboard-grid,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 960px) {
  body.ops-precision-pilot #view-home #home-dashboard-grid,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1024px) and (max-height: 900px) and (orientation: landscape), (min-width: 1400px) {
  body.ops-precision-pilot #view-home #home-dashboard-grid,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

body.ops-precision-pilot.viewport-phone #view-home #home-dashboard-grid,
body.ops-precision-pilot.viewport-phone #view-home #home-rep-dashboard-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.ops-precision-pilot.viewport-tablet.viewport-portrait #view-home #home-dashboard-grid,
body.ops-precision-pilot.viewport-tablet.viewport-portrait #view-home #home-rep-dashboard-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.ops-precision-pilot.viewport-tablet.viewport-landscape #view-home #home-dashboard-grid,
body.ops-precision-pilot.viewport-tablet.viewport-landscape #view-home #home-rep-dashboard-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

/* V2026.08.15.12 keyboard-safe authentication cascade. This final lock follows
   every breakpoint so iPad landscape cannot inherit desktop centering. */
body.keyboard-open #view-login,
body.keyboard-open #view-change-password {
  inset: 0 0 auto !important;
  width: 100% !important;
  height: var(--visual-height, 100dvh) !important;
  min-height: 0 !important;
  max-height: var(--visual-height, 100dvh) !important;
  justify-content: flex-start !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  padding: max(8px, env(safe-area-inset-top)) 14px max(16px, env(safe-area-inset-bottom)) !important;
  scroll-padding-block: 12px !important;
  -webkit-overflow-scrolling: touch;
}

body.keyboard-open #view-login .login-card,
body.keyboard-open #view-change-password .login-card {
  flex: 0 0 auto !important;
  width: min(100%, 430px) !important;
  margin: 0 auto !important;
  padding: 14px 18px 16px !important;
  border-radius: 14px !important;
}

body.keyboard-open #view-login .login-brand-lockup,
body.keyboard-open #view-change-password .login-brand-lockup,
body.keyboard-open #view-login .login-heading-block p,
body.keyboard-open #view-change-password .login-heading-block p {
  display: none !important;
}

body.keyboard-open #view-login .login-heading-block,
body.keyboard-open #view-change-password .login-heading-block {
  margin: 0 0 10px !important;
}

body.keyboard-open #view-login .login-heading-block h1,
body.keyboard-open #view-change-password .login-heading-block h1 {
  font-size: 22px !important;
  line-height: 1.1 !important;
}

body.keyboard-open #view-login .login-field-stack,
body.keyboard-open #view-change-password .login-field-stack {
  gap: 5px !important;
}

body.keyboard-open #view-login .login-field-stack .login-field,
body.keyboard-open #view-change-password .login-field-stack .login-field {
  height: 44px !important;
  margin-bottom: 3px !important;
}

body.keyboard-open #view-login .login-password-toggle,
body.keyboard-open #view-change-password .login-password-toggle {
  width: 44px !important;
  height: 44px !important;
}

body.keyboard-open #view-login :is(.login-primary-button, .login-secondary-button),
body.keyboard-open #view-change-password :is(.login-primary-button, .login-secondary-button) {
  min-height: 44px !important;
  margin-top: 9px !important;
}

/* V2026.08.16.07 — responsive workflow, viewport, and monitoring health fixes. */
body.ops-precision-pilot {
  --ops-nav-light-fallback: rgba(255, 255, 255, 0.96);
  --ops-nav-dark-fallback: rgba(10, 28, 21, 0.96);
  --ops-toolbar-control-width: 13rem;
}

body.ops-precision-pilot[data-ops-theme="light"] #bottom-nav {
  background-color: var(--ops-nav-light-fallback) !important;
  border-color: rgba(7, 135, 79, 0.22) !important;
  color: #617068 !important;
}

body.ops-precision-pilot[data-ops-theme="dark"] #bottom-nav,
html.outdoor-mode body.ops-precision-pilot[data-ops-theme="dark"] #bottom-nav {
  background-color: var(--ops-nav-dark-fallback) !important;
  border-color: rgba(99, 230, 173, 0.3) !important;
  color: #9db4aa !important;
}

body.ops-precision-pilot[data-ops-theme="dark"] #app-top-chrome,
html.outdoor-mode body.ops-precision-pilot[data-ops-theme="dark"] #app-top-chrome {
  background: linear-gradient(135deg, rgba(7, 30, 22, 0.98), rgba(10, 55, 38, 0.96)) !important;
  border-bottom-color: rgba(99, 230, 173, 0.26) !important;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.22) !important;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body.ops-precision-pilot[data-ops-theme="light"] #bottom-nav {
    background: rgba(255, 255, 255, 0.88) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.2);
    backdrop-filter: blur(18px) saturate(1.2);
  }

  body.ops-precision-pilot[data-ops-theme="dark"] #bottom-nav,
  html.outdoor-mode body.ops-precision-pilot[data-ops-theme="dark"] #bottom-nav {
    background: rgba(10, 28, 21, 0.88) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.15);
    backdrop-filter: blur(18px) saturate(1.15);
  }
}

body.ops-precision-pilot #main-scroll-area {
  padding-bottom: calc(var(--footer-nav-reserve, 0px) + env(safe-area-inset-bottom) + 20px) !important;
  scroll-padding-bottom: calc(var(--footer-nav-reserve, 0px) + env(safe-area-inset-bottom) + 20px);
}

body.ops-precision-pilot #home-dashboard-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: clamp(10px, 2.5vw, 18px) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 calc(var(--footer-nav-reserve, 0px) + env(safe-area-inset-bottom) + 24px) !important;
  overflow: visible !important;
}

body.ops-precision-pilot #home-dashboard-grid .home-module-tile {
  appearance: none;
  display: flex;
  aspect-ratio: 1 / 1;
  width: 100%;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, 2vw, 14px);
  padding: clamp(12px, 3vw, 22px);
  border: 2px solid var(--ui-border-strong, #07874f);
  border-radius: 12px;
  background: var(--ui-surface, #fff);
  color: var(--ui-accent, #07874f);
  box-shadow: none;
  cursor: pointer;
  transition: transform 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

body.ops-precision-pilot #home-dashboard-grid .home-module-tile[hidden],
body.ops-precision-pilot #home-dashboard-grid .home-module-tile.hidden {
  display: none !important;
}

body.ops-precision-pilot #home-dashboard-grid .home-module-tile :is(i, .premium-line-icon) {
  width: clamp(30px, 5vw, 42px) !important;
  height: clamp(30px, 5vw, 42px) !important;
  font-size: clamp(30px, 5vw, 42px) !important;
  color: var(--ui-accent, #19b979) !important;
}

body.ops-precision-pilot #home-dashboard-grid .home-module-tile span {
  max-width: 100%;
  color: var(--ui-text, #13221b) !important;
  font-size: clamp(12px, 2.2vw, 16px);
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  overflow-wrap: anywhere;
}

@media (min-width: 640px) {
  body.ops-precision-pilot #home-dashboard-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

@media (min-width: 840px) {
  body.ops-precision-pilot #home-dashboard-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

@media (min-width: 1100px) {
  body.ops-precision-pilot #home-dashboard-grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
}

body.ops-precision-pilot .workflow-control-rail,
body.ops-precision-pilot .docks-filter-row,
body.ops-precision-pilot #view-tasks .task-controls-sticky,
body.ops-precision-pilot #view-tasks :is(.task-workflow-rail, #task-approval-mode-toggles, #task-tabs-container, #task-shared-filters) {
  min-width: 0;
}

body.ops-precision-pilot .workflow-control-rail,
body.ops-precision-pilot .docks-filter-row {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  padding: 2px 2px 8px !important;
  scrollbar-width: none;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline proximity;
}

body.ops-precision-pilot .workflow-control-rail::-webkit-scrollbar,
body.ops-precision-pilot .docks-filter-row::-webkit-scrollbar { display: none; }

body.ops-precision-pilot .workflow-control,
body.ops-precision-pilot .docks-filter-row > * {
  flex: 1 0 var(--ops-toolbar-control-width) !important;
  min-width: var(--ops-toolbar-control-width) !important;
  max-width: none !important;
  scroll-snap-align: start;
}

body.ops-precision-pilot .workflow-control {
  display: flex;
  min-height: 64px;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding: 8px 10px;
  border: 1px solid var(--ui-border, #cbd8d1);
  border-radius: 12px;
  background: var(--ui-surface, #fff);
  color: var(--ui-text-muted, #617068);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  line-height: 1;
  text-transform: uppercase;
}

body.ops-precision-pilot .workflow-control select {
  width: 100%;
  min-height: 36px;
  border: 0;
  padding: 2px 28px 2px 0;
  outline: 0;
  background-color: transparent;
  color: var(--ui-text, #13221b);
  font-size: 14px;
  font-weight: 750;
  letter-spacing: 0;
  text-transform: none;
}

body.ops-precision-pilot .workflow-control-count {
  display: flex;
  flex: 0 0 auto !important;
  min-width: 8.5rem !important;
  min-height: 64px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ui-border, #cbd8d1);
  border-radius: 12px;
  padding: 8px 12px;
  background: var(--ui-accent-soft, #e7f7ef);
  color: var(--ui-accent, #07874f);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}

body.ops-precision-pilot #view-tasks .task-controls-sticky {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: flex-start !important;
  gap: 10px !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: none;
}

body.ops-precision-pilot #view-tasks .task-controls-sticky::-webkit-scrollbar { display: none; }

body.ops-precision-pilot #view-tasks .task-controls-sticky > :not(.hidden) {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-flow: row nowrap !important;
  align-items: stretch !important;
  gap: 10px !important;
  margin: 0 !important;
}

body.ops-precision-pilot #view-tasks .task-controls-sticky > :not(.hidden) > * {
  flex: 0 0 min(18rem, 76vw) !important;
  min-width: min(18rem, 76vw) !important;
}

@media (min-width: 1100px) {
  body.ops-precision-pilot .workflow-control,
  body.ops-precision-pilot .docks-filter-row > * {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }
}

body.ops-precision-pilot.current-view-chat #main-scroll-area {
  overflow: hidden !important;
  padding-bottom: 0 !important;
}

body.ops-precision-pilot.current-view-chat :is(#view-wrapper, #view-chat, #chat-content) {
  min-height: 0 !important;
  height: var(--ops-content-available-height, calc(100dvh - var(--footer-nav-reserve, 0px))) !important;
  max-height: var(--ops-content-available-height, calc(100dvh - var(--footer-nav-reserve, 0px))) !important;
}

body.ops-precision-pilot.current-view-chat #chat-content > :is(.chat-thread-shell, .chat-thread-view) {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

body.ops-precision-pilot.current-view-chat :is(.chat-thread-header, .chat-contact-header) {
  position: sticky !important;
  top: 0 !important;
  z-index: 4 !important;
  background: var(--ui-surface-strong, var(--ui-surface, #fff)) !important;
}

body.ops-precision-pilot.current-view-chat #chat-message-list {
  min-height: 0 !important;
  height: auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scroll-padding-bottom: 16px;
}

body.ops-precision-pilot.current-view-chat .chat-thread-composer {
  position: sticky !important;
  inset: auto 0 0 !important;
  z-index: 6 !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 10px max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left)) !important;
  border-top: 1px solid var(--ui-border, #cbd8d1) !important;
  background: var(--ui-surface-strong, var(--ui-surface, #fff)) !important;
}

body.keyboard-open.current-view-chat #bottom-nav { display: none !important; }

body.keyboard-open.current-view-chat :is(#view-wrapper, #view-chat, #chat-content) {
  height: var(--ops-content-available-height, var(--ops-visible-height, 100dvh)) !important;
  max-height: var(--ops-content-available-height, var(--ops-visible-height, 100dvh)) !important;
}

body.ops-precision-pilot.ops-grid-effective #drive-content[data-drive-detailed-records="true"].ops-record-collection,
body.ops-precision-pilot.ops-grid-effective #drive-content[data-drive-detailed-records="true"] .ops-record-collection,
body.ops-precision-pilot.ops-grid-effective #drive-content .ops-record-collection:has(.app-drive-compact-card) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.ops-precision-pilot .app-drive-card-main {
  min-width: 0 !important;
  max-width: 100% !important;
}

body.ops-precision-pilot :is(.app-drive-card-title, .app-drive-card-meta, .app-drive-card-chip-row) {
  min-width: 0 !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 839px) {
  body.ops-precision-pilot.ops-grid-effective #drive-content[data-drive-detailed-records="true"].ops-record-collection,
  body.ops-precision-pilot.ops-grid-effective #drive-content[data-drive-detailed-records="true"] .ops-record-collection,
  body.ops-precision-pilot.ops-grid-effective #drive-content .ops-record-collection:has(.app-drive-compact-card) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  body.ops-precision-pilot #home-dashboard-grid .home-module-tile:hover {
    transform: translateY(-2px);
    border-color: var(--ui-accent, #19b979);
  }
}

body.ops-precision-pilot #home-dashboard-grid .home-module-tile:active { transform: scale(.985); }

body.ops-precision-pilot :is(.home-module-tile, .workflow-control select, #dock-mode-select):focus-visible {
  outline: 2px solid var(--ui-focus, #19b979) !important;
  outline-offset: 3px !important;
}

/* V2026.08.15.13 — full-height messaging and unified Communication surfaces. */
body.ops-precision-pilot {
  --ops-message-mine: linear-gradient(145deg, #08794b 0%, #0aa365 100%);
  --ops-message-mine-border: rgba(8, 121, 75, 0.44);
  --ops-communication-icon: #08794b;
  --ops-calendar-gridline: #d8e6df;
  --ops-calendar-day: #ffffff;
  --ops-calendar-muted-day: #f1f6f3;
}

body.ops-precision-pilot[data-ops-theme="dark"] {
  --ops-message-mine: linear-gradient(145deg, #08794b 0%, #10a96a 100%);
  --ops-message-mine-border: rgba(99, 230, 173, 0.46);
  --ops-communication-icon: #63e6ad;
  --ops-calendar-gridline: rgba(99, 230, 173, 0.2);
  --ops-calendar-day: #102019;
  --ops-calendar-muted-day: #0b1712;
}

body.ops-precision-pilot.current-view-chat.chat-conversation-open #main-scroll-area {
  overflow: hidden !important;
  overscroll-behavior: none !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  scroll-padding: 0 !important;
}

body.ops-precision-pilot.current-view-chat.chat-conversation-open #view-wrapper,
body.ops-precision-pilot.current-view-chat.chat-conversation-open #view-chat:not(.hidden),
body.ops-precision-pilot.current-view-chat.chat-conversation-open #chat-content {
  box-sizing: border-box !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.ops-precision-pilot.current-view-chat.chat-conversation-open #view-wrapper {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
  overflow: hidden !important;
}

body.ops-precision-pilot.current-view-chat.chat-conversation-open #view-chat:not(.hidden) {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

body.ops-precision-pilot.current-view-chat.chat-conversation-open #chat-content {
  flex: 1 1 auto !important;
  width: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.ops-precision-pilot.current-view-chat.chat-conversation-open .chat-thread-shell,
body.ops-precision-pilot.current-view-chat.chat-conversation-open .android-chat-shell {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  border: 1px solid var(--ops-chat-border) !important;
  border-radius: 18px !important;
  background: var(--ops-chat-canvas) !important;
  box-shadow: 0 18px 48px var(--ops-chat-shadow) !important;
}

body.ops-precision-pilot .android-chat-header {
  position: relative !important;
  z-index: 3 !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 44px !important;
  min-height: 66px !important;
  padding: 7px 12px !important;
  background: color-mix(in srgb, var(--ops-chat-header) 94%, transparent) !important;
  box-shadow: 0 1px 0 var(--ops-chat-border) !important;
  backdrop-filter: saturate(130%) blur(18px) !important;
  -webkit-backdrop-filter: saturate(130%) blur(18px) !important;
}

body.ops-precision-pilot .android-chat-header::before {
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  content: "" !important;
}

body.ops-precision-pilot .android-chat-header > button:first-child {
  display: none !important;
}

body.ops-precision-pilot .ios-chat-title-cluster {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 9px !important;
  align-items: center !important;
  justify-self: center !important;
  width: min(100%, 420px) !important;
  text-align: left !important;
}

body.ops-precision-pilot .ios-chat-title-cluster .android-chat-avatar {
  grid-row: 1 / 3 !important;
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  font-size: 10px !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ops-brand) 13%, transparent) !important;
}

body.ops-precision-pilot .ios-chat-title-cluster > div:nth-child(2) {
  align-self: end !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
}

body.ops-precision-pilot .ios-chat-title-cluster > div:nth-child(3) {
  align-self: start !important;
  margin-top: 3px !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
}

body.ops-precision-pilot .chat-message-scroll {
  gap: 3px !important;
  padding: 15px clamp(10px, 2vw, 24px) 12px !important;
  scroll-padding-block: 18px !important;
  background:
    radial-gradient(circle at 78% 14%, var(--ops-glow), transparent 30%),
    var(--ops-chat-canvas) !important;
}

body.ops-precision-pilot .chat-day-separator {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 14px 0 9px !important;
  color: var(--ops-chat-muted) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

body.ops-precision-pilot .chat-day-separator:first-child {
  margin-top: 2px !important;
}

body.ops-precision-pilot .chat-day-separator > span {
  border: 1px solid var(--ops-chat-border) !important;
  border-radius: 999px !important;
  padding: 4px 9px !important;
  background: color-mix(in srgb, var(--ops-chat-header) 88%, transparent) !important;
}

body.ops-precision-pilot .android-message-row {
  margin-top: 0 !important;
}

body.ops-precision-pilot .android-message-row.group-first:not(:first-child) {
  margin-top: 8px !important;
}

body.ops-precision-pilot .android-message-bubble {
  max-width: min(76%, 680px) !important;
  border-radius: 19px !important;
  padding: 8px 12px 7px !important;
  font-size: 15px !important;
  line-height: 1.32 !important;
  box-shadow: 0 3px 10px color-mix(in srgb, var(--ops-chat-shadow) 48%, transparent) !important;
}

body.ops-precision-pilot .android-message-bubble.mine {
  border-color: var(--ops-message-mine-border) !important;
  border-bottom-right-radius: 6px !important;
  background: var(--ops-message-mine) !important;
}

body.ops-precision-pilot .android-message-bubble.theirs {
  border-color: var(--ops-chat-border) !important;
  border-bottom-left-radius: 6px !important;
  background: var(--ops-chat-theirs) !important;
}

body.ops-precision-pilot .android-message-row.mine.group-middle:not(.group-last) .android-message-bubble {
  border-top-right-radius: 7px !important;
}

body.ops-precision-pilot .android-message-row.theirs.group-middle:not(.group-last) .android-message-bubble {
  border-top-left-radius: 7px !important;
}

body.ops-precision-pilot .chat-message-author {
  margin-bottom: 3px !important;
  color: var(--ops-brand-strong) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
}

body.ops-precision-pilot .chat-message-body {
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.34 !important;
}

body.ops-precision-pilot .android-message-meta {
  margin-top: 4px !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-transform: none !important;
}

body.ops-precision-pilot .chat-thread-composer {
  z-index: 4 !important;
  padding: 9px 12px !important;
  background: color-mix(in srgb, var(--ops-chat-composer) 94%, transparent) !important;
  box-shadow: 0 -1px 0 var(--ops-chat-border), 0 -12px 32px color-mix(in srgb, var(--ops-chat-shadow) 42%, transparent) !important;
  backdrop-filter: saturate(130%) blur(18px) !important;
  -webkit-backdrop-filter: saturate(130%) blur(18px) !important;
}

body.ops-precision-pilot .android-composer-row {
  grid-template-columns: 42px minmax(0, 1fr) 42px !important;
  gap: 8px !important;
}

body.ops-precision-pilot .android-composer-pill {
  min-height: 42px !important;
  border-radius: 21px !important;
  padding: 3px 13px !important;
  background: var(--ops-chat-input) !important;
  box-shadow: inset 0 1px 2px color-mix(in srgb, var(--ops-chat-shadow) 28%, transparent) !important;
}

body.ops-precision-pilot .android-chat-input {
  min-height: 34px !important;
  max-height: 120px !important;
  padding: 7px 0 6px !important;
  font-size: 16px !important;
  line-height: 21px !important;
}

body.ops-precision-pilot .android-icon-btn,
body.ops-precision-pilot .chat-voice-hold-btn.voice-talk-btn {
  width: 42px !important;
  height: 42px !important;
}

body.ops-precision-pilot .android-icon-btn.send {
  border-color: transparent !important;
  color: color-mix(in srgb, var(--ops-chat-muted) 72%, transparent) !important;
  background: var(--ops-surface-muted) !important;
  box-shadow: none !important;
  opacity: 0.72 !important;
}

body.ops-precision-pilot .android-icon-btn.send.is-ready:not(:disabled) {
  color: #ffffff !important;
  background: var(--ops-message-mine) !important;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--ops-brand) 30%, transparent) !important;
  opacity: 1 !important;
}

body.ops-precision-pilot .android-icon-btn.send.is-sending i {
  animation: spin 0.8s linear infinite !important;
}

body.ops-precision-pilot #chat-content > .overflow-hidden {
  border-radius: 16px !important;
  box-shadow: 0 14px 38px var(--ops-chat-shadow) !important;
}

body.ops-precision-pilot #chat-content > .overflow-hidden > button {
  min-height: 76px !important;
  padding: 12px 14px !important;
  background: var(--ops-surface) !important;
}

body.ops-precision-pilot #chat-content > .overflow-hidden > button :is(.text-slate-950, .text-slate-900) {
  color: var(--ops-text) !important;
}

body.ops-precision-pilot #chat-content > .overflow-hidden > button :is(.text-slate-700, .text-slate-500, .text-slate-400) {
  color: var(--ops-text-muted) !important;
}

body.ops-precision-pilot #view-communication #communication-hub-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.ops-precision-pilot #view-communication .communication-hub-card {
  position: relative !important;
  min-height: 180px !important;
  border: 1px solid var(--ops-border-strong) !important;
  border-radius: 16px !important;
  padding: 18px !important;
  color: var(--ops-text) !important;
  background: linear-gradient(145deg, var(--ops-surface) 0%, var(--ops-surface-muted) 100%) !important;
  box-shadow: 0 12px 30px color-mix(in srgb, var(--ops-chat-shadow) 52%, transparent) !important;
  transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease !important;
}

body.ops-precision-pilot #view-communication .communication-hub-card:hover {
  border-color: var(--ops-brand) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 36px color-mix(in srgb, var(--ops-chat-shadow) 72%, transparent) !important;
}

body.ops-precision-pilot #view-communication .communication-hub-card > div:first-child {
  width: 46px !important;
  height: 46px !important;
  margin-bottom: 28px !important;
  border: 1px solid color-mix(in srgb, var(--ops-communication-icon) 34%, transparent) !important;
  border-radius: 12px !important;
  color: var(--ops-communication-icon) !important;
  background: color-mix(in srgb, var(--ops-communication-icon) 10%, var(--ops-surface)) !important;
}

body.ops-precision-pilot #view-communication .communication-hub-card :is(.text-slate-900, .text-lg) {
  color: var(--ops-text) !important;
}

body.ops-precision-pilot #view-communication .communication-hub-card :is(.text-slate-500, .text-slate-400) {
  color: var(--ops-text-muted) !important;
}

body.ops-precision-pilot #view-department-calendar :is(
  .department-calendar-toolbar,
  .department-calendar-board,
  .department-calendar-form,
  .department-calendar-agenda-card,
  .department-calendar-person-group
) {
  border-color: var(--ops-border) !important;
  color: var(--ops-text) !important;
  background: var(--ops-surface) !important;
  background-image: none !important;
  box-shadow: 0 12px 30px color-mix(in srgb, var(--ops-chat-shadow) 48%, transparent) !important;
}

body.ops-precision-pilot #view-department-calendar :is(.department-calendar-toolbar, .department-calendar-board, .department-calendar-form) {
  border-radius: 16px !important;
}

body.ops-precision-pilot #view-department-calendar :is(select, input, textarea, .department-calendar-person-option) {
  border-color: var(--ops-border-strong) !important;
  color: var(--ops-text) !important;
  background: var(--ops-surface-muted) !important;
}

body.ops-precision-pilot #view-department-calendar :is(select, input, textarea)::placeholder {
  color: var(--ops-text-muted) !important;
}

body.ops-precision-pilot #view-department-calendar :is(.text-slate-950, .text-slate-900, .text-slate-700, .text-slate-600) {
  color: var(--ops-text) !important;
}

body.ops-precision-pilot #view-department-calendar :is(.text-slate-500, .text-slate-400) {
  color: var(--ops-text-muted) !important;
}

body.ops-precision-pilot #view-department-calendar .department-calendar-grid {
  border-color: var(--ops-calendar-gridline) !important;
  background: var(--ops-calendar-gridline) !important;
}

body.ops-precision-pilot #view-department-calendar .department-calendar-weekday {
  color: var(--ops-brand-strong) !important;
  background: var(--ops-surface-muted) !important;
}

body.ops-precision-pilot #view-department-calendar .department-calendar-day {
  color: var(--ops-text) !important;
  background: var(--ops-calendar-day) !important;
}

body.ops-precision-pilot #view-department-calendar .department-calendar-day.is-muted {
  color: var(--ops-text-muted) !important;
  background: var(--ops-calendar-muted-day) !important;
}

@media (max-width: 767px) {
  body.ops-precision-pilot.current-view-chat.chat-conversation-open #main-scroll-area,
  body.ops-precision-pilot.current-view-chat.chat-conversation-open.ios-device #main-scroll-area {
    padding: 0 !important;
  }

  body.ops-precision-pilot.current-view-chat.chat-conversation-open #view-wrapper,
  body.ops-precision-pilot.current-view-chat.chat-conversation-open.ios-device #view-wrapper,
  body.ops-precision-pilot.current-view-chat.chat-conversation-open.ios-device #view-wrapper > #view-chat {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.ops-precision-pilot.current-view-chat.chat-conversation-open .chat-thread-shell,
  body.ops-precision-pilot.current-view-chat.chat-conversation-open .android-chat-shell {
    border-width: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  body.ops-precision-pilot .android-chat-header {
    min-height: 60px !important;
    grid-template-columns: 40px minmax(0, 1fr) 40px !important;
    padding: 6px 10px !important;
  }

  body.ops-precision-pilot .android-chat-header::before {
    width: 40px !important;
    height: 40px !important;
  }

  body.ops-precision-pilot .android-chat-header > .android-icon-btn {
    width: 40px !important;
    height: 40px !important;
  }

  body.ops-precision-pilot .ios-chat-title-cluster {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    width: min(100%, 250px) !important;
  }

  body.ops-precision-pilot .ios-chat-title-cluster .android-chat-avatar {
    width: 34px !important;
    height: 34px !important;
  }

  body.ops-precision-pilot .chat-message-scroll {
    padding: 12px 10px 10px !important;
  }

  body.ops-precision-pilot .android-message-bubble {
    max-width: 84% !important;
    padding: 8px 11px 7px !important;
  }

  body.ops-precision-pilot .chat-thread-composer {
    padding: 7px 9px max(7px, env(safe-area-inset-bottom)) !important;
  }

  body.ops-precision-pilot .android-composer-row {
    grid-template-columns: 40px minmax(0, 1fr) 40px !important;
    gap: 6px !important;
  }

  body.ops-precision-pilot .android-icon-btn,
  body.ops-precision-pilot .chat-voice-hold-btn.voice-talk-btn {
    width: 40px !important;
    height: 40px !important;
  }

  body.ops-precision-pilot #view-communication #communication-hub-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.ops-precision-pilot #view-communication .communication-hub-card {
    display: grid !important;
    grid-template-columns: 50px minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    column-gap: 13px !important;
    align-items: center !important;
    min-height: 104px !important;
    padding: 14px !important;
  }

  body.ops-precision-pilot #view-communication .communication-hub-card > div:first-child {
    grid-row: 1 / 3 !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
  }

  body.ops-precision-pilot #view-communication .communication-hub-card > div:nth-child(2) {
    align-self: end !important;
  }

  body.ops-precision-pilot #view-communication .communication-hub-card > div:nth-child(3) {
    align-self: start !important;
    margin-top: 3px !important;
  }

  body.ops-precision-pilot #view-department-calendar .department-calendar-toolbar {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 12px !important;
  }

  body.ops-precision-pilot #view-department-calendar .department-calendar-board {
    padding: 12px !important;
  }

  body.ops-precision-pilot #view-department-calendar .department-calendar-grid {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 1px !important;
    border: 1px solid var(--ops-calendar-gridline) !important;
    border-radius: 12px !important;
  }

  body.ops-precision-pilot #view-department-calendar .department-calendar-grid > .department-calendar-weekday {
    display: block !important;
    padding: 6px 1px !important;
    font-size: 8px !important;
    letter-spacing: 0 !important;
  }

  body.ops-precision-pilot #view-department-calendar .department-calendar-day,
  body.ops-precision-pilot #view-department-calendar .department-calendar-day.is-muted {
    display: flex !important;
    min-height: 54px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 5px 4px !important;
  }

  body.ops-precision-pilot #view-department-calendar .department-calendar-pill {
    width: 7px !important;
    height: 7px !important;
    min-height: 7px !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    padding: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
  }
}

body.ops-precision-pilot.current-view-chat.chat-conversation-open.keyboard-open #main-scroll-area {
  position: absolute !important;
  inset: var(--app-top-chrome-height, 0px) 0 0 !important;
  height: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.ops-precision-pilot.current-view-chat.chat-conversation-open.keyboard-open .chat-thread-composer {
  padding-bottom: max(7px, env(safe-area-inset-bottom)) !important;
}

/* V2026.08.15.14 — global Ag Data Solutions premium presentation system.
   This is intentionally the final cascade: it supplies semantic materials and
   device geometry without changing live nodes, handlers, or workflow state. */
body.ops-precision-pilot,
body.ag-premium-skin {
  --ops-canvas: #f3f7f5;
  --ops-surface: #ffffff;
  --ops-surface-muted: #f7faf8;
  --ops-surface-strong: #edf4f0;
  --ops-text: #13221b;
  --ops-text-muted: #617068;
  --ops-border: #cbd8d1;
  --ops-border-strong: #8fa69a;
  --ops-brand: #07874f;
  --ops-brand-strong: #05623c;
  --ops-brand-soft: #e6f4ed;
  --ops-info: #2563eb;
  --ops-success: #168454;
  --ops-warning: #a85208;
  --ops-danger: #b83232;
  --ops-focus: #1d73e8;
  --ops-radius-xs: 6px;
  --ops-radius-sm: 10px;
  --ops-radius-md: 12px;
  --ui-canvas: var(--ops-canvas);
  --ui-surface: var(--ops-surface);
  --ui-surface-muted: var(--ops-surface-muted);
  --ui-surface-strong: var(--ops-surface-strong);
  --ui-text: var(--ops-text);
  --ui-text-muted: var(--ops-text-muted);
  --ui-border: var(--ops-border);
  --ui-border-strong: var(--ops-border-strong);
  --ui-primary: var(--ops-brand);
  --ui-primary-strong: var(--ops-brand-strong);
  --ui-primary-soft: var(--ops-brand-soft);
  --ui-ring: color-mix(in srgb, var(--ops-focus) 30%, transparent);
  --ui-shadow-card: 0 1px 2px rgba(9, 47, 31, 0.06), 0 8px 24px rgba(9, 47, 31, 0.06);
  --ui-shadow-float: 0 18px 50px rgba(9, 47, 31, 0.14);
  --ui-glass: color-mix(in srgb, var(--ops-surface) 88%, transparent);
  --ui-header: linear-gradient(118deg, #05623c 0%, #07874f 56%, #056f42 100%);
  --ui-header-text: #ffffff;
  --ui-header-muted: rgba(255, 255, 255, 0.76);
  --ui-header-control: rgba(255, 255, 255, 0.12);
  --ui-header-control-border: rgba(255, 255, 255, 0.32);
  --ui-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ui-duration-fast: 120ms;
  --ui-duration: 170ms;
  color: var(--ui-text);
  background: var(--ui-canvas);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.ops-precision-pilot[data-ops-theme="dark"],
body.ag-premium-skin[data-ops-theme="dark"] {
  --ops-canvas: #07120e;
  --ops-surface: #111c18;
  --ops-surface-muted: #16231f;
  --ops-surface-strong: #1b2b26;
  --ops-text: #f2fbf6;
  --ops-text-muted: #9db4aa;
  --ops-border: rgba(99, 230, 173, 0.34);
  --ops-border-strong: rgba(99, 230, 173, 0.62);
  --ops-brand: #19b979;
  --ops-brand-strong: #63e6ad;
  --ops-brand-soft: rgba(25, 185, 121, 0.16);
  --ops-info: #7aafff;
  --ops-success: #63d9a0;
  --ops-warning: #ffc06d;
  --ops-danger: #ff9292;
  --ops-focus: #72adff;
  --ui-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.28), 0 10px 28px rgba(0, 0, 0, 0.22);
  --ui-shadow-float: 0 20px 60px rgba(0, 0, 0, 0.4);
  --ui-header: linear-gradient(118deg, rgba(6, 27, 19, 0.98) 0%, rgba(10, 48, 33, 0.96) 58%, rgba(7, 33, 23, 0.98) 100%);
  --ui-header-text: #f2fbf6;
  --ui-header-muted: #9db4aa;
  --ui-header-control: rgba(25, 185, 121, 0.09);
  --ui-header-control-border: rgba(99, 230, 173, 0.34);
}

body.ops-precision-pilot #app-wrapper,
body.ops-precision-pilot #main-scroll-area,
body.ops-precision-pilot #view-wrapper {
  color: var(--ui-text) !important;
  background-color: var(--ui-canvas) !important;
}

body.ops-precision-pilot #main-scroll-area {
  scrollbar-color: color-mix(in srgb, var(--ui-primary) 44%, transparent) transparent;
}

body.ops-precision-pilot #app-top-chrome {
  border-bottom: 1px solid var(--ui-header-control-border) !important;
  color: var(--ui-header-text) !important;
  background: var(--ui-header) !important;
  box-shadow: 0 8px 28px color-mix(in srgb, #001b11 22%, transparent) !important;
  backdrop-filter: saturate(125%) blur(18px);
  -webkit-backdrop-filter: saturate(125%) blur(18px);
}

body.ops-precision-pilot #app-top-chrome :is(.nav-header, #global-header-search-row),
html.outdoor-mode body.ops-precision-pilot #app-top-chrome .nav-header {
  color: var(--ui-header-text) !important;
  background: transparent !important;
}

body.ops-precision-pilot #app-top-chrome :is(.nav-header-user, .nav-header-company, #sync-diagnostics-detail) {
  color: var(--ui-header-text) !important;
}

body.ops-precision-pilot #app-top-chrome :is(.nav-header-company, #sync-diagnostics-detail) {
  color: var(--ui-header-muted) !important;
}

body.ops-precision-pilot #app-top-chrome :is(.nav-outdoor-toggle, #sync-diagnostics-badge, #global-header-inline-back) {
  min-width: 44px !important;
  min-height: 44px !important;
  border: 1px solid var(--ui-header-control-border) !important;
  color: var(--ui-header-text) !important;
  background: var(--ui-header-control) !important;
  box-shadow: none !important;
}

body.ops-precision-pilot #app-top-chrome .nav-version-pill {
  min-height: 38px !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #05623c !important;
  background: #f2fbf6 !important;
  box-shadow: 0 4px 18px rgba(0, 40, 25, 0.12) !important;
}

body.ops-precision-pilot #global-header-search-slot :is(.input-field, input[type="text"], input[type="search"]),
body.ops-precision-pilot #global-header-inline-title {
  min-height: 48px !important;
  border: 1px solid var(--ui-header-control-border) !important;
  border-radius: 12px !important;
  color: var(--ui-header-text) !important;
  background: color-mix(in srgb, #06150f 76%, transparent) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

body.ops-precision-pilot[data-ops-theme="light"] #global-header-search-slot :is(.input-field, input[type="text"], input[type="search"]),
body.ops-precision-pilot[data-ops-theme="light"] #global-header-inline-title {
  color: #13221b !important;
  background: rgba(255, 255, 255, 0.96) !important;
}

body.ops-precision-pilot #global-header-search-slot :is(input, .input-field)::placeholder {
  color: var(--ui-header-muted) !important;
}

body.ops-precision-pilot[data-ops-theme="light"] #global-header-search-slot :is(input, .input-field)::placeholder {
  color: #617068 !important;
}

body.ops-precision-pilot #bottom-nav {
  border: 1px solid color-mix(in srgb, var(--ui-border) 78%, transparent) !important;
  border-bottom: 0 !important;
  color: var(--ui-text-muted) !important;
  background: var(--ui-glass) !important;
  box-shadow: 0 -14px 44px color-mix(in srgb, var(--ui-canvas) 64%, transparent) !important;
  backdrop-filter: saturate(135%) blur(22px) !important;
  -webkit-backdrop-filter: saturate(135%) blur(22px) !important;
}

body.ops-precision-pilot .footer-nav-btn {
  min-width: 0 !important;
  min-height: 54px !important;
  border-radius: 12px !important;
  color: var(--ui-text-muted) !important;
  transition: color var(--ui-duration) var(--ui-ease), background-color var(--ui-duration) var(--ui-ease), transform var(--ui-duration-fast) var(--ui-ease) !important;
}

body.ops-precision-pilot .footer-nav-btn:is(.active, .menu-open, [aria-current="page"]) {
  color: var(--ui-primary-strong) !important;
  background: var(--ui-primary-soft) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ui-primary) 28%, transparent) !important;
}

body.ops-precision-pilot .premium-line-icon {
  display: inline-block;
  flex: 0 0 auto;
  width: 1.35em;
  height: 1.35em;
  overflow: visible;
  color: currentColor;
  vertical-align: -0.2em;
  pointer-events: none;
}

body.ops-precision-pilot #view-home #home-dashboard-grid > div > .premium-line-icon,
body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button > .premium-line-icon {
  width: clamp(27px, 2.3vw, 36px) !important;
  height: clamp(27px, 2.3vw, 36px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  color: var(--ui-primary-strong) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ops-precision-pilot .footer-nav-btn > .premium-line-icon {
  width: 24px !important;
  height: 24px !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ops-precision-pilot #side-drawer .drawer-item > .premium-line-icon {
  width: 21px !important;
  height: 21px !important;
  margin-right: 11px !important;
  color: var(--ui-primary) !important;
}

body.ops-precision-pilot .ui-surface,
body.ops-precision-pilot .ui-panel,
body.ops-precision-pilot .ui-card,
body.ops-precision-pilot :is(.modal-content, .app-modal-card, [role="dialog"]:not(.fixed):not([class*="fixed"])) {
  border-color: var(--ui-border) !important;
  color: var(--ui-text) !important;
  background: var(--ui-surface) !important;
  background-image: none !important;
}

body.ops-precision-pilot .ui-panel {
  border-radius: 12px !important;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--ui-border) 60%, transparent) !important;
}

body.ops-precision-pilot .ui-card {
  border-width: 1px !important;
  border-radius: 12px !important;
  box-shadow: var(--ui-shadow-card) !important;
  content-visibility: auto;
  contain-intrinsic-size: auto 168px;
  transition: border-color var(--ui-duration) var(--ui-ease), box-shadow var(--ui-duration) var(--ui-ease), transform var(--ui-duration) var(--ui-ease) !important;
}

body.ops-precision-pilot .ui-field,
body.ops-precision-pilot :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  min-height: 44px;
  border: 1px solid var(--ui-border) !important;
  border-radius: 10px !important;
  color: var(--ui-text) !important;
  background: var(--ui-surface-muted) !important;
  box-shadow: inset 0 1px 2px color-mix(in srgb, var(--ui-canvas) 55%, transparent) !important;
}

body.ops-precision-pilot :is(input, textarea)::placeholder {
  color: var(--ui-text-muted) !important;
  opacity: 1;
}

body.ops-precision-pilot .ui-tab {
  min-height: 44px;
  color: var(--ui-text-muted) !important;
  transition: color var(--ui-duration) var(--ui-ease), background-color var(--ui-duration) var(--ui-ease), border-color var(--ui-duration) var(--ui-ease) !important;
}

body.ops-precision-pilot .ui-tab:is(.active, [aria-selected="true"]) {
  border-color: var(--ui-primary) !important;
  color: var(--ui-primary-strong) !important;
  background: var(--ui-primary-soft) !important;
}

body.ops-precision-pilot .ui-action {
  min-height: 44px;
  transition: color var(--ui-duration) var(--ui-ease), background-color var(--ui-duration) var(--ui-ease), border-color var(--ui-duration) var(--ui-ease), box-shadow var(--ui-duration) var(--ui-ease), transform var(--ui-duration-fast) var(--ui-ease), opacity var(--ui-duration-fast) ease !important;
  touch-action: manipulation;
}

body.ops-precision-pilot :is(.ui-action, button, [role="button"], a, input, select, textarea):focus-visible {
  outline: 2px solid var(--ops-focus) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px var(--ui-ring) !important;
}

body.ops-precision-pilot :is(.ui-action, button)[disabled],
body.ops-precision-pilot :is(.ui-action, button)[aria-disabled="true"] {
  cursor: not-allowed !important;
  opacity: 0.5 !important;
  transform: none !important;
}

body.ops-precision-pilot .ui-pill {
  border-color: color-mix(in srgb, var(--ui-border-strong) 72%, transparent) !important;
  color: var(--ui-text-muted);
  box-shadow: none !important;
}

body.ops-precision-pilot :is(.app-card-qty-row, .app-card-metrics) {
  gap: 8px !important;
}

body.ops-precision-pilot .app-card-qty-chip {
  min-height: 42px !important;
  border-width: 1px !important;
  border-radius: 10px !important;
  padding: 8px 10px !important;
  box-shadow: none !important;
}

body.ops-precision-pilot #view-home #home-dashboard-grid,
body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: max-content !important;
  gap: 10px !important;
  padding: 0 !important;
  padding-bottom: 8px !important;
}

body.ops-precision-pilot #view-home #home-dashboard-grid > div,
body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button {
  width: 100% !important;
  min-width: 0 !important;
  aspect-ratio: 1 / 1 !important;
  border: 2px solid color-mix(in srgb, var(--ui-primary) 78%, var(--ui-border)) !important;
  border-radius: 12px !important;
  padding: clamp(10px, 1.6vw, 20px) !important;
  gap: clamp(8px, 1vw, 14px) !important;
  color: var(--ui-text) !important;
  background: linear-gradient(145deg, var(--ui-surface) 0%, var(--ui-surface-muted) 100%) !important;
  box-shadow: var(--ui-shadow-card) !important;
  content-visibility: visible;
  transition: border-color var(--ui-duration) var(--ui-ease), box-shadow var(--ui-duration) var(--ui-ease), transform var(--ui-duration-fast) var(--ui-ease), background-color var(--ui-duration) ease !important;
}

body.ops-precision-pilot #view-home #home-dashboard-grid > div > span,
body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button > span {
  max-width: 100% !important;
  color: var(--ui-text) !important;
  font-size: clamp(12px, 1.15vw, 16px) !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  text-transform: none !important;
  overflow-wrap: anywhere;
}

body.ops-precision-pilot #view-home #home-dashboard-modules h2,
body.ops-precision-pilot #view-home #home-rep-dashboard-modules h2 {
  margin: 0 0 8px !important;
  color: var(--ui-text-muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
}

body.ops-precision-pilot #side-drawer {
  border-right: 1px solid var(--ui-border) !important;
  color: var(--ui-text) !important;
  background: var(--ui-glass) !important;
  box-shadow: var(--ui-shadow-float) !important;
  backdrop-filter: saturate(125%) blur(22px);
  -webkit-backdrop-filter: saturate(125%) blur(22px);
}

body.ops-precision-pilot .drawer-header {
  color: var(--ui-text) !important;
  background: transparent !important;
}

body.ops-precision-pilot .drawer-item {
  min-height: 48px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: var(--ui-text-muted) !important;
}

body.ops-precision-pilot .ops-pilot-settings {
  border: 1px solid var(--ui-border) !important;
  border-radius: 12px !important;
  background: var(--ui-surface-muted) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, white 6%, transparent) !important;
}

body.ops-precision-pilot :is(.modal-content, .app-modal-card, [role="dialog"]:not(.fixed):not([class*="fixed"])) {
  border-radius: 16px !important;
  box-shadow: var(--ui-shadow-float) !important;
}

body.ops-precision-pilot #toast-notification {
  max-width: min(92vw, 440px) !important;
  border: 1px solid color-mix(in srgb, white 24%, transparent) !important;
  border-radius: 14px !important;
  box-shadow: var(--ui-shadow-float) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

body.ops-precision-pilot .ui-skeleton,
body.ops-precision-pilot :is(.skeleton, .skeleton-loader, .animate-pulse) {
  position: relative;
  overflow: hidden;
  color: transparent !important;
  background: var(--ui-surface-strong) !important;
}

body.ops-precision-pilot .ui-skeleton::after,
body.ops-precision-pilot :is(.skeleton, .skeleton-loader, .animate-pulse)::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, transparent 20%, color-mix(in srgb, white 28%, transparent) 48%, transparent 76%);
  content: "";
  transform: translateX(-100%);
  animation: premium-skeleton-shimmer 1.35s ease-in-out infinite;
}

@keyframes premium-skeleton-shimmer {
  to { transform: translateX(100%); }
}

@media (hover: hover) and (pointer: fine) {
  body.ops-precision-pilot .ui-card:hover,
  body.ops-precision-pilot #view-home #home-dashboard-grid > div:hover,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button:hover {
    border-color: var(--ui-primary) !important;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--ui-primary) 13%, transparent) !important;
    transform: translateY(-2px) scale(1.01) !important;
  }

  body.ops-precision-pilot .ui-action:hover:not([disabled]):not([aria-disabled="true"]) {
    filter: saturate(1.04);
    transform: translateY(-1px) scale(1.01);
  }
}

body.ops-precision-pilot :is(.ui-action, button):active:not([disabled]),
body.ops-precision-pilot #view-home #home-dashboard-grid > div:active,
body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button:active {
  transform: scale(0.98) !important;
}

@media (min-width: 640px) and (max-width: 839px) {
  body.ops-precision-pilot #view-home #home-dashboard-grid,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

@media (min-width: 840px) and (max-width: 1099px) {
  body.ops-precision-pilot #view-home #home-dashboard-grid,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

@media (min-width: 1100px) {
  body.ops-precision-pilot #view-home #home-dashboard-grid,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: clamp(10px, 1vw, 16px) !important;
  }

  body.ops-precision-pilot #view-home #home-dashboard-grid > div,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button {
    max-height: min(31vh, 360px) !important;
  }
}

@media (max-width: 639px) {
  body.ops-precision-pilot {
    --ops-nav-clearance: calc(var(--footer-nav-reserve, 6.25rem) + env(safe-area-inset-bottom) + 18px);
  }

  body.ops-precision-pilot #main-scroll-area {
    padding-right: max(10px, env(safe-area-inset-right)) !important;
    padding-left: max(10px, env(safe-area-inset-left)) !important;
  }

  body.ops-precision-pilot:not(.current-view-home) #main-scroll-area {
    padding-right: max(8px, env(safe-area-inset-right)) !important;
    padding-left: max(8px, env(safe-area-inset-left)) !important;
  }

  body.ops-precision-pilot #view-home #home-dashboard-grid,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.ops-precision-pilot #view-home #home-dashboard-grid > div,
  body.ops-precision-pilot #view-home #home-rep-dashboard-grid > button {
    min-width: 0 !important;
    max-width: none !important;
    padding: 10px 7px !important;
  }

  body.ops-precision-pilot #bottom-nav {
    right: max(0px, env(safe-area-inset-right)) !important;
    left: max(0px, env(safe-area-inset-left)) !important;
    width: auto !important;
    max-width: none !important;
    border-radius: 22px 22px 0 0 !important;
    padding: 7px 5px max(7px, env(safe-area-inset-bottom)) !important;
  }

  body.ops-precision-pilot .footer-nav-btn {
    min-height: 56px !important;
    padding-inline: 2px !important;
  }

  body.ops-precision-pilot .footer-nav-btn > span:not(.footer-nav-badge) {
    max-width: 100% !important;
    font-size: 8px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.ops-precision-pilot :is(.app-card-qty-row, .app-card-metrics) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.ops-precision-pilot :is(.modal-content, .app-modal-card, [role="dialog"]:not(.fixed):not([class*="fixed"])) {
    width: min(100% - 16px, 640px) !important;
    max-height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px) !important;
    border-radius: 14px !important;
  }
}

@media (max-height: 540px) and (orientation: landscape) {
  body.ops-precision-pilot #main-scroll-area {
    padding-bottom: calc(var(--footer-nav-reserve, 5.25rem) + env(safe-area-inset-bottom) + 12px) !important;
  }

  body.ops-precision-pilot #bottom-nav {
    padding-block: 4px max(4px, env(safe-area-inset-bottom)) !important;
  }

  body.ops-precision-pilot .footer-nav-btn {
    min-height: 44px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.ops-precision-pilot *,
  body.ops-precision-pilot *::before,
  body.ops-precision-pilot *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body.ops-precision-pilot #bottom-nav,
  body.ops-precision-pilot #side-drawer,
  body.ops-precision-pilot #app-top-chrome {
    background: var(--ui-surface-strong) !important;
  }

  body.ops-precision-pilot[data-ops-theme="light"] #app-top-chrome {
    background: #07874f !important;
  }
}

/* V2026.08.15.14 — final keyboard-safe authentication lock. Keep this last so
   virtual keyboards always win over phone, tablet, and landscape skin rules. */
body.keyboard-open #view-login,
body.keyboard-open #view-change-password {
  inset: 0 0 auto !important;
  width: 100% !important;
  height: var(--visual-height, 100dvh) !important;
  min-height: 0 !important;
  max-height: var(--visual-height, 100dvh) !important;
  justify-content: flex-start !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  padding: max(8px, env(safe-area-inset-top)) 14px max(16px, env(safe-area-inset-bottom)) !important;
  scroll-padding-block: 12px !important;
  -webkit-overflow-scrolling: touch;
}

body.keyboard-open #view-login .login-card,
body.keyboard-open #view-change-password .login-card {
  flex: 0 0 auto !important;
  width: min(100%, 430px) !important;
  margin: 0 auto !important;
  padding: 14px 18px 16px !important;
  border-radius: 14px !important;
}

body.keyboard-open #view-login .login-brand-lockup,
body.keyboard-open #view-change-password .login-brand-lockup,
body.keyboard-open #view-login .login-heading-block p,
body.keyboard-open #view-change-password .login-heading-block p {
  display: none !important;
}

body.keyboard-open #view-login .login-heading-block,
body.keyboard-open #view-change-password .login-heading-block {
  margin: 0 0 10px !important;
}

body.keyboard-open #view-login .login-heading-block h1,
body.keyboard-open #view-change-password .login-heading-block h1 {
  font-size: 22px !important;
  line-height: 1.1 !important;
}

body.keyboard-open #view-login .login-field-stack,
body.keyboard-open #view-change-password .login-field-stack {
  gap: 5px !important;
}

body.keyboard-open #view-login .login-field-stack .login-field,
body.keyboard-open #view-change-password .login-field-stack .login-field {
  height: 44px !important;
  margin-bottom: 3px !important;
}

body.keyboard-open #view-login .login-password-toggle,
body.keyboard-open #view-change-password .login-password-toggle {
  width: 44px !important;
  height: 44px !important;
}

body.keyboard-open #view-login :is(.login-primary-button, .login-secondary-button),
body.keyboard-open #view-change-password :is(.login-primary-button, .login-secondary-button) {
  min-height: 44px !important;
  margin-top: 9px !important;
}

/* V2026.08.16.07 final cascade lock. */
body.ops-precision-pilot[data-ops-theme="light"] #bottom-nav { background-color: rgba(255, 255, 255, .96) !important; }
body.ops-precision-pilot[data-ops-theme="dark"] #bottom-nav,
html.outdoor-mode body.ops-precision-pilot[data-ops-theme="dark"] #bottom-nav { background-color: rgba(10, 28, 21, .96) !important; background-image: none !important; }
body.ops-precision-pilot[data-ops-theme="dark"] #app-top-chrome,
html.outdoor-mode body.ops-precision-pilot[data-ops-theme="dark"] #app-top-chrome { background: linear-gradient(135deg, rgba(7, 30, 22, .99), rgba(10, 55, 38, .97)) !important; }
body.ops-precision-pilot #home-dashboard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; height: auto !important; max-height: none !important; overflow: visible !important; padding-bottom: calc(var(--footer-nav-reserve, 0px) + env(safe-area-inset-bottom) + 24px) !important; }
body.ops-precision-pilot #home-dashboard-grid .home-module-tile { display: flex !important; aspect-ratio: 1 / 1 !important; }
body.ops-precision-pilot #home-dashboard-grid .home-module-tile[hidden],
body.ops-precision-pilot #home-dashboard-grid .home-module-tile.hidden { display: none !important; }
body.ops-precision-pilot .workflow-control-rail,
body.ops-precision-pilot .docks-filter-row,
body.ops-precision-pilot #view-tasks .task-controls-sticky { display: flex !important; flex-flow: row nowrap !important; overflow-x: auto !important; }
body.ops-precision-pilot.current-view-chat #main-scroll-area { overflow: hidden !important; padding-bottom: 0 !important; }
body.ops-precision-pilot.current-view-chat :is(#view-wrapper, #view-chat, #chat-content) { height: var(--ops-content-available-height, calc(100dvh - var(--footer-nav-reserve, 0px))) !important; max-height: var(--ops-content-available-height, calc(100dvh - var(--footer-nav-reserve, 0px))) !important; min-height: 0 !important; }
body.ops-precision-pilot.current-view-chat :is(.chat-thread-shell, .android-chat-shell) { display: grid !important; grid-template-rows: auto minmax(0, 1fr) auto !important; height: 100% !important; max-height: 100% !important; min-height: 0 !important; }
body.ops-precision-pilot.current-view-chat #chat-message-list { min-height: 0 !important; overflow-y: auto !important; }
body.ops-precision-pilot.current-view-chat .chat-thread-composer { position: sticky !important; bottom: 0 !important; display: flex !important; visibility: visible !important; z-index: 10 !important; background: var(--ui-surface-strong, var(--ui-surface, #fff)) !important; }
body.keyboard-open.current-view-chat #bottom-nav { display: none !important; }
body.ops-precision-pilot.ops-grid-effective #drive-content[data-drive-detailed-records="true"] .ops-record-collection,
body.ops-precision-pilot.ops-grid-effective #drive-content[data-drive-detailed-records="true"].ops-record-collection { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
@media (min-width: 640px) and (max-width: 839px) { body.ops-precision-pilot #home-dashboard-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (min-width: 840px) and (max-width: 1099px) { body.ops-precision-pilot #home-dashboard-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
@media (min-width: 1100px) { body.ops-precision-pilot #home-dashboard-grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } }
@media (max-width: 839px) {
  body.ops-precision-pilot.ops-grid-effective #drive-content[data-drive-detailed-records="true"] .ops-record-collection,
  body.ops-precision-pilot.ops-grid-effective #drive-content[data-drive-detailed-records="true"].ops-record-collection { grid-template-columns: minmax(0, 1fr) !important; }
}

/* V2026.08.16.07 — spreadsheet Grid, one-rail Drive controls, adaptive Home, and visible Chat composer. */
body.ops-precision-pilot #view-drive .drive-controls-sticky {
  overflow: visible !important;
}

body.ops-precision-pilot #drive-toolbar-rail {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 0 6px !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}

body.ops-precision-pilot #drive-toolbar-rail #drive-drill-tabs,
body.ops-precision-pilot #drive-toolbar-rail #drive-season-filters,
body.ops-precision-pilot #drive-toolbar-rail #drive-season-filters .drive-top-controls-row {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-flow: row nowrap !important;
  align-items: stretch !important;
  gap: 6px !important;
  width: auto !important;
  min-width: max-content !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.ops-precision-pilot #drive-toolbar-rail .task-tab,
body.ops-precision-pilot #drive-toolbar-rail .task-top-control-shell,
body.ops-precision-pilot #drive-toolbar-rail .drive-mode-export-button,
body.ops-precision-pilot #drive-toolbar-rail .drive-filter-reset-button {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 112px !important;
  max-width: none !important;
  min-height: 44px !important;
  margin: 0 !important;
  border-radius: 10px !important;
}

body.ops-precision-pilot #drive-toolbar-rail .task-top-control-shell {
  width: 176px !important;
}

body.ops-precision-pilot #drive-toolbar-rail .drive-mode-export-button {
  width: 156px !important;
}

body.ops-precision-pilot #drive-toolbar-rail .drive-filter-reset-button {
  width: 148px !important;
}

body.ops-precision-pilot #drive-toolbar-rail .drive-filter-reset-button.hidden {
  display: none !important;
}

body.ops-precision-pilot #view-drive {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}

body.ops-precision-pilot #drive-content[data-drive-display="grid"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.ops-precision-pilot .drive-grid-sheet {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: auto !important;
  overscroll-behavior: contain;
  border: 1px solid var(--ui-border, #cbd8d1) !important;
  border-radius: 8px !important;
  background: var(--ui-surface-strong, #fff) !important;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--ui-shadow, #13221b) 10%, transparent) !important;
  scrollbar-color: var(--ui-border-strong, #88a99a) transparent;
}

body.ops-precision-pilot .drive-grid-table {
  width: max(100%, 1480px) !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: var(--ui-text, #13221b) !important;
  background: var(--ui-surface-strong, #fff) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

body.ops-precision-pilot .drive-grid-table :is(th, td) {
  height: 48px !important;
  padding: 7px 9px !important;
  border-right: 1px solid var(--ui-border, #cbd8d1) !important;
  border-bottom: 1px solid var(--ui-border, #cbd8d1) !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.ops-precision-pilot .drive-grid-table thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 4 !important;
  height: 42px !important;
  color: var(--ui-text, #13221b) !important;
  background: var(--ui-surface-muted, #eef4f0) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

body.ops-precision-pilot .drive-grid-table :is(th, td):nth-child(1) { width: 42px !important; text-align: center !important; }
body.ops-precision-pilot .drive-grid-table :is(th, td):nth-child(2) { width: 62px !important; text-align: center !important; }
body.ops-precision-pilot .drive-grid-table :is(th, td):nth-child(3) { width: 250px !important; }
body.ops-precision-pilot .drive-grid-table :is(th, td):nth-child(4) { width: 100px !important; }
body.ops-precision-pilot .drive-grid-table :is(th, td):nth-child(5) { width: 126px !important; }
body.ops-precision-pilot .drive-grid-table :is(th, td):nth-child(6) { width: 120px !important; }
body.ops-precision-pilot .drive-grid-table :is(th, td):nth-child(7) { width: 88px !important; }
body.ops-precision-pilot .drive-grid-table :is(th, td):nth-child(8) { width: 82px !important; }
body.ops-precision-pilot .drive-grid-table :is(th, td):nth-child(n+9):nth-child(-n+12) { width: 92px !important; text-align: right !important; }
body.ops-precision-pilot .drive-grid-table :is(th, td):nth-child(13) { width: 132px !important; }
body.ops-precision-pilot .drive-grid-table :is(th, td):nth-child(14) { width: 118px !important; text-align: center !important; }

body.ops-precision-pilot .drive-grid-summary-table {
  width: 100% !important;
  min-width: 520px !important;
  table-layout: fixed !important;
}

body.ops-precision-pilot .drive-grid-summary-table :is(th, td):nth-child(1) {
  width: auto !important;
  text-align: left !important;
}

body.ops-precision-pilot .drive-grid-summary-table :is(th, td):nth-child(n+2) {
  width: 120px !important;
  text-align: right !important;
}

body.ops-precision-pilot .drive-grid-summary-row > th {
  color: var(--ui-primary, #07874f) !important;
  font-weight: 850 !important;
}

body.ops-precision-pilot .drive-grid-table tbody tr:nth-child(even) :is(th, td) {
  background: color-mix(in srgb, var(--ui-surface-muted, #eef4f0) 62%, var(--ui-surface-strong, #fff)) !important;
}

body.ops-precision-pilot .drive-grid-table tbody tr:hover :is(th, td),
body.ops-precision-pilot .drive-grid-table tbody tr:focus-visible :is(th, td) {
  background: var(--ui-primary-soft, #e6f4ed) !important;
}

body.ops-precision-pilot .drive-grid-common {
  color: var(--ui-primary, #07874f) !important;
  font-weight: 850 !important;
  text-align: left !important;
}

body.ops-precision-pilot .drive-grid-code,
body.ops-precision-pilot .drive-grid-number {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  font-variant-numeric: tabular-nums;
  font-weight: 800 !important;
}

body.ops-precision-pilot .drive-grid-thumb,
body.ops-precision-pilot .drive-grid-no-photo {
  display: inline-flex !important;
  width: 36px !important;
  height: 36px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--ui-border, #cbd8d1) !important;
  border-radius: 5px !important;
  object-fit: cover !important;
}

body.ops-precision-pilot .drive-grid-no-photo {
  color: var(--ui-text-muted, #617068) !important;
  background: var(--ui-surface-muted, #eef4f0) !important;
  font-size: 7px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

body.ops-precision-pilot .drive-grid-select .card-checkbox {
  width: 18px !important;
  height: 18px !important;
  accent-color: var(--ui-primary, #07874f);
}

body.ops-precision-pilot .drive-grid-action .app-card-bottom-btn {
  width: 96px !important;
  min-height: 34px !important;
  margin: 0 auto !important;
  border-radius: 7px !important;
  padding: 5px 8px !important;
  flex-direction: row !important;
  font-size: 9px !important;
  letter-spacing: .08em !important;
  box-shadow: none !important;
}

body.ops-precision-pilot.current-view-home.home-dashboard-mode #main-scroll-area {
  overflow-y: auto !important;
  overscroll-behavior-y: contain !important;
  padding-bottom: calc(var(--footer-nav-reserve, 0px) + env(safe-area-inset-bottom) + 20px) !important;
}

body.ops-precision-pilot.current-view-home.home-dashboard-mode :is(#view-wrapper, #view-home, #home-dashboard-content) {
  min-height: 0 !important;
  overflow: visible !important;
}

body.ops-precision-pilot #view-home #home-dashboard-grid {
  grid-template-columns: repeat(var(--home-fit-columns, 2), minmax(0, 1fr)) !important;
  grid-auto-rows: var(--home-fit-tile-height, auto) !important;
  row-gap: var(--home-fit-row-gap, 10px) !important;
  column-gap: var(--home-fit-col-gap, 10px) !important;
  padding-bottom: 20px !important;
}

body.ops-precision-pilot #view-home #home-dashboard-grid .home-module-tile {
  height: var(--home-fit-tile-height, auto) !important;
  min-height: 92px !important;
  max-height: none !important;
  aspect-ratio: auto !important;
}

@media (max-width: 639px) {
  body.ops-precision-pilot #view-home #home-dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    padding-bottom: calc(var(--footer-nav-reserve, 0px) + env(safe-area-inset-bottom) + 20px) !important;
  }

  body.ops-precision-pilot #view-home #home-dashboard-grid .home-module-tile {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
  }
}

body.ops-precision-pilot.current-view-chat #main-scroll-area {
  display: block !important;
  height: var(--ops-content-available-height, calc(100dvh - var(--footer-nav-reserve, 0px))) !important;
  max-height: var(--ops-content-available-height, calc(100dvh - var(--footer-nav-reserve, 0px))) !important;
  overflow: hidden !important;
  padding: 0 !important;
}

body.ops-precision-pilot.current-view-chat #view-wrapper {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.ops-precision-pilot.current-view-chat #view-chat:not(.hidden) {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.ops-precision-pilot.current-view-chat #view-chat.chat-thread-active {
  grid-template-rows: minmax(0, 1fr) !important;
}

body.ops-precision-pilot.current-view-chat #chat-content {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.ops-precision-pilot.current-view-chat :is(.chat-thread-shell, .android-chat-shell) {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.ops-precision-pilot.current-view-chat #chat-message-list {
  height: auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body.ops-precision-pilot.current-view-chat .chat-thread-composer {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-height: 64px !important;
  flex: 0 0 auto !important;
  visibility: visible !important;
  overflow: visible !important;
  z-index: 12 !important;
}

/* V2026.08.16.07 — high-contrast semantic quick navigation. */
body.ops-precision-pilot {
  --ops-quick-nav-bg: #ffffff;
  --ops-quick-nav-border: #b8cac0;
  --ops-quick-nav-text: #405249;
  --ops-quick-nav-active-bg: #e3f5ec;
  --ops-quick-nav-active-border: #07874f;
  --ops-quick-nav-active-text: #065f3b;
  --ops-quick-nav-shadow: rgba(19, 34, 27, .16);
  --ops-quick-nav-badge: #d92d3a;
  --ops-quick-nav-badge-ring: #ffffff;
}

body.ops-precision-pilot[data-ops-theme="dark"] {
  --ops-quick-nav-bg: #0b1c16;
  --ops-quick-nav-border: rgba(99, 230, 173, .46);
  --ops-quick-nav-text: #bfd3c9;
  --ops-quick-nav-active-bg: #123d2d;
  --ops-quick-nav-active-border: #2dcc8c;
  --ops-quick-nav-active-text: #7aebbc;
  --ops-quick-nav-shadow: rgba(0, 0, 0, .44);
  --ops-quick-nav-badge: #ff525d;
  --ops-quick-nav-badge-ring: #0b1c16;
}

body.ops-precision-pilot[data-ops-theme="light"] #bottom-nav,
body.ops-precision-pilot[data-ops-theme="dark"] #bottom-nav,
html.outdoor-mode body.ops-precision-pilot[data-ops-theme="light"] #bottom-nav,
html.outdoor-mode body.ops-precision-pilot[data-ops-theme="dark"] #bottom-nav {
  border: 1px solid var(--ops-quick-nav-border) !important;
  border-bottom: 0 !important;
  color: var(--ops-quick-nav-text) !important;
  background: var(--ops-quick-nav-bg) !important;
  background-image: none !important;
  box-shadow: 0 -10px 34px var(--ops-quick-nav-shadow) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.ops-precision-pilot #bottom-nav .footer-nav-btn {
  border: 1px solid transparent !important;
  color: var(--ops-quick-nav-text) !important;
  background: transparent !important;
  opacity: 1 !important;
}

body.ops-precision-pilot #bottom-nav .footer-nav-btn > :is(i, svg, .premium-line-icon),
body.ops-precision-pilot #bottom-nav .footer-nav-btn > span:not(.footer-nav-badge) {
  color: currentColor !important;
  opacity: 1 !important;
}

body.ops-precision-pilot #bottom-nav .footer-nav-btn > span:not(.footer-nav-badge) {
  font-weight: 850 !important;
  letter-spacing: .025em !important;
}

body.ops-precision-pilot #bottom-nav .footer-nav-btn:is(.active, .menu-open, [aria-current="page"]) {
  border-color: var(--ops-quick-nav-active-border) !important;
  color: var(--ops-quick-nav-active-text) !important;
  background: var(--ops-quick-nav-active-bg) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ops-quick-nav-active-border) 22%, transparent) !important;
}

body.ops-precision-pilot #bottom-nav .footer-nav-btn:is(:hover, :focus-visible):not(.active):not(.menu-open):not([aria-current="page"]) {
  border-color: color-mix(in srgb, var(--ops-quick-nav-border) 78%, transparent) !important;
  background: color-mix(in srgb, var(--ops-quick-nav-active-bg) 54%, transparent) !important;
}

body.ops-precision-pilot #bottom-nav .footer-nav-btn:focus-visible {
  outline-color: var(--ops-quick-nav-active-border) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ops-quick-nav-active-border) 28%, transparent) !important;
}

body.ops-precision-pilot #bottom-nav .footer-nav-badge {
  border-color: var(--ops-quick-nav-badge-ring) !important;
  color: #ffffff !important;
  background: var(--ops-quick-nav-badge) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .24) !important;
}

@media (max-width: 639px) {
  body.ops-precision-pilot #bottom-nav .footer-nav-btn {
    min-height: 58px !important;
  }

  body.ops-precision-pilot #bottom-nav .footer-nav-btn > :is(i, svg, .premium-line-icon) {
    width: 22px !important;
    height: 22px !important;
  }

  body.ops-precision-pilot #bottom-nav .footer-nav-btn > span:not(.footer-nav-badge) {
    font-size: 9px !important;
  }
}

@media (prefers-contrast: more) {
  body.ops-precision-pilot[data-ops-theme="light"] #bottom-nav,
  body.ops-precision-pilot[data-ops-theme="dark"] #bottom-nav {
    border-width: 2px !important;
  }

  body.ops-precision-pilot #bottom-nav .footer-nav-btn:is(.active, .menu-open, [aria-current="page"]) {
    border-width: 2px !important;
  }
}

/* V2026.08.16.07 — phone Cards lock, spreadsheet column filters, fitted Home, and resilient navigation contrast. */
body.ops-precision-pilot .ops-display-option.ops-display-unavailable,
body.ops-precision-pilot button[data-ops-display-mode="grid"]:disabled {
  cursor: not-allowed !important;
  opacity: .55 !important;
  filter: saturate(.55) !important;
}

body.ops-precision-pilot .drive-grid-sheet-toolbar {
  position: sticky !important;
  left: 0 !important;
  z-index: 8 !important;
  display: flex !important;
  width: 100% !important;
  min-width: min(100%, 560px) !important;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 7px 10px !important;
  border-bottom: 1px solid var(--ui-border, #cbd8d1) !important;
  color: var(--ui-text-muted, #617068) !important;
  background: var(--ui-surface-strong, #fff) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
}

body.ops-precision-pilot .drive-grid-clear-filters {
  display: inline-flex !important;
  min-height: 32px !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 9px !important;
  border: 1px solid var(--ui-border-strong, #88a99a) !important;
  border-radius: 7px !important;
  color: var(--ui-primary, #07874f) !important;
  background: var(--ui-surface-muted, #eef4f0) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

body.ops-precision-pilot .drive-grid-table .drive-grid-header-row > th {
  top: 0 !important;
  z-index: 7 !important;
  height: 42px !important;
}

body.ops-precision-pilot .drive-grid-table .drive-grid-filter-row > th {
  position: sticky !important;
  top: 42px !important;
  z-index: 6 !important;
  height: 44px !important;
  padding: 5px !important;
  background: var(--ui-surface-strong, #fff) !important;
  text-transform: none !important;
  overflow: visible !important;
}

body.ops-precision-pilot .drive-grid-filter-control {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 5px 8px !important;
  border: 1px solid var(--ui-border-strong, #88a99a) !important;
  border-radius: 5px !important;
  color: var(--ui-text, #13221b) !important;
  background: var(--ui-surface-muted, #eef4f0) !important;
  box-shadow: none !important;
  font: 700 10px/1.2 Inter, ui-sans-serif, system-ui, sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.ops-precision-pilot .drive-grid-filter-control::placeholder {
  color: var(--ui-text-muted, #617068) !important;
  opacity: .9 !important;
}

body.ops-precision-pilot .drive-grid-filter-control:focus-visible,
body.ops-precision-pilot .drive-grid-clear-filters:focus-visible {
  outline: 2px solid var(--ui-focus, #19b979) !important;
  outline-offset: 1px !important;
}

body.ops-precision-pilot .drive-grid-table tbody > tr[hidden] {
  display: none !important;
}

@media (max-width: 639px) {
  body.ops-precision-pilot #view-home #home-dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: var(--home-fit-tile-height, 52px) !important;
    row-gap: var(--home-fit-row-gap, 4px) !important;
    column-gap: var(--home-fit-col-gap, 8px) !important;
    padding-bottom: 8px !important;
  }

  body.ops-precision-pilot #view-home #home-dashboard-grid .home-module-tile {
    height: var(--home-fit-tile-height, 52px) !important;
    min-height: 44px !important;
    aspect-ratio: auto !important;
    gap: var(--home-phone-tile-gap, 3px) !important;
    padding: var(--home-phone-tile-padding-y, 4px) 8px !important;
  }

  body.ops-precision-pilot #view-home #home-dashboard-grid .home-module-tile > :is(i, svg, .premium-line-icon) {
    width: var(--home-phone-icon-size, 20px) !important;
    height: var(--home-phone-icon-size, 20px) !important;
    font-size: var(--home-phone-icon-size, 20px) !important;
  }

  body.ops-precision-pilot #view-home #home-dashboard-grid .home-module-tile > :is(span, .home-module-label) {
    display: -webkit-box !important;
    overflow: hidden !important;
    color: var(--ui-text, #13221b) !important;
    font-size: var(--home-phone-label-size, 10px) !important;
    line-height: 1.08 !important;
    text-align: center !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
}

#bottom-nav[data-resolved-theme="light"] {
  --ops-quick-nav-bg: #ffffff;
  --ops-quick-nav-border: #9eb5a9;
  --ops-quick-nav-text: #33473e;
  --ops-quick-nav-active-bg: #e3f5ec;
  --ops-quick-nav-active-border: #07874f;
  --ops-quick-nav-active-text: #065f3b;
  --ops-quick-nav-badge-ring: #ffffff;
  border-color: #9eb5a9 !important;
  color: #33473e !important;
  background: #ffffff !important;
}

#bottom-nav[data-resolved-theme="dark"] {
  --ops-quick-nav-bg: #0b1c16;
  --ops-quick-nav-border: rgba(99, 230, 173, .52);
  --ops-quick-nav-text: #d4e5dc;
  --ops-quick-nav-active-bg: #123d2d;
  --ops-quick-nav-active-border: #2dcc8c;
  --ops-quick-nav-active-text: #8bf2c3;
  --ops-quick-nav-badge-ring: #0b1c16;
  border-color: rgba(99, 230, 173, .52) !important;
  color: #d4e5dc !important;
  background: #0b1c16 !important;
  background-image: none !important;
}

#bottom-nav[data-resolved-theme="light"] .footer-nav-btn:not(.active) {
  color: #33473e !important;
}

#bottom-nav[data-resolved-theme="dark"] .footer-nav-btn:not(.active) {
  color: #d4e5dc !important;
}

/* V2026.08.16.07 — primary Home launcher hierarchy and no-scroll desktop fit. */
@media (min-width: 1100px) {
  body.ops-precision-pilot.current-view-home.home-dashboard-mode:not(.keyboard-open):not(.detail-field-active):not(.measurement-keyboard-open) #main-scroll-area {
    overflow: hidden !important;
    overscroll-behavior: none !important;
    padding-bottom: 0 !important;
  }

  body.ops-precision-pilot.current-view-home.home-dashboard-mode :is(#view-wrapper, #view-home, #home-dashboard-content) {
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
  }

  body.ops-precision-pilot.current-view-home.home-dashboard-mode #home-dashboard-modules {
    display: flex !important;
    height: 100% !important;
    min-height: 0 !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  body.ops-precision-pilot.current-view-home.home-dashboard-mode #home-dashboard-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-auto-rows: var(--home-fit-tile-height, minmax(44px, 1fr)) !important;
    align-content: start !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
  }

  body.ops-precision-pilot.current-view-home.home-dashboard-mode #home-dashboard-grid .home-module-tile {
    height: var(--home-fit-tile-height, 180px) !important;
    min-height: 44px !important;
    max-height: none !important;
    aspect-ratio: auto !important;
  }
}

/* V2026.08.16.07 — measured Home viewport fit with fixed quick navigation. */
html:has(body.ops-precision-pilot),
body.ops-precision-pilot {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body.ops-precision-pilot :is(#app-wrapper, #app-top-chrome, #main-scroll-area, #view-wrapper) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

body.ops-precision-pilot #bottom-nav {
  box-sizing: border-box !important;
  min-width: 0 !important;
}

@media (max-width: 767px) {
  body.ops-precision-pilot:not(.keyboard-open):not(.detail-field-active):not(.measurement-keyboard-open) #bottom-nav {
    right: 0 !important;
    left: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    transform: none !important;
  }
}

body.ops-precision-pilot.current-view-home.home-dashboard-mode:not(.keyboard-open):not(.detail-field-active):not(.measurement-keyboard-open) #main-scroll-area {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
  padding-bottom: 0 !important;
}

body.ops-precision-pilot.current-view-home.home-dashboard-mode:not(.keyboard-open):not(.detail-field-active):not(.measurement-keyboard-open) :is(#view-wrapper, #view-home, #home-dashboard-content) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

body.ops-precision-pilot.current-view-home.home-dashboard-mode:not(.keyboard-open):not(.detail-field-active):not(.measurement-keyboard-open) #home-dashboard-modules {
  display: flex !important;
  height: 100% !important;
  min-height: 0 !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

body.ops-precision-pilot.current-view-home.home-dashboard-mode:not(.keyboard-open):not(.detail-field-active):not(.measurement-keyboard-open) #view-home #home-dashboard-grid {
  grid-template-columns: repeat(var(--home-fit-columns, 2), minmax(0, 1fr)) !important;
  grid-auto-rows: var(--home-fit-tile-height, 44px) !important;
  gap: var(--home-fit-row-gap, 8px) var(--home-fit-col-gap, 10px) !important;
  align-content: start !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.ops-precision-pilot.current-view-home.home-dashboard-mode:not(.keyboard-open):not(.detail-field-active):not(.measurement-keyboard-open) #view-home #home-dashboard-grid .home-module-tile {
  width: 100% !important;
  height: var(--home-fit-tile-height, 44px) !important;
  min-width: 0 !important;
  min-height: 44px !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
}

@media (min-width: 1100px) {
  body.ops-precision-pilot.current-view-home.home-dashboard-mode:not(.keyboard-open):not(.detail-field-active):not(.measurement-keyboard-open) #view-home #home-dashboard-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

/* Shared command-to-filter rhythm. Search stays in the global command header;
   each operational filter band begins below it with device-appropriate space. */
body.ops-precision-pilot {
  --ops-module-search-filter-gap: 18px;
}

body.ops-precision-pilot .ops-module-filter-band:not(.fixed-filter-rail) {
  margin-top: var(--ops-module-search-filter-gap) !important;
}

/* Task search is mounted in the global command bar. Keep its single filter rail
   immediately below that bar and pinned to the top of the content scroller. */
body.ops-precision-pilot.current-view-tasks #view-tasks .task-controls-sticky.ops-module-filter-band {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  margin: 10px 0 8px !important;
  z-index: 82 !important;
  background: var(--ui-surface, #fff) !important;
  border: 1px solid var(--ui-border, #cbd8d1) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 18px rgba(7, 50, 34, .08) !important;
}

body.ops-precision-pilot.current-view-tasks #view-tasks .task-controls-sticky.ops-module-filter-band::before {
  display: none !important;
}

html[data-ops-theme="dark"] body.ops-precision-pilot.current-view-tasks #view-tasks .task-controls-sticky.ops-module-filter-band,
body.ops-precision-pilot[data-ops-theme="dark"].current-view-tasks #view-tasks .task-controls-sticky.ops-module-filter-band {
  background: var(--ui-surface, #111c18) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .24) !important;
}

body.ops-precision-pilot.keyboard-open,
body.ops-precision-pilot.detail-field-active,
body.ops-precision-pilot.measurement-keyboard-open {
  --ops-module-search-filter-gap: 8px;
}

@media (min-width: 640px) {
  body.ops-precision-pilot {
    --ops-module-search-filter-gap: clamp(22px, 4vh, 32px);
  }
}

@media (min-width: 1100px) {
  body.ops-precision-pilot {
    --ops-module-search-filter-gap: clamp(56px, 7.5vh, 84px);
  }
}

/* V2026.08.16.07 — request detail viewport fit and collapsed-panel performance shell. */
body.ops-precision-pilot:has(#view-detail.detail-request-mode:not(.hidden)):not(.keyboard-open):not(.detail-field-active):not(.measurement-keyboard-open) #main-scroll-area {
  overflow: hidden !important;
  overscroll-behavior: none !important;
  padding-bottom: calc(.4rem + env(safe-area-inset-bottom)) !important;
}

body.ops-precision-pilot #view-detail.detail-request-mode:not(.hidden) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: min(100%, 1500px) !important;
  overflow: hidden !important;
}

body.ops-precision-pilot #view-detail.detail-request-mode #det-request-content:not(.hidden) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-content: start !important;
  gap: 6px 8px !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.ops-precision-pilot #view-detail.detail-request-mode #det-request-content > :is(div, button) {
  min-width: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.ops-precision-pilot #view-detail.detail-request-mode #det-request-content > div {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.ops-precision-pilot #view-detail.detail-request-mode #req-input-container {
  display: contents !important;
}

body.ops-precision-pilot #view-detail.detail-request-mode :is(#req-av-note-wrap, #req-photo-preview, #inventory-edit-request-detail-action, #req-matching-inventory-container, #req-correction-actions) {
  grid-column: 1 / -1 !important;
}

body.ops-precision-pilot #view-detail.detail-request-mode #det-request-content :is(.input-field, select, textarea) {
  min-height: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

body.ops-precision-pilot #view-detail.detail-request-mode #req-comments {
  min-height: 44px !important;
  height: 44px !important;
  resize: none !important;
}

body.ops-precision-pilot #view-detail.detail-request-mode #req-av-note-wrap button {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
}

body.ops-precision-pilot #view-detail.detail-request-mode #det-request-content label {
  display: block !important;
  margin: 0 0 2px !important;
  font-size: 8px !important;
  line-height: 1 !important;
}

body.ops-precision-pilot #view-detail.detail-request-mode :is(#req-save-action-wrap, #req-shear-action) {
  min-height: 42px !important;
  height: 42px !important;
}

body.ops-precision-pilot #view-detail.detail-request-mode #req-btn-save-complete {
  min-height: 42px !important;
  height: 42px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.ops-precision-pilot #view-detail.detail-request-mode #req-photo-preview:not(.hidden) {
  max-height: 76px !important;
  overflow: auto !important;
}

body.ops-precision-pilot #view-detail.detail-request-mode #detail-shared-panels {
  min-height: 0 !important;
}

body.ops-precision-pilot.request-detail-av-options-open #view-detail.detail-request-mode #detail-shared-panels {
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

@media (min-width: 900px) {
  body.ops-precision-pilot #view-detail.detail-request-mode:not(.hidden) {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    gap: 10px !important;
    height: max(420px, calc(var(--visual-height, 100dvh) - var(--app-top-chrome-height, 0px) - var(--footer-nav-reserve, 0px) - 22px)) !important;
    max-height: calc(var(--visual-height, 100dvh) - var(--app-top-chrome-height, 0px) - var(--footer-nav-reserve, 0px) - 22px) !important;
    align-items: stretch !important;
  }

  body.ops-precision-pilot #view-detail.detail-request-mode > .freeze-panel {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  body.ops-precision-pilot #view-detail.detail-request-mode #det-request-content:not(.hidden) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    height: 100% !important;
    overflow: hidden !important;
    padding: 6px !important;
    border: 1px solid var(--ui-border, #cbd8d1) !important;
    border-radius: 12px !important;
    background: var(--ui-surface, #fff) !important;
  }

  body.ops-precision-pilot #view-detail.detail-request-mode #det-tabs-container {
    flex: 0 0 auto !important;
  }

  body.ops-precision-pilot #view-detail.detail-request-mode .freeze-panel > .mb-4 {
    flex: 0 0 auto !important;
  }

  body.ops-precision-pilot #view-detail.detail-request-mode #detail-shared-panels:not(.hidden) {
    flex: 1 1 auto !important;
    align-content: start !important;
  }
}

@media (max-width: 899px) {
  body.ops-precision-pilot #view-detail.detail-request-mode:not(.hidden) {
    height: calc(var(--visual-height, 100dvh) - var(--app-top-chrome-height, 0px) - var(--footer-nav-reserve, 0px) - 20px) !important;
    max-height: calc(var(--visual-height, 100dvh) - var(--app-top-chrome-height, 0px) - var(--footer-nav-reserve, 0px) - 20px) !important;
  }

  body.ops-precision-pilot #view-detail.detail-request-mode > .freeze-panel {
    max-height: calc(100% - 220px) !important;
    overflow: hidden !important;
  }

  body.ops-precision-pilot #view-detail.detail-request-mode #det-request-content:not(.hidden) {
    height: 214px !important;
    padding-top: 4px !important;
  }
}

@media (max-height: 680px) {
  body.ops-precision-pilot #view-detail.detail-request-mode > .freeze-panel {
    max-height: calc(100% - 194px) !important;
  }

  body.ops-precision-pilot #view-detail.detail-request-mode #det-request-content:not(.hidden) {
    height: 188px !important;
  }

  body.ops-precision-pilot #view-detail.detail-request-mode #det-request-content:not(.hidden) {
    gap: 3px 6px !important;
  }

  body.ops-precision-pilot #view-detail.detail-request-mode #det-request-content :is(.input-field, select, textarea),
  body.ops-precision-pilot #view-detail.detail-request-mode #req-av-note-wrap button {
    min-height: 36px !important;
    height: 36px !important;
  }

  body.ops-precision-pilot #view-detail.detail-request-mode :is(#req-save-action-wrap, #req-shear-action, #req-btn-save-complete) {
    min-height: 38px !important;
    height: 38px !important;
  }
}

/* V2026.08.16.14 — shared View / Columns / Excel control contract. */
body.ops-precision-pilot :is(.ops-view-option-control, .ops-view-option-action) {
  box-sizing: border-box !important;
  min-width: 112px !important;
  min-height: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  border: 1px solid var(--ops-border) !important;
  border-radius: 10px !important;
  color: var(--ops-text-muted) !important;
  background: var(--ops-surface) !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  transition: color var(--ops-transition), border-color var(--ops-transition), background-color var(--ops-transition), transform var(--ops-transition) !important;
}

body.ops-precision-pilot .ops-view-option-control {
  display: flex;
  flex: 0 0 auto !important;
  width: auto !important;
  padding: 0 !important;
  align-items: stretch !important;
}

body.ops-precision-pilot .ops-view-option-control > button {
  display: inline-flex !important;
  width: 100% !important;
  min-width: 112px !important;
  min-height: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: inherit !important;
  background: transparent !important;
  box-shadow: none !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}

body.ops-precision-pilot .ops-view-option-control .task-top-control-title {
  display: none !important;
}

body.ops-precision-pilot .ops-view-option-control .task-top-control-summary {
  margin: 0 !important;
  color: inherit !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body.ops-precision-pilot .ops-view-option-action {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  padding: 0 14px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

body.ops-precision-pilot :is(.ops-view-option-control, .ops-view-option-action):hover {
  border-color: var(--ops-border-strong) !important;
  color: var(--ops-brand-strong) !important;
  background: var(--ops-surface-strong) !important;
}

body.ops-precision-pilot :is(.ops-view-option-control > button, .ops-view-option-action):focus-visible {
  outline: 2px solid var(--ops-focus) !important;
  outline-offset: 2px !important;
}

body.ops-precision-pilot .ops-view-option-action:active {
  transform: scale(.98) !important;
}

body.ops-precision-pilot #drive-toolbar-rail :is(.ops-view-option-control, .ops-view-option-action) {
  width: auto !important;
  min-width: 112px !important;
}

@media (prefers-reduced-motion: reduce) {
  body.ops-precision-pilot :is(.ops-view-option-control, .ops-view-option-action) {
    transition: none !important;
  }
}

/* V2026.08.16.14 — sunlight display, remembered first paint, and compact Queue command rail. */
body.ops-precision-pilot.current-view-request #global-header-search-slot {
  min-width: 0 !important;
  overflow: hidden !important;
}

body.ops-precision-pilot.current-view-request #global-header-search-slot .request-filter-toolbar {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: 44px !important;
  align-items: stretch !important;
  gap: 8px !important;
  padding: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  scrollbar-width: none;
  scroll-snap-type: inline proximity;
}

body.ops-precision-pilot.current-view-request #global-header-search-slot .request-filter-toolbar::-webkit-scrollbar,
body.ops-precision-pilot .request-category-options::-webkit-scrollbar {
  display: none;
}

body.ops-precision-pilot .request-category-options {
  display: flex !important;
  flex: 0 0 auto !important;
  min-width: max-content !important;
  height: 44px !important;
  align-items: stretch !important;
  gap: 6px !important;
  overflow: visible !important;
}

body.ops-precision-pilot .request-category-chip {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  min-width: auto !important;
  min-height: 44px !important;
  height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 0 12px !important;
  border: 1px solid var(--ops-border-strong) !important;
  border-radius: 10px !important;
  color: var(--ops-text-muted) !important;
  background: var(--ops-surface) !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  scroll-snap-align: start;
}

body.ops-precision-pilot .request-category-chip.is-active {
  border-color: var(--ops-brand) !important;
  color: var(--ops-brand-strong) !important;
  background: var(--ops-brand-soft) !important;
  box-shadow: inset 0 0 0 1px var(--ops-brand) !important;
}

body.ops-precision-pilot .request-category-chip__count {
  display: inline-flex !important;
  min-width: 22px !important;
  height: 22px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 6px !important;
  border: 1px solid var(--ops-border) !important;
  border-radius: 999px !important;
  color: var(--ops-text-muted) !important;
  background: var(--ops-surface-strong) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
}

body.ops-precision-pilot .request-category-chip__count.has-count {
  border-color: #ff5c64 !important;
  color: #fff !important;
  background: #e93f49 !important;
}

body.ops-precision-pilot.current-view-request #global-header-search-slot .request-filter-toolbar > .workflow-control {
  flex: 0 0 clamp(148px, 18vw, 220px) !important;
  min-width: clamp(148px, 18vw, 220px) !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 3px 9px !important;
  border-color: var(--ops-border-strong) !important;
  border-radius: 10px !important;
  color: var(--ops-text) !important;
  background: var(--ops-surface) !important;
}

body.ops-precision-pilot.current-view-request #global-header-search-slot .request-filter-toolbar > .workflow-control > span {
  font-size: 8px !important;
  line-height: 1 !important;
}

body.ops-precision-pilot.current-view-request #global-header-search-slot .request-filter-toolbar > .workflow-control select {
  min-height: 26px !important;
  height: 26px !important;
  padding: 0 24px 0 0 !important;
  border: 0 !important;
  background-color: transparent !important;
  font-size: 11px !important;
}

body.ops-precision-pilot.current-view-request #global-header-search-slot .workflow-control-count {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  min-width: 84px !important;
  min-height: 44px !important;
  height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 10px !important;
  border: 1px solid var(--ops-border-strong) !important;
  border-radius: 10px !important;
  color: var(--ops-text-muted) !important;
  background: var(--ops-surface) !important;
  white-space: nowrap !important;
}

body.ops-precision-pilot.current-view-request #view-request > .freeze-panel.ops-module-filter-band {
  min-height: 0 !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ops-precision-pilot.current-view-request #view-request > .freeze-panel :is(.task-tabs, #request-dylan-filter-panel) {
  display: none !important;
}

body.ops-precision-pilot.current-view-request #request-crumb {
  margin: 0 !important;
}

body.ops-precision-pilot #view-request :is(.request-swipe-row, .request-swipe-surface) {
  border-color: var(--ops-border) !important;
  background: var(--ops-surface) !important;
  background-image: none !important;
}

body.ops-precision-pilot[data-ops-theme="dark"] #view-request :is(.request-swipe-row, .request-swipe-surface, .request-swipe-row > div:first-child) {
  color: var(--ops-text) !important;
  background: #0d1a15 !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.ops-precision-pilot[data-ops-theme="dark"] #view-request .request-swipe-row {
  border: 1px solid var(--ops-border) !important;
}

html.outdoor-mode body.ops-precision-pilot {
  --field-canvas: #eff9f3;
  --field-surface: #ffffff;
  --field-surface-strong: #e0f5e8;
  --field-text: #06150e;
  --field-muted: #29473a;
  --field-border: #057a4c;
  --field-accent: #006f45;
  --ops-canvas: var(--field-canvas);
  --ops-surface: var(--field-surface);
  --ops-surface-muted: #f4fbf7;
  --ops-surface-strong: var(--field-surface-strong);
  --ops-text: var(--field-text);
  --ops-text-muted: var(--field-muted);
  --ops-border: rgba(5, 122, 76, .66);
  --ops-border-strong: var(--field-border);
  --ops-brand: var(--field-accent);
  --ops-brand-strong: #004f31;
  --ops-brand-soft: #d9f5e5;
  --ops-focus: #005fcc;
  color-scheme: light;
}

html.outdoor-mode body.ops-precision-pilot[data-ops-theme="dark"] {
  --field-canvas: #020b07;
  --field-surface: #0a1711;
  --field-surface-strong: #123225;
  --field-text: #ffffff;
  --field-muted: #c2d9cf;
  --field-border: #5df0ad;
  --field-accent: #36e79b;
  --ops-canvas: var(--field-canvas);
  --ops-surface: var(--field-surface);
  --ops-surface-muted: #0d2018;
  --ops-surface-strong: var(--field-surface-strong);
  --ops-text: var(--field-text);
  --ops-text-muted: var(--field-muted);
  --ops-border: rgba(93, 240, 173, .7);
  --ops-border-strong: var(--field-border);
  --ops-brand: var(--field-accent);
  --ops-brand-strong: #8fffc9;
  --ops-brand-soft: #123d2d;
  --ops-focus: #9ac5ff;
  color-scheme: dark;
}

html.outdoor-mode body.ops-precision-pilot {
  color: var(--field-text) !important;
  background: var(--field-canvas) !important;
}

html.outdoor-mode body.ops-precision-pilot[data-ops-theme="light"] #app-top-chrome .nav-header {
  border-bottom: 2px solid #9af0bd !important;
  background: #006b45 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html.outdoor-mode body.ops-precision-pilot[data-ops-theme="dark"] #app-top-chrome .nav-header {
  border-bottom: 2px solid var(--field-border) !important;
  background: #032118 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html.outdoor-mode body.ops-precision-pilot :is(#app-wrapper, #main-scroll-area, #view-wrapper) {
  color: var(--field-text) !important;
  background: var(--field-canvas) !important;
  background-image: none !important;
}

html.outdoor-mode body.ops-precision-pilot :is(
  .app-smart-card,
  .app-card-shell,
  .inv-card,
  .item-row,
  .drill-item,
  .freeze-panel,
  .task-top-control-shell,
  .drive-filter-shell,
  .av-filter-shell,
  .crop-roll-filter-shell,
  .manager-crop-roll-review-filter-shell,
  .request-swipe-row,
  .request-swipe-surface
) {
  border-color: var(--field-border) !important;
  color: var(--field-text) !important;
  background: var(--field-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html.outdoor-mode body.ops-precision-pilot :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea, button) {
  border-color: var(--field-border) !important;
}

html.outdoor-mode body.ops-precision-pilot :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  color: var(--field-text) !important;
  background: var(--field-surface) !important;
  box-shadow: none !important;
}

html.outdoor-mode body.ops-precision-pilot :is(.overview-label, .task-top-control-title, .text-slate-400, .text-slate-500, .text-gray-400, .text-gray-500) {
  color: var(--field-muted) !important;
}

html.outdoor-mode body.ops-precision-pilot :is(.overview-val, .task-top-control-summary, .text-slate-700, .text-slate-800, .text-gray-700, .text-gray-800) {
  color: var(--field-text) !important;
}

html.outdoor-mode body.ops-precision-pilot[data-ops-theme="dark"] :is(.bg-white, .bg-slate-50, .bg-gray-50, .bg-emerald-50, .bg-green-50) {
  color: var(--field-text) !important;
  background: var(--field-surface) !important;
}

html.outdoor-mode body.ops-precision-pilot :is(.footer-nav-btn, .request-category-chip, .workflow-control) {
  font-weight: 900 !important;
}

html.outdoor-mode body.ops-precision-pilot #bottom-nav {
  border-color: var(--field-border) !important;
  color: var(--field-muted) !important;
  background: var(--field-surface) !important;
  box-shadow: none !important;
}

html.outdoor-mode body.ops-precision-pilot #bottom-nav .footer-nav-btn:is(.active, .menu-open, [aria-current="page"]) {
  border-color: var(--field-border) !important;
  color: var(--field-text) !important;
  background: var(--field-surface-strong) !important;
}

@media (max-width: 640px) {
  body.ops-precision-pilot.current-view-request #global-header-search-row {
    padding-inline: max(10px, env(safe-area-inset-left)) max(10px, env(safe-area-inset-right)) !important;
  }

  body.ops-precision-pilot.current-view-request #global-header-search-slot .request-filter-toolbar {
    gap: 6px !important;
  }

  body.ops-precision-pilot .request-category-chip {
    padding-inline: 10px !important;
  }

  body.ops-precision-pilot.current-view-request #view-request {
    padding-inline: 0 !important;
  }
}

/* V2026.08.17.04 — no-flash theme surfaces and Queue card photo rail. */
body.ops-precision-pilot {
  --ops-request-card-surface: #ffffff;
  --ops-photo-rail: #ffffff;
  --ops-photo-placeholder: #eef4f1;
  --ops-photo-border: #cbd8d1;
  --ops-photo-text: #617068;
}

body.ops-precision-pilot[data-ops-theme="dark"] {
  --ops-request-card-surface: #111c18;
  --ops-photo-rail: #111c18;
  --ops-photo-placeholder: #16231f;
  --ops-photo-border: rgba(99, 230, 173, .34);
  --ops-photo-text: #9db4aa;
}

body.ops-precision-pilot #view-request :is(
  .app-request-card-surface,
  .request-swipe-row.app-request-card-surface,
  .request-swipe-row.app-request-card-surface > .request-swipe-surface
) {
  border-color: var(--ops-border) !important;
  color: var(--ops-text) !important;
  background: var(--ops-request-card-surface) !important;
  background-image: none !important;
}

body.ops-precision-pilot #view-request .request-swipe-action {
  border-color: var(--ops-border) !important;
  color: var(--ops-danger) !important;
  background: var(--ops-surface-strong) !important;
  background-image: none !important;
}

body.ops-precision-pilot #view-request .app-inline-thumb-column {
  color: var(--ops-photo-text) !important;
  background: transparent !important;
}

body.ops-precision-pilot #view-request :is(.app-inline-thumb-box, .app-inline-thumb) {
  border-color: var(--ops-photo-border) !important;
  color: var(--ops-photo-text) !important;
  background: var(--ops-photo-placeholder) !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.ops-precision-pilot #view-request :is(.app-inline-thumb-box, .app-inline-thumb) img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  background: transparent !important;
}

body.ops-precision-pilot #view-request :is(.app-inline-thumb-label, .app-inline-thumb-date) {
  border-color: var(--ops-photo-border) !important;
  color: var(--ops-photo-text) !important;
  background: var(--ops-photo-rail) !important;
  background-image: none !important;
}

body.ops-precision-pilot.current-view-request #request-crumb:not(:empty) {
  width: max-content !important;
  max-width: 100% !important;
  padding: 6px 10px !important;
  border: 1px solid var(--ops-border) !important;
  border-radius: 999px !important;
  color: var(--ops-brand-strong) !important;
  background: var(--ops-surface-strong) !important;
  background-image: none !important;
}

html.outdoor-mode body.ops-precision-pilot #view-request :is(
  .app-request-card-surface,
  .request-swipe-row.app-request-card-surface,
  .request-swipe-row.app-request-card-surface > .request-swipe-surface,
  .app-inline-thumb-box,
  .app-inline-thumb,
  .app-inline-thumb-label,
  .app-inline-thumb-date
) {
  border-color: var(--field-border) !important;
  color: var(--field-text) !important;
  background: var(--field-surface) !important;
  background-image: none !important;
}

/* V2026.08.17.04 — responsive Item Inquiry ledger. */
body.ops-precision-pilot #view-detail #det-item-inquiry-content {
  box-sizing: border-box !important;
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: max(280px, calc(var(--ops-content-available-height, 100vh) - 8px)) !important;
  min-height: 0 !important;
  padding: 8px 0 calc(8px + env(safe-area-inset-bottom)) !important;
  overflow: hidden !important;
}

body.ops-precision-pilot #view-detail.detail-request-mode:has(#det-item-inquiry-content:not(.hidden)) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: min(100%, var(--ops-wide-content, 1880px)) !important;
}

body.ops-precision-pilot #view-detail.detail-request-mode:has(#det-item-inquiry-content:not(.hidden)) > .freeze-panel {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
}

body.ops-precision-pilot #view-detail.detail-request-mode:has(#det-item-inquiry-content:not(.hidden)) > .freeze-panel > :not(#det-tabs-container):not(#det-mobile-tab-select-wrap) {
  display: none !important;
}

body.ops-precision-pilot #view-detail.detail-request-mode:has(#det-item-inquiry-content:not(.hidden)) #det-tabs-container {
  width: 100% !important;
  margin: 0 !important;
}

body.ops-precision-pilot #view-detail.detail-request-mode #det-item-inquiry-content:not(.hidden) {
  grid-column: 1 !important;
  grid-row: 2 !important;
  height: 100% !important;
}

body.ops-precision-pilot #view-detail #det-item-inquiry-content > #item-inquiry-panel {
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--ops-border) !important;
  border-radius: var(--ops-panel-radius, 14px) !important;
  color: var(--ops-text) !important;
  background: var(--ops-surface) !important;
  box-shadow: var(--ops-shadow-rest, var(--ops-elevation-1)) !important;
  overflow: hidden !important;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-workspace {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  min-height: 0;
  padding: 8px;
  color: var(--ops-text);
  background: var(--ops-canvas);
  overflow: hidden;
}

body.ops-precision-pilot #det-mobile-tab-select-wrap,
body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-view {
  display: none;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-summary {
  flex: 0 0 auto;
  min-width: 0;
  border: 1px solid var(--ops-border-strong);
  border-radius: var(--ops-card-radius, 12px);
  background: var(--ops-surface);
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 38px;
  padding: 6px 10px;
  border-bottom: 1px solid var(--ops-border);
  color: var(--ops-text-muted);
  background: var(--ops-surface-strong);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-section-heading > div {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-section-heading strong {
  min-width: 0;
  overflow: hidden;
  color: var(--ops-text);
  font-size: clamp(12px, 1.2vw, 16px);
  letter-spacing: 0;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-section-heading > span:last-child {
  flex: 0 0 auto;
  white-space: nowrap;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-summary-grid {
  display: inline-grid;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  width: max-content;
  min-width: 0;
  background: var(--ops-border);
  gap: 1px;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-season-summary {
  flex: 0 0 auto;
  min-width: 0;
  border: 1px solid var(--ops-border-strong);
  border-radius: var(--ops-card-radius, 12px);
  background: var(--ops-surface);
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-season-grid {
  display: grid;
  grid-template-columns: repeat(6, max-content);
  width: max-content;
  min-width: 0;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-season-header,
body.ops-precision-pilot #item-inquiry-panel .item-inquiry-season-row {
  display: contents;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-season-header > div,
body.ops-precision-pilot #item-inquiry-panel .item-inquiry-season-row > div {
  min-width: max-content;
  padding: 5px 7px;
  border-right: 1px solid var(--ops-border);
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-season-header > div:last-child,
body.ops-precision-pilot #item-inquiry-panel .item-inquiry-season-row > div:last-child {
  border-right: 0;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-season-header {
  color: var(--ops-text-muted);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .06em;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-season-row {
  color: var(--ops-text);
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-season-header > div {
  background: var(--ops-command, var(--ops-surface-strong));
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-season-row > div {
  border-top: 1px solid var(--ops-border);
  background: var(--ops-surface);
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-season-row span {
  display: none;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-season-row strong {
  display: block;
  overflow: hidden;
  color: var(--ops-text);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-season-empty {
  padding: 10px;
  color: var(--ops-text-muted);
  font-size: 10px;
  font-weight: 700;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-summary-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  min-width: max-content;
  min-height: 46px;
  padding: 6px 8px;
  color: var(--ops-text);
  background: var(--ops-surface);
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-summary-label,
body.ops-precision-pilot #item-inquiry-panel .item-inquiry-cell-label,
body.ops-precision-pilot #item-inquiry-panel .item-inquiry-location-label {
  color: var(--ops-text-muted);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .06em;
  line-height: 1.1;
  text-transform: uppercase;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-summary-value {
  min-width: 0;
  overflow: hidden;
  color: var(--ops-text);
  font-size: clamp(10px, .78vw, 12px);
  font-weight: 800;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow-x: hidden !important;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-location-group {
  min-width: 0;
  margin-bottom: 8px;
  border: 1px solid var(--ops-border-strong);
  border-radius: var(--ops-card-radius, 12px);
  background: var(--ops-surface);
  overflow: hidden;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-location-group:last-child {
  margin-bottom: 0;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-location-header {
  position: sticky;
  z-index: 3;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 42px;
  padding: 6px 10px;
  border-bottom: 1px solid var(--ops-border-strong);
  color: var(--ops-text);
  background: var(--ops-surface-strong);
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-location-header > div:first-child {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-location-header strong {
  color: var(--ops-brand-strong);
  font-size: 13px;
  font-weight: 900;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-location-count {
  color: var(--ops-text-muted);
  font-size: 9px;
  font-weight: 800;
  white-space: nowrap;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-location-totals {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-location-totals > span,
body.ops-precision-pilot #item-inquiry-panel .item-inquiry-location-total-row > span {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  min-height: 28px;
  padding: 5px 8px;
  border: 1px solid var(--ops-border);
  border-radius: 999px;
  color: var(--ops-text-muted);
  background: var(--ops-surface);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .04em;
  white-space: nowrap;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-location-totals strong,
body.ops-precision-pilot #item-inquiry-panel .item-inquiry-location-total-row strong {
  color: var(--ops-text);
  font-size: 11px;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-header,
body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-row {
  display: grid;
  grid-template-columns: 78px 92px 68px 68px 86px 86px 82px 118px 150px 130px 130px;
  min-width: 0;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-scroll {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-table {
  min-width: 1090px;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-header {
  position: relative;
  z-index: 2;
  top: auto;
  border-bottom: 1px solid var(--ops-border-strong);
  color: var(--ops-text-muted);
  background: var(--ops-command, var(--ops-surface-strong));
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-header > div {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 32px;
  padding: 5px 6px;
  border-right: 1px solid var(--ops-border);
  overflow: hidden;
  font-size: clamp(7px, .55vw, 9px);
  font-weight: 900;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-header > div:last-child,
body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-cell:last-child {
  border-right: 0;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-row-shell {
  min-width: 0;
  border-bottom: 1px solid var(--ops-border);
  background: var(--ops-surface);
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-row-shell:nth-of-type(even) {
  background: var(--ops-surface-muted);
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-row-shell:last-of-type {
  border-bottom: 0;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-row {
  min-height: 42px;
  cursor: pointer;
  background: transparent;
  transition: background-color 140ms ease, box-shadow 140ms ease;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-row:hover,
body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-row:focus-visible {
  outline: 0;
  background: var(--ops-brand-soft);
  box-shadow: inset 3px 0 0 var(--ops-brand);
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-row--current {
  background: color-mix(in srgb, var(--ops-brand-soft) 72%, var(--ops-surface));
  box-shadow: inset 3px 0 0 var(--ops-brand);
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-row--complete {
  box-shadow: inset 3px 0 0 var(--ops-success);
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-row--pending {
  box-shadow: inset 3px 0 0 var(--ops-warning);
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-row--decision {
  box-shadow: inset 3px 0 0 var(--ops-info);
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-cell {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 42px;
  padding: 5px 6px;
  border-right: 1px solid var(--ops-border);
  color: var(--ops-text);
  overflow: hidden;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-cell-label {
  display: none;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-cell-value {
  min-width: 0;
  overflow: hidden;
  font-size: clamp(8px, .65vw, 11px);
  font-weight: 700;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-cell--numeric {
  justify-content: flex-end;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-cell--emphasis .item-inquiry-cell-value {
  color: var(--ops-text);
  font-weight: 900;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-location-total-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  padding: 6px 8px;
  color: var(--ops-text-muted);
  background: var(--ops-surface-strong);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .04em;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-location-total-row > span:first-child {
  margin-right: auto;
  border: 0;
  color: var(--ops-brand-strong);
  background: transparent;
}

body.ops-precision-pilot #item-inquiry-panel .item-inquiry-empty {
  display: grid;
  min-height: 140px;
  place-items: center;
  padding: 20px;
  border: 1px dashed var(--ops-border-strong);
  border-radius: var(--ops-card-radius, 12px);
  color: var(--ops-text-muted);
  background: var(--ops-surface);
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

/* Item Inquiry carries its own complete item identity. Remove the duplicate
   detail hero and AV panels, and let the tab rail scroll away with the report. */
#view-detail.detail-item-inquiry-mode > .freeze-panel {
  position: relative !important;
  top: auto !important;
  z-index: auto !important;
  margin-bottom: 0 !important;
  padding-bottom: 0.25rem !important;
}

#view-detail.detail-item-inquiry-mode > .freeze-panel > .mb-4,
#view-detail.detail-item-inquiry-mode #global-inputs-container,
#view-detail.detail-item-inquiry-mode #detail-shared-panels {
  display: none !important;
}

#view-detail.detail-item-inquiry-mode #det-item-inquiry-content {
  padding-top: 0.5rem !important;
}

body.ops-precision-pilot #view-detail.detail-request-mode.detail-item-inquiry-mode:not(.hidden) {
  height: max(280px, calc(var(--ops-content-available-height, 100dvh) - 18px)) !important;
  max-height: calc(var(--ops-content-available-height, 100dvh) - 18px) !important;
}

body.ops-precision-pilot:has(#view-detail.detail-item-inquiry-mode:not(.hidden)) #main-scroll-area {
  overflow: hidden !important;
  padding-bottom: calc(4px + env(safe-area-inset-bottom)) !important;
  scroll-padding-bottom: calc(4px + env(safe-area-inset-bottom)) !important;
}

html.outdoor-mode body.ops-precision-pilot #item-inquiry-panel :is(
  .item-inquiry-summary,
  .item-inquiry-summary-cell,
  .item-inquiry-location-group,
  .item-inquiry-ledger-row-shell,
  .item-inquiry-location-totals > span,
  .item-inquiry-location-total-row > span,
  .item-inquiry-empty
) {
  border-color: var(--field-border) !important;
  color: var(--field-text) !important;
  background: var(--field-surface) !important;
}

html.outdoor-mode body.ops-precision-pilot #item-inquiry-panel :is(
  .item-inquiry-section-heading,
  .item-inquiry-location-header,
  .item-inquiry-ledger-header,
  .item-inquiry-location-total-row
) {
  border-color: var(--field-border) !important;
  color: var(--field-text) !important;
  background: var(--field-surface-strong) !important;
}

@media (max-width: 1099px) {
  body.ops-precision-pilot #view-detail #det-item-inquiry-content {
    height: max(260px, calc(var(--ops-content-available-height, 100vh) - 8px)) !important;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-header {
    display: none;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-scroll {
    overflow-x: hidden;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-table {
    min-width: 0;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    padding: 1px;
    background: var(--ops-border);
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-cell,
  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-cell--numeric {
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 3px;
    min-height: 50px;
    padding: 6px 8px;
    border: 0;
    color: var(--ops-text);
    background: var(--ops-surface);
    text-align: left;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-cell-label {
    display: block;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-cell-value {
    width: 100%;
    font-size: 10px;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 640px) {
  body.ops-precision-pilot #view-detail.detail-request-mode:has(#det-item-inquiry-content:not(.hidden)) {
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 4px !important;
    overflow: hidden !important;
  }

  body.ops-precision-pilot #view-detail.detail-request-mode:has(#det-item-inquiry-content:not(.hidden)) #det-tabs-container {
    display: none !important;
  }

  body.ops-precision-pilot #view-detail.detail-request-mode:has(#det-item-inquiry-content:not(.hidden)) #det-mobile-tab-select-wrap:not(.hidden) {
    position: relative;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 50px;
    margin: 0;
    padding: 5px 12px;
    border: 1px solid var(--ops-border-strong);
    border-radius: var(--ops-card-radius, 12px);
    color: var(--ops-text-muted);
    background: var(--ops-surface);
  }

  body.ops-precision-pilot #det-mobile-tab-select-wrap > span {
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  body.ops-precision-pilot #det-mobile-tab-select {
    appearance: none;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 6px 34px 6px 8px;
    border: 0;
    outline: 0;
    color: var(--ops-text);
    background: transparent;
    font: inherit;
    font-size: 16px;
    font-weight: 900;
  }

  body.ops-precision-pilot #det-mobile-tab-select-wrap > i {
    position: absolute;
    right: 14px;
    pointer-events: none;
    color: var(--ops-brand-strong);
    font-size: 18px;
  }

  body.ops-precision-pilot #det-mobile-tab-select:focus-visible {
    border-radius: 8px;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ops-brand) 28%, transparent);
  }

  body.ops-precision-pilot #view-detail #det-item-inquiry-content {
    width: 100% !important;
    max-width: 100% !important;
    height: max(240px, calc(var(--ops-content-available-height, 100vh) - 4px)) !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-desktop-view {
    display: none !important;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-view {
    display: block;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scroll-padding-bottom: calc(18px + env(safe-area-inset-bottom));
    -webkit-overflow-scrolling: touch;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-workspace {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    min-width: 0;
    min-height: 100%;
    padding: 10px 10px calc(18px + env(safe-area-inset-bottom));
    color: var(--ops-text);
    background: var(--ops-canvas);
    overflow: visible;
  }

  body.ops-precision-pilot #item-inquiry-panel :is(
    .item-inquiry-mobile-hero,
    .item-inquiry-mobile-hold,
    .item-inquiry-mobile-item-details,
    .item-inquiry-mobile-season-card,
    .item-inquiry-mobile-location,
    .item-inquiry-mobile-lot
  ) {
    min-width: 0;
    border: 1px solid var(--ops-border-strong);
    border-radius: var(--ops-card-radius, 12px);
    color: var(--ops-text);
    background: var(--ops-surface);
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-hero {
    padding: 14px;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-hero > span,
  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-section-title > span,
  body.ops-precision-pilot #item-inquiry-panel :is(.item-inquiry-mobile-hold, .item-inquiry-mobile-detail-field, .item-inquiry-mobile-lot-field) span,
  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-stats span,
  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-season-stats span,
  body.ops-precision-pilot #item-inquiry-panel :is(.item-inquiry-mobile-location, .item-inquiry-mobile-lot) summary small {
    color: var(--ops-text-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .06em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-hero h2 {
    margin: 4px 0 8px;
    color: var(--ops-text);
    font-size: clamp(23px, 7vw, 31px);
    font-weight: 950;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-hero > div {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px 12px;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-hero > div strong {
    color: var(--ops-brand-strong);
    font-size: 18px;
    font-weight: 950;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-hero > div span {
    min-width: 0;
    color: var(--ops-text-muted);
    font-size: 14px;
    font-weight: 800;
    overflow-wrap: anywhere;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-stats > div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    min-height: 76px;
    padding: 8px 4px;
    border: 1px solid var(--ops-border-strong);
    border-radius: var(--ops-card-radius, 12px);
    background: var(--ops-surface);
    text-align: center;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-stats strong {
    max-width: 100%;
    color: var(--ops-text);
    font-size: clamp(20px, 7vw, 28px);
    font-weight: 950;
    line-height: 1;
    overflow-wrap: anywhere;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-hold {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
    overflow: hidden;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-hold > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    padding: 12px;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-hold > div + div {
    border-left: 1px solid var(--ops-border);
  }

  body.ops-precision-pilot #item-inquiry-panel :is(.item-inquiry-mobile-hold, .item-inquiry-mobile-detail-field, .item-inquiry-mobile-lot-field) strong {
    min-width: 0;
    color: var(--ops-text);
    font-size: 14px;
    font-weight: 850;
    line-height: 1.35;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }

  body.ops-precision-pilot #item-inquiry-panel details > summary {
    list-style: none;
  }

  body.ops-precision-pilot #item-inquiry-panel details > summary::-webkit-details-marker {
    display: none;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-item-details > summary,
  body.ops-precision-pilot #item-inquiry-panel :is(.item-inquiry-mobile-location, .item-inquiry-mobile-lot) > summary {
    min-height: 48px;
    cursor: pointer;
    user-select: none;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-item-details > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    color: var(--ops-text);
    font-size: 14px;
    font-weight: 900;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-item-details[open] > summary {
    border-bottom: 1px solid var(--ops-border);
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-item-details[open] > summary i {
    transform: rotate(180deg);
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-item-details > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    padding: 1px;
    background: var(--ops-border);
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-detail-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    padding: 10px;
    background: var(--ops-surface);
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-section-title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    padding: 4px 2px 1px;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-section-title > strong {
    color: var(--ops-text-muted);
    font-size: 11px;
    font-weight: 850;
  }

  body.ops-precision-pilot #item-inquiry-panel :is(.item-inquiry-mobile-seasons, .item-inquiry-mobile-locations) {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-season-card {
    overflow: hidden;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-season-card > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 42px;
    padding: 8px 11px;
    border-bottom: 1px solid var(--ops-border);
    background: var(--ops-surface-strong);
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-season-card > header span {
    color: var(--ops-text-muted);
    font-size: 12px;
    font-weight: 850;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-season-card > header strong {
    color: var(--ops-brand-strong);
    font-size: 18px;
    font-weight: 950;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-season-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    padding: 1px;
    background: var(--ops-border);
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-season-stats > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    min-height: 56px;
    padding: 9px 10px;
    background: var(--ops-surface);
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-season-stats strong {
    color: var(--ops-text);
    font-size: 15px;
    font-weight: 900;
    overflow-wrap: anywhere;
  }

  body.ops-precision-pilot #item-inquiry-panel :is(.item-inquiry-mobile-location, .item-inquiry-mobile-lot) {
    overflow: hidden;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-location > summary {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 8px 11px;
    background: var(--ops-surface-strong);
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-location > summary > span:nth-child(2),
  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-lot > summary > span:not(.item-inquiry-mobile-chevron) {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-location > summary strong,
  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-lot > summary strong {
    min-width: 0;
    color: var(--ops-text);
    font-size: 14px;
    font-weight: 900;
    overflow-wrap: anywhere;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-count {
    color: var(--ops-text-muted);
    font-size: 11px;
    font-weight: 850;
    white-space: nowrap;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    color: var(--ops-brand-strong);
    transition: transform 140ms ease;
  }

  body.ops-precision-pilot #item-inquiry-panel details[open] > summary > .item-inquiry-mobile-chevron {
    transform: rotate(90deg);
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-location-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px;
    border-top: 1px solid var(--ops-border);
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-lot > summary {
    display: grid;
    grid-template-columns: auto minmax(0, 1.45fr) minmax(0, .8fr) minmax(0, .8fr);
    align-items: center;
    gap: 7px;
    padding: 8px;
    background: var(--ops-surface);
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-lot--current {
    border-color: var(--ops-brand);
    box-shadow: inset 3px 0 0 var(--ops-brand);
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-lot-body {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 1px;
    border-top: 1px solid var(--ops-border);
    background: var(--ops-border);
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-lot-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    padding: 10px;
    background: var(--ops-surface);
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-drive-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: calc(100% - 16px);
    min-height: 46px;
    margin: 8px;
    padding: 8px 12px;
    border: 1px solid var(--ops-brand);
    border-radius: 10px;
    color: var(--ops-brand-strong);
    background: var(--ops-surface);
    font-size: 13px;
    font-weight: 900;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-drive-action:focus-visible,
  body.ops-precision-pilot #item-inquiry-panel details > summary:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--ops-brand) 35%, transparent);
    outline-offset: -3px;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-empty {
    padding: 16px 12px;
    border: 1px dashed var(--ops-border-strong);
    border-radius: 10px;
    color: var(--ops-text-muted);
    background: var(--ops-surface);
    font-size: 13px;
    font-weight: 750;
    text-align: center;
  }

  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-mobile-empty--compact {
    border: 0;
    border-radius: 0;
  }

  html.outdoor-mode body.ops-precision-pilot #det-mobile-tab-select-wrap,
  html.outdoor-mode body.ops-precision-pilot #item-inquiry-panel :is(
    .item-inquiry-mobile-hero,
    .item-inquiry-mobile-stats > div,
    .item-inquiry-mobile-hold,
    .item-inquiry-mobile-item-details,
    .item-inquiry-mobile-detail-field,
    .item-inquiry-mobile-season-card,
    .item-inquiry-mobile-season-stats > div,
    .item-inquiry-mobile-location,
    .item-inquiry-mobile-lot,
    .item-inquiry-mobile-lot-field,
    .item-inquiry-mobile-drive-action,
    .item-inquiry-mobile-empty
  ) {
    border-color: var(--field-border) !important;
    color: var(--field-text) !important;
    background: var(--field-surface) !important;
  }

  html.outdoor-mode body.ops-precision-pilot #item-inquiry-panel :is(
    .item-inquiry-mobile-season-card > header,
    .item-inquiry-mobile-location > summary
  ) {
    border-color: var(--field-border) !important;
    color: var(--field-text) !important;
    background: var(--field-surface-strong) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.ops-precision-pilot #item-inquiry-panel .item-inquiry-ledger-row {
    transition: none;
  }
}