/* =========================================================
   AIFBase V4 — единая система оформления
   ========================================================= */

:root{
  --v4-navy:#102f52;
  --v4-navy-dark:#0c2848;
  --v4-blue:#1976d2;
  --v4-blue-soft:#eaf3ff;
  --v4-bg:#f3f6fa;
  --v4-card:#fff;
  --v4-line:#dfe6ee;
  --v4-text:#17212f;
  --v4-muted:#6b7787;
  --v4-green:#16834b;
  --v4-red:#c62828;
  --v4-orange:#b86600;
  --v4-shadow:0 5px 18px rgba(24,55,88,.06);
  --v4-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

/* Shared Tabler token bridge for every page in the application shell. */
.aifbase-tabler-shell{
  --v4-navy:var(--tblr-body-color);
  --v4-blue:var(--tblr-primary);
  --v4-blue-soft:var(--tblr-primary-bg-subtle);
  --v4-bg:var(--tblr-body-bg);
  --v4-card:var(--tblr-card-bg);
  --v4-line:var(--tblr-border-color);
  --v4-text:var(--tblr-body-color);
  --v4-muted:var(--tblr-secondary-color);
  --v4-green:var(--tblr-success);
  --v4-red:var(--tblr-danger);
  --v4-orange:var(--tblr-warning);
  --v4-shadow:var(--tblr-shadow-card);
}
.aifbase-tabler-shell .text-secondary{color:var(--tblr-secondary-color)!important}
.aifbase-tabler-shell .form-control::placeholder,
.aifbase-tabler-shell .form-select::placeholder{color:var(--tblr-secondary-color);opacity:1}

html{box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}

.page-login,
.aifbase-legacy-content{
  font-family:var(--v4-font);
  font-size:14px;
  font-weight:400;
  line-height:1.4;
}

.page-login{margin:0;background:var(--v4-bg)!important;color:var(--v4-text)!important}
.aifbase-legacy-content{color:var(--v4-text)}
.aifbase-legacy-content a{color:var(--v4-blue);text-decoration:none}
.aifbase-legacy-content a:hover{text-decoration:underline}

/* ---------- Общая рабочая область ---------- */

.aifbase-legacy-content .app,
.aifbase-legacy-content .wrap{
  width:100%;
  max-width:1200px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:20px!important;
}

/* Узкое содержимое внутри общего каркаса страницы */
.layout-narrow{width:100%;margin-left:auto;margin-right:auto}
.layout-narrow-sm{max-width:610px}
.layout-narrow-md{max-width:810px}
.page-pdf-import .pdf-import-content{width:100%;max-width:960px;margin:0 auto}
.page-url-preview .preview-wrap{max-width:980px}
.page-login .wrap{max-width:none!important;padding:0!important}

/* ---------- Временная совместимость прикладного содержимого ---------- */

/* Этап 2: только размещение legacy-содержимого внутри штатного Tabler shell. */
.aifbase-tabler-shell .page,
.aifbase-tabler-shell .page-wrapper,
.aifbase-tabler-shell .page-body,
.aifbase-tabler-shell .aifbase-legacy-content{
  min-width:0;
  max-width:100%;
}

.aifbase-topbar .navbar-toggler{flex:0 0 auto}
.aifbase-topbar .min-width-0{min-width:0}
.aifbase-topbar-actions{flex:0 0 auto}
.aifbase-user-context{max-width:14rem}
.aiftech-sidebar-brand-link{display:block;max-width:100%;line-height:0}
.aifbase-sidebar-brand .aiftech-sidebar-logo{display:block;width:210px;height:auto;max-width:100%;object-fit:contain;object-position:left center}
.aifbase-sidebar-brand .aiftech-sidebar-logo-dark{display:none}
html[data-bs-theme="dark"] .aifbase-sidebar-brand .aiftech-sidebar-logo-light{display:none}
html[data-bs-theme="dark"] .aifbase-sidebar-brand .aiftech-sidebar-logo-dark{display:block}
.aifbase-sidebar .aifbase-nav-icon{opacity:.8}
.aifbase-tabler-shell{font-family:var(--v4-font)}
.aifbase-tabler-shell .page-header{min-width:0}
.aifbase-sidebar .navbar-collapse{overflow-x:hidden;overflow-y:auto}
.aifbase-sidebar .nav-link{min-width:0}
.aifbase-sidebar .nav-link-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aifbase-sidebar .dropdown-menu{
  position:static;
  min-width:0;
  margin:0;
  padding:.25rem 0 .5rem 2.5rem;
  background:transparent;
  border:0;
  box-shadow:none;
}
.aifbase-sidebar .collapse.show>.dropdown-menu,
.aifbase-sidebar .collapsing>.dropdown-menu{display:block}
.aifbase-sidebar .dropdown-item{
  display:flex;
  align-items:center;
  min-width:0;
  gap:.5rem;
  padding:.35rem .75rem;
  color:var(--tblr-navbar-color);
  border-radius:var(--tblr-border-radius);
}
.aifbase-sidebar .dropdown-item:hover,
.aifbase-sidebar .dropdown-item:focus-visible,
.aifbase-sidebar .dropdown-item.active{color:var(--tblr-navbar-active-color);background:var(--tblr-active-bg)}
.aifbase-sidebar .dropdown-item.active{color:var(--tblr-link-color)}
.aifbase-sidebar .aifbase-nav-placeholder{white-space:normal}
.aifbase-sidebar .aifbase-nav-placeholder>span:first-child{min-width:0;overflow-wrap:anywhere}
.aifbase-sidebar .aifbase-nav-placeholder .badge{flex:none;font-size:.625rem}
.sidebar-menu-admin{max-width:1120px;margin-inline:auto;padding:1rem}
.sidebar-menu-admin-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.sidebar-menu-admin-header h1{margin:0;font-size:1.5rem}
.sidebar-menu-admin-header p{margin:.35rem 0 0;color:var(--tblr-secondary-color)}
.sidebar-menu-admin-count{flex:none;padding:.55rem .8rem;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);color:var(--tblr-secondary-color)}
.sidebar-menu-admin-count strong{color:var(--tblr-body-color)}
.sidebar-menu-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.sidebar-menu-group{min-width:0;padding:.75rem 1rem}
.sidebar-menu-entry{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0}
.sidebar-menu-entry>div{display:grid;min-width:0;gap:.1rem}
.sidebar-menu-entry h2{margin:0;font-size:1rem;font-weight:600}
.sidebar-menu-entry small{color:var(--tblr-secondary-color);font-size:.75rem;overflow-wrap:anywhere}
.sidebar-menu-parent{padding-bottom:.6rem;border-bottom:1px solid var(--tblr-border-color)}
.sidebar-menu-children{display:grid;gap:.1rem;padding-top:.25rem}
.sidebar-menu-child{padding:.45rem 0 .35rem .75rem;border-bottom:1px solid color-mix(in srgb,var(--tblr-border-color) 65%,transparent)}
.sidebar-menu-child:last-child{border-bottom:0}
.sidebar-menu-child strong{font-size:.875rem;font-weight:500}
.sidebar-menu-switch{display:flex;align-items:center;gap:.55rem;flex:0 0 auto;min-height:44px;max-width:100%;margin:0;padding:.2rem .1rem;cursor:pointer;user-select:none}
.sidebar-menu-control{position:relative;display:block;flex:0 0 44px;width:44px;height:24px}
.sidebar-menu-toggle{position:absolute;z-index:1;inset:0;width:44px!important;height:24px!important;min-height:24px!important;margin:0!important;padding:0!important;opacity:0;appearance:none!important;cursor:pointer}
.sidebar-menu-track{position:absolute;inset:0;border:1px solid var(--tblr-border-color);border-radius:999px;background:var(--tblr-bg-surface-secondary,var(--tblr-bg-forms));transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
.sidebar-menu-track::after{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgb(0 0 0 / .24);content:"";transition:transform .16s ease}
.sidebar-menu-toggle:checked+.sidebar-menu-track{border-color:var(--tblr-primary);background:var(--tblr-primary)}
.sidebar-menu-toggle:checked+.sidebar-menu-track::after{transform:translateX(20px)}
.sidebar-menu-toggle:focus-visible+.sidebar-menu-track{outline:3px solid color-mix(in srgb,var(--tblr-primary) 42%,transparent);outline-offset:2px}
.sidebar-menu-toggle:disabled{cursor:not-allowed}
.sidebar-menu-toggle:disabled+.sidebar-menu-track{opacity:.72}
.sidebar-menu-switch-state{max-width:140px;color:var(--tblr-secondary-color);font-size:.8rem;line-height:1.2;overflow-wrap:anywhere}
.sidebar-menu-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding-top:.75rem}
.sidebar-menu-unsaved{margin-right:auto;color:var(--tblr-warning-text-emphasis,var(--tblr-warning))}
.sidebar-menu-reset{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--tblr-border-color)}
.sidebar-menu-reset span,.sidebar-menu-admin .small{color:var(--tblr-secondary-color)}
.sidebar-menu-migration-notice{max-width:720px;padding:1.25rem}
.sidebar-menu-migration-notice h2{margin:0 0 .5rem;font-size:1.1rem}
.sidebar-menu-migration-notice p{margin:0;color:var(--tblr-secondary-color)}
.sidebar-menu-error{border-color:var(--tblr-danger);color:var(--tblr-danger-text-emphasis,var(--tblr-danger))}
@media(max-width:767.98px){
  .sidebar-menu-admin{padding:.75rem}
  .sidebar-menu-admin-header{display:grid}
  .sidebar-menu-admin-count{justify-self:start}
  .sidebar-menu-groups{grid-template-columns:minmax(0,1fr)}
  .sidebar-menu-group{padding:.7rem .8rem}
  .sidebar-menu-entry{gap:.5rem}
  .sidebar-menu-switch{gap:.4rem}
  .sidebar-menu-switch-state{max-width:112px}
  .sidebar-menu-actions{align-items:stretch;flex-wrap:wrap}
  .sidebar-menu-actions .btn,.sidebar-menu-reset .btn{width:100%}
  .sidebar-menu-reset{align-items:stretch}
}

@media(prefers-reduced-motion:reduce){
  .sidebar-menu-track,.sidebar-menu-track::after{transition:none}
}

@media(max-width:991.98px){
  .aifbase-sidebar{height:0;min-height:0;padding:0;border:0}
  .aifbase-sidebar-brand{display:none!important}
  .aifbase-sidebar > .container-fluid{min-height:0;padding:0}
  .aifbase-sidebar .navbar-collapse{width:100%}
  .aifbase-topbar{position:relative;z-index:1040}
  .aifbase-sidebar .navbar-collapse.show,
  .aifbase-sidebar .navbar-collapse.collapsing{
    position:fixed;
    z-index:1030;
    inset:var(--tblr-navbar-height,3.5rem) 0 0;
    width:auto;
    max-height:none;
    padding:.5rem .75rem 1rem;
    overflow-y:auto;
    background:var(--tblr-navbar-bg);
    box-shadow:var(--tblr-box-shadow-dropdown);
  }
}

@media(max-width:575.98px){
  .aifbase-topbar .container-fluid{padding-inline:.75rem}
  .aifbase-topbar-actions .nav-link{padding-inline:.375rem!important}
  .aifbase-tabler-shell .page-header .btn{min-height:2.5rem}
}

.aifbase-legacy-content .v4-back{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:12px 0;
  color:var(--v4-navy);
  font-weight:700;
  text-decoration:none;
}

/* ---------- Общие карточки ---------- */

.aifbase-legacy-content .card,
.aifbase-legacy-content .hero,
.aifbase-legacy-content .preview-card{
  background:var(--v4-card);
  border:1px solid var(--v4-line);
  border-radius:14px;
  box-shadow:var(--v4-shadow);
}

.aifbase-legacy-content .card{padding:18px;margin-top:16px}
.aifbase-legacy-content .hero{padding:18px;margin-top:14px}

.aifbase-legacy-content h1,
.aifbase-legacy-content h2,
.aifbase-legacy-content h3{
  color:var(--v4-text);
}

.aifbase-legacy-content h1{margin-top:0}
.aifbase-legacy-content h2{margin-top:0}

/* ---------- Общие формы ---------- */

.aifbase-legacy-content input,
.aifbase-legacy-content select,
.aifbase-legacy-content textarea{
  font:inherit;
  background:#fff;
  color:var(--v4-text);
  border:1px solid #cbd5e1;
  border-radius:9px;
}

.aifbase-legacy-content input:focus,
.aifbase-legacy-content select:focus,
.aifbase-legacy-content textarea:focus{
  outline:none;
  border-color:#7da3c7;
  box-shadow:0 0 0 3px rgba(25,118,210,.10);
}

.aifbase-legacy-content input[type="checkbox"],
.aifbase-legacy-content input[type="radio"]{
  width:auto;
  min-height:auto;
  box-shadow:none;
}

.aifbase-legacy-content button,
.aifbase-legacy-content .btn{
  border:0;
  border-radius:9px;
  padding:10px 13px;
  font:inherit;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  background:var(--v4-blue);
  color:#fff;
}

.aifbase-legacy-content button:hover,
.aifbase-legacy-content .btn:hover{text-decoration:none;filter:brightness(.97)}

.aifbase-legacy-content .btn.light{background:#eef4fa;color:var(--v4-navy)}
.aifbase-legacy-content .btn.gray{background:#64748b;color:#fff}
.aifbase-legacy-content .btn.green{background:var(--v4-green);color:#fff}
.aifbase-legacy-content .btn.red{background:var(--v4-red);color:#fff}
.aifbase-legacy-content .btn:disabled,
.aifbase-legacy-content button:disabled{opacity:.55;cursor:not-allowed}

/* ---------- Общие таблицы ---------- */

.aifbase-legacy-content table{
  width:100%;
  border-collapse:collapse;
}

.aifbase-legacy-content th,
.aifbase-legacy-content td{
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid #e7edf3;
}

.aifbase-legacy-content th{
  background:#eef4fa;
  color:#30465d;
  font-size:12px;
  font-weight:700;
}

.vehicles,
.policies{font-size:14px!important}

.vehicles th,
.policies th{font-size:12px!important}

.policies th:nth-child(6),
.policies td:nth-child(6){
  white-space:nowrap;
  min-width:105px;
}

/* ---------- Общие сообщения ---------- */

.aifbase-legacy-content .flash{
  background:#fff8e8;
  border:1px solid #efd59d;
  padding:11px 13px;
  border-radius:10px;
  margin:12px 0;
}

.aifbase-legacy-content .muted,
.aifbase-legacy-content .small{color:var(--v4-muted)}
.aifbase-legacy-content .small{font-size:12px}

/* ---------- Техника ---------- */

.page-vehicles .card{overflow:hidden}
.page-vehicles summary,
.page-insurance summary{
  cursor:pointer;
  padding:12px;
  border-radius:8px;
  background:#eef4fa;
  color:#1769aa;
  font-size:17px;
  list-style:none;
}

.page-vehicles summary::-webkit-details-marker,
.page-insurance summary::-webkit-details-marker{display:none}

.page-vehicles details[open] summary,
.page-insurance details[open] summary{margin-bottom:15px}

.page-vehicles .vehicle-count{
  color:#667085;
  font-size:14px;
  margin-top:-8px;
  margin-bottom:15px;
}

.page-vehicles table,
.page-insurance table{font-size:14px}

.page-vehicles th,.page-vehicles td,
.page-insurance th,.page-insurance td{
  padding:9px 10px;
}

/* ---------- Карточка компании ---------- */

.page-company .hero h1{margin:0 0 8px}
.page-company .status{
  display:inline-block;
  padding:7px 10px;
  border-radius:999px;
  background:var(--tblr-secondary-lt);
  color:var(--tblr-secondary-text-emphasis);
  font-weight:800;
  margin:4px 0;
}

.page-company .actions,
.page-company .tags{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}

.page-company .grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.page-company .info{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:8px 14px;
}

.page-company .info b{color:var(--tblr-secondary-color)}
.page-company .info div{min-width:0;overflow-wrap:anywhere}
.page-company .company-history>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
  list-style:none;
}
.page-company .company-history>summary::-webkit-details-marker{display:none}
.page-company .company-history>summary h2{margin:0}
.page-company .company-history>summary::after{
  content:"";
  flex:0 0 auto;
  width:.55rem;
  height:.55rem;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
  transition:transform .15s ease;
}
.page-company .company-history[open]>summary{margin-bottom:13px;padding-bottom:13px;border-bottom:1px solid var(--tblr-border-color)}
.page-company .company-history[open]>summary::after{transform:rotate(225deg)}

.page-company .tag{
  display:inline-flex;
  align-items:center;
  gap:5px;
  background:var(--tblr-primary-lt);
  color:var(--tblr-primary-text-emphasis);
  padding:6px 9px;
  border-radius:999px;
  font-weight:700;
}

.page-company .tag form{margin:0}
.page-company .tag button{
  background:transparent;
  color:var(--tblr-primary-text-emphasis);
  padding:0 2px;
  font-size:16px;
}

.page-company .formgrid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:8px;
}

.page-company .task,
.page-company .note{
  border-top:1px solid #e7edf3;
  padding:11px 0;
}

.page-company .task:first-of-type,
.page-company .note:first-of-type{border-top:0}

.page-company .taskdone{opacity:.58}
.page-company .contact a{color:var(--tblr-link-color)}
.page-company .checks{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:9px 0;
}
.page-company .checks label{display:flex;gap:5px;align-items:center}
.page-company .checks input{width:auto}

/* Tabler *-lt utilities fix their foreground with !important. */
.page-company #contact-people .badge.bg-blue-lt{color:var(--tblr-primary-text-emphasis)!important}

/* ---------- Редактирование / импорт ---------- */

.page-company-edit .card,
.page-vehicle-edit .card,
.page-insurance-edit .card,
.page-insurance-import .card,
.page-pdf-import .card{
  padding:18px;
}

.page-company-edit .grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.page-company-edit .field.full{grid-column:1/-1}
.page-company-edit label,
.page-pdf-import .field label{
  display:block;
  font-weight:700;
  font-size:13px;
  margin-bottom:7px;
}

.page-company-edit .grid input,
.page-company-edit .grid textarea{
  width:100%;
  padding:11px 12px;
}

.page-company-edit textarea{min-height:85px;resize:vertical}
.page-company-edit .hint{margin-top:5px;color:#8a98a7;font-size:12px}
.page-company-edit .actions{display:flex;gap:10px;margin-top:24px}
.page-company-edit .actions .btn{display:inline-flex;align-items:center;justify-content:center}

.page-company-edit .save{background:#24384d;color:#fff}
.page-company-edit .cancel{background:#edf1f5;color:#24384d}

/* Узкие формы техники и страховок */
.page-vehicle-edit input,
.page-vehicle-edit select,
.page-vehicle-edit textarea,
.page-insurance-edit input,
.page-insurance-edit select,
.page-insurance-edit textarea{
  width:100%;
  padding:11px 12px;
}

.page-vehicle-edit textarea,
.page-insurance-edit textarea{min-height:90px;resize:vertical}

.page-vehicle-edit p,
.page-insurance-edit p{margin:14px 0}

.page-vehicle-edit .card button,
.page-insurance-edit .card button{width:100%;min-height:44px;font-size:16px}

.page-insurance-edit input[type=checkbox]{width:auto;padding:0}
.page-insurance-edit label{line-height:32px}

/* Excel-импорт */
.page-insurance-import .tablebox{overflow:auto}
.page-insurance-import table{font-size:14px;min-width:1000px}
.page-insurance-import th,
.page-insurance-import td{padding:8px}
.page-insurance-import .ok{color:#16803a;font-weight:bold}
.page-insurance-import .skip{color:#a25b00}
.page-insurance-import .err{color:#b00020;font-weight:bold}

/* PDF-импорт */
.page-pdf-import .field{margin:12px 0}
.page-pdf-import .field input,
.page-pdf-import .field select,
.page-pdf-import .field textarea{
  width:100%;
  padding:11px;
}
.page-pdf-import .grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.page-pdf-import .ok{background:#eaf7ee;border-left:5px solid #239b56}
.page-pdf-import .warn{background:#fff7df;border-left:5px solid #d99a00}
.page-pdf-import .info{background:#eef5ff;border-left:5px solid #1769aa}
.page-pdf-import .btn{display:inline-block;padding:12px 18px}
.page-pdf-import .btn-save{
  background:#16803c;
  width:100%;
  font-size:17px;
  padding:14px;
}
.page-pdf-import .back{
  display:inline-block;
  margin-bottom:8px;
  color:#1769aa;
}
.page-pdf-import .note{
  padding:10px 12px;
  background:#f7f7f7;
  border-radius:8px;
  margin-top:12px;
}

/* Compact insurance PDF review form. */
.page-pdf-import .pdf-import-content{min-width:0}
.page-pdf-import .card{box-sizing:border-box;padding:14px;margin-top:10px;overflow:hidden}
.page-pdf-import .card h1,
.page-pdf-import .card h2{margin:0 0 6px;line-height:1.3}
.page-pdf-import .card p{margin:5px 0}
.page-pdf-import .pdf-import-review-form{display:grid;gap:10px;min-width:0}
.page-pdf-import .pdf-import-review-form>.card{margin-top:0}
.page-pdf-import .pdf-import-section .grid{gap:8px 12px}
.page-pdf-import .pdf-import-review-form .field{min-width:0;margin:0}
.page-pdf-import .field label{margin-bottom:3px}
.page-pdf-import .field input,
.page-pdf-import .field select{
  box-sizing:border-box;
  height:38px;
  min-height:38px;
  padding:0 10px;
}
.page-pdf-import .field textarea{
  box-sizing:border-box;
  min-height:72px;
  padding:8px 10px;
  resize:vertical;
}
.page-pdf-import .insurance-payment-preview{min-width:0}
.page-pdf-import .insurance-payment-preview-list{gap:6px;margin-top:8px}
.page-pdf-import .insurance-payment-preview-row{
  grid-template-columns:72px minmax(140px,220px) minmax(160px,190px);
  justify-content:start;
  gap:8px;
  align-items:end;
  min-width:0;
  padding:0;
}
.page-pdf-import .insurance-payment-preview-row label{gap:3px;min-width:0}
.page-pdf-import .insurance-payment-preview-row input{
  box-sizing:border-box;
  width:100%;
  height:38px;
  min-height:38px;
  padding:0 10px;
}
.page-pdf-import .btn,
.page-pdf-import .btn-save{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:auto;
  min-height:38px;
  height:38px;
  padding:0 14px;
  font-size:14px;
}
.page-pdf-import .pdf-import-confirmation-note{padding:10px 14px}
.page-pdf-import .pdf-import-submit{padding:0;border:0;background:transparent;box-shadow:none}
.page-pdf-import .note{margin-top:8px;padding:8px 10px}
@media(max-width:600px){
  .page-pdf-import .card{padding:12px}
  .page-pdf-import .pdf-import-review-form{gap:8px}
  .page-pdf-import .insurance-payment-preview-row{grid-template-columns:64px minmax(0,1fr)}
  .page-pdf-import .insurance-payment-preview-row label:last-child{grid-column:1/-1}
  .page-pdf-import .pdf-import-submit{padding:0}
  .page-pdf-import .pdf-import-submit .btn-save{width:100%}
}
@media(max-width:380px){
  .page-pdf-import .insurance-payment-preview-row{grid-template-columns:1fr}
  .page-pdf-import .insurance-payment-preview-row label:last-child{grid-column:auto}
}

/* ---------- Задачи ---------- */

.page-tasks{
  font-size:14px;
}

.page-tasks .card{
  margin-bottom:16px;
}

.page-tasks .card h2{
  font-size:18px;
  line-height:1.2;
}

.page-tasks .task-form-card h2{
  font-size:17px!important;
  margin-top:0!important;
  margin-bottom:10px!important;
}

.page-tasks .task-form-card .grid{
  font-size:13px!important;
}

.page-tasks .task-form-card input:not([type="checkbox"]),
.page-tasks .task-form-card select,
.page-tasks .task-form-card textarea{
  font-size:13px!important;
  line-height:20px!important;
  padding:6px 8px!important;
  min-height:34px!important;
  height:34px!important;
}

.page-tasks .task-form-card textarea{
  min-height:34px!important;
  height:34px!important;
}

.page-tasks .task-form-card .wide,
.page-tasks .task-form-card .wide b,
.page-tasks .task-form-card .wide label{
  font-size:13px!important;
}

.page-tasks .task-form-card button{
  font-size:13px!important;
  padding:7px 12px!important;
  min-height:34px!important;
  height:34px!important;
}

.page-tasks .stats{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.page-tasks .stat{
  background:var(--tblr-card-bg);
  border:1px solid var(--tblr-border-color);
  border-radius:var(--tblr-border-radius);
  padding:10px 14px;
}

.page-tasks .stat b{font-size:20px;display:block}
.page-tasks .danger{color:var(--tblr-danger)}

.page-tasks .tablebox{overflow:auto}
.page-tasks table{min-width:1050px}
.page-tasks th{position:sticky;top:0;z-index:2}
.page-tasks th,.page-tasks td{padding:8px 9px}
.page-tasks .small{font-size:12px;color:var(--v4-muted)}
.page-tasks .overdue{background:var(--tblr-danger-bg-subtle)}
.page-tasks .today{background:var(--tblr-warning-bg-subtle)}
.page-tasks .soon{background:var(--tblr-warning-bg-subtle)}
.page-tasks .deadline-overdue{color:var(--tblr-danger-text-emphasis);font-weight:700}
.page-tasks .deadline-today{color:var(--tblr-warning-text-emphasis);font-weight:700}
.page-tasks .deadline-soon{color:var(--tblr-warning-text-emphasis);font-weight:700}
.page-tasks .badge{
  display:inline-block;
  padding:4px 8px;
  border-radius:999px;
  background:var(--tblr-primary-bg-subtle);
  font-size:12px;
  font-weight:700;
}
.page-tasks .actions{display:flex;gap:6px;flex-wrap:wrap}
.page-tasks .actions button{padding:7px 10px}
.page-tasks .editrow{display:none}
.page-tasks .editrow.open{display:table-row}
.page-tasks .flash{
  background:var(--tblr-info-bg-subtle);
  border:1px solid var(--tblr-info-border-subtle);
  padding:10px;
  border-radius:9px;
  margin-bottom:12px;
}

/* ---------- Пользователи ---------- */

.page-users .card{margin-top:16px}
.page-users .grid{
  display:grid;
  grid-template-columns:1.2fr 1.5fr 1.5fr 1fr 1.4fr auto;
  gap:10px;
}

.page-users .grid input,
.page-users .grid select{
  width:100%;
  padding:11px;
}

.page-users .tablebox{overflow:auto}
.page-users table{min-width:980px}
.page-users th,.page-users td{padding:11px}
.page-users .badge{
  display:inline-block;
  padding:4px 8px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
}
.page-users .on{background:#eaf7f0;color:#12663c}
.page-users .off{background:#fdecec;color:#9f2222}
.page-users .role{background:#eaf3ff;color:#0d4f91}
.page-users .actions{display:flex;gap:6px;flex-wrap:wrap}
.page-users .actions form{display:flex;gap:6px;align-items:center}
.page-users .actions input{width:150px;padding:8px}
.page-users .actions select{width:100px;padding:8px}

/* ---------- Предпросмотр URL ---------- */

.page-url-preview .preview-wrap{
  padding:22px 16px 110px;
}

.page-url-preview .preview-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:16px;
}

.page-url-preview .preview-card{
  padding:18px;
  border-radius:14px;
}

.page-url-preview .preview-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.page-url-preview .field label{
  display:block;
  font-size:12px;
  font-weight:800;
  color:#64748b;
  margin:0 0 6px;
}

.page-url-preview .field input,
.page-url-preview .field textarea{
  width:100%;
  padding:11px 12px;
}

.page-url-preview .field textarea{min-height:74px;resize:vertical}
.page-url-preview .span2{grid-column:1/-1}

.page-url-preview .notice{
  padding:12px 14px;
  border-radius:12px;
  margin-bottom:14px;
  background:#fff7ed;
  border:1px solid #fed7aa;
}

.page-url-preview .oknotice{
  background:#f0fdf4;
  border-color:#bbf7d0;
}

.page-url-preview .actions2{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  margin-top:18px;
  flex-wrap:wrap;
}

.page-url-preview .actions2 button,
.page-url-preview .actions2 a{
  border:0;
  border-radius:11px;
  padding:11px 16px;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
}

.page-url-preview .save{background:#0f172a;color:#fff}
.page-url-preview .cancel{background:#eef2f7;color:#0f172a}
.page-url-preview .title{font-size:24px;font-weight:900;color:#0f172a}
.page-url-preview .logo{font-weight:900;color:#0f172a}

/* ---------- Главная / компании ---------- */
/* Эти правила дополняют существующую стилизацию index.html. */

.page-index .app{padding-top:20px!important}
.page-index .aifbase-legacy-content .card{border-radius:13px}
.page-index .status-check .btn{
  min-height:34px;
  padding:7px 10px;
  font-size:12px;
}

/* ---------- Авторизация ---------- */

.page-login{
  --login-bg:#f3f5f8;
  --login-card:#fff;
  --login-text:#111827;
  --login-muted:#667085;
  --login-line:#d8dee8;
  --login-input:#fff;
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:clamp(18px,4vw,40px);
  background:var(--login-bg)!important;
  color:var(--login-text)!important;
  transition:background-color .2s ease,color .2s ease;
}

.page-login::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 20%,rgba(37,99,235,.055),transparent 42%);
}

:root[data-login-theme="dark"] .page-login{
  --login-bg:#0d1117;
  --login-card:#161b22;
  --login-text:#f3f4f6;
  --login-muted:#9ca3af;
  --login-line:#303743;
  --login-input:#0f141b;
}

.page-login .login-wrap{
  position:relative;
  z-index:1;
  width:min(440px,100%);
  min-width:0;
}

.page-login .login-brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.page-login .login-logo{
  width:44px;
  height:44px;
  flex:0 0 44px;
  border-radius:13px;
  background:#2563eb;
  color:#fff;
  display:grid;
  place-items:center;
  font-weight:700;
  font-size:16px;
  letter-spacing:-.02em;
  box-shadow:0 8px 22px rgba(37,99,235,.22);
}

.page-login .login-brand-name{
  color:var(--login-text);
  font-size:18px;
  font-weight:650;
  line-height:1.2;
}

.page-login .login-brand-subtitle{
  margin-top:3px;
  color:var(--login-muted);
  font-size:12px;
  line-height:1.25;
}

.page-login .login-card{
  width:100%;
  min-width:0;
  margin:0;
  padding:30px;
  overflow:hidden;
  background:var(--login-card);
  border:1px solid var(--login-line);
  border-radius:20px;
  box-shadow:0 24px 70px rgba(15,23,42,.10);
  transition:background-color .2s ease,border-color .2s ease;
}

.page-login .login-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.page-login .theme-toggle{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid var(--login-line);
  border-radius:11px;
  background:var(--login-input);
  color:var(--login-text);
  font-size:19px;
  line-height:1;
}

.page-login .theme-toggle:hover{background:rgba(37,99,235,.08);filter:none}
.page-login .theme-toggle:focus-visible,
.page-login .password-toggle:focus-visible,
.page-login .login-submit:focus-visible{
  outline:3px solid rgba(37,99,235,.28);
  outline-offset:2px;
}

.page-login .login-intro{margin:30px 0 24px}
.page-login .login-intro h1{
  margin:0;
  color:var(--login-text);
  font-size:24px;
  font-weight:650;
  line-height:1.25;
  letter-spacing:-.02em;
}
.page-login .login-intro p{
  margin:7px 0 0;
  color:var(--login-muted);
  font-size:14px;
}

.page-login .login-form{
  display:grid;
  gap:18px;
  min-width:0;
}

.page-login .login-field{min-width:0}
.page-login .login-field label{
  display:block;
  margin:0 0 7px;
  color:var(--login-text);
  font-size:13px;
  font-weight:550;
}

.page-login .login-field input{
  width:100%;
  min-width:0;
  max-width:100%;
  height:48px;
  margin:0;
  padding:0 14px;
  border:1px solid var(--login-line);
  border-radius:11px;
  background:var(--login-input);
  color:var(--login-text);
  font-size:15px;
  box-sizing:border-box;
}

.page-login .login-field input:focus{
  border-color:#2563eb;
  box-shadow:0 0 0 3px rgba(37,99,235,.14);
}

.page-login .password-field{position:relative;width:100%;min-width:0}
.page-login .password-field input{padding-right:88px}
.page-login .password-toggle{
  position:absolute;
  top:50%;
  right:7px;
  width:auto;
  height:34px;
  padding:0 8px;
  transform:translateY(-50%);
  border-radius:8px;
  background:transparent;
  color:var(--login-muted);
  font-size:12px;
  font-weight:550;
}
.page-login .password-toggle:hover{background:rgba(37,99,235,.08);color:#2563eb;filter:none}

.page-login .turnstile-widget{width:100%;min-width:0;min-height:65px;overflow:hidden}
.page-login .turnstile-unavailable{
  padding:11px 13px;
  border:1px solid #f0c36a;
  border-radius:10px;
  background:#fff8e7;
  color:#854d0e;
  font-size:13px;
  line-height:1.4;
}

.page-login .login-submit{
  width:100%;
  height:50px;
  padding:0 18px;
  border-radius:11px;
  background:#2563eb;
  color:#fff;
  font-size:15px;
  font-weight:600;
}
.page-login .login-submit:hover{background:#1d4ed8;filter:none}

.page-login .login-footer{
  text-align:center;
  color:var(--login-muted);
  font-size:12px;
  margin-top:22px;
}

.page-login .flash{
  background:#fff5f5;
  border:1px solid #fecaca;
  color:#991b1b;
  border-radius:10px;
  padding:11px 13px;
  margin:0 0 18px;
  font-size:13px;
  line-height:1.4;
}

:root[data-login-theme="dark"] .page-login .login-card{box-shadow:0 24px 70px rgba(0,0,0,.32)}
:root[data-login-theme="dark"] .page-login .turnstile-unavailable{border-color:#755a25;background:#292314;color:#f5d58c}
:root[data-login-theme="dark"] .page-login .flash{border-color:#7f3434;background:#2b1719;color:#fecaca}

@media(max-width:480px){
  .page-login{padding:16px!important;padding-bottom:16px!important}
  .page-login .login-card{padding:23px 20px;border-radius:17px}
  .page-login .login-intro{margin:25px 0 21px}
  .page-login .login-intro h1{font-size:22px}
  .page-login .login-brand-subtitle{display:none}
}

/* Pump calculator: retain the existing calculation UI while using Tabler theme tokens. */
.aifbase-tabler-shell.page-pump-calculator .pump-calculator-page{
  min-width:0;
  color:var(--tblr-body-color);
  font-family:var(--tblr-body-font-family);
  font-size:var(--tblr-body-font-size);
  line-height:var(--tblr-body-line-height);
}
.aifbase-tabler-shell.page-pump-calculator .calculator-heading{margin:0 0 .75rem;padding:.75rem 1rem;border-color:var(--tblr-info-border-subtle);background:var(--tblr-info-bg-subtle);color:var(--tblr-info-text-emphasis)}
.aifbase-tabler-shell.page-pump-calculator .calculator-heading p{color:inherit}
.aifbase-tabler-shell.page-pump-calculator .calculator-section,
.aifbase-tabler-shell.page-pump-calculator .calculation-results,
.aifbase-tabler-shell.page-pump-calculator .calculation-checks,
.aifbase-tabler-shell.page-pump-calculator .saved-calculations{min-width:0;margin:0 0 .75rem;padding:1rem;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);background:var(--tblr-card-bg);color:var(--tblr-body-color);box-shadow:var(--tblr-card-box-shadow)}
.aifbase-tabler-shell.page-pump-calculator .calculator-section>h2,
.aifbase-tabler-shell.page-pump-calculator .calculation-results>h2,
.aifbase-tabler-shell.page-pump-calculator .calculation-checks>h2,
.aifbase-tabler-shell.page-pump-calculator .saved-calculations>h2{margin:0 0 .75rem;color:var(--tblr-body-color);font-size:1rem;font-weight:600;line-height:1.35}
.aifbase-tabler-shell.page-pump-calculator :is(.equipment-select-card,.pipeline-segment,.result-section,.check-item){min-width:0;border-color:var(--tblr-border-color);background:var(--tblr-bg-surface-secondary);color:var(--tblr-body-color)}
.aifbase-tabler-shell.page-pump-calculator :is(.equipment-select-card h3,.result-section h3){color:var(--tblr-body-color)}
.aifbase-tabler-shell.page-pump-calculator .equipment-buttons .btn{min-height:2rem;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);background:var(--tblr-bg-surface);color:var(--tblr-body-color);font:inherit}
.aifbase-tabler-shell.page-pump-calculator .equipment-buttons .btn:hover{border-color:var(--tblr-primary);background:var(--tblr-primary-bg-subtle);color:var(--tblr-primary-text-emphasis)}
.aifbase-tabler-shell.page-pump-calculator :is(#build-system-curve,.add-fitting){display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:.375rem .75rem;border:1px solid var(--tblr-primary);border-radius:var(--tblr-border-radius);background:transparent;color:var(--tblr-primary);font:inherit}
.aifbase-tabler-shell.page-pump-calculator :is(#build-system-curve,.add-fitting):hover{background:var(--tblr-primary-bg-subtle);color:var(--tblr-primary-text-emphasis)}
.aifbase-tabler-shell.page-pump-calculator :is(.segment-remove,.fitting-remove){display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.25rem .5rem;border:1px solid var(--tblr-danger-border-subtle);border-radius:var(--tblr-border-radius);background:transparent;color:var(--tblr-danger-text-emphasis);font:inherit}
.aifbase-tabler-shell.page-pump-calculator :is(.segment-remove,.fitting-remove):hover{background:var(--tblr-danger-bg-subtle)}
.aifbase-tabler-shell.page-pump-calculator :is(.calc-fields label,.coupling-grid label,.medium-profile-select,.segment-grid label){color:var(--tblr-secondary-color);font-size:.875rem;font-weight:500}
.aifbase-tabler-shell.page-pump-calculator :is(input:not([type=hidden]),select,textarea){box-sizing:border-box;min-width:0;max-width:100%;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);background:var(--tblr-bg-forms);color:var(--tblr-body-color);font:inherit}
.aifbase-tabler-shell.page-pump-calculator :is(.calc-fields input,.calc-fields select,.coupling-grid select,.medium-profile-select select,.segment-grid input,.segment-grid select){width:100%;min-height:2.25rem;padding:.375rem .625rem}
.aifbase-tabler-shell.page-pump-calculator :is(input:not([type=hidden]),select,textarea):focus{border-color:var(--tblr-primary);background:var(--tblr-bg-forms);color:var(--tblr-body-color);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--tblr-primary) 20%,transparent)}
.aifbase-tabler-shell.page-pump-calculator :is(.small,.muted,.calc-fields>div>span,.result-section span,.saved-list span){color:var(--tblr-secondary-color)}
.aifbase-tabler-shell.page-pump-calculator .calculator-subpanel{border-color:var(--tblr-border-color)}
.aifbase-tabler-shell.page-pump-calculator .calculator-subpanel>summary,
.aifbase-tabler-shell.page-pump-calculator .segment-extra>summary{color:var(--tblr-primary);cursor:pointer}
.aifbase-tabler-shell.page-pump-calculator .result-section>div{border-color:var(--tblr-border-color)}
.aifbase-tabler-shell.page-pump-calculator .table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius)}
.aifbase-tabler-shell.page-pump-calculator .table-wrap table{min-width:38rem;margin:0;color:var(--tblr-body-color)}
.aifbase-tabler-shell.page-pump-calculator .table-wrap th{background:var(--tblr-bg-surface-secondary);color:var(--tblr-secondary-color);white-space:nowrap}
.aifbase-tabler-shell.page-pump-calculator .table-wrap td{background:var(--tblr-card-bg);color:var(--tblr-body-color)}
.aifbase-tabler-shell.page-pump-calculator .saved-list a{min-width:0;border-color:var(--tblr-border-color);background:var(--tblr-card-bg);color:var(--tblr-link-color)}
.aifbase-tabler-shell.page-pump-calculator .saved-list a:hover{border-color:var(--tblr-primary);background:var(--tblr-primary-bg-subtle);color:var(--tblr-link-hover-color)}
.aifbase-tabler-shell.page-pump-calculator .calculation-notice{border:1px solid var(--tblr-warning-border-subtle);background:var(--tblr-warning-bg-subtle);color:var(--tblr-warning-text-emphasis)}
.aifbase-tabler-shell.page-pump-calculator .calculator-actions{grid-template-columns:repeat(2,minmax(0,auto)) minmax(12rem,1fr) auto;gap:.5rem}
.aifbase-tabler-shell.page-pump-calculator .calculator-actions :is(button,input){min-width:0;min-height:2.25rem}
.aifbase-tabler-shell.page-pump-calculator :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--tblr-primary);outline-offset:2px}
@media(max-width:760px){
  .aifbase-tabler-shell.page-pump-calculator .pump-calculator-page{width:100%;max-width:100%;overflow-x:hidden}
  .aifbase-tabler-shell.page-pump-calculator :is(.calculator-section,.calculation-results,.calculation-checks,.saved-calculations){padding:.75rem}
  .aifbase-tabler-shell.page-pump-calculator .calculator-actions{grid-template-columns:minmax(0,1fr)}
  .aifbase-tabler-shell.page-pump-calculator .calculator-actions :is(button,input){width:100%}
  .aifbase-tabler-shell.page-pump-calculator .calculator-section-head{align-items:flex-start;flex-wrap:wrap}
  .aifbase-tabler-shell.page-pump-calculator .table-wrap table{min-width:34rem}
}

/* ---------- Мобильная версия ---------- */

@media(max-width:760px){
  .aifbase-legacy-content .app,
  .aifbase-legacy-content .wrap{
    padding:10px!important;
  }

  .aifbase-legacy-content .card{border-radius:12px}
  .aifbase-legacy-content .hero,
  .aifbase-legacy-content .card{margin-top:10px}

  .page-company .grid,
  .page-company .formgrid,
  .page-company-edit .grid,
  .page-pdf-import .grid,
  .page-url-preview .preview-grid{
    grid-template-columns:1fr;
  }

  .page-company .info{
    grid-template-columns:1fr;
    gap:3px;
  }

  .page-company .info b{margin-top:8px}
  .page-company-edit .field.full,
  .page-url-preview .span2{grid-column:auto}

  .page-company-edit .actions{
    flex-direction:column;
  }

  .page-company-edit .actions .btn{
    width:100%;
  }

  .page-vehicles table,
  .page-insurance table{
    min-width:0;
  }

  .page-vehicles table,
  .page-vehicles tbody,
  .page-vehicles tr,
  .page-vehicles td,
  .page-insurance table,
  .page-insurance tbody,
  .page-insurance tr,
  .page-insurance td{
    display:block;
    width:100%;
  }

  .page-vehicles table thead,
  .page-insurance table thead,
  .page-vehicles table tr:first-child,
  .page-insurance table tr:first-child{
    display:none;
  }

  .page-vehicles table tr,
  .page-insurance table tr{
    background:#fff;
    border:1px solid #dfe6ee;
    border-radius:10px;
    margin:8px 0;
    padding:6px;
  }

  .page-vehicles table td,
  .page-insurance table td{
    border:0;
    padding:4px 8px;
    font-size:15px;
    line-height:1.35;
  }

  .page-vehicles .vehicles td:before,
  .page-insurance .vehicles td:before,
  .page-insurance .policies td:before{
    font-weight:700;
    color:#667085;
    margin-right:6px;
  }

  .page-vehicles .vehicles td:nth-child(1):before{content:"Название: "}
  .page-vehicles .vehicles td:nth-child(2):before{content:"Госномер: "}
  .page-vehicles .vehicles td:nth-child(3):before{content:"Тип: "}
  .page-vehicles .vehicles td:nth-child(4):before{content:"Год: "}
  .page-vehicles .vehicles td:nth-child(5):before{content:"Владелец: "}
  .page-vehicles .vehicles td:nth-child(6):before{content:"Штрафы: "}
  .page-vehicles .vehicles td:nth-child(7):before{content:"Статус: "}

  .page-insurance .policies td:nth-child(1):before{content:"Техника: "}
  .page-insurance .policies td:nth-child(2):before{content:"Тип: "}
  .page-insurance .policies td:nth-child(3):before{content:"Страховая: "}
  .page-insurance .policies td:nth-child(4):before{content:"Полис: "}
  .page-insurance .policies td:nth-child(5):before{content:"Окончание: "}
  .page-insurance .policies td:nth-child(6):before{content:"Осталось: "}
  .page-insurance .policies td:nth-child(7):before{content:"Стоимость: "}

  .page-insurance .policies td.empty,
  .page-insurance .vehicles td.empty{display:none}

  .page-vehicles input,
  .page-vehicles select,
  .page-vehicles textarea,
  .page-insurance input,
  .page-insurance select,
  .page-insurance textarea{
    width:100%;
    font-size:16px;
    padding:12px;
    min-height:44px;
  }

  .page-vehicles textarea,
  .page-insurance textarea{min-height:80px}

  .page-vehicles .actions a,
  .page-insurance .actions a{
    display:block;
    text-align:center;
    background:#1769aa;
    color:#fff;
    padding:9px;
    border-radius:8px;
    font-weight:bold;
    margin-bottom:8px;
  }

  .page-vehicles .actions form,
  .page-insurance .actions form{display:block!important}

  .page-vehicles .actions button{
    border:1px solid #d92d20;
    color:#b42318;
    background:#fff;
  }

  .page-insurance .policies td:nth-child(6){white-space:normal;min-width:0}

  .page-insurance-import .card{overflow-x:auto}
  .page-insurance-import input,
  .page-insurance-import button{width:100%}

  .page-pdf-import .btn{width:100%;text-align:center}

  .page-users .grid{grid-template-columns:1fr}
  .page-users .grid button{width:100%}
  .page-users .tablebox{overflow:visible}
  .page-users table,
  .page-users thead,
  .page-users tbody,
  .page-users tr,
  .page-users td{
    display:block;
  }
  .page-users thead{display:none}
  .page-users table{min-width:0}
  .page-users tr{
    border:1px solid var(--v4-line);
    border-radius:12px;
    padding:12px;
    margin-bottom:10px;
  }
  .page-users td{
    border:0;
    padding:5px 0;
  }
  .page-users td:before{
    content:attr(data-label);
    display:block;
    font-size:11px;
    color:var(--v4-muted);
    font-weight:700;
  }
  .page-users .actions{margin-top:7px}
  .page-users .actions form{width:100%}
  .page-users .actions input,
  .page-users .actions select{
    flex:1;
    width:auto;
  }

  .page-tasks .card h2{font-size:18px}
  .page-tasks .task-form-card .grid{grid-template-columns:1fr}
  .page-tasks .wide{grid-column:span 1}

  .page-url-preview .preview-wrap{
    padding:12px 10px 100px;
  }

  .page-url-preview .preview-head{align-items:flex-start}
  .page-url-preview .title{font-size:20px}
  .page-url-preview .actions2>*{
    flex:1;
    text-align:center;
  }

  .page-login{
    padding:14px;
  }

  .page-login .login-card{
    padding:20px;
  }
}

/* =========================================================
   Company list — compact rows with expandable details
   ========================================================= */

.page-index .filter{
  display:grid;
  grid-template-columns:minmax(260px,2fr) minmax(160px,1fr) minmax(160px,1fr) auto auto auto;
  align-items:center;
  gap:10px;
}

.page-index .filter .input{
  width:100%;
  max-width:none;
  height:44px;
}

.page-index .filter .quick-filter,
.page-index .filter > .btn{
  min-height:44px;
  height:44px;
  margin:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 13px;
  white-space:nowrap;
}

.page-index .table-wrap{
  width:100%;
  max-height:none;
  overflow-x:hidden;
  overflow-y:visible;
}

.page-index .table-wrap table{
  width:100%;
  min-width:0;
  table-layout:fixed;
}

.page-index .table-wrap th,
.page-index .table-wrap td{
  min-width:0!important;
}

.page-index .table-wrap th:nth-child(1),
.page-index .table-wrap td:nth-child(1){width:46px}
.page-index .table-wrap th:nth-child(2),
.page-index .table-wrap td:nth-child(2){width:31%}
.page-index .table-wrap th:nth-child(3),
.page-index .table-wrap td:nth-child(3){width:25%}
.page-index .table-wrap th:nth-child(4),
.page-index .table-wrap td:nth-child(4){width:24%}
.page-index .table-wrap th:nth-child(5),
.page-index .table-wrap td:nth-child(5){width:20%}

.page-index .company-toggle-head{cursor:default}

.page-index .company-summary-row{
  cursor:pointer;
  background:#fff;
}

.page-index .company-summary-row:hover td,
.page-index .company-summary-row:focus td{
  background:#f4f8fc;
}

.page-index .company-summary-row:focus{outline:none}
.page-index .company-summary-row.is-open td{background:#eef5fc}

.page-index .company-summary-row td{
  height:54px;
  padding:10px 12px;
  vertical-align:middle;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.page-index .company-toggle-cell{padding:7px!important;text-align:center}

.page-index .company-toggle{
  width:32px;
  height:32px;
  min-height:32px;
  padding:0;
  border-radius:8px;
  background:#edf4fb;
  color:var(--v4-navy);
  font-size:18px;
  line-height:1;
}

.page-index .company-summary-name,
.page-index .company-summary-contact{
  overflow:hidden;
  text-overflow:ellipsis;
}

.page-index .summary-assignee{
  color:var(--v4-muted);
  font-size:12px;
  font-weight:400;
}

.page-index .company-summary-meta{
  color:var(--tblr-secondary-color);
  overflow:hidden;
  text-overflow:ellipsis;
}

.page-index .summary-separator{margin:0 6px;color:var(--tblr-secondary-color)}
.page-index .company-summary-status{text-align:left}

.page-index .company-details-row[hidden]{display:none}
.page-index .company-details-row > td{padding:0!important;background:var(--tblr-bg-surface-secondary)!important}

.page-index .company-details-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  padding:16px 18px;
  border-bottom:1px solid var(--v4-line);
}

.page-index .company-detail-block{
  min-width:0;
  padding:14px;
  border:1px solid var(--v4-line);
  border-radius:10px;
  background:var(--tblr-card-bg);
  color:var(--tblr-body-color);
  line-height:1.5;
  overflow-wrap:anywhere;
}

.page-index .company-detail-block h3{
  margin:0 0 9px;
  color:var(--v4-navy);
  font-size:14px;
}

.page-index .company-detail-block .contact-item{
  white-space:normal;
}

.page-index .company-detail-block .contact-item a{
  white-space:normal;
  overflow-wrap:anywhere;
}

.page-index .company-detail-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  padding:12px 18px 16px;
}

.page-index .company-detail-actions .status-check{margin:0}
.page-index .company-detail-actions .btn{min-height:38px}

@media(max-width:1100px) and (min-width:801px){
  .page-index .filter{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .page-index .filter > .btn,
  .page-index .filter .quick-filter{width:100%}

  .page-index .company-details-grid{grid-template-columns:1fr}
  .page-index .company-summary-meta{display:none}
  .page-index .table-wrap th:nth-child(2),.page-index .table-wrap td:nth-child(2){width:38%}
  .page-index .table-wrap th:nth-child(3),.page-index .table-wrap td:nth-child(3){display:none}
  .page-index .table-wrap th:nth-child(4),.page-index .table-wrap td:nth-child(4){width:32%}
  .page-index .table-wrap th:nth-child(5),.page-index .table-wrap td:nth-child(5){width:30%}
}

@media(max-width:800px){
  .page-index .filter{grid-template-columns:1fr}
  .page-index .filter > .btn,
  .page-index .filter .quick-filter{width:100%}
}

/* Insurance edit — destructive action */
.page-insurance-edit .delete-btn{
  width:100%;
  min-height:44px;
  padding:12px 18px;
  border:0;
  border-radius:10px;
  background:#b42318;
  color:#fff;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
}

.page-insurance-edit .delete-btn:hover{
  background:#8f1d14;
}

/* Страховки — единая форма */
.page-insurance .policy-form input,
.page-insurance .policy-form select,
.page-insurance .policy-form textarea,
.page-vehicles .vehicle-form input,
.page-vehicles .vehicle-form select,
.page-vehicles .vehicle-form textarea{
  width:100%;
  box-sizing:border-box;
  padding:12px;
}

.page-insurance .insurance-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:15px 0;
}

.page-insurance .insurance-table-wrap{
  margin-top:16px;
  overflow-x:auto;
}

.page-insurance .section-toggle{
  cursor:pointer;
}


.page-vehicles .vehicle-submit{
  width:100%;
  padding:13px;
  font-weight:700;
}


/* Карточка компании — мелкие элементы */
.page-company .hero-actions{
  margin-top:13px;
}

.page-company .assigned-user{
  flex:1;
  min-width:150px;
}

.page-company .tag-form{
  margin-top:12px;
}

.page-company .tag-input{
  flex:1;
}

.page-company .note-add{
  margin-top:8px;
}

.page-company .notes-list{
  margin-top:8px;
}

.page-company .note-meta{
  margin-top:5px;
}

.page-company .activity-details{
  margin-top:4px;
}

.page-company .task-description{
  margin-top:5px;
}

.page-company .task-form-grid{
  margin-top:8px;
}

.page-company .tasks-link{
  display:inline-block;
  margin-top:10px;
}


/* Импорт страховок */
.page-insurance-import .import-stats{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:15px 0;
}

.page-insurance-import .import-stat{
  margin:0;
}

.page-insurance-import .import-ready{
  margin-top:24px;
  padding:18px;
  background:#eef8f0;
  border-radius:10px;
}


/* Задачи — верхняя панель */
.page-tasks .tasks-toolbar{
  display:flex;
  justify-content:flex-end;
  margin-bottom:12px;
}

/* Чекбоксы напоминаний */
.page-tasks input[type="checkbox"]{
  width:auto;
  min-width:auto;
  min-height:auto;
}


/* Пользователи */
.page-users .password-note{
  margin-top:9px;
}


/* URL preview */
.page-url-preview .source-note{
  margin-top:12px;
}

/* PDF import */
.page-pdf-import .uppercase{
  text-transform:uppercase;
}


/* Главная — остаточные элементы */
.page-index .search-card{
  margin-top:16px;
  padding:20px;
}

.page-index .section-title{
  margin:0 0 4px;
  font-size:17px;
  font-weight:800;
}

.page-index .section-subtitle{
  margin:0 0 15px;
  color:var(--v4-muted);
  font-size:13px;
}

.page-index .input{
  width:100%;
  height:44px;
  padding:0 13px;
  border:1px solid #cbd5e1;
  border-radius:9px;
  background:#fff;
  color:var(--v4-text);
  font-size:14px;
  outline:none;
}

.page-index .input:focus{
  border-color:#6da8e5;
  box-shadow:0 0 0 3px var(--v4-blue-soft);
}

.page-index .btn-blue{background:var(--v4-blue);color:#fff}

.page-index .notice{
  margin-top:13px;
  padding:11px 13px;
  border:1px solid #f1d39d;
  border-radius:9px;
  background:#fff4df;
  color:#784500;
}

.page-index .stats{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:13px;
  margin-top:16px;
}

.page-index .stat{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 18px;
}

.page-index .stat-label{
  color:var(--v4-muted);
  font-size:12px;
  letter-spacing:.5px;
  text-transform:uppercase;
}

.page-index .stat-value{
  margin-top:5px;
  color:var(--v4-navy);
  font-size:25px;
  font-weight:800;
}

.page-index .stat-icon{
  width:40px;
  height:40px;
  border-radius:10px;
  background:var(--v4-blue-soft);
  display:grid;
  place-items:center;
  font-size:20px;
}

.page-index .status{
  margin-top:13px;
  padding:11px 14px;
  border:1px solid var(--v4-line);
  border-radius:9px;
  background:#f7f9fc;
  color:#536172;
}

.page-index .status strong{color:var(--v4-navy)}

.page-index .status-filter{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding:0 20px 14px;
  background:#fbfcfe;
}

.page-index .status-pill{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:7px 10px;
  border:1px solid var(--v4-line);
  border-radius:999px;
  background:#fff;
  color:#40536a;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}

.page-index .status-pill:hover{background:#f1f6fb;text-decoration:none}
.page-index .status-pill.active{background:#eaf3ff;border-color:#9bc4ee;color:#0d4f91}
.page-index .status-pill .count{opacity:.65}

.page-index .status-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 8px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}

.page-index .status-active{background:var(--tblr-success-lt);color:var(--tblr-success-text-emphasis)}
.page-index .status-liquidation{background:var(--tblr-warning-lt);color:var(--tblr-warning-text-emphasis)}
.page-index .status-liquidated{background:var(--tblr-danger-lt);color:var(--tblr-danger-text-emphasis)}
.page-index .status-bankruptcy{background:var(--tblr-warning-lt);color:var(--tblr-warning-text-emphasis)}
.page-index .status-not_found{background:var(--tblr-secondary-lt);color:var(--tblr-secondary-text-emphasis)}
.page-index .status-needs_check{background:var(--tblr-secondary-lt);color:var(--tblr-secondary-text-emphasis)}
.page-index .status-info{margin-top:8px;color:var(--tblr-secondary-color);font-size:12px;line-height:1.4}
.page-index .status-meta{margin-top:5px;color:var(--tblr-secondary-color);font-size:11px}
.page-index .status-check{margin-top:8px}
.page-index .row-liquidated td{background:var(--tblr-danger-lt)!important}
.page-index .row-liquidated:hover td{background:var(--tblr-danger-lt)!important}

.page-index .db-card{
  margin-top:16px;
  padding:0;
  overflow:hidden;
}

.page-index .db-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:18px 20px;
  border-bottom:1px solid var(--v4-line);
}

.page-index .db-head h2{margin:0;font-size:17px}
.page-index .db-count{color:var(--v4-muted);font-size:12px}

.page-index .filter{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  padding:14px 20px;
  border-bottom:1px solid var(--v4-line);
  background:#fbfcfe;
}

.page-index .quick-filter{
  height:40px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid var(--v4-line);
  border-radius:9px;
  background:#fff;
  color:#30465d;
  font-weight:700;
  white-space:nowrap;
}

.page-index .quick-filter input{width:17px;height:17px}
.page-index .filter .input{max-width:560px;height:40px}

.page-index .table-wrap{
  max-height:65vh;
  overflow:auto;
}

.page-index .table-wrap table{
  min-width:1050px;
  border-collapse:separate;
  border-spacing:0;
}

.page-index .table-wrap th,
.page-index .table-wrap td{padding:12px 13px}

.page-index .table-wrap th{
  position:sticky;
  top:0;
  z-index:2;
  background:#eef4fa;
  color:#30465d;
  cursor:pointer;
  font-size:12px;
  letter-spacing:.35px;
  text-transform:uppercase;
  user-select:none;
  white-space:nowrap;
}

.page-index .table-wrap th:hover{background:#e3edf7}
.page-index .sort-arrow{margin-left:5px;color:var(--tblr-secondary-color);font-size:11px}
.page-index .table-wrap tbody tr:hover{background:#f8fbff}
.page-index .table-wrap td{line-height:1.35}
.page-index .company{color:var(--tblr-body-color);font-weight:700}
.page-index .muted{color:var(--tblr-secondary-color)}
.page-index .nowrap{white-space:nowrap}
.page-index .link{font-weight:600}
.page-index .source{color:var(--v4-green)}
.page-index .empty{padding:35px 20px;text-align:center;color:var(--v4-muted)}

.page-index .contact-item{
  display:flex;
  align-items:center;
  gap:5px;
  margin:3px 0;
}

.page-index .contact-item a{overflow-wrap:anywhere}
.page-index .requisites{margin-top:7px;color:var(--tblr-secondary-color);font-size:12px;line-height:1.5}
.page-index .requisites strong{color:var(--tblr-body-color)}

.page-index .mobile-contact-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:6px 0;
}

.page-index .mobile-contact-item a{min-width:0;overflow-wrap:anywhere}
.page-index .mobile-contact-item .copy-btn{flex:none}

.page-index .copy-btn{
  margin-left:6px;
  padding:4px 6px;
  border:0;
  border-radius:6px;
  background:var(--tblr-bg-surface-secondary);
  color:var(--v4-navy);
  cursor:pointer;
  font-size:12px;
}

.page-index .copy-btn:active{transform:scale(.96)}
.page-index .mobile-list{display:none}

.page-index .company-card{
  padding:15px;
  border:1px solid var(--v4-line);
  border-radius:13px;
  background:var(--tblr-card-bg);
  box-shadow:0 3px 12px rgba(24,55,88,.06);
}

.page-index .company-name{margin-bottom:8px;color:var(--tblr-body-color);font-size:17px;font-weight:800;line-height:1.25}
.page-index .contact-name{margin-bottom:11px;color:var(--v4-muted);font-size:13px}
.page-index .info-row{display:flex;gap:8px;margin:7px 0;line-height:1.35}
.page-index .info-icon{width:22px;flex:none;text-align:center}
.page-index .info-text{min-width:0;overflow-wrap:anywhere}

.page-index .mobile-actions{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
  margin-top:13px;
}

.page-index .mobile-action{
  min-height:40px;
  padding:9px 7px;
  border:0;
  border-radius:9px;
  background:var(--tblr-bg-surface-secondary);
  color:var(--v4-navy);
  cursor:pointer;
  font-weight:700;
  text-align:center;
}

.page-index .mobile-action.primary-action{background:var(--v4-blue);color:#fff}
.page-index .mobile-action.green-action{background:var(--tblr-success-lt);color:var(--tblr-success-text-emphasis)}
.page-index .query-mobile{margin-top:10px;padding-top:9px;border-top:1px solid var(--v4-line);color:var(--v4-muted);font-size:11px;overflow-wrap:anywhere}
.page-index .mobile-copy{display:flex;gap:7px;margin-top:8px}
.page-index .mobile-copy button{flex:1}

.page-index .toast{
  position:fixed;
  left:50%;
  bottom:20px;
  z-index:99;
  padding:10px 15px;
  border-radius:9px;
  background:#17212f;
  color:#fff;
  font-size:13px;
  opacity:0;
  pointer-events:none;
  transform:translateX(-50%) translateY(20px);
  transition:.2s;
}

.page-index .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

.page-index .company-link{color:var(--tblr-primary-text-emphasis)}
.page-index .company-link:hover{color:var(--tblr-link-hover-color)}

.page-index .assigned-user-note{
  margin-top:4px;
}

.page-index .info-text-full{
  width:100%;
}

@media(max-width:800px){
  .page-index .app{padding:10px!important}
  .page-index .search-card{padding:15px}
  .page-index .section-title{font-size:16px}
  .page-index .section-subtitle{line-height:1.4}
  .page-index .stats{gap:9px}
  .page-index .stat{padding:13px}
  .page-index .stat-value{font-size:21px}
  .page-index .stat-icon{display:none}
  .page-index .status{font-size:12px;line-height:1.45}
  .page-index .db-head{padding:15px}
  .page-index .filter{padding:11px 15px}
  .page-index .filter .input{max-width:none;flex:1}
  .page-index .table-wrap{display:none}
  .page-index .mobile-list{display:grid;gap:10px;padding:12px}
}

@media(max-width:480px){
  .page-index .app{padding:8px!important}
  .page-index .search-btn{font-size:14px}
  .page-index .stats{grid-template-columns:1fr 1fr}
  .page-index .stat-label{font-size:10px}
  .page-index .stat-value{font-size:20px}
  .page-index .filter{display:grid;grid-template-columns:1fr auto}
  .page-index .filter .input{grid-column:1/-1;height:42px}
  .page-index .filter .btn{min-height:40px}
  .page-index .company-card{padding:14px}
  .page-index .mobile-actions{grid-template-columns:1fr 1fr}
}

/* =========================================================
   Desktop UI alignment — shared sizing and stable tables
   ========================================================= */

.page-index .section-title,
.page-tasks .card h2,
.page-vehicles .card h2,
.page-insurance .card h2,
.page-users .card h2{
  font-size:18px;
  line-height:1.25;
}

/* One control rhythm for the primary application pages. */
.page-index .input,
.page-tasks .task-form-card input:not([type="checkbox"]),
.page-tasks .task-form-card select,
.page-tasks .task-form-card textarea,
.page-users .grid input,
.page-users .grid select,
.page-vehicles .vehicle-form input,
.page-vehicles .vehicle-form select,
.page-insurance .policy-form input,
.page-insurance .policy-form select{
  min-height:44px!important;
  height:44px!important;
  padding:0 12px!important;
  font-size:14px!important;
  line-height:1.3!important;
}

.page-tasks .task-form-card textarea,
.page-vehicles .vehicle-form textarea,
.page-insurance .policy-form textarea{
  min-height:88px!important;
  height:auto!important;
  padding:11px 12px!important;
  font-size:14px!important;
  line-height:1.4!important;
  resize:vertical;
}

.page-tasks .task-form-card button,
.page-users .grid button,
.page-vehicles .vehicle-submit,
.page-insurance .policy-form button{
  min-height:44px!important;
  height:44px!important;
  padding:0 14px!important;
  font-size:14px!important;
}

/* Stable two-row desktop layout for the task form. */
.page-tasks .task-form-card .grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:10px;
  align-items:start;
  font-size:14px!important;
}

.page-tasks .task-form-card .grid > :nth-child(1){grid-column:span 2}
.page-tasks .task-form-card .grid > :nth-child(2){grid-column:span 2}
.page-tasks .task-form-card .grid > :nth-child(3){grid-column:span 4}
.page-tasks .task-form-card .grid > :nth-child(4){grid-column:span 2}
.page-tasks .task-form-card .grid > :nth-child(5){grid-column:span 2}
.page-tasks .task-form-card .grid > :nth-child(6){grid-column:span 3}
.page-tasks .task-form-card .grid > :nth-child(7){grid-column:span 3}
.page-tasks .task-form-card .grid > :nth-child(8){grid-column:span 4}
.page-tasks .task-form-card .grid > :nth-child(9){grid-column:span 2}

.page-tasks .task-form-card .wide,
.page-tasks .task-form-card .wide b,
.page-tasks .task-form-card .wide label{
  font-size:14px!important;
}

.page-tasks .task-form-card .wide{
  min-height:44px;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.page-tasks .task-form-card .wide label{
  display:inline-flex;
  align-items:center;
  gap:5px;
  white-space:nowrap;
}

/* Keep dense tabular data readable; scroll instead of crushing columns. */
.page-index .table-wrap table{min-width:1680px}
.page-index .table-wrap th:nth-child(1),
.page-index .table-wrap td:nth-child(1){min-width:240px}
.page-index .table-wrap th:nth-child(2),
.page-index .table-wrap td:nth-child(2){min-width:160px}
.page-index .table-wrap th:nth-child(3),
.page-index .table-wrap td:nth-child(3){min-width:175px}
.page-index .table-wrap th:nth-child(4),
.page-index .table-wrap td:nth-child(4){min-width:240px}
.page-index .table-wrap th:nth-child(5),
.page-index .table-wrap td:nth-child(5){min-width:260px}
.page-index .table-wrap th:nth-child(6),
.page-index .table-wrap td:nth-child(6){min-width:120px}
.page-index .table-wrap th:nth-child(7),
.page-index .table-wrap td:nth-child(7){min-width:150px}
.page-index .table-wrap th:nth-child(8),
.page-index .table-wrap td:nth-child(8){min-width:190px}

.page-index .table-wrap td{
  overflow-wrap:break-word;
  word-break:normal;
}

.page-index .contact-item{
  flex-wrap:nowrap;
  white-space:nowrap;
}

.page-index .contact-item a{
  min-width:0;
  overflow-wrap:normal;
  word-break:normal;
  white-space:nowrap;
}

.page-tasks table{min-width:1220px;table-layout:auto}
.page-tasks th:nth-child(1),.page-tasks td:nth-child(1){width:58px;min-width:58px}
.page-tasks th:nth-child(2),.page-tasks td:nth-child(2){min-width:300px}
.page-tasks th:nth-child(3),.page-tasks td:nth-child(3){min-width:220px}
.page-tasks th:nth-child(4),.page-tasks td:nth-child(4){min-width:120px}
.page-tasks th:nth-child(5),.page-tasks td:nth-child(5){min-width:120px}
.page-tasks th:nth-child(6),.page-tasks td:nth-child(6){min-width:150px;white-space:nowrap}
.page-tasks th:nth-child(7),.page-tasks td:nth-child(7){min-width:150px}
.page-tasks th:nth-child(8),.page-tasks td:nth-child(8){min-width:125px;white-space:nowrap}
.page-tasks .actions{flex-wrap:nowrap}

.page-users table{min-width:1100px;table-layout:auto}
.page-users th:nth-child(1),.page-users td:nth-child(1){min-width:180px}
.page-users th:nth-child(2),.page-users td:nth-child(2){min-width:150px}
.page-users th:nth-child(3),.page-users td:nth-child(3){min-width:120px}
.page-users th:nth-child(4),.page-users td:nth-child(4),
.page-users th:nth-child(5),.page-users td:nth-child(5){min-width:150px;white-space:nowrap}
.page-users th:nth-child(6),.page-users td:nth-child(6){min-width:520px}
.page-users .actions{flex-wrap:nowrap}
.page-users .actions form{flex:none}

.page-vehicles .vehicles{min-width:1120px;table-layout:auto}
.page-vehicles .vehicles th:nth-child(1),.page-vehicles .vehicles td:nth-child(1){min-width:260px}
.page-vehicles .vehicles th:nth-child(2),.page-vehicles .vehicles td:nth-child(2){min-width:140px;white-space:nowrap}
.page-vehicles .vehicles th:nth-child(3),.page-vehicles .vehicles td:nth-child(3){min-width:180px}
.page-vehicles .vehicles th:nth-child(4),.page-vehicles .vehicles td:nth-child(4){min-width:80px;white-space:nowrap}
.page-vehicles .vehicles th:nth-child(5),.page-vehicles .vehicles td:nth-child(5){min-width:190px;white-space:nowrap}
.page-vehicles .vehicles th:nth-child(6),.page-vehicles .vehicles td:nth-child(6){min-width:180px}
.page-vehicles .vehicles th:nth-child(7),.page-vehicles .vehicles td:nth-child(7){min-width:120px;white-space:nowrap}

.page-insurance .policies{min-width:1180px;table-layout:auto}
.page-insurance .policies th:nth-child(1),.page-insurance .policies td:nth-child(1){min-width:300px}
.page-insurance .policies th:nth-child(2),.page-insurance .policies td:nth-child(2){min-width:90px;white-space:nowrap}
.page-insurance .policies th:nth-child(3),.page-insurance .policies td:nth-child(3){min-width:180px}
.page-insurance .policies th:nth-child(4),.page-insurance .policies td:nth-child(4){min-width:170px;white-space:nowrap}
.page-insurance .policies th:nth-child(5),.page-insurance .policies td:nth-child(5){min-width:125px;white-space:nowrap}
.page-insurance .policies th:nth-child(6),.page-insurance .policies td:nth-child(6){min-width:120px;white-space:nowrap}
.page-insurance .policies th:nth-child(7),.page-insurance .policies td:nth-child(7){min-width:120px;white-space:nowrap}
.page-insurance .policies th:last-child,.page-insurance .policies td:last-child{min-width:110px;white-space:nowrap}
.page-insurance .insurance-table-wrap{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
}
.page-insurance .insurance-table-wrap .policies{width:100%}

@media(max-width:900px) and (min-width:761px){
  .page-tasks .task-form-card .grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-tasks .task-form-card .grid > *{grid-column:auto!important}
  .page-tasks .task-form-card .wide{grid-column:1/-1!important}
}

@media(max-width:760px){
  .page-tasks .task-form-card .grid{
    grid-template-columns:1fr;
  }

  .page-tasks .task-form-card .grid > *{
    grid-column:1/-1!important;
  }

  .page-tasks .task-form-card textarea,
  .page-vehicles .vehicle-form textarea,
  .page-insurance .policy-form textarea{
    min-height:88px!important;
  }

  .page-users .actions,
  .page-users .actions form,
  .page-tasks .actions{
    flex-wrap:wrap;
    white-space:normal;
  }

  .page-users table,
  .page-vehicles .vehicles,
  .page-insurance .policies{
    min-width:0;
  }

  .page-users th,.page-users td,
  .page-vehicles .vehicles th,.page-vehicles .vehicles td,
  .page-insurance .policies th,.page-insurance .policies td{
    min-width:0!important;
    white-space:normal!important;
  }
}

/* Final cascade for the compact company list. */
.page-index .filter{
  display:grid;
  grid-template-columns:minmax(260px,2fr) minmax(160px,1fr) minmax(160px,1fr) auto auto auto;
  align-items:center;
  gap:10px;
}

.page-index .filter .input{width:100%;max-width:none;height:44px}
.page-index .filter .quick-filter,
.page-index .filter > .btn{
  min-height:44px;
  height:44px;
  margin:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 13px;
  white-space:nowrap;
}

.page-index .table-wrap{width:100%;max-height:none;overflow-x:hidden;overflow-y:visible}
.page-index .table-wrap table{width:100%;min-width:0;table-layout:fixed}
.page-index .table-wrap th,.page-index .table-wrap td{min-width:0!important}
.page-index .table-wrap th:nth-child(1),.page-index .table-wrap td:nth-child(1){width:46px}
.page-index .table-wrap th:nth-child(2),.page-index .table-wrap td:nth-child(2){width:31%}
.page-index .table-wrap th:nth-child(3),.page-index .table-wrap td:nth-child(3){width:25%}
.page-index .table-wrap th:nth-child(4),.page-index .table-wrap td:nth-child(4){width:24%}
.page-index .table-wrap th:nth-child(5),.page-index .table-wrap td:nth-child(5){width:20%}

@media(max-width:1100px) and (min-width:801px){
  .page-index .filter{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-index .filter > .btn,.page-index .filter .quick-filter{width:100%}
  .page-index .table-wrap th:nth-child(2),.page-index .table-wrap td:nth-child(2){width:38%}
  .page-index .table-wrap th:nth-child(3),.page-index .table-wrap td:nth-child(3){display:none}
  .page-index .table-wrap th:nth-child(4),.page-index .table-wrap td:nth-child(4){width:32%}
  .page-index .table-wrap th:nth-child(5),.page-index .table-wrap td:nth-child(5){width:30%}
}

@media(max-width:800px){
  .page-index .filter{grid-template-columns:1fr}
  .page-index .filter > .btn,.page-index .filter .quick-filter{width:100%}
}

/* Compact, aligned company editor. */
.page-company-edit .card{
  margin-top:0;
  padding:24px;
}

.page-company-edit .card h1{
  margin:0 0 4px;
  font-size:24px;
  line-height:1.2;
}

.page-company-edit .subtitle{margin-bottom:18px;color:var(--v4-muted)}

.page-company-edit .grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px 16px;
}

.page-company-edit .grid input,
.page-company-edit .grid textarea{
  min-height:44px;
  font:400 14px/1.4 var(--v4-font);
  border:1px solid #cbd8e6;
  border-radius:10px;
  background:#fff;
}

.page-company-edit .grid input{height:44px}
.page-company-edit textarea{min-height:76px}
.page-company-edit .contact-values-field textarea{
  min-height:68px;
  line-height:1.45;
}
.page-company-edit .hint{line-height:1.3}
.page-company-edit .actions{margin-top:18px}
.page-company-edit .actions .btn{min-height:44px;padding:0 16px}

@media(max-width:1050px) and (min-width:761px){
  .page-company-edit .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .page-company-edit .card{padding:16px}
  .page-company-edit .card h1{font-size:21px}
}

/* Company notes: a practical editor and readable entries. */
.page-company #notes .note-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:stretch;
}

.page-company #notes .note-form textarea{
  width:100%;
  min-height:86px;
  padding:11px 12px;
  border:1px solid var(--tblr-border-color);
  border-radius:10px;
  font:400 14px/1.45 var(--v4-font);
  resize:vertical;
}

.page-company #notes .note-add{
  min-width:170px;
  min-height:44px;
  margin:0;
  padding:0 16px;
  align-self:end;
}

.page-company #notes .notes-list{
  display:grid;
  gap:10px;
  margin-top:14px;
}

.page-company #notes .note{
  padding:12px 14px;
  border:1px solid var(--v4-line);
  border-radius:10px;
  background:var(--tblr-bg-surface-secondary);
  line-height:1.5;
  overflow-wrap:anywhere;
}

.page-company #notes .note:first-of-type{border-top:1px solid var(--v4-line)}
.page-company #notes .note-meta{color:var(--v4-muted)}

@media(max-width:760px){
  .page-company #notes .note-form{grid-template-columns:1fr}
  .page-company #notes .note-add{width:100%}
}

/* Company task editor and task list. */
.page-company #tasks .company-task-form{
  padding:12px;
  border:1px solid var(--v4-line);
  border-radius:12px;
  background:var(--tblr-bg-surface-secondary);
}

.page-company #tasks .company-task-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
  align-items:start;
}

.page-company #tasks .task-field{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:4px;
  color:var(--tblr-body-color);
  font-size:14px;
  font-weight:500;
}

.page-company #tasks .task-field input,
.page-company #tasks .task-field select,
.page-company #tasks .task-field textarea{
  width:100%;
  min-height:38px;
  padding:7px 10px;
  border:1px solid var(--tblr-border-color);
  border-radius:var(--tblr-border-radius);
  background:var(--tblr-bg-forms);
  color:var(--tblr-body-color);
  font:400 14px/var(--tblr-body-line-height) var(--tblr-body-font-family);
}

.page-company #tasks .task-title-field,
.page-company #tasks .task-description-field,
.page-company #tasks .task-comment-field{grid-column:1/-1}
.page-company #tasks .task-description-field textarea{min-height:64px;resize:vertical}

.page-company #tasks .task-reminders{
  display:flex;
  min-width:0;
  min-height:38px;
  margin:0;
  padding:6px 10px 8px;
  gap:6px 12px;
  align-items:center;
  flex-wrap:wrap;
  border:1px solid var(--tblr-border-color);
  border-radius:10px;
  background:var(--tblr-card-bg);
}

.page-company #tasks .task-reminders legend{
  padding:0 5px;
  color:var(--tblr-secondary-color);
  font-size:12px;
  font-weight:700;
}

.page-company #tasks .task-reminders label{
  display:inline-flex;
  gap:5px;
  align-items:center;
  white-space:nowrap;
  font-size:13px;
}

.page-company #tasks .task-reminders input{width:auto}
.page-company #tasks .task-submit{grid-column:1/-1;justify-self:end;min-height:38px;padding:0 16px}

.page-company #tasks .company-task-list{
  display:grid;
  gap:10px;
  margin-top:16px;
}

.page-company #tasks .company-task-list .task{
  padding:12px 14px;
  border:1px solid var(--v4-line);
  border-radius:10px;
  background:var(--tblr-card-bg);
}

.page-company #tasks .company-task-list .task:first-of-type{border-top:1px solid var(--v4-line)}
.page-company #tasks .tasks-link{margin-top:14px}

/* Task reminder checkboxes: keep a visible native-sized square in both task UIs. */
.page-company #tasks .task-reminder-option,
.page-tasks .task-reminder-option{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  min-height:1.5rem;
  margin:0;
  white-space:normal;
  cursor:pointer;
}
.page-company #tasks .task-reminder-checkbox,
.page-tasks .task-reminder-checkbox{
  appearance:none!important;
  box-sizing:border-box;
  flex:0 0 1rem;
  width:1rem!important;
  height:1rem!important;
  min-width:1rem!important;
  min-height:1rem!important;
  margin:0!important;
  padding:0!important;
  border:1.5px solid var(--tblr-border-color);
  border-radius:.25rem;
  background-color:var(--tblr-bg-forms);
  box-shadow:none!important;
  cursor:pointer;
}
.page-company #tasks .task-reminder-checkbox:checked,
.page-tasks .task-reminder-checkbox:checked{
  border-color:var(--tblr-primary);
  background-color:var(--tblr-primary);
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m3 8 3 3 7-7'/%3e%3c/svg%3e");
  background-position:center;
  background-repeat:no-repeat;
  background-size:.75rem;
}
.page-company #tasks .task-reminder-checkbox:focus-visible,
.page-tasks .task-reminder-checkbox:focus-visible{
  outline:2px solid var(--tblr-primary);
  outline-offset:2px;
}
.page-company #tasks .task-reminders,
.page-tasks .task-reminders{gap:.5rem 1rem}
.page-company #tasks .task-deadline-field{grid-column:1/-1}
.task-deadline-heading{display:block;margin-bottom:.35rem;font-weight:500}
.task-deadline-picker{
  display:grid;
  grid-template-columns:minmax(10rem,1.5fr) minmax(7rem,.8fr);
  align-items:end;
  gap:.5rem;
  min-width:0;
  width:100%;
}
.task-deadline-picker>[data-task-deadline-value]{display:none}
.task-deadline-control{display:grid;gap:.25rem;min-width:0;margin:0;color:var(--tblr-secondary-color);font-size:.8125rem}
.task-deadline-control .form-control,
.task-deadline-control .form-select{box-sizing:border-box;width:100%;min-width:0;min-height:2.5rem}
.task-deadline-presets{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;color:var(--tblr-secondary-color);font-size:.8125rem}
.task-deadline-presets .btn{min-height:2rem;padding:.2rem .55rem}
.page-tasks .task-edit-grid>.task-deadline-picker{grid-column:span 9!important}
.page-tasks .task-form-card .task-edit-grid>.task-deadline-picker{grid-column:span 9!important}
.page-tasks .task-edit-grid>.task-reminders{grid-column:1/-1!important}
.flatpickr-calendar.aifbase-flatpickr{
  z-index:1085;
  width:min(307px,calc(100vw - 16px));
  max-width:calc(100vw - 16px);
  color:var(--tblr-body-color);
  background:var(--tblr-bg-surface);
  border-color:var(--tblr-border-color);
  box-shadow:0 .5rem 1rem rgba(0,0,0,.15);
}
.flatpickr-calendar.aifbase-flatpickr .flatpickr-months,
.flatpickr-calendar.aifbase-flatpickr .flatpickr-month,
.flatpickr-calendar.aifbase-flatpickr .flatpickr-weekdays,
.flatpickr-calendar.aifbase-flatpickr span.flatpickr-weekday,
.flatpickr-calendar.aifbase-flatpickr .flatpickr-current-month,
.flatpickr-calendar.aifbase-flatpickr .flatpickr-current-month input.cur-year,
.flatpickr-calendar.aifbase-flatpickr .flatpickr-monthDropdown-months,
.flatpickr-calendar.aifbase-flatpickr .flatpickr-day{color:var(--tblr-body-color)}
.flatpickr-calendar.aifbase-flatpickr .flatpickr-monthDropdown-months{background:var(--tblr-bg-surface)}
.flatpickr-calendar.aifbase-flatpickr .flatpickr-day:hover,
.flatpickr-calendar.aifbase-flatpickr .flatpickr-day:focus{background:var(--tblr-bg-surface-secondary);border-color:var(--tblr-bg-surface-secondary)}
.flatpickr-calendar.aifbase-flatpickr .flatpickr-day.selected,
.flatpickr-calendar.aifbase-flatpickr .flatpickr-day.startRange,
.flatpickr-calendar.aifbase-flatpickr .flatpickr-day.endRange{color:#fff;background:var(--tblr-primary);border-color:var(--tblr-primary)}
.flatpickr-calendar.aifbase-flatpickr .flatpickr-day.flatpickr-disabled,
.flatpickr-calendar.aifbase-flatpickr .flatpickr-day.prevMonthDay,
.flatpickr-calendar.aifbase-flatpickr .flatpickr-day.nextMonthDay{color:var(--tblr-secondary-color)}
.flatpickr-calendar.aifbase-flatpickr .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar.aifbase-flatpickr .flatpickr-months .flatpickr-next-month{fill:var(--tblr-body-color);color:var(--tblr-body-color)}

@media(max-width:760px){
  .page-company #tasks .company-task-grid{grid-template-columns:1fr}
  .page-company #tasks .task-title-field,
  .page-company #tasks .task-description-field,
  .page-company #tasks .task-comment-field,
  .page-company #tasks .task-submit{grid-column:auto}
  .page-company #tasks .task-submit{justify-self:end;width:auto}
}

@media(max-width:760px){
  .task-deadline-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
  .task-deadline-presets{grid-column:1/-1}
  .page-tasks .task-edit-grid>.task-deadline-picker,
  .page-tasks .task-form-card .task-edit-grid>.task-deadline-picker{grid-column:1/-1!important}
}

/* Fit desktop data tables into their cards without hiding right columns. */
@media(min-width:761px){
  .page-tasks .tablebox,
  .page-users .tablebox,
  .page-insurance .insurance-table-wrap{
    overflow-x:hidden;
  }

  .page-tasks .tablebox table,
  .page-users .tablebox table,
  .page-insurance .insurance-table-wrap .policies{
    width:100%;
    min-width:0;
    table-layout:fixed;
  }

  .page-tasks .tablebox th,
  .page-tasks .tablebox td,
  .page-users .tablebox th,
  .page-users .tablebox td,
  .page-insurance .policies th,
  .page-insurance .policies td{
    min-width:0!important;
    overflow-wrap:anywhere;
    word-break:normal;
  }

  .page-tasks .tablebox th:nth-child(1),.page-tasks .tablebox td:nth-child(1){width:5%}
  .page-tasks .tablebox th:nth-child(2),.page-tasks .tablebox td:nth-child(2){width:27%}
  .page-tasks .tablebox th:nth-child(3),.page-tasks .tablebox td:nth-child(3){width:20%}
  .page-tasks .tablebox th:nth-child(4),.page-tasks .tablebox td:nth-child(4){width:11%}
  .page-tasks .tablebox th:nth-child(5),.page-tasks .tablebox td:nth-child(5){width:11%}
  .page-tasks .tablebox th:nth-child(6),.page-tasks .tablebox td:nth-child(6){width:13%;white-space:normal}
  .page-tasks .tablebox th:nth-child(7),.page-tasks .tablebox td:nth-child(7){width:7%}
  .page-tasks .tablebox th:nth-child(8),.page-tasks .tablebox td:nth-child(8){width:6%;white-space:normal}
  .page-tasks .tablebox .actions{white-space:normal;flex-wrap:wrap}
  .page-tasks .tablebox .actions button{width:100%;padding:8px 6px;font-size:12px}

  .page-insurance .policies th:nth-child(1),.page-insurance .policies td:nth-child(1){width:27%}
  .page-insurance .policies th:nth-child(2),.page-insurance .policies td:nth-child(2){width:8%;white-space:normal}
  .page-insurance .policies th:nth-child(3),.page-insurance .policies td:nth-child(3){width:14%}
  .page-insurance .policies th:nth-child(4),.page-insurance .policies td:nth-child(4){width:13%;white-space:normal}
  .page-insurance .policies th:nth-child(5),.page-insurance .policies td:nth-child(5){width:11%;white-space:normal}
  .page-insurance .policies th:nth-child(6),.page-insurance .policies td:nth-child(6){width:10%;white-space:normal}
  .page-insurance .policies th:nth-child(7),.page-insurance .policies td:nth-child(7){width:9%;white-space:normal}
  .page-insurance .policies th:nth-child(8),.page-insurance .policies td:nth-child(8){width:8%;white-space:normal}

  .page-users table th:nth-child(1),.page-users table td:nth-child(1){width:16%}
  .page-users table th:nth-child(2),.page-users table td:nth-child(2){width:12%}
  .page-users table th:nth-child(3),.page-users table td:nth-child(3){width:10%}
  .page-users table th:nth-child(4),.page-users table td:nth-child(4){width:14%;white-space:normal}
  .page-users table th:nth-child(5),.page-users table td:nth-child(5){width:14%;white-space:normal}
  .page-users table th:nth-child(6),.page-users table td:nth-child(6){width:34%}
  .page-users .actions{display:grid;grid-template-columns:auto minmax(190px,1fr);gap:7px;white-space:normal}
  .page-users .actions form{min-width:0;width:100%;flex-wrap:nowrap}
  .page-users .actions form:nth-child(3){grid-column:1/-1}
  .page-users .actions input{min-width:0;width:100%}
  .page-users .actions select{width:78px;flex:none}
  .page-users .actions button{flex:none;padding-left:10px;padding-right:10px}

  .page-tasks .tablebox table,
  .page-insurance .policies,
  .page-users .tablebox table{
    font-size:13px!important;
  }

  .page-tasks .tablebox th,
  .page-insurance .policies th,
  .page-users .tablebox th{
    font-size:11px!important;
  }
}

/* =========================================================
   Unified compact typography — Inter/system UI stack
   ========================================================= */
.page-login,
.page-login button,
.page-login input,
.aifbase-legacy-content,
.aifbase-legacy-content button,
.aifbase-legacy-content input,
.aifbase-legacy-content select,
.aifbase-legacy-content textarea{
  font-family:var(--v4-font);
  font-synthesis:none;
}

.page-login,
.aifbase-legacy-content{
  font-size:14px;
  font-weight:400;
  line-height:1.4;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.aifbase-legacy-content button,
.aifbase-legacy-content .btn,
.aifbase-legacy-content input,
.aifbase-legacy-content select,
.aifbase-legacy-content textarea{
  font-size:14px;
  font-weight:400;
  line-height:1.35;
}

.aifbase-legacy-content button,
.aifbase-legacy-content .btn{font-weight:500}

.aifbase-legacy-content .v4-back{font-weight:500}

.aifbase-legacy-content h1,
.page-company-edit .card h1,
.page-url-preview .title,
.page-login .login-brand h1{
  font-size:20px;
  font-weight:600;
  line-height:1.25;
  letter-spacing:-.01em;
}

.aifbase-legacy-content h2,
.page-index .section-title,
.page-index .db-head h2,
.page-tasks .card h2,
.page-tasks .task-form-card h2,
.page-vehicles .card h2,
.page-insurance .card h2,
.page-users .card h2{
  font-size:16px!important;
  font-weight:600;
  line-height:1.3;
}

.aifbase-legacy-content h3{font-size:15px;font-weight:600;line-height:1.35}

.aifbase-legacy-content strong,
.aifbase-legacy-content b{font-weight:600}

.aifbase-legacy-content .small,
.aifbase-legacy-content .muted,
.aifbase-legacy-content .hint,
.page-index .section-subtitle,
.page-index .db-count,
.page-index .status-info,
.page-company-edit .hint,
.page-company .note-meta,
.page-company .activity-details,
.page-tasks .small,
.page-users .password-note{
  font-size:12px;
  font-weight:400;
  line-height:1.4;
}

.aifbase-legacy-content th,
.page-index .table-wrap th,
.page-tasks .tablebox th,
.page-insurance .policies th,
.page-users .tablebox th{
  font-size:12px!important;
  font-weight:600;
  line-height:1.3;
  letter-spacing:0;
}

.aifbase-legacy-content td,
.vehicles,
.policies,
.page-tasks .tablebox table,
.page-users .tablebox table{
  font-size:13px!important;
  font-weight:400;
  line-height:1.35;
}

.aifbase-legacy-content .badge,
.aifbase-legacy-content .status,
.page-index .status-pill,
.page-index .status-badge,
.page-company .status,
.page-company .tag{
  font-size:12px;
  font-weight:500;
  line-height:1.3;
}

.page-index .company,
.page-index .company-name,
.page-index .link,
.page-tasks .deadline-overdue,
.page-tasks .deadline-today,
.page-tasks .deadline-soon{
  font-weight:600;
}

.page-index .company-name{font-size:16px;line-height:1.3}
.page-index .stat-label{font-size:12px;font-weight:400;letter-spacing:.02em}
.page-index .stat-value,
.page-tasks .stat b{font-size:20px;font-weight:600;line-height:1.2}
.page-index .quick-filter{font-size:13px;font-weight:500}
.page-index .mobile-action{font-size:13px;font-weight:500;line-height:1.3}

.page-company .info b,
.page-company #tasks .task-field,
.page-company #tasks .task-reminders legend,
.page-company-edit label,
.page-pdf-import .field label,
.page-url-preview .field label,
.page-login .login-card label{
  font-weight:500;
}

.page-url-preview .actions2 button,
.page-url-preview .actions2 a,
.page-url-preview .logo{font-weight:600}

.page-login .login-logo{font-size:16px;font-weight:700}
.page-login .login-field input{font-size:15px}
.page-login .login-submit{font-size:15px;font-weight:600}
.page-login .flash{font-size:13px;line-height:1.4}

@media(max-width:800px) and (min-width:761px){
  .aifbase-legacy-content{font-size:13px}
  .aifbase-legacy-content button,
  .aifbase-legacy-content .btn,
  .aifbase-legacy-content input,
  .aifbase-legacy-content select,
  .aifbase-legacy-content textarea{font-size:13px}
  .aifbase-legacy-content td,.vehicles,.policies,.page-tasks .tablebox table,.page-users .tablebox table{font-size:13px!important}
}

@media(max-width:760px){
  .aifbase-legacy-content{font-size:13px;line-height:1.4}
  .aifbase-legacy-content button,
  .aifbase-legacy-content .btn,
  .aifbase-legacy-content input,
  .aifbase-legacy-content select,
  .aifbase-legacy-content textarea{font-size:13px;line-height:1.35}
  .aifbase-legacy-content h1,
  .page-company-edit .card h1,
  .page-url-preview .title,
  .page-login .login-intro h1{font-size:22px}
  .aifbase-legacy-content h2,
  .page-index .section-title,
  .page-index .db-head h2,
  .page-tasks .card h2,
  .page-tasks .task-form-card h2,
  .page-vehicles .card h2,
  .page-insurance .card h2,
  .page-users .card h2{font-size:15px!important}
  .aifbase-legacy-content td,.vehicles,.policies{font-size:13px!important;line-height:1.35}
  .page-index .company-name{font-size:15px}
}

@media(max-width:480px){
  .aifbase-legacy-content{font-size:13px}
  .page-index .stat-label{font-size:10px}
  .page-index .stat-value,.page-tasks .stat b{font-size:18px}
  .aifbase-legacy-content .small,
  .aifbase-legacy-content .muted,
  .aifbase-legacy-content .hint,
  .page-index .section-subtitle{font-size:12px}
}

/* Company contact heading retains the same hierarchy as its Tabler cards. */
.page-company #contact-people h2{font-size:1rem;font-weight:600;line-height:1.3}
.page-company #contact-people .card-title{
  font-size:16px;
  font-weight:600;
  line-height:1.3;
}
.page-company .info b{font-size:14px;font-weight:500;line-height:1.4286}
.page-company .info div{font-size:14px;font-weight:400;line-height:1.4286}
/* Company search/add accordion; existing forms stay in place. */
.page-index .accordion-panel{
  padding:0;
  overflow:hidden;
}

.page-index .accordion-trigger{
  width:100%;
  min-height:52px;
  padding:10px 18px;
  display:grid;
  grid-template-columns:24px minmax(0,1fr) 20px;
  gap:10px;
  align-items:center;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--v4-text);
  text-align:left;
  cursor:pointer;
  list-style:none;
}

.page-index .accordion-trigger::-webkit-details-marker{display:none}
.page-index .accordion-trigger:hover{background:#fbfcfe;filter:none}
.page-index .accordion-icon{font-size:16px;text-align:center}
.page-index .accordion-heading{min-width:0;display:block}
.page-index .accordion-heading .section-title{display:block;margin:0;font-size:16px;font-weight:600;line-height:1.25}
.page-index .accordion-heading .section-subtitle{display:block;margin:2px 0 0;font-size:12px;font-weight:400;line-height:1.3}
.page-index .accordion-indicator{font-size:14px;font-weight:500;text-align:right;transition:transform .15s ease}
.page-index .accordion-panel[open] .accordion-indicator{transform:rotate(180deg)}
.page-index .accordion-content{padding:4px 20px 20px}
.page-index .accordion-content[hidden]{display:none}
.page-index .accordion-description{margin:0 0 12px;color:var(--v4-muted);font-size:13px;font-weight:400;line-height:1.4}

.page-index .add-mode-switch{
  display:inline-flex;
  gap:3px;
  padding:3px;
  margin:0 0 10px;
  border:1px solid #d7e1ec;
  border-radius:9px;
  background:#f4f7fb;
}
.page-index .add-mode-button{
  min-height:32px;
  padding:5px 13px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:var(--v4-muted);
  font-size:13px;
  font-weight:500;
  line-height:1.25;
}
.page-index .add-mode-button.is-active{
  background:#fff;
  color:var(--v4-text);
  box-shadow:0 1px 3px rgba(15,23,42,.12);
}

/* Company page forms use one isolated layout contract. */
.page-index .company-form-row{
  display:grid;
  gap:10px;
  align-items:stretch;
  width:100%;
  min-width:0;
}
.page-index .company-search-layout{grid-template-columns:minmax(0,1fr) 90px max-content}
.page-index .company-add-layout{grid-template-columns:minmax(0,1fr) max-content}
.page-index .company-form-row>.input{width:100%;min-width:0;max-width:none;box-sizing:border-box}
.page-index .company-form-row>.search-btn{
  width:auto;
  min-width:max-content;
  height:44px;
  padding:0 20px;
  justify-self:start;
  white-space:nowrap;
  box-sizing:border-box;
}
.page-index .search-submit-button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.page-index .search-submit-spinner{
  width:14px;
  height:14px;
  flex:0 0 14px;
  box-sizing:border-box;
  border:2px solid rgba(255,255,255,.45);
  border-top-color:#fff;
  border-radius:50%;
  animation:company-search-spin .7s linear infinite;
}
@keyframes company-search-spin{to{transform:rotate(360deg)}}
.page-index .company-search-message,
.page-index .company-search-summary,
.page-index .company-search-empty{margin-top:12px;padding:9px 11px;border-radius:8px;font-size:13px;line-height:1.4}
.page-index .company-search-summary{border:1px solid var(--v4-line);background:#f8fafc;color:var(--v4-text)}
.page-index .company-search-message.is-warning{border:1px solid #f1d39d;background:#fff7e6;color:#8a5700}
.page-index .company-search-message.is-error{border:1px solid #efb4b4;background:#fff1f1;color:#9f1d1d}
.page-index .browser-confirmation-action{display:flex;align-items:center;gap:10px;margin-top:9px}
.page-index .browser-confirmation-action .btn{flex:none;min-height:36px;padding:8px 11px;font-size:12px}
.page-index .browser-confirmation-action span{color:inherit;font-size:12px}
.page-index .company-search-empty{border:1px dashed var(--v4-line);color:var(--v4-muted)}
.page-index .company-search-results{margin-top:10px;overflow-x:auto}
.page-index .company-search-results table{min-width:680px;font-size:13px}
.page-index .company-search-results th{padding:8px 10px;background:#edf3fa;color:#30465d;font-size:12px;font-weight:600}
.page-index .company-search-results td{padding:9px 10px;vertical-align:middle}
.page-index .company-search-results td:nth-child(1){width:38%}
.page-index .company-search-results td:nth-child(2){width:27%;overflow-wrap:anywhere}
.page-index .company-search-results td:nth-child(4){width:100px}
.page-index .company-search-results form{margin:0}
.page-index .search-result-status{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}
.page-index .search-result-status.is-new{background:#eaf7f0;color:#12663c}
.page-index .search-result-status.is-existing{background:#edf1f6;color:#536172}
.page-index .search-result-action{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 10px;font-size:12px;white-space:nowrap}

.page-url-preview .fns-summary{
  margin:0 0 14px;
  padding:16px 18px;
  border:1px solid #dbe5ef;
  border-radius:14px;
  background:#fff;
}
.page-url-preview .fns-summary h2{margin:0 0 12px;font-size:16px;font-weight:600}
.page-url-preview .fns-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:0}
.page-url-preview .fns-summary dl>div{min-width:0}
.page-url-preview .fns-summary dt{margin:0 0 2px;color:var(--v4-muted);font-size:12px;font-weight:500}
.page-url-preview .fns-summary dd{margin:0;overflow-wrap:anywhere;font-size:13px;line-height:1.4}
.page-url-preview .fns-summary .span2{grid-column:1/-1}

/* Tasks: keep the action heading and controls readable without widening the table. */
@media(min-width:761px){
  .page-tasks .tablebox th:nth-child(2),.page-tasks .tablebox td:nth-child(2){width:25%}
  .page-tasks .tablebox th:nth-child(3),.page-tasks .tablebox td:nth-child(3){width:18%}
  .page-tasks .tablebox th:nth-child(8),.page-tasks .tablebox td:nth-child(8){
    width:10%;
    min-width:105px!important;
    overflow-wrap:normal;
    word-break:normal;
  }
  .page-tasks .tablebox th:nth-child(8){white-space:nowrap}
}

/* PDF import typography follows the primary application pages. */
.page-pdf-import .card h1{font-size:16px;font-weight:600;line-height:1.3}
.page-pdf-import .card p{font-size:14px;font-weight:400;line-height:1.4}
.page-pdf-import .field label{font-size:13px;font-weight:500;line-height:1.35}
.page-pdf-import .field input,
.page-pdf-import .field select,
.page-pdf-import .field textarea{font-size:14px;font-weight:400;line-height:1.35}
.page-pdf-import .back{font-size:13px;font-weight:500;line-height:1.35}
.page-pdf-import .btn,
.page-pdf-import .btn-save{font-size:14px;font-weight:500;line-height:1.35}
.page-insurance-import .ok,
.page-insurance-import .err{font-weight:600}
.page-tasks .badge,
.page-users .badge{font-weight:500}
.page-vehicles .vehicle-submit{font-weight:500}
.page-insurance-edit .delete-btn{font-size:14px;font-weight:600;line-height:1.35}

@media(max-width:800px){
  .page-index .accordion-trigger{grid-template-columns:22px minmax(0,1fr) 18px;padding:10px 14px}
  .page-index .accordion-content{padding:4px 14px 16px}
  .page-index .company-search-layout,
  .page-index .company-add-layout{grid-template-columns:1fr}
  .page-index .company-form-row>.search-btn{width:100%;min-width:0}
  .page-index .browser-confirmation-action{align-items:stretch;flex-direction:column}
  .page-index .browser-confirmation-action .btn{width:100%;text-align:center}
  .page-index .company-search-results{overflow:visible}
  .page-index .company-search-results table,
  .page-index .company-search-results tbody,
  .page-index .company-search-results tr,
  .page-index .company-search-results td{display:block;width:100%;min-width:0}
  .page-index .company-search-results table{min-width:0}
  .page-index .company-search-results thead{display:none}
  .page-index .company-search-results tr{margin-top:10px;padding:10px;border:1px solid var(--v4-line);border-radius:10px;background:#fff}
  .page-index .company-search-results td,
  .page-index .company-search-results td:nth-child(n){display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px;width:100%;padding:5px 0;border:0}
  .page-index .company-search-results td::before{content:attr(data-label);color:var(--v4-muted);font-size:11px;font-weight:500}
  .page-index .company-search-results td[data-label="Действие"]{align-items:center}
}

@media(max-width:760px){
  .page-vehicles .vehicles td{font-size:14px!important}
  .page-vehicles .actions a,
  .page-insurance .actions a{font-weight:500}
  .page-vehicles .vehicles td::before,
  .page-insurance .policies td::before,
  .page-users td::before{font-weight:600}
}

@media(max-width:480px){
  .page-index .accordion-trigger{min-height:52px;padding:9px 11px;gap:8px}
  .page-index .accordion-heading .section-title{font-size:15px}
  .page-index .accordion-heading .section-subtitle{font-size:11px;white-space:normal}
  .page-index .accordion-content{padding:3px 11px 14px}
  .page-index .accordion-description{font-size:12px}
  .page-index .add-mode-switch{display:flex;width:100%}
  .page-index .add-mode-button{flex:1}
  .page-url-preview .fns-summary{padding:13px}
  .page-url-preview .fns-summary dl{grid-template-columns:1fr}
  .page-url-preview .fns-summary .span2{grid-column:auto}
}

/* Stage 3: Tabler company index and URL preview; only functional layout remains custom. */
.page-index .badge.bg-primary{color:var(--tblr-primary-fg)}
.page-index .badge.bg-secondary-lt{color:var(--tblr-secondary-text-emphasis)!important}
.page-index .alert-info{--tblr-alert-color:var(--tblr-info-text-emphasis)}
.page-index .alert-secondary{--tblr-alert-color:var(--tblr-secondary-text-emphasis)}
.page-index .btn-outline-primary{--tblr-btn-color:var(--tblr-link-color)}
.page-index .card,
.page-url-preview .card{background:var(--tblr-card-bg);color:var(--tblr-body-color)}

/* Companies: keep the database and its search at the top of the working view. */
.page-index .page-header{padding-block:.5rem}
.page-index .page-header .page-title{margin:0;font-size:1.35rem;line-height:1.2}
.page-index .page-header .text-secondary{margin-top:.2rem!important;font-size:.8rem}
.page-index .company-metrics{display:flex;flex-wrap:wrap;align-items:stretch;gap:.4rem;margin:0 0 .6rem}
.page-index .company-metric{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:.45rem;
  min-height:2rem;
  padding:.3rem .55rem;
  border:1px solid var(--tblr-border-color);
  border-radius:var(--tblr-border-radius);
  background:var(--tblr-card-bg);
  color:var(--tblr-body-color);
  font-size:.75rem;
  line-height:1.25;
  text-decoration:none;
}
.page-index .company-metric strong{
  flex:none;
  padding:.08rem .38rem;
  border-radius:999px;
  background:var(--tblr-bg-surface-secondary);
  color:var(--tblr-body-color);
  font-size:.72rem;
  font-weight:600;
}
.page-index .company-metric:hover{border-color:var(--tblr-primary);color:var(--tblr-link-hover-color);text-decoration:none}
.page-index .company-metric.active{border-color:var(--tblr-primary);background:var(--tblr-primary-lt);color:var(--tblr-primary-text-emphasis)}
.page-index .company-metric.active strong{background:var(--tblr-primary);color:var(--tblr-primary-fg)}
.page-index .company-metric:focus-visible,
.page-index .company-additional-filters summary:focus-visible,
.page-index .aifbase-disclosure-trigger:focus-visible{
  outline:2px solid var(--tblr-primary);
  outline-offset:2px;
  position:relative;
  z-index:1;
}
.page-index .company-list-heading{min-height:0;padding:.55rem .85rem}
.page-index .company-list-heading .card-title{margin:0;font-size:.95rem}
.page-index .company-database-tools{padding:.65rem .85rem!important}
.page-index .company-database-search{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:.55rem;width:100%;max-width:960px;min-width:0;align-items:center}
.page-index .company-database-search>*{box-sizing:border-box;min-width:0;max-width:100%}
.page-index .company-database-search .input-group{display:flex;flex-wrap:nowrap;align-items:stretch;min-width:0;height:2.65rem}
.page-index .company-database-search .form-control{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:2.65rem;font-size:.95rem}
.page-index .company-database-search .input-group-text{padding-inline:.7rem}
.page-index .company-database-search>.btn{min-height:2.65rem;display:inline-flex;align-items:center;gap:.4rem;padding-inline:1rem}
.page-index .company-database-search .icon{width:1rem;height:1rem}
.page-index .company-additional-filters{width:100%;max-width:100%;min-width:0;margin-top:.45rem;font-size:.8rem}
.page-index .company-additional-filters>summary{width:max-content;max-width:100%;padding:.2rem 0;color:var(--tblr-link-color);cursor:pointer}
.page-index .company-additional-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem;align-items:end;width:100%;max-width:960px;min-width:0;padding:.6rem 0 .1rem}
.page-index .company-additional-filter-grid>*{box-sizing:border-box;min-width:0;max-width:100%}
.page-index .company-additional-filter-grid>div{min-width:0}
.page-index .company-additional-filter-grid>div:not(.company-tag-filter){grid-column:span 2}
.page-index .company-additional-filter-grid .company-tag-filter{grid-column:span 2}
.page-index .company-additional-filter-grid .company-tag-filter .form-select{min-height:5.75rem}
.page-index .company-tag-filter .form-hint{margin-top:.2rem;font-size:.7rem}
.page-index .company-additional-filter-grid .form-label{margin-bottom:.25rem;font-size:.75rem}
.page-index .company-additional-filter-grid .form-select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:2.25rem;padding-block:.35rem;font-size:.8rem}
.page-index .company-additional-filter-grid .form-check{position:static;min-height:2.25rem;display:flex;align-items:center;gap:.4rem;margin:0;padding:0;white-space:normal}
.page-index .company-additional-filter-grid .form-check-input{position:static;flex:0 0 auto;margin:0}
.page-index .company-additional-filter-grid .form-check-label{min-width:0;overflow-wrap:anywhere}
.page-index .company-additional-filter-grid .btn{grid-column:1/-1;width:max-content;min-height:2.25rem;max-width:100%;padding:.35rem .65rem;font-size:.8rem;white-space:normal}
.page-index .aifbase-company-card>.table-responsive{margin:0}
.page-index .aifbase-company-card .company-summary-row:focus-visible{outline:2px solid var(--tblr-primary);outline-offset:-2px}
.page-index .company-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1rem;flex-wrap:wrap;padding:.55rem .85rem}
.page-index .company-result-count{margin:0;color:var(--tblr-secondary-color);font-size:.8rem}
.page-index .company-result-count strong{color:var(--tblr-body-color);font-weight:600}
.page-index .company-sort-form{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;min-width:0}
.page-index .company-sort-form .form-label{margin:0;color:var(--tblr-secondary-color);font-size:.75rem}
.page-index .company-sort-form .form-select{width:auto;min-width:0;max-width:100%}
@media(max-width:1100px){
  .page-index .company-additional-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-index .company-additional-filter-grid>div:not(.company-tag-filter),
  .page-index .company-additional-filter-grid .company-tag-filter{grid-column:span 1}
  .page-index .company-additional-filter-grid>.btn{grid-column:1/-1;width:100%}
}
@media(max-width:800px){
  .page-index .aifbase-company-card>.table-responsive{display:none}
  .page-index .mobile-list{display:grid;gap:.6rem;padding:.7rem}
  .page-index .company-metric{flex:1 1 calc(50% - .4rem);min-width:0}
  .page-index .company-metric span{min-width:0;overflow-wrap:anywhere}
  .page-index .company-list-heading{padding:.55rem .7rem}
}
@media(max-width:480px){
  .page-index .page-header .page-title{font-size:1.2rem}
  .page-index .page-header .text-secondary{font-size:.75rem}
  .page-index .company-database-search{grid-template-columns:minmax(0,1fr)}
  .page-index .company-database-search>.btn{width:100%;justify-content:center}
  .page-index .company-database-tools{padding:.6rem .65rem!important}
  .page-index .company-additional-filter-grid{grid-template-columns:minmax(0,1fr)}
  .page-index .company-additional-filter-grid>div:not(.company-tag-filter),
  .page-index .company-additional-filter-grid .company-tag-filter{grid-column:auto}
  .page-index .company-additional-filter-grid>.btn{grid-column:auto}
  .page-index .company-list-toolbar{align-items:stretch;padding:.6rem .65rem!important}
  .page-index .company-sort-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%}
  .page-index .company-sort-form .form-label{grid-column:1/-1}
  .page-index .company-sort-form .form-select{width:100%}
  .page-index .company-sort-form .btn{grid-column:1/-1}
}
.page-index .page-title,
.page-url-preview .page-title,
.page-index .card-title,
.page-url-preview .card-title{color:var(--tblr-body-color)}
.page-index .form-control,
.page-index .form-select,
.page-url-preview .form-control{background-color:var(--tblr-bg-forms);color:var(--tblr-body-color)}
.page-index .aifbase-disclosure{overflow:hidden}
.page-index .aifbase-disclosure-trigger{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:.75rem;
  align-items:center;
  cursor:pointer;
  list-style:none;
}
.page-index .aifbase-disclosure-trigger::-webkit-details-marker{display:none}
.page-index .aifbase-disclosure[open] .accordion-indicator{transform:rotate(180deg)}
.page-index .browser-confirmation-action{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}
.page-index .search-submit-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}
.page-index .search-submit-spinner{
  width:1rem;
  height:1rem;
  border:.125rem solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  animation:company-search-spin .7s linear infinite;
}
.page-index .aifbase-company-table{min-width:760px}
.page-index .aifbase-company-table td{max-width:24rem;overflow-wrap:anywhere}
.page-index .company-details-row[hidden]{display:none}
.page-index .company-details-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  padding:1rem;
}
.page-index .company-detail-block{min-width:0;overflow-wrap:anywhere}
.page-index .company-detail-block h3{font-size:.875rem;margin:0 0 .5rem}
.page-index .company-detail-actions{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1rem 1rem}
.page-index .contact-item{display:flex;align-items:center;gap:.25rem;min-width:0}
.page-index .copy-btn{flex:none}
/* The migrated company list keeps its layout without opting into legacy UI. */
.page-index .app{max-width:none!important;padding:0 0 2rem!important}
.page-index .aifbase-dashboard-grid .card{border-radius:var(--tblr-border-radius-lg);box-shadow:var(--tblr-box-shadow-card)}
.page-index .accordion-icon,
.page-index .accordion-indicator,
.page-index .summary-assignee,
.page-index .contact-name,
.page-index .info-icon,
.page-index .mobile-action{display:inline-flex;align-items:center;gap:.375rem}
.page-index .accordion-icon .icon,
.page-index .accordion-indicator .icon,
.page-index .summary-assignee .icon,
.page-index .contact-name .icon,
.page-index .info-icon .icon,
.page-index .mobile-action .icon,
.page-index .copy-btn .icon,
.page-index .sort-arrow .icon{width:1rem;height:1rem}
.page-index .company-toggle .icon{transition:transform .15s ease}
.page-index .company-toggle.is-open .icon{transform:rotate(180deg)}
.page-index .sort-arrow{display:inline-flex;vertical-align:middle}
.page-index .sort-arrow.sort-asc .icon{transform:rotate(180deg)}
.page-index .sort-arrow.sort-desc .icon{transform:none}
.page-index .company-summary-row{background:var(--tblr-card-bg)}
.page-index .company-summary-row:hover td,
.page-index .company-summary-row:focus td{background:var(--tblr-bg-surface-secondary)}
.page-index .company-summary-row.is-open td{background:var(--tblr-bg-surface-secondary)}
.page-index .company-toggle{background:var(--tblr-bg-surface-secondary);color:var(--tblr-body-color)}
.page-index .toast{position:fixed;left:50%;bottom:1rem;z-index:1080;opacity:0;pointer-events:none;transform:translateX(-50%)}
.page-index .toast.show{opacity:1}
.page-url-preview .preview-wrap{max-width:980px;padding:0 0 2rem}
.page-url-preview .source-note{overflow-wrap:anywhere}

/* Dashboard V2: only behavior not provided by the Tabler grid/components. */
.page-dashboard .dashboard-grid>[class*="col-"]{min-width:0}
.page-dashboard .dashboard-grid .card{overflow:hidden}
.page-dashboard .dashboard-grid .card-title{display:flex;align-items:center;gap:.5rem;min-width:0}
.page-dashboard .dashboard-grid .list-group-item{min-width:0}
.page-dashboard #dashboard-settings{width:min(440px,100vw)}
.page-dashboard .dashboard-widget-item[data-kpi="true"] .dashboard-widget-body .card-body>div:last-child{min-width:0;flex:1;overflow-wrap:anywhere}
.page-dashboard .dashboard-widget-item[data-kpi-density="compact"] .dashboard-widget-body .card-body{padding:.75rem}
.page-dashboard .dashboard-widget-item[data-kpi-density="compact"] .dashboard-widget-body .card-body>.avatar{width:2rem;height:2rem;flex:0 0 2rem;margin-right:.625rem!important}
.page-dashboard .dashboard-widget-item[data-kpi-density="compact"] .dashboard-widget-body .card-body>.avatar .icon{width:1.125rem;height:1.125rem}
.page-dashboard .dashboard-widget-item[data-kpi-density="compact"] .dashboard-widget-body .card-body>div:last-child>.text-secondary:first-child{font-size:.875rem;line-height:1.2}
.page-dashboard .dashboard-widget-item[data-kpi-density="compact"] .dashboard-widget-body .card-body>div:last-child>.h1{font-size:1.75rem;line-height:1.1}
.page-dashboard .dashboard-widget-item[data-kpi-density="compact"] .dashboard-widget-body .card-body>div:last-child>.small{font-size:.75rem;line-height:1.2;white-space:normal}
.page-dashboard .dashboard-widget-item[data-kpi-density="minimal"] .dashboard-widget-body .card-body{padding:.5rem}
.page-dashboard .dashboard-widget-item[data-kpi-density="minimal"] .dashboard-widget-body .card-body>.avatar{width:1.75rem;height:1.75rem;flex:0 0 1.75rem;margin-right:.5rem!important}
.page-dashboard .dashboard-widget-item[data-kpi-density="minimal"] .dashboard-widget-body .card-body>.avatar .icon{width:1rem;height:1rem}
.page-dashboard .dashboard-widget-item[data-kpi-density="minimal"] .dashboard-widget-body .card-body>div:last-child>.text-secondary:first-child{font-size:.8125rem;line-height:1.2}
.page-dashboard .dashboard-widget-item[data-kpi-density="minimal"] .dashboard-widget-body .card-body>div:last-child>.h1{font-size:1.5rem;line-height:1.1}
.page-dashboard .dashboard-widget-item[data-kpi-density="minimal"] .dashboard-widget-body .card-body>div:last-child>.small{font-size:.6875rem;line-height:1.2;white-space:normal}
.page-dashboard .dashboard-widget-setting{touch-action:pan-y}
.page-dashboard .dashboard-widget-setting.dashboard-dragging{opacity:.45}
.page-dashboard .dashboard-drag-handle{cursor:grab;touch-action:none}
.page-dashboard .dashboard-drag-handle:active{cursor:grabbing}
.page-dashboard .dashboard-size-select{width:auto;min-width:8.5rem}
.page-dashboard .dashboard-move-up-icon{display:inline-flex;transform:rotate(180deg)}

@media(max-width:575.98px){
  .page-dashboard .dashboard-size-select{width:100%}
}

@media(max-width:767.98px){
  .page-index .browser-confirmation-action{align-items:stretch;flex-direction:column}
  .page-index .browser-confirmation-action .btn,
  .page-index .browser-confirmation-action form,
  .page-index .browser-confirmation-action form .btn{width:100%}
  .page-index .company-details-grid{grid-template-columns:1fr}
  .page-index .company-detail-actions{flex-direction:column}
  .page-index .company-detail-actions .btn,
  .page-index .company-detail-actions form{width:100%}
  .page-index .input-group{display:grid;grid-template-columns:1fr}
  .page-index .input-group>.form-control,
  .page-index .input-group>.btn{width:100%;border-radius:var(--tblr-border-radius)!important}
}

/* Vehicles grouped by their stored type. */
.page-vehicles .vehicle-groups{
  display:grid;
  gap:8px;
}

.page-vehicles .vehicle-group{
  min-width:0;
}

.page-vehicles .vehicle-group>summary{list-style:none;cursor:pointer}
.page-vehicles .vehicle-group>summary::-webkit-details-marker{display:none}
.page-vehicles .vehicle-group>summary::before{content:'▸';flex:none;color:var(--v4-muted);font-size:13px}
.page-vehicles .vehicle-group[open]>summary::before{content:'▾'}

.page-vehicles .vehicle-group + .vehicle-group{
  padding-top:0;
  border-top:0;
}

.page-vehicles .vehicle-group-header{
  box-sizing:border-box;
  min-height:44px;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-radius:9px;
  background:#f7f9fc;
}

.page-vehicles .vehicle-group[open]>.vehicle-group-header{
  margin-bottom:0;
  border-radius:9px 9px 0 0;
}

.page-vehicles .vehicle-group-title{
  margin:0;
  margin-right:auto;
  font-size:15px;
  font-weight:600;
  line-height:1.3;
}

.page-vehicles .vehicle-group-count{
  flex:none;
  color:var(--v4-muted);
  font-size:12px;
  font-weight:500;
  line-height:1.3;
  white-space:nowrap;
}

.page-vehicles .vehicle-group .vehicles{margin:0}

@media(min-width:761px){
  .page-vehicles .vehicle-group .vehicles{
    width:100%;
    min-width:0;
    table-layout:fixed;
  }

  .page-vehicles .vehicle-group .vehicles th:nth-child(1),
  .page-vehicles .vehicle-group .vehicles td:nth-child(1){width:23%;min-width:0}
  .page-vehicles .vehicle-group .vehicles th:nth-child(2),
  .page-vehicles .vehicle-group .vehicles td:nth-child(2){width:12%;min-width:0}
  .page-vehicles .vehicle-group .vehicles th:nth-child(3),
  .page-vehicles .vehicle-group .vehicles td:nth-child(3){width:15%;min-width:0}
  .page-vehicles .vehicle-group .vehicles th:nth-child(4),
  .page-vehicles .vehicle-group .vehicles td:nth-child(4){width:7%;min-width:0}
  .page-vehicles .vehicle-group .vehicles th:nth-child(5),
  .page-vehicles .vehicle-group .vehicles td:nth-child(5){width:12%;min-width:0}
  .page-vehicles .vehicle-group .vehicles th:nth-child(6),
  .page-vehicles .vehicle-group .vehicles td:nth-child(6){width:14%;min-width:0}
  .page-vehicles .vehicle-group .vehicles th:nth-child(7),
  .page-vehicles .vehicle-group .vehicles td:nth-child(7){width:17%;min-width:0}

  .page-vehicles .vehicle-group .vehicles th,
  .page-vehicles .vehicle-group .vehicles td{
    padding-top:6px;
    padding-bottom:6px;
    line-height:1.25;
    vertical-align:middle;
  }

  .page-vehicles .vehicle-group .actions{
    white-space:nowrap;
  }

  .page-vehicles .vehicle-group .actions > a{
    display:inline-block;
    margin-right:7px;
    vertical-align:middle;
  }

  .page-vehicles .vehicle-group .actions > form{
    display:inline-block!important;
    margin:0;
    vertical-align:middle;
  }

  .page-vehicles .vehicle-group .delete-link{
    min-height:32px;
    padding:5px 10px;
    border-radius:7px;
    font-size:13px;
    line-height:1.2;
  }
}

@media(max-width:760px){
  .page-vehicles .vehicle-groups{gap:7px}
  .page-vehicles .vehicle-group + .vehicle-group{padding-top:0}
  .page-vehicles .vehicle-group-header{
    min-height:42px;
    padding:0 10px;
    border-radius:9px;
  }
  .page-vehicles .vehicle-group-title{font-size:14px}
  .page-vehicles .vehicle-group .vehicles{margin-top:8px}
}

/* New task form: primary fields first, supporting controls below. */
.page-tasks .task-create-heading{margin:0}
.page-tasks .task-form-card>.card-body{padding:0}
.page-tasks .task-create-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.page-tasks .task-create-indicator{font-size:15px;transition:transform .2s ease}
.page-tasks .task-create-toggle[aria-expanded="true"] .task-create-indicator{transform:rotate(180deg)}
.page-tasks .task-create-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .22s ease,opacity .18s ease,margin-top .22s ease}
.page-tasks .task-create-panel.is-open{grid-template-rows:1fr;opacity:1;margin-top:12px;padding:1rem}
.page-tasks .task-create-panel-inner{min-height:0;overflow:hidden}

@media(min-width:901px){
  .page-tasks .task-form-card .task-title-input,
  .page-tasks .task-form-card .task-description-input{grid-column:span 6}

  .page-tasks .task-form-card .task-company-select{grid-column:span 5}
  .page-tasks .task-form-card .task-status-select{grid-column:span 3}
  .page-tasks .task-form-card .task-priority-select{grid-column:span 4}
  .page-tasks .task-form-card .task-deadline-input{grid-column:span 3}
  .page-tasks .task-form-card .task-comment-input{grid-column:span 3}
  .page-tasks .task-form-card .task-reminders{grid-column:span 4}
  .page-tasks .task-form-card .task-submit{grid-column:span 2}
}

.page-tasks .task-form-card .task-description-input{
  min-height:44px!important;
  height:44px!important;
  padding:11px 12px!important;
  resize:none;
}

/* Expanded task editor inside the task table. */
.page-tasks .editrow > td{padding:10px}

.page-tasks .task-edit-grid,
.page-tasks .task-form-card .task-edit-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:8px;
  align-items:start;
}

.page-tasks .task-form-card .task-edit-grid > :nth-child(1),
.page-tasks .task-form-card .task-edit-grid > :nth-child(2),
.page-tasks .editrow .task-edit-grid > :nth-child(1),
.page-tasks .editrow .task-edit-grid > :nth-child(2){grid-column:span 6}
.page-tasks .task-form-card .task-edit-grid > :nth-child(3),
.page-tasks .editrow .task-edit-grid > :nth-child(3){grid-column:span 5}
.page-tasks .task-form-card .task-edit-grid > :nth-child(4),
.page-tasks .editrow .task-edit-grid > :nth-child(4){grid-column:span 3}
.page-tasks .task-form-card .task-edit-grid > :nth-child(5),
.page-tasks .editrow .task-edit-grid > :nth-child(5){grid-column:span 4}
.page-tasks .task-form-card .task-edit-grid > :nth-child(6),
.page-tasks .editrow .task-edit-grid > :nth-child(6){grid-column:span 3}
.page-tasks .task-form-card .task-edit-grid > :nth-child(7),
.page-tasks .editrow .task-edit-grid > :nth-child(7){grid-column:span 3}
.page-tasks .task-form-card .task-edit-grid > :nth-child(8),
.page-tasks .editrow .task-edit-grid > :nth-child(8){grid-column:span 4}
.page-tasks .task-form-card .task-edit-grid > :nth-child(9),
.page-tasks .editrow .task-edit-grid > :nth-child(9){grid-column:span 2}

.page-tasks .task-edit-grid input:not([type="checkbox"]),
.page-tasks .task-edit-grid select,
.page-tasks .task-edit-grid textarea,
.page-tasks .task-edit-grid > button{
  width:100%;
  min-width:0;
  min-height:40px!important;
  height:40px!important;
  padding:8px 10px!important;
  box-sizing:border-box;
  font-size:13px;
}

.page-tasks .task-edit-grid textarea{
  min-height:40px!important;
  height:40px!important;
  resize:none;
}

.page-tasks .task-edit-grid .wide{
  min-height:40px;
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  font-size:13px;
}

.page-tasks .task-edit-grid .wide label{
  display:inline-flex;
  align-items:center;
  gap:5px;
  white-space:nowrap;
}

@media(max-width:900px) and (min-width:761px){
  .page-tasks .task-form-card .task-edit-grid{
    grid-template-columns:repeat(12,minmax(0,1fr));
  }
  .page-tasks .task-form-card .task-edit-grid > :nth-child(1),
  .page-tasks .task-form-card .task-edit-grid > :nth-child(2){grid-column:span 6!important}
  .page-tasks .task-form-card .task-edit-grid > :nth-child(3){grid-column:span 5!important}
  .page-tasks .task-form-card .task-edit-grid > :nth-child(4){grid-column:span 3!important}
  .page-tasks .task-form-card .task-edit-grid > :nth-child(5){grid-column:span 4!important}
  .page-tasks .task-form-card .task-edit-grid > :nth-child(6){grid-column:span 3!important}
  .page-tasks .task-form-card .task-edit-grid > :nth-child(7){grid-column:span 3!important}
  .page-tasks .task-form-card .task-edit-grid > :nth-child(8){grid-column:span 4!important}
  .page-tasks .task-form-card .task-edit-grid > :nth-child(9){grid-column:span 2!important}
}

@media(max-width:760px){
  .page-tasks .task-edit-grid{grid-template-columns:1fr}
  .page-tasks .task-edit-grid > *{grid-column:1/-1!important}
}

/* Vehicle status, archive and card. */
.page-vehicles .vehicle-summary-metrics{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.page-vehicles .vehicle-fines-total{color:var(--v4-text);font-size:13px}
.page-vehicles .vehicle-fines-total span{color:var(--v4-muted)}
.page-vehicles .vehicle-fines-state{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:500;line-height:1.25;white-space:nowrap}
.page-vehicles .vehicle-fines-state.has-fines{background:#fff0f0;color:#b42318}
.page-vehicles .vehicle-fines-state.no-fines{padding-left:0;background:transparent;color:var(--v4-muted)}
.page-vehicles .vehicle-fines-state.is-error{background:#fff7e6;color:#8a5a00}
.page-vehicles .vehicle-fines-state.is-pending,.page-vehicles .vehicle-fines-state.is-disabled,.page-vehicles .vehicle-fines-state.is-unavailable{background:#f1f3f6;color:#596474}
.page-vehicles .vehicle-status-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 4px}
.page-vehicles .vehicle-status-tabs a{padding:7px 11px;border:1px solid var(--v4-line);border-radius:9px;background:#f7f9fc;color:var(--v4-text);text-decoration:none;font-size:13px;font-weight:500}
.page-vehicles .vehicle-status-tabs a.is-active{border-color:#9bc3ec;background:var(--v4-blue-soft);color:#0d5da6}
.page-vehicles .vehicle-status-tabs span{color:var(--v4-muted);font-size:12px}
.vehicle-status{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:4px 8px;border-radius:999px;background:#eef2f7;color:#475569;font-size:12px;font-weight:500;line-height:1.25}
.vehicle-status.status-active{background:#eaf7f0;color:#12663c}
.vehicle-status.status-sold,.vehicle-status.status-written_off{background:#f1f3f6;color:#596474}
.vehicle-status.status-transferred,.vehicle-status.status-storage,.vehicle-status.status-other{background:#fff7e6;color:#8a5a00}
.page-vehicles .vehicle-name-link{color:inherit;text-decoration:none}
.page-vehicles .vehicle-name-link:hover{color:var(--v4-blue)}
.page-vehicles .vehicle-vin-secondary{margin-top:3px;color:var(--v4-muted);font-size:11px;font-weight:400;overflow-wrap:anywhere}
.page-vehicles .vehicle-status-action{position:relative}
.page-vehicles .vehicle-status-action>summary{cursor:pointer;color:var(--v4-blue);font-size:12px;list-style:none;white-space:nowrap}
.page-vehicles .vehicle-status-action>summary::-webkit-details-marker{display:none}
.page-vehicles .vehicle-status-action form{position:absolute;z-index:5;right:0;top:24px;width:250px;display:grid;gap:7px;padding:10px;border:1px solid var(--v4-line);border-radius:10px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.16)}
.page-vehicles .vehicle-status-action input,.page-vehicles .vehicle-status-action select{width:100%;height:36px;padding:0 8px}
.page-vehicles .vehicle-status-action button,.page-vehicles .vehicle-reactivate{padding:7px 9px;font-size:12px}
.page-vehicles .vehicle-group .vehicles tr:has(.status-sold),.page-vehicles .vehicle-group .vehicles tr:has(.status-written_off),.page-vehicles .vehicle-group .vehicles tr:has(.status-transferred),.page-vehicles .vehicle-group .vehicles tr:has(.status-storage),.page-vehicles .vehicle-group .vehicles tr:has(.status-other){background:#fafbfc}

@media(min-width:761px){
  .page-vehicles .vehicle-group .vehicles th:nth-child(1),.page-vehicles .vehicle-group .vehicles td:nth-child(1){width:26%}
  .page-vehicles .vehicle-group .vehicles th:nth-child(2),.page-vehicles .vehicle-group .vehicles td:nth-child(2){width:12%}
  .page-vehicles .vehicle-group .vehicles th:nth-child(3),.page-vehicles .vehicle-group .vehicles td:nth-child(3){width:14%}
  .page-vehicles .vehicle-group .vehicles th:nth-child(4),.page-vehicles .vehicle-group .vehicles td:nth-child(4){width:7%}
  .page-vehicles .vehicle-group .vehicles th:nth-child(5),.page-vehicles .vehicle-group .vehicles td:nth-child(5){width:15%}
  .page-vehicles .vehicle-group .vehicles th:nth-child(6),.page-vehicles .vehicle-group .vehicles td:nth-child(6){width:14%}
  .page-vehicles .vehicle-group .vehicles th:nth-child(7),.page-vehicles .vehicle-group .vehicles td:nth-child(7){width:12%}
}

.page-vehicle-edit .layout-narrow-sm{max-width:1180px}
.page-vehicle-edit .vehicle-edit-form{display:grid;gap:16px}
.page-vehicle-edit .vehicle-edit-form fieldset{margin:0;padding:14px;border:1px solid var(--v4-line);border-radius:12px}
.page-vehicle-edit .vehicle-edit-form legend{padding:0 7px;font-size:14px;font-weight:600}
.page-vehicle-edit .vehicle-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.page-vehicle-edit .vehicle-edit-grid-3{grid-template-columns:repeat(3,1fr)}
.page-vehicle-edit .vehicle-edit-grid label{display:grid;gap:5px;font-size:12px;font-weight:500;color:var(--v4-muted)}
.page-vehicle-edit .vehicle-edit-grid .span2{grid-column:1/-1}
.page-vehicle-edit .vehicle-checkbox{display:flex!important;align-items:center;align-self:end;min-height:44px;color:var(--v4-text)!important}
.page-vehicle-edit .vehicle-checkbox input{width:18px;height:18px}
.page-vehicle-edit .vehicle-edit-actions{display:flex;gap:9px;align-items:center}
.page-vehicle-edit .vehicle-edit-actions a{padding:10px 14px;text-decoration:none}

.page-vehicle-card .vehicle-card-hero{display:flex;align-items:center;justify-content:space-between;gap:16px}
.page-vehicle-card .vehicle-card-hero h1{margin:0 0 4px;font-size:20px;font-weight:600}
.page-vehicle-card .vehicle-card-reg{color:var(--v4-muted);font-size:13px}
.page-vehicle-card .vehicle-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}
.page-vehicle-card .vehicle-info-section h2,.page-vehicle-card .card>h2{margin:0 0 12px;font-size:15px;font-weight:600}
.page-vehicle-card .vehicle-info-section dl,.page-vehicle-card .vehicle-archive-note dl{display:grid;grid-template-columns:minmax(120px,38%) minmax(0,1fr);gap:8px 14px;margin:0}
.page-vehicle-card dt{color:var(--v4-muted);font-size:12px;font-weight:500}
.page-vehicle-card dd{margin:0;overflow-wrap:anywhere;font-size:13px}
.page-vehicle-card .vehicle-comment{margin-bottom:14px}
.page-vehicle-card .vehicle-comment p{margin:0;white-space:pre-wrap}
.page-vehicle-card .vehicle-card-actions{display:flex;align-items:flex-start;gap:9px;flex-wrap:wrap;margin-bottom:14px}
.page-vehicle-card .vehicle-card-actions .btn,.page-vehicle-card .vehicle-card-actions button,.page-vehicle-card .vehicle-card-actions summary{display:inline-flex;padding:9px 13px;border:0;border-radius:9px;background:var(--v4-blue);color:#fff;text-decoration:none;font-size:13px;font-weight:500;cursor:pointer;list-style:none}
.page-vehicle-card .vehicle-card-actions details form{display:grid;gap:8px;width:min(420px,calc(100vw - 64px));margin-top:8px;padding:12px;border:1px solid var(--v4-line);border-radius:10px;background:#f8fafc}
.page-vehicle-card .vehicle-card-actions label{display:grid;gap:4px;font-size:12px;font-weight:500}
.page-vehicle-card .vehicle-card-actions input,.page-vehicle-card .vehicle-card-actions select{width:100%;height:40px;padding:0 10px}
.page-vehicle-card .vehicle-policy-list,.page-vehicle-card .vehicle-activity-list{display:grid;gap:0}
.page-vehicle-card .vehicle-policy-list>div{display:grid;grid-template-columns:90px 1.2fr 1.2fr 120px auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--v4-line);font-size:13px}
.page-vehicle-card .vehicle-activity-list>div{padding:10px 0;border-bottom:1px solid var(--v4-line)}
.page-vehicle-card .vehicle-activity-list p{margin:3px 0;font-size:13px}
.page-vehicle-card .vehicle-activity-list span{color:var(--v4-muted);font-size:12px}

@media(max-width:760px){
  .page-vehicles .vehicle-status-action form{position:static;width:100%;margin-top:8px;box-shadow:none}
  .page-vehicle-edit .vehicle-edit-grid,.page-vehicle-edit .vehicle-edit-grid-3{grid-template-columns:1fr}
  .page-vehicle-edit .vehicle-edit-grid .span2{grid-column:auto}
  .page-vehicle-card .vehicle-card-hero{align-items:flex-start}
  .page-vehicle-card .vehicle-card-grid{grid-template-columns:1fr}
  .page-vehicle-card .vehicle-policy-list>div{grid-template-columns:1fr;gap:3px}
}

@media(max-width:480px){
  .page-vehicle-card .vehicle-card-hero{display:grid}
  .page-vehicle-card .vehicle-info-section dl,.page-vehicle-card .vehicle-archive-note dl{grid-template-columns:1fr;gap:3px}
  .page-vehicle-card .vehicle-info-section dd,.page-vehicle-card .vehicle-archive-note dd{margin-bottom:7px}
}

/* =========================================================
   Vehicle card V2
   ========================================================= */
.page-vehicle-card .vehicle-card-hero-v2{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px}
.page-vehicle-card .vehicle-card-top{display:grid;grid-template-columns:minmax(280px,420px) minmax(620px,1fr);gap:14px;align-items:stretch;margin-top:14px}
.page-vehicle-card .vehicle-card-top>*{box-sizing:border-box;min-width:0;width:100%}
.page-vehicle-card .vehicle-card-top>.card{align-self:stretch;margin-top:0;padding:16px}
.page-vehicle-card .vehicle-card-top .vehicle-card-hero-v2{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);align-items:start;align-content:start;gap:10px 14px}
.page-vehicle-card .vehicle-card-top .vehicle-hero-main{min-width:0}
.page-vehicle-card .vehicle-card-top .vehicle-hero-main h1{overflow-wrap:anywhere}
.page-vehicle-card .vehicle-card-top .vehicle-hero-side{align-items:flex-start;justify-content:flex-end;margin:0}
.page-vehicle-card .vehicle-card-top .vehicle-card-actions-top{grid-column:1/-1;align-self:end;margin:0}
.page-vehicle-card .vehicle-card-top .vehicle-card-actions-top .btn,.page-vehicle-card .vehicle-card-top .vehicle-card-actions-top button,.page-vehicle-card .vehicle-card-top .vehicle-card-actions-top summary{min-height:36px;padding:7px 10px;box-sizing:border-box}
.page-vehicle-card .vehicle-card-top .vehicle-archive-toggle[open]+.vehicle-archive-form{grid-template-columns:1fr}
.vehicle-hero-main h1{margin:0 0 5px;font-size:26px;line-height:1.15}
.vehicle-hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--v4-muted)}
.vehicle-hero-meta > *:not(:last-child)::after{content:"·";margin-left:8px;color:#9aa6b2}
.vehicle-hero-meta strong{color:var(--v4-text);font-weight:700}
.vehicle-hero-side{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}
.vehicle-card-actions-top{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px;margin:12px 0}
.vehicle-card-actions-top details{flex:0 0 auto}
.vehicle-card-actions-top summary{list-style:none;cursor:pointer}
.vehicle-card-actions-top summary::-webkit-details-marker{display:none}
.page-vehicle-card .vehicle-card-actions-top .vehicle-archive-form{display:none!important}
.page-vehicle-card .vehicle-card-actions-top .vehicle-archive-toggle[open] + .vehicle-archive-form{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) max-content;align-items:end;flex:0 0 100%;width:100%;min-width:0;margin:0;padding:12px;gap:8px;border:1px solid var(--v4-line);border-radius:10px;background:#f8fafc}
.vehicle-card-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}
.vehicle-info-section h2,.vehicle-section-large h2,.vehicle-module-placeholder h2{margin-top:0}
.vehicle-info-section dl{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(0,1.2fr);column-gap:18px;row-gap:0;margin:0}
.vehicle-info-section dt,.vehicle-info-section dd{margin:0;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.06)}
.vehicle-info-section dt{color:var(--v4-muted)}
.vehicle-info-section dd{font-weight:600;overflow-wrap:anywhere}
.vehicle-info-section dt:last-of-type,.vehicle-info-section dd:last-of-type{border-bottom:0}
.vehicle-section-large{margin-top:14px}
.vehicle-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.vehicle-section-heading h2{margin-bottom:0}
.vehicle-section-heading a{font-size:14px;white-space:nowrap}
.vehicle-policy-list-v2{display:flex;flex-direction:column;gap:8px}
.vehicle-policy-list-v2 .vehicle-policy-row{display:grid;grid-template-columns:90px minmax(0,1fr) minmax(120px,auto);align-items:center;gap:16px;padding:12px 14px;border:1px solid rgba(0,0,0,.07);border-radius:10px}
.vehicle-policy-type b{font-size:13px}
.vehicle-policy-data{display:flex;flex-direction:column;gap:3px;min-width:0}
.vehicle-policy-data span{color:var(--v4-muted);overflow-wrap:anywhere}
.vehicle-policy-date{display:flex;flex-direction:column;align-items:flex-end;gap:3px;white-space:nowrap}
.vehicle-policy-date small{color:var(--v4-muted)}
.vehicle-future-grid{margin-top:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.vehicle-module-placeholder{width:100%;min-height:110px;margin-top:14px}
.vehicle-activity-list-v2{display:flex;flex-direction:column}
.vehicle-activity-list-v2 .vehicle-activity-item{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.07)}
.vehicle-activity-list-v2 .vehicle-activity-item:first-child{padding-top:0}
.vehicle-activity-list-v2 .vehicle-activity-item:last-child{padding-bottom:0;border-bottom:0}
.vehicle-activity-item p{margin:5px 0}
.vehicle-activity-item > span{color:var(--v4-muted);font-size:13px}
@media(max-width:940px){
  .page-vehicle-card .vehicle-card-top{grid-template-columns:1fr}
}
@media(max-width:760px){
  .page-vehicle-card .vehicle-card-hero-v2{align-items:flex-start;padding:18px}
  .vehicle-hero-main h1{font-size:22px}
  .vehicle-card-grid-v2,.vehicle-future-grid{grid-template-columns:1fr}
  .vehicle-info-section dl{grid-template-columns:1fr}
  .vehicle-info-section dt{padding-bottom:2px;border-bottom:0}
  .vehicle-info-section dd{padding-top:0}
  .vehicle-policy-list-v2 .vehicle-policy-row{grid-template-columns:1fr;gap:6px}
  .vehicle-policy-date{align-items:flex-start}
  .page-vehicle-card .vehicle-card-actions-top .vehicle-archive-toggle[open] + .vehicle-archive-form{grid-template-columns:1fr;width:100%}
}

/* =========================================================
   Information and pump calculator
   ========================================================= */
.page-info h1,
.page-pump-calculator h1,
.page-equipment-form h1{margin:0 0 7px;font-size:25px}

.page-info .v4-back,
.page-pump-calculator .v4-back,
.page-equipment-form .v4-back{display:inline-block;margin:14px 0;font-weight:700}

.info-intro{margin-top:18px}
.info-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.info-tool-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;color:var(--v4-text);transition:.15s transform,.15s box-shadow}
.info-tool-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 10px 26px rgba(16,47,82,.12)}
.info-tool-card h2{margin:0 0 6px;font-size:19px}.info-tool-card p{margin:0;color:var(--v4-muted);line-height:1.45}
.info-tool-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:12px;background:var(--v4-blue-soft);font-size:24px}.info-tool-arrow{font-size:24px;color:var(--v4-blue)}

.calculator-heading{margin-top:0}.calculator-heading p{margin:0;color:var(--v4-muted)}
.equipment-select-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.page-pump-calculator .equipment-select-card{min-width:0;padding:12px;border:1px solid var(--v4-line);border-radius:10px;background:#f8fafc}.page-pump-calculator .equipment-select-card h3{margin:0 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.03em}
.page-pump-calculator .equipment-select-card select{width:100%;height:40px;padding:0 10px;border:1px solid #cbd8e6;border-radius:9px;background:#fff;font-size:13px}
.equipment-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.page-pump-calculator .equipment-buttons .btn{padding:7px 9px;font-size:12px}.equipment-buttons .disabled{opacity:.45;pointer-events:none}
.calculator-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:14px}
.calc-panel{margin-top:0;padding:0;overflow:hidden}.calc-panel summary{padding:12px 15px;cursor:pointer;font-size:15px;font-weight:700;background:#f7f9fc}.calc-panel[open] summary{border-bottom:1px solid var(--v4-line)}

/* Design V2 base presentation for the existing vehicle pages. */
.page-vehicles,
.page-vehicle-card{color:var(--tblr-body-color);font-family:var(--tblr-body-font-family);font-size:var(--tblr-body-font-size);line-height:var(--tblr-body-line-height)}
.page-vehicles .page-header{margin:0 0 .75rem}
.page-vehicles .page-title{margin:0;font-size:1.25rem;font-weight:600;line-height:1.3}
.page-vehicles .vehicle-overview-card,
.page-vehicles .vehicle-list-card,
.page-vehicle-card .card{box-sizing:border-box;min-width:0;border-color:var(--tblr-border-color);background:var(--tblr-card-bg);color:var(--tblr-body-color)}
.page-vehicles .vehicle-overview-card,
.page-vehicles .vehicle-list-card{padding:1rem}
.page-vehicles .vehicle-summary-metrics{gap:.5rem .85rem;margin-bottom:.5rem}
.page-vehicles .vehicle-count{font-size:.8125rem;font-weight:500}
.page-vehicles .vehicle-fines-total{color:var(--tblr-secondary-color);font-size:.875rem;line-height:1.4}
.page-vehicles .vehicle-status-tabs{gap:.4rem;margin:.75rem 0}
.page-vehicles .vehicle-status-tabs a{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .65rem;border-color:var(--tblr-border-color);border-radius:var(--tblr-border-radius);background:var(--tblr-bg-surface);color:var(--tblr-body-color);font-size:.875rem;line-height:1.4}
.page-vehicles .vehicle-status-tabs a:hover{border-color:var(--tblr-primary);color:var(--tblr-primary)}
.page-vehicles .vehicle-status-tabs a.is-active{border-color:var(--tblr-primary);background:var(--tblr-primary-lt);color:var(--tblr-primary-text-emphasis)}
.page-vehicles .vehicle-status-tabs span{color:var(--tblr-secondary-color)}
.page-vehicles .vehicle-add-details{margin-top:.75rem;border-top:1px solid var(--tblr-border-color)}
.page-vehicles .vehicle-add-summary{display:flex;align-items:center;gap:.5rem;padding:.75rem 0 0;color:var(--tblr-primary);cursor:pointer;list-style:none}
.page-vehicles .vehicle-add-summary::-webkit-details-marker{display:none}
.page-vehicles .vehicle-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem .75rem;margin:.75rem 0 0}
.page-vehicles .vehicle-form p{min-width:0;margin:0}
.page-vehicles .vehicle-form .vehicle-form-comment{grid-column:1/-1}
.page-vehicles .vehicle-form input,
.page-vehicles .vehicle-form select,
.page-vehicles .vehicle-form textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;border-color:var(--tblr-border-color);background:var(--tblr-bg-forms);color:var(--tblr-body-color);font:inherit}
.page-vehicles .vehicle-form textarea{min-height:4.5rem}
.page-vehicles .vehicle-form .vehicle-submit{grid-column:1/-1;justify-self:end;width:auto;min-height:2.25rem;padding:.4rem .75rem;border:1px solid var(--tblr-primary);border-radius:var(--tblr-border-radius);background:var(--tblr-primary);color:var(--tblr-white);font:inherit}
.page-vehicles .vehicle-list-card{margin-top:0}
.page-vehicles .vehicle-table-wrap{width:100%;max-width:100%;min-width:0}
.page-vehicles .vehicle-groups{min-width:0}
.page-vehicles .vehicle-group{min-width:0;border-color:var(--tblr-border-color);background:var(--tblr-card-bg)}
.page-vehicles .vehicle-group-header{
  border:1px solid var(--tblr-border-color);
  background:var(--tblr-bg-surface-secondary);
  color:var(--tblr-body-color);
  transition:background-color .15s ease,border-color .15s ease;
}
.page-vehicles .vehicle-group-header:hover,
.page-vehicles .vehicle-group-header:focus-visible,
.page-vehicles .vehicle-group-header:active{
  background:var(--tblr-primary-bg-subtle);
}
.page-vehicles .vehicle-group-header:focus-visible{
  outline:2px solid var(--tblr-primary);
  outline-offset:-2px;
}
.page-vehicles .vehicle-group-header::before,
.page-vehicles .vehicle-group-count{color:var(--tblr-secondary-color)}
.page-vehicles .vehicle-group-title{color:var(--tblr-body-color)}
.page-vehicles .vehicle-group[open]>.vehicle-group-header{border-color:var(--tblr-border-color);background:var(--tblr-bg-surface-secondary)}
.page-vehicles .vehicle-group[open]>.vehicle-group-header:hover,
.page-vehicles .vehicle-group[open]>.vehicle-group-header:focus-visible,
.page-vehicles .vehicle-group[open]>.vehicle-group-header:active{background:var(--tblr-primary-bg-subtle)}
.page-vehicles .vehicle-group .vehicles{color:var(--tblr-body-color)}
.page-vehicles .vehicle-group .vehicles th{color:var(--tblr-secondary-color);font-weight:600}
.page-vehicles .vehicle-name-link{color:var(--tblr-link-color)}
.page-vehicles .vehicle-name-link:hover{color:var(--tblr-link-hover-color)}
.page-vehicles .vehicle-fines-state.has-fines{background:var(--tblr-danger-lt);color:var(--tblr-danger-text-emphasis)}
.page-vehicles .vehicle-fines-state.is-error{background:var(--tblr-warning-lt);color:var(--tblr-warning-text-emphasis)}
.page-vehicles .vehicle-fines-state.is-pending,
.page-vehicles .vehicle-fines-state.is-disabled,
.page-vehicles .vehicle-fines-state.is-unavailable{background:var(--tblr-bg-surface-secondary);color:var(--tblr-secondary-color)}
.page-vehicles .vehicle-status,
.page-vehicle-card .vehicle-status{border:1px solid var(--tblr-border-color);background:var(--tblr-bg-surface-secondary);color:var(--tblr-body-color)}
.page-vehicles .vehicle-status.status-active,
.page-vehicle-card .vehicle-status.status-active{border-color:var(--tblr-success-border-subtle);background:var(--tblr-success-lt);color:var(--tblr-success-text-emphasis)}
.page-vehicles .vehicle-status.status-sold,
.page-vehicles .vehicle-status.status-written_off,
.page-vehicle-card .vehicle-status.status-sold,
.page-vehicle-card .vehicle-status.status-written_off{background:var(--tblr-bg-surface-secondary);color:var(--tblr-secondary-color)}
.page-vehicles .vehicle-status.status-transferred,
.page-vehicles .vehicle-status.status-storage,
.page-vehicles .vehicle-status.status-other,
.page-vehicle-card .vehicle-status.status-transferred,
.page-vehicle-card .vehicle-status.status-storage,
.page-vehicle-card .vehicle-status.status-other{background:var(--tblr-warning-lt);color:var(--tblr-warning-text-emphasis)}
.page-vehicle-card .vehicle-card-top{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:.75rem}
.page-vehicle-card .vehicle-card-top>.card{padding:1rem}
.page-vehicle-card .vehicle-card-hero-v2{border-color:var(--tblr-border-color);background:var(--tblr-card-bg)}
.page-vehicle-card .vehicle-card-hero-v2 h1{color:var(--tblr-body-color);font-size:1.375rem;font-weight:600;line-height:1.3}
.page-vehicle-card .vehicle-hero-meta{color:var(--tblr-secondary-color)}
.page-vehicle-card .vehicle-hero-meta strong{color:var(--tblr-body-color);font-weight:600}
.page-vehicle-card .vehicle-card-actions .btn,
.page-vehicle-card .vehicle-card-actions button,
.page-vehicle-card .vehicle-card-actions summary{min-height:2.25rem;padding:.4rem .7rem;border:1px solid var(--tblr-primary);border-radius:var(--tblr-border-radius);background:var(--tblr-primary);color:var(--tblr-white);font-family:inherit;font-size:.875rem;line-height:var(--tblr-body-line-height)}
.page-vehicle-card .vehicle-card-actions .vehicle-archive-form{border-color:var(--tblr-border-color);background:var(--tblr-bg-surface-secondary)}
.page-vehicle-card .vehicle-card-actions label{color:var(--tblr-secondary-color);font-size:.875rem}
.page-vehicle-card .vehicle-card-actions input,
.page-vehicle-card .vehicle-card-actions select{box-sizing:border-box;border-color:var(--tblr-border-color);background:var(--tblr-bg-forms);color:var(--tblr-body-color);font:inherit}
.page-vehicle-card .vehicle-card-grid{gap:.75rem;margin:.75rem 0}
.page-vehicle-card .vehicle-info-section h2,
.page-vehicle-card .vehicle-section-large h2,
.page-vehicle-card .vehicle-module-placeholder h2{color:var(--tblr-body-color);font-size:1rem;font-weight:600;line-height:1.35}
.page-vehicle-card .vehicle-info-section dt{color:var(--tblr-secondary-color);font-size:.875rem;font-weight:500;line-height:1.4286}
.page-vehicle-card .vehicle-info-section dd{color:var(--tblr-body-color);font-size:.875rem;font-weight:400;line-height:1.4286}
.page-vehicle-card .vehicle-info-section dt,
.page-vehicle-card .vehicle-info-section dd{border-color:var(--tblr-border-color)}
.page-vehicle-card .vehicle-section-large,
.page-vehicle-card .vehicle-module-placeholder{margin-top:.75rem}
.page-vehicle-card .vehicle-policy-list-v2 .vehicle-policy-row{border-color:var(--tblr-border-color);background:var(--tblr-card-bg)}
.page-vehicle-card .vehicle-policy-type b{color:var(--tblr-primary-text-emphasis)}
.page-vehicle-card .vehicle-policy-data strong,
.page-vehicle-card .vehicle-policy-date{color:var(--tblr-body-color)}
.page-vehicle-card .vehicle-policy-data span,
.page-vehicle-card .vehicle-policy-date small,
.page-vehicle-card .vehicle-activity-item>span{color:var(--tblr-secondary-color)}
.page-vehicle-card .vehicle-activity-list-v2 .vehicle-activity-item{border-color:var(--tblr-border-color)}
.page-vehicle-card .vehicle-comment p{color:var(--tblr-body-color)}
.page-vehicle-card .vehicle-status{font-size:.8125rem}
@media(max-width:980px){
  .page-vehicles .vehicle-form{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .page-vehicles .vehicle-overview-card,
  .page-vehicles .vehicle-list-card{padding:.75rem}
  .page-vehicles .vehicle-form{grid-template-columns:minmax(0,1fr)}
  .page-vehicles .vehicle-form .vehicle-form-comment,
  .page-vehicles .vehicle-form .vehicle-submit{grid-column:1}
  .page-vehicles .vehicle-form .vehicle-submit{width:100%}
  .page-vehicles .vehicle-group .vehicles tr{border-color:var(--tblr-border-color);background:var(--tblr-card-bg);color:var(--tblr-body-color)}
  .page-vehicles .vehicle-group .vehicles td:before{color:var(--tblr-secondary-color)}
  .page-vehicle-card .vehicle-card-top{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:480px){
  .page-vehicles .vehicle-status-tabs a{padding:.3rem .5rem;font-size:.8125rem}
  .page-vehicle-card .vehicle-card-top>.card{padding:.85rem}
  .page-vehicle-card .vehicle-card-hero-v2{padding:.85rem}
  .page-vehicle-card .vehicle-card-hero-v2 h1{font-size:1.25rem}
}
.calc-panel > .calc-fields,.calc-panel > .condition-groups{padding:12px}.calc-panel > .small{padding:0 12px 12px;margin:0}
.page-pump-calculator .calc-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:14px;row-gap:12px}
.calc-fields label,.equipment-form-grid label{display:flex;min-width:0;flex-direction:column;gap:6px;color:#34465a;font-size:12px;font-weight:700}
.page-pump-calculator .calc-fields input,.page-pump-calculator .calc-fields select{box-sizing:border-box;min-width:0;width:100%;height:40px;padding:0 10px;border:1px solid #cbd8e6;border-radius:9px;background:#fff;color:var(--v4-text);font:inherit;font-size:13px}
.equipment-form-grid input,.equipment-form-grid select,.equipment-form-grid textarea{width:100%;min-height:42px;padding:9px 11px;border:1px solid #cbd8e6;border-radius:9px;background:#fff;color:var(--v4-text);font:inherit;font-size:14px}
.condition-groups{display:grid;gap:10px}.condition-groups fieldset,.task-reminders{min-width:0;margin:0;padding:11px;border:1px solid var(--v4-line);border-radius:10px}.condition-groups legend{padding:0 6px;font-weight:700;color:#30465d}
.calculator-actions{display:grid;grid-template-columns:auto auto minmax(220px,1fr) auto;gap:10px;align-items:center;margin:16px 0}.calculator-actions button,.calculator-actions input{min-height:44px}.calculator-actions input{width:100%;padding:0 12px;border:1px solid #cbd8e6;border-radius:10px;font-size:14px}
.calculation-results{margin-top:0}.calculation-results h2,.saved-calculations h2{margin:0 0 14px}.result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.result-section{padding:14px;border:1px solid var(--v4-line);border-radius:10px;background:#f8fafc}.result-section h3{margin:0 0 9px;font-size:14px;text-transform:uppercase;color:#30465d}.result-section > div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid #e7edf3}.result-section > div:first-of-type{border-top:0}.result-section span{color:var(--v4-muted)}.result-section strong{text-align:right}.calculation-notice{margin:14px 0 0;padding:10px 12px;border-radius:9px;background:#fff8e8;color:#72500d}
.saved-calculations{margin-top:16px}.saved-list{display:grid;gap:8px}.saved-list a{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--v4-line);border-radius:9px}.saved-list span{color:var(--v4-muted);font-size:12px}
.calculator-section{margin-top:14px}.calculator-section>h2,.calculator-section-head h2{margin:0 0 12px;font-size:17px}.calculator-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.calculator-section-head .btn{padding:7px 10px;font-size:12px;white-space:nowrap}
.coupling-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0}.coupling-grid label,.medium-profile-select{display:grid;min-width:0;gap:6px;color:#34465a;font-size:12px;font-weight:700}.coupling-grid select,.medium-profile-select select{box-sizing:border-box;min-width:0;width:100%;height:40px;padding:0 10px}
.medium-profile-select{max-width:560px;margin-bottom:12px}.calculator-subpanel{margin-top:12px;border-top:1px solid var(--v4-line)}.calculator-subpanel>summary{padding:11px 0;cursor:pointer;font-size:13px;font-weight:700}.calculator-subpanel>.calc-fields{padding-top:2px}
.pipeline-segments{display:grid;gap:10px}.pipeline-segment{padding:12px;border:1px solid var(--v4-line);border-radius:10px;background:#f8fafc}.segment-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.segment-transition-note{margin-left:auto;color:var(--v4-orange);font-size:11px}.segment-remove{padding:5px 8px;background:#eef1f5;color:#8b2635;font-size:12px}.segment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:14px;row-gap:12px}.segment-grid label{display:grid;min-width:0;gap:5px;color:#34465a;font-size:12px;font-weight:700}.segment-grid input,.segment-grid select{box-sizing:border-box;min-width:0;width:100%;height:40px;padding:0 10px}.segment-grid .span-all{grid-column:1/-1}.segment-extra{margin-top:10px}.segment-extra>summary{cursor:pointer;color:var(--v4-blue);font-size:12px;font-weight:700}.segment-extra>.segment-grid{margin-top:10px}
.calculation-checks h2{margin:0 0 12px}.check-list{display:grid;gap:8px}.check-item{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px;padding:10px 12px;border:1px solid var(--v4-line);border-radius:9px}.check-item span{font-weight:700}.check-item p{margin:0}.severity-unavailable{background:#f8fafc;color:var(--v4-muted)}.severity-warning{background:#fff8e8}.severity-critical{background:#fff1f2}.severity-ok{background:#eefbf3}

.equipment-editor{margin-top:0}.equipment-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.equipment-form-grid .span-all{grid-column:1/-1}.equipment-form-grid textarea{min-height:86px;resize:vertical}.equipment-form-grid .check-field{flex-direction:row;align-items:center;padding-top:22px}.equipment-form-grid .check-field input{width:auto;min-height:0}.form-actions{display:flex;gap:9px;margin-top:18px}.form-actions .btn,.form-actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.archive-equipment-form{margin-top:18px;padding-top:16px;border-top:1px solid var(--v4-line)}

@media(max-width:1050px){
  .equipment-select-grid,.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-pump-calculator .calc-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .segment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .equipment-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .calculator-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .page-info .wrap,.page-pump-calculator .wrap,.page-equipment-form .wrap{padding:10px!important}
  .info-card-grid,.equipment-select-grid,.calculator-layout,.result-grid,.equipment-form-grid,.page-pump-calculator .calc-fields,.calculator-actions,.coupling-grid,.segment-grid{grid-template-columns:1fr}
  .equipment-form-grid .span-all{grid-column:auto}
  .calculator-actions button{width:100%}
  .saved-list a{flex-direction:column}
  .check-item{grid-template-columns:1fr;gap:4px}
  .page-info h1,.page-pump-calculator h1,.page-equipment-form h1{font-size:21px}
}

/* Vehicle maintenance schedule and inventory. */
.page-vehicle-maintenance .maintenance-hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(300px,2fr);align-items:stretch;gap:20px}
.page-vehicle-maintenance .maintenance-hero-identity{display:flex;flex-direction:column;justify-content:center;min-width:0}
.page-vehicle-maintenance .maintenance-hero h1{margin:0 0 4px;font-size:20px}
.page-vehicle-maintenance .maintenance-hero p,.page-vehicle-maintenance .maintenance-note{margin:0;color:var(--v4-muted);font-size:12px}
.page-vehicle-maintenance .maintenance-hero-meter{min-width:0;padding-left:20px;border-left:1px solid var(--v4-line)}
.page-vehicle-maintenance .maintenance-hero-meter h2{margin:0 0 5px;font-size:14px}
.page-vehicle-maintenance .maintenance-current-meter{display:flex;align-items:baseline;gap:7px}
.page-vehicle-maintenance .maintenance-current-meter b{font-size:28px;line-height:1.1}
.page-vehicle-maintenance .maintenance-current-meter span{font-weight:600}
.page-vehicle-maintenance .maintenance-meter-targets{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.page-vehicle-maintenance .maintenance-meter-targets span{padding:3px 7px;border-radius:999px;background:#eef4fb;color:#23415f;font-size:11px;font-weight:600}
.page-vehicle-maintenance .maintenance-meter-actions{margin-top:9px}
.page-vehicle-maintenance .maintenance-meter-actions>summary{color:var(--v4-blue);cursor:pointer;font-size:12px;font-weight:600}
.page-vehicle-maintenance .maintenance-meter-actions>div{display:grid;gap:8px;margin-top:8px}
.page-vehicle-maintenance .maintenance-meter-actions .maintenance-inline-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.page-vehicle-maintenance .maintenance-meter-actions .maintenance-grow{grid-column:1/-1}
.page-vehicle-maintenance .maintenance-meter-buttons{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}
.page-vehicle-maintenance .maintenance-meter-buttons button,.page-vehicle-maintenance .maintenance-meter-buttons .btn{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:36px;padding:7px 10px;text-align:center}
.page-vehicle-maintenance .card>h2{margin:0 0 12px;font-size:16px}
.page-vehicle-maintenance form{margin:0}
.page-vehicle-maintenance label{display:grid;gap:5px;color:var(--tblr-secondary-color);font-size:12px;font-weight:500}
.page-vehicle-maintenance input:not([type="checkbox"]):not([type="radio"]),.page-vehicle-maintenance select,.page-vehicle-maintenance textarea{box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:36px;padding:7px 10px;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);background-color:var(--tblr-bg-forms);color:var(--tblr-body-color);font:inherit}
.page-vehicle-maintenance textarea{height:auto;resize:vertical}
.page-vehicle-maintenance input::placeholder,.page-vehicle-maintenance textarea::placeholder{color:var(--tblr-placeholder-color)}
.page-vehicle-maintenance input:focus,.page-vehicle-maintenance select:focus,.page-vehicle-maintenance textarea:focus{border-color:var(--tblr-primary);outline:0;box-shadow:0 0 0 .25rem color-mix(in srgb,var(--tblr-primary) 20%,transparent)}
.page-vehicle-maintenance button,.page-vehicle-maintenance .btn{box-sizing:border-box;min-height:36px;padding:7px 10px;border-radius:8px;font-weight:600;line-height:1.2}
.page-vehicle-maintenance button{border:1px solid var(--tblr-primary);background:var(--tblr-primary);color:var(--tblr-white);cursor:pointer}
.page-vehicle-maintenance button.danger{border-color:var(--tblr-danger);background:var(--tblr-danger);color:var(--tblr-white)}
.page-vehicle-maintenance button.success{border-color:var(--tblr-success);background:var(--tblr-success);color:var(--tblr-white)}
.page-vehicle-maintenance button.light,.page-vehicle-maintenance .btn.light{border:1px solid var(--tblr-border-color);background:var(--tblr-bg-surface-secondary);color:var(--tblr-body-color)}
.page-vehicle-maintenance .maintenance-inline-form{display:flex;align-items:end;column-gap:12px;row-gap:10px;flex-wrap:wrap;min-width:0}
.page-vehicle-maintenance .maintenance-inline-form label{flex:1 1 150px;min-width:0}
.page-vehicle-maintenance .maintenance-inline-form .maintenance-grow{flex:2 1 220px}
.page-vehicle-maintenance .maintenance-inline-form button{flex:0 0 auto;width:auto}
.page-vehicle-maintenance .maintenance-note{margin-top:9px}
.page-vehicle-maintenance .maintenance-schedule-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:12px;row-gap:10px;align-items:end;min-width:0;margin-bottom:14px}
.page-vehicle-maintenance .maintenance-span2{grid-column:span 2}
.page-vehicle-maintenance .maintenance-schedule-form label,.page-vehicle-maintenance .maintenance-catalog-add label{min-width:0}
.page-vehicle-maintenance .maintenance-schedule-form button,.page-vehicle-maintenance .maintenance-catalog-add button{justify-self:start;width:auto;white-space:nowrap}
.page-vehicle-maintenance .maintenance-check{display:flex;align-items:center;min-height:40px;color:var(--v4-text)}
.page-vehicle-maintenance .maintenance-check input{width:17px;height:17px}
.page-vehicle-maintenance .maintenance-table-wrap{max-width:100%;overflow-x:auto}
.page-vehicle-maintenance .maintenance-table{width:100%;border-collapse:separate;border-spacing:0 4px;table-layout:auto}
.page-vehicle-maintenance .maintenance-table th,.page-vehicle-maintenance .maintenance-table td{padding:6px 8px;text-align:left;vertical-align:top;font-size:12px;overflow-wrap:anywhere}
.page-vehicle-maintenance .maintenance-table th{background:var(--tblr-bg-surface-secondary);color:var(--tblr-secondary-color);font-size:11px;text-transform:uppercase}
.page-vehicle-maintenance .maintenance-table tbody td{background:var(--tblr-card-bg);border-top:1px solid var(--tblr-border-color);border-bottom:1px solid var(--tblr-border-color)}
.page-vehicle-maintenance .maintenance-table tbody td:first-child{border-left:1px solid var(--v4-line);border-radius:7px 0 0 7px}
.page-vehicle-maintenance .maintenance-table tbody td:last-child{border-right:1px solid var(--v4-line);border-radius:0 7px 7px 0}
.page-vehicle-maintenance .maintenance-table small{display:block;margin-top:3px;color:var(--v4-muted)}
.page-vehicle-maintenance .maintenance-part-number{display:block;margin-top:4px;color:var(--v4-text);font-size:14px;font-weight:650;letter-spacing:.01em}
.page-vehicle-maintenance .maintenance-analogs{color:var(--v4-muted);font-size:13px;font-weight:500}
.page-vehicle-maintenance .maintenance-hero small{display:block;margin-top:2px;color:var(--v4-muted);font-size:11px;font-weight:400}
.page-vehicle-maintenance .maintenance-calculated-plan{display:grid;gap:9px}
.page-vehicle-maintenance .maintenance-material-selection{display:grid;gap:9px}
.page-vehicle-maintenance .maintenance-material-selection>button{justify-self:start}
.page-vehicle-maintenance .maintenance-calculated-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.page-vehicle-maintenance .maintenance-calculated-heading h2{margin:0 0 3px;font-size:16px}
.page-vehicle-maintenance .maintenance-calculated-heading p{margin:0;color:var(--v4-muted);font-size:12px}
.page-vehicle-maintenance .maintenance-calculated-heading>span{flex:0 0 auto;color:var(--v4-muted);font-size:12px}
.page-vehicle-maintenance .maintenance-calculated-group{border:1px solid var(--v4-line);border-radius:9px;background:#fff}
.page-vehicle-maintenance .maintenance-calculated-group>summary{padding:7px 10px;cursor:pointer}
.page-vehicle-maintenance .maintenance-interval-summary{display:flex;align-items:center;gap:0;min-width:0;list-style:none;white-space:nowrap}
.page-vehicle-maintenance .maintenance-interval-summary::-webkit-details-marker{display:none}
.page-vehicle-maintenance .maintenance-interval-summary:before{content:'\25B6';flex:0 0 auto;margin-right:7px;color:var(--v4-muted);font-size:10px}
.page-vehicle-maintenance .maintenance-calculated-group[open]>.maintenance-interval-summary:before{content:'\25BC'}
.page-vehicle-maintenance .maintenance-interval-title{min-width:64px;font-size:13px}
.page-vehicle-maintenance .maintenance-interval-summary>span{padding:0 9px;border-left:1px solid var(--v4-line);color:var(--v4-muted);font-size:11px}
.page-vehicle-maintenance .maintenance-interval-summary>span b{color:var(--v4-text)}
.page-vehicle-maintenance .maintenance-interval-overdue{margin-left:9px;padding:3px 7px;border-radius:6px;background:#fdeaea;color:#a72b2b;font-size:11px}
.page-vehicle-maintenance .maintenance-interval-summary>[data-toggle-group]{flex:0 0 auto;margin-left:auto;min-height:28px;padding:4px 8px;font-size:11px}
.page-vehicle-maintenance .maintenance-calculated-list{display:grid;gap:8px;padding:0 10px 10px}
.page-vehicle-maintenance .maintenance-calculated-item{padding:10px;border:1px solid var(--v4-line);border-left:4px solid #8ca3b8;border-radius:8px;background:#fbfcfe}
.page-vehicle-maintenance .maintenance-calculated-item.state-due{border-left-color:#d58a00}
.page-vehicle-maintenance .maintenance-calculated-item.state-overdue{border-left-color:#c93b3b}
.page-vehicle-maintenance .maintenance-calculated-item.state-upcoming{border-left-color:#3478b8}
.page-vehicle-maintenance .maintenance-calculated-item header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px}
.page-vehicle-maintenance .maintenance-calculated-item h3{margin:0;font-size:14px}
.page-vehicle-maintenance .maintenance-calculated-item header p,.page-vehicle-maintenance .maintenance-calculated-comment{margin:3px 0 0;color:var(--v4-muted);font-size:12px}
.page-vehicle-maintenance .maintenance-state{flex:0 0 auto;padding:3px 7px;border-radius:999px;background:#edf1f5;color:#526579;font-size:11px;font-weight:700}
.page-vehicle-maintenance .maintenance-state.state-upcoming{background:#e9f3fc;color:#24679f}
.page-vehicle-maintenance .maintenance-state.state-due{background:#fff1d5;color:#8a5800}
.page-vehicle-maintenance .maintenance-state.state-overdue{background:#fdeaea;color:#a72b2b}
.page-vehicle-maintenance .maintenance-calculated-item dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.page-vehicle-maintenance .maintenance-calculated-item dl div{min-width:0}
.page-vehicle-maintenance .maintenance-saved-plan{margin-top:8px;border:1px solid var(--v4-line);border-radius:9px;background:#fff;overflow:hidden}
.page-vehicle-maintenance .maintenance-plan-summary{display:flex;align-items:center;gap:0;min-width:0;padding:7px 10px;cursor:pointer;list-style:none}
.page-vehicle-maintenance .maintenance-plan-summary::-webkit-details-marker{display:none}
.page-vehicle-maintenance .maintenance-plan-summary:after{content:'\25B6';order:10;margin-left:8px;color:var(--v4-muted);font-size:10px}
.page-vehicle-maintenance .maintenance-saved-plan[open]>.maintenance-plan-summary:after{content:'\25BC'}
.page-vehicle-maintenance .maintenance-plan-summary>b{min-width:0;overflow-wrap:anywhere}
.page-vehicle-maintenance .maintenance-plan-summary>span{flex:0 0 auto;margin-left:9px;padding-left:9px;border-left:1px solid var(--v4-line);color:var(--v4-muted);font-size:11px}
.page-vehicle-maintenance .maintenance-plan-summary>[data-open-plan]{margin-left:auto}
.page-vehicle-maintenance .maintenance-plan-summary>[data-plan-action]{flex:0 0 auto;min-height:28px;margin-left:5px;padding:4px 8px;font-size:11px;white-space:nowrap}
.page-vehicle-maintenance .maintenance-plan-summary button{min-height:28px;padding:4px 8px;font-size:11px}
.page-vehicle-maintenance .maintenance-plan-summary form{margin-left:5px}
.page-vehicle-maintenance .maintenance-plan-body{padding:0 9px 9px}
.page-vehicle-maintenance .maintenance-plan-groups{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 7px;color:var(--v4-muted);font-size:11px}
.page-vehicle-maintenance .maintenance-plan-groups span{padding:3px 6px;border-radius:5px;background:#f2f5f8}
.page-vehicle-maintenance .maintenance-plan-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:7px}
.page-vehicle-maintenance .maintenance-plan-actions span{color:var(--v4-muted);font-size:11px}
.page-vehicle-maintenance .maintenance-plan-work{margin-top:5px;border:1px solid var(--v4-line);border-radius:7px;background:#fbfcfe}
.page-vehicle-maintenance .maintenance-plan-work>summary{display:flex;align-items:center;gap:8px;min-width:0;padding:6px 8px;cursor:pointer}
.page-vehicle-maintenance .maintenance-plan-work>summary>b{min-width:0;overflow-wrap:anywhere}
.page-vehicle-maintenance .maintenance-plan-work>summary>span{flex:0 0 auto;color:var(--v4-muted);font-size:11px}
.page-vehicle-maintenance .maintenance-plan-work>summary form{margin-left:auto}
.page-vehicle-maintenance .maintenance-plan-work>summary button{min-height:26px;padding:3px 7px;font-size:10px}
.page-vehicle-maintenance .maintenance-plan-work-body{padding:0 8px 8px}
.page-vehicle-maintenance .maintenance-plan-add{margin-top:7px;padding:6px 8px;border:1px solid var(--v4-line);border-radius:7px}
.page-vehicle-maintenance .maintenance-calculated-item dt{color:var(--v4-muted);font-size:10px;text-transform:uppercase}
.page-vehicle-maintenance .maintenance-calculated-item dd{margin:2px 0 0;font-size:12px;font-weight:600;overflow-wrap:anywhere}
.page-vehicle-maintenance .maintenance-schedule-choice{display:flex;align-items:flex-start;gap:8px;color:var(--v4-text);cursor:pointer}
.page-vehicle-maintenance .maintenance-schedule-choice input{flex:0 0 auto;width:17px;height:17px;margin-top:1px}
.page-vehicle-maintenance .maintenance-material-needs{display:grid;gap:9px}
.page-vehicle-maintenance .maintenance-material-target,.page-vehicle-maintenance .maintenance-material-summary{border:1px solid var(--v4-line);border-radius:9px;background:#fff}
.page-vehicle-maintenance .maintenance-material-target>summary,.page-vehicle-maintenance .maintenance-material-summary>summary,.page-vehicle-maintenance .maintenance-material-work>summary{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;cursor:pointer}
.page-vehicle-maintenance .maintenance-material-target>summary span,.page-vehicle-maintenance .maintenance-material-work>summary span{display:grid;gap:2px}
.page-vehicle-maintenance .maintenance-material-target summary small,.page-vehicle-maintenance .maintenance-material-summary summary small,.page-vehicle-maintenance .maintenance-material-work summary small{color:var(--v4-muted);font-weight:400}
.page-vehicle-maintenance .maintenance-material-target>div{display:grid;gap:7px;padding:0 10px 10px}
.page-vehicle-maintenance .maintenance-material-work{border:1px solid var(--v4-line);border-radius:7px;background:#fbfcfe}
.page-vehicle-maintenance .maintenance-material-detail-list{display:grid;gap:6px;padding:0 10px 10px}
.page-vehicle-maintenance .maintenance-material-detail-list p{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:start;margin:0;padding:7px;border-top:1px solid var(--v4-line);font-size:12px}
.page-vehicle-maintenance .maintenance-material-detail-list p>span{display:grid}
.page-vehicle-maintenance .maintenance-material-detail-list p>small{grid-column:1/-1;color:var(--v4-muted)}
.page-vehicle-maintenance .maintenance-material-detail-list em{color:var(--v4-muted);font-style:normal}
.page-vehicle-maintenance .maintenance-material-summary>.maintenance-table-wrap{padding:0 8px 8px}
.page-vehicle-maintenance .maintenance-material-summary>.muted{padding:0 10px 10px}
.page-vehicle-maintenance .maintenance-material-analog{display:block}
.page-vehicle-maintenance .maintenance-stock-unknown{color:#9a5b00;font-weight:600}
.page-vehicle-maintenance .maintenance-purchase-plan{display:grid;gap:9px}
.page-vehicle-maintenance .maintenance-purchase-target,.page-vehicle-maintenance .maintenance-purchase-item{border:1px solid var(--v4-line);border-radius:9px;background:#fff}
.page-vehicle-maintenance .maintenance-purchase-target>summary,.page-vehicle-maintenance .maintenance-purchase-item>summary{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 12px;cursor:pointer}
.page-vehicle-maintenance .maintenance-purchase-target>summary span,.page-vehicle-maintenance .maintenance-purchase-item>summary span{display:grid;gap:2px}
.page-vehicle-maintenance .maintenance-purchase-target summary small{color:var(--v4-muted);font-weight:400}
.page-vehicle-maintenance .maintenance-purchase-item>summary>strong{color:#9a5b00;font-size:12px;text-align:right}
.page-vehicle-maintenance .maintenance-purchase-target>div{display:grid;gap:7px;padding:0 10px 10px}
.page-vehicle-maintenance .maintenance-purchase-item{background:#fbfcfe}
.page-vehicle-maintenance .maintenance-purchase-body{display:grid;gap:8px;padding:0 10px 10px}
.page-vehicle-maintenance .maintenance-purchase-body>dl,.page-vehicle-maintenance .maintenance-package-grid article dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}
.page-vehicle-maintenance .maintenance-purchase-body dt,.page-vehicle-maintenance .maintenance-package-grid dt{color:var(--v4-muted);font-size:10px;text-transform:uppercase}
.page-vehicle-maintenance .maintenance-purchase-body dd,.page-vehicle-maintenance .maintenance-package-grid dd{margin:2px 0 0;font-size:12px;font-weight:650}
.page-vehicle-maintenance .maintenance-purchase-body h4{margin:4px 0 0;font-size:12px}
.page-vehicle-maintenance .maintenance-package-grid,.page-vehicle-maintenance .maintenance-analog-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:7px}
.page-vehicle-maintenance .maintenance-package-grid article,.page-vehicle-maintenance .maintenance-analog-options article{padding:8px;border:1px solid var(--v4-line);border-radius:7px;background:#fff;font-size:12px}
.page-vehicle-maintenance .maintenance-package-grid article p,.page-vehicle-maintenance .maintenance-analog-options article p{margin:5px 0;color:var(--v4-muted)}
.page-vehicle-maintenance .maintenance-analog-options small{display:block;margin-top:4px;color:var(--v4-muted)}
.page-vehicle-maintenance .maintenance-warning{color:#9a5b00!important;font-weight:600}
.page-vehicle-maintenance .maintenance-package-editor{display:grid;grid-template-columns:1fr auto;gap:7px;margin:10px;padding:9px;border:1px solid var(--v4-line);border-radius:8px;background:#f8fafc}
.page-vehicle-maintenance .maintenance-package-editor h4{grid-column:1/-1;margin:0}
.page-vehicle-maintenance .maintenance-package-editor>form:not(.maintenance-package-delete){display:grid;grid-template-columns:1fr 1fr 1.5fr 1fr auto;gap:7px;align-items:end;margin:0;padding:7px;background:#fff;border-radius:7px}
.page-vehicle-maintenance .maintenance-package-delete{display:flex;align-items:end;margin:0}
.page-vehicle-maintenance .maintenance-work-materials{display:grid;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid var(--v4-line)}
.page-vehicle-maintenance .maintenance-work-materials h4{margin:0;font-size:13px}
.page-vehicle-maintenance .maintenance-work-material-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;align-items:center;padding:7px;border:1px solid var(--v4-line);border-radius:7px;background:#f8fafc;font-size:12px}
.page-vehicle-maintenance .maintenance-work-material-row span{display:grid}
.page-vehicle-maintenance .maintenance-work-material-row small,.page-vehicle-maintenance .maintenance-work-material-row em{color:var(--v4-muted);font-style:normal}
.page-vehicle-maintenance .maintenance-work-material-row button{min-height:30px;padding:5px 8px}
.page-vehicle-maintenance .maintenance-work-material-form{display:grid;grid-template-columns:2fr 1fr 1fr 2fr auto;gap:8px;align-items:end}
.page-vehicle-maintenance .maintenance-work-material-form .maintenance-wide{min-width:0}
.page-vehicle-maintenance .maintenance-table details{margin-top:5px}
.page-vehicle-maintenance .maintenance-table details summary,.page-vehicle-maintenance .maintenance-catalog-add>summary{color:var(--v4-blue);cursor:pointer;font-size:12px;font-weight:600}
.page-vehicle-maintenance .maintenance-table details form{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:6px;margin-top:7px;padding:8px;background:#f7f9fc;border-radius:8px}
.page-vehicle-maintenance .maintenance-catalog-add{margin-top:14px;padding:11px;border:1px solid var(--v4-line);border-radius:10px}
.page-vehicle-maintenance .maintenance-catalog-add form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:12px;row-gap:10px;align-items:end;min-width:0;margin-top:10px}
.page-vehicle-maintenance .maintenance-catalog-add .maintenance-wide{grid-column:span 2}
.page-vehicle-maintenance .maintenance-plan-form{display:flex;align-items:end;column-gap:12px;row-gap:10px;flex-wrap:wrap;min-width:0;margin-bottom:12px}
.page-vehicle-maintenance .maintenance-plan-form label{flex:1 1 240px;min-width:0}
.page-vehicle-maintenance .maintenance-plan-form button,.page-vehicle-maintenance .maintenance-plan-form .btn{flex:0 0 auto;width:auto;white-space:nowrap}

@media(max-width:1000px){
  .page-vehicle-maintenance .maintenance-schedule-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-vehicle-maintenance .maintenance-catalog-add form{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:600px){
  .page-vehicle-maintenance .maintenance-hero{grid-template-columns:1fr}
  .page-vehicle-maintenance .maintenance-hero-meter{padding-top:16px;padding-left:0;border-top:1px solid var(--v4-line);border-left:0}
  .page-vehicle-maintenance .maintenance-meter-actions .maintenance-inline-form{grid-template-columns:1fr}
  .page-vehicle-maintenance .maintenance-meter-actions .maintenance-grow{grid-column:auto}
  .page-vehicle-maintenance .maintenance-meter-buttons{grid-column:auto;gap:6px}
  .page-vehicle-maintenance .maintenance-schedule-form,.page-vehicle-maintenance .maintenance-catalog-add form{grid-template-columns:1fr}
  .page-vehicle-maintenance .maintenance-span2,.page-vehicle-maintenance .maintenance-catalog-add .maintenance-wide{grid-column:auto}
  .page-vehicle-maintenance .maintenance-inline-form label,.page-vehicle-maintenance .maintenance-plan-form label{flex-basis:100%}
  .page-vehicle-maintenance .maintenance-inline-form button,.page-vehicle-maintenance .maintenance-plan-form button,.page-vehicle-maintenance .maintenance-plan-form .btn,.page-vehicle-maintenance .maintenance-schedule-form button,.page-vehicle-maintenance .maintenance-catalog-add button{width:100%;justify-self:stretch}
  .page-vehicle-maintenance .maintenance-table thead{display:none}
  .page-vehicle-maintenance .maintenance-table,.page-vehicle-maintenance .maintenance-table tbody,.page-vehicle-maintenance .maintenance-table tr,.page-vehicle-maintenance .maintenance-table td{display:block;width:100%}
  .page-vehicle-maintenance .maintenance-table tr{padding:8px 0;border-bottom:1px solid var(--v4-line)}
  .page-vehicle-maintenance .maintenance-table td{display:grid;grid-template-columns:115px minmax(0,1fr);gap:8px;padding:5px 8px;border:0}
  .page-vehicle-maintenance .maintenance-table td:before{content:attr(data-label);color:var(--v4-muted);font-size:11px;font-weight:600;text-transform:uppercase}
  .page-vehicle-maintenance .maintenance-table details form{grid-template-columns:1fr}
  .page-vehicle-maintenance .maintenance-calculated-heading,.page-vehicle-maintenance .maintenance-calculated-item header{display:grid}
  .page-vehicle-maintenance .maintenance-interval-summary{flex-wrap:wrap;width:100%;gap:5px;white-space:normal}
  .page-vehicle-maintenance .maintenance-interval-summary>span{padding:2px 6px;border:0;border-radius:5px;background:#f2f5f8;overflow-wrap:anywhere}
  .page-vehicle-maintenance .maintenance-interval-summary>[data-toggle-group]{margin-left:0;max-width:100%;white-space:normal}
  .page-vehicle-maintenance .maintenance-calculated-item dl{grid-template-columns:1fr 1fr}
  .page-vehicle-maintenance .maintenance-plan-summary{flex-wrap:wrap;gap:5px}
  .page-vehicle-maintenance .maintenance-plan-summary>span{margin-left:0;padding:2px 6px;border:0;border-radius:5px;background:#f2f5f8}
  .page-vehicle-maintenance .maintenance-plan-summary>[data-open-plan]{margin-left:0}
  .page-vehicle-maintenance .maintenance-plan-summary>[data-plan-action]{margin-left:0;max-width:100%;white-space:normal}
  .page-vehicle-maintenance .maintenance-plan-summary:after{margin-left:0}
  .page-vehicle-maintenance .maintenance-plan-work>summary{align-items:flex-start;flex-wrap:wrap}
  .page-vehicle-maintenance .maintenance-plan-work>summary form{width:100%;margin-left:0}
  .page-vehicle-maintenance .maintenance-plan-work>summary button{width:100%;white-space:normal}
  .page-vehicle-maintenance .maintenance-state{justify-self:start}
  .page-vehicle-maintenance .maintenance-material-selection>button{width:100%;justify-self:stretch}
  .page-vehicle-maintenance .maintenance-material-detail-list p,.page-vehicle-maintenance .maintenance-work-material-row{grid-template-columns:1fr}
  .page-vehicle-maintenance .maintenance-work-material-form{grid-template-columns:1fr}
  .page-vehicle-maintenance .maintenance-work-material-form button{width:100%}
  .page-vehicle-maintenance .maintenance-purchase-target>summary,.page-vehicle-maintenance .maintenance-purchase-item>summary{display:grid}
  .page-vehicle-maintenance .maintenance-purchase-item>summary>strong{text-align:left}
  .page-vehicle-maintenance .maintenance-purchase-body>dl,.page-vehicle-maintenance .maintenance-package-grid article dl{grid-template-columns:1fr 1fr}
  .page-vehicle-maintenance .maintenance-package-editor{grid-template-columns:1fr}
  .page-vehicle-maintenance .maintenance-package-editor h4{grid-column:auto}
  .page-vehicle-maintenance .maintenance-package-editor>form:not(.maintenance-package-delete){grid-template-columns:1fr}
}


/* maintenance stock groups */
.page-vehicle-maintenance .maintenance-stock-groups{
    display:grid;
    gap:8px;
    margin:9px 0 12px;
}

/* Users access management */
.page-users .users-page{display:grid;gap:14px}
.page-users .users-create summary{cursor:pointer;list-style:none}
.page-users .users-create summary::-webkit-details-marker{display:none}
.page-users .users-create[open] summary{margin-bottom:12px}
.page-users .users-list>h2{margin:0 0 10px}
.page-users .user-account{border:1px solid var(--v4-line);border-radius:10px;background:#fff;overflow:hidden}
.page-users .user-account+.user-account{margin-top:8px}
.page-users .user-account.is-disabled{background:#fafbfc}
.page-users .user-account-main{display:grid;grid-template-columns:minmax(190px,1.5fr) auto auto minmax(125px,.8fr) minmax(90px,.6fr) auto;gap:10px;align-items:center;padding:10px 12px}
.page-users .user-account-identity,.page-users .user-account-date{display:grid;min-width:0}
.page-users .user-account-identity span,.page-users .user-account-date span,.page-users .user-account small{color:var(--v4-muted);font-size:11px}
.page-users .user-account-identity span{overflow-wrap:anywhere}
.page-users .user-account-date b{font-size:12px}
.page-users .user-account-actions,.page-users .user-setting-row{display:flex;gap:7px;align-items:center;white-space:nowrap}
.page-users .user-account-actions form{margin:0}
.page-users .user-account-actions button,.page-users .user-setting-row button,.page-users .user-permissions>button{height:36px;min-height:36px;padding:6px 10px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}
.page-users .user-settings{padding:12px;border-top:1px solid var(--v4-line);background:#f7f9fc}
.page-users .user-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.page-users .user-settings h3{margin:0 0 7px;font-size:13px}
.page-users .user-setting-row input,.page-users .user-setting-row select{height:36px;min-width:0;flex:1;box-sizing:border-box}
.page-users .user-permissions{margin-top:12px;padding-top:12px;border-top:1px solid var(--v4-line)}
.page-users .user-permission-grid{display:flex;gap:8px 16px;flex-wrap:wrap;margin-bottom:9px}
.page-users .user-permission-grid label{display:flex;align-items:center;gap:5px;font-size:13px}
.page-users .user-permission-grid input{width:auto}
@media(max-width:900px){.page-users .user-account-main{grid-template-columns:minmax(180px,1fr) auto auto}.page-users .user-account-date{display:none}.page-users .user-account-actions{grid-column:1/-1}}
@media(max-width:600px){.page-users .user-account-main{grid-template-columns:1fr auto;padding:10px}.page-users .user-account-identity{grid-column:1/-1}.page-users .user-account-actions{white-space:normal;flex-wrap:wrap}.page-users .user-settings-grid{grid-template-columns:1fr}.page-users .user-setting-row{align-items:stretch;flex-direction:column}.page-users .user-permission-grid{display:grid;grid-template-columns:1fr}}
.page-vehicle-maintenance .maintenance-stock-group{
    border:1px solid #dbe3ec;
    border-radius:12px;
    overflow:hidden;
    background:#fff;
}
.page-vehicle-maintenance .maintenance-stock-title{
    padding:8px 10px;
    background:#f3f7fb;
    border-bottom:1px solid #dbe3ec;
}
.page-vehicle-maintenance .maintenance-stock-title b{
    display:block;
    font-size:15px;
}
.page-vehicle-maintenance .maintenance-stock-title small{
    display:block;
    margin-top:3px;
    color:#667085;
}
.page-vehicle-maintenance .maintenance-stock-product{
    display:grid;
    grid-template-columns:minmax(210px,1.2fr) repeat(2,minmax(190px,1fr));
    gap:10px;
    padding:7px 9px;
    align-items:start;
}
.page-vehicle-maintenance .maintenance-stock-product + .maintenance-stock-product{
    border-top:1px solid #e6ebf1;
}
.page-vehicle-maintenance .maintenance-stock-product.is-analog{
    margin-left:14px;
    border-left:3px solid #d8e0e9;
    background:#fafbfc;
}
.page-vehicle-maintenance .maintenance-stock-product-info{
    min-width:0;
}
.page-vehicle-maintenance .maintenance-stock-product-info .maintenance-part-number{
    display:block;
    margin-top:4px;
    font-size:14px;
    line-height:1.25;
}
.page-vehicle-maintenance .maintenance-stock-product-info small{
    display:block;
    margin-top:4px;
    color:#667085;
}
.page-vehicle-maintenance .maintenance-stock-badge{
    display:inline-block;
    padding:2px 6px;
    border-radius:999px;
    font-size:11px;
    font-weight:700;
    line-height:1.4;
}
.page-vehicle-maintenance .maintenance-stock-badge.original{
    background:#e8f1ff;
}
.page-vehicle-maintenance .maintenance-stock-badge.confirmed{
    background:#e9f7ee;
}
.page-vehicle-maintenance .maintenance-stock-badge.unverified{
    background:#f3f4f6;
    color:#667085;
}
.page-vehicle-maintenance .maintenance-stock-place{
    display:grid;
    grid-template-columns:minmax(95px,auto) 72px 128px;
    gap:5px;
    align-items:center;
}
.page-vehicle-maintenance .maintenance-stock-place-title{
    display:block;
    font-size:12px;
    font-weight:700;
    color:#475467;
}
.page-vehicle-maintenance .maintenance-stock-place input{
    width:100%;
}
.page-vehicle-maintenance .maintenance-stock-place small{
    grid-column:1/-1;
    color:#7b8794;
}

@media (max-width:800px){
    .page-vehicle-maintenance .maintenance-stock-product{
        grid-template-columns:1fr;
        gap:12px;
    }
    .page-vehicle-maintenance .maintenance-stock-product.is-analog{
        margin-left:12px;
    }
}

/* maintenance collapsible sections */
.page-vehicle-maintenance details.maintenance-collapse{
    padding:0;
    overflow:hidden;
}

.page-vehicle-maintenance .maintenance-collapse-summary{
    display:flex;
    align-items:center;
    gap:12px;
    padding:11px 13px;
    cursor:pointer;
    user-select:none;
    list-style:none;
}

.page-vehicle-maintenance .maintenance-collapse-summary::-webkit-details-marker{
    display:none;
}

.page-vehicle-maintenance .maintenance-collapse-summary h2{
    margin:0;
    flex:1;
}

.page-vehicle-maintenance .maintenance-collapse-summary::after{
    content:"⌄";
    flex:0 0 auto;
    font-size:22px;
    line-height:1;
    transition:transform .18s ease;
}

details.maintenance-collapse[open] > .maintenance-collapse-summary::after{
    transform:rotate(180deg);
}

.page-vehicle-maintenance .maintenance-collapse-body{
    padding:0 13px 13px;
}

details.maintenance-collapse:not([open]) > .maintenance-collapse-summary{
    margin:0;
}

details.maintenance-collapse:target{
    scroll-margin-top:20px;
}

/* Vehicle service history Stage B. */
.page-vehicle-card .vehicle-service-card{container-type:inline-size;display:flex;flex-direction:column;width:100%;min-width:0;max-width:100%;margin:0;overflow:visible}
.page-vehicle-card .vehicle-service-units{display:grid;gap:8px}
.page-vehicle-card .vehicle-service-unit,.page-vehicle-card .vehicle-service-main{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:center;min-width:0;max-width:100%;padding:9px;border:1px solid var(--v4-line);border-radius:9px}
.page-vehicle-card .vehicle-service-unit.is-disabled{opacity:.68;background:#f7f9fc}
.page-vehicle-card .vehicle-service-unit>div:first-child,.page-vehicle-card .vehicle-service-meter,.page-vehicle-card .vehicle-service-main>div:first-child{display:grid;gap:2px;min-width:0}
.page-vehicle-card .vehicle-service-unit span,.page-vehicle-card .vehicle-service-main span{color:var(--v4-muted);font-size:12px}
.page-vehicle-card .vehicle-service-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;min-width:0}
.page-vehicle-card .vehicle-service-actions details{position:relative;min-width:0}
.page-vehicle-card .vehicle-service-actions .btn,.page-vehicle-card .vehicle-service-nav .btn,.page-vehicle-card .vehicle-service-actions summary{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 10px;line-height:1.2;white-space:nowrap}
.page-vehicle-card .vehicle-service-actions details>summary{list-style:none}.page-vehicle-card .vehicle-service-actions details>summary::-webkit-details-marker{display:none}
.page-vehicle-card .vehicle-service-actions details form{position:absolute;z-index:3;right:0;top:calc(100% + 5px);display:grid;gap:6px;width:min(360px,85vw);padding:10px;border:1px solid var(--v4-line);border-radius:9px;background:#fff;box-shadow:0 8px 24px #1232}
.page-vehicle-card .vehicle-service-settings{grid-column:1/-1}
.page-vehicle-card .vehicle-service-settings summary,.page-vehicle-card .vehicle-service-unit-add summary{color:var(--v4-blue);cursor:pointer;font-size:12px;font-weight:600}
.page-vehicle-card .vehicle-service-settings form,.page-vehicle-card .vehicle-service-unit-add form{display:grid;gap:8px;align-items:center;min-width:0;max-width:100%;margin-top:7px}
.page-vehicle-card .vehicle-service-settings form{grid-template-columns:minmax(70px,.5fr) minmax(0,1.5fr) minmax(100px,1fr) minmax(110px,.8fr) max-content max-content}
.page-vehicle-card .vehicle-service-settings form>*,.page-vehicle-card .vehicle-service-unit-add form>*{box-sizing:border-box;min-width:0;max-width:100%}
.page-vehicle-card .vehicle-service-settings form input,.page-vehicle-card .vehicle-service-settings form select,.page-vehicle-card .vehicle-service-unit-add form input,.page-vehicle-card .vehicle-service-unit-add form select{box-sizing:border-box;width:100%;height:36px;min-width:0;padding:7px 9px}
.page-vehicle-card .vehicle-service-settings form button,.page-vehicle-card .vehicle-service-unit-add form button{box-sizing:border-box;width:auto;min-height:36px;padding:7px 10px;white-space:nowrap}
.page-vehicle-card .vehicle-service-settings form label{display:flex;align-items:center;gap:6px;white-space:nowrap}.page-vehicle-card .vehicle-service-settings form label input{width:auto;height:auto}
.page-vehicle-card .vehicle-service-nav{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;gap:7px;min-width:0;max-width:100%}
.page-vehicle-card .vehicle-service-card .vehicle-section-heading{margin-bottom:8px}
.page-vehicle-card .vehicle-service-card .vehicle-service-main{padding:7px 9px}
.page-vehicle-card .vehicle-service-card .vehicle-service-nav{margin-top:auto;padding-top:10px}
.page-vehicle-card .vehicle-engine-service{container-type:inline-size;margin-top:16px;padding-top:14px;border-top:1px solid var(--v4-line)}
.page-vehicle-card .vehicle-engine-service h3{margin:0 0 10px;font-size:14px}
.page-vehicle-card .vehicle-dimension-profile-list{display:grid;gap:1rem}
.page-vehicle-card .vehicle-dimension-profile h3{margin:0 0 .25rem;font-size:.9375rem;font-weight:600}
.page-vehicle-card .vehicle-dimension-profile dl{margin:0}
.page-vehicle-card .vehicle-dimension-profile-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}
.page-vehicle-card .vehicle-dimension-profile-heading h3{min-width:0;overflow-wrap:anywhere}
.page-vehicle-card .vehicle-dimension-profile-heading form{flex:0 0 auto}
.page-vehicle-card .vehicle-dimension-profile-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.75rem}
.page-vehicle-card .vehicle-dimension-profile-form>label{display:grid;align-content:start;gap:.35rem;min-width:0}
.page-vehicle-card .vehicle-dimension-profile-form .vehicle-dimension-profile-comment{grid-column:span 2}
.page-vehicle-card .vehicle-dimension-profile-form-actions{display:flex;align-items:flex-end}
.page-vehicle-card .vehicle-dimension-profile-create,.page-vehicle-card .vehicle-dimension-profile-inactive{margin-top:1rem}
.page-vehicle-card .vehicle-dimension-profile-create>summary{display:inline-flex;cursor:pointer;list-style:none}
.page-vehicle-card .vehicle-dimension-profile-create>summary::-webkit-details-marker{display:none}
.page-vehicle-card .vehicle-dimension-profile-edit{margin-top:.75rem}
.page-vehicle-card .vehicle-dimension-profile-edit>summary{cursor:pointer;color:var(--tblr-primary)}
.page-vehicle-card .vehicle-dimension-profile-inactive>summary{cursor:pointer}
.page-vehicle-card .vehicle-dimension-profile-is-inactive{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.page-vehicle-card .vehicle-shift-checklist-list{display:grid;gap:1rem;min-width:0}
.page-vehicle-card .vehicle-shift-checklist-template h3{margin:0 0 .75rem;font-size:.9375rem;font-weight:600;overflow-wrap:anywhere}
.page-vehicle-card .vehicle-shift-checklist-group{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--tblr-border-color)}
.page-vehicle-card .vehicle-shift-checklist-group h4{margin:0 0 .4rem;font-size:.875rem;font-weight:600}
.page-vehicle-card .vehicle-shift-checklist-group ul{margin:0;padding-left:1.25rem}
.page-vehicle-card .vehicle-shift-checklist-group li{overflow-wrap:anywhere}
.page-vehicle-card .vehicle-shift-checklist-assignment{display:flex;align-items:end;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--tblr-border-color)}
.page-vehicle-card .vehicle-shift-checklist-assignment label{display:grid;gap:.35rem;flex:1 1 18rem;min-width:0}
.page-vehicle-card .vehicle-shift-checklist-create{margin-top:1rem}
.page-vehicle-card .vehicle-shift-checklist-create>summary{display:inline-flex;cursor:pointer;list-style:none}
.page-vehicle-card .vehicle-shift-checklist-create>summary::-webkit-details-marker{display:none}
.page-vehicle-card .vehicle-shift-checklist-create-form{display:grid;gap:1rem;margin-top:.75rem}
.page-vehicle-card .vehicle-shift-checklist-template-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.page-vehicle-card .vehicle-shift-checklist-template-fields label,.page-vehicle-card .vehicle-shift-checklist-group-editor label{display:grid;gap:.35rem;min-width:0}
.page-vehicle-card .vehicle-shift-checklist-template-fields small{grid-column:1/-1}
.page-vehicle-card .vehicle-shift-checklist-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;min-width:0}
.page-vehicle-card .vehicle-shift-checklist-group-editor{display:grid;gap:.65rem;min-width:0;margin:0;padding:.75rem;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius)}
.page-vehicle-card .vehicle-shift-checklist-group-editor legend{float:none;width:auto;margin:0;padding:0 .25rem;font-size:.875rem;font-weight:600}
.page-vehicle-card .vehicle-shift-checklist-form-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.5rem}
@media(max-width:640px){.page-vehicle-card .vehicle-shift-checklist-assignment{align-items:stretch;flex-direction:column}.page-vehicle-card .vehicle-shift-checklist-assignment>*{width:100%}.page-vehicle-card .vehicle-shift-checklist-template-fields,.page-vehicle-card .vehicle-shift-checklist-groups{grid-template-columns:minmax(0,1fr)}}
.page-vehicle-card .vehicle-service-unit-add{margin-top:10px}
.page-vehicle-card .vehicle-service-unit-add form{grid-template-columns:minmax(72px,.5fr) minmax(0,1.6fr) minmax(100px,1fr) minmax(110px,.8fr) max-content}
@container(max-width:620px){.page-vehicle-card .vehicle-service-settings form,.page-vehicle-card .vehicle-service-unit-add form{grid-template-columns:minmax(80px,.6fr) minmax(0,1.4fr)}.page-vehicle-card .vehicle-service-settings form button,.page-vehicle-card .vehicle-service-unit-add form button{width:100%}}
@media(max-width:760px){.page-vehicle-card .vehicle-dimension-profile-form{grid-template-columns:repeat(2,minmax(0,1fr))}.page-vehicle-card .vehicle-dimension-profile-form .vehicle-dimension-profile-comment{grid-column:1/-1}}
@media(max-width:480px){.page-vehicle-card .vehicle-dimension-profile-form{grid-template-columns:minmax(0,1fr)}.page-vehicle-card .vehicle-dimension-profile-form>label,.page-vehicle-card .vehicle-dimension-profile-form .vehicle-dimension-profile-comment{grid-column:1/-1}.page-vehicle-card .vehicle-dimension-profile-heading,.page-vehicle-card .vehicle-dimension-profile-is-inactive{flex-wrap:wrap}}
@container(max-width:420px){.page-vehicle-card .vehicle-service-settings form,.page-vehicle-card .vehicle-service-unit-add form{grid-template-columns:1fr}.page-vehicle-card .vehicle-service-actions{align-items:stretch;flex-direction:column}.page-vehicle-card .vehicle-service-actions>*{width:100%}.page-vehicle-card .vehicle-service-actions .btn,.page-vehicle-card .vehicle-service-actions summary{width:100%}}
.page-vehicle-service-history .service-history-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.page-vehicle-service-history .service-history-head h1{margin:0;font-size:20px}.page-vehicle-service-history .service-history-head p{margin:3px 0 0;color:var(--v4-muted)}
.page-vehicle-service-history .service-history-filters{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.page-vehicle-service-history .service-history-filters label{display:grid;gap:4px;flex:1 1 180px}.page-vehicle-service-history .service-history-filters button{height:40px}
.page-vehicle-service-history .service-history-list{display:grid;gap:9px;margin-top:12px}.page-vehicle-service-history .service-history-event{padding:0;overflow:hidden}.page-vehicle-service-history .service-history-event>summary{display:grid;grid-template-columns:90px 65px minmax(120px,.8fr) 110px minmax(180px,1.5fr) auto;gap:9px;align-items:center;padding:11px 13px;cursor:pointer;list-style:none}.page-vehicle-service-history .service-history-event>summary::-webkit-details-marker{display:none}.page-vehicle-service-history .service-history-event>summary small{color:var(--v4-muted)}
.page-vehicle-service-history .service-history-detail{padding:12px 13px;border-top:1px solid var(--v4-line);background:#fafcff}.page-vehicle-service-history .service-history-detail dl{display:grid;grid-template-columns:120px minmax(0,1fr);gap:5px 10px}.page-vehicle-service-history .service-history-detail dt{color:var(--v4-muted)}.page-vehicle-service-history .service-history-detail dd{margin:0}.page-vehicle-service-history .service-history-detail h3{margin:13px 0 6px;font-size:14px}.page-vehicle-service-history .service-history-row{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,1fr);gap:9px;padding:6px 0;border-top:1px solid var(--v4-line)}
.page-vehicle-service-history .service-event-form>h1{margin-top:0;font-size:20px}.page-vehicle-service-history .service-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.page-vehicle-service-history .service-event-grid label{display:grid;gap:4px;min-width:0}.page-vehicle-service-history .service-event-grid .span2{grid-column:span 2}.page-vehicle-service-history .service-event-grid textarea{min-height:64px}.page-vehicle-service-history .service-form-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;flex-wrap:wrap}.page-vehicle-service-history .service-form-heading h2{margin:0;font-size:15px}.page-vehicle-service-history .service-repeat-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr) 38px;gap:7px;margin-top:7px;min-width:0}.page-vehicle-service-history .service-repeat-row.material{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(80px,.45fr) minmax(64px,.35fr) minmax(80px,.45fr) minmax(0,1fr) 38px}.page-vehicle-service-history .service-repeat-row>*{box-sizing:border-box;min-width:0;max-width:100%}.page-vehicle-service-history .service-repeat-row button{padding:5px}.page-vehicle-service-history .service-event-submit{margin-top:16px}
.page-vehicle-service-history .service-event-form input:not([type="hidden"]),.page-vehicle-service-history .service-event-form select{box-sizing:border-box;width:100%;min-width:0;min-height:38px;padding:8px 12px}
.page-vehicle-service-history .service-event-form textarea{box-sizing:border-box;width:100%;min-width:0;min-height:88px;padding:10px 12px;resize:vertical}
.page-vehicle-service-history .service-form-heading button,.page-vehicle-service-history .service-event-submit{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:38px;padding:8px 12px;line-height:1.2}
.page-vehicle-service-history .service-repeat-row>button{width:38px;min-height:38px;padding:6px}
@media(max-width:900px){.page-vehicle-service-history .service-repeat-row.material{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.page-vehicle-service-history .service-repeat-row.material button{width:100%}}
@media(max-width:760px){.page-vehicle-card .vehicle-service-unit,.page-vehicle-card .vehicle-service-main{grid-template-columns:1fr}.page-vehicle-card .vehicle-service-settings{grid-column:auto}.page-vehicle-card .vehicle-service-settings form,.page-vehicle-card .vehicle-service-unit-add form{grid-template-columns:1fr}.page-vehicle-card .vehicle-service-actions details form{position:static;width:100%;margin-top:6px;box-shadow:none}.page-vehicle-service-history .service-history-head{align-items:flex-start;flex-direction:column}.page-vehicle-service-history .service-history-event>summary{grid-template-columns:1fr 1fr}.page-vehicle-service-history .service-history-event>summary strong,.page-vehicle-service-history .service-history-event>summary small{grid-column:1/-1}.page-vehicle-service-history .service-history-detail dl,.page-vehicle-service-history .service-history-row{grid-template-columns:1fr}.page-vehicle-service-history .service-event-grid{grid-template-columns:1fr}.page-vehicle-service-history .service-event-grid .span2{grid-column:auto}.page-vehicle-service-history .service-repeat-row,.page-vehicle-service-history .service-repeat-row.material{grid-template-columns:1fr}.page-vehicle-service-history .service-repeat-row button,.page-vehicle-service-history .service-form-heading button{width:100%}}

@media (max-width:800px){
    .maintenance-collapse-summary{
        padding:16px;
    }

    .maintenance-collapse-body{
        padding:0 16px 16px;
    }
}

@media (max-width:600px){
    .page-vehicle-maintenance .maintenance-stock-place{
        grid-template-columns:1fr;
    }
}

/* Maintenance inventory catalog */
.page-vehicles #material-catalog>.maintenance-collapse-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}
.page-vehicles #material-catalog>.maintenance-collapse-summary h2{margin:0;min-width:0;overflow-wrap:anywhere}
.page-vehicles .material-catalog{min-width:0;padding:0 16px 16px}
.page-vehicles #material-catalog[open] .material-catalog summary{margin-bottom:0}
.page-vehicles .material-catalog-create{margin-top:10px;padding:9px 10px;border:1px solid var(--v4-line);border-radius:8px;background:#f8fafc}
.page-vehicles .material-catalog-create>summary{padding:0;background:transparent;color:var(--v4-text);font-size:14px;cursor:pointer;font-weight:700}
.page-vehicles .material-category-groups{display:grid;gap:8px;margin-top:10px}
.page-vehicles .material-category-group{min-width:0;border:1px solid var(--v4-line);border-radius:9px;background:#f8fafc;overflow:hidden}
.page-vehicles .material-category-group>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:9px 11px;background:#eef4fa;color:var(--v4-text);font-size:14px;cursor:pointer}
.page-vehicles .material-category-group>summary>*{min-width:0;overflow-wrap:anywhere}
.page-vehicles .material-category-group>summary span{flex:0 0 auto;color:var(--v4-muted);font-size:12px;font-weight:500}
.page-vehicles .material-category-group>.material-catalog-list{margin:0;padding:8px}
.page-vehicles .material-catalog-list{display:grid;gap:7px;margin-top:10px}
.page-vehicles .material-catalog-item{min-width:0;border:1px solid var(--v4-line);border-radius:8px;background:#fff;overflow:hidden}
.page-vehicles .material-catalog-summary{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(130px,.7fr) minmax(130px,.7fr);align-items:center;gap:12px;min-width:0;padding:9px 11px;background:#fff;color:var(--v4-text);font-size:14px;cursor:pointer}
.page-vehicles .material-catalog-summary>*{min-width:0;overflow-wrap:anywhere}
.page-vehicles .material-catalog-part,.page-vehicles .material-catalog-category{color:var(--v4-muted);font-size:12px}
.page-vehicles .material-catalog-category{text-align:right}
.page-vehicles .material-catalog-body{display:grid;gap:9px;padding:0 10px 10px}
.page-vehicles .material-catalog-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end;min-width:0;padding-top:10px;border-top:1px solid var(--v4-line)}
.page-vehicles .material-catalog-form>*,.page-vehicles .material-package-form>*,.page-vehicles .material-analog-form>*{box-sizing:border-box;min-width:0;max-width:100%}
.page-vehicles .material-catalog-form label,.page-vehicles .material-package-form label,.page-vehicles .material-analog-form label{display:grid;align-content:start;gap:5px;color:var(--v4-muted);font-size:12px;font-weight:600}
.page-vehicles .material-catalog-form input,.page-vehicles .material-catalog-form select,.page-vehicles .material-catalog-form textarea,.page-vehicles .material-package-form input,.page-vehicles .material-package-form select,.page-vehicles .material-analog-form input,.page-vehicles .material-analog-form select{box-sizing:border-box;width:100%;min-width:0;min-height:40px}
.page-vehicles .material-catalog-form textarea{min-height:76px;resize:vertical}
.page-vehicles .material-catalog-form .material-name{grid-column:span 2}
.page-vehicles .material-catalog-form .material-spec{grid-column:1/-1}
.page-vehicles .material-catalog-form>button{grid-column:1/-1;justify-self:start}
.page-vehicles .material-catalog-subsection{min-width:0;border:1px solid var(--v4-line);border-radius:7px;background:#f8fafc;overflow:hidden}
.page-vehicles .material-catalog-subsection>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:#f1f5f9;color:var(--v4-text);font-size:13px;cursor:pointer;font-weight:700}
.page-vehicles .material-catalog-subsection>summary span{min-width:24px;padding:2px 7px;border-radius:999px;background:#e7edf4;color:var(--v4-muted);font-size:11px;text-align:center}
.page-vehicles .material-catalog-subsection-body{display:grid;gap:8px;padding:0 9px 9px}
.page-vehicles .material-package-form{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(100px,.7fr) minmax(140px,1fr) minmax(110px,.7fr) max-content;gap:8px;align-items:end;min-width:0;padding-top:8px;border-top:1px solid var(--v4-line)}
.page-vehicles .material-analog-form{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) max-content;gap:8px;align-items:end;min-width:0;padding-top:8px;border-top:1px solid var(--v4-line)}
.page-vehicles .material-analog-list p{display:flex;justify-content:space-between;gap:10px;min-width:0;margin:0;padding:6px 8px;border-radius:6px;background:#fff}
.page-vehicles .material-analog-list p span,.page-vehicles .material-analog-list p small{min-width:0;overflow-wrap:anywhere}
.page-vehicles .material-analog-list p small{color:var(--v4-muted)}
@media(max-width:900px){.page-vehicles .material-catalog-form{grid-template-columns:repeat(2,minmax(0,1fr))}.page-vehicles .material-package-form{grid-template-columns:repeat(2,minmax(0,1fr))}.page-vehicles .material-analog-form{grid-template-columns:repeat(2,minmax(0,1fr))}.page-vehicles .material-package-form button,.page-vehicles .material-analog-form button{width:100%}}
@media(max-width:600px){.page-vehicles .material-category-group>summary{align-items:flex-start;flex-direction:column;gap:3px}.page-vehicles .material-catalog-summary,.page-vehicles .material-catalog-form,.page-vehicles .material-package-form,.page-vehicles .material-analog-form{grid-template-columns:1fr}.page-vehicles .material-catalog-summary{gap:3px}.page-vehicles .material-catalog-category{text-align:left}.page-vehicles .material-catalog-form .material-name,.page-vehicles .material-catalog-form .material-spec{grid-column:auto}.page-vehicles .material-catalog-form>button{width:100%;justify-self:stretch}.page-vehicles .material-analog-list p{display:grid}.page-vehicles .material-catalog-subsection>summary{overflow-wrap:anywhere}}

/* Insurance policy payment schedules. */
.insurance-payment-preview-list,.insurance-payment-list{display:grid;gap:8px}
.insurance-payment-preview-row,.insurance-payment-fields{display:grid;grid-template-columns:minmax(90px,.5fr) minmax(140px,1fr) minmax(170px,1fr);gap:10px;align-items:end}
.insurance-payment-preview-row label,.insurance-payment-fields label,.insurance-payment-add label{display:grid;gap:4px;min-width:0;color:var(--v4-muted);font-size:12px;font-weight:600}
.insurance-payment-preview-row input,.insurance-payment-fields input,.insurance-payment-add input{box-sizing:border-box;width:100%;min-width:0}
.insurance-payment-preview-row small,.insurance-payment-fields small{color:var(--v4-muted)}
.insurance-payment-schedule{margin-top:16px}
.insurance-payment-row{padding:10px;border:1px solid var(--v4-line);border-radius:8px;background:#f8fafc}
.insurance-payment-row.is-overdue{border-color:#e7a3a3;background:#fff5f5}
.insurance-payment-fields{grid-template-columns:70px minmax(120px,.8fr) minmax(165px,1fr) minmax(120px,.8fr) minmax(120px,.8fr) max-content}
.insurance-payment-fields>div{display:grid;gap:4px;min-width:0}
.insurance-payment-fields>div b{overflow-wrap:anywhere}
.insurance-payment-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.insurance-payment-actions form{margin:0}
.insurance-payment-add{margin-top:10px;padding:9px;border:1px solid var(--v4-line);border-radius:8px;background:#f8fafc}
.insurance-payment-add>summary{cursor:pointer;font-weight:700}
.insurance-payment-add>form{display:grid;grid-template-columns:90px minmax(140px,1fr) minmax(170px,1fr) max-content;gap:9px;align-items:end;margin-top:9px}
@media(max-width:800px){.insurance-payment-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.insurance-payment-fields button{width:100%}.insurance-payment-preview-row,.insurance-payment-add>form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.insurance-payment-preview-row,.insurance-payment-fields,.insurance-payment-add>form{grid-template-columns:1fr}.insurance-payment-actions,.insurance-payment-actions form,.insurance-payment-actions button{width:100%}}
.page-insurance .insurance-policy-list{display:grid;gap:8px;margin-top:14px}
.page-insurance .insurance-policy-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.page-insurance .insurance-policy-heading h2{margin:0}
.page-insurance .insurance-policy-tabs{display:flex;gap:6px;flex-wrap:wrap}
.page-insurance .insurance-policy-tabs a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--v4-line);border-radius:8px;background:#f8fafc;color:var(--v4-navy);font-weight:700;text-decoration:none}
.page-insurance .insurance-policy-tabs a.is-active{border-color:#1769aa;background:#1769aa;color:#fff}
.page-insurance .insurance-policy-tabs span{font-size:11px;opacity:.8}
.page-insurance .insurance-policy-row{min-width:0;border:1px solid var(--v4-line);border-radius:10px;background:#fff;overflow:hidden}
.page-insurance .insurance-policy-summary{display:grid;grid-template-columns:minmax(180px,1.35fr) minmax(60px,.45fr) minmax(130px,1fr) minmax(130px,1fr) repeat(2,minmax(90px,.65fr)) minmax(105px,.75fr) minmax(90px,.65fr) max-content;gap:10px;align-items:center;padding:10px 12px;cursor:pointer;list-style-position:outside}
.page-insurance .insurance-policy-summary>span{display:grid;gap:2px;min-width:0}
.page-insurance .insurance-policy-summary small,.page-insurance .insurance-policy-payment small{color:var(--v4-muted);font-size:11px}
.page-insurance .insurance-policy-summary b,.page-insurance .insurance-policy-payment b{min-width:0;overflow-wrap:anywhere;font-size:13px}
.page-insurance .insurance-policy-edit{white-space:nowrap;font-weight:700}
.page-insurance .insurance-policy-payments{min-width:0;padding:12px;border-top:1px solid var(--v4-line);background:#f8fafc}
.page-insurance .insurance-policy-payments h3{margin:0 0 8px}
.page-insurance .insurance-policy-payment-list{display:grid;gap:6px}
.page-insurance .insurance-policy-payment{display:grid;grid-template-columns:80px minmax(110px,1fr) minmax(110px,1fr) minmax(110px,1fr) minmax(110px,1fr);gap:10px;padding:8px 10px;border:1px solid var(--v4-line);border-radius:8px;background:#fff}
.page-insurance .insurance-policy-payment>span{display:grid;gap:2px;min-width:0}
.page-insurance .insurance-policy-payment.is-overdue{border-color:#e7a3a3;background:#fff5f5}
.page-insurance .insurance-policy-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--v4-line)}
.page-insurance .insurance-policy-actions form{margin:0}
.page-insurance .insurance-policy-actions button{width:auto;min-height:36px;padding:0 12px}
.page-insurance .insurance-add-card{padding:12px 14px}
.page-insurance .insurance-add-details>summary{padding:9px 11px}
.page-insurance .insurance-add-details[open]>summary{margin-bottom:10px}
.page-insurance .policy-form{display:grid;gap:10px;min-width:0}
.page-insurance .insurance-add-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px}
.page-insurance .insurance-add-grid>label{display:grid;gap:3px;min-width:0;color:var(--v4-muted);font-size:12px;font-weight:600;line-height:1.35}
.page-insurance .policy-form .insurance-add-grid input,.page-insurance .policy-form .insurance-add-grid select{box-sizing:border-box;width:100%;height:38px!important;min-height:38px!important;padding:0 10px!important;font-size:14px!important}
.page-insurance .insurance-add-comment{grid-column:span 2}
.page-insurance .policy-form .insurance-add-comment textarea{box-sizing:border-box;width:100%;height:auto!important;min-height:58px!important;padding:7px 10px!important;resize:vertical}
.page-insurance .insurance-add-reminders{min-width:0;margin:0;padding:7px 10px;border:1px solid var(--v4-line);border-radius:8px}
.page-insurance .insurance-add-reminders legend{padding:0 5px;color:var(--v4-muted);font-size:12px;font-weight:600}
.page-insurance .insurance-add-reminders>div{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap}
.page-insurance .insurance-add-reminders label{display:inline-flex;align-items:center;gap:5px;line-height:1.35;font-size:13px;white-space:nowrap}
.page-insurance .policy-form .insurance-add-reminders input[type=checkbox]{box-sizing:border-box;width:17px!important;height:17px!important;min-height:17px!important;margin:0;padding:0!important;flex:0 0 17px}
.page-insurance .insurance-add-actions{display:flex;justify-content:flex-start}
.page-insurance .policy-form .insurance-add-actions button{box-sizing:border-box;width:auto;min-height:38px!important;height:38px!important;padding:0 14px!important;font-size:14px!important}
.page-insurance .insurance-pdf-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px}
.page-insurance .insurance-pdf-row>div{min-width:0}
.page-insurance .insurance-pdf-row h2{margin:0 0 3px}
.page-insurance .insurance-pdf-row p{margin:0;color:var(--v4-muted)}
.page-insurance .insurance-pdf-row .btn{flex:0 0 auto;min-height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
@media(max-width:900px){.page-insurance .insurance-add-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.page-insurance .insurance-add-grid{grid-template-columns:1fr}.page-insurance .insurance-add-comment{grid-column:auto}.page-insurance .insurance-pdf-row{align-items:stretch;flex-direction:column}.page-insurance .insurance-pdf-row .btn{align-self:flex-start}.page-insurance .insurance-add-reminders>div{align-items:flex-start;flex-direction:column;gap:7px}.page-insurance .insurance-add-actions button{width:100%}}
.page-insurance-edit .insurance-policy-edit-form,.page-insurance-edit .insurance-payment-editor{min-width:0;max-width:100%}
.page-insurance-edit .insurance-payment-editor .insurance-payment-fields{grid-template-columns:70px minmax(120px,1fr) minmax(150px,1fr);align-items:end}
.page-insurance-edit .insurance-payment-editor .insurance-payment-fields>div,.page-insurance-edit .insurance-payment-editor .insurance-payment-fields>button{min-width:0}
.page-insurance-edit .insurance-payment-editor button{width:auto;min-height:38px;font-size:14px}
.page-insurance-edit .insurance-edit-layout{display:grid;gap:12px;width:100%;min-width:0}
.page-insurance-edit .insurance-edit-layout>.card{box-sizing:border-box;width:100%;min-width:0;margin-top:0;padding:16px}
.page-insurance-edit .insurance-edit-layout h1,.page-insurance-edit .insurance-edit-layout h2{margin:0 0 10px}
.page-insurance-edit .insurance-policy-edit-form{display:grid;gap:12px}
.page-insurance-edit .insurance-policy-main-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 12px}
.page-insurance-edit .insurance-policy-main-grid>label,.page-insurance-edit .insurance-policy-comment{display:grid;gap:3px;min-width:0;color:var(--v4-muted);font-size:12px;font-weight:600;line-height:1.35}
.page-insurance-edit .insurance-policy-main-grid input,.page-insurance-edit .insurance-policy-main-grid select{box-sizing:border-box;width:100%;height:38px;min-height:38px;padding:0 10px;font-size:14px}
.page-insurance-edit .insurance-policy-secondary-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:12px;align-items:stretch}
.page-insurance-edit .insurance-policy-comment textarea{box-sizing:border-box;width:100%;min-height:78px;padding:8px 10px;font-size:14px;resize:vertical}
.page-insurance-edit .insurance-policy-reminders{min-width:0;margin:0;padding:9px 11px;border:1px solid var(--v4-line);border-radius:8px}
.page-insurance-edit .insurance-policy-reminders legend{padding:0 5px;font-size:12px;font-weight:600;color:var(--v4-muted)}
.page-insurance-edit .insurance-policy-reminders>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px}
.page-insurance-edit .insurance-policy-reminders label{display:flex;align-items:center;gap:6px;min-width:0;line-height:1.35;font-size:13px}
.page-insurance-edit .insurance-policy-reminders input{flex:0 0 auto;margin:0}
.page-insurance-edit .insurance-policy-primary-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.page-insurance-edit .insurance-policy-primary-actions form{margin:0}
.page-insurance-edit .insurance-policy-primary-actions button,.page-insurance-edit .insurance-policy-primary-actions .delete-btn{box-sizing:border-box;width:auto;min-height:38px;height:38px;padding:0 14px;font-size:14px}
.page-insurance-edit .insurance-payment-schedule{margin-top:0}
.page-insurance-edit .insurance-payment-editor .insurance-payment-list{gap:6px}
.page-insurance-edit .insurance-payment-editor .insurance-payment-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;padding:8px;min-width:0}
.page-insurance-edit .insurance-payment-editor .insurance-payment-fields{grid-template-columns:58px minmax(110px,.8fr) minmax(145px,1fr) minmax(105px,.7fr) minmax(110px,.75fr) max-content;gap:8px;min-width:0}
.page-insurance-edit .insurance-payment-editor .insurance-payment-fields label,.page-insurance-edit .insurance-payment-add label{line-height:1.35}
.page-insurance-edit .insurance-payment-editor input{box-sizing:border-box;height:38px;min-height:38px;padding:0 9px;font-size:14px}
.page-insurance-edit .insurance-payment-editor .insurance-payment-fields>div{align-content:end;min-height:38px}
.page-insurance-edit .insurance-payment-editor .insurance-payment-actions{align-items:center;margin:0}
.page-insurance-edit .insurance-payment-editor .insurance-payment-actions button,.page-insurance-edit .insurance-payment-add button{box-sizing:border-box;width:auto;min-height:38px;height:38px;padding:0 11px;white-space:nowrap}
.page-insurance-edit .insurance-payment-add>form{grid-template-columns:70px minmax(150px,220px) minmax(165px,200px) max-content}
@media(max-width:1100px){.page-insurance-edit .insurance-policy-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-insurance-edit .insurance-policy-secondary-grid{grid-template-columns:1fr}.page-insurance-edit .insurance-payment-editor .insurance-payment-row{grid-template-columns:1fr}.page-insurance-edit .insurance-payment-editor .insurance-payment-actions{margin-top:0}}
@media(max-width:800px){.page-insurance-edit .insurance-policy-reminders>div{grid-template-columns:repeat(2,minmax(0,1fr))}.page-insurance-edit .insurance-payment-editor .insurance-payment-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.page-insurance-edit .insurance-payment-editor .insurance-payment-fields>button{width:100%}.page-insurance-edit .insurance-payment-add>form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.page-insurance-edit .insurance-edit-layout>.card{padding:12px}.page-insurance-edit .insurance-policy-main-grid,.page-insurance-edit .insurance-policy-reminders>div,.page-insurance-edit .insurance-payment-editor .insurance-payment-fields,.page-insurance-edit .insurance-payment-add>form{grid-template-columns:1fr}.page-insurance-edit .insurance-policy-primary-actions,.page-insurance-edit .insurance-policy-primary-actions form,.page-insurance-edit .insurance-policy-primary-actions button,.page-insurance-edit .insurance-policy-primary-actions .delete-btn,.page-insurance-edit .insurance-payment-editor .insurance-payment-actions,.page-insurance-edit .insurance-payment-editor .insurance-payment-actions form,.page-insurance-edit .insurance-payment-editor .insurance-payment-actions button,.page-insurance-edit .insurance-payment-add button{width:100%}}
@media(max-width:1100px){.page-insurance .insurance-policy-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.page-insurance .insurance-policy-edit{justify-self:start}.page-insurance .insurance-policy-payment{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.page-insurance .insurance-policy-heading{align-items:stretch;flex-direction:column}.page-insurance .insurance-policy-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.page-insurance .insurance-policy-tabs a{justify-content:center}.page-insurance .insurance-policy-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.page-insurance .insurance-policy-payment{grid-template-columns:repeat(2,minmax(0,1fr))}.page-insurance-edit .insurance-payment-editor .insurance-payment-fields{grid-template-columns:1fr}.page-insurance-edit .insurance-payment-editor button{width:100%}}
@media(max-width:460px){.page-insurance .insurance-policy-summary,.page-insurance .insurance-policy-payment{grid-template-columns:1fr}.page-insurance .insurance-policy-edit{width:100%;box-sizing:border-box;text-align:center}.page-insurance .insurance-policy-actions,.page-insurance .insurance-policy-actions form,.page-insurance .insurance-policy-actions button{width:100%}}

/* Stage 4: the insurance overview now renders directly in the Tabler page shell. */
.aifbase-tabler-shell .page-insurance .page-insurance-content{min-width:0}
.aifbase-tabler-shell .page-insurance .insurance-policy-tabs a{
  color:var(--tblr-body-color);
  background:var(--tblr-bg-surface-secondary);
  border-color:var(--tblr-border-color);
}
.aifbase-tabler-shell .page-insurance .insurance-policy-tabs a:hover,
.aifbase-tabler-shell .page-insurance .insurance-policy-tabs a:focus-visible{
  color:var(--tblr-link-color);
  background:var(--tblr-primary-bg-subtle);
}
.aifbase-tabler-shell .page-insurance .insurance-policy-tabs a.is-active{
  color:var(--tblr-primary-fg);
  background:var(--tblr-primary);
  border-color:var(--tblr-primary);
}
.aifbase-tabler-shell .page-insurance .insurance-policy-row,
.aifbase-tabler-shell .page-insurance .insurance-policy-payments,
.aifbase-tabler-shell .page-insurance .insurance-policy-payment,
.aifbase-tabler-shell .page-insurance .insurance-add-reminders{
  color:var(--tblr-body-color);
  background:var(--tblr-card-bg);
  border-color:var(--tblr-border-color);
}
.aifbase-tabler-shell .page-insurance .insurance-policy-row>summary{
  color:var(--tblr-body-color);
  background:var(--tblr-card-bg);
}
.aifbase-tabler-shell .page-insurance .insurance-policy-row>summary:hover,
.aifbase-tabler-shell .page-insurance .insurance-policy-row>summary:focus-visible{
  background:var(--tblr-bg-surface-secondary);
}
.aifbase-tabler-shell .page-insurance .insurance-policy-payment.is-overdue{
  color:var(--tblr-danger-text-emphasis);
  background:var(--tblr-danger-bg-subtle);
  border-color:var(--tblr-danger-border-subtle);
}
.aifbase-tabler-shell .page-insurance .insurance-add-grid>label{color:var(--tblr-secondary-color)}
.aifbase-tabler-shell .page-insurance .insurance-policy-summary:focus-visible,
.aifbase-tabler-shell .page-insurance .insurance-add-details>summary:focus-visible{
  outline:2px solid var(--tblr-primary);
  outline-offset:2px;
}
.aifbase-tabler-shell .page-insurance .insurance-policy-row>summary{min-width:0}
@media(max-width:600px){
  .aifbase-tabler-shell .page-insurance .insurance-policy-heading .card-title{margin-bottom:.25rem}
  .aifbase-tabler-shell .page-insurance .insurance-policy-tabs a{min-height:44px}
  .aifbase-tabler-shell .page-insurance .insurance-policy-actions button{min-height:44px}
}
.page-vehicle-maintenance .maintenance-catalog-add h3{margin:16px 0 6px;font-size:14px}
.page-vehicle-maintenance .maintenance-catalog-list{display:grid;gap:6px;margin-top:8px}
.page-vehicle-maintenance .maintenance-catalog-list>details{min-width:0;padding:8px 10px;border:1px solid var(--v4-line);border-radius:8px;background:#fff}
.page-vehicle-maintenance .maintenance-catalog-list>details>summary{cursor:pointer;overflow-wrap:anywhere}
.page-vehicle-maintenance .maintenance-catalog-list>details>summary span{color:var(--v4-muted);font-size:12px}
.page-vehicle-maintenance .maintenance-category-list{display:grid;gap:6px;margin-top:8px}
.page-vehicle-maintenance .maintenance-category-list form{grid-template-columns:minmax(0,1fr) minmax(160px,.7fr) max-content;margin-top:0}
.page-vehicle-maintenance .maintenance-catalog-add input[readonly]{background:#f3f6fa;color:var(--v4-muted)}
@media(max-width:760px){.page-vehicle-maintenance .maintenance-category-list form{grid-template-columns:1fr}.page-vehicle-maintenance .maintenance-category-list button{width:100%;justify-self:stretch}}

/* Maintenance item applicability */
.page-vehicle-maintenance .maintenance-applicability{margin-top:14px;padding:12px;border:1px solid var(--v4-line);border-radius:10px;background:#f8fafc}
.page-vehicle-maintenance .maintenance-applicability-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.page-vehicle-maintenance .maintenance-applicability-heading h3{margin:0 0 3px}
.page-vehicle-maintenance .maintenance-applicability-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.35fr);gap:10px;margin:12px 0}
.page-vehicle-maintenance .maintenance-applicability-groups{display:grid;gap:7px;margin-bottom:12px}
.page-vehicle-maintenance .maintenance-applicability-groups>details{min-width:0;border:1px solid var(--v4-line);border-radius:9px;background:#fff}
.page-vehicle-maintenance .maintenance-applicability-groups>details>summary{display:flex;justify-content:space-between;gap:10px;padding:9px 11px;cursor:pointer;font-weight:700}
.page-vehicle-maintenance .maintenance-applicability-groups>details>button{width:auto;margin:0 10px 7px}
.page-vehicle-maintenance .maintenance-applicability-targets{display:grid;gap:5px;padding:0 10px 10px}
.page-vehicle-maintenance .maintenance-applicability-target{display:grid;grid-template-columns:minmax(220px,1fr) 150px minmax(160px,.7fr);align-items:center;gap:8px;min-width:0;padding:7px;border-radius:7px;background:#f7f9fc}
.page-vehicle-maintenance .maintenance-applicability-target.is-unit{margin-left:24px;background:#eef4fb}
.page-vehicle-maintenance .maintenance-applicability-check{display:flex;align-items:center;gap:8px;min-width:0}
.page-vehicle-maintenance .maintenance-applicability-check input{width:17px;height:17px;flex:0 0 auto}
.page-vehicle-maintenance .maintenance-applicability-check span{min-width:0;overflow-wrap:anywhere}
.page-vehicle-maintenance .maintenance-applicability-check small{display:block;color:var(--v4-muted)}
.page-vehicle-maintenance .maintenance-applicability-view{display:grid;gap:12px}
.page-vehicle-maintenance .maintenance-applicability-view>section{padding-bottom:10px;border-bottom:1px solid var(--v4-line)}
.page-vehicle-maintenance .maintenance-applicability-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.page-vehicle-maintenance .maintenance-applicability-columns>div{padding:9px;border-radius:8px;background:#f7f9fc}
.page-vehicle-maintenance .maintenance-applicability-columns h4{margin:0 0 7px}
.page-vehicle-maintenance .maintenance-applicability-columns p{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;margin:5px 0}
.page-vehicle-maintenance .maintenance-applicability-columns p span,.page-vehicle-maintenance .maintenance-applicability-columns p small{color:var(--v4-muted)}
.page-vehicle-maintenance .maintenance-preview h1{margin-bottom:5px}
.page-vehicle-maintenance .maintenance-preview-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.page-vehicle-maintenance .maintenance-preview-groups>div{padding:10px;border:1px solid var(--v4-line);border-radius:9px}
.page-vehicle-maintenance .maintenance-preview-groups h2{margin:0 0 8px;font-size:15px}
.page-vehicle-maintenance .maintenance-preview-groups p{display:grid;gap:2px;margin:7px 0}
.page-vehicle-maintenance .maintenance-preview-groups span,.page-vehicle-maintenance .maintenance-preview-groups small{color:var(--v4-muted)}
@media(max-width:900px){.page-vehicle-maintenance .maintenance-applicability-target{grid-template-columns:minmax(0,1fr) minmax(130px,.45fr)}.page-vehicle-maintenance .maintenance-applicability-target>input{grid-column:1/-1}}
@media(max-width:600px){.page-vehicle-maintenance .maintenance-applicability-heading{display:grid}.page-vehicle-maintenance .maintenance-applicability-tools,.page-vehicle-maintenance .maintenance-applicability-target,.page-vehicle-maintenance .maintenance-applicability-columns,.page-vehicle-maintenance .maintenance-preview-groups{grid-template-columns:1fr}.page-vehicle-maintenance .maintenance-applicability-target.is-unit{margin-left:0}.page-vehicle-maintenance .maintenance-applicability-groups>details>button{width:calc(100% - 20px)}.page-vehicle-maintenance .maintenance-applicability-target>input{grid-column:auto}}

/* Catalog analog relationships and kit elements. */
.page-vehicle-maintenance .maintenance-catalog-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.page-vehicle-maintenance .maintenance-catalog-relations,.page-vehicle-maintenance .maintenance-catalog-kit{margin-top:14px;padding:12px;border:1px solid var(--v4-line);border-radius:10px;background:#f8fafc}
.page-vehicle-maintenance .maintenance-catalog-relations>details,.page-vehicle-maintenance .maintenance-catalog-kit>details,.page-vehicle-maintenance .maintenance-relation-list>details,.page-vehicle-maintenance .maintenance-kit-list>details{min-width:0;margin-top:8px;padding:9px 10px;border:1px solid var(--v4-line);border-radius:8px;background:#fff}
.page-vehicle-maintenance .maintenance-catalog-relations summary,.page-vehicle-maintenance .maintenance-catalog-kit summary{cursor:pointer;overflow-wrap:anywhere}
.page-vehicle-maintenance .maintenance-relation-list,.page-vehicle-maintenance .maintenance-kit-list{display:grid;gap:7px;margin-top:9px}
.page-vehicle-maintenance .maintenance-relation-list>details>summary,.page-vehicle-maintenance .maintenance-kit-list>details>summary{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.page-vehicle-maintenance .maintenance-relation-list summary small,.page-vehicle-maintenance .maintenance-kit-list summary small{color:var(--v4-muted);text-align:right}
.page-vehicle-maintenance .maintenance-relation-form,.page-vehicle-maintenance .maintenance-kit-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1.4fr) max-content;gap:9px;align-items:end;min-width:0;margin-top:9px}
.page-vehicle-maintenance .maintenance-kit-form{grid-template-columns:minmax(0,1.5fr) minmax(110px,.8fr) 90px repeat(3,minmax(130px,auto)) max-content}
.page-vehicle-maintenance .maintenance-relation-form>*,.page-vehicle-maintenance .maintenance-kit-form>*{box-sizing:border-box;min-width:0;max-width:100%}
.page-vehicle-maintenance .maintenance-relation-form input,.page-vehicle-maintenance .maintenance-relation-form select,.page-vehicle-maintenance .maintenance-kit-form input:not([type=checkbox]){box-sizing:border-box;width:100%;min-width:0}
.page-vehicle-maintenance .maintenance-kit-delete{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:8px;padding-top:8px;border-top:1px solid var(--v4-line)}
.page-vehicle-maintenance .maintenance-related-analogs{min-width:180px}
.page-vehicle-maintenance .maintenance-related-analogs p{display:grid;gap:2px;margin:7px 0}
.page-vehicle-maintenance .maintenance-related-analogs span,.page-vehicle-maintenance .maintenance-related-analogs small{display:block;color:var(--v4-muted)}
@media(max-width:1050px){.page-vehicle-maintenance .maintenance-relation-form,.page-vehicle-maintenance .maintenance-kit-form{grid-template-columns:repeat(2,minmax(0,1fr))}.page-vehicle-maintenance .maintenance-relation-form button,.page-vehicle-maintenance .maintenance-kit-form button{width:100%}}
@media(max-width:600px){.page-vehicle-maintenance .maintenance-relation-form,.page-vehicle-maintenance .maintenance-kit-form{grid-template-columns:1fr}.page-vehicle-maintenance .maintenance-relation-list>details>summary,.page-vehicle-maintenance .maintenance-kit-list>details>summary,.page-vehicle-maintenance .maintenance-kit-delete{align-items:stretch;flex-direction:column}.page-vehicle-maintenance .maintenance-relation-list summary small,.page-vehicle-maintenance .maintenance-kit-list summary small{text-align:left}.page-vehicle-maintenance .maintenance-kit-delete button{width:100%}}

/* Global maintenance work catalog. */
.page-vehicle-maintenance .maintenance-work-catalog{min-width:0}
.page-vehicle-maintenance .maintenance-work-filters{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(160px,.7fr) minmax(130px,.5fr) max-content;gap:9px;align-items:end;min-width:0}
.page-vehicle-maintenance .maintenance-work-filters>*{box-sizing:border-box;min-width:0;max-width:100%}
.page-vehicle-maintenance .maintenance-work-filters input,.page-vehicle-maintenance .maintenance-work-filters select{box-sizing:border-box;width:100%;min-width:0}
.page-vehicle-maintenance .maintenance-work-create,.page-vehicle-maintenance .maintenance-work-categories{margin-top:10px;padding:9px 10px;border:1px solid var(--v4-line);border-radius:8px;background:#f8fafc}
.page-vehicle-maintenance .maintenance-work-create>summary,.page-vehicle-maintenance .maintenance-work-categories>summary{cursor:pointer;font-weight:700}
.page-vehicle-maintenance .maintenance-work-form{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(160px,.7fr) minmax(0,1fr) max-content;gap:9px;align-items:end;min-width:0;margin-top:9px}
.page-vehicle-maintenance .maintenance-work-form>*{box-sizing:border-box;min-width:0;max-width:100%}
.page-vehicle-maintenance .maintenance-work-form input,.page-vehicle-maintenance .maintenance-work-form select,.page-vehicle-maintenance .maintenance-work-form textarea{box-sizing:border-box;width:100%;min-width:0}
.page-vehicle-maintenance .maintenance-work-form textarea{min-height:76px;resize:vertical}
.page-vehicle-maintenance .maintenance-work-form .maintenance-wide{grid-column:span 2}
.page-vehicle-maintenance .maintenance-work-list{display:grid;gap:7px;margin-top:10px}
.page-vehicle-maintenance .maintenance-work-list>details{min-width:0;padding:9px 10px;border:1px solid var(--v4-line);border-radius:8px;background:#fff}
.page-vehicle-maintenance .maintenance-work-list>details>summary{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;cursor:pointer;overflow-wrap:anywhere}
.page-vehicle-maintenance .maintenance-work-list>details>summary span{display:grid;gap:2px;min-width:0}
.page-vehicle-maintenance .maintenance-work-list>details>summary span:last-child{text-align:right}
.page-vehicle-maintenance .maintenance-work-list summary small{color:var(--v4-muted)}
.page-vehicle-maintenance .maintenance-work-list summary code{overflow-wrap:anywhere;color:var(--v4-blue);font-size:11px}
.page-vehicle-maintenance .maintenance-work-status{display:flex;justify-content:flex-end;margin-top:8px;padding-top:8px;border-top:1px solid var(--v4-line)}
.page-vehicle-maintenance .maintenance-work-categories>div{display:grid;gap:6px;margin-top:8px}
.page-vehicle-maintenance .maintenance-work-category-add,.page-vehicle-maintenance .maintenance-work-categories>div>form{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:8px;align-items:end;min-width:0;margin-top:8px}
.page-vehicle-maintenance .maintenance-work-category-add input,.page-vehicle-maintenance .maintenance-work-categories>div input{box-sizing:border-box;width:100%;min-width:0}
@media(max-width:900px){.page-vehicle-maintenance .maintenance-work-filters,.page-vehicle-maintenance .maintenance-work-form{grid-template-columns:repeat(2,minmax(0,1fr))}.page-vehicle-maintenance .maintenance-work-filters button,.page-vehicle-maintenance .maintenance-work-form button{width:100%}}
@media(max-width:600px){.page-vehicle-maintenance .maintenance-work-filters,.page-vehicle-maintenance .maintenance-work-form,.page-vehicle-maintenance .maintenance-work-category-add,.page-vehicle-maintenance .maintenance-work-categories>div>form{grid-template-columns:1fr}.page-vehicle-maintenance .maintenance-work-form .maintenance-wide{grid-column:auto}.page-vehicle-maintenance .maintenance-work-list>details>summary{flex-direction:column}.page-vehicle-maintenance .maintenance-work-list>details>summary span:last-child{text-align:left}.page-vehicle-maintenance .maintenance-work-status button{width:100%}}

/* Maintenance work applicability. */
.page-vehicle-maintenance .maintenance-work-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--v4-line)}
.page-vehicle-maintenance .maintenance-work-actions .maintenance-work-status{margin:0;padding:0;border:0}
.page-vehicle-maintenance .maintenance-work-applicability-view{display:grid;gap:9px}
.page-vehicle-maintenance .maintenance-work-target-search{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:8px;align-items:end;min-width:0}
.page-vehicle-maintenance .maintenance-work-target-search input{box-sizing:border-box;width:100%;min-width:0}
.page-vehicle-maintenance .maintenance-work-applicability-view>details{min-width:0;border:1px solid var(--v4-line);border-radius:8px;background:#fff}
.page-vehicle-maintenance .maintenance-work-applicability-view>details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;cursor:pointer;font-weight:700}
.page-vehicle-maintenance .maintenance-work-applicability-view>details>div{display:grid;gap:6px;padding:0 10px 10px}
.page-vehicle-maintenance .maintenance-work-applicability-view article{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(140px,.7fr) minmax(180px,1fr);gap:8px;min-width:0;padding:8px;border-radius:7px;background:#f7f9fc}
.page-vehicle-maintenance .maintenance-work-applicability-view article>div{display:grid;gap:2px;min-width:0}
.page-vehicle-maintenance .maintenance-work-applicability-view article code,.page-vehicle-maintenance .maintenance-work-applicability-view article small{color:var(--v4-muted);overflow-wrap:anywhere}
@media(max-width:760px){.page-vehicle-maintenance .maintenance-work-actions{align-items:stretch;flex-direction:column}.page-vehicle-maintenance .maintenance-work-actions .btn,.page-vehicle-maintenance .maintenance-work-actions button{width:100%}.page-vehicle-maintenance .maintenance-work-applicability-view article{grid-template-columns:1fr}}
@media(max-width:600px){.page-vehicle-maintenance .maintenance-work-target-search{grid-template-columns:1fr}.page-vehicle-maintenance .maintenance-work-target-search button{width:100%}}

/* Stored schedules for applicable maintenance works. */
.page-vehicle-maintenance .maintenance-work-schedules{grid-column:1/-1;display:grid;gap:7px;min-width:0;margin-top:2px;padding-top:8px;border-top:1px solid var(--v4-line)}
.page-vehicle-maintenance .maintenance-work-schedules>details{min-width:0;padding:8px 9px;border:1px solid var(--v4-line);border-radius:7px;background:#fff}
.page-vehicle-maintenance .maintenance-work-schedules>details>summary{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;cursor:pointer;font-weight:700;overflow-wrap:anywhere}
.page-vehicle-maintenance .maintenance-work-schedules>details>summary span{display:grid;gap:2px;min-width:0}
.page-vehicle-maintenance .maintenance-work-schedules>details>summary small{color:var(--v4-muted);font-weight:400}
.page-vehicle-maintenance .maintenance-work-schedule-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;align-items:end;min-width:0;margin-top:9px}
.page-vehicle-maintenance .maintenance-work-schedule-form>*{box-sizing:border-box;min-width:0;max-width:100%}
.page-vehicle-maintenance .maintenance-work-schedule-form input,.page-vehicle-maintenance .maintenance-work-schedule-form textarea{box-sizing:border-box;width:100%;min-width:0}
.page-vehicle-maintenance .maintenance-work-schedule-form textarea{min-height:72px;resize:vertical}
.page-vehicle-maintenance .maintenance-work-schedule-form .maintenance-wide{grid-column:span 2}
.page-vehicle-maintenance .maintenance-work-schedule-form button{width:max-content}
.page-vehicle-maintenance .maintenance-work-schedule-status{display:flex;justify-content:flex-end;margin-top:8px;padding-top:8px;border-top:1px solid var(--v4-line)}
@media(max-width:980px){.page-vehicle-maintenance .maintenance-work-schedule-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.page-vehicle-maintenance .maintenance-work-schedules>details>summary{display:grid}.page-vehicle-maintenance .maintenance-work-schedule-form{grid-template-columns:1fr}.page-vehicle-maintenance .maintenance-work-schedule-form .maintenance-wide{grid-column:auto}.page-vehicle-maintenance .maintenance-work-schedule-form button,.page-vehicle-maintenance .maintenance-work-schedule-status button{width:100%}}
/* Companies: keep browser-restored details compact and expose active filters. */
.page-index .company-additional-filters>summary{display:flex;align-items:center;gap:.5rem;width:max-content;max-width:100%;flex-wrap:wrap}
.page-index .company-filter-count{padding:.08rem .42rem;border-radius:999px;background:var(--tblr-primary-lt);color:var(--tblr-primary-text-emphasis);font-size:.72rem;font-weight:600}
.page-index .company-filter-hint{color:var(--tblr-secondary-color);font-size:.74rem;font-weight:400}
.page-index .company-filter-state{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .5rem;margin-top:.4rem;font-size:.75rem}
.page-index .company-filter-state-label{color:var(--tblr-secondary-color)}
.page-index .company-filter-chip{max-width:100%;padding:.14rem .45rem;border:1px solid var(--tblr-border-color);border-radius:999px;background:var(--tblr-bg-surface-secondary);color:var(--tblr-body-color);overflow-wrap:anywhere}
.page-index .company-filter-reset{margin-left:.15rem;font-weight:600;white-space:nowrap}
.page-index .company-summary-row .company-summary-contact{white-space:normal}
.page-index .company-contact-compact{display:grid;gap:.12rem;min-width:0;line-height:1.2}
.page-index .company-contact-compact-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}
.page-index .company-contact-compact-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.05rem .6rem;min-width:0;color:var(--tblr-secondary-color);font-size:.7rem;line-height:1.2}
.page-index .company-contact-compact-meta>*{min-width:0;overflow-wrap:anywhere}
.page-index .company-contact-compact-meta a{color:var(--tblr-link-color)}
.page-index .company-contact-compact-meta a:hover{color:var(--tblr-link-hover-color)}
@media(max-width:767.98px){
  .page-index .company-filter-state{align-items:flex-start}
  .page-index .company-filter-reset{margin-left:0}
}

/* Company card: compact, responsive sections following the existing Tabler theme. */
.page-company .hero{min-width:0}
.page-company .hero h1{overflow-wrap:anywhere}
.page-company .hero-actions{align-items:center;gap:.5rem}
.page-company .hero-actions form{margin:0}
.page-company .grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.page-company .grid>.card,
.page-company #tags,
.page-company #notes,
.page-company #tasks,
.page-company .company-history{min-width:0;max-width:100%;overflow-wrap:anywhere}
.page-company .info{grid-template-columns:minmax(7.5rem,.38fr) minmax(0,1fr);gap:.55rem .8rem}
.page-company .info>*{min-width:0;overflow-wrap:anywhere}
.page-company .company-status-info{white-space:pre-line}
.page-company #tags .tags{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}
.page-company #tags .tag-form{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:.5rem;width:100%;min-width:0;margin:.75rem 0 0}
.page-company #tags .tag-input{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:2.25rem}
.page-company #tags .tag-form button{box-sizing:border-box;justify-self:end;width:max-content;max-width:100%;min-height:2.25rem;padding:.35rem .65rem;white-space:nowrap}
.page-company #tasks .company-task-list{gap:.65rem}
.page-company #tasks .company-task-list .task{min-width:0;padding:.8rem .9rem;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);background:var(--tblr-card-bg);overflow-wrap:anywhere}
.page-company #tasks .company-task-heading{display:flex;align-items:flex-start;flex-wrap:wrap;gap:.35rem .5rem}
.page-company #tasks .company-task-title{flex:1 1 14rem;min-width:0;overflow-wrap:anywhere}
.page-company #tasks .company-task-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .8rem;margin-top:.4rem;color:var(--tblr-secondary-color);font-size:.8125rem}
.page-company #tasks .company-task-reminders{color:var(--tblr-body-color)}
.page-company #tasks .task-description{margin-top:.45rem;overflow-wrap:anywhere;white-space:pre-line}
.page-company #tasks .company-task-empty{padding:.8rem 0}
.page-company .company-history{margin-top:1rem}
@media(max-width:760px){
  .page-company .grid{grid-template-columns:minmax(0,1fr)}
  .page-company .info{grid-template-columns:minmax(6.5rem,.4fr) minmax(0,1fr);gap:.5rem .65rem}
  .page-company .hero-actions>.btn,
  .page-company .hero-actions>form>.btn{min-height:2.35rem}
}
@media(max-width:420px){
  .page-company .info{grid-template-columns:minmax(0,1fr)}
  .page-company .info b{margin-top:.2rem}
  .page-company .info b+div{margin-top:-.35rem}
  .page-company #tags .tag-form{grid-template-columns:minmax(0,1fr)}
  .page-company #tags .tag-form button{grid-column:1;justify-self:end}
}

/* Maintenance editors: use the shared Tabler surfaces in both themes. */
.page-vehicle-maintenance :is(.maintenance-calculated-group,.maintenance-saved-plan,.maintenance-material-target,.maintenance-material-summary,.maintenance-purchase-target,.maintenance-purchase-item,.maintenance-package-grid article,.maintenance-analog-options article,.maintenance-catalog-list>details,.maintenance-applicability-groups>details,.maintenance-relation-list>details,.maintenance-kit-list>details,.maintenance-work-list>details,.maintenance-work-applicability-view>details,.maintenance-work-schedules>details){
  color:var(--tblr-card-color,var(--tblr-body-color));
  background-color:var(--tblr-card-bg);
  border-color:var(--tblr-card-border-color,var(--tblr-border-color));
}
.page-vehicle-maintenance :is(.maintenance-package-editor,.maintenance-work-create,.maintenance-work-categories,.maintenance-applicability,.maintenance-catalog-relations,.maintenance-catalog-kit,.maintenance-work-material-row,.maintenance-stock-group,.maintenance-stock-title,.maintenance-stock-product.is-analog,.maintenance-applicability-target,.maintenance-applicability-columns>div,.maintenance-work-applicability-view article,.maintenance-work-list>details,.maintenance-work-schedules>details,.maintenance-table details form){
  color:var(--tblr-body-color);
  background-color:var(--tblr-bg-surface-secondary);
  border-color:var(--tblr-border-color);
}
.page-vehicle-maintenance :is(.maintenance-package-editor>form:not(.maintenance-package-delete),.maintenance-calculated-item,.maintenance-plan-work,.maintenance-material-work,.maintenance-work-list>details,.maintenance-work-schedules>details,.maintenance-work-applicability-view>details,.maintenance-applicability-groups>details,.maintenance-catalog-list>details){
  color:var(--tblr-body-color);
  background-color:var(--tblr-card-bg);
  border-color:var(--tblr-border-color);
}
.page-vehicle-maintenance :is(.maintenance-plan-groups span,.maintenance-interval-summary>span,.maintenance-meter-targets span){
  color:var(--tblr-primary-text-emphasis);
  background-color:var(--tblr-primary-bg-subtle);
}
.page-vehicle-maintenance .maintenance-stock-product{color:var(--tblr-body-color);border-color:var(--tblr-border-color)}
.page-vehicle-maintenance .maintenance-stock-place-title{color:var(--tblr-secondary-color)}
.page-vehicle-maintenance .maintenance-stock-badge.original{color:var(--tblr-primary-text-emphasis);background-color:var(--tblr-primary-bg-subtle)}
.page-vehicle-maintenance .maintenance-stock-badge.confirmed{color:var(--tblr-success-text-emphasis);background-color:var(--tblr-success-bg-subtle)}
.page-vehicle-maintenance .maintenance-stock-badge.unverified{color:var(--tblr-secondary-text-emphasis);background-color:var(--tblr-secondary-bg-subtle)}
.page-vehicle-maintenance :is(.maintenance-interval-overdue,.maintenance-state.state-overdue){
  color:var(--tblr-danger-text-emphasis);
  background-color:var(--tblr-danger-bg-subtle);
  border-color:var(--tblr-danger-border-subtle);
}
.page-vehicle-maintenance :is(.maintenance-state.state-due,.maintenance-interval-due){
  color:var(--tblr-warning-text-emphasis);
  background-color:var(--tblr-warning-bg-subtle);
  border-color:var(--tblr-warning-border-subtle);
}
.page-vehicle-maintenance :is(.maintenance-state.state-upcoming,.maintenance-stock-badge.confirmed){
  color:var(--tblr-success-text-emphasis);
  background-color:var(--tblr-success-bg-subtle);
  border-color:var(--tblr-success-border-subtle);
}
.page-vehicle-maintenance :is(.maintenance-warning,.maintenance-stock-unknown,.maintenance-purchase-item>summary>strong){color:var(--tblr-warning-text-emphasis)!important}
.page-vehicle-maintenance :is(.maintenance-note,.maintenance-stock-title small,.maintenance-stock-product-info small,.maintenance-stock-place small,.maintenance-purchase-body dt,.maintenance-package-grid dt,.maintenance-work-list summary small,.maintenance-work-schedules summary small){color:var(--tblr-secondary-color)}
.page-vehicle-maintenance :is(.maintenance-work-material-form,.maintenance-package-editor>form:not(.maintenance-package-delete)){min-width:0}
.page-vehicle-maintenance :is(.maintenance-work-material-form>*,.maintenance-package-editor>form:not(.maintenance-package-delete)>*){min-width:0;max-width:100%}
@media(max-width:1000px){
  .page-vehicle-maintenance .maintenance-work-material-form{grid-template-columns:repeat(3,minmax(0,1fr))}
  .page-vehicle-maintenance .maintenance-package-editor>form:not(.maintenance-package-delete){grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-vehicle-maintenance .maintenance-package-editor>form:not(.maintenance-package-delete)>button{grid-column:1/-1;width:100%}
}
@media(max-width:600px){
  .page-vehicle-maintenance .maintenance-work-material-form,.page-vehicle-maintenance .maintenance-package-editor>form:not(.maintenance-package-delete){grid-template-columns:minmax(0,1fr)}
  .page-vehicle-maintenance .maintenance-package-editor>form:not(.maintenance-package-delete)>button{grid-column:auto}
}

/* Compact, bounded form grids for the two company tools. */
.page-index .company-search-form-grid,
.page-index .company-add-content{width:100%;max-width:960px;min-width:0}
.page-index .company-search-form-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(6rem,8rem) max-content;
  align-items:end;
  gap:.75rem;
}
.page-index .company-search-form-grid>*{box-sizing:border-box;min-width:0;max-width:100%}
.page-index .company-search-form-field{min-width:0}
.page-index .company-search-form-field .form-label{display:block;margin-bottom:.3rem}
.page-index .company-search-form-field .form-control{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:2.5rem}
.page-index .company-search-form-grid>.btn{min-height:2.5rem;padding-inline:1rem;white-space:nowrap}
.page-index .company-add-mode{display:inline-flex;flex-wrap:wrap;gap:.25rem;margin:0 0 .5rem}
.page-index .company-add-mode>.btn{min-height:2rem;padding:.35rem .7rem;font-size:.82rem;line-height:1.2}
.page-index .company-add-content .accordion-description{margin:0 0 .65rem}
.page-index .company-add-content form{width:100%;min-width:0;margin:0}
.page-index .company-add-form-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) max-content;
  align-items:stretch;
  gap:.6rem;
  width:100%;
  min-width:0;
}
.page-index .company-add-form-grid>*{box-sizing:border-box;min-width:0;max-width:100%}
.page-index .company-add-form-grid .form-control{width:100%;height:2.5rem}
.page-index .company-add-form-grid>.btn{min-height:2.5rem;padding-inline:1rem;white-space:nowrap}
.page-index .company-manual-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:end;
  gap:.75rem;
  width:100%;
  min-width:0;
}
.page-index .company-manual-grid>*{box-sizing:border-box;min-width:0;max-width:100%}
.page-index .company-manual-field{min-width:0}
.page-index .company-manual-field .form-label{display:block;margin-bottom:.3rem}
.page-index .company-manual-field .form-control{box-sizing:border-box;width:100%;min-width:0;max-width:100%}
.page-index .company-manual-name{grid-column:span 2}
.page-index .company-manual-address{grid-column:span 2}
.page-index .company-manual-tags{grid-column:1/-1;border:0;padding:0;margin:0}
.page-index .company-manual-tags .form-label{padding:0}
.page-index .company-manual-tag-create{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;min-width:0}
.page-index .company-manual-tag-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem;min-width:0}
.page-index .company-manual-tag-chip{display:inline-flex;align-items:center;gap:.35rem;max-width:100%;padding:.2rem .45rem;border:1px solid var(--tblr-primary-lt);border-radius:999px;background:var(--tblr-primary-lt);color:var(--tblr-primary-text-emphasis);font-size:.8125rem;line-height:1.3;overflow-wrap:anywhere}
.page-index .company-manual-tag-remove{display:inline-grid;place-items:center;width:1.15rem;height:1.15rem;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;font:inherit;line-height:1;cursor:pointer}
.page-index .company-manual-tag-remove:hover,.page-index .company-manual-tag-remove:focus-visible{background:var(--tblr-bg-surface-secondary)}
.page-index .company-manual-tags-feedback{display:block;min-height:1.2em;margin-top:.25rem;color:var(--tblr-danger);font-size:.8125rem}
.page-index .company-manual-tag-options{display:flex;flex-wrap:wrap;gap:.5rem .75rem;min-width:0;margin-top:.5rem}
.page-index .company-manual-tag-option{display:inline-flex;align-items:center;gap:.4rem;min-width:0;max-width:100%;padding:.3rem .55rem;border:1px solid var(--v4-line);border-radius:var(--tblr-border-radius);background:var(--tblr-bg-forms);color:var(--v4-text);cursor:pointer}
.page-index .company-manual-tag-option span{overflow-wrap:anywhere}
.page-index .company-manual-tag-option .form-check-input{flex:0 0 auto;margin:0}
.page-index .company-manual-tags-empty{color:var(--v4-muted);font-size:.875rem}
.page-index .company-manual-note{grid-column:1/-1}
.page-index .company-manual-note textarea{resize:vertical}
.page-index .company-manual-actions{grid-column:1/-1;display:flex;justify-content:flex-end}
.page-index .company-manual-actions .btn{min-height:2.5rem;max-width:100%;white-space:normal}
@media(max-width:800px){
  .page-index .company-search-form-grid{grid-template-columns:minmax(0,1fr) minmax(6rem,8rem)}
  .page-index .company-search-query{grid-column:1/-1}
  .page-index .company-search-form-grid>.btn{width:100%;grid-column:auto}
}
@media(max-width:480px){
  .page-index .company-search-form-grid{grid-template-columns:minmax(0,1fr)}
  .page-index .company-search-query{grid-column:auto}
  .page-index .company-search-form-grid>.btn{grid-column:auto}
  .page-index .company-add-form-grid{grid-template-columns:minmax(0,1fr)}
  .page-index .company-add-form-grid>.btn{width:100%}
  .page-index .company-manual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
  .page-index .company-manual-name,.page-index .company-manual-address{grid-column:1/-1}
}
@media(max-width:480px){
  .page-index .company-manual-grid{grid-template-columns:minmax(0,1fr)}
  .page-index .company-manual-name,.page-index .company-manual-address,
  .page-index .company-manual-note,.page-index .company-manual-actions{grid-column:auto}
  .page-index .company-manual-actions .btn{width:100%}
}

/* Keep the shared task deadline and reminders full-width after legacy grid rules. */
@media(min-width:761px){
  .page-tasks .task-form-card .task-edit-grid>.task-deadline-picker,
  .page-tasks .editrow .task-edit-grid>.task-deadline-picker{grid-column:span 9!important}
  .page-tasks .task-form-card .task-edit-grid>.task-reminders,
  .page-tasks .editrow .task-edit-grid>.task-reminders{grid-column:1/-1!important}
}
@media(max-width:760px){
  .page-tasks .task-form-card .task-edit-grid>.task-deadline-picker,
  .page-tasks .editrow .task-edit-grid>.task-deadline-picker,
  .page-tasks .task-form-card .task-edit-grid>.task-reminders,
  .page-tasks .editrow .task-edit-grid>.task-reminders{grid-column:1/-1!important}
}

/* Companies page: one compact action flow before filters and results. */
.page-index .page-header{padding-block:.35rem}
.page-index .page-header .page-title{font-size:1.35rem;line-height:1.2}
.page-index .company-search-tools{padding:.65rem .85rem!important}
.page-index .company-add-disclosure{max-width:100%}
.page-index .company-add-trigger{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.5rem;padding:.55rem .9rem;cursor:pointer;list-style:none}
.page-index .company-add-trigger::-webkit-details-marker{display:none}
.page-index .company-add-trigger::marker{content:""}
.page-index .company-add-disclosure[open]>.company-add-trigger{margin-bottom:.15rem}
.page-index .company-add-panel-body{width:100%;max-width:960px}
.page-index .company-additional-filters{margin-top:0}
.page-index .company-filter-tools{padding:.65rem .85rem!important}
@media(max-width:480px){
  .page-index .company-search-tools{padding:.6rem .65rem!important}
  .page-index .company-add-trigger{width:100%}
  .page-index .company-filter-tools{padding:.6rem .65rem!important}
}

/* Company detail: align the contact panel with Tabler cards and de-emphasize blanks. */
.page-company .company-empty-value{color:var(--tblr-secondary-color);font-weight:400}
.page-company #contact-people{padding:1rem;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);background:var(--tblr-card-bg)}
.page-company #contact-people>div:first-child{margin-bottom:.75rem!important}
.page-company #contact-people>div:first-child h2{margin:0;font-size:1rem;font-weight:600;line-height:1.3}
.page-company #contact-people .card{border-color:var(--tblr-border-color);background:var(--tblr-card-bg)}
.page-company .assigned-user-save{min-height:2rem;padding:.35rem .65rem;white-space:nowrap}
@media(max-width:420px){
  .page-company #contact-people{padding:.75rem}
}

/* Final company-page layout and atomic editor controls. */
.page-index #company-add-panel,
.page-index #company-external-search,
.page-index .company-filter-tools,
.page-index .company-search-tools,
.page-index #company-list{box-sizing:border-box;width:100%;max-width:none;min-width:0}
.page-index .company-add-content,
.page-index .company-search-form-grid,
.page-index .company-manual-grid{width:100%;max-width:none;min-width:0}
.page-index #company-add-panel>.company-add-trigger{display:flex;justify-content:flex-start;min-height:0;width:100%;margin:0;padding:.8rem 1rem;color:var(--tblr-card-color);background:var(--tblr-card-bg);border:0;cursor:pointer}
.page-index #company-add-panel[open]>.company-add-trigger{margin:0;border-bottom:1px solid var(--tblr-border-color)}
.page-index #company-add-panel>.card-body{width:100%;min-width:0}
.page-index .company-additional-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"city category" "options apply";align-items:end;width:100%;max-width:none;gap:.75rem}
.page-index .company-filter-city{grid-area:city}
.page-index .company-filter-category{grid-area:category}
.page-index .company-additional-filter-grid>.company-filter-city,
.page-index .company-additional-filter-grid>.company-filter-category{grid-column:auto}
.page-index .company-filter-toggle-group{grid-area:options;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;min-width:0;min-height:2.5rem}
.page-index .company-filter-toggle-group .form-check{min-height:2rem}
.page-index .company-additional-filter-grid>.btn{grid-area:apply;justify-self:end;align-self:end;grid-column:auto;width:auto;min-width:0;max-width:100%;white-space:nowrap}
.page-index .company-additional-filter-grid>div .form-label{min-height:1.25rem}
.page-index .company-additional-filter-grid>div .form-select{height:2.5rem;min-height:2.5rem}
.page-index .company-database-search{width:100%;min-width:0}
.page-index .company-summary-status .badge{white-space:normal}
.page-index .status-check{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.page-index .status-check-feedback{font-size:.8125rem;color:var(--tblr-secondary-color)}
.page-index .status-check[aria-busy="true"] button{cursor:wait}
.page-index [data-company-status-info][hidden],
.page-index [data-company-status-checked][hidden],
.page-index [data-company-status-source][hidden]{display:none}
.page-company-contacts .company-edit-layout{width:100%;max-width:none;min-width:0}
.page-company-contacts .company-editor-contact{min-width:0;border-color:var(--tblr-border-color);background:var(--tblr-card-bg)}
.page-company-contacts .company-editor-contact-legend{float:none;width:auto;max-width:calc(100% - 1.5rem);margin:0 0 -.5rem 1rem;padding:.25rem .5rem;color:var(--tblr-body-color);font-size:.9rem;font-weight:600}
.page-company-contacts .company-editor-contact.is-deleted{border-style:dashed;opacity:.72}
.page-company-contacts .company-editor-contact.is-deleted .card-body{padding-top:.75rem}
.page-company-contacts .company-editor-contact input:disabled{background:var(--tblr-bg-surface-secondary)}
.page-vehicle-card .vehicle-shift-checklist-history{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--tblr-border-color)}
.page-vehicle-card .vehicle-shift-checklist-history h3{font-size:1rem;margin:0 0 .5rem}
.page-vehicle-card .vehicle-shift-checklist-history ul{margin:0;padding-left:1.2rem}
.page-vehicle-card .vehicle-shift-checklist-status{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem 1rem;margin:.75rem 0;padding:.75rem;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius,.25rem);background:var(--tblr-bg-surface-secondary)}
.page-vehicle-card .vehicle-shift-checklist-status>div:first-child{display:grid;gap:.15rem;margin-right:auto}
.page-vehicle-card .vehicle-shift-checklist-status-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.page-vehicle-card .vehicle-shift-checklist-empty{margin:.5rem 0;padding:.65rem .75rem;border-inline-start:3px solid var(--tblr-border-color);background:var(--tblr-bg-surface-secondary)}
.page-vehicle-card .vehicle-shift-checklist-history-list{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}
.page-vehicle-card .vehicle-shift-checklist-history .vehicle-shift-checklist-history-list{padding:0}
.page-vehicle-card .vehicle-shift-checklist-history-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.65rem 1rem;padding:.65rem .75rem;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius,.25rem);min-width:0}
.page-vehicle-card .vehicle-shift-checklist-history-item>div{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .75rem;min-width:0}
.page-vehicle-card .vehicle-shift-checklist-history-item>div:first-child{flex:1 1 18rem}
.page-vehicle-card .vehicle-shift-checklist-issue-count{white-space:nowrap}
.page-vehicle-card .vehicle-shift-checklist-history-link{display:inline-flex;margin-top:.65rem}
.page-shift-checklist-run .vehicle-shift-checklist-result-summary{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;margin:0 0 1rem;padding:.75rem;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius,.25rem);background:var(--tblr-bg-surface-secondary)}
.page-shift-checklist-run .vehicle-shift-checklist-problem-summary{flex:1 0 100%;color:var(--tblr-danger-text-emphasis)}
.page-shift-checklist-run .vehicle-shift-checklist-problem-summary ul{margin:.25rem 0 0;padding-left:1.25rem}
.page-shift-checklist-run .vehicle-shift-checklist-run-group li.is-problem{padding:.55rem .5rem;border-radius:var(--tblr-border-radius,.25rem);background:var(--tblr-danger-lt)}
.page-shift-checklist-run .checklist-result{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:.15rem .45rem;border-radius:var(--tblr-border-radius,.25rem);font-weight:600}
.page-shift-checklist-run .checklist-result-done{color:var(--tblr-success-text-emphasis);background:var(--tblr-success-lt)}
.page-shift-checklist-run .checklist-result-not_done{color:var(--tblr-danger-text-emphasis);background:var(--tblr-danger-lt)}
.page-shift-checklist-run .checklist-result-not_applicable{color:var(--tblr-secondary-color);background:var(--tblr-bg-surface-secondary)}
.page-shift-checklist-run .vehicle-shift-checklist-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
.page-shift-checklist-run .vehicle-shift-checklist-run-card{padding:clamp(1rem,2vw,1.5rem);width:100%;min-width:0}
.page-shift-checklist-run .vehicle-shift-checklist-run-form{display:grid;gap:1rem;min-width:0}
.page-shift-checklist-run .vehicle-shift-checklist-run-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.page-shift-checklist-run .vehicle-shift-checklist-run-meta label,
.page-shift-checklist-run .vehicle-shift-checklist-run-form>label{display:grid;gap:.35rem;min-width:0}
.page-shift-checklist-run .vehicle-shift-checklist-run-group{min-width:0;margin:0;padding:.85rem 1rem;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius,.25rem)}
.page-shift-checklist-run .vehicle-shift-checklist-run-group legend{float:none;width:auto;margin:0;padding:0 .35rem;font-weight:600}
.page-shift-checklist-run .vehicle-shift-checklist-answer{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,18rem);align-items:center;gap:.75rem;padding:.55rem 0;border-bottom:1px solid var(--tblr-border-color)}
.page-shift-checklist-run .vehicle-shift-checklist-answer:last-child{border-bottom:0}
.page-shift-checklist-run .vehicle-shift-checklist-form-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.5rem}
.page-shift-checklist-run .vehicle-shift-checklist-run-summary{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.35rem 1rem}
.page-shift-checklist-run .vehicle-shift-checklist-run-summary dt{font-weight:600}
.page-shift-checklist-run .vehicle-shift-checklist-run-group ul{list-style:none;margin:0;padding:0}
.page-shift-checklist-run .vehicle-shift-checklist-run-group li{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--tblr-border-color)}
.page-shift-checklist-run .vehicle-shift-checklist-run-group li:last-child{border-bottom:0}
.page-shift-checklist-run .checklist-result-not_done{color:var(--tblr-danger)}
@media(max-width:760px){
  .page-vehicle-card .vehicle-shift-checklist-history-item{align-items:flex-start;flex-direction:column}
  .page-vehicle-card .vehicle-shift-checklist-history-item>div{align-items:flex-start;flex-direction:column}
  .page-shift-checklist-run .vehicle-shift-checklist-run-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-shift-checklist-run .vehicle-shift-checklist-answer{grid-template-columns:minmax(0,1fr);gap:.35rem}
  .page-shift-checklist-run .vehicle-shift-checklist-run-group li{align-items:flex-start;flex-direction:column;gap:.25rem}
}
@media(max-width:420px){.page-shift-checklist-run .vehicle-shift-checklist-run-meta{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){
  .page-index .company-additional-filter-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"city" "category" "options" "apply"}
  .page-index .company-additional-filter-grid>.btn{justify-self:stretch;width:100%;white-space:normal}
  .page-index .company-filter-toggle-group{min-height:0}
}

/* Dark theme compatibility for legacy page components. Keep the bridge here,
   after page styles, so a page-specific light palette cannot override it. */
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login){color-scheme:dark}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea,.form-control,.form-select){
  color:var(--tblr-body-color);
  background-color:var(--tblr-bg-forms);
  border-color:var(--tblr-border-color);
  color-scheme:dark;
}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(input,textarea,.form-control)::placeholder{color:var(--tblr-secondary-color);opacity:1}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(input,select,textarea,.form-control,.form-select):disabled,
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(input,select,textarea,.form-control,.form-select)[readonly]{color:var(--tblr-secondary-color);background-color:var(--tblr-bg-forms-disabled,var(--tblr-bg-surface-secondary))}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(input[type="checkbox"],input[type="radio"]){accent-color:var(--tblr-primary);background-color:var(--tblr-bg-forms);border-color:var(--tblr-border-color)}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(input,select,textarea,.form-control,.form-select):focus{border-color:var(--tblr-primary);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--tblr-primary) 24%,transparent)}

html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(.card,.hero,.preview-card,.stat,.vehicle-group,.vehicle-overview-card,.vehicle-list-card,.vehicle-card-hero-v2,.vehicle-info-section,.vehicle-section-large,.vehicle-module-placeholder,.vehicle-dimension-profile,.vehicle-shift-checklist-run-card,.vehicle-shift-checklist-run-group,.vehicle-service-unit,.vehicle-service-main,.vehicle-policy-row,.vehicle-policy-payment,.vehicle-activity-item,.maintenance-calculated-group,.maintenance-saved-plan,.maintenance-purchase-target,.maintenance-purchase-item,.maintenance-material-target,.maintenance-material-summary,.maintenance-catalog-list>details,.maintenance-applicability-groups>details,.maintenance-relation-list>details,.maintenance-kit-list>details,.maintenance-work-list>details,.maintenance-work-applicability-view>details,.maintenance-work-schedules>details,.maintenance-package-grid article,.maintenance-analog-options article,.insurance-policy-row,.insurance-policy-payment,.insurance-payment-row,.insurance-payment-add,.user-account,.user-settings,.result-section,.pipeline-segment,.check-item,.equipment-select-card,.page-index .search-card,.page-index .company-search-results tr,.page-index .company-summary-row,.page-index .company-summary-row td,.page-index .status,.page-index .status-pill,.page-index .add-mode-button.is-active,.page-url-preview .fns-summary){
  color:var(--tblr-card-color,var(--tblr-body-color));
  background-color:var(--tblr-card-bg);
  border-color:var(--tblr-card-border-color,var(--tblr-border-color));
}

html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(.filter,.status-filter,.quick-filter,.company-search-summary,.company-search-results th,.table-wrap th,.vehicle-group-header,.vehicle-status-action form,.vehicle-form,.company-add-content,.company-manual-tag-option,.vehicle-dimension-profile-form,.vehicle-shift-checklist-group-editor,.vehicle-card-actions form,.vehicle-archive-form,.vehicle-service-actions details form,.maintenance-applicability,.maintenance-catalog-relations,.maintenance-catalog-kit,.maintenance-work-create,.maintenance-work-categories,.maintenance-package-editor,.maintenance-work-material-row,.maintenance-stock-group,.maintenance-stock-product.is-analog,.material-catalog-create,.material-category-group,.material-category-group>summary,.material-catalog-item,.material-catalog-summary,.material-catalog-subsection,.material-catalog-subsection>summary,.material-catalog-subsection>summary span,.material-analog-list p,.insurance-policy-payments,.maintenance-plan-work,.maintenance-material-work,.maintenance-package-editor>form,.maintenance-table details form,.condition-groups fieldset,.task-reminders,.page-index .company-additional-filters,.page-index .company-search-tools,.page-index .company-filter-tools,.page-index .add-mode-switch,.page-index .status-filter,.page-index .filter,.page-pdf-import .note,.page-users .user-account.is-disabled,.page-vehicle-maintenance .maintenance-stock-title,.page-vehicle-maintenance .maintenance-applicability-target,.page-vehicle-maintenance .maintenance-applicability-columns>div,.page-vehicle-maintenance .maintenance-work-applicability-view article,.page-vehicle-maintenance .maintenance-plan-groups span,.page-vehicle-maintenance .maintenance-interval-summary>span,.page-pump-calculator .calc-panel summary){
  color:var(--tblr-body-color);
  background-color:var(--tblr-bg-surface-secondary);
  border-color:var(--tblr-border-color);
}

/* Legacy summaries have their own light backgrounds and higher ID specificity. */
html[data-bs-theme="dark"] body.aifbase-tabler-shell.page-vehicles .vehicle-add-details>.vehicle-add-summary,
html[data-bs-theme="dark"] body.aifbase-tabler-shell.page-vehicles #material-catalog>.maintenance-collapse-summary{
  color:var(--tblr-body-color);
  background-color:var(--tblr-bg-surface-secondary);
  border-color:var(--tblr-border-color);
}
html[data-bs-theme="dark"] body.aifbase-tabler-shell.page-vehicles .vehicle-group-header{background-color:var(--tblr-card-bg)}

html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(.vehicle-group-header:hover,.vehicle-group-header:focus-visible,.vehicle-group-header:active,.vehicle-group[open]>.vehicle-group-header,.vehicle-group[open]>.vehicle-group-header:hover,.vehicle-group[open]>.vehicle-group-header:focus-visible,.vehicle-group[open]>.vehicle-group-header:active,.company-summary-row:hover td,.company-summary-row:focus td,.company-summary-row.is-open td,.company-toggle:hover,.status-pill:hover,.status-pill.active,.accordion-trigger:hover,.company-add-trigger:hover,.maintenance-category-group>summary:hover,.maintenance-work-list summary:hover,.maintenance-work-schedules summary:hover,.insurance-policy-tabs a:hover,.insurance-policy-tabs a.is-active){
  color:var(--tblr-primary-text-emphasis);
  background-color:var(--tblr-primary-bg-subtle);
}

html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(th,.table-wrap th,.company-search-results th,.page-vehicles summary,.page-insurance summary,.page-vehicle-maintenance summary,.maintenance-interval-summary>span){color:var(--tblr-secondary-color);background-color:var(--tblr-bg-surface-secondary);border-color:var(--tblr-border-color)}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(table,.table){--tblr-table-bg:transparent;--tblr-table-color:var(--tblr-body-color);--tblr-table-border-color:var(--tblr-border-color);color:var(--tblr-body-color)}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(.page-vehicles table tr,.page-insurance table tr,.page-index .company-summary-row){color:var(--tblr-body-color);background-color:var(--tblr-table-bg,transparent)}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(table,.table) tbody tr:not(:has(.status-active,.status-sold,.status-written_off,.status-transferred,.status-storage,.status-other,.overdue,.today,.soon)):hover>*{background-color:var(--tblr-table-hover-bg,var(--tblr-bg-surface-secondary));color:var(--tblr-body-color)}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) .page-vehicles .vehicle-group .vehicles tr:has(.status-sold,.status-written_off,.status-transferred,.status-storage,.status-other){color:var(--tblr-body-color);background-color:var(--tblr-bg-surface-secondary)}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(.muted,.small,.hint,.note,.source-note,.vehicle-count,.vehicle-fines-total,.vehicle-policy-date small,.vehicle-policy-data span,.vehicle-hero-meta,.company-contact-compact-meta,.company-search-form-field .form-label,.company-add-form-grid .form-label,.vehicle-form label,.vehicle-info-section dt,.vehicle-card-actions label,.page-tasks label,.page-users label,.page-insurance label,.page-pump-calculator label,.equipment-form-grid label,.coupling-grid label,.segment-grid label,.maintenance-note,.maintenance-hero p,.maintenance-stock-title small,.maintenance-stock-product-info small,.maintenance-stock-place small,.service-history-detail dt,.page-shift-checklist-run label){color:var(--tblr-secondary-color)}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(.aifbase-legacy-content label,.aifbase-legacy-content legend,.page-url-preview label,.page-url-preview .title,.page-url-preview .logo){color:var(--tblr-body-color)}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(h1,h2,h3,h4,.page-title,.vehicle-group-title,.company-summary-name,.vehicle-card-hero-v2 h1){color:var(--tblr-body-color)}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) a:not(.btn):not(.nav-link):not(.dropdown-item):not(.mobile-action):not(.status-pill){color:var(--tblr-link-color)}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) a:not(.btn):not(.nav-link):not(.dropdown-item):not(.mobile-action):not(.status-pill):hover{color:var(--tblr-link-hover-color)}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(.page-vehicles .actions a,.page-insurance .actions a,.page-index .mobile-action.primary-action){color:var(--tblr-white);background-color:var(--tblr-primary);border-color:var(--tblr-primary)}

html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(.overdue,.deadline-overdue,.maintenance-interval-overdue,.maintenance-state.state-overdue,.vehicle-fines-state.has-fines,.page-users .off,.page-vehicles .actions button,.insurance-payment-row.is-overdue,.insurance-policy-payment.is-overdue){color:var(--tblr-danger-text-emphasis);background-color:var(--tblr-danger-bg-subtle);border-color:var(--tblr-danger-border-subtle)}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(.today,.soon,.deadline-today,.deadline-soon,.maintenance-interval-due,.maintenance-state.state-due,.vehicle-fines-state.is-error,.page-insurance-import .skip,.page-pdf-import .warn,.calculation-notice,.notice,.vehicle-status.status-transferred,.vehicle-status.status-storage,.vehicle-status.status-other,.severity-warning,.company-search-message.is-warning){color:var(--tblr-warning-text-emphasis);background-color:var(--tblr-warning-bg-subtle);border-color:var(--tblr-warning-border-subtle)}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(.maintenance-warning,.maintenance-stock-unknown,.maintenance-purchase-item>summary>strong,.page-company-edit .err,.page-insurance-import .err,.page-tasks .danger,.checklist-result-not_done){color:var(--tblr-danger-text-emphasis)}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(.maintenance-state.state-upcoming,.vehicle-status.status-active,.page-users .on,.page-insurance-import .ok,.page-pdf-import .ok,.oknotice,.import-ready,.severity-ok,.search-result-status.is-new,.maintenance-stock-badge.confirmed){color:var(--tblr-success-text-emphasis);background-color:var(--tblr-success-bg-subtle);border-color:var(--tblr-success-border-subtle)}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(.severity-unavailable,.search-result-status.is-existing,.maintenance-state,.vehicle-fines-state.is-pending,.vehicle-fines-state.is-disabled,.vehicle-fines-state.is-unavailable,.vehicle-status.status-written_off,.vehicle-status.status-sold,.page-tasks .badge,.maintenance-stock-badge.unverified){color:var(--tblr-secondary-text-emphasis);background-color:var(--tblr-secondary-bg-subtle);border-color:var(--tblr-secondary-border-subtle)}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(.severity-critical,.company-search-message.is-error){color:var(--tblr-danger-text-emphasis);background-color:var(--tblr-danger-bg-subtle);border-color:var(--tblr-danger-border-subtle)}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) .flash{color:var(--tblr-body-color);background-color:var(--tblr-bg-surface-secondary);border-color:var(--tblr-border-color)}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(.page-pdf-import .info,.page-index .company-toggle,.page-index .status-pill.active,.vehicle-status-tabs a.is-active,.maintenance-meter-targets span,.maintenance-stock-badge.original,.page-users .role){color:var(--tblr-primary-text-emphasis);background-color:var(--tblr-primary-bg-subtle);border-color:var(--tblr-primary-border-subtle)}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(.btn.light,.cancel,.segment-remove,.vehicle-status-action button,.company-editor-contact input:disabled,.page-company-edit .cancel,.page-url-preview .cancel,.page-vehicle-maintenance input[readonly]){color:var(--tblr-body-color);background-color:var(--tblr-bg-surface-secondary);border-color:var(--tblr-border-color)}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(.page-company-edit .save,.page-url-preview .save){color:var(--tblr-white);background-color:var(--tblr-primary);border-color:var(--tblr-primary)}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(.page-vehicles .vehicles td:before,.page-insurance .vehicles td:before,.page-insurance .policies td:before){color:var(--tblr-secondary-color)}

html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(a,button,summary,input,select,textarea,.btn,.form-control,.form-select,[tabindex]):focus-visible{outline:2px solid var(--tblr-primary);outline-offset:2px}
html[data-bs-theme="dark"] .aifbase-tabler-shell:not(.page-login) :is(button,.btn):disabled{color:var(--tblr-secondary-color);background-color:var(--tblr-bg-surface-secondary);border-color:var(--tblr-border-color);opacity:.65}

@media(max-width:767.98px){
  .aifbase-tabler-shell :is(.table-responsive,.table-wrap,.tablebox){max-width:100%;overscroll-behavior-x:contain}
  .aifbase-tabler-shell :is(input,select,textarea,.form-control,.form-select){max-width:100%}
}

/* V2.3 vehicle inspections and defect register */
.page-vehicle-card .vehicle-technical-state-metrics,
.dashboard-inspection-analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}
.page-vehicle-card .vehicle-technical-state-metrics>div,
.dashboard-inspection-analytics-grid> :is(a,div){display:grid;gap:.15rem;min-width:0;padding:.7rem;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius,.25rem);background:var(--tblr-bg-surface-secondary);color:var(--tblr-body-color);text-decoration:none}
.page-vehicle-card .vehicle-technical-state-metrics strong,
.dashboard-inspection-analytics-grid strong{font-size:1.25rem;font-weight:600}
.page-vehicle-card .vehicle-technical-state-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}
.page-vehicle-card .vehicle-active-defect-list{display:grid;gap:.4rem;margin:.75rem 0;padding:0;list-style:none}
.page-vehicle-card .vehicle-active-defect-list li{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .75rem;padding:.55rem .7rem;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius,.25rem)}
.page-vehicle-card .vehicle-active-defect-list li>a:first-child{font-weight:600;overflow-wrap:anywhere}
.page-shift-checklist-run .vehicle-shift-checklist-progress{display:grid;gap:.35rem;margin:.25rem 0 .75rem;padding:.7rem;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius,.25rem);background:var(--tblr-bg-surface-secondary)}
.page-shift-checklist-run .vehicle-shift-checklist-progress .progress{height:.45rem}
.page-shift-checklist-run .vehicle-shift-checklist-progress small{color:var(--tblr-secondary-color)}
.page-shift-checklist-run .vehicle-shift-checklist-answer{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,.55fr);gap:.5rem .75rem;align-items:start;padding:.65rem 0;border-bottom:1px solid var(--tblr-border-color)}
.page-shift-checklist-run .vehicle-shift-checklist-answer>label:first-child{font-weight:500}
.page-shift-checklist-run .vehicle-checklist-item-comment{grid-column:1/-1;display:grid;gap:.25rem;color:var(--tblr-secondary-color);font-size:.875rem}
.page-shift-checklist-run .vehicle-shift-checklist-run-group legend small{margin-left:.4rem;color:var(--tblr-secondary-color);font-size:.8rem;font-weight:400}
.page-shift-checklist-run .vehicle-shift-checklist-run-group li.is-problem{margin:.15rem -.4rem;padding:.6rem .4rem;border-radius:var(--tblr-border-radius,.25rem);background:var(--tblr-danger-bg-subtle);color:var(--tblr-danger-text-emphasis)}
.page-shift-checklist-run .vehicle-checklist-result-comment{display:block;margin-top:.2rem;color:var(--tblr-secondary-color);font-weight:400}
.page-vehicle-defects .vehicle-defects-card{padding:clamp(.75rem,2vw,1.25rem)}
.page-vehicle-defects .vehicle-defect-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;align-items:end;margin:.75rem 0}
.page-vehicle-defects .vehicle-defect-filters label,.page-vehicle-defects .vehicle-defect-edit-form>label{display:grid;gap:.3rem;min-width:0}
.page-vehicle-defects .vehicle-defects-table td{vertical-align:middle}
.page-vehicle-defects .vehicle-defect-edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.page-vehicle-defects .vehicle-defect-edit-form .vehicle-defect-resolution-note{grid-column:1/-1}
.page-vehicle-defects .vehicle-defect-edit-form .vehicle-shift-checklist-form-actions{grid-column:1/-1}
.page-vehicle-defects .vehicle-defect-action-field{grid-column:1/-1}
.page-vehicle-defects .vehicle-defect-action-field[hidden]{display:none}
.page-vehicle-defects .vehicle-defect-repeats{margin:.8rem 0;padding:.8rem 1rem;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius)}
.page-vehicle-defects .vehicle-defect-repeats h2{font-size:1rem;margin:0 0 .5rem}
.page-vehicle-defects .vehicle-defect-repeats ul{margin:0;padding-left:1.25rem}
.page-vehicle-defects .vehicle-defect-row-overdue td{background:color-mix(in srgb,var(--tblr-danger) 7%,var(--tblr-bg-surface))}
.page-vehicle-defects .vehicle-defect-overdue-filter{display:flex;align-items:center;gap:.45rem;min-height:2.25rem}
.page-vehicle-defects .vehicle-checklist-repeat-link{display:grid;gap:.3rem;margin-top:.5rem;font-size:.875rem}
.page-vehicle-defects .vehicle-defect-history{margin-top:1.25rem;padding-top:.8rem;border-top:1px solid var(--tblr-border-color)}
.page-vehicle-defects .vehicle-defect-history h2{font-size:1rem}
.page-vehicle-defects .vehicle-defect-history ol{display:grid;gap:.5rem;padding-left:1.25rem}
.page-vehicle-defects .vehicle-defect-history li{display:grid;gap:.15rem}
.page-vehicle-defects .vehicle-defect-history li span{color:var(--tblr-secondary-color);font-size:.875rem}
.page-vehicle-defects .vehicle-shift-history-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}
.page-vehicle-defects .vehicle-shift-history-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:.6rem;align-items:end;margin:.75rem 0}
@media(max-width:767.98px){
  .page-vehicle-card .vehicle-technical-state-metrics,
  .dashboard-inspection-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-vehicle-defects .vehicle-defect-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-vehicle-defects .vehicle-shift-history-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){
  .page-vehicle-card .vehicle-technical-state-metrics,
  .dashboard-inspection-analytics-grid{grid-template-columns:minmax(0,1fr)}
  .page-shift-checklist-run .vehicle-shift-checklist-answer{grid-template-columns:minmax(0,1fr)}
  .page-vehicle-defects .vehicle-defect-filters,
  .page-vehicle-defects .vehicle-defect-edit-form,
  .page-vehicle-defects .vehicle-shift-history-filters{grid-template-columns:minmax(0,1fr)}
  .page-vehicle-defects .vehicle-defect-edit-form .vehicle-defect-resolution-note,
  .page-vehicle-defects .vehicle-defect-edit-form .vehicle-shift-checklist-form-actions,
  .page-vehicle-defects .vehicle-defect-edit-form .vehicle-defect-action-field{grid-column:auto}
}

/* Stage 5: insurance edit and import pages use the Tabler shell. */
.aifbase-tabler-shell:is(.page-insurance-edit,.page-vehicle-edit,.page-insurance-import,.page-pdf-import) .card{
  padding:0;
  color:var(--tblr-body-color);
  background:var(--tblr-card-bg);
  border-color:var(--tblr-border-color);
}
.aifbase-tabler-shell .page-insurance-edit .card button{width:auto;min-height:2.5rem;font-size:.875rem}
.aifbase-tabler-shell .page-vehicle-edit .card button{width:auto;min-height:2.75rem;font-size:.875rem}
.aifbase-tabler-shell .page-insurance-edit .insurance-policy-main-grid>label,
.aifbase-tabler-shell .page-insurance-edit .insurance-policy-comment,
.aifbase-tabler-shell .page-insurance-edit .insurance-payment-fields label,
.aifbase-tabler-shell .page-insurance-edit .insurance-payment-add label,
.aifbase-tabler-shell .page-vehicle-edit .vehicle-edit-grid label,
.aifbase-tabler-shell .page-pdf-import .field label{color:var(--tblr-secondary-color)}
.aifbase-tabler-shell .page-insurance-edit .form-control,
.aifbase-tabler-shell .page-insurance-edit .form-select,
.aifbase-tabler-shell .page-vehicle-edit .form-control,
.aifbase-tabler-shell .page-vehicle-edit .form-select,
.aifbase-tabler-shell .page-insurance-import .form-control,
.aifbase-tabler-shell .page-pdf-import .form-control,
.aifbase-tabler-shell .page-pdf-import .form-select{
  min-width:0;
  color:var(--tblr-body-color);
  background-color:var(--tblr-bg-forms);
  border-color:var(--tblr-border-color);
}
.aifbase-tabler-shell .page-insurance-edit .insurance-policy-reminders,
.aifbase-tabler-shell .page-insurance-edit .insurance-payment-row,
.aifbase-tabler-shell .page-insurance-edit .insurance-payment-add,
.aifbase-tabler-shell .page-vehicle-edit .vehicle-edit-form fieldset{
  color:var(--tblr-body-color);
  background:var(--tblr-card-bg);
  border-color:var(--tblr-border-color);
}
.aifbase-tabler-shell .page-insurance-edit .insurance-payment-row.is-overdue,
.aifbase-tabler-shell .page-insurance-edit .insurance-payment-row.is-overdue .insurance-payment-fields{
  color:var(--tblr-danger-text-emphasis);
  background:var(--tblr-danger-bg-subtle);
  border-color:var(--tblr-danger-border-subtle);
}
.aifbase-tabler-shell .page-insurance-edit .insurance-policy-primary-actions,
.aifbase-tabler-shell .page-vehicle-edit .vehicle-edit-actions{flex-wrap:wrap}
.aifbase-tabler-shell .page-vehicle-edit .vehicle-edit-actions .btn{min-height:2.75rem;display:inline-flex;align-items:center}
.aifbase-tabler-shell .page-pdf-import .card{margin-top:0;overflow:visible}
.aifbase-tabler-shell .page-pdf-import .pdf-import-content{max-width:100%;width:100%;}
.aifbase-tabler-shell .page-pdf-import .pdf-import-content>.card:first-child{margin-bottom:1rem}
.aifbase-tabler-shell .page-pdf-import .ok,
.aifbase-tabler-shell .page-pdf-import .note,
.aifbase-tabler-shell .page-pdf-import .info{
  color:var(--tblr-info-text-emphasis);
  background:var(--tblr-info-bg-subtle);
  border-color:var(--tblr-info-border-subtle);
}
.aifbase-tabler-shell .page-pdf-import .ok{color:var(--tblr-success-text-emphasis);background:var(--tblr-success-bg-subtle);border-color:var(--tblr-success-border-subtle)}
.aifbase-tabler-shell .page-pdf-import .warn{color:var(--tblr-warning-text-emphasis);background:var(--tblr-warning-bg-subtle);border-color:var(--tblr-warning-border-subtle)}
.aifbase-tabler-shell .page-insurance-import .err,
.aifbase-tabler-shell .page-insurance-import .import-ready{color:var(--tblr-success-text-emphasis);background:var(--tblr-success-bg-subtle);border-color:var(--tblr-success-border-subtle)}
.aifbase-tabler-shell .page-insurance-import .err{color:var(--tblr-danger-text-emphasis);background:var(--tblr-danger-bg-subtle);border-color:var(--tblr-danger-border-subtle)}
.aifbase-tabler-shell .page-insurance-import .import-stat{min-width:0;flex:1 1 11rem;color:var(--tblr-body-color);background:var(--tblr-card-bg);border-color:var(--tblr-border-color)}
.aifbase-tabler-shell .page-insurance-import .import-stat .card-body{padding:.8rem}
.aifbase-tabler-shell .page-insurance-import .insurance-import-table{max-width:100%;overflow-x:auto}
.aifbase-tabler-shell .page-insurance-import .insurance-import-table table{min-width:62rem}
.aifbase-tabler-shell .page-insurance-import .import-ready{margin-top:1rem;padding:1rem;border:1px solid var(--tblr-success-border-subtle);border-radius:var(--tblr-border-radius)}
.aifbase-tabler-shell .page-insurance-import .import-ready form{margin-top:.75rem}
.aifbase-tabler-shell .page-pdf-import .pdf-import-submit{margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.aifbase-tabler-shell .page-pdf-import .btn-save{width:100%;color:var(--tblr-primary-fg);background:var(--tblr-primary);border-color:var(--tblr-primary);font-size:.875rem}
@media(max-width:767.98px){
  .aifbase-tabler-shell .page-insurance-edit .insurance-policy-primary-actions,
  .aifbase-tabler-shell .page-insurance-edit .insurance-policy-primary-actions form,
  .aifbase-tabler-shell .page-insurance-edit .insurance-policy-primary-actions button,
  .aifbase-tabler-shell .page-insurance-edit .insurance-payment-actions,
  .aifbase-tabler-shell .page-insurance-edit .insurance-payment-actions form,
  .aifbase-tabler-shell .page-insurance-edit .insurance-payment-actions button,
  .aifbase-tabler-shell .page-vehicle-edit .vehicle-edit-actions,
  .aifbase-tabler-shell .page-vehicle-edit .vehicle-edit-actions .btn,
  .aifbase-tabler-shell .page-insurance-import form>.btn{width:100%}
  .aifbase-tabler-shell .page-insurance-edit .insurance-policy-primary-actions form,
  .aifbase-tabler-shell .page-insurance-edit .insurance-payment-actions form{margin:0}
}

/* Company card: use Tabler surfaces and controls without affecting legacy pages. */
.page-company .company-detail{width:100%;min-width:0;max-width:100%}
.page-company .company-summary-card .card-body{min-width:0}
.page-company .company-summary-actions{min-width:0}
.page-company .company-summary-actions form{margin:0}
.page-company .company-summary-actions .btn{min-height:2.375rem}
.page-company .status-active{color:var(--tblr-success-text-emphasis);background:var(--tblr-success-bg-subtle)}
.page-company .status-liquidation,.page-company .status-bankruptcy{color:var(--tblr-warning-text-emphasis);background:var(--tblr-warning-bg-subtle)}
.page-company .status-liquidated{color:var(--tblr-danger-text-emphasis);background:var(--tblr-danger-bg-subtle)}
.page-company .status-not_found,.page-company .status-needs_check{color:var(--tblr-secondary-text-emphasis);background:var(--tblr-secondary-bg-subtle)}
.page-company .company-info-grid{display:grid;grid-template-columns:minmax(7.5rem,.38fr) minmax(0,1fr);gap:.55rem .8rem;min-width:0}
.page-company .company-info-grid>*{min-width:0;margin:0;overflow-wrap:anywhere}
.page-company .company-info-grid b{color:var(--tblr-secondary-color);font-size:.875rem;font-weight:500}
.page-company .company-info-grid>div{color:var(--tblr-body-color);font-size:.875rem;line-height:var(--tblr-body-line-height)}
.page-company .company-assignment{align-items:center}
.page-company .assigned-user{flex:1 1 12rem;min-width:min(12rem,100%)}
.page-company .assigned-user-save{min-height:2.375rem}
.page-company .company-tags-list{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;min-width:0}
.page-company .tag{max-width:100%;overflow-wrap:anywhere}
.page-company .tag form{display:flex;flex:0 0 auto;align-items:center}
.page-company .tag .btn{min-height:1.75rem;width:1.75rem;padding:0}
.page-company #notes .note-form textarea{box-sizing:border-box;min-width:0;max-width:100%;background:var(--tblr-bg-forms);color:var(--tblr-body-color);font:inherit}
.page-company #notes .note-add{min-width:0;min-height:2.375rem;align-self:end}
.page-company #notes .note{border-color:var(--tblr-border-color);background:var(--tblr-bg-surface-secondary)}
.page-company #tasks .company-task-form{border-color:var(--tblr-border-color);background:var(--tblr-bg-surface-secondary)}
.page-company #tasks .task-field input,
.page-company #tasks .task-field select,
.page-company #tasks .task-field textarea{box-sizing:border-box;min-width:0;max-width:100%;font-family:var(--tblr-body-font-family)}
.page-company #tasks .company-task-list .task{border-color:var(--tblr-border-color);background:var(--tblr-card-bg)}
.page-company #tasks .tasks-link{display:inline-flex;align-items:center;min-height:2.375rem}
.page-company .company-history-summary{color:var(--tblr-card-color,var(--tblr-body-color));background:var(--tblr-card-bg);border:0}
.page-company .company-history-summary .card-title{margin:0;font-size:1rem;font-weight:600}
.page-company .company-history-list{display:grid;gap:.65rem;min-width:0}
.page-company .company-activity-item{min-width:0;padding:.75rem;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);background:var(--tblr-bg-surface-secondary);overflow-wrap:anywhere}
.page-company .company-activity-item .activity-details{white-space:pre-line}
@media(max-width:760px){
  .page-company .company-info-grid{grid-template-columns:minmax(6.5rem,.4fr) minmax(0,1fr);gap:.5rem .65rem}
}
@media(max-width:575.98px){
  .page-company .page-header .col-12{align-items:stretch}
  .page-company .page-header .col-12 .btn{flex:1 1 auto;justify-content:center;min-width:0;white-space:normal}
  .page-company .company-summary-actions{width:100%;margin-left:0!important}
  .page-company .company-summary-actions>*{flex:1 1 auto;min-width:0}
  .page-company .company-summary-actions .btn{width:100%;white-space:normal}
  .page-company .company-info-grid{grid-template-columns:minmax(0,1fr);gap:.2rem .5rem}
  .page-company .company-info-grid b:not(:first-child){margin-top:.4rem}
  .page-company .company-info-grid>div{margin-bottom:.15rem}
  .page-company #notes .note-form{grid-template-columns:minmax(0,1fr)}
  .page-company #notes .note-add{width:100%}
  .page-company #tags .tag-form{grid-template-columns:minmax(0,1fr)}
  .page-company #tags .tag-form button{grid-column:1;justify-self:stretch;width:100%}
  .page-company #tasks .task-submit{justify-self:stretch;width:100%}
}

/* Tasks page uses Tabler cards and a scrollable data table at every breakpoint. */
.page-tasks .tasks-page{width:100%;min-width:0;max-width:100%}
.page-tasks .tasks-toolbar{justify-content:flex-end;align-items:center;margin:0}
.page-tasks .task-stats{margin-top:0}
.page-tasks .task-stat-card .card-body{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.page-tasks .task-stat-card .h2{font-size:1.25rem;font-weight:600}
.page-tasks .task-stat-overdue{border-color:var(--tblr-danger-border-subtle)}
.page-tasks .task-form-card .card-header{min-height:3.5rem}
.page-tasks .task-create-toggle:focus-visible{outline:2px solid var(--tblr-primary);outline-offset:4px;border-radius:var(--tblr-border-radius-sm)}
.page-tasks .task-table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.page-tasks .task-list-card .task-table{width:100%;min-width:1050px;table-layout:auto;margin:0}
.page-tasks .task-table th{white-space:nowrap}
.page-tasks .task-table td{vertical-align:middle;overflow-wrap:anywhere}
.page-tasks .task-table td:first-child{width:3.5rem;text-align:center}
.page-tasks .task-table td:nth-child(2){min-width:14rem}
.page-tasks .task-table td:nth-child(3){min-width:10rem}
.page-tasks .task-table td:nth-child(6){min-width:9rem;white-space:nowrap}
.page-tasks .task-table td.actions{min-width:10rem;white-space:normal}
.page-tasks .task-table form{margin:0}
.page-tasks .task-table .actions form{display:inline-flex;align-items:center}
.page-tasks .task-table .editrow>td{background:var(--tblr-bg-surface-secondary)}
.page-tasks .task-status-badge,.page-tasks .task-priority-badge{border:1px solid transparent}
.page-tasks .task-status-badge{color:var(--tblr-secondary-text-emphasis);background:var(--tblr-secondary-bg-subtle)}
.page-tasks .task-status-badge.is-progress{color:var(--tblr-primary-text-emphasis);background:var(--tblr-primary-bg-subtle)}
.page-tasks .task-status-badge.is-waiting,.page-tasks .task-status-badge.is-postponed{color:var(--tblr-warning-text-emphasis);background:var(--tblr-warning-bg-subtle)}
.page-tasks .task-status-badge.is-completed{color:var(--tblr-success-text-emphasis);background:var(--tblr-success-bg-subtle)}
.page-tasks .task-priority-badge{color:var(--tblr-secondary-text-emphasis);background:var(--tblr-secondary-bg-subtle)}
.page-tasks .task-priority-badge.is-high{color:var(--tblr-danger-text-emphasis);background:var(--tblr-danger-bg-subtle)}
.page-tasks .task-priority-badge.is-low{color:var(--tblr-success-text-emphasis);background:var(--tblr-success-bg-subtle)}
.page-tasks .task-table tr.overdue>*{background-color:var(--tblr-danger-bg-subtle)}
.page-tasks .task-table tr.today>*{background-color:var(--tblr-warning-bg-subtle)}
.page-tasks .task-table tr.soon>*{background-color:var(--tblr-warning-bg-subtle)}
html[data-bs-theme="dark"] .aifbase-tabler-shell.page-tasks .task-status-badge{color:var(--tblr-secondary-text-emphasis);background:var(--tblr-secondary-bg-subtle)}
html[data-bs-theme="dark"] .aifbase-tabler-shell.page-tasks .task-status-badge.is-progress{color:var(--tblr-primary-text-emphasis);background:var(--tblr-primary-bg-subtle)}
html[data-bs-theme="dark"] .aifbase-tabler-shell.page-tasks .task-status-badge.is-waiting,
html[data-bs-theme="dark"] .aifbase-tabler-shell.page-tasks .task-status-badge.is-postponed{color:var(--tblr-warning-text-emphasis);background:var(--tblr-warning-bg-subtle)}
html[data-bs-theme="dark"] .aifbase-tabler-shell.page-tasks .task-status-badge.is-completed{color:var(--tblr-success-text-emphasis);background:var(--tblr-success-bg-subtle)}
html[data-bs-theme="dark"] .aifbase-tabler-shell.page-tasks .task-priority-badge{color:var(--tblr-secondary-text-emphasis);background:var(--tblr-secondary-bg-subtle)}
html[data-bs-theme="dark"] .aifbase-tabler-shell.page-tasks .task-priority-badge.is-high{color:var(--tblr-danger-text-emphasis);background:var(--tblr-danger-bg-subtle)}
html[data-bs-theme="dark"] .aifbase-tabler-shell.page-tasks .task-priority-badge.is-low{color:var(--tblr-success-text-emphasis);background:var(--tblr-success-bg-subtle)}
html[data-bs-theme="dark"] .aifbase-tabler-shell.page-tasks .task-list-card .task-table tr.overdue>*{background-color:var(--tblr-danger-bg-subtle)}
html[data-bs-theme="dark"] .aifbase-tabler-shell.page-tasks .task-list-card .task-table tr.today>*,
html[data-bs-theme="dark"] .aifbase-tabler-shell.page-tasks .task-list-card .task-table tr.soon>*{background-color:var(--tblr-warning-bg-subtle)}
.page-tasks .task-reminders{min-width:0;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);padding:.5rem .75rem}
.page-tasks .task-reminders legend{float:none;width:auto;margin:0;padding:0 .25rem;color:var(--tblr-secondary-color);font-size:.8125rem}
.page-tasks .task-reminders .task-reminder-option{min-height:2rem;white-space:normal}
.page-tasks .task-edit-grid .btn{min-height:2.5rem}
@media(max-width:575.98px){
  .page-tasks .tasks-toolbar{justify-content:stretch}
  .page-tasks .tasks-toolbar .btn{width:100%;justify-content:center}
  .page-tasks .task-stat-card .card-body{padding:.75rem}
  .page-tasks .task-stat-card .h2{font-size:1.1rem}
  .page-tasks .task-edit-grid{gap:.65rem}
  .page-tasks .task-reminders .task-reminder-option{flex:1 1 8rem}
}

/* Users page: Tabler layout, theme-aware and responsive. */
.page-users .users-page{display:grid;gap:1rem}
.page-users .users-page>.card{margin-top:0}
.page-users .users-create-summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none}
.page-users .users-create-summary::-webkit-details-marker{display:none}
.page-users .users-create-summary::after{content:"＋";color:var(--tblr-secondary-color);font-size:1.15rem}
.page-users .users-create[open]>.users-create-summary::after{content:"−"}
.page-users .users-create-summary .card-title{margin:0}
.page-users .users-create-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;align-items:end}
.page-users .users-field{display:grid;gap:.35rem;min-width:0;grid-column:span 3}
.page-users .users-password-field{grid-column:span 4}
.page-users .users-create-submit{grid-column:span 2}
.page-users .users-create-submit .btn{width:100%;min-height:2.375rem}
.page-users .users-list-body{display:grid;gap:.75rem}
.page-users .user-account{margin:0;border:1px solid var(--tblr-card-border-color,var(--tblr-border-color));border-radius:var(--tblr-card-border-radius,.375rem);background:var(--tblr-card-bg,var(--tblr-bg-surface));overflow:hidden}
.page-users .user-account.is-disabled{background:var(--tblr-bg-surface-secondary)}
.page-users .badge{display:inline-flex;align-items:center}
.page-users .on{color:var(--tblr-success-text-emphasis,var(--tblr-success));background-color:var(--tblr-success-bg-subtle);border:1px solid var(--tblr-success-border-subtle)}
.page-users .off{color:var(--tblr-danger-text-emphasis,var(--tblr-danger));background-color:var(--tblr-danger-bg-subtle);border:1px solid var(--tblr-danger-border-subtle)}
.page-users .role{color:var(--tblr-primary-text-emphasis,var(--tblr-primary));background-color:var(--tblr-primary-bg-subtle);border:1px solid var(--tblr-primary-border-subtle)}
.page-users .user-account-main{display:grid;grid-template-columns:minmax(12rem,1.5fr) auto auto minmax(8rem,.8fr) minmax(7rem,.6fr) auto;gap:.75rem;align-items:center;padding:1rem}
.page-users .user-account-identity,.page-users .user-account-date,.page-users .user-account-state{display:grid;gap:.2rem;min-width:0}
.page-users .user-account-identity span{overflow-wrap:anywhere}
.page-users .user-account-identity span,.page-users .user-account-date span,.page-users .user-account small{color:var(--tblr-secondary-color);font-size:.75rem}
.page-users .user-account-date strong{font-size:.8125rem;font-weight:500}
.page-users .user-account-state small{max-width:12rem}
.page-users .user-account-actions,.page-users .user-account-actions form,.page-users .user-setting-row{display:flex;gap:.5rem;align-items:center;margin:0}
.page-users .user-account-actions{justify-content:flex-end;flex-wrap:wrap}
.page-users .user-settings{padding:1rem;border-top:1px solid var(--tblr-border-color);background:var(--tblr-bg-surface-secondary)}
.page-users .user-settings[hidden]{display:none}
.page-users .user-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.page-users .user-settings h3{margin:0 0 .5rem;font-size:.875rem;font-weight:600}
.page-users .user-setting-row .form-control,.page-users .user-setting-row .form-select{min-width:0;flex:1}
.page-users .user-permissions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--tblr-border-color)}
.page-users .user-permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.25rem .75rem;margin:0 0 .75rem}
.page-users .user-permission-grid .form-check{display:flex;align-items:flex-start;gap:.5rem;margin:0;padding:.35rem .5rem;border-radius:var(--tblr-border-radius,.25rem)}
.page-users .user-permission-grid .form-check-input{float:none;margin:.2rem 0 0;flex:0 0 auto}
.page-users .user-permission-grid .form-check-label{min-width:0;overflow-wrap:anywhere}
.page-users .users-list .empty{padding:2rem 1rem}
@media(max-width:991.98px){.page-users .user-account-main{grid-template-columns:minmax(0,1fr) auto auto}.page-users .user-account-date{display:none}.page-users .user-account-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:767.98px){.page-users .users-field,.page-users .users-password-field{grid-column:span 6}.page-users .users-create-submit{grid-column:span 6}}
@media(max-width:575.98px){.page-users .users-create-summary{align-items:flex-start;flex-direction:column}.page-users .users-create-summary::after{position:absolute;right:1rem}.page-users .users-field,.page-users .users-password-field,.page-users .users-create-submit{grid-column:1/-1}.page-users .user-account-main{grid-template-columns:minmax(0,1fr) auto;padding:.875rem}.page-users .user-account-identity{grid-column:1/-1}.page-users .user-account-actions{grid-column:1/-1;justify-content:stretch}.page-users .user-account-actions form{flex:1}.page-users .user-account-actions .btn{min-height:2.375rem}.page-users .user-account-actions form .btn{width:100%}.page-users .user-settings{padding:.875rem}.page-users .user-settings-grid{grid-template-columns:1fr}.page-users .user-setting-row{align-items:stretch;flex-direction:column}.page-users .user-setting-row .btn{min-height:2.375rem}.page-users .user-permission-grid{grid-template-columns:1fr}}

/* Equipment model editor uses the shared Tabler form and card tokens. */
.page-equipment-form .equipment-form-page{display:grid;gap:1rem;min-width:0}
.page-equipment-form .equipment-editor{margin-top:0;min-width:0}
.page-equipment-form .equipment-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;min-width:0}
.page-equipment-form .equipment-form-grid label{display:flex;flex-direction:column;gap:.5rem;min-width:0;color:var(--tblr-body-color);font-size:var(--tblr-body-font-size);font-weight:500}
.page-equipment-form .equipment-form-grid label>span{color:var(--tblr-secondary-color);font-size:.8125rem;font-weight:500}
.page-equipment-form .equipment-form-grid input:not([type="checkbox"]),.page-equipment-form .equipment-form-grid select,.page-equipment-form .equipment-form-grid textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:2.375rem;padding:.5rem .75rem;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);background:var(--tblr-bg-forms);color:var(--tblr-body-color);font:inherit}
.page-equipment-form .equipment-form-grid textarea{min-height:6rem;resize:vertical}
.page-equipment-form .equipment-form-grid .check-field{display:flex;flex-direction:row;align-items:center;gap:.5rem;padding-top:1.65rem}
.page-equipment-form .equipment-form-grid .check-field input{width:auto;min-height:auto;accent-color:var(--tblr-primary)}
.page-equipment-form .equipment-form-grid .span-all{grid-column:1/-1}
.page-equipment-form .form-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--tblr-border-color)}
.page-equipment-form .form-actions .btn{min-height:2.375rem}
.page-equipment-form .archive-equipment-form{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--tblr-border-color)}
@media(max-width:991.98px){.page-equipment-form .equipment-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.page-equipment-form .equipment-form-grid{grid-template-columns:minmax(0,1fr);gap:.75rem}.page-equipment-form .equipment-form-grid .span-all{grid-column:auto}.page-equipment-form .equipment-form-grid .check-field{padding-top:.25rem}.page-equipment-form .form-actions{display:grid;grid-template-columns:1fr}.page-equipment-form .form-actions .btn{width:100%}.page-equipment-form .archive-equipment-form .btn{width:100%;min-height:2.375rem}}

/* Vehicle service history and event forms use the shared Tabler surface tokens. */
.aifbase-tabler-shell.page-vehicle-service-history .service-history-page{display:grid;gap:1rem;min-width:0;max-width:100%}
.aifbase-tabler-shell.page-vehicle-service-history .service-history-back{justify-self:start}
.aifbase-tabler-shell.page-vehicle-service-history .service-history-head{margin:0}
.aifbase-tabler-shell.page-vehicle-service-history .service-history-head .card-body{display:block;text-align:left}
.aifbase-tabler-shell.page-vehicle-service-history .service-history-filters{display:flex;flex-direction:row;align-items:end;flex-wrap:wrap;gap:.75rem;margin:0}
.aifbase-tabler-shell.page-vehicle-service-history .service-history-filters label{display:grid;flex:1 1 14rem;gap:.35rem;min-width:0}
.aifbase-tabler-shell.page-vehicle-service-history .service-history-filters .form-label{margin:0;color:var(--tblr-secondary-color)}
.aifbase-tabler-shell.page-vehicle-service-history .service-history-filters .btn{min-height:2.375rem}
.aifbase-tabler-shell.page-vehicle-service-history .service-history-list{display:grid;gap:.75rem;min-width:0;margin:0}
.aifbase-tabler-shell.page-vehicle-service-history .service-history-event{min-width:0;margin:0;padding:0;overflow:hidden}
.aifbase-tabler-shell.page-vehicle-service-history .service-history-event>summary{display:grid;grid-template-columns:auto auto minmax(8rem,.8fr) minmax(6rem,.6fr) minmax(10rem,1.4fr) auto;gap:.5rem .75rem;align-items:center;min-width:0;padding:.875rem 1rem;border-radius:var(--tblr-border-radius);background:var(--tblr-bg-surface-secondary);color:var(--tblr-body-color);cursor:pointer;list-style:none}
.aifbase-tabler-shell.page-vehicle-service-history .service-history-event>summary::-webkit-details-marker{display:none}
.aifbase-tabler-shell.page-vehicle-service-history .service-history-event>summary:hover{background:var(--tblr-primary-bg-subtle)}
.aifbase-tabler-shell.page-vehicle-service-history .service-history-date,.aifbase-tabler-shell.page-vehicle-service-history .service-history-unit,.aifbase-tabler-shell.page-vehicle-service-history .service-history-meter,.aifbase-tabler-shell.page-vehicle-service-history .service-history-title{min-width:0;overflow-wrap:anywhere}
.aifbase-tabler-shell.page-vehicle-service-history .service-history-detail{display:grid;gap:.75rem;padding:1rem;border-top:1px solid var(--tblr-border-color);background:var(--tblr-card-bg);color:var(--tblr-body-color)}
.aifbase-tabler-shell.page-vehicle-service-history .service-history-detail dl{display:grid;grid-template-columns:minmax(8rem,.35fr) minmax(0,1fr);gap:.375rem .75rem;margin:0}
.aifbase-tabler-shell.page-vehicle-service-history .service-history-detail dt{color:var(--tblr-secondary-color)}
.aifbase-tabler-shell.page-vehicle-service-history .service-history-detail dd{min-width:0;margin:0;overflow-wrap:anywhere}
.aifbase-tabler-shell.page-vehicle-service-history .service-history-detail h3{margin:.5rem 0 0;font-size:.9375rem;font-weight:600}
.aifbase-tabler-shell.page-vehicle-service-history .service-history-row{display:grid;grid-template-columns:minmax(10rem,.6fr) minmax(0,1fr);gap:.75rem;padding:.625rem 0;border-top:1px solid var(--tblr-border-color)}
.aifbase-tabler-shell.page-vehicle-service-history .service-history-row>*{min-width:0;overflow-wrap:anywhere}
.aifbase-tabler-shell.page-vehicle-service-history .service-history-actions{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.25rem}
.aifbase-tabler-shell.page-vehicle-service-history .service-event-form{min-width:0;margin:0}
.aifbase-tabler-shell.page-vehicle-service-history .service-event-body{display:grid;gap:1.25rem;min-width:0}
.aifbase-tabler-shell.page-vehicle-service-history .service-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem;min-width:0}
.aifbase-tabler-shell.page-vehicle-service-history .service-event-grid label{display:grid;align-content:start;gap:.375rem;min-width:0;margin:0;color:var(--tblr-body-color);font-weight:500}
.aifbase-tabler-shell.page-vehicle-service-history .service-event-grid .form-label{margin:0;color:var(--tblr-secondary-color);font-weight:500}
.aifbase-tabler-shell.page-vehicle-service-history .service-event-grid .span2{grid-column:1/-1}
.aifbase-tabler-shell.page-vehicle-service-history .service-event-grid :is(input,select,textarea){box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:2.375rem;border-color:var(--tblr-border-color);background:var(--tblr-bg-forms);color:var(--tblr-body-color);font:inherit}
.aifbase-tabler-shell.page-vehicle-service-history .service-event-grid textarea{min-height:5rem;resize:vertical}
.aifbase-tabler-shell.page-vehicle-service-history .service-event-section{display:grid;gap:.75rem;min-width:0;padding-top:1rem;border-top:1px solid var(--tblr-border-color)}
.aifbase-tabler-shell.page-vehicle-service-history .service-form-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}
.aifbase-tabler-shell.page-vehicle-service-history .service-form-heading h3{margin:0;font-size:.9375rem;font-weight:600}
.aifbase-tabler-shell.page-vehicle-service-history .service-form-heading .btn{min-height:2.375rem}
.aifbase-tabler-shell.page-vehicle-service-history .service-repeat-list{display:grid;gap:.625rem;min-width:0}
.aifbase-tabler-shell.page-vehicle-service-history .service-repeat-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) auto;gap:.5rem;align-items:start;min-width:0;padding:.75rem;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);background:var(--tblr-bg-surface-secondary)}
.aifbase-tabler-shell.page-vehicle-service-history .service-repeat-row.material{grid-template-columns:minmax(0,1.4fr) minmax(0,1.1fr) minmax(5rem,.7fr) minmax(4rem,.5fr) minmax(5rem,.7fr) minmax(0,1.1fr) auto}
.aifbase-tabler-shell.page-vehicle-service-history .service-repeat-row>*{box-sizing:border-box;min-width:0;max-width:100%}
.aifbase-tabler-shell.page-vehicle-service-history .service-repeat-row :is(input,select){width:100%;min-height:2.375rem}
.aifbase-tabler-shell.page-vehicle-service-history .service-repeat-row [data-remove]{min-width:2.375rem;min-height:2.375rem;padding:.25rem .5rem}
.aifbase-tabler-shell.page-vehicle-service-history .service-event-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.5rem}
.aifbase-tabler-shell.page-vehicle-service-history .service-event-submit{min-height:2.5rem}
@media(max-width:991.98px){
  .aifbase-tabler-shell.page-vehicle-service-history .service-repeat-row{grid-template-columns:repeat(2,minmax(0,1fr)) auto}
  .aifbase-tabler-shell.page-vehicle-service-history .service-repeat-row.material{grid-template-columns:repeat(3,minmax(0,1fr)) auto}
}
@media(max-width:767.98px){
  .aifbase-tabler-shell.page-pump-calculator .page-header .row{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;align-items:stretch!important}
  .aifbase-tabler-shell.page-pump-calculator .page-header .row>.col-auto{width:100%;margin-left:0!important}
  .aifbase-tabler-shell.page-pump-calculator .page-header .row>.col-auto .btn{width:100%;justify-content:center;white-space:normal}
  .aifbase-tabler-shell.page-vehicle-service-history .service-history-head .card-body{padding:.875rem}
  .aifbase-tabler-shell.page-vehicle-service-history .service-history-filters{align-items:stretch;flex-direction:column;gap:.5rem;padding:.75rem}
  .aifbase-tabler-shell.page-vehicle-service-history .service-history-filters label{display:grid;grid-template-columns:5rem minmax(0,1fr);align-items:center;gap:.5rem;width:100%;flex-basis:auto}
  .aifbase-tabler-shell.page-vehicle-service-history .service-history-filters .btn{align-self:flex-start;width:auto}
  .aifbase-tabler-shell.page-vehicle-service-history .service-history-event>summary{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;padding:.75rem}
  .aifbase-tabler-shell.page-vehicle-service-history .service-history-unit,.aifbase-tabler-shell.page-vehicle-service-history .service-history-meter{color:var(--tblr-secondary-color)}
  .aifbase-tabler-shell.page-vehicle-service-history .service-history-title,.aifbase-tabler-shell.page-vehicle-service-history .service-history-event>summary small{grid-column:1/-1}
  .aifbase-tabler-shell.page-vehicle-service-history .service-history-detail{padding:.75rem}
  .aifbase-tabler-shell.page-vehicle-service-history .service-history-detail dl,.aifbase-tabler-shell.page-vehicle-service-history .service-history-row{grid-template-columns:minmax(0,1fr)}
  .aifbase-tabler-shell.page-vehicle-service-history .service-event-grid{grid-template-columns:minmax(0,1fr)}
  .aifbase-tabler-shell.page-vehicle-service-history .service-event-grid .span2{grid-column:auto}
  .aifbase-tabler-shell.page-vehicle-service-history .service-repeat-row,.aifbase-tabler-shell.page-vehicle-service-history .service-repeat-row.material{grid-template-columns:minmax(0,1fr)}
  .aifbase-tabler-shell.page-vehicle-service-history .service-repeat-row [data-remove],.aifbase-tabler-shell.page-vehicle-service-history .service-form-heading .btn{width:100%}
}

/* Keep adjacent maintenance panels visually distinct without changing their contents. */
.page-vehicle-maintenance .page-body .container-fluid>div>.card+.card{margin-top:1rem}

/* Fleet management uses the shared Tabler palette and stays scoped to its page. */
.page-equipment-management .equipment-management-page{min-width:0}
.page-equipment-management .equipment-management-metric{height:100%}
.page-equipment-management .card-header-pills{flex-wrap:wrap;gap:.375rem}
.page-equipment-management .card-header-pills .nav-link{border:0;background:transparent;color:var(--tblr-secondary-color)}
.page-equipment-management .card-header-pills .nav-link.active{background:var(--tblr-primary);color:var(--tblr-white)}
.page-equipment-management .equipment-management-filters>*{min-width:0}
.page-equipment-management .equipment-management-quick-types{display:flex;flex-wrap:wrap;gap:.375rem}
.page-equipment-management .equipment-overview-card{background:var(--tblr-card-bg)}
.page-equipment-management .equipment-overview-grid{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(6rem,.8fr) minmax(9rem,1.1fr) minmax(6rem,.8fr) minmax(27rem,2.5fr);gap:.75rem 1rem;align-items:center;min-width:0}
.page-equipment-management .equipment-overview-grid>*{min-width:0;max-width:100%}
.page-equipment-management .equipment-overview-meters{display:grid;gap:.5rem;min-width:0}
.page-equipment-management .equipment-overview-meter{display:grid;grid-template-columns:minmax(0,1fr);gap:.125rem;min-width:0;padding:.5rem .625rem;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);background:var(--tblr-bg-surface-secondary)}
.page-equipment-management .equipment-overview-meter>*{min-width:0;overflow-wrap:anywhere}
.page-equipment-management .equipment-overview-service{min-width:0;padding:.625rem 0;border-top:1px solid var(--tblr-border-color)}
.page-equipment-management .equipment-overview-service:first-of-type{padding-top:0;border-top:0}
.page-equipment-management .equipment-overview-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.page-equipment-management .equipment-overview-actions .btn{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.page-equipment-management [data-equipment-row][hidden]{display:none!important}
@media(max-width:1399.98px){
  .page-equipment-management .equipment-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .page-equipment-management .equipment-overview-actions{grid-column:1/-1}
}
@media(max-width:575.98px){
  .page-equipment-management .equipment-overview-grid{grid-template-columns:minmax(0,1fr);gap:.875rem}
  .page-equipment-management .equipment-overview-actions{grid-column:auto}
  .page-equipment-management .card-header-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-equipment-management .card-header-pills .nav-link{padding:.5rem .625rem;text-align:center}
  .page-equipment-management .equipment-overview-actions .btn{flex:1 1 100%;justify-content:center;min-height:2.375rem}
}

/* Standalone shared-material catalog. */
.page-warehouse .warehouse-catalog-page{min-width:0}
.page-warehouse .warehouse-create-material{position:relative;max-width:100%}
.page-warehouse .warehouse-create-material>summary,
.page-warehouse .warehouse-material-editor>summary{list-style:none;cursor:pointer}
.page-warehouse .warehouse-create-material>summary::-webkit-details-marker,
.page-warehouse .warehouse-material-editor>summary::-webkit-details-marker{display:none}
.page-warehouse .warehouse-catalog-editor,
.page-warehouse .warehouse-material-list,
.page-warehouse .warehouse-material-detail{min-width:0;max-width:100%}
.page-warehouse .warehouse-material-groups{display:grid;gap:.75rem}
.page-warehouse .warehouse-material-group,
.page-warehouse .warehouse-material-item,
.page-warehouse .warehouse-material-subsection{min-width:0;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);background:var(--tblr-card-bg)}
.page-warehouse .warehouse-material-group>summary,
.page-warehouse .warehouse-material-item>summary,
.page-warehouse .warehouse-material-subsection>summary{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.75rem 1rem;cursor:pointer;list-style:none}
.page-warehouse .warehouse-material-group>summary::-webkit-details-marker,
.page-warehouse .warehouse-material-item>summary::-webkit-details-marker,
.page-warehouse .warehouse-material-subsection>summary::-webkit-details-marker{display:none}
.page-warehouse .warehouse-material-group>summary{justify-content:space-between;background:var(--tblr-bg-surface-secondary)}
.page-warehouse .warehouse-material-list{display:grid;gap:.5rem;padding:.75rem}
.page-warehouse .warehouse-material-item>summary>*{min-width:0;overflow-wrap:anywhere}
.page-warehouse .warehouse-material-item>summary>:first-child{flex:1 1 16rem}
.page-warehouse .warehouse-material-detail{display:grid;gap:.75rem;padding:0 1rem 1rem}
.page-warehouse .warehouse-material-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}
.page-warehouse .warehouse-material-subsection{padding:.125rem .75rem}
.page-warehouse .warehouse-material-subsection>summary{padding:.55rem 0}
.page-warehouse .warehouse-material-subsection>form,
.page-warehouse .warehouse-package-row>form{margin:.5rem 0 1rem}
.page-warehouse .warehouse-package-row{padding:.5rem 0;border-top:1px solid var(--tblr-border-color)}
.page-warehouse .warehouse-analog-list{display:grid;gap:.375rem;padding:.25rem 0 .75rem;overflow-wrap:anywhere}
.page-warehouse .warehouse-analog-list>div{padding:.5rem;border-radius:var(--tblr-border-radius);background:var(--tblr-bg-surface-secondary)}
@media(max-width:575.98px){
  .page-warehouse .warehouse-create-material{width:100%}
  .page-warehouse .warehouse-create-material>summary{width:100%;justify-content:center}
  .page-warehouse .warehouse-material-item>summary>:first-child{flex-basis:100%}
  .page-warehouse .warehouse-material-detail{padding-right:.75rem;padding-left:.75rem}
}