:root{
  --bg:#f6f2ed;
  --bg-soft:#fbf8f4;
  --surface:#ffffff;
  --surface-elevated:#fffdfb;
  --surface-warm:#fff6ee;
  --surface-tint:#fff1e6;
  --surface-plain:#fdf9f5;
  --surface-muted:#fffaf6;
  --graphite:#18110c;
  --graphite-2:#261a13;
  --graphite-3:#3b2a20;
  --line:#eadfd5;
  --line-strong:#dccab8;
  --text:#211713;
  --text-soft:#725f53;
  --text-faint:#98857a;
  --brand:#f26b35;
  --brand-strong:#de5a23;
  --brand-soft:#fff1e7;
  --success:#169c58;
  --warning:#d28916;
  --danger:#de3e42;
  --info:#335eea;
  --shadow-sm:0 12px 30px rgba(22,17,12,.06);
  --shadow-md:0 22px 54px rgba(22,17,12,.10);
  --shadow-lg:0 32px 84px rgba(22,17,12,.14);
  --radius-sm:18px;
  --radius-md:24px;
  --radius-lg:32px;
  --header-height:160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:
    radial-gradient(circle at top left, rgba(242,107,53,.16), transparent 24%),
    radial-gradient(circle at top right, rgba(38,26,19,.10), transparent 26%),
    radial-gradient(circle at 20% 80%, rgba(255,191,153,.18), transparent 20%),
    linear-gradient(180deg, #fcfaf7 0%, #f6f1ea 35%, #eee4d8 100%);
  color:var(--text);
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.45) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.45) 1px, transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.22), transparent 85%);
  opacity:.12;
}
.app-min-screen{min-height:100vh}
.app-antialiased{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.site-top-glow{
  position:fixed;
  inset:0 0 auto;
  z-index:0;
  height:440px;
  pointer-events:none;
  background:
    radial-gradient(circle at top right, rgba(242,107,53,.15), transparent 24%),
    radial-gradient(circle at left bottom, rgba(24,17,12,.10), transparent 28%);
}
.site-top-accent{
  position:fixed;
  inset:0 0 auto;
  z-index:0;
  height:4px;
  pointer-events:none;
  background:linear-gradient(90deg, #b9461b 0%, #f77d43 50%, #b9461b 100%);
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
textarea{resize:vertical}

.site-header{
  position:sticky;
  top:0;
  z-index:40;
  padding:18px 18px 0;
  transition:padding .2s ease;
}
.site-header.is-scrolled{padding-top:12px}
.site-header__bar,
.module-nav-shell{
  max-width:1380px;
  margin:0 auto;
}
.site-header__bar{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  padding:14px 18px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(24,17,12,.92);
  color:#fff;
  border-radius:28px;
  box-shadow:0 24px 64px rgba(15,9,7,.34);
  backdrop-filter:blur(18px);
}
.site-header.is-scrolled .site-header__bar{
  box-shadow:0 20px 54px rgba(15,9,7,.24);
}
.site-header__brand-wrap{
  display:flex;
  align-items:center;
  gap:12px;
}
.brand-pill{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.brand-pill__logo{
  width:52px;
  height:52px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.brand-pill__logo img{
  width:28px;
  height:28px;
  filter:brightness(0) invert(1);
}
.brand-pill__copy{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.brand-pill__copy strong{
  font-size:15px;
  line-height:1.1;
}
.brand-pill__copy small{
  color:rgba(255,255,255,.65);
  font-size:12px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.brand-pill--drawer .brand-pill__logo img{filter:none}

.header-page-meta{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.header-page-meta strong{
  font-size:16px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.header-page-meta small{
  color:rgba(255,255,255,.62);
  font-size:12px;
}
.header-actions{
  display:flex;
  align-items:center;
  gap:12px;
}
.header-cta{white-space:nowrap}
.user-pill{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px 8px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
}
.user-pill__avatar{
  width:38px;
  height:38px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg, var(--brand), #ce4f1d);
  font-weight:800;
  color:#fff;
  box-shadow:0 16px 26px rgba(242,107,53,.26);
}
.user-pill__meta{
  display:flex;
  flex-direction:column;
  line-height:1.1;
}
.user-pill__meta strong{font-size:13px}
.user-pill__meta small{
  color:rgba(255,255,255,.62);
  font-size:11px;
}
.mobile-nav-button,
.icon-action{
  width:42px;
  height:42px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#fff;
  display:grid;
  place-items:center;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}
.mobile-nav-button:hover,
.icon-action:hover{transform:translateY(-1px);background:rgba(255,255,255,.12)}
.mobile-nav-button--mobile{display:grid}
.mobile-nav-button__icon,
.icon-action-svg,
.btn-icon,
.module-tab-icon,
.quick-link-icon,
.summary-icon{display:inline-flex;width:18px;height:18px}
.mobile-nav-button__icon svg,
.icon-action-svg svg,
.btn-icon svg,
.module-tab-icon svg,
.quick-link-icon svg,
.summary-icon svg{width:100%;height:100%;display:block}

.module-nav-shell{padding:12px 4px 0}
.module-nav{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding:10px 8px 4px;
  scrollbar-width:none;
}
.module-nav::-webkit-scrollbar{display:none}
.module-tab{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(234,223,213,.88);
  box-shadow:var(--shadow-sm);
  color:var(--text-soft);
  white-space:nowrap;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}
.module-tab:hover{transform:translateY(-2px);color:var(--text)}
.module-tab.is-active{
  background:linear-gradient(180deg, var(--graphite) 0%, var(--graphite-2) 100%);
  color:#fff;
  box-shadow:0 18px 36px rgba(24,17,12,.26);
  border-color:rgba(255,255,255,.06);
}
.module-tab.is-active .module-tab-icon{color:var(--brand)}

.mobile-drawer-backdrop{
  position:fixed;
  inset:0;
  background:rgba(8,6,5,.48);
  z-index:60;
  display:none;
}
.mobile-drawer{
  position:fixed;
  inset:0 auto 0 0;
  width:min(340px, 92vw);
  z-index:70;
  background:#fff;
  border-right:1px solid var(--line);
  box-shadow:var(--shadow-lg);
  padding:18px;
  display:none;
}
[x-cloak]{display:none !important}
.mobile-drawer-transition-enter{
  transition:transform .3s ease-out, opacity .3s ease-out;
}
.mobile-drawer-transition-enter-start{
  transform:translateX(-100%);
  opacity:0;
}
.mobile-drawer-transition-enter-end{
  transform:translateX(0);
  opacity:1;
}
.mobile-drawer-transition-leave{
  transition:transform .2s ease-in, opacity .2s ease-in;
}
.mobile-drawer-transition-leave-start{
  transform:translateX(0);
  opacity:1;
}
.mobile-drawer-transition-leave-end{
  transform:translateX(-100%);
  opacity:0;
}
.mobile-drawer__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.mobile-drawer__nav{
  display:grid;
  gap:10px;
  margin-top:22px;
}
.mobile-nav-link{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  background:var(--bg-soft);
  border:1px solid var(--line);
  color:var(--text-soft);
}
.mobile-nav-link.is-active{
  background:linear-gradient(180deg, var(--graphite) 0%, var(--graphite-2) 100%);
  color:#fff;
}
[x-show="drawerOpen"]{display:block}
.has-mobile-drawer{
  height:100vh;
  overflow:hidden;
}

.site-main{
  padding:28px 18px 48px;
}
.page-frame{
  max-width:1380px;
  margin:0 auto;
}
.page-frame__hero{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  padding:24px 26px;
  margin-bottom:24px;
  border-radius:32px;
  border:1px solid rgba(230,217,205,.84);
  background:
    radial-gradient(circle at top right, rgba(242,107,53,.13), transparent 22%),
    linear-gradient(135deg, rgba(255,255,255,.90), rgba(255,247,240,.92) 58%, rgba(255,240,228,.92) 100%);
  box-shadow:var(--shadow-md);
}
.page-frame__hero::after{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-70px;
  width:220px;
  height:220px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(242,107,53,.16), transparent 70%);
  pointer-events:none;
}
.page-frame__hero h1{
  margin:6px 0 0;
  font-size:clamp(1.55rem, 2.6vw, 2.4rem);
  line-height:1.04;
  letter-spacing:-.04em;
}
.page-frame__hero p{
  margin:8px 0 0;
  color:var(--text-soft);
  max-width:720px;
}
.page-frame__module{
  min-width:220px;
  padding:18px 20px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(24,17,12,.98), rgba(36,25,19,.96));
  color:#fff;
  box-shadow:0 24px 50px rgba(24,17,12,.2);
}
.page-frame__module span{
  display:block;
  color:rgba(255,255,255,.62);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.16em;
}
.page-frame__module strong{
  display:block;
  margin-top:6px;
  font-size:1rem;
}

.page-content,
.listing-shell,
.editor-shell,
.detail-shell,
.users-shell,
.settings-shell,
.inventory-shell,
.finance-shell,
.dashboard-modern{display:grid;gap:22px}

.eyebrow,
.workspace-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--brand-strong);
}
.workspace-kicker{color:rgba(255,255,255,.76)}

.alert{
  border-radius:18px;
  border:1px solid var(--line);
  padding:14px 18px;
  background:#fff;
  box-shadow:var(--shadow-sm);
}
.alert-success{border-color:rgba(22,156,88,.18); background:#effaf4}
.alert-warning{border-color:rgba(210,137,22,.18); background:#fff7ea}
.alert-danger{border-color:rgba(222,62,66,.18); background:#fff1f1}
.alert-info{border-color:rgba(51,94,234,.14); background:#eef2ff}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:none;
  min-height:46px;
  border-radius:16px;
  padding:12px 18px;
  font-weight:700;
  line-height:1;
  transition:transform .16s ease, box-shadow .18s ease, opacity .18s ease, background .18s ease, color .18s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn-primary{
  color:#fff;
  background:linear-gradient(180deg, var(--brand) 0%, var(--brand-strong) 100%);
  box-shadow:0 18px 32px rgba(242,107,53,.26);
}
.btn-light{
  background:#fff;
  color:var(--text);
  border:1px solid var(--line);
  box-shadow:var(--shadow-sm);
}
.btn-danger{
  color:#fff;
  background:linear-gradient(180deg, #ef5d60 0%, #d83c42 100%);
  box-shadow:0 18px 32px rgba(222,62,66,.22);
}
.btn-sm{min-height:40px;padding:10px 14px;border-radius:14px;font-size:13px}
.btn-lg{padding:15px 18px;border-radius:18px}

.badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:32px;
  padding:6px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  background:#f3efea;
  color:var(--text-soft);
  border:1px solid transparent;
}
.badge-primary{background:#edf2ff;color:#2748b0;border-color:#dfe7ff}
.badge-success{background:#ecfbf3;color:#117544;border-color:#d4f3e2}
.badge-warning{background:#fff5df;color:#9c6a14;border-color:#f3e2b1}
.badge-danger{background:#fff1f1;color:#b4363b;border-color:#f4cdd0}
.badge-secondary{background:#f5f1ec;color:#5a4b43;border-color:#e5d9ce}

.card{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at top right, rgba(242,107,53,.07), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,247,240,.96));
  border:1px solid rgba(234,223,213,.9);
  border-radius:28px;
  box-shadow:var(--shadow-md);
}
.card::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg, rgba(242,107,53,.26), transparent 45%);
}
.card-pad{padding:24px}
.card-header{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:18px;
}
.card-header > *{min-width:0}
.card-header h3{
  margin:0;
  font-size:1.05rem;
  line-height:1.1;
  letter-spacing:-.02em;
}
.card-header p{margin:6px 0 0}
.muted,
.small-muted,
.summary-hint{color:var(--text-soft)}
.small-muted{font-size:12px}
.supplier-link-preview{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.summary-hint{font-size:13px;line-height:1.55}
.mt-8{margin-top:8px}
.mt-16{margin-top:16px}
.mb-24{margin-bottom:24px}
.mt-24{margin-top:24px}

.page-intro{
  position:relative;
  overflow:hidden;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:20px;
  padding:22px 24px;
  border-radius:30px;
  border:1px solid rgba(233,220,210,.88);
  background:
    radial-gradient(circle at top right, rgba(242,107,53,.10), transparent 24%),
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,248,241,.92));
  box-shadow:var(--shadow-md);
}
.page-intro-copy h2{
  margin:6px 0 0;
  font-size:clamp(1.4rem, 2vw, 2rem);
  line-height:1.06;
  letter-spacing:-.04em;
}
.page-intro-copy p{margin:10px 0 0;color:var(--text-soft);max-width:760px}
.action-cluster{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.action-cluster > *{min-width:0}

.quote-editor-shell{
  gap:28px;
}
.quote-editor-shell .page-intro{
  align-items:stretch;
  padding:28px 30px;
  border:none;
  border-radius:34px;
  background:
    radial-gradient(circle at top right, rgba(255,171,115,.22), transparent 28%),
    radial-gradient(circle at bottom left, rgba(242,107,53,.14), transparent 24%),
    linear-gradient(135deg, #231711 0%, #2e1e16 55%, #3d2519 100%);
  box-shadow:0 32px 80px rgba(24,17,12,.18);
}
.quote-editor-shell .page-intro::before{
  content:"";
  position:absolute;
  inset:auto -60px -80px auto;
  width:240px;
  height:240px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,255,255,.16), rgba(255,255,255,0));
  pointer-events:none;
}
.quote-editor-shell .page-intro-main{
  display:grid;
  align-items:center;
}
.quote-editor-shell .page-intro-copy{
  display:grid;
  gap:10px;
}
.quote-editor-shell .page-intro .eyebrow{
  color:rgba(255,194,158,.82);
}
.quote-editor-shell .page-intro-copy h2{
  margin:0;
  color:#fff;
  font-size:clamp(2rem, 3.3vw, 3.2rem);
  line-height:.96;
  letter-spacing:-.06em;
}
.quote-editor-shell .page-intro-copy p{
  color:rgba(255,255,255,.68);
}
.quote-editor-shell .action-cluster{
  align-items:flex-start;
}
.quote-editor-shell .action-cluster .btn-light{
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
  color:#fff;
  backdrop-filter:blur(12px);
}
.quote-editor-shell .action-cluster .btn-light:hover{
  background:rgba(255,255,255,.14);
}
.quote-editor-hero-note{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.quote-editor-shell .mini-chip{
  min-height:30px;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.12);
  color:rgba(255,255,255,.82);
  backdrop-filter:blur(10px);
}
.quote-editor-shell .detail-subnav{
  top:calc(var(--header-height) + 4px);
  padding:12px;
  border-radius:24px;
  background:rgba(25,17,13,.92);
  border-color:rgba(255,255,255,.08);
}
.quote-editor-shell .detail-subnav a{
  padding:12px 16px;
  border-radius:16px;
}
.quote-editor-layout{
  grid-template-columns:minmax(0,1fr) minmax(300px,360px);
  gap:22px;
}
.quote-editor-sidebar{
  gap:20px;
}
.quote-editor-shell .editor-main{
  gap:22px;
}
.quote-context-card,
.quote-stage-card,
.quote-editor-shell #quote-attachments{
  border-radius:32px;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,246,239,.96));
  border:1px solid rgba(234,223,213,.88);
  box-shadow:var(--shadow-md);
}
.quote-context-card .card-header,
.quote-stage-card .card-header,
.quote-editor-shell #quote-attachments .card-header{
  padding-bottom:0;
}
.quote-context-surface{
  padding:22px;
  border-radius:26px;
  background:
    radial-gradient(circle at top right, rgba(242,107,53,.08), transparent 26%),
    linear-gradient(180deg, rgba(255,252,249,.98), rgba(255,245,238,.98));
  border:1px solid rgba(235,224,215,.92);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.quote-context-grid{
  gap:18px;
}
.quote-context-grid .form-group label{
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--text-faint);
}
.quote-stage-head{
  display:grid;
  gap:10px;
  align-items:flex-start;
}
.quote-stage-head__copy{
  display:grid;
  gap:6px;
}
.quote-stage-head__copy h3{
  margin:0;
  font-size:1.65rem;
  letter-spacing:-.05em;
}
.quote-stage-head__copy .muted{
  margin:0;
  max-width:560px;
}
.quote-stage-card .action-cluster{
  justify-content:flex-start;
}
.quote-stage-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:16px 18px;
  margin:6px 0 2px;
  border-radius:22px;
  background:
    linear-gradient(180deg, rgba(255,248,243,.98), rgba(255,241,233,.96));
  border:1px solid rgba(242,107,53,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.quote-stage-toolbar__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.quote-stage-toolbar__count{
  display:grid;
  gap:4px;
  justify-items:end;
  text-align:right;
  min-width:120px;
}
.quote-stage-toolbar__count span{
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--text-faint);
}
.quote-stage-toolbar__count strong{
  font-size:2rem;
  line-height:1;
  letter-spacing:-.06em;
  color:var(--graphite);
}
.quote-editor-shell .quote-item-row{
  padding:22px;
  border-radius:28px;
  background:linear-gradient(180deg, #fff 0%, #fff8f2 100%);
}
.quote-editor-shell .quote-item-inline-state{
  color:var(--text-soft);
  line-height:1.55;
  max-width:720px;
}
.quote-editor-shell .quote-item-block--product{
  display:none;
}
.quote-editor-shell .quote-item-block--details{
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(255,248,242,.98));
}
.quote-builder.is-empty{
  min-height:0;
}
.quote-builder-empty{
  position:relative;
  overflow:hidden;
  align-items:start;
  padding:36px;
  border-radius:28px;
  border:1px dashed rgba(242,107,53,.24);
  background:
    radial-gradient(circle at top right, rgba(242,107,53,.12), transparent 28%),
    linear-gradient(180deg, #fffdfb 0%, #fff5ec 100%);
}
.quote-builder-empty::before{
  content:"";
  position:absolute;
  inset:auto -28px -28px auto;
  width:120px;
  height:120px;
  border-radius:28px;
  background:linear-gradient(135deg, rgba(242,107,53,.12), rgba(255,255,255,0));
  transform:rotate(18deg);
  pointer-events:none;
}
.quote-builder-empty__copy{
  position:relative;
  z-index:1;
  gap:10px;
}
.quote-builder-empty__copy h4{
  font-size:1.75rem;
  letter-spacing:-.05em;
}
.quote-builder-empty__copy p{
  max-width:560px;
  line-height:1.65;
}
.quote-builder-empty__actions{
  position:relative;
  z-index:1;
  gap:12px;
}
.quote-builder-empty__actions .btn{
  min-height:52px;
  padding-inline:20px;
}
.quote-builder-tail{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  justify-content:flex-start;
  padding:18px 20px 2px;
}
.quote-builder-tail .btn{
  min-height:48px;
  padding-inline:18px;
}
.quote-editor-sidebar .quote-summary-card{
  border:none;
  color:#fff;
  background:
    radial-gradient(circle at top right, rgba(255,163,108,.24), transparent 32%),
    linear-gradient(160deg, #21140e 0%, #2d1d15 58%, #59311f 100%);
  box-shadow:0 28px 70px rgba(24,17,12,.24);
}
.quote-editor-sidebar .quote-summary-card::after{
  inset:auto 20px 0 20px;
  height:5px;
  background:linear-gradient(90deg, rgba(255,174,127,.88), rgba(255,255,255,0));
}
.quote-editor-sidebar .quote-summary-card .eyebrow{
  color:rgba(255,198,164,.8);
}
.quote-editor-sidebar .quote-summary-card__hero{
  display:grid;
  gap:8px;
  margin:18px 0 16px;
}
.quote-editor-sidebar .quote-summary-card__hero span,
.quote-editor-sidebar .quote-summary-card__meta span{
  color:rgba(255,255,255,.72);
}
.quote-editor-sidebar .quote-summary-card__hero strong{
  margin-top:0;
  font-size:clamp(2.1rem, 3vw, 2.9rem);
  line-height:.96;
  letter-spacing:-.07em;
  color:#fff;
}
.quote-editor-sidebar .quote-summary-card__meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.quote-editor-sidebar .quote-summary-card__meta div{
  display:grid;
  gap:4px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  min-width:0;
}
.quote-editor-sidebar .quote-summary-card__meta strong{
  margin-top:0;
  font-size:1.35rem;
  line-height:1.05;
}
.quote-editor-sidebar .quote-summary-list .info-row{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.10);
}
.quote-editor-sidebar .quote-summary-list .info-row span{
  color:rgba(255,255,255,.72);
}
.quote-editor-sidebar .quote-summary-list .info-row strong{
  color:#fff;
}
.quote-editor-sidebar .quote-summary-list .info-row--grand{
  background:linear-gradient(135deg, #f26b35 0%, #ff8a3d 100%);
}
.quote-editor-sidebar .quote-summary-list .info-row--grand span{
  color:rgba(255,255,255,.84);
}
.quote-editor-sidebar .sidebar-sticky-card{
  position:sticky;
  top:calc(var(--header-height) + 18px);
  transition:top .24s ease, transform .24s ease, box-shadow .24s ease;
  will-change:transform;
}

.stats-grid{display:grid;gap:18px}
.stats-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.stats-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.stats-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.record-summary-grid,
.quote-summary-grid,
.dashboard-kpi-grid,
.dashboard-priority-grid,
.dashboard-lists-grid{display:grid;gap:18px}

.mini-metric-card,
.quote-summary-card,
.dashboard-kpi-card,
.priority-card{
  position:relative;
  overflow:hidden;
  padding:22px;
  border-radius:26px;
  background:linear-gradient(180deg, rgba(255,252,249,.99), rgba(255,244,235,.98));
  border:1px solid rgba(234,223,213,.88);
  box-shadow:var(--shadow-md);
}
.mini-metric-card::after,
.quote-summary-card::after,
.dashboard-kpi-card::after,
.priority-card::after{
  content:"";
  position:absolute;
  inset:auto 18px 0 18px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(242,107,53,.6), transparent);
}
.mini-label,
.metric-label,
.summary-title,
.priority-card span{
  display:block;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--text-faint);
}
.mini-metric-card strong,
.quote-summary-card strong,
.dashboard-kpi-card strong,
.priority-card strong{
  display:block;
  margin-top:10px;
  font-size:clamp(1.4rem, 2vw, 2rem);
  line-height:1.05;
  letter-spacing:-.05em;
}
.big-money{font-size:clamp(1.6rem, 2.2vw, 2.3rem)}
.quote-summary-card p,
.mini-metric-card p,
.dashboard-kpi-card p,
.priority-card p{margin:10px 0 0}
.quote-summary-card.primary{
  color:#fff;
  background:linear-gradient(135deg, var(--graphite) 0%, var(--graphite-2) 100%);
}
.quote-summary-card.primary .summary-title,
.quote-summary-card.primary p{color:rgba(255,255,255,.7)}
.stats-grid > .mini-metric-card:nth-child(3n + 1),
.finance-kpi-grid > .mini-metric-card:nth-child(3n + 1){
  background:linear-gradient(180deg, rgba(255,251,247,.99), rgba(255,241,230,.98));
}
.stats-grid > .mini-metric-card:nth-child(3n + 2),
.finance-kpi-grid > .mini-metric-card:nth-child(3n + 2){
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(250,245,240,.98));
}
.stats-grid > .mini-metric-card:nth-child(3n + 3),
.finance-kpi-grid > .mini-metric-card:nth-child(3n + 3){
  background:linear-gradient(180deg, rgba(255,249,243,.99), rgba(255,245,236,.98));
}
.metric-icon,
.priority-card__icon{
  position:absolute;
  top:20px;
  right:20px;
  width:42px;
  height:42px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(242,107,53,.12);
  color:var(--brand);
}
.priority-card{display:flex;align-items:flex-start;gap:16px}
.priority-card__icon{
  position:static;
  flex:0 0 44px;
  background:rgba(255,255,255,.16);
}
.priority-card--dark{
  background:linear-gradient(135deg, var(--graphite) 0%, var(--graphite-2) 100%);
  color:#fff;
}
.priority-card--dark span,
.priority-card--dark p{color:rgba(255,255,255,.72)}
.priority-card--warm{
  background:linear-gradient(135deg, #fff4ec 0%, #fff 100%);
}
.priority-card--light{background:linear-gradient(135deg, #fffdf9 0%, #fff 100%)}
.priority-card--alert{background:linear-gradient(135deg, #fff8ed 0%, #fff 100%)}

.search-card,
.table-card{overflow:visible}
.clients-search-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) 230px auto auto;
  gap:12px;
}
.search-input-wrap{
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 16px;
  border-radius:18px;
  border:1px solid var(--line);
  background:#fff;
  cursor:text;
}
.search-input-wrap input{
  flex:1 1 auto;
  min-width:0;
  width:100%;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  padding-left:0 !important;
}
.search-input-wrap .info-icon{
  flex:0 0 auto;
  pointer-events:none;
}
.info-icon{
  width:18px;
  height:18px;
  color:var(--text-faint);
}
.info-popover-wrap{
  position:relative;
  display:inline-flex;
  align-items:center;
}
.info-trigger{
  width:26px;
  height:26px;
  padding:0;
  border-radius:999px;
  border:1px solid rgba(218,201,189,.92);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,244,236,.96));
  color:var(--text-soft);
  display:grid;
  place-items:center;
  font-size:12px;
  font-weight:800;
  line-height:1;
  box-shadow:var(--shadow-sm);
}
.info-trigger:hover,
.info-trigger[aria-expanded="true"]{
  border-color:rgba(242,107,53,.24);
  color:var(--brand-strong);
  background:linear-gradient(180deg, rgba(255,249,244,.99), rgba(255,237,224,.98));
}
.info-trigger:focus-visible{
  outline:2px solid rgba(242,107,53,.26);
  outline-offset:2px;
}
.info-popover{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:18;
  width:min(280px, 72vw);
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(224,205,192,.96);
  background:linear-gradient(180deg, rgba(255,252,248,.99), rgba(255,244,235,.98));
  box-shadow:0 24px 48px rgba(24,17,12,.14);
  color:var(--text-soft);
  font-size:13px;
  line-height:1.55;
  text-transform:none;
  letter-spacing:normal;
}

.table-responsive{overflow:auto}
.pagination-shell{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid rgba(234,223,213,.78);
}
.pagination-summary{
  color:var(--text-soft);
  font-size:13px;
}
.pagination-nav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.pagination-link,
.pagination-gap{
  min-width:40px;
  height:40px;
  padding:0 12px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line);
  background:#fff;
  color:var(--text-soft);
  font-weight:600;
}
.pagination-link:hover{
  transform:translateY(-1px);
  box-shadow:var(--shadow-sm);
  color:var(--text);
}
.pagination-link.is-active{
  border-color:rgba(24,17,12,.08);
  background:linear-gradient(180deg, var(--graphite) 0%, var(--graphite-2) 100%);
  color:#fff;
}
.pagination-link.is-disabled{
  opacity:.45;
  pointer-events:none;
}
.pagination-gap{
  border-style:dashed;
  color:var(--text-faint);
}
.mobile-quote-list,
.mobile-client-list{display:none}
.mobile-quote-card,
.mobile-client-card{
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(234,223,213,.88);
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(255,248,242,.98));
  box-shadow:var(--shadow-sm);
}
.mobile-quote-card.is-new-record{
  border-color:rgba(242,107,53,.34);
  box-shadow:0 14px 36px rgba(242,107,53,.14);
}
.mobile-quote-card__head,
.mobile-client-card__head,
.mobile-quote-card__actions,
.mobile-client-card__actions{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.mobile-quote-card__body,
.mobile-client-card__body{
  display:grid;
  gap:12px;
}
.mobile-quote-card__body > div,
.mobile-client-card__body > div{
  display:grid;
  gap:4px;
  padding:12px 14px;
  border-radius:16px;
  background:var(--bg-soft);
  border:1px solid rgba(234,223,213,.72);
}
.mobile-quote-card__body strong,
.mobile-client-card__body strong{
  font-size:14px;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.mobile-quote-card__actions .btn,
.mobile-client-card__actions .btn{
  flex:1 1 160px;
}
.table{
  width:100%;
  border-collapse:separate;
  border-spacing:0 12px;
}
.table thead th{
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--text-faint);
  padding:0 14px 4px;
  text-align:left;
}
.table tbody tr,
.table tfoot tr{
  background:#fff;
  box-shadow:var(--shadow-sm);
}
.table tbody tr.is-new-record-row{
  box-shadow:0 14px 36px rgba(242,107,53,.12);
}
.table tbody tr td,
.table tfoot tr th,
.table tfoot tr td{
  padding:16px 14px;
  border-top:1px solid rgba(234,223,213,.72);
  border-bottom:1px solid rgba(234,223,213,.72);
}
.table tbody tr.is-new-record-row td{
  border-top-color:rgba(242,107,53,.3);
  border-bottom-color:rgba(242,107,53,.3);
}
.table tbody tr td:first-child,
.table tfoot tr th:first-child,
.table tfoot tr td:first-child{
  border-left:1px solid rgba(234,223,213,.72);
  border-top-left-radius:18px;
  border-bottom-left-radius:18px;
}
.table tbody tr td:last-child,
.table tfoot tr th:last-child,
.table tfoot tr td:last-child{
  border-right:1px solid rgba(234,223,213,.72);
  border-top-right-radius:18px;
  border-bottom-right-radius:18px;
}
.table.compact tbody tr td{padding:14px}
.table a{color:var(--graphite)}
.table-actions{white-space:nowrap}
.empty-cta{
  padding:18px;
  border-radius:18px;
  background:var(--bg-soft);
  color:var(--text-soft);
}
.empty-cta strong{
  display:block;
  color:var(--text);
  margin-bottom:4px;
}

@media (max-width: 1024px){
  .desktop-table-only{display:none}
  .mobile-quote-list,
  .mobile-client-list{
    display:grid;
    gap:12px;
  }
  .table-responsive{
    overflow:visible;
  }
  .table-responsive .table.is-responsive-table{
    min-width:0;
    border-spacing:0;
  }
  .table-responsive .table.is-responsive-table thead{
    display:none;
  }
  .table-responsive .table.is-responsive-table tbody,
  .table-responsive .table.is-responsive-table tfoot{
    display:grid;
    gap:12px;
  }
  .table-responsive .table.is-responsive-table tbody tr,
  .table-responsive .table.is-responsive-table tfoot tr{
    display:grid;
    gap:10px;
    padding:14px;
    border-radius:20px;
    background:#fff;
    border:1px solid rgba(234,223,213,.82);
    box-shadow:var(--shadow-sm);
  }
  .table-responsive .table.is-responsive-table tbody tr td,
  .table-responsive .table.is-responsive-table tfoot tr th,
  .table-responsive .table.is-responsive-table tfoot tr td{
    display:grid;
    grid-template-columns:minmax(112px,42%) minmax(0,1fr);
    gap:12px;
    align-items:flex-start;
    padding:0;
    border:none;
    border-radius:0;
    background:transparent;
  }
  .table-responsive .table.is-responsive-table tbody tr td > *,
  .table-responsive .table.is-responsive-table tfoot tr th > *,
  .table-responsive .table.is-responsive-table tfoot tr td > *{
    min-width:0;
  }
  .table-responsive .table.is-responsive-table tbody tr td::before,
  .table-responsive .table.is-responsive-table tfoot tr th::before,
  .table-responsive .table.is-responsive-table tfoot tr td::before{
    content:attr(data-label);
    font-size:11px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--text-faint);
  }
  .table-responsive .table.is-responsive-table tbody tr td[data-label=""],
  .table-responsive .table.is-responsive-table tfoot tr td[data-label=""],
  .table-responsive .table.is-responsive-table tbody tr td[colspan],
  .table-responsive .table.is-responsive-table tfoot tr td[colspan]{
    display:block;
  }
  .table-responsive .table.is-responsive-table tbody tr td[data-label=""]::before,
  .table-responsive .table.is-responsive-table tfoot tr td[data-label=""]::before,
  .table-responsive .table.is-responsive-table tbody tr td[colspan]::before,
  .table-responsive .table.is-responsive-table tfoot tr td[colspan]::before{
    display:none;
  }
  .table-responsive .table.is-responsive-table .clients-actions-cell,
  .table-responsive .table.is-responsive-table .stock-actions-cell,
  .table-responsive .table.is-responsive-table .table-actions{
    display:grid;
    gap:10px;
  }
  .table-responsive .table.is-responsive-table .clients-actions-cell .btn,
  .table-responsive .table.is-responsive-table .stock-actions-cell .btn,
  .table-responsive .table.is-responsive-table .table-actions .btn,
  .table-responsive .table.is-responsive-table .clients-actions-cell form,
  .table-responsive .table.is-responsive-table .stock-actions-cell form,
  .table-responsive .table.is-responsive-table .table-actions form{
    width:100%;
  }
  .table-responsive .table.is-responsive-table .clients-actions-cell form .btn,
  .table-responsive .table.is-responsive-table .stock-actions-cell form .btn,
  .table-responsive .table.is-responsive-table .table-actions form .btn{
    width:100%;
  }
  .table-responsive .table.is-responsive-table .client-identity{
    align-items:flex-start;
  }
  .table-responsive .table.is-responsive-table .client-meta small{
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }
}

.editor-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,380px);
  gap:20px;
  align-items:start;
}
.editor-main,
.editor-sidebar{
  display:grid;
  gap:18px;
  min-width:0;
}
.sidebar-sticky-card{position:sticky;top:calc(var(--header-height) + 36px)}
.form-grid{
  display:grid;
  gap:16px;
}
.form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-group{display:grid;gap:8px}
.form-group.full{grid-column:1 / -1}
.form-group label{
  font-size:12px;
  font-weight:700;
  color:var(--text-soft);
}
.form-group input,
.form-group select,
.form-group textarea{
  width:100%;
  border:none;
  outline:none;
  border-radius:18px;
  background:#fff;
  color:var(--text);
  padding:14px 16px;
  border:1px solid var(--line);
  box-shadow:0 8px 20px rgba(22,17,12,.03);
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
  border-color:rgba(242,107,53,.46);
  box-shadow:0 0 0 4px rgba(242,107,53,.10), 0 10px 24px rgba(22,17,12,.05);
  transform:translateY(-1px);
}
.input-with-icon{
  display:flex;
  align-items:center;
  gap:12px;
  border-radius:18px;
  background:#fff;
  padding:0 14px;
  border:1px solid var(--line);
  cursor:text;
}
.input-with-icon span{
  font-size:16px;
  flex:0 0 auto;
  pointer-events:none;
}
.input-with-icon input,
.input-with-icon textarea,
.input-with-icon select{
  flex:1 1 auto;
  min-width:0;
  width:100%;
  border:none;
  padding-left:0;
  box-shadow:none;
  background:transparent;
}
.form-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.helper-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:6px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
}
.helper-primary{background:#edf2ff;color:#2748b0}
.helper-warning{background:#fff5df;color:#9c6a14}
.helper-success{background:#ecfbf3;color:#117544}
.helper-list{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:10px;
  color:var(--text-soft);
}
.info-list{
  display:grid;
  gap:12px;
}
.info-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:14px;
  align-items:flex-start;
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,250,245,.98), rgba(255,244,236,.96));
  border:1px solid rgba(236,225,216,.86);
}
.info-row span,
.info-row strong{
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.info-row span{color:var(--text-soft)}
.info-row strong{
  text-align:right;
  justify-self:end;
}
.info-row--grand{
  background:linear-gradient(135deg, var(--graphite) 0%, var(--graphite-2) 100%);
  color:#fff;
}
.info-row--grand span{color:rgba(255,255,255,.72)}

.detail-subnav{
  position:sticky;
  top:calc(var(--header-height) - 8px);
  z-index:10;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  overflow:auto;
  padding:10px;
  margin:-6px 0 2px;
  border-radius:22px;
  background:rgba(36,25,19,.84);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(12px);
  box-shadow:var(--shadow-sm);
}
.detail-subnav a{
  padding:10px 14px;
  border-radius:14px;
  color:rgba(255,255,255,.72);
  font-weight:700;
  white-space:nowrap;
  text-align:center;
}
.detail-subnav a.is-active,
.detail-subnav a:hover{
  background:rgba(255,255,255,.12);
  color:#fff;
}

.record-hero{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);
  gap:18px;
  padding:28px;
  border-radius:32px;
  background:linear-gradient(135deg, var(--graphite) 0%, var(--graphite-2) 65%, #43291c 100%);
  color:#fff;
  box-shadow:0 34px 80px rgba(24,17,12,.24);
}
.record-hero-copy h2{
  margin:6px 0 0;
  font-size:clamp(1.9rem, 3vw, 2.8rem);
  line-height:1;
  letter-spacing:-.06em;
}
.record-hero-copy p,
.record-aside p{color:rgba(255,255,255,.72)}
.record-aside{
  display:grid;
  gap:10px;
  align-content:start;
  padding:18px;
  border-radius:24px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
}
.record-aside strong{
  font-size:clamp(1.5rem, 2.5vw, 2.1rem);
  line-height:1;
}

.dashboard-top-grid{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(320px,.82fr);
  gap:18px;
}
.dashboard-hero-panel,
.dashboard-goal-panel{
  position:relative;
  overflow:hidden;
  padding:28px;
  border-radius:32px;
  box-shadow:var(--shadow-lg);
}
.dashboard-hero-panel{
  background:linear-gradient(135deg, var(--graphite) 0%, var(--graphite-2) 64%, #40271b 100%);
  color:#fff;
}
.dashboard-goal-panel{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,251,247,.98));
  border:1px solid rgba(234,223,213,.88);
}
.dashboard-kicker-row,
.dashboard-goal-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
}
.dashboard-hero-panel h2{
  margin:14px 0 10px;
  font-size:clamp(2rem, 3vw, 3rem);
  line-height:1;
  letter-spacing:-.06em;
}
.dashboard-hero-panel p{margin:0;color:rgba(255,255,255,.74)}
.dashboard-action-row,
.dashboard-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}
.hero-chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.1);
  color:#fff;
}
.hero-chip-primary{
  background:linear-gradient(180deg, var(--brand) 0%, var(--brand-strong) 100%);
  border-color:transparent;
}
.dashboard-chip{
  display:grid;
  gap:4px;
  min-width:120px;
  padding:14px 16px;
  border-radius:20px;
  background:rgba(255,255,255,.07);
}
.dashboard-chip strong{font-size:1.2rem}
.dashboard-chip small{color:rgba(255,255,255,.62)}
.dashboard-inline-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:6px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  background:rgba(255,255,255,.1);
  color:#fff;
}
.dashboard-goal-panel .dashboard-inline-pill{background:var(--brand-soft);color:var(--brand-strong)}
.dashboard-goal-panel strong{
  display:block;
  margin-top:16px;
  font-size:clamp(2rem, 3vw, 2.8rem);
  line-height:1;
  letter-spacing:-.06em;
}
.progress-track{
  height:12px;
  margin-top:18px;
  border-radius:999px;
  background:#f3ece5;
  overflow:hidden;
}
.progress-track span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, var(--brand) 0%, #ff9d64 100%);
}
.goal-meta-list{
  display:grid;
  gap:14px;
  margin-top:20px;
}
.goal-meta-list div{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 16px;
  border-radius:18px;
  background:var(--bg-soft);
}
.goal-meta-list span{color:var(--text-soft)}

.dashboard-panels-grid{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(320px,.8fr);
  gap:18px;
}
.dashboard-side-stack{display:grid;gap:18px}
.dashboard-lists-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.chart-box{
  position:relative;
  min-height:290px;
}
.chart-box.small{min-height:270px}
.chart-box-lg{min-height:420px}
.chart-empty{
  min-height:250px;
  display:grid;
  place-items:center;
  padding:22px;
  text-align:center;
  border-radius:22px;
  background:var(--bg-soft);
  color:var(--text-soft);
}
.chart-empty strong{display:block;color:var(--text);margin-bottom:4px}

.stock-summary-list,
.goal-summary{
  display:grid;
  gap:12px;
}
.stock-summary-line,
.goal-row{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  padding:14px 16px;
  border-radius:18px;
  background:var(--bg-soft);
}
.stock-summary-line span,
.goal-row span{color:var(--text-soft)}
.stock-badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:4px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
}
.stock-badge.is-ok{background:#ecfbf3;color:#117544}
.stock-badge.is-alert{background:#fff3df;color:#9c6a14}
.stock-row-alert td{background:#fffaf0}
.stock-actions-cell{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
.stock-item-meta{
  display:grid;
  gap:4px;
}
.stock-item-meta small{color:var(--text-soft)}

.quote-builder,
.quote-item-list{display:grid;gap:18px}
.quote-builder-empty{
  display:grid;
  gap:18px;
  padding:28px;
  border-radius:24px;
  border:1px dashed rgba(227,212,201,.96);
  background:linear-gradient(180deg,#fff 0%,#fff8f2 100%);
  box-shadow:var(--shadow-sm);
}
.quote-builder-empty__copy{
  display:grid;
  gap:8px;
  max-width:560px;
}
.quote-builder-empty__copy h4{
  margin:0;
  font-size:1.4rem;
  letter-spacing:-.03em;
}
.quote-builder-empty__copy p{
  margin:0;
  color:var(--text-soft);
}
.quote-builder-empty__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.quote-builder-empty__actions .btn{
  min-height:48px;
}
.quote-item-row{
  display:grid;
  gap:18px;
  padding:20px;
  border-radius:24px;
  background:linear-gradient(180deg, #fff 0%, #fffaf7 100%);
  border:1px solid rgba(234,223,213,.88);
  box-shadow:var(--shadow-sm);
}
.quote-item-head{
  display:grid;
  grid-template-columns:1fr;
  align-items:flex-start;
  gap:14px;
}
.quote-item-head strong{
  display:block;
  font-size:1.1rem;
  letter-spacing:-.03em;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.quote-item-label{
  display:block;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--text-faint);
}
.quote-item-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.quote-item-grid .form-group.full{grid-column:1 / -1}
.quote-item-total{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  min-height:78px;
  padding:16px 18px;
  border-radius:18px;
  background:linear-gradient(135deg, var(--graphite) 0%, var(--graphite-2) 100%);
  color:#fff;
}
.quote-item-total span{color:rgba(255,255,255,.7)}

.order-progress{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.progress-step{
  position:relative;
  display:grid;
  justify-items:center;
  gap:12px;
  text-align:center;
  padding:16px 10px 8px;
}
.progress-step::after{
  content:"";
  position:absolute;
  top:28px;
  left:calc(50% + 18px);
  width:calc(100% - 36px);
  height:2px;
  background:rgba(152,133,122,.34);
}
.progress-step:last-child::after{display:none}
.progress-dot{
  width:18px;
  height:18px;
  border-radius:999px;
  background:#d8cbc0;
  box-shadow:0 0 0 6px rgba(216,203,192,.24);
}
.progress-label{
  font-size:12px;
  font-weight:700;
  color:var(--text-soft);
}
.progress-step.is-active .progress-dot{
  background:var(--brand);
  box-shadow:0 0 0 7px rgba(242,107,53,.18);
}
.progress-step.is-active .progress-label{color:var(--text)}
.progress-step.is-done .progress-dot{
  background:var(--success);
  box-shadow:0 0 0 7px rgba(22,156,88,.14);
}
.progress-step.is-done::after{background:rgba(22,156,88,.34)}
.progress-step.is-danger .progress-dot{
  background:var(--danger);
  box-shadow:0 0 0 7px rgba(222,62,66,.14);
}
.payment-progress-card{
  padding:22px;
  border-radius:24px;
  background:var(--bg-soft);
}
.payment-progress-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-end;
}
.payment-progress-head h3{
  margin:8px 0 0;
  font-size:1.55rem;
  letter-spacing:-.04em;
}
.payment-progress-values{
  text-align:right;
}
.payment-progress-bar{
  height:14px;
  margin-top:18px;
  border-radius:999px;
  background:#e8ddd4;
  overflow:hidden;
}
.payment-progress-fill{
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, var(--brand) 0%, #ffaf7f 100%);
}
.payment-progress-foot{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  margin-top:12px;
  color:var(--text-soft);
}
.text-link,
.text-success{font-weight:700}
.text-link{color:var(--brand-strong)}
.text-success{color:var(--success)}

.timeline{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:14px;
}
.timeline li{
  position:relative;
  padding:18px 18px 18px 24px;
  border-radius:20px;
  background:var(--bg-soft);
}
.timeline li::before{
  content:"";
  position:absolute;
  left:12px;
  top:22px;
  width:6px;
  height:6px;
  border-radius:999px;
  background:var(--brand);
  box-shadow:0 0 0 6px rgba(242,107,53,.14);
}
.timeline li strong{display:block}
.timeline li span{
  display:block;
  margin-top:4px;
  color:var(--text-faint);
  font-size:12px;
}
.timeline li p{
  margin:10px 0 0;
  color:var(--text-soft);
}

.order-shortcuts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.shortcut-card{
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px;
  border-radius:22px;
  background:linear-gradient(180deg, #fff 0%, #fffaf5 100%);
  border:1px solid rgba(234,223,213,.88);
  box-shadow:var(--shadow-sm);
}
.shortcut-icon{
  width:48px;
  height:48px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:var(--brand-soft);
  font-size:22px;
}
.shortcut-content{display:grid;gap:4px}
.shortcut-label{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--text-faint);
}

.auth-shell{
  min-height:100vh;
  background:
    radial-gradient(circle at top right, rgba(242,107,53,.18), transparent 22%),
    linear-gradient(180deg, #16100c 0%, #1d140e 44%, #0d0907 100%);
  color:#fff;
}
.auth-layout{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);
  min-height:100vh;
}
.auth-showcase{
  position:relative;
  display:flex;
  align-items:flex-end;
  padding:56px;
  background:
    radial-gradient(circle at top left, rgba(242,107,53,.28), transparent 24%),
    radial-gradient(circle at 82% 18%, rgba(255,255,255,.08), transparent 18%),
    linear-gradient(180deg, #241912 0%, #16100c 58%, #0d0907 100%);
}
.auth-showcase::before{
  content:"";
  position:absolute;
  inset:32px;
  border-radius:36px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)),
    url('../img/uniprint-monograma-logo.png') center/ clamp(220px, 32vw, 380px) no-repeat;
  opacity:.18;
  filter:brightness(1.8) grayscale(1);
  pointer-events:none;
}
.auth-showcase__overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at top right, rgba(242,107,53,.28), transparent 28%),
    linear-gradient(135deg, rgba(24,17,12,.32), rgba(24,17,12,.72));
}
.auth-showcase__content{
  position:relative;
  z-index:1;
  max-width:640px;
}
.auth-showcase__content h1{
  margin:10px 0 0;
  font-size:clamp(2.2rem, 4vw, 4.2rem);
  line-height:.98;
  letter-spacing:-.07em;
}
.auth-showcase__content p{
  margin:18px 0 0;
  max-width:540px;
  color:rgba(255,255,255,.72);
  font-size:1.02rem;
}
.auth-showcase__badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}
.auth-showcase__badges span{
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  font-size:13px;
  font-weight:700;
}
.auth-form-panel{
  display:grid;
  place-items:center;
  padding:24px;
}
.auth-form-card{
  width:min(100%, 480px);
  padding:34px;
  border-radius:32px;
  background:rgba(255,255,255,.96);
  color:var(--text);
  box-shadow:0 34px 80px rgba(0,0,0,.24);
  border:1px solid rgba(255,255,255,.22);
}
.auth-card{display:grid;gap:24px}
.auth-card-head h2{
  margin:0;
  font-size:2rem;
  line-height:1;
  letter-spacing:-.05em;
}
.auth-card-head p{margin:10px 0 0;color:var(--text-soft)}
.login-brand-header{
  display:flex;
  align-items:center;
  gap:14px;
}
.brand-mark-inline{
  width:60px;
  height:60px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg, var(--graphite) 0%, var(--graphite-2) 100%);
}
.brand-mark-inline img{width:30px;height:30px}
.brand-mark-inline-dark img{filter:brightness(0) invert(1)}
.login-brand-copy{
  display:grid;
  gap:4px;
}
.login-brand-copy strong{font-size:1.2rem}
.auth-form-grid{gap:16px}
.auth-card-footnote{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  color:var(--text-faint);
  font-size:12px;
}
.auth-shell{
  background:
    radial-gradient(circle at top center, rgba(242,107,53,.16), transparent 24%),
    linear-gradient(180deg, #f7efe8 0%, #f3e7dd 48%, #efe0d3 100%);
  color:var(--text);
}
.auth-layout{
  min-height:100vh;
  display:grid;
  place-items:center;
  grid-template-columns:minmax(0,1fr);
  padding:28px;
}
.auth-showcase{display:none}
.auth-form-panel{
  width:min(100%, 440px);
  padding:0;
}
.auth-form-card{
  width:100%;
  padding:34px 30px;
  border-radius:30px;
  background:rgba(255,255,255,.94);
  color:var(--text);
  box-shadow:0 26px 70px rgba(36, 22, 14, .14);
  border:1px solid rgba(111, 78, 55, .12);
  backdrop-filter:blur(18px);
}
.auth-card-login{
  display:grid;
  gap:24px;
}
.auth-login-brand{
  display:flex;
  align-items:center;
  gap:14px;
}
.auth-login-mark{
  width:58px;
  height:58px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg, #2b1d15 0%, #1b130e 100%);
  box-shadow:0 14px 30px rgba(24,17,12,.18);
}
.auth-login-mark img{
  width:28px;
  height:28px;
  filter:brightness(0) invert(1);
}
.auth-login-copy{
  display:grid;
  gap:4px;
}
.auth-login-copy strong{
  font-size:1.1rem;
  line-height:1.1;
}
.auth-card-head-simple h2{
  margin:0;
  font-size:2.1rem;
  line-height:1;
  letter-spacing:-.06em;
}
.auth-card-head-simple p{
  margin:10px 0 0;
  color:var(--text-soft);
}
.auth-form-grid .btn{
  width:100%;
  justify-content:center;
}
.field-help{
  display:block;
  margin-top:8px;
  color:var(--text-faint);
  font-size:12px;
  line-height:1.45;
}

.finance-positive{color:var(--success);font-weight:700}
.finance-negative{color:var(--danger);font-weight:700}
.finance-inline-badge{margin-left:8px}
.finance-current-row td{background:#fff8f1}
.payment-row-canceled{opacity:.72}

.is-animated,[data-animate]{
  opacity:0;
  transform:translateY(18px) scale(.985);
  transition:
    opacity .45s ease var(--reveal-delay, 0s),
    transform .45s ease var(--reveal-delay, 0s);
}
.is-visible{opacity:1 !important;transform:none !important}

@media (max-width: 1260px){
  .dashboard-lists-grid{grid-template-columns:1fr}
}
@media (max-width: 1024px){
  .is-animated,
  [data-animate]{
    opacity:1;
    transform:none;
    transition:none;
  }
  .page-frame__hero{
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
    padding:18px;
    border-radius:24px;
    margin-bottom:18px;
  }
  .page-frame__hero h1{
    font-size:1.8rem;
    line-height:1.08;
  }
  .page-frame__hero p{
    font-size:14px;
  }
  .page-frame__module{
    width:100%;
    min-width:0;
    padding:16px 18px;
    border-radius:20px;
  }
  .stats-grid.cols-3,
  .stats-grid.cols-4{
    grid-template-columns:1fr;
  }
}
@media (max-width: 1180px){
  :root{--header-height:144px}
  .site-header__bar{grid-template-columns:auto 1fr auto}
  .header-page-meta{display:none}
  .user-pill__meta{display:none}
  .editor-layout,
  .dashboard-top-grid,
  .dashboard-panels-grid,
  .record-hero{grid-template-columns:1fr}
  .editor-sidebar{order:-1}
}
@media (max-width: 980px){
  .stats-grid.cols-2,
  .stats-grid.cols-3,
  .stats-grid.cols-4,
  .record-summary-grid,
  .quote-summary-grid,
  .dashboard-kpi-grid,
  .dashboard-priority-grid,
  .order-shortcuts{grid-template-columns:1fr 1fr}
  .form-grid.cols-2,
  .quote-item-grid{grid-template-columns:1fr 1fr}
  .clients-search-form{grid-template-columns:1fr 1fr}
  .page-frame__hero{flex-direction:column;align-items:flex-start}
  .page-frame__module{width:100%;min-width:0}
}
@media (max-width: 760px){
  :root{--header-height:116px}
  .site-header{padding:12px 12px 0}
  .site-main{padding:20px 12px 32px}
  .site-header__bar{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start;
    padding:12px;
    border-radius:22px;
  }
  .site-header__brand-wrap{min-width:0}
  .brand-pill{gap:12px}
  .brand-pill__copy strong{font-size:14px}
  .brand-pill__copy small{display:none}
  .header-actions .user-pill{display:none}
  .header-actions{
    grid-column:1 / -1;
    width:100%;
    justify-content:space-between;
  }
  .header-cta{
    flex:1 1 auto;
    min-width:0;
    justify-content:center;
  }
  .module-nav-shell{padding-top:10px}
  .page-frame__hero{margin-bottom:18px}
  .page-frame__hero h1{font-size:1.8rem}
  .page-frame__hero p{font-size:14px}
  .page-frame__module{
    width:100%;
    min-width:0;
    padding:16px 18px;
    border-radius:20px;
  }
  .card-pad{padding:18px}
  .record-hero{padding:22px}
  .stats-grid.cols-2,
  .stats-grid.cols-3,
  .stats-grid.cols-4,
  .record-summary-grid,
  .quote-summary-grid,
  .dashboard-kpi-grid,
  .dashboard-priority-grid,
  .order-shortcuts,
  .clients-search-form,
  .form-grid.cols-2,
  .quote-item-grid{grid-template-columns:1fr}
  .clients-search-form .btn,
  .clients-search-form a,
  .action-cluster > .btn,
  .form-actions > .btn,
  .form-actions > a{
    width:100%;
  }
  .form-actions{display:grid}
  .action-cluster{width:100%}
  .info-row{
    grid-template-columns:1fr;
    gap:8px;
  }
  .info-row strong{
    text-align:left;
    justify-self:start;
  }
  .order-progress{grid-template-columns:1fr}
  .progress-step{
    justify-items:flex-start;
    text-align:left;
    padding:12px 0 12px 26px;
  }
  .progress-step::after{
    left:8px;
    top:34px;
    width:2px;
    height:calc(100% - 12px);
  }
  .progress-step:last-child::after{display:none}
  .progress-dot{
    position:absolute;
    left:0;
    top:16px;
  }
  .payment-progress-head,
  .payment-progress-foot,
  .card-header,
  .page-intro,
  .quote-item-head{grid-template-columns:1fr;display:grid}
  .page-intro{gap:14px}
  .page-intro-main,
  .page-intro-copy{min-width:0}
  .detail-subnav{
    padding:8px;
    gap:8px;
  }
  .detail-subnav a{
    flex:0 0 auto;
    min-width:max-content;
  }
  .auth-layout{grid-template-columns:1fr}
  .auth-showcase{min-height:240px;padding:28px}
  .auth-form-panel{padding:18px}
  .auth-form-card{padding:24px}
}
@media (max-width: 560px){
  :root{--header-height:104px}
  .site-main{padding:18px 10px 28px}
  .site-header__bar{
    gap:10px;
    padding:10px;
  }
  .brand-pill__logo{
    width:46px;
    height:46px;
    border-radius:16px;
  }
  .brand-pill__logo img{
    width:24px;
    height:24px;
  }
  .brand-pill__copy strong{font-size:13px}
  .header-cta{
    min-height:42px;
    padding:10px 12px;
  }
}

.theme-app{position:relative}
.page-intro-main,
.chart-card-wrap,
.dashboard-panel,
.dashboard-data-card,
.note-card,
.stock-table,
.payments-table,
.clients-table,
.auth-card-compact,
.auth-layout-minimal,
.auth-form-panel-single,
.auth-form-card-minimal{min-width:0}
.logout-form{margin:0}
.action-stack{display:grid;gap:16px}
.client-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.client-detail-item{
  display:grid;
  gap:6px;
  padding:16px 18px;
  border-radius:18px;
  background:var(--bg-soft);
}
.client-detail-item.full{grid-column:1 / -1}
.client-detail-item span{
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:var(--text-faint);
}
.client-identity{
  display:flex;
  align-items:center;
  gap:16px;
}
.client-avatar,
.client-profile-avatar-large{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:999px;
  font-weight:800;
  color:#fff;
  background:linear-gradient(180deg, var(--brand) 0%, var(--brand-strong) 100%);
  box-shadow:0 18px 32px rgba(242,107,53,.24);
}
.client-avatar{width:42px;height:42px;font-size:13px}
.client-profile-avatar-large{width:72px;height:72px;font-size:24px}
.client-meta{
  display:grid;
  gap:4px;
  min-width:0;
}
.client-meta strong{font-size:1rem}
.client-meta small{
  color:var(--text-soft);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.clients-actions-cell{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
.orders-kanban{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.kanban-column{
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:28px;
  border:1px solid rgba(234,223,213,.88);
  box-shadow:var(--shadow-md);
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,251,247,.98));
}
.kanban-column.production{background:linear-gradient(180deg, #fff7f2 0%, #fff 100%)}
.kanban-column.ready{background:linear-gradient(180deg, #fffdfa 0%, #fff 100%)}
.kanban-column.done{background:linear-gradient(180deg, #f5fbf7 0%, #fff 100%)}
.kanban-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.kanban-head h3{
  margin:0;
  font-size:1rem;
  letter-spacing:-.02em;
}
.kanban-count{
  min-width:36px;
  height:36px;
  padding:0 10px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:13px;
  font-weight:800;
  background:var(--graphite);
  color:#fff;
}
.kanban-body{display:grid;gap:12px}
.kanban-card{
  display:grid;
  gap:8px;
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(234,223,213,.88);
  background:#fff;
  box-shadow:var(--shadow-sm);
  transition:transform .16s ease, box-shadow .18s ease;
}
.kanban-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.kanban-client{color:var(--text-soft);font-size:14px}
.kanban-meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  font-size:12px;
  color:var(--text-faint);
}
.kanban-money{
  font-weight:800;
  color:var(--text);
}
.kanban-empty{
  padding:18px;
  border-radius:18px;
  background:var(--bg-soft);
  color:var(--text-soft);
}
.finance-goal-status{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 12px;
  border-radius:999px;
  background:var(--bg-soft);
  color:var(--text-soft);
  font-size:12px;
  font-weight:700;
}
.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width: 980px){
  .orders-kanban,
  .client-detail-grid,
  .cols-6{grid-template-columns:1fr 1fr}
}
@media (max-width: 760px){
  .orders-kanban,
  .client-detail-grid,
  .cols-6{grid-template-columns:1fr}
}

/* Dashboard command center refresh */
.dashboard-command-center{gap:24px}
.dashboard-command-grid{
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(360px,.9fr);
  gap:18px;
}
.dashboard-command-card,
.dashboard-radar-card{
  border-radius:32px;
}
.dashboard-command-card{
  background:linear-gradient(135deg, var(--graphite) 0%, var(--graphite-2) 64%, #43291c 100%);
  color:#fff;
  box-shadow:0 34px 84px rgba(24,17,12,.28);
}
.dashboard-command-card::before{background:linear-gradient(90deg, rgba(255,255,255,.3), transparent 42%)}
.dashboard-command-card h2{
  margin:14px 0 10px;
  font-size:clamp(2rem,3vw,3rem);
  line-height:1;
  letter-spacing:-.06em;
}
.dashboard-command-card p{margin:0;color:rgba(255,255,255,.74)}
.dashboard-command-card h2,
.dashboard-command-card p,
.dashboard-signal-card strong,
.priority-card strong,
.pipeline-card strong,
.dashboard-month-card > strong,
.dashboard-month-card__meta strong{
  overflow-wrap:anywhere;
}
.dashboard-command-card h2,
.dashboard-radar-card__head h3,
.dashboard-data-card .card-header h3{
  text-wrap:balance;
}
.app-module-dashboard .page-frame,
.app-module-dashboard .page-frame__hero,
.app-module-dashboard .page-content,
.app-module-dashboard .dashboard-modern,
.app-module-dashboard .dashboard-modern > *,
.app-module-dashboard .dashboard-modern .card,
.app-module-dashboard .dashboard-modern .card-header,
.app-module-dashboard .dashboard-modern .card-header > *,
.app-module-dashboard .dashboard-modern [class^="dashboard-"],
.app-module-dashboard .dashboard-modern [class*=" dashboard-"],
.app-module-dashboard .dashboard-modern .priority-card,
.app-module-dashboard .dashboard-modern .pipeline-card,
.app-module-dashboard .dashboard-modern .production-lane{
  min-width:0;
  max-width:100%;
}
.dashboard-radar-card{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,251,247,.98));
}
.dashboard-radar-card__head{margin-bottom:16px}
.dashboard-radar-card__head h3{margin:6px 0 0;font-size:1.2rem}
.dashboard-insight-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);
  gap:18px;
  align-items:start;
}
.dashboard-history-card,
.dashboard-collections-card,
.dashboard-health-card{display:grid;gap:18px}
.dashboard-progress-shell{
  margin-top:22px;
  display:grid;
  gap:12px;
  padding:18px;
  border-radius:24px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(8px);
}
.dashboard-progress-head,
.dashboard-progress-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.dashboard-progress-head span,
.dashboard-progress-meta span{color:rgba(255,255,255,.72)}
.dashboard-progress-head strong,
.dashboard-progress-meta strong{color:#fff}
.dashboard-progress-track{
  margin-top:0;
  background:rgba(255,255,255,.12);
}
.dashboard-progress-track span{
  background:linear-gradient(90deg, #ffb47f 0%, #f26b35 55%, #ffd9c2 100%);
  box-shadow:0 10px 26px rgba(242,107,53,.28);
}
.dashboard-delta-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.dashboard-health-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.dashboard-health-metric{
  display:grid;
  gap:8px;
  padding:16px 18px;
  border-radius:22px;
  background:linear-gradient(180deg, #fff9f4 0%, #fff 100%);
  border:1px solid rgba(242,107,53,.12);
}
.dashboard-health-metric span{
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--text-faint);
}
.dashboard-health-metric strong{
  font-size:1.2rem;
  line-height:1.1;
  letter-spacing:-.04em;
}
.dashboard-health-metric small{
  color:var(--text-soft);
  line-height:1.55;
}
.dashboard-health-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.dashboard-health-summary div{
  display:grid;
  gap:6px;
  padding:16px 18px;
  border-radius:22px;
  background:var(--bg-soft);
  border:1px solid rgba(234,223,213,.88);
}
.dashboard-health-summary span{
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--text-faint);
}
.dashboard-health-summary strong{
  font-size:1.35rem;
  line-height:1.02;
  letter-spacing:-.05em;
}
.dashboard-best-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.dashboard-best-card{
  display:grid;
  gap:6px;
  padding:16px 18px;
  border-radius:20px;
  background:linear-gradient(180deg, #fff4ec 0%, #fff 100%);
  border:1px solid rgba(242,107,53,.14);
}
.dashboard-best-card span{
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--text-faint);
}
.dashboard-best-card strong{
  font-size:1.05rem;
  letter-spacing:-.03em;
}
.dashboard-best-card small{color:var(--text-soft)}
.dashboard-month-rail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(230px,1fr);
  gap:14px;
  overflow-x:auto;
  padding-bottom:6px;
  scrollbar-width:thin;
  scroll-snap-type:x proximity;
}
.dashboard-month-card{
  scroll-snap-align:start;
  display:grid;
  gap:14px;
  padding:18px;
  min-width:0;
  border-radius:24px;
  border:1px solid rgba(234,223,213,.88);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,250,245,.98));
  box-shadow:var(--shadow-sm);
  transition:transform .18s ease, box-shadow .22s ease, border-color .22s ease;
}
.dashboard-month-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-md);
}
.dashboard-month-card.is-current{
  border-color:rgba(242,107,53,.26);
  background:linear-gradient(180deg, #fff6ef 0%, #fff 100%);
  box-shadow:0 20px 46px rgba(242,107,53,.12);
}
.dashboard-month-card__head,
.dashboard-month-card__foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.dashboard-month-card__head span:first-child{
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--text-faint);
}
.dashboard-month-card > strong{
  font-size:1.5rem;
  line-height:1.02;
  letter-spacing:-.05em;
  overflow-wrap:anywhere;
}
.dashboard-month-card__meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.dashboard-month-card__meta div{
  display:grid;
  gap:4px;
  padding:12px 14px;
  border-radius:18px;
  background:var(--bg-soft);
}
.dashboard-month-card__meta span{
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--text-faint);
}
.dashboard-month-card__meta strong{
  font-size:14px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.dashboard-month-card__foot{
  color:var(--text-soft);
  font-size:12px;
  line-height:1.45;
}
.dashboard-collection-list{
  display:grid;
  gap:12px;
}
.dashboard-collection-item{
  display:grid;
  gap:12px;
  padding:18px;
  border-radius:22px;
  background:linear-gradient(180deg, #fff 0%, #fff9f4 100%);
  border:1px solid rgba(234,223,213,.88);
  box-shadow:var(--shadow-sm);
  color:inherit;
  text-decoration:none;
  transition:transform .18s ease, box-shadow .22s ease, border-color .22s ease;
}
.dashboard-collection-item:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-md);
  border-color:rgba(242,107,53,.2);
}
.dashboard-collection-item__top,
.dashboard-collection-item__meta,
.dashboard-collection-item__foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.dashboard-collection-item__top p{
  margin:4px 0 0;
  color:var(--text-soft);
}
.dashboard-collection-item__meta span{
  display:inline-flex;
  flex-wrap:wrap;
  gap:6px;
  color:var(--text-soft);
}
.dashboard-collection-item__meta strong,
.dashboard-collection-item__top strong{
  color:var(--text);
}
.dashboard-collection-item__foot small{
  color:var(--text-faint);
  line-height:1.45;
}
.dashboard-spotlight{
  display:grid;
  gap:8px;
  padding:18px;
  border-radius:24px;
  background:linear-gradient(180deg, #fff7f2 0%, #fff 100%);
  border:1px solid rgba(242,107,53,.14);
}
.dashboard-spotlight--empty{background:var(--bg-soft);border-color:var(--line)}
.dashboard-spotlight__kicker{
  display:inline-flex;
  width:max-content;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:4px 10px;
  border-radius:999px;
  background:rgba(242,107,53,.12);
  color:var(--brand-strong);
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.dashboard-spotlight strong{font-size:1.5rem;line-height:1.05;letter-spacing:-.04em}
.dashboard-spotlight p{margin:0;color:var(--text-soft)}
.dashboard-spotlight small{color:var(--text-faint)}
.dashboard-spotlight__meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.dashboard-spotlight-list{
  display:grid;
  gap:10px;
  margin-top:16px;
}
.dashboard-spotlight-list div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding:13px 14px;
  border-radius:18px;
  background:var(--bg-soft);
}
.dashboard-spotlight-list span{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--text-soft);
  font-weight:600;
}
.dashboard-spotlight-list strong{font-size:1.05rem}
.dashboard-kpi-strip{
  align-items:stretch;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.dashboard-signal-card{
  position:relative;
  overflow:hidden;
  display:grid;
  gap:8px;
  padding:22px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,252,248,.96));
  border:1px solid rgba(234,223,213,.88);
  box-shadow:var(--shadow-md);
}
.dashboard-signal-card::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(242,107,53,.7), transparent);
}
.dashboard-signal-card__icon{
  width:44px;
  height:44px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(242,107,53,.12);
  color:var(--brand);
}
.dashboard-signal-card strong{
  font-size:clamp(1.5rem,2vw,2.1rem);
  line-height:1.02;
  letter-spacing:-.05em;
}
.dashboard-panel,
.dashboard-data-card,
.dashboard-signal-card,
.pipeline-card{
  transition:transform .2s ease, box-shadow .24s ease, border-color .24s ease;
}
.dashboard-panel:hover,
.dashboard-data-card:hover,
.dashboard-signal-card:hover,
.pipeline-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-lg);
}
.signal-revenue{background:linear-gradient(180deg, #fff6ef 0%, #fff 100%)}
.signal-finance{background:linear-gradient(180deg, #fffdf9 0%, #fff 100%)}
.signal-production{background:linear-gradient(180deg, #f8fbff 0%, #fff 100%)}
.signal-danger{background:linear-gradient(180deg, #fff3f3 0%, #fff 100%)}
.signal-warning{background:linear-gradient(180deg, #fff7e9 0%, #fff 100%)}
.signal-sales{background:linear-gradient(180deg, #f7f4ff 0%, #fff 100%)}
.dashboard-alert-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.production-board-wrapper{overflow:visible}
.production-board-scroll{
  display:grid;
  grid-template-columns:repeat(6,minmax(240px,1fr));
  gap:16px;
  overflow-x:auto;
  padding-bottom:4px;
  scrollbar-width:thin;
}
.production-lane{
  display:grid;
  gap:14px;
  padding:18px;
  min-height:100%;
  border-radius:28px;
  border:1px solid rgba(234,223,213,.88);
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,251,247,.98));
  box-shadow:var(--shadow-md);
}
.production-lane--danger{background:linear-gradient(180deg, #fff4f4 0%, #fff 100%)}
.production-lane--warning{background:linear-gradient(180deg, #fff7ed 0%, #fff 100%)}
.production-lane--info{background:linear-gradient(180deg, #f5f8ff 0%, #fff 100%)}
.production-lane--neutral{background:linear-gradient(180deg, #fffdf9 0%, #fff 100%)}
.production-lane--success{background:linear-gradient(180deg, #f4fbf7 0%, #fff 100%)}
.production-lane--muted{background:linear-gradient(180deg, #f7f3ef 0%, #fff 100%)}
.production-lane__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.production-lane__head p{margin:6px 0 0;color:var(--text-soft);font-size:13px;line-height:1.45}
.production-lane__count{
  min-width:38px;
  height:38px;
  padding:0 12px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:var(--graphite);
  color:#fff;
  font-weight:800;
  box-shadow:var(--shadow-sm);
}
.production-lane__body{display:grid;gap:12px}
.production-card{
  display:grid;
  gap:9px;
  padding:16px;
  border-radius:22px;
  border:1px solid rgba(234,223,213,.88);
  background:#fff;
  box-shadow:var(--shadow-sm);
  transition:transform .18s ease, box-shadow .18s ease;
}
.production-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.production-card__top,
.production-card__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.production-card__top strong{font-size:1rem}
.production-card small{color:var(--text-faint);line-height:1.45}
.deadline-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:6px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.deadline-pill--danger{background:#fff0f0;color:#b4363b;border:1px solid #f2c8cc}
.deadline-pill--warning{background:#fff5df;color:#9c6a14;border:1px solid #f3e2b1}
.deadline-pill--info{background:#eef2ff;color:#2748b0;border:1px solid #dfe7ff}
.deadline-pill--success{background:#ecfbf3;color:#117544;border:1px solid #d4f3e2}
.deadline-pill--muted{background:#f5f1ec;color:#5a4b43;border:1px solid #e5d9ce}
.dashboard-pipeline-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.pipeline-card{
  padding:22px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,252,248,.96));
  border:1px solid rgba(234,223,213,.88);
  box-shadow:var(--shadow-md);
}
.pipeline-card__head{
  display:flex;
  align-items:center;
  gap:10px;
}
.pipeline-card__icon{
  width:40px;
  height:40px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(242,107,53,.12);
  color:var(--brand);
}
.pipeline-card strong{
  display:block;
  margin-top:14px;
  font-size:clamp(1.55rem,2vw,2rem);
  line-height:1.02;
  letter-spacing:-.05em;
}
.pipeline-card__track{
  height:10px;
  margin-top:14px;
  border-radius:999px;
  overflow:hidden;
  background:#f1ebe5;
}
.pipeline-card__track span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, var(--brand) 0%, #ff9d64 100%);
}
.dashboard-chart-mosaic{
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(340px,.88fr);
  gap:18px;
}
.dashboard-chart-stack{display:grid;gap:18px}
.dashboard-panel-full{grid-column:1 / -1}
.chart-box-md{min-height:360px}
.dashboard-goal-inline{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  min-width:min(100%, 520px);
  margin-top:0;
}
.dashboard-goal-inline div{
  padding:12px 14px;
  border-radius:18px;
}
@media (max-width: 1320px){
  .dashboard-command-grid,
  .dashboard-insight-grid,
  .dashboard-chart-mosaic{grid-template-columns:1fr}
  .dashboard-alert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 1180px){
  .dashboard-command-grid,
  .dashboard-insight-grid,
  .dashboard-chart-mosaic,
  .dashboard-panels-grid{grid-template-columns:1fr}
  .dashboard-alert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-pipeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-goal-inline{min-width:0;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 980px){
  .dashboard-alert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-kpi-strip,
  .stats-grid.cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-health-summary,
  .dashboard-best-row{grid-template-columns:1fr}
}
@media (max-width: 1024px){
  .page-frame--dashboard .page-frame__hero{
    padding:16px 18px;
    gap:12px;
  }
  .page-frame--dashboard .page-frame__module{
    width:auto;
    max-width:100%;
  }
  .dashboard-command-center{gap:18px}
  .dashboard-command-grid,
  .dashboard-insight-grid,
  .dashboard-chart-mosaic,
  .dashboard-chart-stack,
  .dashboard-lists-grid{gap:14px}
  .dashboard-command-card{
    padding:20px;
    border-radius:24px;
  }
  .dashboard-command-card h2{
    font-size:clamp(1.6rem, 5.8vw, 2.2rem);
    line-height:1.08;
    letter-spacing:-.04em;
  }
  .dashboard-command-card p{
    font-size:14px;
    line-height:1.5;
  }
  .dashboard-radar-card__head,
  .dashboard-data-card .card-header{
    display:grid;
    gap:12px;
    align-items:flex-start;
  }
  .dashboard-kpi-strip,
  .dashboard-alert-grid,
  .dashboard-pipeline-grid{grid-template-columns:1fr}
  .dashboard-health-grid,
  .dashboard-health-summary,
  .dashboard-best-row,
  .dashboard-month-card__meta,
  .dashboard-goal-inline{grid-template-columns:1fr}
  .dashboard-chip-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .dashboard-action-row{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .dashboard-action-row .hero-chip,
  .dashboard-radar-card__head .btn,
  .dashboard-data-card .card-header .btn{
    width:100%;
    justify-content:center;
  }
  .dashboard-progress-shell{
    padding:16px;
    border-radius:20px;
  }
  .dashboard-health-metric,
  .dashboard-health-summary div,
  .dashboard-best-card,
  .dashboard-month-card,
  .dashboard-collection-item,
  .dashboard-signal-card,
  .priority-card,
  .pipeline-card,
  .dashboard-panel,
  .dashboard-data-card{
    padding:18px;
  }
  .dashboard-delta-row{
    display:grid;
    grid-template-columns:1fr;
  }
  .dashboard-month-rail{
    grid-auto-flow:row;
    grid-auto-columns:auto;
    overflow:visible;
    padding-bottom:0;
  }
  .chart-box{min-height:260px}
  .chart-box.small{min-height:230px}
  .chart-box-lg{min-height:320px}
  .chart-box-md{min-height:280px}
}
@media (max-width: 760px){
  .app-module-dashboard .site-main,
  .app-module-dashboard .page-frame,
  .app-module-dashboard .page-content,
  .app-module-dashboard .dashboard-modern{
    overflow-x:clip;
  }
  .app-module-dashboard .site-header{
    padding:10px 10px 0;
  }
  .app-module-dashboard .site-header__bar{
    padding:10px;
    gap:10px;
  }
  .app-module-dashboard .header-cta{
    min-height:42px;
    padding:10px 12px;
  }
  .app-module-dashboard .module-nav-shell{
    padding-top:8px;
  }
  .app-module-dashboard .module-nav{
    gap:8px;
    padding:6px 4px 2px;
  }
  .app-module-dashboard .module-tab{
    gap:8px;
    padding:12px 13px;
    min-height:44px;
    border-radius:16px;
    font-size:14px;
  }
  .app-module-dashboard .module-tab span{
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .page-frame--dashboard .page-frame__hero{
    display:none;
  }
  .page-frame--dashboard .page-content{
    gap:16px;
  }
  .dashboard-alert-grid,
  .dashboard-pipeline-grid,
  .dashboard-kpi-strip,
  .stats-grid.cols-6{grid-template-columns:1fr}
  .dashboard-command-center{gap:16px}
  .dashboard-goal-inline{grid-template-columns:1fr}
  .dashboard-modern{gap:16px}
  .dashboard-command-card{
    padding:18px;
  }
  .dashboard-command-card h2{
    margin:10px 0 8px;
    font-size:clamp(1.45rem,8vw,1.85rem);
    line-height:1.12;
    letter-spacing:-.03em;
  }
  .dashboard-command-card p{
    font-size:13px;
    line-height:1.46;
  }
  .dashboard-command-card > *{
    min-width:0;
    max-width:100%;
  }
  .dashboard-kicker-row{
    display:grid;
    gap:8px;
    align-items:flex-start;
  }
  .dashboard-inline-pill{justify-self:start}
  .dashboard-chip-row{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:16px;
  }
  .dashboard-action-row{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:16px;
  }
  .dashboard-action-row .hero-chip{
    width:100%;
    min-height:44px;
    padding:10px 12px;
    justify-content:center;
    white-space:normal;
    text-align:center;
  }
  .dashboard-action-row .hero-chip span{
    overflow-wrap:anywhere;
  }
  .dashboard-command-card,
  .dashboard-radar-card,
  .dashboard-history-card,
  .dashboard-collections-card,
  .dashboard-health-card,
  .dashboard-panel,
  .dashboard-data-card,
  .dashboard-signal-card,
  .pipeline-card,
  .priority-card,
  .production-lane,
  .kanban-column{
    border-radius:22px;
  }
  .dashboard-progress-shell,
  .dashboard-health-metric,
  .dashboard-health-summary div,
  .dashboard-best-card,
  .dashboard-month-card,
  .dashboard-collection-item,
  .production-card,
  .deadline-ticket{
    border-radius:18px;
  }
  .dashboard-chip{
    min-width:0;
    width:100%;
    text-align:center;
    padding:12px 14px;
  }
  .dashboard-chip small{
    text-align:center;
  }
  .dashboard-delta-row{
    display:grid;
    grid-template-columns:1fr;
    margin-top:14px;
  }
  .dashboard-delta-row .badge{
    width:100%;
    justify-content:center;
    text-align:center;
  }
  .dashboard-month-rail{
    grid-auto-flow:row;
    grid-auto-columns:auto;
    overflow:visible;
    padding-bottom:0;
  }
  .dashboard-month-card{
    padding:16px;
  }
  .dashboard-spotlight-list div{
    display:grid;
    justify-content:stretch;
    align-items:flex-start;
  }
  .dashboard-radar-card__head h3,
  .dashboard-data-card .card-header h3{
    font-size:1.05rem;
  }
  .dashboard-radar-card__head .btn,
  .dashboard-data-card .card-header .btn,
  .production-board-wrapper .card-header .btn{
    width:auto;
    min-height:auto;
    padding:0;
    border:none;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:var(--brand-strong);
    justify-content:flex-start;
  }
  .dashboard-radar-card,
  .dashboard-history-card,
  .dashboard-collections-card,
  .dashboard-panel,
  .dashboard-data-card{
    gap:14px;
  }
  .dashboard-radar-card .card-header,
  .dashboard-history-card .card-header,
  .dashboard-collections-card .card-header,
  .dashboard-panel .card-header,
  .dashboard-data-card .card-header{
    margin-bottom:14px;
  }
  .dashboard-data-card .card-header .btn{
    width:100%;
    justify-content:center;
  }
  .dashboard-signal-card,
  .priority-card,
  .pipeline-card,
  .dashboard-panel,
  .dashboard-data-card{
    padding:18px;
  }
  .dashboard-signal-card p,
  .priority-card p,
  .pipeline-card p,
  .dashboard-panel .muted,
  .dashboard-data-card .muted{
    font-size:13px;
    line-height:1.5;
  }
  .dashboard-health-metric small,
  .dashboard-best-card small,
  .dashboard-collection-item__foot small{
    font-size:12px;
    line-height:1.45;
  }
  .dashboard-health-summary strong{
    font-size:1.18rem;
  }
  .dashboard-month-card__meta{
    gap:8px;
  }
  .dashboard-collection-item__top strong{
    font-size:1rem;
  }
  .dashboard-progress-head,
  .dashboard-progress-meta{
    display:grid;
    grid-template-columns:1fr;
    justify-content:flex-start;
  }
  .dashboard-progress-head strong,
  .dashboard-progress-meta strong,
  .dashboard-progress-meta span,
  .dashboard-month-card__foot span,
  .dashboard-collection-item__meta span{
    overflow-wrap:anywhere;
  }
  .chart-box{min-height:220px}
  .chart-box.small{min-height:200px}
  .chart-box-lg{min-height:250px}
  .chart-box-md{min-height:220px}
  .dashboard-signal-card strong{
    font-size:clamp(1.3rem,7vw,1.65rem);
  }
  .deadline-ticket__top,
  .deadline-ticket__meta,
  .deadline-ticket__foot,
  .kanban-meta{
    align-items:flex-start;
  }
  .dashboard-health-grid,
  .dashboard-month-card__meta{grid-template-columns:1fr}
  .dashboard-progress-head,
  .dashboard-progress-meta,
  .dashboard-month-card__head,
  .dashboard-month-card__foot,
  .dashboard-collection-item__top,
  .dashboard-collection-item__meta,
  .dashboard-collection-item__foot{align-items:flex-start}
  .production-board-scroll{
    grid-template-columns:repeat(6,minmax(84vw,1fr));
    scroll-snap-type:x proximity;
  }
  .production-lane{scroll-snap-align:start}
}
@media (max-width: 560px){
  .app-module-dashboard .site-header{
    padding:8px 8px 0;
  }
  .app-module-dashboard .site-main{
    padding:14px 8px 24px;
  }
  .app-module-dashboard .site-header__bar{
    padding:9px;
  }
  .app-module-dashboard .brand-pill{
    gap:10px;
  }
  .app-module-dashboard .module-tab{
    padding:11px 12px;
    font-size:13px;
  }
  .mobile-quote-card,
  .mobile-client-card{
    padding:16px;
    border-radius:18px;
  }
  .mobile-quote-card__actions,
  .mobile-client-card__actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .mobile-quote-card__actions .btn,
  .mobile-client-card__actions .btn{
    width:100%;
  }
  .table-responsive .table.is-responsive-table tbody tr td,
  .table-responsive .table.is-responsive-table tfoot tr th,
  .table-responsive .table.is-responsive-table tfoot tr td{
    grid-template-columns:1fr;
    gap:6px;
  }
  .dashboard-chip-row{grid-template-columns:1fr}
  .dashboard-command-card,
  .dashboard-radar-card,
  .dashboard-history-card,
  .dashboard-collections-card,
  .dashboard-health-card,
  .dashboard-panel,
  .dashboard-data-card,
  .dashboard-signal-card,
  .pipeline-card,
  .priority-card{
    padding:16px;
  }
  .dashboard-command-card h2{
    font-size:clamp(1.3rem,7.2vw,1.55rem);
  }
  .dashboard-action-row{
    grid-template-columns:1fr;
  }
  .dashboard-action-row .hero-chip:first-child{
    grid-column:auto;
  }
  .dashboard-command-card p,
  .dashboard-signal-card p,
  .priority-card p,
  .pipeline-card p{
    font-size:12.5px;
  }
  .dashboard-delta-row{
    display:none;
  }
  .dashboard-chip{
    padding:12px 14px;
  }
  .dashboard-chip strong{
    font-size:1.05rem;
  }
  .dashboard-month-card > strong{
    font-size:1.35rem;
  }
  .dashboard-month-card__meta strong{
    font-size:13px;
  }
  .chart-box{min-height:208px}
  .chart-box.small{min-height:188px}
  .chart-box-lg{min-height:228px}
  .chart-box-md{min-height:208px}
  .dashboard-health-summary strong{
    font-size:1.2rem;
  }
  .dashboard-health-metric small,
  .dashboard-best-card small,
  .dashboard-collection-item__foot small{
    display:none;
  }
  .dashboard-radar-card__head .btn,
  .dashboard-data-card .card-header .btn,
  .production-board-wrapper .card-header .btn{
    font-size:12px;
  }
}


/* Orders HQ */
.orders-hq-shell,.order-detail-shell{gap:28px}
.orders-hq-intro .page-intro-main{align-items:stretch}
.orders-intro-aside,
.order-aside-focus{
  min-width:min(320px,100%);
  padding:20px 22px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(24,17,12,.96), rgba(38,26,19,.92));
  color:#fff;
  box-shadow:0 22px 56px rgba(24,17,12,.18);
}
.orders-intro-aside .summary-hint,
.order-aside-focus .summary-hint{color:rgba(255,255,255,.72)}
.orders-command-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.orders-command-grid > .orders-command-card{position:relative;overflow:hidden}
.orders-command-grid > .orders-command-card::after{content:"";position:absolute;inset:auto -30px -30px auto;width:120px;height:120px;border-radius:999px;background:rgba(255,255,255,.18);filter:blur(5px);opacity:.55}
.orders-command-grid > .orders-command-card.critical{background:linear-gradient(180deg,#2d1613,#46201f);color:#fff}
.orders-command-grid > .orders-command-card.production{background:linear-gradient(180deg,#18110c,#2a1b14);color:#fff}
.orders-command-grid > .orders-command-card.ready{background:linear-gradient(180deg,#173321,#1b5630);color:#fff}
.orders-command-grid > .orders-command-card.finance{background:linear-gradient(180deg,#f26b35,#dd5721);color:#fff}
.orders-command-grid > .orders-command-card .mini-label,
.orders-command-grid > .orders-command-card .summary-hint{color:rgba(255,255,255,.82)}
.orders-command-grid > .orders-command-card strong{color:#fff}
.orders-deadline-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.deadline-column{border:1px solid var(--line);border-radius:24px;background:var(--surface-muted);min-height:220px;display:flex;flex-direction:column;overflow:hidden}
.deadline-column__head{padding:18px 18px 14px;border-bottom:1px solid rgba(0,0,0,.04)}
.deadline-column__body{padding:16px;display:grid;gap:12px;align-content:start}
.deadline-column.tone-danger{background:linear-gradient(180deg,#fff0ef,#fff8f7)}
.deadline-column.tone-warning{background:linear-gradient(180deg,#fff5e7,#fffaf2)}
.deadline-column.tone-info{background:linear-gradient(180deg,#eef4ff,#f8fbff)}
.deadline-column.tone-brand{background:linear-gradient(180deg,#fff4ec,#fffaf7)}
.deadline-column.tone-success{background:linear-gradient(180deg,#eef8f2,#f7fcf8)}
.deadline-column.tone-muted{background:linear-gradient(180deg,#f8f5f2,#fdfbf9)}
.deadline-ticket{display:grid;gap:10px;padding:16px;border-radius:18px;background:#fff;box-shadow:var(--shadow-sm);border:1px solid rgba(234,223,213,.75);transition:transform .18s ease, box-shadow .18s ease}
.deadline-ticket:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.deadline-ticket__top,.deadline-ticket__meta,.deadline-ticket__foot{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.deadline-ticket__client{font-weight:600;color:var(--text)}
.orders-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.order-record-hero{align-items:stretch}
.order-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.order-intelligence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.order-detail-list{display:grid;gap:14px}
.order-detail-list div{padding:14px 16px;border-radius:18px;background:var(--surface-muted);border:1px solid var(--line)}
.order-detail-list span{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px}
.order-detail-list strong{font-size:14px;line-height:1.5;color:var(--text);font-weight:600}
.compact-timeline li{padding-bottom:14px}
.badge.tone-danger{background:rgba(222,62,66,.12);color:var(--danger)}
.badge.tone-warning{background:rgba(210,137,22,.14);color:var(--warning)}
.badge.tone-info{background:rgba(51,94,234,.12);color:var(--info)}
.badge.tone-brand{background:rgba(242,107,53,.12);color:var(--brand-strong)}
.badge.tone-success{background:rgba(22,156,88,.12);color:var(--success)}
.badge.tone-muted{background:rgba(114,95,83,.1);color:var(--text-soft)}
.order-aside-focus.tone-danger{background:linear-gradient(180deg,#4a1f1e,#311313)}
.order-aside-focus.tone-warning{background:linear-gradient(180deg,#5d3915,#3f230d)}
.order-aside-focus.tone-info{background:linear-gradient(180deg,#1b3368,#12234b)}
.order-aside-focus.tone-brand{background:linear-gradient(180deg,#5f2e15,#41200f)}
.order-aside-focus.tone-success{background:linear-gradient(180deg,#173724,#102819)}
.order-aside-focus.tone-muted{background:linear-gradient(180deg, rgba(24,17,12,.96), rgba(38,26,19,.92))}
@media (max-width: 1120px){
  .orders-command-grid,.orders-deadline-board,.orders-stage-grid,.order-summary-grid,.order-intelligence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 760px){
  .orders-command-grid,.orders-deadline-board,.orders-stage-grid,.order-summary-grid,.order-intelligence-grid{grid-template-columns:1fr}
}


.quote-item-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:10px;
  width:100%;
  justify-self:stretch;
}
.quote-item-actions > *{
  flex:1 1 180px;
  min-width:0;
}
.quote-item-actions .btn{
  width:100%;
  min-height:46px;
  padding:0 16px;
  border-radius:16px;
  font-size:14px;
}
.quote-item-product{
  display:grid;
  gap:10px;
  min-height:100%;
}
.quote-item-product__empty,
.quote-item-product__badge{
  display:grid;
  align-content:start;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(234,223,213,.88);
  background:var(--bg-soft);
  min-height:220px;
}
.quote-item-product__empty{color:var(--text-soft);font-weight:600}
.mini-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.mini-chip{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 10px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  color:var(--text-soft);
  font-size:12px;
  font-weight:700;
}
.mini-chip--accent{background:#fff1e8;color:var(--brand-strong);border-color:rgba(242,107,53,.18)}
.mini-chip--tier{background:#eef4ff;color:#2748b0;border-color:#dfe7ff}
.catalog-modal[hidden]{display:none}
.catalog-modal{position:fixed;inset:0;z-index:80}
.catalog-modal__backdrop{position:absolute;inset:0;background:rgba(17,12,10,.58);backdrop-filter:blur(2px)}
.catalog-modal__dialog{
  position:relative;
  z-index:1;
  width:min(1180px,calc(100vw - 32px));
  max-height:calc(100vh - 32px);
  margin:16px auto;
  padding:24px;
  overflow:auto;
  border-radius:28px;
  background:#fff;
  box-shadow:0 24px 90px rgba(10,8,7,.24);
}
.catalog-modal__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}
.catalog-modal__filters{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:20px}
.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.catalog-card{
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  gap:14px;
  padding:18px;
  border-radius:24px;
  background:linear-gradient(180deg,#fff 0%,#fff8f3 100%);
  border:1px solid rgba(234,223,213,.92);
  box-shadow:var(--shadow-sm);
  min-width:0;
  align-items:stretch;
}
.catalog-card__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:flex-start;
  min-height:72px;
}
.catalog-card__head > div,
.catalog-card__body,
.catalog-card__notes{min-width:0}
.catalog-card__head strong{
  display:block;
  font-size:1rem;
  line-height:1.35;
  overflow-wrap:anywhere;
  word-break:break-word;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.catalog-card__head small{
  display:block;
  margin-top:6px;
  color:var(--text-soft);
  overflow-wrap:anywhere;
  word-break:break-word;
}
.catalog-card__price{
  font-weight:800;
  color:var(--text);
  text-align:right;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.catalog-card__chips{display:flex;gap:8px;flex-wrap:wrap}
.catalog-card__body{
  display:grid;
  grid-template-rows:minmax(72px,auto) auto minmax(76px,auto) auto;
  gap:12px;
  align-content:start;
}
.catalog-card__notes{
  display:grid;
  gap:8px;
  color:var(--text-soft);
  font-size:13px;
  line-height:1.45;
  min-height:76px;
}
.catalog-card__actions{
  display:flex;
  justify-content:flex-end;
  align-items:flex-end;
}
.catalog-card__actions .btn{
  min-width:148px;
  min-height:46px;
  padding:0 18px;
  border-radius:16px;
}
.catalog-modal__dialog--catalog{
  width:min(1440px,calc(100vw - 32px));
  overflow-x:hidden;
  background:linear-gradient(180deg,#fffefd 0%,#fff6ef 100%);
}
.catalog-modal__head{
  position:sticky;
  top:-24px;
  z-index:3;
  padding:0 0 16px;
  background:linear-gradient(180deg, rgba(255,254,253,.98), rgba(255,246,239,.94));
  backdrop-filter:blur(10px);
}
.catalog-modal__filters{
  position:sticky;
  top:74px;
  z-index:2;
  padding:16px;
  border-radius:22px;
  background:rgba(255,252,249,.96);
  border:1px solid rgba(234,223,213,.88);
  box-shadow:var(--shadow-sm);
}
.catalog-grid--families{
  display:grid;
  grid-template-columns:1fr !important;
  gap:22px;
  width:100%;
}
.catalog-category-block{
  display:grid;
  gap:16px;
  min-width:0;
}
.catalog-category-block__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  padding-bottom:6px;
  border-bottom:1px solid rgba(229,217,207,.8);
}
.catalog-category-block__eyebrow{
  display:block;
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--accent);
  margin-bottom:4px;
}
.catalog-category-block__head h4{
  margin:0;
  font-size:1.25rem;
}
.catalog-category-block__head strong{
  color:var(--text-soft);
  font-size:.92rem;
}
.catalog-family-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(460px,1fr));
  gap:20px;
}
.catalog-family-card{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:16px;
  padding:18px;
  border-radius:24px;
  background:linear-gradient(180deg,#fff 0%,#fff8f2 100%);
  border:1px solid rgba(234,223,213,.92);
  box-shadow:var(--shadow-sm);
  min-width:0;
  align-items:start;
}
.catalog-family-card__media{
  width:92px;
  height:92px;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(230,219,210,.85);
  background:rgba(255,141,59,.08);
  display:grid;
  place-items:center;
  color:var(--accent);
  font-size:1.85rem;
  font-weight:800;
}
.catalog-family-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.catalog-family-card__body{
  display:grid;
  gap:16px;
  min-width:0;
  align-content:start;
}
.catalog-family-card__head strong{
  display:block;
  font-size:1.08rem;
  line-height:1.3;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.catalog-family-card__head,
.catalog-family-card__head > div{
  min-width:0;
}
.catalog-family-card__head small{
  display:block;
  margin-top:5px;
  color:var(--text-soft);
}
.catalog-family-card__notes{
  display:grid;
  gap:8px;
  color:var(--text-soft);
  font-size:13px;
  line-height:1.5;
}
.catalog-family-card__notes span,
.catalog-variant-card__notes span{
  display:block;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.catalog-variant-grid{
  display:grid;
  gap:12px;
  min-width:0;
}
.catalog-variant-card{
  display:grid;
  gap:12px;
  padding:16px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(228,216,205,.88);
  min-width:0;
  align-content:start;
}
.catalog-variant-card__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:flex-start;
}
.catalog-variant-card__head > div,
.catalog-variant-card__notes,
.catalog-variant-card__prices,
.catalog-variant-card__actions{
  min-width:0;
}
.catalog-variant-card__head strong{
  display:block;
  line-height:1.35;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.catalog-variant-card__head small{
  display:block;
  margin-top:4px;
  color:var(--text-soft);
  overflow-wrap:anywhere;
}
.catalog-variant-card__price{
  font-weight:800;
  color:var(--text);
  text-align:right;
  white-space:normal;
}
.catalog-variant-card__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.catalog-variant-card__notes{
  display:grid;
  gap:6px;
  color:var(--text-soft);
  font-size:13px;
  line-height:1.45;
}
.catalog-variant-card__prices{
  display:grid;
  grid-template-columns:repeat(3,minmax(96px,1fr));
  gap:10px;
}
.catalog-tier-price{
  display:grid;
  gap:4px;
  padding:10px 12px;
  border-radius:14px;
  background:linear-gradient(180deg,#fffaf5 0%,#fff3ea 100%);
  border:1px solid rgba(232,221,212,.88);
}
.catalog-tier-price span{
  color:var(--text-faint);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.catalog-tier-price strong{
  font-size:1rem;
  line-height:1.2;
}
.catalog-variant-card__actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
  margin-top:auto;
}
.catalog-variant-card__actions .btn{
  width:100%;
  min-width:0;
  min-height:48px;
  padding:10px 12px;
  white-space:normal;
  text-align:center;
  line-height:1.2;
}
.quote-picker-shell{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:22px;
  padding:18px 20px;
  border-radius:22px;
  border:1px solid rgba(234,223,213,.92);
  background:linear-gradient(180deg,#fffaf5 0%,#fff2e9 100%);
  box-shadow:var(--shadow-sm);
}
.quote-picker-shell__copy{
  display:grid;
  gap:6px;
}
.quote-picker-shell__copy strong{
  font-size:1rem;
}
.catalog-empty{
  padding:28px;
  border-radius:22px;
  border:1px dashed rgba(0,0,0,.12);
  color:var(--text-soft);
  text-align:center;
}
body.modal-open{overflow:hidden}
@media (max-width: 1080px){
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 780px){
  .quote-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalog-modal__filters{grid-template-columns:1fr}
  .catalog-grid{grid-template-columns:1fr}
  .catalog-family-grid{grid-template-columns:1fr}
  .catalog-family-card{grid-template-columns:1fr}
  .catalog-family-card__media{width:100%;height:180px}
  .catalog-category-block__head{align-items:flex-start;flex-direction:column}
  .catalog-variant-card__head{
    grid-template-columns:1fr;
  }
  .catalog-variant-card__price{
    text-align:left;
  }
  .quote-picker-shell{flex-direction:column;align-items:flex-start}
  .quote-builder-tail{
    display:grid;
    grid-template-columns:1fr;
    padding-inline:0;
  }
  .quote-builder-tail .btn{
    width:100%;
  }
}
.quote-item-configurator{
  margin-top:16px;
  padding:16px;
  border:1px solid rgba(228,214,204,.9);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(250,246,243,.98));
}
.quote-item-configurator__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:12px;
}
.item-config-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.item-config-grid .form-group.full{grid-column:1 / -1}
.item-config-empty{
  padding:10px 12px;
  border-radius:12px;
  background:rgba(245,240,236,.85);
  color:var(--text-soft);
  font-size:13px;
}
.quote-item-config-summary{
  display:block;
  margin-top:8px;
  color:var(--text-soft);
  font-size:12px;
  line-height:1.45;
}
.quote-catalog-surface{
  margin-bottom:22px;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(234,223,213,.92);
  background:linear-gradient(180deg,#fff9f3 0%,#fff2e8 100%);
  box-shadow:var(--shadow-sm);
}
.quote-catalog-surface__filters{margin-bottom:18px}
.quote-catalog-surface__results{
  max-height:420px;
  overflow:auto;
  padding-right:4px;
  align-items:start;
  grid-template-columns:1fr;
}
.quote-catalog-surface__results .catalog-card{
  grid-template-columns:88px minmax(0,1fr);
  align-items:center;
}
.quote-catalog-surface__results .catalog-card__actions{
  justify-content:flex-start;
}
.quote-item-inline-state{
  display:block;
  margin-top:6px;
  color:var(--text-soft);
  font-size:13px;
  font-weight:600;
  overflow-wrap:anywhere;
  word-break:break-word;
}
@media (max-width: 1080px){
  .item-config-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 720px){
  .item-config-grid{grid-template-columns:1fr;}
}


.attachment-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
  margin-top: 12px;
}

.attachment-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(234,223,213,.92);
  border-radius: 18px;
  background: linear-gradient(180deg,#fffaf5 0%,#fff2e7 100%);
  color: inherit;
}

.attachment-card--link {
  text-decoration: none;
}

.attachment-card__preview {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  border-radius: 14px;
  overflow: hidden;
  background: rgba(255,255,255,0.8);
  border: 1px solid rgba(234,223,213,.88);
}

.attachment-card__preview.is-image img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  display: block;
}

.attachment-grid--visual {
  grid-template-columns: repeat(auto-fit, minmax(220px, 280px));
  gap: 18px;
  justify-content: center;
}

.attachment-card--visual {
  gap: 12px;
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
}

.attachment-card__preview--visual {
  min-height: 220px;
  padding: 12px;
  background: linear-gradient(180deg,#fffefc 0%,#fff3e8 100%);
}

.attachment-card__preview--visual.is-image img {
  width: 100%;
  height: 220px;
  object-fit: contain;
  object-position: center;
}

.attachment-card__preview.is-file {
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.attachment-card__filetype {
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255, 122, 0, 0.14);
  color: #ff9e45;
}

.attachment-card__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.attachment-card__body strong {
  font-size: 0.92rem;
  line-height: 1.35;
  word-break: break-word;
  overflow-wrap:anywhere;
}

.attachment-card__body span, .attachment-card__footer {
  font-size: 0.82rem;
  color: var(--text-soft);
}

.attachment-card__footer {
  display: flex;
  align-items: center;
  gap: 8px;
}

.attachment-card__footer input[type="checkbox"]{
  width:18px;
  height:18px;
}

.attachment-card__footer strong{
  color:var(--danger);
}

.quote-item-row--ux .quote-item-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  align-items:stretch;
}
.quote-item-row--ux.is-free-item .quote-item-layout{
  grid-template-columns:1fr;
}
.quote-item-block{
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:14px;
  align-content:start;
  min-width:0;
  min-height:100%;
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(232,221,212,.9);
  background:linear-gradient(180deg, rgba(255,252,248,.99), rgba(255,245,237,.98));
  box-shadow:var(--shadow-sm);
}
.quote-item-block > *{
  min-width:0;
}
.quote-item-block--product{
  background:linear-gradient(180deg,#fff8f1 0%,#fff1e7 100%);
}
.quote-item-block__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.quote-item-block__head strong{
  font-size:1rem;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.quote-item-head__meta{
  display:grid;
  gap:4px;
  min-width:0;
}
.quote-item-head__meta strong{
  display:block;
  overflow:visible;
}
.quote-item-row--ux.is-free-item .quote-item-block--details{
  background:linear-gradient(180deg,#fff 0%,#fffdfa 100%);
}
.quote-item-product__badge{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:14px;
  align-items:start;
  min-width:0;
}
.quote-item-product__media{
  width:72px;
  min-height:72px;
}
.product-thumb{
  width:72px;
  height:72px;
  object-fit:cover;
  border-radius:18px;
  display:block;
  border:1px solid rgba(230,219,210,.85);
  background:#fff;
}
.product-thumb--placeholder{
  display:grid;
  place-items:center;
  font-weight:800;
  color:var(--accent);
  background:rgba(255,141,59,.10);
}
.quote-item-pricing-note{
  display:block;
  margin-top:10px;
  color:var(--text-soft);
}
.quote-item-grid--details{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
}
.quote-item-grid--details > *,
.quote-item-grid--advanced > *{
  min-width:0;
}
.quote-item-grid--details [data-field-role="description"]{
  grid-column:1 / -1;
}
.quote-item-grid--details [data-field-role="quantity"] label{
  white-space:normal;
}
.quote-item-grid--details .form-group.full,
.quote-item-grid--advanced .form-group.full{grid-column:1 / -1}
.quote-item-grid--advanced{
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:4px;
}
.quote-item-billing-summary{
  display:flex;
  align-items:flex-start;
  padding:12px 14px;
  min-height:74px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(242,107,53,.10),rgba(255,241,231,.94));
  color:var(--text-soft);
  border:1px solid rgba(242,107,53,.12);
  line-height:1.5;
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.quote-item-advanced{
  display:grid;
  gap:14px;
  padding-top:6px;
}
.quote-item-service-note{
  font-size:13px;
  line-height:1.5;
  color:var(--text-soft);
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.quote-item-configurator{
  margin-top:0;
  background:linear-gradient(180deg,#f7fbff 0%,#fff 100%);
  border-color:rgba(162,193,222,.32);
}
.quote-item-row--ux.is-free-item [data-field-role="quantity"] input,
.quote-item-row--ux.is-free-item [data-field-role="unit-price"] input{
  font-size:1.05rem;
  font-weight:700;
}
.quote-item-row--ux [data-field-role="total-price"] input{
  background:rgba(245,241,236,.9);
  font-weight:800;
}
.quote-item-row--ux .is-readonly{
  background:rgba(245,241,236,.9);
  color:var(--text-soft);
}
.quote-item-product [data-product-summary]{
  min-width:0;
}
.quote-item-product [data-product-summary] strong,
.quote-item-product [data-product-summary] small{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.quote-item-product__empty,
.quote-item-product__badge,
.quote-item-row--ux .form-group,
.quote-item-row--ux .form-group label,
.quote-item-row--ux .form-group input,
.quote-item-row--ux .form-group select,
.quote-item-row--ux .form-group textarea{
  min-width:0;
}
.quote-item-product__empty,
.quote-item-row--ux .form-group label{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.quote-item-row--ux .form-group input,
.quote-item-row--ux .form-group select,
.quote-item-row--ux .form-group textarea{
  width:100%;
  max-width:100%;
}
.quote-item-configurator__head{
  margin-bottom:12px;
}
.item-config-empty{
  padding:14px 16px;
  border-radius:14px;
  background:rgba(33,77,140,.05);
  color:var(--text-soft);
}
.catalog-card{
  grid-template-columns:96px minmax(0,1fr);
  gap:16px;
  align-items:stretch;
}
.catalog-card__media{
  width:96px;
  height:96px;
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(230,219,210,.85);
  background:rgba(255,141,59,.08);
  display:grid;
  place-items:center;
  color:var(--accent);
  font-size:1.65rem;
  font-weight:800;
}
.catalog-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.catalog-card__body{
  display:grid;
  grid-template-rows:minmax(72px,auto) auto minmax(76px,auto) auto;
  gap:12px;
  min-width:0;
  align-content:start;
}
.product-image-preview{
  margin-top:12px;
  display:grid;
  gap:12px;
}
.product-image-preview img{
  width:140px;
  height:140px;
  object-fit:cover;
  border-radius:18px;
  border:1px solid rgba(230,219,210,.85);
}
.product-image-empty{
  margin-top:12px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(0,0,0,.03);
  color:var(--text-soft);
}
.checkbox-inline{
  display:flex;
  align-items:flex-start;
  gap:10px;
  flex-wrap:wrap;
  color:var(--text-soft);
}
.checkbox-inline input{
  flex:0 0 auto;
  margin-top:3px;
}
.checkbox-inline span{
  min-width:0;
  flex:1 1 auto;
  line-height:1.5;
}
.product-option-card{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(232,221,212,.9);
  background:linear-gradient(180deg,#fff 0%,#fffaf6 100%);
}
.product-option-card__copy{
  display:grid;
  gap:6px;
  min-width:0;
}
.product-option-card__copy small{
  color:var(--text-soft);
  overflow-wrap:break-word;
  word-break:normal;
}
.product-option-card__toggle{
  min-width:min(320px,100%);
  justify-content:flex-end;
}
.product-form-stack{
  display:grid;
  gap:24px;
}
.product-summary-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-bottom:18px;
}
.zap-pricing-card,
.manual-price-card{
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(232,221,212,.9);
  background:#fff;
}
.zap-pricing-card{background:linear-gradient(180deg,rgba(255,141,59,.08) 0%,#fff 100%)}
.manual-price-card{background:linear-gradient(180deg,rgba(32,84,166,.05) 0%,#fff 100%)}
.product-pricing-subpanel{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(232,221,212,.88);
}
.product-pricing-tier-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.is-hidden{display:none !important}
.section-inline-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}
.section-inline-title{display:block;font-weight:700;color:var(--text)}
.section-inline-head small{
  color:var(--text-soft);
  overflow-wrap:anywhere;
  word-break:break-word;
}
.product-variants-intro{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-bottom:16px;
}
.product-variants-intro > div{
  display:grid;
  gap:6px;
  padding:16px 18px;
  border-radius:20px;
  border:1px solid rgba(233,223,214,.9);
  background:linear-gradient(180deg,#fffdfb 0%,#fff5ee 100%);
}
.product-variant-list{
  display:grid;
  gap:16px;
}
.product-variant-card{
  display:grid;
  gap:16px;
  padding:20px;
  border-radius:24px;
  border:1px solid rgba(232,222,213,.9);
  background:linear-gradient(180deg,#fffdfa 0%,#fff3ea 100%);
  box-shadow:var(--shadow-sm);
}
.product-variant-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.product-variant-card__head > div{
  display:grid;
  gap:6px;
}
.product-variant-grid{
  align-items:start;
}
.product-variant-empty{
  padding:18px 20px;
  border-radius:20px;
  border:1px dashed rgba(210,164,135,.65);
  background:rgba(255,247,240,.88);
  color:var(--text-soft);
}
.product-variant-empty.is-hidden{
  display:none;
}
@media (max-width: 760px){
  .catalog-variant-card__prices,
  .catalog-variant-card__actions,
  .product-pricing-tier-grid{
    grid-template-columns:1fr;
  }
  .product-option-card{
    flex-direction:column;
  }
  .product-option-card__toggle{
    min-width:0;
    width:100%;
    justify-content:flex-start;
  }
  .product-summary-strip{
    grid-template-columns:1fr;
  }
  .product-variants-intro{
    grid-template-columns:1fr;
  }
  .product-variant-card{
    padding:18px;
  }
  .product-variant-card__head{
    flex-direction:column;
  }
}
.product-table__meta{display:flex;align-items:center;gap:12px}
.product-table__thumb{
  width:48px;
  height:48px;
  border-radius:14px;
  object-fit:cover;
  border:1px solid rgba(230,219,210,.85);
}
.product-table__thumb--placeholder{
  display:grid;
  place-items:center;
  background:rgba(255,141,59,.10);
  color:var(--accent);
  font-weight:800;
}
.product-filter-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
  align-items:end;
}
.product-filter-grid__search{
  grid-column:span 2;
}
.product-filter-grid__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.product-filter-summary{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-top:20px;
  flex-wrap:wrap;
}
.product-toolbar{
  align-items:center;
}
.product-toolbar__form{
  display:flex;
  min-width:0;
}
.product-import-panel{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  flex-wrap:wrap;
  background:linear-gradient(180deg, #fffaf5 0%, #fff 100%);
}
.product-import-panel h3{
  margin:8px 0 6px;
}
.product-import-panel p{
  margin:0;
  max-width:760px;
  color:var(--text-soft);
}
.product-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(310px,1fr));
  gap:18px;
}
.product-card{
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:18px;
  min-width:0;
  height:100%;
}
.product-card__media{
  width:100%;
  aspect-ratio:16 / 9;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(230,219,210,.85);
  background:linear-gradient(180deg,rgba(255,141,59,.10),rgba(255,255,255,.9));
  display:grid;
  place-items:center;
  color:var(--accent);
  font-size:2.25rem;
  font-weight:800;
}
.product-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.product-card__content{
  display:grid;
  grid-template-rows:minmax(88px,auto) auto minmax(124px,auto) minmax(0,1fr);
  gap:14px;
  min-width:0;
}
.product-card__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
.product-card__head > div{
  min-width:0;
  display:grid;
  gap:6px;
}
.product-card__head h3{
  margin:0;
  font-size:1.15rem;
  line-height:1.25;
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.product-card__head .muted{
  margin:0;
}
.product-card__pricing{
  display:grid;
  gap:6px;
  align-content:start;
  min-height:124px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(232,221,212,.9);
  background:linear-gradient(180deg,#fff9f3 0%,#fff0e4 100%);
}
.product-card__pricing strong{
  display:block;
  margin-top:4px;
  font-size:1.35rem;
}
.product-card__pricing .muted{
  min-height:3.1em;
  margin:0;
}
.product-card__meta{
  display:grid;
  gap:10px;
  align-content:start;
  grid-auto-rows:minmax(88px,auto);
}
.product-card__meta div{
  display:grid;
  gap:4px;
  align-content:start;
  min-height:88px;
  padding:12px 14px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,251,247,.98), rgba(255,244,237,.95));
  border:1px solid rgba(232,221,212,.76);
}
.product-card__meta span{
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text-soft);
}
.product-card__meta strong,
.product-card__meta a{
  font-size:.95rem;
  line-height:1.45;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.product-card__actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
  margin-top:auto;
}
.product-card__actions form{
  margin:0;
  display:flex;
}
.product-card__actions .btn,
.product-card__actions form .btn{
  width:100%;
  min-height:48px;
  padding:0 16px;
  border-radius:16px;
  font-size:14px;
}
.product-empty-state{
  display:grid;
  gap:10px;
  grid-column:1 / -1;
}
.product-empty-state .action-cluster{
  margin-top:8px;
}
@media (max-width: 1180px){
  .quote-item-row--ux .quote-item-layout{grid-template-columns:1fr}
}
@media (max-width: 1320px){
  .editor-layout{grid-template-columns:1fr}
  .sidebar-sticky-card{
    position:static;
    top:auto;
  }
  .quote-editor-layout{
    grid-template-columns:1fr;
  }
  .quote-editor-sidebar{
    order:-1;
  }
}
@media (max-width: 1180px){
  .quote-editor-layout{
    grid-template-columns:1fr;
  }
  .quote-editor-sidebar .sidebar-sticky-card{
    position:static;
    top:auto;
    will-change:auto;
  }
}
@media (max-width: 780px){
  .catalog-card{grid-template-columns:1fr}
  .catalog-card__media{width:100%;height:180px}
  .quote-catalog-surface__results .catalog-card{grid-template-columns:1fr}
  .catalog-family-card__media{height:160px}
  .catalog-variant-card__head{grid-template-columns:1fr}
  .catalog-variant-card__actions .btn{width:100%}
  .quote-item-grid--details,
  .quote-item-grid--advanced{grid-template-columns:1fr}
  .quote-editor-shell .page-intro{
    padding:24px 20px;
    border-radius:28px;
  }
  .quote-editor-shell .page-intro-copy h2{
    font-size:clamp(1.8rem, 8vw, 2.4rem);
  }
  .quote-context-surface{
    padding:18px;
    border-radius:22px;
  }
  .quote-stage-toolbar{
    flex-direction:column;
    align-items:flex-start;
  }
  .quote-stage-toolbar__count{
    justify-items:start;
    text-align:left;
  }
  .quote-builder-empty{
    padding:24px;
    border-radius:24px;
  }
  .product-card__head,
  .product-filter-summary{
    grid-template-columns:1fr;
    display:grid;
  }
  .product-card__actions{
    grid-template-columns:1fr;
    justify-content:stretch;
  }
  .product-card__actions .btn,
  .product-card__actions form,
  .product-card__actions form .btn{
    width:100%;
  }
}
@media (max-width: 1120px){
  .quote-item-grid--details{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-filter-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .product-filter-grid__search{
    grid-column:1 / -1;
  }
  .product-filter-grid__actions{
    grid-column:1 / -1;
    justify-content:flex-start;
  }
  .product-import-panel{
    flex-direction:column;
  }
}
@media (max-width: 640px){
  .product-filter-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width: 900px){
  .quote-catalog-surface__results{
    max-height:360px;
  }
  .quote-item-actions{
    justify-content:stretch;
  }
  .quote-item-actions > *{
    flex:1 1 calc(50% - 10px);
  }
  .quote-item-actions .btn{
    width:100%;
  }
  .deadline-ticket__meta,
  .deadline-ticket__foot,
  .kanban-meta{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media (max-width: 640px){
  .quote-item-actions{
    flex-direction:column;
  }
  .quote-item-actions > *{flex:1 1 auto;width:100%}
  .quote-builder-empty__actions{
    flex-direction:column;
  }
  .quote-builder-empty__actions .btn{
    width:100%;
  }
  .quote-editor-shell .detail-subnav{
    gap:8px;
    padding:10px;
  }
  .quote-editor-shell .detail-subnav a{
    flex:1 1 calc(50% - 8px);
  }
  .quote-editor-sidebar .quote-summary-card__meta{
    grid-template-columns:1fr;
  }
}
@media (max-width: 760px){
  .pagination-shell{
    align-items:flex-start;
    flex-direction:column;
  }
  .pagination-nav{
    width:100%;
  }
  .pagination-link,
  .pagination-gap{
    flex:0 0 auto;
  }
  .mobile-drawer{
    padding:18px 16px calc(22px + env(safe-area-inset-bottom));
    overflow:auto;
  }
  .module-nav{
    gap:8px;
    padding:8px 4px 4px;
  }
  .module-tab{
    padding:12px 14px;
    border-radius:16px;
  }
  .quote-catalog-surface{
    padding:14px;
    border-radius:20px;
  }
  .quote-catalog-surface__results{
    max-height:320px;
  }
  .quote-item-row--ux .quote-item-layout{
    gap:14px;
  }
  .quote-item-block{
    padding:14px;
    border-radius:18px;
  }
  .quote-item-product__badge{
    grid-template-columns:56px minmax(0,1fr);
    gap:12px;
  }
  .quote-item-product__media,
  .product-thumb{
    width:56px;
    height:56px;
    min-height:56px;
    border-radius:14px;
  }
  .attachment-card__preview{
    min-height:120px;
  }
  .attachment-card__preview.is-image img{
    height:140px;
  }
  .attachment-card__preview--visual{
    min-height:160px;
    padding:10px;
  }
  .attachment-card__preview--visual.is-image img{
    height:160px;
  }
  .catalog-modal__dialog{
    width:100vw;
    height:100vh;
    max-height:100vh;
    margin:0;
    padding:18px 14px calc(24px + env(safe-area-inset-bottom));
    border-radius:0;
  }
  .catalog-modal__head{
    position:sticky;
    top:-18px;
    z-index:2;
    padding:2px 0 12px;
    background:#fff;
  }
}
@media (min-width: 1024px){
  .mobile-nav-button--mobile{display:none}
}

/* Finance refresh */
.finance-shell-upgraded{
  display:grid;
  gap:22px;
}
.finance-detail-shell{
  display:grid;
  gap:20px;
}
.finance-detail-shell__head{
  align-items:flex-end;
}
.finance-month-toolbar{
  display:grid;
  grid-template-columns:minmax(180px,220px) auto;
  gap:14px;
  align-items:end;
}
.finance-detail-hero{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  flex-wrap:wrap;
}
.finance-detail-alert{margin:0}
.finance-detail-summary-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.finance-detail-card{
  padding:18px 20px;
  border-radius:22px;
  border:1px solid rgba(234,223,213,.88);
  background:linear-gradient(180deg,#fff 0%,#fff8f3 100%);
  box-shadow:var(--shadow-sm);
  display:grid;
  gap:8px;
}
.finance-detail-card strong{
  font-size:1.35rem;
  line-height:1.1;
}
.finance-detail-chart-grid,
.finance-detail-data-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.finance-order-list{
  display:grid;
  gap:14px;
}
.finance-order-card{
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(234,223,213,.88);
  background:var(--bg-soft);
  display:grid;
  gap:12px;
}
.finance-order-card__head,
.finance-order-card__foot{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  flex-wrap:wrap;
}
.finance-order-card__head span{
  display:block;
  color:var(--text-soft);
  margin-top:4px;
}
.finance-order-card__badges{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.finance-order-card__meta{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.finance-order-card__meta div{
  padding:12px 14px;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(234,223,213,.88);
  display:grid;
  gap:6px;
}
.finance-order-card__meta span{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--text-faint);
  font-weight:700;
}
.finance-order-card__foot small{color:var(--text-soft)}
.finance-detail-warning{
  color:var(--warning);
  font-weight:700;
}
.finance-flag-list{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.finance-flag-badge{
  white-space:normal;
  text-align:left;
}
.finance-row-actions{
  display:grid;
  gap:8px;
}
.finance-panel,
.finance-hero-card,
.finance-rate-card,
.finance-insight-card,
.finance-collection-item{min-width:0}
.finance-kpi-grid > .mini-metric-card,
.finance-hero-card,
.finance-rate-card,
.finance-insight-card{
  overflow:visible;
}
.finance-kpi-grid > .mini-metric-card,
.finance-hero-card,
.finance-rate-card,
.finance-insight-card{
  isolation:isolate;
}
.finance-kpi-grid > .mini-metric-card:hover,
.finance-kpi-grid > .mini-metric-card:focus-within,
.finance-hero-card:hover,
.finance-hero-card:focus-within,
.finance-rate-card:hover,
.finance-rate-card:focus-within,
.finance-insight-card:hover,
.finance-insight-card:focus-within{
  z-index:8;
}
.finance-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.24fr) minmax(320px,.76fr);
  gap:18px;
}
.finance-hero-card{
  position:relative;
  padding:26px;
  border-radius:32px;
  color:#fff;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.15), transparent 22%),
    linear-gradient(135deg, var(--graphite) 0%, var(--graphite-2) 58%, #5b311f 100%);
  box-shadow:var(--shadow-lg);
}
.finance-hero-card::after{
  content:"";
  position:absolute;
  right:-54px;
  bottom:-54px;
  width:180px;
  height:180px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,255,255,.18), transparent 68%);
}
.finance-hero-card__head,
.finance-hero-meta,
.finance-chart-meta,
.finance-collection-item,
.finance-annual-insights,
.finance-insight-grid{position:relative;z-index:1}
.finance-hero-card__head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
}
.finance-hero-card__head h3{
  margin:8px 0 0;
  font-size:clamp(1.8rem, 3.2vw, 2.5rem);
  line-height:1;
  letter-spacing:-.05em;
}
.finance-hero-card__head p{
  margin:10px 0 0;
  max-width:660px;
  color:rgba(255,255,255,.74);
  line-height:1.6;
}
.finance-hero-badge{
  display:grid;
  gap:6px;
  min-width:140px;
  padding:14px 16px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(6px);
}
.finance-hero-badge span{
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(255,255,255,.72);
}
.finance-hero-badge strong{
  font-size:1.35rem;
  line-height:1;
}
.finance-hero-badge.is-positive strong{color:#ffe1d3}
.finance-hero-badge.is-neutral strong{color:#fff}
.finance-hero-total{
  position:relative;
  z-index:1;
  margin-top:22px;
  font-size:clamp(2.5rem, 4vw, 3.9rem);
  line-height:.92;
  letter-spacing:-.08em;
  font-weight:800;
}
.finance-hero-subtitle{
  position:relative;
  z-index:1;
  margin:10px 0 0;
  color:rgba(255,255,255,.74);
}
.finance-progress-track{
  position:relative;
  overflow:hidden;
  margin-top:20px;
  height:12px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
}
.finance-progress-track span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, #f26b35 0%, #ffb287 100%);
}
.finance-hero-meta{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:22px;
}
.finance-hero-meta div{
  display:grid;
  gap:6px;
  padding:14px 16px;
  border-radius:22px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
}
.finance-hero-meta span{
  color:rgba(255,255,255,.68);
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.finance-hero-card .info-popover,
.finance-hero-card .info-popover[hidden]{
  color:var(--text-soft);
  font-size:13px;
  font-weight:500;
  line-height:1.55;
  text-transform:none;
  letter-spacing:normal;
}
.finance-hero-meta strong{
  font-size:1.04rem;
  line-height:1.25;
}
.finance-rate-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.finance-rate-card,
.finance-insight-card{
  display:grid;
  gap:10px;
  padding:22px;
  border-radius:26px;
  border:1px solid rgba(234,223,213,.88);
  background:linear-gradient(180deg, rgba(255,252,249,.99), rgba(255,243,234,.98));
  box-shadow:var(--shadow-md);
}
.finance-metric-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  position:relative;
  z-index:2;
}
.finance-metric-head .info-popover-wrap{z-index:3}
.finance-metric-head--light .info-trigger{
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.10);
  color:#fff;
  box-shadow:none;
}
.finance-metric-head--light .info-trigger:hover,
.finance-metric-head--light .info-trigger[aria-expanded="true"]{
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.26);
  color:#fff;
}
.finance-metric-head .mini-label,
.finance-metric-head .eyebrow{
  margin:0;
}
.finance-rate-card strong,
.finance-insight-card strong{
  font-size:clamp(1.35rem, 2.2vw, 2rem);
  line-height:1.04;
  letter-spacing:-.05em;
}
.finance-rate-card p,
.finance-insight-card p{
  margin:0;
  color:var(--text-soft);
  line-height:1.55;
}
.finance-kpi-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:18px;
}
.finance-chart-grid{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(320px,.8fr);
  gap:18px;
}
.finance-chart-stack{
  display:grid;
  gap:18px;
}
.finance-header-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.finance-data-pill{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 12px;
  border-radius:999px;
  background:var(--brand-soft);
  color:var(--brand-strong);
  font-size:12px;
  font-weight:700;
}
.finance-chart-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:18px;
}
.finance-chart-meta div,
.finance-annual-insights div{
  display:grid;
  gap:6px;
  padding:14px 16px;
  border-radius:18px;
  background:var(--bg-soft);
}
.finance-chart-meta span,
.finance-annual-insights span{
  color:var(--text-soft);
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.finance-chart-meta strong,
.finance-annual-insights strong{
  font-size:1.05rem;
  line-height:1.25;
}
.finance-annual-insights small{
  color:var(--text-soft);
  line-height:1.4;
}
.finance-annual-insights{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.finance-goal-status{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
  min-width:0;
  padding:0;
  background:transparent;
  color:inherit;
  font-size:inherit;
  font-weight:inherit;
  border-radius:0;
}
.finance-goal-status .info-row{
  grid-template-columns:1fr;
  gap:6px;
  align-content:start;
}
.finance-goal-status .info-row strong{
  justify-self:start;
  text-align:left;
  font-size:1.05rem;
  letter-spacing:-.02em;
}
.finance-focus-grid{
  align-items:start;
}
.finance-collection-list{
  display:grid;
  gap:12px;
}
.finance-collection-item{
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid rgba(234,223,213,.88);
  background:linear-gradient(180deg, #fffdfa 0%, #fff7f1 100%);
}
.finance-collection-item__meta{
  display:grid;
  gap:4px;
  min-width:0;
}
.finance-collection-item__meta strong{
  font-size:1.05rem;
  line-height:1.3;
}
.finance-collection-item__meta span{
  color:var(--text-soft);
}
.finance-collection-item__meta small{
  color:var(--text-faint);
  line-height:1.5;
}
.finance-collection-item__values{
  display:grid;
  gap:8px;
  justify-items:end;
  text-align:right;
}
.finance-collection-item__values span{
  color:var(--text-soft);
  font-size:12px;
  font-weight:700;
}
.finance-collection-item__values strong{
  font-size:1.25rem;
  line-height:1.05;
  letter-spacing:-.04em;
}
.finance-insight-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.finance-shell-upgraded .goal-row,
.finance-shell-upgraded .finance-chart-meta div,
.finance-shell-upgraded .finance-annual-insights div,
.finance-shell-upgraded .finance-collection-item,
.finance-shell-upgraded .finance-insight-card,
.finance-shell-upgraded .finance-rate-card{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.finance-shell-upgraded .goal-row,
.finance-shell-upgraded .finance-chart-meta div,
.finance-shell-upgraded .finance-annual-insights div{
  background:linear-gradient(180deg, rgba(255,251,247,.98), rgba(255,243,235,.96));
  border:1px solid rgba(236,225,216,.82);
}
.table tbody tr,
.table tfoot tr{
  background:linear-gradient(180deg, rgba(255,252,248,.99), rgba(255,244,236,.97));
}
.finance-shell-upgraded .goal-row{
  align-items:flex-start;
}
.finance-shell-upgraded .goal-row strong{
  text-align:right;
}

@media (max-width: 1180px){
  .finance-hero-grid,
  .finance-chart-grid{
    grid-template-columns:1fr;
  }
  .finance-detail-summary-grid,
  .finance-detail-chart-grid,
  .finance-detail-data-grid{
    grid-template-columns:1fr;
  }
  .finance-hero-meta,
  .finance-annual-insights{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 980px){
  .finance-rate-grid,
  .finance-insight-grid,
  .finance-hero-meta,
  .finance-chart-meta,
  .finance-annual-insights{
    grid-template-columns:1fr 1fr;
  }
  .finance-order-card__meta{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .finance-month-toolbar{
    grid-template-columns:1fr;
  }
  .finance-collection-item{
    grid-template-columns:1fr;
  }
  .finance-collection-item__values{
    justify-items:start;
    text-align:left;
  }
}
@media (max-width: 760px){
  .page-intro,
  .page-frame__hero{
    padding:18px;
    border-radius:24px;
  }
  .finance-hero-card,
  .finance-rate-card,
  .finance-insight-card,
  .finance-collection-item{
    padding:18px;
    border-radius:22px;
  }
  .finance-hero-card__head{
    flex-direction:column;
  }
  .finance-hero-card__head,
  .finance-rate-grid,
  .finance-insight-grid,
  .finance-hero-meta,
  .finance-chart-meta,
  .finance-annual-insights,
  .finance-goal-status,
  .finance-kpi-grid,
  .finance-detail-summary-grid{
    grid-template-columns:1fr;
  }
  .finance-order-card__meta{
    grid-template-columns:1fr;
  }
  .finance-hero-badge{
    min-width:0;
  }
  .info-popover{
    right:auto;
    left:0;
    width:min(280px, calc(100vw - 48px));
  }
}

/* Quote builder refinements */
.quote-editor-shell .quote-editor-sidebar{
  align-self:start;
}
.quote-editor-shell .quote-editor-sidebar .sidebar-sticky-card{
  position:sticky;
  top:calc(var(--header-height) + 20px);
}
.quote-editor-shell .quote-builder,
.quote-editor-shell .quote-item-list,
.quote-editor-shell .quote-builder-empty,
.quote-editor-shell .quote-builder-tail,
.quote-editor-shell .quote-item-row,
.quote-editor-shell .quote-item-head,
.quote-editor-shell .quote-item-layout,
.quote-editor-shell .quote-item-block,
.quote-editor-shell .quote-item-grid--details,
.quote-editor-shell .quote-item-grid--advanced,
.quote-editor-shell .quote-item-actions,
.catalog-modal__dialog--catalog,
.catalog-grid--families,
.catalog-category-block,
.catalog-family-grid,
.catalog-family-card,
.catalog-family-card__body,
.catalog-variant-grid,
.catalog-variant-card,
.catalog-variant-card__head,
.catalog-variant-card__summary,
.catalog-variant-card__notes,
.catalog-variant-card__footer,
.catalog-variant-card__prices,
.catalog-variant-card__actions{
  min-width:0;
}
.catalog-grid--families{
  display:flex;
  flex-direction:column;
  gap:24px;
  width:100%;
}
.catalog-category-block{
  width:100%;
  overflow:hidden;
}
.catalog-category-block__head{
  align-items:flex-start;
}
.catalog-family-grid{
  grid-template-columns:1fr;
  gap:18px;
}
.catalog-family-card{
  grid-template-columns:minmax(76px,92px) minmax(0,1fr);
  align-items:start;
}
.catalog-family-card__body{
  display:grid;
  gap:14px;
  align-content:start;
}
.catalog-family-card__summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.catalog-family-card__summary > div{
  display:grid;
  gap:6px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(232,221,212,.88);
  background:linear-gradient(180deg,#fffaf5 0%,#fff2e8 100%);
}
.catalog-family-card__summary span{
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text-soft);
}
.catalog-family-card__summary strong{
  font-size:1.02rem;
  line-height:1.3;
}
.catalog-family-card__actions{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
}
.catalog-family-card__actions .btn{
  min-height:50px;
}
.catalog-family-card__notes{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:10px;
}
.catalog-family-card__notes span{
  padding:10px 12px;
  border-radius:14px;
  background:linear-gradient(180deg,#fffaf5 0%,#fff2e8 100%);
  border:1px solid rgba(232,221,212,.84);
}
.catalog-variant-grid{
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:14px;
}
.catalog-variant-card{
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr) auto;
  gap:12px;
  height:100%;
  overflow:hidden;
}
.catalog-variant-card__head{
  display:grid;
  gap:6px;
}
.catalog-variant-card__head strong{
  font-size:1.02rem;
  line-height:1.35;
}
.catalog-variant-card__head small{
  margin:0;
  line-height:1.45;
}
.catalog-variant-card__summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(232,221,212,.88);
  background:linear-gradient(180deg,#fffaf5 0%,#fff2e8 100%);
}
.catalog-variant-card__summary span{
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text-soft);
}
.catalog-variant-card__summary strong{
  font-size:1.08rem;
  line-height:1.15;
  text-align:right;
}
.catalog-variant-card__notes{
  display:grid;
  gap:8px;
  min-height:0;
}
.catalog-variant-card__notes span{
  max-width:100%;
}
.catalog-variant-card__footer{
  display:grid;
  gap:12px;
  margin-top:auto;
}
.catalog-variant-card__prices{
  grid-template-columns:repeat(auto-fit,minmax(96px,1fr));
}
.catalog-variant-card__actions{
  grid-template-columns:repeat(auto-fit,minmax(116px,1fr));
}
.catalog-variant-card__actions .btn{
  min-height:50px;
  padding:10px 14px;
}
.catalog-configurator{
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(233,222,214,.92);
  background:linear-gradient(180deg,#fffdfb 0%,#fff6ef 100%);
}
.catalog-configurator__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.catalog-configurator__field{
  display:grid;
  gap:8px;
  min-width:0;
}
.catalog-configurator__field span{
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text-soft);
}
.catalog-configurator__field select{
  width:100%;
}
.catalog-configurator__summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(232,221,212,.88);
  background:rgba(255,255,255,.78);
}
.catalog-configurator__summary div{
  display:grid;
  gap:4px;
}
.catalog-configurator__summary small,
.catalog-configurator__summary span{
  color:var(--text-soft);
}
.catalog-configurator__actions{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
}
.catalog-configurator__actions .btn{
  min-height:50px;
}
@media (max-width: 980px){
  .catalog-family-card__summary,
  .catalog-configurator__grid,
  .catalog-configurator__actions{
    grid-template-columns:1fr;
  }
  .catalog-family-card{
    grid-template-columns:1fr;
  }
  .catalog-family-card__media{
    width:100%;
    height:160px;
  }
}
@media (max-width: 760px){
  .catalog-family-card__notes,
  .catalog-variant-grid,
  .catalog-variant-card__prices,
  .catalog-variant-card__actions,
  .catalog-family-card__actions{
    grid-template-columns:1fr;
  }
  .catalog-variant-card__summary{
    flex-direction:column;
    align-items:flex-start;
  }
  .catalog-configurator__summary{
    flex-direction:column;
    align-items:flex-start;
  }
  .quote-editor-shell .quote-editor-sidebar .sidebar-sticky-card{
    position:static;
    top:auto;
  }
}

/* Fix: keep form/editor sections visible even when reveal animations do not fire on tall desktop layouts. */
.editor-layout .is-animated,
.quote-editor-layout .is-animated{
  opacity:1;
  transform:none;
}

@media (max-width: 1320px){
  .quote-editor-shell .quote-editor-sidebar .sidebar-sticky-card{
    position:static;
    top:auto;
    will-change:auto;
  }
}