/* SalesPro Design System — SPDS 1.2
   Refactorización progresiva del panel administrativo.
   Alcance: Dashboard, Productos, Pedidos web y Home Builder. */

.spds-admin .page-head,
.spds-admin .spds-page-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-24);
  margin:0 0 var(--space-24);
}
.spds-admin .page-head h1,
.spds-admin .spds-page-head h1{
  margin:var(--space-4) 0 var(--space-8);
  color:var(--text-primary);
  font-size:var(--font-size-36);
  line-height:1.08;
  letter-spacing:-.035em;
}
.spds-admin .page-head p,
.spds-admin .spds-page-head p{
  max-width:760px;
  margin:0;
  color:var(--text-muted);
  font-size:var(--font-size-16);
  line-height:1.6;
}
.spds-admin .eyebrow,
.spds-admin .hb-kicker{
  display:inline-flex;
  align-items:center;
  gap:var(--space-8);
  color:var(--color-primary);
  font-size:var(--font-size-12);
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.spds-admin .eyebrow::before,
.spds-admin .hb-kicker::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--color-primary);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--color-primary) 13%,transparent);
}

/* Dashboard */
body.route-dashboard .sp-dashboard{gap:var(--space-24)}
body.route-dashboard .sp-dashboard-hero{
  min-height:220px;
  padding:var(--space-32);
  border:1px solid color-mix(in srgb,var(--color-primary) 25%,transparent);
  border-radius:var(--radius-lg);
  background:
    radial-gradient(circle at 92% 10%,color-mix(in srgb,var(--color-secondary) 32%,transparent),transparent 27%),
    radial-gradient(circle at 12% 110%,color-mix(in srgb,var(--color-primary) 30%,transparent),transparent 38%),
    linear-gradient(135deg,var(--brand-950,#160b2d) 0%,var(--brand-900,#261044) 56%,var(--brand-800,#3b176c) 100%);
  box-shadow:var(--shadow-lg);
}
body.route-dashboard .sp-dashboard-kicker:before{background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.13)}
body.route-dashboard .sp-dashboard-hero-btn{border-radius:var(--radius-md);font-size:var(--font-size-14)}
body.route-dashboard .sp-dashboard-hero-btn.primary{color:var(--brand-950,#160b2d)}
body.route-dashboard .sp-dashboard-metrics{gap:var(--space-16)}
body.route-dashboard .sp-dashboard-metric,
body.route-dashboard .sp-dashboard-panel{
  border-color:var(--border-color);
  border-radius:var(--radius-md);
  background:var(--surface-1);
  color:var(--text-primary);
  box-shadow:var(--shadow-sm);
}
body.route-dashboard .sp-dashboard-metric:hover{border-color:color-mix(in srgb,var(--color-primary) 28%,var(--border-color));box-shadow:var(--shadow-md)}
body.route-dashboard .sp-dashboard-metric-icon{border-radius:var(--radius-sm)}

/* Productos */
body.route-products .products-page-v10{margin-bottom:var(--space-24)}
body.route-products .product-taxonomy-tools-v216,
body.route-products .products-toolbar-v4,
body.route-products .products-tools-panel-v10,
body.route-products .products-sheet-card-v4{
  border:1px solid var(--border-color)!important;
  border-radius:var(--radius-md)!important;
  background:var(--surface-1)!important;
  box-shadow:var(--shadow-sm)!important;
}
body.route-products .product-taxonomy-tools-v216{padding:var(--space-24)!important;margin-bottom:var(--space-16)!important}
body.route-products .products-toolbar-v4{padding:var(--space-16)!important;gap:var(--space-12)!important;margin-bottom:var(--space-16)!important}
body.route-products .products-tools-panel-v10{padding:var(--space-24)!important;margin-bottom:var(--space-16)!important}
body.route-products .products-sheet-card-v4{overflow:hidden}
body.route-products .product-row-v4{
  border-color:var(--border-color)!important;
  background:var(--surface-1)!important;
  transition:border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast);
}
body.route-products .product-row-v4:hover{
  border-color:color-mix(in srgb,var(--color-primary) 25%,var(--border-color))!important;
  box-shadow:var(--shadow-sm);
}
body.route-products .product-name-v4,
body.route-products .inline-input-v4,
body.route-products .inline-select-v4,
body.route-products .new-field-v4,
body.route-products .category-btn-v4{
  border-color:var(--border-color)!important;
  border-radius:var(--radius-sm)!important;
  background:var(--surface-0)!important;
  color:var(--text-primary)!important;
}
body.route-products .product-name-v4:focus,
body.route-products .inline-input-v4:focus,
body.route-products .inline-select-v4:focus,
body.route-products .new-field-v4:focus{
  border-color:var(--color-primary)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 14%,transparent)!important;
}

/* Pedidos web */
body.route-web_orders .wo-kpis-v30362{gap:var(--space-12);margin-bottom:var(--space-16)}
body.route-web_orders .wo-kpis-v30362 a{
  position:relative;
  overflow:hidden;
  min-height:112px;
  padding:var(--space-16);
  border:1px solid var(--border-color)!important;
  border-left-width:1px!important;
  border-radius:var(--radius-md)!important;
  background:var(--surface-1)!important;
  color:var(--text-primary)!important;
  box-shadow:var(--shadow-sm);
  transition:transform var(--motion-fast),box-shadow var(--motion-fast),border-color var(--motion-fast);
}
body.route-web_orders .wo-kpis-v30362 a::before{
  content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--color-primary)
}
body.route-web_orders .wo-kpis-v30362 a:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--color-primary) 22%,var(--border-color))!important}
body.route-web_orders .wo-kpis-v30362 small{color:var(--text-muted)!important;font-size:var(--font-size-12)}
body.route-web_orders .wo-kpis-v30362 strong{font-size:var(--font-size-28)!important;letter-spacing:-.03em}
body.route-web_orders .wo-kpis-v30362 .green::before{background:var(--color-success)}
body.route-web_orders .wo-kpis-v30362 .amber::before{background:var(--color-warning)}
body.route-web_orders .wo-kpis-v30362 .blue::before{background:var(--color-info)}
body.route-web_orders .wo-kpis-v30362 .slate::before{background:var(--text-muted)}
body.route-web_orders .wo-kpis-v30362 .red::before{background:var(--color-danger)}
body.route-web_orders .wo-filter-v30362{padding:var(--space-16)!important;border-radius:var(--radius-md)!important}
body.route-web_orders .wo-table-wrap-v30362{margin-top:var(--space-16);border-radius:var(--radius-md)!important}
body.route-web_orders .wo-pill{padding:6px 10px;border-radius:999px;font-size:var(--font-size-12);font-weight:800}
body.route-web_orders .wo-pill.ok{color:var(--success-text,#166534);background:var(--success-soft,#dcfce7)}
body.route-web_orders .wo-pill.muted{color:var(--text-muted);background:var(--surface-2)}
body.route-web_order_view .wo31-card,
body.route-web_order_view [class*="wo31-"][class*="card"]{
  border-color:var(--border-color)!important;
  border-radius:var(--radius-md)!important;
  background:var(--surface-1)!important;
  box-shadow:var(--shadow-sm)!important;
}

/* Home Builder */
body.route-home_builder .hb-admin{display:grid;gap:var(--space-16)}
body.route-home_builder .hb-admin-head{
  margin-bottom:var(--space-8);
  padding:0;
}
body.route-home_builder .hb-admin-head h1{font-size:var(--font-size-36);letter-spacing:-.035em;color:var(--text-primary)}
body.route-home_builder .hb-admin-head p{font-size:var(--font-size-16);color:var(--text-muted)}
body.route-home_builder .hb-add-card,
body.route-home_builder .hb-block{
  border:1px solid var(--border-color)!important;
  border-radius:var(--radius-md)!important;
  background:var(--surface-1)!important;
  box-shadow:var(--shadow-sm)!important;
}
body.route-home_builder .hb-add-card{padding:var(--space-20,var(--space-24))!important}
body.route-home_builder .hb-block{transition:border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}
body.route-home_builder .hb-block:hover{border-color:color-mix(in srgb,var(--color-primary) 25%,var(--border-color))!important;box-shadow:var(--shadow-md)!important}
body.route-home_builder .hb-drag{color:var(--text-muted)}
body.route-home_builder .hb-type{color:var(--color-primary);font-size:var(--font-size-14);font-weight:800}
body.route-home_builder .hb-field>span{color:var(--text-secondary);font-size:var(--font-size-12);font-weight:800}
body.route-home_builder .hb-delete{border-radius:var(--radius-sm);color:var(--color-danger)}

/* Dark mode */
[data-theme="dark"] body.route-dashboard .sp-dashboard-metric,
[data-theme="dark"] body.route-dashboard .sp-dashboard-panel,
[data-theme="dark"] body.route-products .product-taxonomy-tools-v216,
[data-theme="dark"] body.route-products .products-toolbar-v4,
[data-theme="dark"] body.route-products .products-tools-panel-v10,
[data-theme="dark"] body.route-products .products-sheet-card-v4,
[data-theme="dark"] body.route-products .product-row-v4,
[data-theme="dark"] body.route-web_orders .wo-kpis-v30362 a,
[data-theme="dark"] body.route-home_builder .hb-add-card,
[data-theme="dark"] body.route-home_builder .hb-block{
  background:var(--surface-1)!important;
  color:var(--text-primary)!important;
}

@media(max-width:900px){
  .spds-admin .page-head,.spds-admin .spds-page-head{flex-direction:column;gap:var(--space-16)}
  .spds-admin .page-head h1,.spds-admin .spds-page-head h1{font-size:var(--font-size-28)}
  body.route-dashboard .sp-dashboard-hero{padding:var(--space-24);border-radius:var(--radius-md)}
}
@media(max-width:720px){
  body.route-products .product-taxonomy-tools-v216,
  body.route-products .products-tools-panel-v10{padding:var(--space-16)!important}
  body.route-home_builder .hb-head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  body.route-home_builder .hb-head-actions .btn{width:100%}
}