:root,
html[data-theme="light"]{
  color-scheme:light;
  --of-navy:#06192F;
  --of-navy-soft:#123451;
  --of-gold:#C08A28;
  --of-gold-strong:#A96F16;
  --of-gold-soft:#F8F0E1;
  --of-green:#2E7D46;
  --of-green-soft:#E8F4EB;
  --of-orange:#A96F16;
  --of-orange-soft:#FCF1DE;
  --of-red:#B83C32;
  --of-red-soft:#FBEAE7;
  --of-blue:#2875BF;
  --of-blue-soft:#EAF2FA;
  --of-gray:#687687;
  --of-gray-soft:#F1F3F5;
  --of-page:#F6F7F9;
  --of-surface:#FFFFFF;
  --of-surface-muted:#F1F3F5;
  --of-surface-elevated:#FFFFFF;
  --of-input:#FBFCFD;
  --of-text:#142235;
  --of-text-muted:#687687;
  --of-border:#DDE3E9;
  --of-table-head:#F2F5F7;
  --of-row-hover:#F8FAFB;
  --of-overlay:rgba(6,25,47,.54);
  --of-radius:11px;
  --of-shadow:0 4px 18px rgba(6,25,47,.06);
  --of-focus:0 0 0 3px rgba(192,138,40,.20);
  --bg:var(--of-page);
  --surface:var(--of-surface);
  --surface-alt:var(--of-surface-muted);
  --ink:var(--of-text);
  --ink-muted:var(--of-text-muted);
  --navy:var(--of-navy);
  --navy-light:var(--of-navy-soft);
  --amber:var(--of-gold);
  --amber-dark:var(--of-gold-strong);
  --border:var(--of-border);
  --shadow:var(--of-shadow);
}

html[data-theme="dark"]{
  color-scheme:dark;
  --of-navy:#D7B05A;
  --of-navy-soft:#D6DFE8;
  --of-gold:#D1A345;
  --of-gold-strong:#E0B85D;
  --of-gold-soft:rgba(209,163,69,.15);
  --of-green:#72C68B;
  --of-green-soft:rgba(72,170,100,.16);
  --of-orange:#E2A94B;
  --of-orange-soft:rgba(226,169,75,.16);
  --of-red:#EF837A;
  --of-red-soft:rgba(220,82,70,.16);
  --of-blue:#72AEE8;
  --of-blue-soft:rgba(76,142,205,.17);
  --of-gray:#A9B5C2;
  --of-gray-soft:#10283F;
  --of-page:#071525;
  --of-surface:#0D2136;
  --of-surface-muted:#102940;
  --of-surface-elevated:#132D47;
  --of-input:#0A1D30;
  --of-text:#EEF2F6;
  --of-text-muted:#A9B5C2;
  --of-border:rgba(210,222,233,.15);
  --of-table-head:#122C45;
  --of-row-hover:#15334F;
  --of-overlay:rgba(1,10,19,.72);
  --of-shadow:0 8px 24px rgba(0,7,14,.23);
  --of-focus:0 0 0 3px rgba(209,163,69,.24);
  --success-bg:var(--of-green-soft);
  --danger-bg:var(--of-red-soft);
  --warn-bg:var(--of-orange-soft);
}

/* Surfaces and KPI cards */
#content{padding:24px 26px 56px;}
.panel,.dashboard-card,.interactive-ops-card,.interactive-operation-section{
  border:1px solid var(--of-border);
  border-radius:var(--of-radius);
  box-shadow:var(--of-shadow);
}
.panel{padding:19px 19px 8px;}
.panel-head{padding-bottom:11px;border-bottom:1px solid #EDF0F3;}
.panel-head h3{color:var(--of-navy);font-size:15px;}
.stat-grid{gap:12px;margin-bottom:18px;}
.stat-card{
  min-height:94px;padding:15px 16px 14px;border:1px solid var(--of-border);border-right:3px solid var(--of-navy-soft);
  border-radius:var(--of-radius);box-shadow:none;background:#fff;
}
.stat-card .num{font-size:26px;line-height:1.1;}
.stat-card .lbl{font-size:11.5px;margin-top:7px;line-height:1.5;}
.dashboard-kpi,.governance-kpi,.fleet-performance-kpi,.interactive-ops-kpi,.fleet-unified-stat{
  box-shadow:var(--of-shadow)!important;border-color:var(--of-border)!important;border-radius:var(--of-radius)!important;
}
.dashboard-kpi:hover,.operations-insight-card:hover{transform:none!important;box-shadow:0 3px 12px rgba(15,33,56,.075)!important;}

/* Tables */
.of-table-wrap{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid var(--of-border);border-radius:9px;margin-bottom:12px;}
.of-table-wrap>table{min-width:100%;margin:0;}
table.of-data-table{border-collapse:separate;border-spacing:0;background:#fff;}
table.of-data-table th{
  background:#F3F6F8;color:#3E4D5D;font-size:11.5px;font-weight:800;padding:10px 11px;
  border-bottom:1px solid #D5DDE4;vertical-align:middle;
}
table.of-data-table td{padding:11px;border-bottom:1px solid #E7EBEF;line-height:1.55;background:#fff;}
table.of-data-table tbody tr:last-child td{border-bottom:0;}
table.of-data-table tbody tr:hover td{background:#F9FBFC;}
table.of-data-table th.of-actions-column,table.of-data-table td.of-actions-cell{text-align:center;white-space:nowrap;min-width:92px;}
table.of-data-table td.of-actions-cell>div{justify-content:center!important;gap:7px!important;flex-wrap:nowrap!important;}
table.of-data-table td.numeric,table.of-data-table th.numeric{font-variant-numeric:tabular-nums;white-space:nowrap;}

/* Unified outline action icons */
.icon-btn,.table-action-icon{
  position:relative;width:34px;height:34px;min-width:34px;padding:0;border:1px solid #D7DEE5;border-radius:8px;
  display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--of-navy-soft);
  box-shadow:none;transition:background-color .14s,border-color .14s,color .14s;
}
.icon-btn svg,.table-action-icon svg{width:18px!important;height:18px!important;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.icon-btn:hover,.table-action-icon:hover{background:#EEF3F7;border-color:#AEBBC7;color:var(--of-navy);transform:none;}
.icon-btn.action-edit{color:#9B6B13;}.icon-btn.action-edit:hover{background:var(--of-gold-soft);border-color:#DCC28D;}
.icon-btn.action-positive{color:var(--of-green);}.icon-btn.action-positive:hover{background:var(--of-green-soft);border-color:#B8D8C1;}
.icon-btn.action-warning{color:var(--of-orange);}.icon-btn.action-warning:hover{background:var(--of-orange-soft);border-color:#E7C996;}
.icon-btn.action-danger{color:var(--of-red);}.icon-btn.action-danger:hover{background:var(--of-red-soft);border-color:#E5B7B1;}
.icon-btn.action-muted{color:#4D5966;}
.icon-btn[data-tooltip]::after{
  content:attr(data-tooltip);position:absolute;z-index:90;bottom:calc(100% + 7px);right:50%;transform:translateX(50%);
  background:#172535;color:#fff;border-radius:6px;padding:5px 8px;font-size:10.5px;font-weight:600;white-space:nowrap;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s;
}
.icon-btn[data-tooltip]:hover::after,.icon-btn[data-tooltip]:focus-visible::after{opacity:1;visibility:visible;}
.icon-btn:focus-visible,.btn:focus-visible{outline:3px solid rgba(201,146,46,.25);outline-offset:2px;}

/* Buttons and filters */
.btn{border-radius:8px;box-shadow:none;transition:background-color .14s,border-color .14s,color .14s;}
.btn:active{transform:none;}
.btn-primary{background:var(--of-navy);}.btn-primary:hover{background:var(--of-navy-soft);}
.btn-amber{background:var(--of-gold);color:#241A08;}.btn-amber:hover{background:#B68023;color:#fff;}
.btn.of-leading-icon{display:inline-flex;align-items:center;justify-content:center;gap:7px;}
.btn.of-leading-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.toolbar{gap:8px;}
.toolbar input,.toolbar select,.field input,.field select,.field textarea{border-color:#D4DCE3!important;border-radius:8px!important;background:#FBFCFD!important;}
.toolbar input:focus,.toolbar select:focus,.field input:focus,.field select:focus,.field textarea:focus{background:#fff!important;border-color:var(--of-navy-soft)!important;box-shadow:0 0 0 3px rgba(27,58,92,.08);}

/* Status system */
.badge,.governance-status{border:1px solid transparent;font-size:10.75px;padding:4px 9px;border-radius:20px;}
.badge.status-positive,.governance-status.status-positive{background:var(--of-green-soft)!important;color:var(--of-green)!important;border-color:#CCE4D2;}
.badge.status-progress,.governance-status.status-progress{background:#EAF1F8!important;color:var(--of-navy-soft)!important;border-color:#CAD8E6;}
.badge.status-warning,.governance-status.status-warning{background:var(--of-orange-soft)!important;color:var(--of-orange)!important;border-color:#EFD7AC;}
.badge.status-danger,.governance-status.status-danger{background:var(--of-red-soft)!important;color:var(--of-red)!important;border-color:#EBC6C1;}
.badge.status-neutral,.governance-status.status-neutral{background:#EEF1F4!important;color:#66717D!important;border-color:#D9DFE5;}

/* Unified modal */
.modal-overlay{background:rgba(6,24,43,.52);backdrop-filter:blur(2px);padding:28px 14px;}
.modal-box{
  position:relative;max-height:calc(100vh - 56px);overflow-y:auto;border:1px solid #D6DDE4;border-radius:13px;
  padding:22px 24px 20px;box-shadow:0 18px 50px rgba(5,22,40,.24);
}
.modal-box>h3:first-of-type{color:var(--of-navy);padding:0 0 13px 42px;margin-bottom:18px;border-bottom:1px solid #E6EAEE;font-size:17px;}
.of-modal-close{
  position:absolute;top:15px;left:16px;width:32px;height:32px;border:1px solid #D9E0E6;border-radius:8px;
  display:grid;place-items:center;background:#fff;color:#66717D;z-index:3;
}
.of-modal-close:hover{background:var(--of-red-soft);border-color:#E8C2BC;color:var(--of-red);}
.of-modal-close svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;}
.modal-actions{position:sticky;bottom:-20px;background:rgba(255,255,255,.96);border-top:1px solid #E8ECEF;padding:13px 0 2px;margin-top:20px;z-index:2;}
.form-grid{gap:15px;}.field label{color:#495867;font-weight:700;}
.user-detail-grid,.fleet-readonly-grid{gap:10px!important;}
.user-detail-item,.fleet-readonly-item{border:1px solid #E3E8EC!important;background:#FAFBFC!important;border-radius:8px!important;padding:11px 12px!important;}

/* Print from the application shell */
@media print{
  #sidebar,#topbar,.toolbar,.modal-overlay,.toast-wrap,.btn,.icon-btn,.table-action-icon{display:none!important;}
  #app-shell,.shell-flex,#main-area{display:block!important;height:auto!important;overflow:visible!important;}
  #content{max-width:none!important;padding:0!important;}
  .panel{box-shadow:none!important;border:0!important;}
  body{background:#fff!important;}
}

@media(max-width:900px){
  #content{padding:19px 17px 48px;}
  .stat-grid,.fleet-performance-kpis,.governance-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .modal-box{padding:20px 18px 18px;}
}
@media(max-width:620px){
  #content{padding:15px 11px 40px;}
  .stat-grid,.fleet-performance-kpis,.governance-kpi-grid{grid-template-columns:1fr!important;}
  .row2{grid-template-columns:1fr!important;}
  .panel{padding:15px 13px 6px;}
  .modal-overlay{padding:10px 7px;}.modal-box{max-height:calc(100vh - 20px);padding:18px 14px;}
  .modal-actions{flex-wrap:wrap;}.modal-actions .btn{flex:1;min-width:120px;}
}

/* Theme-aware application surfaces. Kept inside screen media so printed reports remain white. */
@media screen{
  body,#main-area,#content{background:var(--of-page);color:var(--of-text);}
  body,.panel,.dashboard-card,.dashboard-kpi,.stat-card,.governance-kpi,.governance-sector-card,
  .fleet-performance-kpi,.operations-insight-card,.income-report-kpi,.income-breakdown-card,
  .interactive-ops-kpi,.interactive-ops-card,.interactive-operation-section,.fleet-unified-stat,
  .file-card,.chat-panel,.fleet-readonly-history-card,.fleet-readonly-history-item{
    color:var(--of-text);
  }
  .panel,.dashboard-card,.dashboard-kpi,.stat-card,.governance-kpi,.governance-sector-card,
  .fleet-performance-kpi,.operations-insight-card,.income-report-kpi,.income-breakdown-card,
  .interactive-ops-kpi,.interactive-ops-card,.interactive-operation-section,.fleet-unified-stat,
  .file-card,.chat-panel{
    background:var(--of-surface)!important;border-color:var(--of-border)!important;box-shadow:var(--of-shadow)!important;
  }
  .panel-head{border-color:var(--of-border);}
  .dashboard-mode-switch{background:var(--of-surface-muted)!important;border-color:var(--of-border)!important;}
  .dashboard-mode-btn{color:var(--of-text-muted)!important;}
  .dashboard-mode-btn:hover{background:var(--of-surface-elevated);color:var(--of-text)!important;}
  .dashboard-mode-btn.active{background:var(--of-gold)!important;color:#17130B!important;box-shadow:0 3px 10px rgba(192,138,40,.20)!important;}
  .panel-head h3,.dashboard-card-title,.dashboard-kpi-label,.dashboard-kpi-value,
  .fleet-performance-kpi .num,.income-report-kpi .num,.income-breakdown-card h3,
  .interactive-ops-card-head h3,.interactive-alert-title,.interactive-operation-route,
  .governance-kpi .num,.stat-card .num,.fleet-unified-stat .num{color:var(--of-text)!important;}
  .dashboard-kpi-note,.dashboard-card-sub,.dashboard-alert-sub,.fleet-performance-kpi .lbl,
  .income-report-kpi .lbl,.interactive-ops-kpi-label,.interactive-ops-kpi-note,
  .interactive-progress-label,.interactive-ops-card-head span,.governance-kpi .lbl,
  .stat-card .lbl,.fleet-unified-stat .lbl,.empty-state,.field label{color:var(--of-text-muted)!important;}

  .of-table-wrap,.fleet-performance-table-wrap,.income-report-table-wrap,.interactive-ops-table,
  .interactive-operation-table,.governance-table-wrap{border-color:var(--of-border)!important;background:var(--of-surface)!important;}
  table,table.of-data-table{background:var(--of-surface)!important;color:var(--of-text)!important;}
  table th,table.of-data-table th,.fleet-performance-table th,.income-report-table th,
  .interactive-ops-table th,.interactive-operation-table th{
    background:var(--of-table-head)!important;color:var(--of-text)!important;border-color:var(--of-border)!important;
  }
  table td,table.of-data-table td,.fleet-performance-table td,.income-report-table td,
  .interactive-ops-table td,.interactive-operation-table td{
    background:var(--of-surface)!important;color:var(--of-text);border-color:var(--of-border)!important;
  }
  table tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--of-surface) 94%,var(--of-text) 6%)!important;}
  table tbody tr:hover td,table.of-data-table tbody tr:hover td{background:var(--of-row-hover)!important;}

  input,select,textarea,.toolbar input,.toolbar select,.field input,.field select,.field textarea,
  .fleet-performance-toolbar select,.fleet-performance-search input,.income-report-period select,
  .income-report-search input,.interactive-ops-filter-grid input,.interactive-ops-filter-grid select,
  .chat-input-row input,.chat-toolbar select{
    background:var(--of-input)!important;color:var(--of-text)!important;border-color:var(--of-border)!important;
  }
  input::placeholder,textarea::placeholder{color:var(--of-text-muted)!important;opacity:.82;}
  option{background:var(--of-surface-elevated);color:var(--of-text);}
  input:focus,select:focus,textarea:focus,.toolbar input:focus,.toolbar select:focus,
  .field input:focus,.field select:focus,.field textarea:focus{
    background:var(--of-surface-elevated)!important;border-color:var(--of-gold)!important;box-shadow:var(--of-focus)!important;
  }

  .icon-btn,.table-action-icon,.of-modal-close{
    background:var(--of-surface-elevated);color:var(--of-text);border-color:var(--of-border);
  }
  .icon-btn:hover,.table-action-icon:hover{background:var(--of-surface-muted);border-color:var(--of-gold);color:var(--of-gold);}
  .icon-btn[data-tooltip]::after{background:#041427;color:#F6F7F9;border:1px solid rgba(255,255,255,.12);}
  .btn-ghost{background:transparent;color:var(--of-text-muted);border-color:var(--of-border);}
  .btn-ghost:hover{background:var(--of-surface-muted);color:var(--of-text);border-color:var(--of-gold);}
  .btn-primary{background:#06192F;color:#fff;}.btn-primary:hover{background:#123451;}
  .btn-amber{background:var(--of-gold);color:#19140A;}.btn-amber:hover{background:var(--of-gold-strong);color:#fff;}

  .modal-overlay{background:var(--of-overlay);}
  .modal-box{background:var(--of-surface-elevated)!important;color:var(--of-text);border-color:var(--of-border);}
  .modal-box>h3:first-of-type{color:var(--of-text);border-color:var(--of-border);}
  .modal-actions{background:color-mix(in srgb,var(--of-surface-elevated) 96%,transparent);border-color:var(--of-border);}
  .user-detail-item,.fleet-readonly-item,.fleet-readonly-history-card,.fleet-readonly-history-item,
  .client-doc-row,.fleet-driver-empty,.upload-drop,.demo-note,.permission-group{
    background:var(--of-surface-muted)!important;color:var(--of-text)!important;border-color:var(--of-border)!important;
  }
  .permission-group-head{background:var(--of-surface-elevated)!important;color:var(--of-text)!important;border-color:var(--of-border)!important;}
  .permission-group-body,.permission-item{background:transparent!important;color:var(--of-text)!important;border-color:var(--of-border)!important;}
  .dashboard-alert-item,.file-thumb,.chat-messages,.task-note,.task-chip,.chat-archive-hint{
    background:var(--of-surface-muted)!important;color:var(--of-text)!important;border-color:var(--of-border)!important;
  }
  .dashboard-alert-icon{background:var(--of-surface-elevated)!important;}
  .upload-drop:hover,.upload-drop.drag{background:var(--of-gold-soft)!important;border-color:var(--of-gold)!important;}
  .interactive-progress-track{background:var(--of-surface-muted);}
  .dashboard-readiness-ring::after,.interactive-fleet-ring::after{background:var(--of-surface-elevated)!important;}
  .governance-follow-up-toggle,.governance-page-btn,.breakdown-filter-btn,
  .fleet-driver-docs-compact .client-doc-row,.chat-bubble,.fleet-driver-option,
  #fleet-alternative-driver-options,#income-bonus-search-suggestions,
  #income-bonus-search-suggestions [data-search-value]{
    background:var(--of-surface-elevated)!important;color:var(--of-text)!important;border-color:var(--of-border)!important;
  }
  #income-bonus-search-suggestions [data-search-value]:hover,.fleet-driver-option:hover{background:var(--of-row-hover)!important;}
  .interactive-alert{background:var(--of-red-soft);border-color:color-mix(in srgb,var(--of-red) 40%,transparent);}
  .interactive-alert.warn{background:var(--of-orange-soft);border-color:color-mix(in srgb,var(--of-orange) 40%,transparent);}
  .interactive-alert-icon{background:var(--of-surface-elevated);}

  html[data-theme="light"] #topbar{
    min-height:86px;background:rgba(255,255,255,.94);color:var(--of-text);border-bottom:1px solid var(--of-border);box-shadow:0 3px 16px rgba(6,25,47,.07);backdrop-filter:blur(12px);
  }
  html[data-theme="light"] #topbar::before{background:radial-gradient(circle at 14% 50%,rgba(192,138,40,.10),transparent 36%);}
  html[data-theme="light"] #topbar::after{height:1px;background:linear-gradient(90deg,transparent,var(--of-gold));}
  html[data-theme="light"] #topbar h2{color:var(--of-text);text-shadow:none;}
  html[data-theme="light"] #topbar .sub{color:var(--of-text-muted);}
  html[data-theme="light"] #page-title{color:var(--of-gold-strong);}
  html[data-theme="light"] .topbar-actions>.icon-btn{background:var(--of-surface);color:var(--of-text);border-color:var(--of-border);}
  html[data-theme="light"] .topbar-profile{background:var(--of-surface-muted);border-color:var(--of-border);}
  html[data-theme="light"] .topbar-profile .sb-user-name{color:var(--of-text);}
  html[data-theme="light"] .topbar-profile .sb-user-role{color:var(--of-gold-strong);}
  html[data-theme="light"] .topbar-logout{color:var(--of-text-muted);}
  html[data-theme="dark"] #topbar{background:linear-gradient(118deg,#041427 0%,#071A30 62%,#102F4C 100%);border-color:var(--of-gold);}

  .theme-control{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--of-border);border-radius:10px;background:color-mix(in srgb,var(--of-surface-muted) 86%,transparent);}
  .theme-option{height:32px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:var(--of-text-muted);display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;white-space:nowrap;}
  .theme-option svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
  .theme-option:hover{color:var(--of-text);background:var(--of-surface-elevated);}
  .theme-option[aria-pressed="true"]{background:var(--of-gold);color:#17130B;box-shadow:0 2px 8px rgba(192,138,40,.20);}
  html[data-theme="dark"] .theme-control{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.14);}
  html[data-theme="dark"] .theme-option{color:#BCC8D4;}
  html[data-theme="dark"] .theme-option:hover{background:rgba(255,255,255,.07);color:#fff;}
  html[data-theme="dark"] .theme-option[aria-pressed="true"]{color:#17130B;}

  .quick-actions-section{margin-bottom:18px;padding:15px 16px;background:var(--of-surface);border:1px solid var(--of-border);border-radius:var(--of-radius);box-shadow:var(--of-shadow);}
  .quick-actions-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px;}
  .quick-actions-head h3{margin:0;color:var(--of-text);font-size:14px;}
  .quick-actions-head span{color:var(--of-text-muted);font-size:10.5px;}
  .quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(142px,1fr));gap:8px;}
  .quick-action-card{min-height:52px;padding:9px 11px;border:1px solid var(--of-border);border-radius:9px;background:var(--of-surface-elevated);color:var(--of-text);display:flex;align-items:center;gap:9px;text-align:right;font:700 12px/1.45 'Tajawal',sans-serif;transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s;}
  .quick-action-card svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;color:var(--of-navy-soft);}
  .quick-action-card:hover{border-color:color-mix(in srgb,var(--of-gold) 65%,var(--of-border));background:var(--of-gold-soft);color:var(--of-text);box-shadow:0 3px 12px rgba(6,25,47,.07);}
  .quick-action-card:hover svg{color:var(--of-gold-strong);}
  html[data-theme="dark"] .quick-action-card svg{color:var(--of-gold);}
  html[data-theme="dark"] .quick-action-card:hover{background:rgba(209,163,69,.13);}
}

@media screen and (max-width:1100px){
  .theme-option span{display:none;}
  .theme-option{width:31px;padding:0;justify-content:center;}
}

@media screen and (max-width:700px){
  .theme-control{order:-1;}
  .topbar-actions{gap:5px;}
  .quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .quick-actions-section{padding:13px 12px;}
}
