/* VOLENG V1.29.71 — Product Home Upgrade
   Scope: Home dashboards only. No list/detail/form behavior changes. */

.v12971HomeHero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(360px,.8fr);
  min-height:176px;
  overflow:hidden;
  border:1px solid var(--theme-border,#cbd8e5);
  border-radius:20px;
  background:
    radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--v12971-accent,#0f766e) 11%,transparent) 0 12%,transparent 33%),
    linear-gradient(135deg,color-mix(in srgb,var(--theme-surface,#fff) 94%,#f2f8ff),var(--theme-surface,#fff));
  box-shadow:0 16px 38px rgba(29,52,84,.07);
  color:var(--theme-text,#17304a);
}
.v12971HomeHero::before{
  content:"";position:absolute;inset:0 0 auto 0;height:4px;z-index:2;
  background:linear-gradient(90deg,#2563eb 0%,#06b6d4 18%,#10b981 38%,#f59e0b 58%,#ef4444 76%,#8b5cf6 100%);
}
.v12971HeroMain{padding:27px 30px 25px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.v12971HeroEyebrow{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--v12971-accent,#0f766e)}
.v12971HeroEyebrow i{width:8px;height:8px;border-radius:50%;background:var(--v12971-accent,#0f766e);box-shadow:0 0 0 5px color-mix(in srgb,var(--v12971-accent,#0f766e) 13%,transparent)}
.v12971HeroMain h2{margin:0;font-size:26px;line-height:1.08;font-weight:900;letter-spacing:-.025em;color:var(--theme-text,#17304a)}
.v12971HeroMain p{margin:9px 0 0;max-width:720px;font-size:12.5px;line-height:1.5;color:var(--theme-muted,#6c8299)}
.v12971HeroActions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:19px}
.v12971HeroActions button{min-height:40px;padding:0 15px;border:1px solid var(--theme-border,#ccd8e3);border-radius:11px;background:var(--theme-surface,#fff);color:var(--theme-text,#17304a);font:inherit;font-size:11px;font-weight:850;cursor:pointer;box-shadow:0 5px 14px rgba(29,52,84,.04);transition:.16s ease}
.v12971HeroActions button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--v12971-accent,#0f766e) 45%,var(--theme-border,#ccd8e3));box-shadow:0 8px 18px rgba(29,52,84,.08)}
.v12971HeroActions button:first-child{background:var(--v12971-accent,#0f766e);border-color:var(--v12971-accent,#0f766e);color:#fff;box-shadow:0 9px 22px color-mix(in srgb,var(--v12971-accent,#0f766e) 24%,transparent)}
.v12971HeroSignals{display:grid;grid-template-rows:repeat(3,1fr);border-left:1px solid var(--theme-border,#ccd8e3);background:color-mix(in srgb,var(--theme-surface,#fff) 78%,var(--v12971-soft,#eef8f6))}
.v12971HeroSignal{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--theme-border,#ccd8e3);min-width:0}
.v12971HeroSignal:last-child{border-bottom:0}
.v12971HeroSignal>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--v12971-soft,#eef8f6);color:var(--v12971-accent,#0f766e);font-size:17px;font-weight:900}
.v12971HeroSignal>div{display:grid;gap:2px;min-width:0}
.v12971HeroSignal small{font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--theme-muted,#6c8299);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v12971HeroSignal em{font-size:10px;line-height:1.25;font-style:normal;color:var(--theme-muted,#6c8299);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v12971HeroSignal b{font-size:23px;line-height:1;font-weight:900;letter-spacing:-.03em;color:var(--theme-text,#17304a);white-space:nowrap}

/* Home KPI language — same geometry across products, small semantic color accents. */
.dispatchHomePage .dispatchKpiGrid>button,
.productStandardHome .productHomeKpis>button{
  overflow:hidden;
  border-radius:16px!important;
  box-shadow:0 10px 25px rgba(29,52,84,.055)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.dispatchHomePage .dispatchKpiGrid>button::before,
.productStandardHome .productHomeKpis>button::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#64748b}
.dispatchHomePage .dispatchKpiGrid>button:nth-child(1)::before,
.productStandardHome .productHomeKpis>button:nth-child(1)::before{background:#8b5cf6}
.dispatchHomePage .dispatchKpiGrid>button:nth-child(2)::before,
.productStandardHome .productHomeKpis>button:nth-child(2)::before{background:#3b82f6}
.dispatchHomePage .dispatchKpiGrid>button:nth-child(3)::before,
.productStandardHome .productHomeKpis>button:nth-child(3)::before{background:#ef4444}
.productStandardHome .productHomeKpis>button:nth-child(4)::before{background:#10b981}
.dispatchHomePage .dispatchKpiGrid>button:hover,
.productStandardHome .productHomeKpis>button.isAction:hover{transform:translateY(-2px)!important;box-shadow:0 14px 30px rgba(29,52,84,.09)!important}

/* Existing Home panels get a quieter premium hierarchy without changing structure. */
.dispatchHomePage .dispatchWorkspaceCard,
.dispatchHomePage .homeOperationalInsights,
.productStandardHome .productHomePanel,
.productStandardHome .productHomeSignals{
  border-radius:18px!important;
  box-shadow:0 12px 30px rgba(29,52,84,.05)!important;
}
.productStandardHome .productHomePanelHead,
.productStandardHome .productHomeSignalsHead,
.dispatchHomePage .workspaceHead,
.dispatchHomePage .insightsHeader{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-surface,#fff) 88%,var(--v12971-soft,#eef8f6)),var(--theme-surface,#fff));}

/* Product-specific signature, kept subtle. */
.productStandardHome.product-hr{--v12971-accent:#0f8b83;--v12971-soft:#e9f8f5}
.productStandardHome.product-fleet{--v12971-accent:#c97813;--v12971-soft:#fff5e8}
.productStandardHome.product-finance{--v12971-accent:#5b4ee8;--v12971-soft:#f0efff}
.productStandardHome.product-control{--v12971-accent:#1769aa;--v12971-soft:#edf6ff}
.dispatchHomePage{--v12971-accent:#087783;--v12971-soft:#e9f7f8}

/* Keep the hero directly below the existing page header with stable spacing. */
.dispatchHomePage>.v12971HomeHero{margin:0 0 14px}
.productStandardHome>.v12971HomeHero{margin:0 0 2px}

@media(max-width:1050px){
  .v12971HomeHero{grid-template-columns:1fr}
  .v12971HeroSignals{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;border-left:0;border-top:1px solid var(--theme-border,#ccd8e3)}
  .v12971HeroSignal{grid-template-columns:auto 1fr;border-bottom:0;border-right:1px solid var(--theme-border,#ccd8e3)}
  .v12971HeroSignal:last-child{border-right:0}
  .v12971HeroSignal>b{grid-column:1/-1;margin-left:50px}
}
@media(max-width:700px){
  .v12971HeroMain{padding:23px 20px 20px}
  .v12971HeroMain h2{font-size:22px}
  .v12971HeroSignals{grid-template-columns:1fr}
  .v12971HeroSignal{border-right:0;border-bottom:1px solid var(--theme-border,#ccd8e3)}
  .v12971HeroSignal:last-child{border-bottom:0}
}