@font-face {
  font-family: "Inter";
  src: url("/fonts/Inter-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Sora";
  src: url("/fonts/Sora-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
}

:root {
  color-scheme: light;
  --ink-950: #0b2d5b;
  --ink-900: #0b2d5b;
  --ink-800: #163d6d;
  --ink-700: #28527f;
  --blue-700: #2563eb;
  --blue-600: #2563eb;
  --blue-100: #eaf4ff;
  --cyan-600: #10b981;
  --amber-500: #f59e0b;
  --coral-500: #14b8a6;
  --green-600: #10b981;
  --red-600: #d84854;
  --surface: #ffffff;
  --canvas: #eaf4ff;
  --line: #dce4ee;
  --line-strong: #c9d5e3;
  --muted: #64758b;
  --text: #1f2937;
  --primary: var(--blue-600);
  --primary-soft: var(--blue-100);
  --ink-600: #52657a;
  --ink-500: #718197;
  --shadow-sm: 0 1px 3px rgba(15, 35, 55, 0.08);
  --shadow-md: 0 14px 36px rgba(15, 35, 55, 0.14);
  --radius: 16px;
  --sidebar: 255px;
  --font-heading: "Sora", Inter, ui-sans-serif, sans-serif;
  --font-body: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-family: var(--font-body);
}

.payment-report-shell,
.payment-report-shell > * { min-width: 0; max-width: 100%; }
.payment-report-shell .report-table-card > .table-wrap { width: 100%; max-width: 100%; overflow-x: auto; }

.section-marketplace-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.section-purchased-state:disabled { opacity: 1; color: #2563eb; background: #e8f2f6; border-color: #bdd9e4; }
.partial-return-reference { display: grid; gap: 16px; }
.partial-return-title { min-height: 76px; display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; }
.partial-return-title h1, .partial-return-list h2 { margin: 0; font-size: 16px; }
.partial-return-title p, .partial-return-list p { margin: 4px 0 0; color: #64748b; font-size: 12px; }
.partial-return-list > header { padding: 18px 20px; border-bottom: 1px solid #e2e8f0; }
.customers-reference-shell { display: grid; gap: 14px; }
.customers-reference-title { min-height: 78px; display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; }
.customers-reference-title h1, .customers-reference-filters h2 { margin: 0; font-size: 16px; }
.customers-reference-title p, .customers-reference-filters p { margin: 4px 0 0; color: #64748b; font-size: 12px; }
.customers-reference-filters { padding: 18px 20px; }
.customers-reference-filters > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.customers-reference-filter-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 14px; }
.customer-filter-search { position: relative; display: block; }
.customer-filter-search > svg { position: absolute; left: 12px; top: 50%; translate: 0 -50%; color: #6b7d93; z-index: 1; }
.customer-filter-search .field { padding-left: 40px; }
.customers-reference-table { overflow: hidden; }
.invoice-reference-shell { display: grid; gap: 14px; }
.invoice-reference-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.invoice-reference-metrics > article { min-height: 112px; display: flex; align-items: center; gap: 14px; padding: 18px; }
.invoice-reference-metrics > article > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 6px; background: #e8f2f6; color: #2563eb; }
.invoice-reference-metrics small { color: #61738f; font-size: 11px; }
.invoice-reference-metrics h2 { margin: 3px 0; color: #162439; font-size: 19px; }
.invoice-reference-metrics p { margin: 0; color: #718197; font-size: 10px; }
.invoice-reference-toolbar { display: flex; align-items: center; gap: 9px; padding: 14px 16px; }
.invoice-reference-toolbar > label { position: relative; flex: 1; }
.invoice-reference-toolbar > label > svg { position: absolute; left: 12px; top: 50%; translate: 0 -50%; color: #64748b; }
.invoice-reference-toolbar > label .field { padding-left: 40px; }
.invoice-reference-list { overflow: hidden; }
.invoice-reference-list > header { padding: 13px 16px; border-bottom: 1px solid #e2e8f0; color: #64748b; font-size: 12px; }
.invoice-reference-empty { min-height: 250px; display: grid; place-content: center; justify-items: center; color: #64748b; text-align: center; }
.invoice-reference-empty > svg { width: 46px; height: 46px; padding: 11px; border-radius: 50%; background: #edf4f7; color: #2563eb; }
.invoice-reference-empty h2 { margin: 14px 0 4px; color: #1e293b; font-size: 16px; }
.invoice-reference-empty p { margin: 0; font-size: 12px; }
.campaign-report-reference { display: grid; gap: 14px; }
.campaign-report-filter { display: grid; grid-template-columns: 1.4fr 1fr auto; align-items: end; gap: 14px; padding: 18px; }
.campaign-date-range { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.campaign-report-tabs { display: flex; gap: 22px; border-bottom: 1px solid #dce4ec; }
.campaign-report-tabs button { padding: 12px 2px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #61738f; font: inherit; font-weight: 700; }
.campaign-report-tabs button.active { border-bottom-color: #2563eb; color: #2563eb; }
.campaign-report-kicker { margin: 5px 0 11px; color: #51647e; font-size: 12px; letter-spacing: .08em; }
.grid.five { grid-template-columns: repeat(5,minmax(0,1fr)); }
.campaign-report-chart { padding: 18px; }
.campaign-report-chart h2 { margin: 0 0 12px; font-size: 15px; }
.campaign-report-chart > div { min-height: 220px; display: grid; place-content: center; justify-items: center; color: #718197; }
.campaign-report-chart > div > svg { width: 42px; height: 42px; }
@media (max-width: 1000px) { .invoice-reference-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }.invoice-reference-toolbar { flex-wrap: wrap; }.invoice-reference-toolbar > label { flex-basis: 100%; }}
@media (max-width: 1000px) { .grid.five { grid-template-columns: repeat(2,minmax(0,1fr)); }.campaign-report-filter { grid-template-columns: 1fr 1fr; }.campaign-report-filter .button { grid-column: 1/-1; }}
@media (max-width: 560px) { .invoice-reference-metrics { grid-template-columns: 1fr; }.invoice-reference-toolbar .button { flex: 1; }}
@media (max-width: 800px) { .customers-reference-title, .customers-reference-filters > header { align-items: flex-start; flex-direction: column; }.customers-reference-filter-grid { grid-template-columns: 1fr; }.customers-reference-title .button-row { width: 100%; }.customers-reference-title .button { flex: 1; }}
.mobile-home-builder-reference { min-height: calc(100vh - 122px); margin: -24px; background: #f1f3f7; color: #1e293b; }
.mobile-builder-toolbar { height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border-bottom: 1px solid #d7dee8; background: #fff; }
.mobile-builder-toolbar > strong { font-size: 15px; }
.mobile-builder-toolbar > div { display: flex; gap: 8px; }
.mobile-builder-toolbar button { min-height: 34px; padding: 0 14px; border: 1px solid #d3dce7; border-radius: 4px; background: #fff; color: #314158; font: inherit; cursor: pointer; }
.mobile-builder-toolbar button.primary { border-color: #2563eb; background: #2563eb; color: #fff; }
.mobile-builder-save-state { align-self: center; color: #64748b; font-size: 11px; }
.mobile-builder-save-state.dirty { color: #b45309; font-weight: 700; }
.mobile-builder-workspace { min-height: calc(100vh - 180px); display: grid; grid-template-columns: 232px minmax(0,1fr); }
.mobile-builder-workspace > aside { padding: 20px 14px; border-right: 1px solid #d7dee8; background: #fff; }
.mobile-builder-workspace > aside h2 { margin: 0 8px 14px; font-size: 14px; }
.mobile-builder-workspace > aside button { width: 100%; display: flex; align-items: center; gap: 10px; min-height: 42px; margin: 3px 0; padding: 0 12px; border: 1px solid transparent; border-radius: 4px; background: transparent; color: #334155; text-align: left; cursor: pointer; }
.mobile-builder-workspace > aside button:hover, .mobile-builder-workspace > aside button.active { border-color: #bcdbe7; background: #edf7fa; color: #2563eb; }
.mobile-builder-workspace > main { display: grid; place-items: start center; padding: 34px; }
.mobile-builder-canvas { width: min(460px,100%); min-height: 680px; padding: 20px; border: 1px solid #d7dee8; border-radius: 6px; background: #fff; box-shadow: 0 8px 26px #0f274218; }
.mobile-builder-canvas h1 { margin: 0; font-size: 18px; }
.mobile-builder-canvas > p { color: #64748b; font-size: 12px; }
.mobile-builder-empty { min-height: 490px; display: grid; place-content: center; justify-items: center; gap: 10px; border: 1px dashed #cbd5e1; color: #64748b; text-align: center; }
.mobile-builder-empty > span { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; background: #e8f2f6; color: #2563eb; }
.mobile-builder-warning { padding: 10px; border: 1px solid #f4d394; border-radius: 4px; background: #fff8e8; color: #7c5707!important; }
.mobile-builder-section-list { display: grid; gap: 8px; margin: 18px 0; }
.mobile-builder-section-row { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 10px; min-height: 64px; padding: 10px 12px; border: 1px solid #d8e1eb; border-radius: 8px; background: #fff; cursor: pointer; }
.mobile-builder-section-row.selected { border-color: #1682a5; box-shadow: 0 0 0 2px #1682a51f; }
.mobile-builder-section-row > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 8px; background: #eaf6fa; color: #2563eb; }
.mobile-builder-section-row > div { min-width: 0; }
.mobile-builder-section-row strong, .mobile-builder-section-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mobile-builder-section-row small { margin-top: 3px; color: #718096; font-size: 11px; }
.mobile-builder-section-row nav { display: flex; gap: 4px; }
.mobile-builder-section-row nav button { width: 32px; height: 32px; display: grid; place-items: center; padding: 0; border: 1px solid #d8e1eb; border-radius: 6px; background: #fff; color: #405168; cursor: pointer; }
.mobile-builder-section-row nav button:hover:not(:disabled) { border-color: #1682a5; color: #2563eb; }
.mobile-builder-section-row nav button:disabled { opacity: .35; cursor: default; }
.mobile-builder-properties { display: grid; gap: 12px; margin-top: 18px; padding: 16px; border: 1px solid #d8e1eb; border-radius: 8px; background: #f8fafc; }
.mobile-builder-properties h2 { margin: 0; font-size: 14px; }
.mobile-builder-published-note { display: flex; align-items: center; gap: 7px; padding: 10px; border: 1px solid #bde0cf; border-radius: 6px; background: #f0faf5; color: #18724c!important; }
.mobile-preview-block { min-height: 92px!important; display: grid; grid-template-columns: 34px minmax(0,1fr); align-content: center; gap: 3px 10px; padding: 16px!important; border-bottom: 1px solid #e2e8f0; background: #fff!important; }
.mobile-preview-block > span { grid-row: 1/3; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 7px; background: #eaf6fa; color: #2563eb; }
.mobile-preview-block strong, .mobile-preview-block small { display: block; }
.mobile-preview-block small { color: #718096; font-size: 10px; }
.mobile-template-choice { display: grid; justify-items: center; gap: 12px; padding: 16px; text-align: center; }
.mobile-template-choice > span { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 8px; background: #e8f2f6; color: #2563eb; }
.mobile-template-choice h3, .mobile-template-choice p { margin: 0; }
.mobile-builder-phone { width: 300px; min-height: 560px; margin: 0 auto; overflow: hidden; border: 10px solid #152238; border-radius: 34px; background: #fff; }
.mobile-builder-phone > div { padding: 18px 14px 12px; border-bottom: 1px solid #e2e8f0; }
.mobile-builder-phone > div span { display: block; margin-top: 5px; color: #64748b; font-size: 10px; }
.mobile-builder-phone > section { min-height: 220px; padding: 28px 18px; background: linear-gradient(145deg,#eef8fb,#fff5df); }
.mobile-builder-phone h3 { font-size: 27px; }
@media (max-width: 720px) { .mobile-home-builder-reference { margin: -16px; }.mobile-builder-workspace { grid-template-columns: 1fr; }.mobile-builder-workspace > aside { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-right: 0; border-bottom: 1px solid #d7dee8; }.mobile-builder-workspace > aside h2 { grid-column: 1/-1; }.mobile-builder-workspace > main { padding: 16px; }.mobile-builder-toolbar > strong, .mobile-builder-save-state { display: none; }.mobile-builder-toolbar { height: auto; min-height: 58px; justify-content: flex-end; }.mobile-builder-toolbar > div { flex-wrap: wrap; justify-content: flex-end; padding: 8px 0; }.partial-return-title { align-items: flex-start; flex-direction: column; gap: 12px; }}

* { box-sizing: border-box; }

[hidden] { display: none !important; }

html, body { margin: 0; min-height: 100%; background: var(--canvas); color: var(--text); }

button, input, select, textarea { font: inherit; }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }

.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

.app-shell { min-height: 100vh; display: grid; grid-template-columns: var(--sidebar) minmax(0, 1fr); }

.sidebar {
  position: sticky; top: 0; height: 100vh; z-index: 30; display: flex; flex-direction: column;
  background: #0b2d5b; color: #d9e8f4;
  border-right: 1px solid rgba(255,255,255,.08); overflow: hidden;
}

.brand-row { height: 66px; display: flex; align-items: center; gap: 11px; padding: 0 16px; border-bottom: 1px solid rgba(255,255,255,.1); }
.brand-mark { position: relative; width: 28px; height: 28px; flex: 0 0 auto; background: url("/icons/tenyro-mark.svg") center/contain no-repeat; transform: none; }
.brand-mark::before, .brand-mark::after { display: none; }
.brand-lockup { min-width: 0; display: grid; gap: 1px; }
.brand-name { color: #fff; font: 750 21px/1 var(--font-heading); letter-spacing: .055em; }
.brand-name span { color: inherit; font-weight: inherit; }
.brand-tagline { color: #aec8e2; font-size: 8px; line-height: 1; letter-spacing: .055em; white-space: nowrap; }
.gear-button { margin-left: auto; color: #dcecff; background: transparent; border: 0; padding: 8px; border-radius: 9px; }
.gear-button:hover, .gear-button:focus-visible { background: rgba(255,255,255,.1); }

.nav-scroll { flex: 1; overflow-y: auto; padding: 12px 10px; scrollbar-width: thin; }
.nav-section-label { padding: 14px 12px 7px; color: #8eb0c9; font-size: 11px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.nav-link, .nav-group-toggle {
  width: 100%; min-height: 42px; display: flex; align-items: center; gap: 11px; padding: 0 12px;
  color: #d8e7f2; background: transparent; border: 0; border-radius: 9px; text-decoration: none;
  font-size: 14px; text-align: left; transition: background .16s, color .16s;
}
.nav-link:hover, .nav-group-toggle:hover { background: rgba(255,255,255,.075); color: #fff; }
.nav-link.active, .nav-group-toggle.active { background: #2563eb; color: white; box-shadow: none; }
.nav-link .icon, .nav-group-toggle .icon { color: #9fbed3; }
.nav-link.active .icon, .nav-group-toggle.active .icon { color: white; }
.nav-caret { margin-left: auto; transition: transform .2s; }
.nav-group-toggle[aria-expanded="true"] .nav-caret { transform: rotate(90deg); }
.nav-children { display: none; padding: 3px 0 7px 34px; }
.nav-children.open { display: grid; }
.nav-child { color: #bdd1df; text-decoration: none; font-size: 13px; padding: 9px 12px; border-left: 1px solid rgba(255,255,255,.12); }
.nav-child:hover, .nav-child.active { color: white; border-left-color: var(--cyan-600); background: rgba(255,255,255,.05); }
.nav-badge { margin-left: auto; padding: 2px 6px; border-radius: 999px; background: var(--amber-500); color: #1e2a36; font-size: 9px; font-weight: 800; }
.sidebar-bottom { border-top: 1px solid rgba(255,255,255,.12); padding: 9px 10px 13px; }

.workspace, .page, .surface, .section-stack, .section-stack > * { min-width: 0; }
.activation-bar {
  height: 60px; display: flex; align-items: center; justify-content: center; gap: 14px; padding: 0 55px 0 18px;
  color: white; background: linear-gradient(90deg, #204fc9, #1591df 60%, #00a7b8); position: relative;
}
.activation-bar .soft-button { background: rgba(255,255,255,.92); color: var(--blue-700); }
.activation-close { position: absolute; right: 10px; width: 40px; height: 40px; display: grid; place-items: center; color: white; background: transparent; border: 0; border-radius: 9px; }
.activation-close:hover, .activation-close:focus-visible { background: rgba(255,255,255,.14); }

.topbar {
  position: sticky; top: 0; z-index: 20; height: 64px; display: grid; grid-template-columns: auto minmax(280px, 560px) auto;
  align-items: center; gap: 22px; padding: 0 22px; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--line);
  backdrop-filter: blur(12px);
}
.topbar-left, .topbar-actions { display: flex; align-items: center; gap: 8px; }
.topbar-actions { justify-content: flex-end; }
.icon-button { position: relative; width: 40px; height: 40px; display: grid; place-items: center; background: transparent; color: var(--ink-900); border: 0; border-radius: 10px; }
.icon-button:hover, .icon-button:focus-visible { background: #edf3f8; }
.notification-dot { position: absolute; top: 1px; right: 0; min-width: 18px; height: 18px; display: grid; place-items: center; padding: 0 4px; background: var(--red-600); color: white; border: 2px solid white; border-radius: 99px; font-size: 10px; font-weight: 800; }
.avatar { width: 38px; height: 38px; display: grid; place-items: center; color: white; background: linear-gradient(135deg, var(--blue-600), var(--cyan-600)); border-radius: 50%; font-weight: 750; border: 3px solid #e8f1ff; }
.global-search { position: relative; display: block; padding: 0; text-align: left; background: transparent; border: 0; border-radius: 10px; }
.global-search:focus-visible { outline: 3px solid rgba(50,105,238,.2); }
.global-search input { width: 100%; height: 42px; padding: 0 45px 0 42px; color: var(--text); background: #f8fafc; border: 1px solid var(--line); border-radius: 10px; outline: none; }
.global-search input { pointer-events: none; }
.global-search input:focus { border-color: var(--blue-600); box-shadow: 0 0 0 3px rgba(50,105,238,.12); background: white; }
.global-search > .icon { position: absolute; left: 14px; top: 11px; color: var(--muted); }
.search-shortcut { position: absolute; right: 10px; top: 10px; color: #718197; border: 1px solid var(--line); background: white; border-radius: 5px; padding: 2px 5px; font-size: 11px; }

.page { max-width: 1540px; margin: 0 auto; padding: 28px 30px 60px; }
.page-header, .surface-header { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.page-header { margin-bottom: 18px; }
.eyebrow { color: var(--blue-600); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 4px; font-size: clamp(24px, 2vw, 32px); letter-spacing: -.035em; line-height: 1.18; }
h2 { font-size: 19px; letter-spacing: -.015em; }
h3 { font-size: 15px; }
.subtitle { margin: 0; color: var(--muted); font-size: 14px; }
.header-actions, .button-row { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }

.button { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 15px; border-radius: 9px; border: 1px solid var(--line-strong); background: white; color: var(--text); font-weight: 650; font-size: 13px; box-shadow: var(--shadow-sm); }
.button:hover { border-color: #aabbd0; background: #f9fbfd; }
.button.primary { color: white; background: #2563eb; border-color: #2563eb; box-shadow: 0 4px 10px rgba(8,114,149,.18); }
.button.primary:hover { filter: brightness(1.05); }
.button.danger { color: var(--red-600); border-color: #efc3c8; }
.button.ghost { border-color: transparent; background: transparent; box-shadow: none; }
.soft-button { min-height: 34px; padding: 0 13px; border: 0; border-radius: 8px; font-weight: 700; }

.surface { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.surface-header { min-height: 72px; padding: 15px 18px; }
.surface-title { display: flex; align-items: center; gap: 12px; }
.surface-title .title-icon, .metric-icon { width: 38px; height: 38px; display: grid; place-items: center; color: var(--blue-700); background: var(--blue-100); border-radius: 9px; }
.surface-title h2, .surface-title p { margin: 0; }
.surface-title p { margin-top: 2px; color: var(--muted); font-size: 12px; }

.hero-card { position: relative; overflow: hidden; min-height: 230px; display: grid; grid-template-columns: 1.1fr .9fr; color: white; background: linear-gradient(120deg, #0d2942, #173f68 62%, #1b6d87); border-radius: 16px; box-shadow: var(--shadow-md); }
.hero-copy { padding: 38px 42px; position: relative; z-index: 2; }
.hero-copy .eyebrow { color: #7ae3ef; }
.hero-copy h1 { max-width: 650px; font-size: clamp(28px, 3vw, 44px); }
.hero-copy p { max-width: 560px; color: #c7dce9; font-size: 15px; line-height: 1.6; }
.hero-visual { position: relative; min-height: 230px; background: radial-gradient(circle at 52% 50%, rgba(0,210,230,.45), transparent 30%), radial-gradient(circle at 70% 42%, rgba(241,163,59,.38), transparent 25%); }
.hero-visual::before, .hero-visual::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; }
.hero-visual::before { width: 210px; height: 210px; top: 12px; left: 23%; box-shadow: 0 0 0 30px rgba(255,255,255,.025), 0 0 0 62px rgba(255,255,255,.02); }
.hero-visual::after { width: 78px; height: 78px; top: 70px; left: 43%; background: linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.04)); box-shadow: var(--shadow-md); border-radius: 22px; transform: rotate(-10deg); }

.grid { display: grid; gap: 16px; }
.grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.section-stack { display: grid; gap: 18px; margin-top: 20px; }

.onboarding-card { padding: 20px; }
.progress-row { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 18px; }
.progress-track { height: 9px; overflow: hidden; margin-top: 12px; background: #e8eef5; border-radius: 99px; }
.progress-track span { display: block; height: 100%; width: 38%; background: linear-gradient(90deg, var(--blue-600), var(--cyan-600)); }
.checklist { display: grid; gap: 8px; margin-top: 17px; }
.check-row { min-height: 58px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 9px 12px; background: #f9fbfd; border: 1px solid var(--line); border-radius: 10px; }
.check-dot { width: 30px; height: 30px; display: grid; place-items: center; color: var(--blue-700); background: var(--blue-100); border-radius: 8px; }
.check-row strong { display: block; font-size: 13px; }
.check-row small { color: var(--muted); }
.status-chip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border-radius: 99px; color: var(--ink-700); background: #e9f3f8; font-size: 11px; font-weight: 750; white-space: nowrap; }
.status-chip.success { color: #08794f; background: #e5f7ef; }
.status-chip.warning { color: #986112; background: #fff3d7; }
.status-chip.danger { color: #b13e48; background: #fdebee; }

.metric { padding: 17px; display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: center; }
.metric-value { font-size: 25px; font-weight: 800; letter-spacing: -.03em; }
.metric-label { color: var(--muted); font-size: 12px; }
.trend { color: var(--green-600); font-size: 11px; font-weight: 750; }

.status-strip { display: flex; max-width: 100%; gap: 7px; overflow-x: auto; padding-bottom: 3px; scrollbar-width: thin; }
.status-card { min-width: 132px; height: 62px; display: grid; grid-template-columns: auto 1fr auto; align-items: start; gap: 7px; padding: 10px; background: white; border: 1px solid var(--line); border-radius: 9px; color: var(--text); }
.status-card.active { color: white; background: linear-gradient(135deg, var(--blue-700), var(--cyan-600)); border-color: transparent; }
.status-card[data-status-filter="abandoned"] > .icon,
.status-card[data-status-filter="return_not_received"] > .icon { color: #ef4444; }
.status-card[data-status-filter="pending"] > .icon { color: #f59e0b; }
.status-card[data-status-filter="confirmed"] > .icon,
.status-card[data-status-filter="returned"] > .icon { color: #059669; }
.status-card[data-status-filter="ready_to_ship"] > .icon { color: #3b82f6; }
.status-card[data-status-filter="shipped"] > .icon { color: #2563eb; }
.status-card[data-status-filter="delivered"] > .icon { color: #16a34a; }
.status-card[data-status-filter="canceled"] > .icon { color: #dc2626; }
.status-card[data-status-filter="paid"] > .icon { color: #10b981; }
.status-card.active > .icon { color: white; }
.status-card span { font-size: 11px; line-height: 1.2; }
.status-card strong { font-size: 15px; }

.filter-bar { min-width: 0; min-height: 66px; display: grid; grid-template-columns: minmax(220px, 1fr) 190px 190px auto; gap: 10px; padding: 12px 14px; align-items: center; }
.field, .select { width: 100%; min-height: 42px; padding: 0 12px; color: var(--text); background: white; border: 1px solid var(--line); border-radius: 9px; outline: none; }
.field:focus, .select:focus, textarea.field:focus { border-color: var(--blue-600); box-shadow: 0 0 0 3px rgba(50,105,238,.1); }
textarea.field { padding-top: 10px; min-height: 98px; resize: vertical; }

.table-wrap { width: 100%; max-width: 100%; overflow: auto; border-top: 1px solid var(--line); }
.data-table { width: 100%; min-width: 880px; border-collapse: collapse; }
.data-table th { padding: 12px 15px; color: #687b92; background: #fbfcfe; border-bottom: 1px solid var(--line); font-size: 11px; text-transform: uppercase; letter-spacing: .035em; text-align: left; white-space: nowrap; }
.data-table td { height: 68px; padding: 12px 15px; border-bottom: 1px solid #e9eef4; font-size: 13px; vertical-align: middle; }
.data-table tr:hover td { background: #fafcff; }
.table-person { display: flex; align-items: center; gap: 9px; }
.tiny-avatar { width: 30px; height: 30px; display: grid; place-items: center; background: #eaf0ff; color: var(--blue-700); border-radius: 8px; font-weight: 800; }
.table-footer { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 15px; color: var(--muted); font-size: 12px; }
.pagination { display: flex; gap: 5px; align-items: center; }
.page-dot { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--line); background: white; border-radius: 8px; }
.page-dot.active { color: white; background: var(--blue-700); border-color: var(--blue-700); }

.hub-card { min-height: 142px; padding: 19px; display: flex; flex-direction: column; text-decoration: none; color: inherit; transition: transform .16s, box-shadow .16s, border-color .16s; }
.hub-card:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(20,45,70,.11); border-color: #b9c9db; }
.hub-card .metric-icon { margin-bottom: 14px; }
.hub-card h3 { margin-bottom: 5px; font-size: 15px; }
.hub-card p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.hub-card .link-arrow { margin-top: auto; padding-top: 12px; color: var(--blue-600); font-size: 12px; font-weight: 750; }

.settings-page-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.settings-page-heading h1 { margin: 3px 0 4px; font-size: 27px; }
.settings-saved-badge { display: flex; align-items: center; gap: 7px; padding: 8px 11px; color: #176a4b; background: #e9f8f1; border: 1px solid #c7eadb; border-radius: 9px; font-size: 11px; font-weight: 750; }
.settings-saved-badge .icon { width: 15px; height: 15px; }
.settings-layout { width: min(1130px, 100%); display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 24px; align-items: start; margin: 4px auto 0; }
.settings-menu-card { position: sticky; top: 84px; padding: 18px 24px; max-height: calc(100vh - 110px); overflow: hidden; border-radius: 8px; }
.settings-menu-heading { padding: 7px 0 15px; }
.settings-menu-heading h1 { margin: 0 0 6px; font-size: 21px; letter-spacing: -.02em; }
.settings-menu-heading p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.settings-nav { max-height: calc(100vh - 210px); overflow: auto; padding-right: 3px; }
.settings-tab { width: 100%; min-height: 42px; display: flex; align-items: center; gap: 10px; padding: 0 11px; color: #566b83; background: transparent; border: 0; border-radius: 8px; text-align: left; font-size: 13px; }
.settings-tab .icon { width: 17px; height: 17px; flex: 0 0 auto; }
.settings-tab:hover { background: #f1f5f9; }
.settings-tab.active { color: white; background: var(--blue-700); font-weight: 750; box-shadow: 0 7px 18px rgba(24,96,145,.16); }
.settings-panel { min-height: 680px; padding: 24px; border-radius: 8px; }
.settings-panel-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 21px; }
.settings-panel-title { display: flex; align-items: center; gap: 12px; }
.settings-panel-title .title-icon { width: 38px; height: 38px; display: grid; place-items: center; color: var(--blue-700); background: #e8f4f9; border-radius: 9px; }
.settings-panel-title .title-icon .icon { width: 19px; height: 19px; }
.settings-panel-title h2 { margin: 0 0 4px; font-size: 18px; }
.settings-panel-title p { margin: 0; color: var(--muted); font-size: 12px; }
.settings-group { padding: 22px 0; border-top: 1px solid var(--line); }
.settings-group-heading { margin-bottom: 16px; }
.settings-group-heading h3 { margin: 0 0 4px; font-size: 16px; }
.settings-group-heading p { margin: 0; color: var(--muted); font-size: 12px; }
.settings-panel .form-field > small { margin-top: -3px; color: var(--muted); font-size: 10px; font-weight: 500; }
.settings-toggle-row { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-top: 1px solid #e8edf3; }
.settings-toggle-row:first-child { border-top: 0; }
.settings-toggle-row strong { display: block; margin-bottom: 4px; color: #152236; font-size: 13px; }
.settings-toggle-row small { display: block; color: var(--muted); font-size: 11px; }
.settings-save-bar { display: flex; justify-content: flex-end; padding-top: 20px; border-top: 1px solid var(--line); }
.settings-save-bar .icon { width: 16px; height: 16px; }
.settings-upload-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-bottom: 12px; }
.settings-upload { display: grid; gap: 9px; }
.settings-upload > div { display: grid; gap: 3px; }
.settings-upload > div small { color: var(--muted); font-size: 10px; }
.settings-upload > label { min-height: 104px; display: grid; place-items: center; align-content: center; gap: 5px; padding: 14px; color: var(--blue-700); background: #f8fbfd; border: 1px dashed #aebfd0; border-radius: 10px; text-align: center; cursor: pointer; }
.settings-upload > label span { display: flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 750; }
.settings-upload > label small { color: var(--muted); font-size: 9px; }
.settings-upload input[type="file"] { position: absolute; width: 1px; height: 1px; opacity: 0; }
.settings-wizard-card { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 22px; padding: 18px; background: linear-gradient(135deg,#f3f8fc,#fbfdff); border: 1px solid #d7e4ed; border-radius: 11px; }
.settings-wizard-card > div { display: flex; align-items: center; gap: 12px; }
.settings-wizard-card h3 { margin: 0 0 4px; font-size: 14px; }
.settings-wizard-card p { margin: 0; color: var(--muted); font-size: 11px; }
.language-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.language-card { min-height: 74px; display: grid; grid-template-columns: 42px 1fr 24px; align-items: center; gap: 10px; padding: 12px; color: inherit; background: white; border: 1px solid var(--line); border-radius: 10px; text-align: left; }
.language-card > span { font-size: 25px; }
.language-card strong, .language-card small { display: block; }
.language-card small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.language-card i { width: 20px; height: 20px; display: none; place-items: center; color: white; background: var(--blue-700); border-radius: 50%; }
.language-card i .icon { width: 13px; height: 13px; }
.language-card.selected { border-color: var(--blue-600); background: #f2f9fc; box-shadow: 0 0 0 2px rgba(15,116,144,.08); }
.language-card.selected i { display: grid; }
.settings-note { display: flex; align-items: flex-start; gap: 8px; margin-top: 16px; padding: 12px; color: #315e77; background: #eef8fc; border: 1px solid #d0eaf3; border-radius: 9px; font-size: 11px; line-height: 1.45; }
.settings-note.warning { color: #765611; background: #fff9e8; border-color: #f3dfaa; }
.settings-note .icon { width: 16px; height: 16px; flex: 0 0 auto; }
.settings-empty { min-height: 310px; display: grid; place-items: center; align-content: center; gap: 8px; text-align: center; }
.settings-empty.compact { min-height: 220px; }
.settings-empty > span { width: 55px; height: 55px; display: grid; place-items: center; color: var(--blue-700); background: #edf7fb; border-radius: 16px; }
.settings-empty > span .icon { width: 25px; height: 25px; }
.settings-empty h3, .settings-empty p { margin: 0; }
.settings-empty p { color: var(--muted); font-size: 12px; }
.settings-card-list { display: grid; gap: 10px; }
.settings-entity-card, .carrier-card, .stage-card { min-height: 72px; display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; align-items: center; gap: 13px; padding: 13px; border: 1px solid var(--line); border-radius: 10px; }
.settings-entity-card small, .carrier-card p, .stage-card small { display: block; margin-top: 4px; color: var(--muted); font-size: 10px; }
.entity-avatar, .carrier-icon { width: 40px; height: 40px; display: grid; place-items: center; color: var(--blue-700); background: #edf6fa; border-radius: 10px; font-weight: 800; }
.carrier-card h3, .carrier-card p { margin: 0; }
.chip-row { display: flex; gap: 5px; margin-top: 7px; }
.stage-color { width: 11px; height: 42px; background: var(--stage-color); border-radius: 99px; }
.settings-row-actions { display: flex; align-items: center; justify-content: flex-end; gap: 4px; }
.settings-row-actions .icon-button { width: 34px; height: 34px; }
.stage-relations { display: grid; gap: 8px; margin-bottom: 10px; }
.stage-relation-row { display: grid; grid-template-columns: minmax(0,1fr) 40px; align-items: center; gap: 8px; }
.settings-stat-row { display: flex; gap: 12px; margin-bottom: 16px; }
.settings-stat-row > div { min-width: 135px; display: grid; gap: 2px; padding: 13px 15px; background: #f7fafc; border: 1px solid var(--line); border-radius: 9px; }
.settings-stat-row strong { font-size: 22px; }
.settings-stat-row span { color: var(--muted); font-size: 10px; }
.currency-preview { display: grid; grid-template-columns: auto repeat(3,1fr); align-items: center; gap: 12px; margin-top: 14px; padding: 14px; background: #f7fafc; border: 1px solid var(--line); border-radius: 9px; font-size: 11px; }
.currency-preview > strong { width: 45px; height: 45px; display: grid; place-items: center; color: white; background: var(--blue-700); border-radius: 10px; }
.settings-filter { display: grid; grid-template-columns: minmax(0,1fr) 190px; gap: 10px; margin-bottom: 15px; }
.settings-filter > span { position: relative; }
.settings-filter > span .icon { position: absolute; top: 11px; left: 11px; width: 17px; color: var(--muted); }
.settings-filter > span .field { padding-left: 36px; }
.module-groups { display: grid; gap: 16px; }
.module-group { padding: 18px; border: 1px solid var(--line); border-radius: 11px; }
.module-group > div:first-child { margin-bottom: 10px; }
.module-group h3, .module-group p { margin: 0; }
.module-group p { margin-top: 4px; color: var(--muted); font-size: 11px; }
.module-toggle { min-height: 67px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 11px 13px; margin-top: 9px; border: 1px solid #e1e8ef; border-radius: 9px; }
.module-toggle strong, .module-toggle small { display: block; }
.module-toggle small { margin-top: 4px; color: var(--muted); font-size: 10px; }
.email-recipient-editor { display: grid; grid-template-columns: 1fr auto; gap: 9px; }
.email-chip-list { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.email-chip { display: flex; align-items: center; gap: 5px; padding: 6px 9px; color: #285d75; background: #edf7fb; border-radius: 99px; font-size: 10px; font-weight: 650; }
.email-chip .icon { width: 13px; height: 13px; }
.rich-editor { overflow: hidden; border: 1px solid var(--line); border-radius: 9px; }
.rich-toolbar { display: flex; gap: 2px; padding: 6px; background: #f7fafc; border-bottom: 1px solid var(--line); }
.rich-toolbar button { width: 32px; height: 30px; display: grid; place-items: center; background: transparent; border: 0; border-radius: 6px; }
.rich-toolbar button:hover { background: #e8eef4; }
.rich-editor textarea { border: 0; border-radius: 0; box-shadow: none !important; }
.checkout-field-table { max-height: 420px; overflow: auto; border: 1px solid var(--line); border-radius: 9px; }
.checkout-field-table th { position: sticky; top: 0; z-index: 1; background: #f7fafc; }
.checkout-field-table .select { min-width: 145px; }
.checkout-field-table .switch:disabled { opacity: .46; cursor: not-allowed; }
.checkout-configuration-intro { margin: 0 0 16px; line-height: 1.55; }
.checkout-terms { margin-top: 18px; padding: 17px; background: #f7fafc; border: 1px solid var(--line); border-radius: 10px; }
.checkout-terms h3 { margin: 0 0 14px; font-size: 14px; }
.checkout-configured-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); }
.checkout-configured-grid > .form-field { grid-column: span 6; }
.checkout-configured-grid > .form-field.full { grid-column: 1 / -1; }
.checkout-configured-grid > .form-field.checkout-third { grid-column: span 4; }
.checkout-terms-accept { display: flex; align-items: flex-start; gap: 7px; margin: 15px 0 2px; line-height: 1.45; }
.checkout-terms-accept input { margin-top: 2px; accent-color: var(--blue-700); }
.checkout-terms-accept a { color: var(--blue-700); font-weight: 700; }
.settings-wizard-intro { text-align: center; }
.settings-wizard-intro > span { width: 62px; height: 62px; display: grid; place-items: center; margin: 0 auto 14px; color: white; background: linear-gradient(135deg,var(--blue-700),#12a9c3); border-radius: 18px; }
.settings-wizard-intro h3 { margin-bottom: 7px; }
.settings-wizard-intro p { color: var(--muted); line-height: 1.55; }
.settings-wizard-intro ul { max-width: 390px; margin: 18px auto; padding-left: 22px; text-align: left; color: #445b70; font-size: 12px; line-height: 1.8; }
.form-section { padding: 18px 0; border-top: 1px solid var(--line); }
.form-section:first-of-type { border-top: 0; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.form-field { display: grid; gap: 7px; color: #42546a; font-size: 12px; font-weight: 650; }
.form-field.full { grid-column: 1 / -1; }
.switch-row { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 10px 0; border-bottom: 1px solid #e9eef4; }
.switch-row strong { display: block; font-size: 13px; }
.switch-row small { color: var(--muted); }
.switch { width: 42px; height: 24px; padding: 3px; background: #becbd8; border: 0; border-radius: 99px; transition: background .18s; }
.switch::after { content: ""; display: block; width: 18px; height: 18px; background: white; border-radius: 50%; box-shadow: 0 1px 4px rgba(0,0,0,.25); transition: transform .18s; }
.switch.on { background: #2563eb; }
.switch.on::after { transform: translateX(18px); }

.catalog-card { overflow: hidden; }
.catalog-preview { height: 142px; display: grid; place-items: center; background: linear-gradient(135deg, #eaf1ff, #dff8f8); color: var(--ink-700); }
.catalog-preview .icon { width: 48px; height: 48px; }
.catalog-body { padding: 15px; }
.catalog-body p { min-height: 36px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.catalog-meta { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 13px; }
.application-summary { display: grid; grid-template-columns: repeat(3, minmax(120px, 1fr)) auto; align-items: center; gap: 18px; margin-bottom: 16px; padding: 17px 20px; }
.application-summary > div:not(.button-row) { display: grid; gap: 2px; padding-left: 14px; border-left: 3px solid var(--blue-600); }
.application-summary strong { color: var(--ink-900); font-size: 24px; line-height: 1; }
.application-summary span { color: var(--muted); font-size: 11px; }
.application-filters { margin-bottom: 16px; }
.application-grid { align-items: stretch; }
.application-grid .catalog-card { display: flex; flex-direction: column; }
.application-grid .catalog-body { display: flex; flex: 1; flex-direction: column; }
.application-grid .catalog-meta { margin-top: auto; padding-top: 13px; }
.application-icon { position: relative; height: 112px; color: var(--blue-700); background: radial-gradient(circle at 72% 22%, rgba(0,167,196,.22), transparent 36%), linear-gradient(145deg, #edf3ff, #e9fbfb); }
.application-icon::before { content: ""; position: absolute; width: 74px; height: 74px; background: white; border: 1px solid rgba(50,105,238,.16); border-radius: 22px; box-shadow: 0 12px 28px rgba(28,70,120,.11); }
.application-icon .icon { position: relative; width: 36px; height: 36px; }
.application-icon > span { position: absolute; top: 10px; right: 10px; padding: 4px 7px; color: #75520a; background: #fff1c7; border-radius: 99px; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.application-capabilities { display: flex; flex-wrap: wrap; gap: 5px; margin: 11px 0; }
.application-capabilities > span { padding: 4px 7px; color: #496176; background: #f0f4f8; border-radius: 6px; font-size: 9px; font-weight: 700; }
.application-detail-layout { display: grid; grid-template-columns: minmax(250px, .72fr) minmax(460px, 1.7fr); gap: 16px; align-items: start; }
.application-overview { position: sticky; top: 85px; padding: 23px; }
.application-overview h2 { margin: 9px 0 7px; }
.application-overview > p { color: var(--muted); line-height: 1.55; }
.application-hero-icon { width: 72px; height: 72px; display: grid; place-items: center; margin-bottom: 18px; color: white; background: linear-gradient(145deg, var(--ink-700), var(--blue-600)); border-radius: 22px; box-shadow: 0 12px 24px rgba(22,65,112,.23); }
.application-hero-icon .icon { width: 34px; height: 34px; }
.application-capabilities.stacked { display: grid; margin: 20px 0; }
.application-capabilities.stacked > span { display: flex; align-items: center; gap: 7px; padding: 8px 9px; font-size: 11px; }
.application-capabilities.stacked .icon { width: 15px; height: 15px; color: var(--green-600); }
.application-health { display: grid; gap: 7px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }
.application-health .status-chip { justify-self: start; }
.application-health small { color: var(--muted); }
.application-config { min-height: 410px; }
.app-status-select { width: 190px; }
.faithful-application { align-items: start; }
.application-config-heading { padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.application-config-group { padding: 20px 0; border-bottom: 1px solid var(--line); }
.application-config-group > h2 { margin: 0 0 15px; font-size: 16px; }
.application-config-group .switch-row { min-height: 58px; }
.application-reference-card { padding: 20px 0; border-bottom: 1px solid var(--line); }
.application-reference-card h2 { margin: 0 0 14px; font-size: 16px; }
.application-reference-card h2:not(:first-child) { margin-top: 22px; }
.application-reference-card h3 { margin: 13px 0 5px; }
.application-reference-card ol { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.application-reference-card pre { overflow: auto; padding: 14px; color: #dff5ff; background: #173f5f; border-radius: 7px; }
.application-reference-actions { padding: 16px 0; }
.application-config-footer { justify-content: flex-end; padding-top: 20px; }
.sms-token-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.sms-token-row button { padding: 5px 9px; color: #2563eb; background: #eaf4ff; border: 1px solid #b9d7e1; border-radius: 5px; font-size: 11px; }
.copy-field { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
.application-events { grid-column: 1 / -1; margin-top: 16px; overflow: hidden; }
.activity-row { display: flex; align-items: center; gap: 12px; padding: 12px 18px; border-top: 1px solid var(--line); }
.activity-row div { display: grid; gap: 3px; }
.activity-row small { color: var(--muted); }
.warning-guidance { display: flex; align-items: flex-start; gap: 9px; color: #73540c; background: #fff8df; border-color: #efd88a; }
.danger-ghost { color: #aa2d3b; border-color: #efc6cb; background: #fff8f9; }
.danger-ghost:hover { color: white; background: #b93847; border-color: #b93847; }

.notification-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.notification-toolbar > div { display: grid; gap: 4px; }
.notification-toolbar small { color: var(--muted); }
.notification-list { display: grid; margin: 0 -22px -22px; }
.notification-item { width: 100%; min-height: 88px; display: grid; grid-template-columns: auto 1fr 8px; align-items: center; gap: 13px; padding: 14px 22px; color: var(--text); background: white; border: 0; border-bottom: 1px solid var(--line); text-align: left; }
.notification-item:hover { background: #f7faff; }
.notification-item.unread { background: #f0f6ff; }
.notification-item > span:nth-child(2) { display: grid; gap: 4px; }
.notification-item small, .notification-item time { color: var(--muted); font-size: 11px; font-style: normal; }
.notification-item i { width: 7px; height: 7px; background: var(--blue-600); border-radius: 50%; }
.metric-icon.warning { color: #9b6d00; background: #fff2c7; }
.metric-icon.danger { color: #b93847; background: #fdecef; }
.shortcut-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.shortcut-card { min-height: 82px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 11px; padding: 12px; color: var(--text); background: white; border: 1px solid var(--line); border-radius: 11px; text-align: left; }
.shortcut-card:hover { background: var(--blue-100); border-color: #b7cbf7; }
.shortcut-card > span:nth-child(2) { display: grid; gap: 4px; }
.shortcut-card small { color: var(--muted); }
.shortcut-tip { display: flex; align-items: center; gap: 8px; margin-top: 15px; padding: 12px; color: #53677d; background: #f4f7fa; border-radius: 9px; font-size: 12px; }
.profile-summary { display: flex; align-items: center; gap: 13px; padding: 0 0 18px; border-bottom: 1px solid var(--line); }
.avatar.large { width: 52px; height: 52px; font-size: 18px; }
.profile-summary > div { display: grid; gap: 3px; }
.profile-summary small, .profile-summary span { color: var(--muted); font-size: 11px; }
.profile-menu { display: grid; padding: 8px 0; }
.profile-menu button { min-height: 46px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 11px; padding: 0 8px; color: var(--text); background: transparent; border: 0; border-radius: 8px; text-align: left; }
.profile-menu button:hover { background: #f1f5f9; }
.profile-consumption { display: grid; gap: 10px; margin: 8px 0 16px; padding: 15px; background: #f4f8fd; border-radius: 11px; }
.profile-consumption > div:first-child { display: flex; justify-content: space-between; gap: 10px; }
.profile-consumption span { color: var(--muted); font-size: 11px; }

.pos-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(320px, .7fr); gap: 16px; min-height: 650px; }
.pos-session-bar { min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: -2px 0 14px; padding: 9px 14px; color: var(--ink-700); background: #eef5fb; border: 1px solid #d9e5ef; border-radius: 10px; font-size: 12px; }
.pos-session-bar > div { display: flex; align-items: center; gap: 10px; }
.pos-toolbar { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; padding: 10px; }
.product-pad, .cart-panel { padding: 18px; }
.product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.product-tile { min-height: 132px; padding: 13px; display: flex; flex-direction: column; align-items: flex-start; background: #f8fafc; border: 1px solid var(--line); border-radius: 10px; }
.product-tile:hover { border-color: var(--blue-600); background: white; }
.product-thumb { width: 40px; height: 40px; display: grid; place-items: center; margin-bottom: 12px; color: var(--blue-700); background: var(--blue-100); border-radius: 9px; }
.product-price { margin-top: auto; color: var(--blue-700); font-weight: 800; }
.cart-panel { display: flex; flex-direction: column; }
.cart-list { display: grid; gap: 9px; margin: 16px 0; }
.cart-item { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 12px; background: #f8fafc; border-radius: 9px; }
.cart-quantity { display: flex; align-items: center; gap: 6px; }
.cart-total { margin-top: auto; padding-top: 16px; border-top: 1px solid var(--line); }
.total-row { display: flex; justify-content: space-between; margin: 7px 0; }
.total-row.grand { font-size: 20px; font-weight: 800; }
.pos-payment-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 15px; }
.pos-payment-grid .primary { grid-column: 1 / -1; }
.payment-summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; padding: 16px; background: var(--blue-100); border-radius: 10px; }
.payment-summary strong { color: var(--blue-700); font-size: 22px; }
.quick-discounts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.selection-list { display: grid; gap: 7px; max-height: 430px; overflow: auto; }
.selection-list button { min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; color: var(--text); background: white; border: 1px solid var(--line); border-radius: 9px; text-align: left; }
.selection-list button:hover { border-color: var(--blue-600); background: var(--blue-100); }
.selection-list small { display: block; margin-top: 3px; color: var(--muted); }

.modal-backdrop { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 26px; background: rgba(4,18,31,.68); backdrop-filter: blur(4px); }
.modal { width: min(720px, 100%); max-height: calc(100vh - 52px); overflow: auto; background: white; border-radius: 14px; box-shadow: 0 26px 80px rgba(0,0,0,.28); }
.modal.wide { width: min(1050px, 100%); }
.drawer { width: min(850px, 100%); height: 100vh; max-height: 100vh; position: fixed; right: 0; top: 0; background: white; box-shadow: -18px 0 55px rgba(0,0,0,.2); overflow: auto; }
.modal-header { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 22px; border-bottom: 1px solid var(--line); }
.modal-header h2 { margin: 0; }
.modal-body { padding: 22px; }
.modal-footer { position: sticky; bottom: 0; display: flex; justify-content: flex-end; gap: 9px; padding: 14px 22px; background: rgba(255,255,255,.96); border-top: 1px solid var(--line); }
.modal-close { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--line); background: white; border-radius: 9px; }

.menu-editor-group { padding: 15px; border: 1px solid var(--line); border-radius: 10px; }
.menu-editor-group + .menu-editor-group { margin-top: 12px; }
.menu-option { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 11px 0; border-bottom: 1px solid #edf1f5; }
.menu-option:last-child { border-bottom: 0; }
.menu-option small { display: block; margin-top: 3px; color: var(--muted); }

.command-panel { position: fixed; inset: 0; z-index: 120; display: flex; justify-content: center; align-items: flex-start; padding-top: 9vh; background: rgba(5,20,34,.56); backdrop-filter: blur(4px); }
.command-box { width: min(690px, calc(100% - 34px)); max-height: 72vh; overflow: hidden; background: white; border-radius: 14px; box-shadow: var(--shadow-md); }
.command-input { width: 100%; height: 60px; padding: 0 20px; border: 0; border-bottom: 1px solid var(--line); outline: 0; font-size: 16px; }
.command-results { max-height: calc(72vh - 60px); overflow: auto; padding: 7px; }
.command-result { width: 100%; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; min-height: 52px; padding: 7px 10px; color: var(--text); background: transparent; border: 0; border-radius: 8px; text-align: left; }
.command-result:hover { background: #f1f5f9; }
.command-result small { color: var(--muted); }

.dropdown { position: absolute; z-index: 60; min-width: 220px; padding: 7px; background: white; border: 1px solid var(--line); border-radius: 10px; box-shadow: var(--shadow-md); }
.dropdown button { width: 100%; min-height: 38px; display: flex; align-items: center; gap: 9px; padding: 0 10px; background: transparent; border: 0; border-radius: 7px; text-align: left; color: var(--text); }
.dropdown button:hover { background: #f1f5f9; }

.toast { min-width: 290px; display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; padding: 13px; color: white; background: var(--ink-900); border-radius: 10px; box-shadow: var(--shadow-md); pointer-events: none; }
.toast button { pointer-events: auto; }
#toast-root { position: fixed; z-index: 200; right: 20px; bottom: 20px; display: grid; gap: 9px; pointer-events: none; }

.empty-state { min-height: 320px; display: grid; place-items: center; padding: 40px; text-align: center; }
.empty-state .metric-icon { width: 56px; height: 56px; margin: 0 auto 15px; }

.scan-panel, .queue-panel { min-height: 440px; padding: 26px; }
.workflow-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-bottom: 16px; overflow: hidden; background: var(--line); border: 1px solid var(--line); border-radius: 10px; }
.workflow-steps span { min-height: 42px; display: grid; place-items: center; color: var(--muted); background: white; font-size: 12px; font-weight: 700; }
.workflow-steps span.active { color: var(--blue-700); background: var(--blue-100); }
.scan-visual { width: 78px; height: 78px; display: grid; place-items: center; margin-bottom: 28px; color: var(--blue-600); background: var(--blue-100); border-radius: 18px; }
.scan-visual .icon { width: 36px; height: 36px; }
.scan-input { height: 58px; margin: 20px 0 13px; font-size: 17px; }
.scan-results { display: grid; gap: 8px; }
.scan-results article { min-height: 72px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 11px; background: #f7fafc; border: 1px solid var(--line); border-radius: 10px; }
.scan-results article > div:last-child { text-align: right; }
.scan-results small { display: block; margin-top: 3px; color: var(--muted); }

.chart-card { min-height: 360px; padding-bottom: 20px; }
.bar-chart { height: 235px; display: flex; align-items: flex-end; gap: 10px; padding: 20px 24px 0; border-bottom: 1px solid var(--line); }
.bar-chart span { flex: 1; min-width: 8px; background: linear-gradient(180deg, var(--cyan-600), var(--blue-600)); border-radius: 5px 5px 0 0; opacity: .9; }
.donut-layout { min-height: 240px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 22px; padding: 12px 28px; }
.donut { width: 176px; aspect-ratio: 1; margin: auto; border-radius: 50%; background: conic-gradient(var(--blue-600) 0 46%, var(--cyan-600) 46% 74%, var(--amber-500) 74% 91%, #9aabc0 91%); position: relative; }
.donut::after { content: "412\A commandes"; white-space: pre; position: absolute; inset: 27px; display: grid; place-items: center; text-align: center; background: white; border-radius: 50%; font-weight: 800; }
.legend { display: grid; gap: 14px; }
.legend > div { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; }
.legend i { width: 10px; height: 10px; background: var(--legend); border-radius: 3px; }

.builder-shell { min-height: 720px; display: grid; grid-template-columns: 220px minmax(420px, 1fr) 260px; overflow: hidden; }
.builder-library, .builder-properties { padding: 18px; background: #fbfcfe; }
.builder-library { border-right: 1px solid var(--line); }
.builder-properties { border-left: 1px solid var(--line); }
.builder-blocks { display: grid; gap: 7px; margin-top: 15px; }
.builder-blocks button { min-height: 45px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; padding: 0 10px; color: var(--text); background: white; border: 1px solid var(--line); border-radius: 8px; text-align: left; }
.builder-canvas { min-width: 0; padding: 14px; background: #e9eef4; }
.builder-toolbar { height: 50px; display: flex; justify-content: space-between; align-items: center; }
.site-live-preview .builder-toolbar > span:first-child strong,
.site-live-preview .builder-toolbar > span:first-child small { display: block; }
.site-live-preview .builder-toolbar > span:first-child small { margin-top: 2px; color: var(--muted); font-size: 11px; }
.site-preview { max-width: 780px; min-height: 610px; margin: 0 auto; background: white; box-shadow: 0 8px 25px rgba(20,45,70,.13); }
.preview-nav { height: 55px; display: flex; align-items: center; justify-content: space-between; padding: 0 22px; border-bottom: 1px solid var(--line); font-size: 12px; }
.preview-hero { min-height: 320px; display: grid; align-items: center; padding: 44px; color: white; background: linear-gradient(120deg, var(--ink-900), var(--ink-700)); }
.preview-hero > div { max-width: 420px; }
.preview-hero h2 { font-size: 34px; margin: 7px 0; }
.preview-products { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 18px; }
.preview-products > div { min-height: 130px; display: flex; flex-direction: column; justify-content: flex-end; padding: 12px; background: #f3f6fa; border-radius: 8px; }
.preview-products small { margin-top: 4px; color: var(--muted); }
.builder-properties .form-field { margin-bottom: 13px; }

.billing-toggle { width: max-content; display: flex; gap: 4px; margin: 0 auto 20px; padding: 4px; background: #e7edf5; border-radius: 10px; }
.billing-toggle button { min-height: 36px; padding: 0 14px; background: transparent; border: 0; border-radius: 7px; }
.billing-toggle button.active { background: white; box-shadow: var(--shadow-sm); font-weight: 750; }
.offer-card { position: relative; min-height: 440px; padding: 26px; overflow: hidden; }
.plan-pill { min-width: 126px; min-height: 38px; padding: 5px 12px; border: 1px solid var(--line); border-radius: 10px; background: #f7f9fc; color: var(--ink-800); text-align: left; }
.plan-pill span, .plan-pill small { display: block; line-height: 1.2; }
.plan-pill span { font-size: 12px; font-weight: 800; }
.plan-pill small { margin-top: 2px; color: var(--muted); font-size: 10px; }
.subscription-current { display: grid; grid-template-columns: minmax(240px,.7fr) minmax(420px,1.3fr); gap: 34px; margin-bottom: 20px; padding: 24px; }
.subscription-current h2 { margin: 10px 0 6px; }
.subscription-usage { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 18px; }
.subscription-usage > div span { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
.subscription-usage b, .subscription-usage small { font-size: 11px; }
.subscription-usage small { color: var(--muted); }
.subscription-usage i { display: block; height: 7px; overflow: hidden; border-radius: 999px; background: #e7edf5; }
.subscription-usage em { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--primary),var(--cyan)); }
.plan-confirm { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 18px; }
.plan-confirm h3 { margin: 2px 0 5px; }
.platform-plans { margin-top: 16px; padding: 22px; }
.platform-plans article { display: grid; gap: 8px; min-height: 140px; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: #fbfcfe; }
.platform-plans article strong { font-size: 18px; }
.platform-plans article small { color: var(--muted); }
.offer-card.featured { border: 2px solid var(--blue-600); transform: translateY(-6px); box-shadow: var(--shadow-md); }
.offer-ribbon { position: absolute; top: 15px; right: -32px; padding: 7px 38px; color: white; background: var(--blue-600); transform: rotate(35deg); font-size: 10px; font-weight: 800; }
.offer-card h2 { margin: 18px 0 6px; font-size: 38px; }
.offer-card h2 small { color: var(--muted); font-size: 13px; font-weight: 500; }
.offer-card > p { min-height: 42px; color: var(--muted); }
.offer-card ul { display: grid; gap: 12px; margin: 25px 0; padding: 0; list-style: none; }
.offer-card li { display: flex; gap: 9px; font-size: 13px; }
.offer-card li .icon { color: var(--green-600); }
.offer-card > .button { width: 100%; margin-top: auto; }
.credit-card { min-height: 190px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; padding: 18px; color: var(--text); }
.credit-card.selected { border: 2px solid var(--blue-600); background: #f7f9ff; }
.credit-card strong { font-size: 30px; }
.credit-card small, .credit-card em { color: var(--muted); font-style: normal; }
.credit-card b { margin-top: 7px; color: var(--blue-700); font-size: 18px; }

.pipeline { padding-bottom: 12px; }
.pipeline-row { min-height: 70px; display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 15px; padding: 0 18px; border-top: 1px solid var(--line); }

.login-page { min-height: 100vh; display: grid; grid-template-columns: minmax(420px, .9fr) 1.1fr; background: white; }
.login-panel { display: grid; place-items: center; padding: 46px; }
.login-card { width: min(430px, 100%); }
.login-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 38px; }
.login-brand .brand-name { color: var(--ink-950); }
.login-brand .brand-mark { width: 46px; height: 46px; }
.login-brand .brand-tagline { margin-top: 5px; color: #52657a; font-size: 11px; letter-spacing: .035em; }
.login-card h1 { font-size: 34px; }
.login-form { display: grid; gap: 15px; margin-top: 26px; }
.login-aside { position: relative; display: grid; place-items: center; overflow: hidden; padding: 60px; color: white; background: linear-gradient(145deg, #061c3b, #0b2d5b 58%, #164a78); }
.login-aside::before { content: ""; position: absolute; width: 620px; height: 620px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 60px rgba(255,255,255,.025), 0 0 0 120px rgba(255,255,255,.02); }
.login-pitch { position: relative; z-index: 1; max-width: 640px; }
.login-pitch h2 { font-size: clamp(36px, 5vw, 66px); line-height: 1.04; letter-spacing: -.05em; }
.login-pitch p { max-width: 530px; color: #c5d9e8; font-size: 17px; line-height: 1.65; }
.login-note { padding: 11px 13px; color: #456078; background: #f1f6fb; border-radius: 9px; font-size: 12px; line-height: 1.5; }
.register-card { width: min(640px, 100%); padding-block: 32px; }
.register-card .login-brand { margin-bottom: 24px; }
.register-card .login-form { margin-top: 20px; }
.registration-consent { display: flex; align-items: flex-start; gap: 10px; color: var(--ink-700); font-size: 13px; line-height: 1.45; cursor: pointer; }
.registration-consent input { width: 18px; height: 18px; flex: 0 0 auto; margin-top: 1px; accent-color: var(--primary); }
.registration-consent.optional { color: var(--ink-500); }
.registration-honeypot { position: fixed; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.register-benefits { display: grid; gap: 18px; margin-top: 34px; }
.register-benefits > div { display: flex; align-items: flex-start; gap: 13px; padding: 16px; border: 1px solid rgba(255,255,255,.13); border-radius: 13px; background: rgba(255,255,255,.06); backdrop-filter: blur(8px); }
.register-benefits .icon { width: 22px; height: 22px; flex: 0 0 auto; color: #7ae3ef; }
.register-benefits strong, .register-benefits small { display: block; }
.register-benefits small { margin-top: 4px; color: #c5d9e8; line-height: 1.45; }
.recovery-success { display: flex; align-items: flex-start; gap: 12px; margin: 24px 0 18px; padding: 16px; color: #145c43; border: 1px solid #b8dfcf; border-radius: 12px; background: #effaf5; }
.recovery-success.warning { color: #7a5412; border-color: #ecd49c; background: #fff9e9; }
.recovery-success > .icon { width: 22px; height: 22px; flex: 0 0 auto; }
.recovery-success strong, .recovery-success p { display: block; margin: 0; }
.recovery-success p { margin-top: 5px; color: inherit; font-size: 13px; line-height: 1.55; }
.recovery-page .login-card > .button { width: 100%; margin-top: 10px; }

.loading-state { min-height: 220px; display: grid; place-items: center; color: var(--ink-500); font-size: 13px; }
.empty-state.compact { min-height: 140px; padding: 24px; }
.cell-note { display: block; margin-top: 4px; color: var(--ink-500); font-size: 11px; }
.table-select { min-width: 150px; padding: 8px 30px 8px 10px; }
.check-control { display: flex; align-items: center; gap: 9px; margin-top: 12px; color: var(--ink-700); font-size: 13px; font-weight: 650; }
.check-control input { width: 17px; height: 17px; accent-color: var(--primary); }
.inline-footer { margin: 22px -22px -22px; padding: 16px 22px 0; border-top: 1px solid var(--line); }
.form-tabs { display: flex; gap: 4px; overflow-x: auto; margin: -8px 0 24px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
.form-tabs button { flex: 0 0 auto; padding: 9px 12px; color: var(--ink-600); background: transparent; border: 0; border-radius: 8px; font: inherit; font-size: 12px; cursor: pointer; }
.form-tabs button.active { color: var(--primary); background: var(--primary-soft); font-weight: 750; }
.product-wizard { width: min(1120px, 100%); display: grid; gap: 24px; margin: 20px auto 0; overflow: visible; }
.product-wizard-top { min-height: 76px; display: grid; grid-template-columns: 40px 36px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 14px 18px; border-radius: 8px; }
.product-wizard-top > .title-icon { width: 34px; height: 34px; display: grid; place-items: center; color: #08749b; background: #e7f2f6; border-radius: 8px; }
.product-wizard-top > .title-icon .icon { width: 18px; height: 18px; }
.product-editor-title { min-width: 0; }
.product-editor-title strong { display: block; color: #111827; font-size: 18px; }
.product-editor-title small { display: block; overflow: hidden; margin-top: 2px; color: #627795; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.product-step-tabs { position: sticky; top: 64px; z-index: 8; display: grid; grid-template-columns: repeat(5, minmax(135px, 1fr)); gap: 2px; margin: 0; padding: 5px; background: #edf2f7; border: 0; border-radius: 8px; box-shadow: 0 1px 2px rgba(15,42,67,.04); }
.product-step-tabs button { min-height: 36px; padding: 8px 10px; color: #60738f; border-radius: 5px; font-size: 12px; }
.product-step-tabs button.active { color: #111827; background: white; box-shadow: 0 1px 3px rgba(15, 42, 67, .08); }
.product-step { min-height: 480px; padding: 24px; background: white; border: 1px solid #dce4ed; border-radius: 8px; box-shadow: 0 1px 2px rgba(15,42,67,.025); }
.product-step > .form-section { padding: 0 0 24px; }
.product-step > .form-section + .form-section, .product-step > .grid + .form-section { padding-top: 24px; border-top: 1px solid #edf1f5; }
.product-step h2 { display: flex; align-items: center; gap: 8px; }
.product-step h2 .icon { color: #0792bd; }
.product-wizard-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; padding: 12px 16px; background: white; border: 1px solid var(--line); border-radius: 8px; box-shadow: var(--shadow-sm); }
.product-guidance { margin-top: 20px; padding: 15px; color: #3f5870; background: #f0f6ff; border: 1px solid #d7e5fb; border-radius: 10px; line-height: 1.55; }
.text-mode-button { margin-left: 8px; padding: 2px 8px; color: var(--blue-700); background: var(--blue-100); border: 0; border-radius: 6px; font-size: 11px; font-weight: 750; }
.product-rich-editor { overflow: hidden; background: white; border: 1px solid #cfd9e5; border-radius: 8px; }
.product-rich-toolbar { min-height: 42px; display: flex; align-items: center; gap: 1px; overflow-x: auto; padding: 4px 8px; background: #fff; border-bottom: 1px solid #cfd9e5; scrollbar-width: thin; }
.product-rich-toolbar button { flex: 0 0 auto; min-width: 29px; height: 30px; display: grid; place-items: center; padding: 0 7px; color: #343b46; background: transparent; border: 0; border-radius: 4px; font-size: 14px; }
.product-rich-toolbar button:hover, .product-rich-toolbar button:focus-visible { color: #111827; background: #eef2f6; outline: none; }
.product-rich-format { flex: 0 0 90px; height: 30px; color: #4b5563; background: white; border: 0; font-size: 13px; }
.product-rich-html { width: auto !important; margin-left: auto; white-space: nowrap; font-size: 12px !important; }
.rich-toolbar-separator { flex: 0 0 1px; width: 1px; height: 20px; margin: 0 3px; background: #d7dee7; }
.rich-color-letter { padding-bottom: 1px; border-bottom: 2px solid #111827; font-weight: 700; }
.rich-highlight-letter { padding: 0 2px; background: #fff2a8; font-weight: 700; }
.product-rich-content, .product-rich-code { width: 100%; min-height: 358px; padding: 14px; color: #273548; background: white; border: 0; outline: 0; font-size: 13px; font-weight: 400; line-height: 1.6; }
.product-rich-content:empty::before { color: #7b8797; content: attr(data-placeholder); font-style: italic; pointer-events: none; }
.product-rich-code { display: block; resize: vertical; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: pre-wrap; }
.product-rich-editor.html-mode .product-rich-toolbar [data-rich-command], .product-rich-editor.html-mode .product-rich-format { opacity: .42; pointer-events: none; }
.check-field { min-height: 42px; display: flex; align-items: center; gap: 9px; color: var(--ink-700); font-size: 13px; font-weight: 650; }
.check-field input, .product-section-item input { width: 18px; height: 18px; accent-color: var(--blue-600); }
.pricing-formula, .variant-axis, .variant-row { padding: 16px; border: 1px solid var(--line); box-shadow: none; }
.advanced-pricing { margin-top: 16px; padding: 16px; background: #f8fafc; border: 1px solid var(--line); border-radius: 10px; }
.media-dropzone { min-height: 185px; display: grid; place-items: center; align-content: center; gap: 9px; margin: 18px 0; color: var(--blue-700); background: linear-gradient(145deg, #f8fbff, #edf4ff); border: 1px dashed #9eb8e7; border-radius: 12px; text-align: center; cursor: pointer; }
.media-dropzone:hover, .media-dropzone:focus-within { border-color: var(--blue-600); background: #f3f7ff; }
.media-dropzone .icon { width: 28px; height: 28px; }
.media-dropzone span { color: var(--muted); font-size: 13px; }
.media-preview-grid, .media-library-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(175px, 1fr)); gap: 14px; }
.media-card { min-width: 0; overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 11px; box-shadow: var(--shadow-sm); }
.media-card > img { width: 100%; aspect-ratio: 4/3; display: block; object-fit: cover; background: #edf2f7; }
.media-card > div { position: relative; min-width: 0; display: grid; gap: 4px; padding: 11px 42px 11px 12px; }
.media-card strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.media-card small { color: var(--muted); font-size: 11px; }
.media-card .icon-button { position: absolute; right: 4px; top: 5px; width: 34px; height: 34px; color: var(--red-600); }
.attribute-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; padding: 18px; }
.attribute-card { padding: 18px; background: #fbfcfe; border: 1px solid var(--line); border-radius: 11px; }
.attribute-values { display: flex; flex-wrap: wrap; gap: 7px; margin: 16px 0; }
.attribute-values span { display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; background: white; border: 1px solid var(--line); border-radius: 999px; font-size: 12px; }
.attribute-values i { width: 13px; height: 13px; border: 1px solid rgba(0,0,0,.12); border-radius: 50%; }
.product-section-summary { margin: 20px 0 14px; color: #60738f; font-size: 14px; }
.product-section-list { display: grid; grid-template-columns: 1fr; gap: 12px; margin-top: 0; }
.product-section-item { min-height: 64px; display: grid; grid-template-columns: 24px 28px minmax(0, 1fr) auto 42px 28px; align-items: center; gap: 10px; padding: 10px 13px; background: white; border: 1px solid #e2e8f0; border-radius: 8px; box-shadow: 0 1px 2px rgba(15,42,67,.04); cursor: pointer; }
.product-section-item:hover { border-color: #cbd7e4; box-shadow: 0 2px 5px rgba(15,42,67,.06); }
.product-section-item > input { position: absolute; opacity: 0; pointer-events: none; }
.product-section-item > .switch { pointer-events: none; }
.section-drag { color: #71859d; font-size: 18px; line-height: 1; text-align: center; }
.section-delete { width: 28px; height: 28px; display: grid; place-items: center; padding: 0; color: #ef4444; background: transparent; border: 0; border-radius: 6px; }
.section-delete:hover { background: #fff0f1; }
.section-delete .icon { width: 16px; height: 16px; }
.product-add-section { margin-top: 16px; }
.product-section-item strong, .product-section-item small { display: block; }
.product-section-item small { margin-top: 3px; color: var(--muted); }
.section-order { width: 25px; height: 25px; display: grid; place-items: center; color: #08749b; background: #e8f3f7; border-radius: 50%; font-size: 11px; font-weight: 700; }
.product-preview-card { display: grid; grid-template-columns: minmax(220px, .8fr) 1.2fr; gap: 28px; align-items: center; }
.preview-product-image { min-height: 300px; display: grid; place-items: center; overflow: hidden; color: var(--blue-600); background: #f0f4fa; border-radius: 12px; }
.preview-product-image img { width: 100%; height: 100%; object-fit: cover; }
.preview-product-image .icon { width: 74px; height: 74px; }
.product-preview-price { display: block; margin: 14px 0; color: var(--blue-700); font-size: 25px; }
.finance-flow { min-height: 92px; display: flex; align-items: center; gap: 12px; overflow-x: auto; padding: 16px 18px; scrollbar-width: thin; }
.finance-flow > b { flex: 0 0 auto; color: #91a2b7; font-size: 18px; }
.flow-step { flex: 1 0 150px; min-width: 0; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 10px; }
.flow-step > span { width: 34px; height: 34px; display: grid; place-items: center; color: white; background: linear-gradient(135deg, var(--blue-700), var(--cyan-600)); border-radius: 10px; font-size: 12px; font-weight: 850; box-shadow: 0 5px 12px rgba(35,86,216,.18); }
.flow-step strong, .flow-step small { display: block; }
.flow-step strong { font-size: 13px; }
.flow-step small { margin-top: 3px; color: var(--muted); font-size: 11px; }
.choice-card { min-height: 190px; display: grid; place-items: center; align-content: center; gap: 10px; padding: 26px; color: var(--text); text-align: center; transition: transform .16s, border-color .16s, box-shadow .16s; }
.choice-card:hover, .choice-card:focus-visible { transform: translateY(-2px); border-color: #aac1ea; box-shadow: var(--shadow-md); outline: none; }
.choice-card .metric-icon { width: 52px; height: 52px; border-radius: 14px; }
.choice-card strong { font-size: 16px; }
.choice-card small { max-width: 360px; color: var(--muted); line-height: 1.5; }
.commercial-document { max-width: 1180px; margin-inline: auto; padding: 32px; }
.document-head { display: grid; grid-template-columns: 1fr minmax(260px, .72fr); gap: 32px; align-items: start; padding-bottom: 26px; border-bottom: 2px solid var(--ink-900); }
.document-head > div:last-child { text-align: right; }
.document-head h1 { margin: 6px 0 14px; font-size: 29px; }
.document-head .form-field { margin-left: auto; text-align: left; }
.document-columns { display: grid; grid-template-columns: 1.45fr .55fr; gap: 28px; padding: 26px 0; }
.document-columns > section { min-width: 0; }
.document-lines { display: grid; gap: 9px; padding: 22px 0; border-block: 1px solid var(--line); }
.document-line-head, .document-line { display: grid; grid-template-columns: minmax(220px, 1fr) 86px 130px 100px 40px; gap: 9px; align-items: center; }
.document-line-head { padding: 0 4px; color: var(--muted); font-size: 11px; font-weight: 780; letter-spacing: .04em; text-transform: uppercase; }
.document-total { display: grid; grid-template-columns: minmax(0, 1fr) minmax(270px, .42fr); gap: 34px; padding: 24px 0; }
.document-summary { align-self: start; overflow: hidden; border: 1px solid var(--line); border-radius: 11px; }
.document-summary > * { padding: 14px; }
.document-summary > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; color: var(--ink-800); background: #f2f6fb; }
.document-summary strong { font-size: 15px; }
.purchase-line { display: grid; grid-template-columns: minmax(210px, 1.35fr) 100px 130px 105px 40px; gap: 10px; align-items: end; margin-top: 11px; padding: 13px; background: #f8fafc; border: 1px solid var(--line); border-radius: 11px; }
.purchase-line .form-field { margin: 0; }
.purchase-line .icon-button { margin-bottom: 1px; color: var(--red-600); }
.invoice-order-list { display: grid; gap: 8px; max-height: 360px; overflow: auto; margin: 18px 0; padding: 4px; }
.invoice-order-list label { min-height: 55px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 10px 13px; background: #f8fafc; border: 1px solid var(--line); border-radius: 9px; cursor: pointer; }
.invoice-order-list label:hover, .invoice-order-list label:has(input:checked) { background: #f0f5ff; border-color: #b6c9ee; }
.invoice-order-list input { width: 17px; height: 17px; margin-right: 7px; accent-color: var(--blue-600); }
.finance-score { color: var(--blue-700); font-size: 34px; letter-spacing: -.04em; }
.form-error { padding: 10px 12px; color: #a93440; background: #fdebee; border: 1px solid #f3c5cb; border-radius: 8px; font-size: 12px; }
.toast.danger { background: #9f3140; }
.toast.warning { background: #996311; }
.boot-screen { min-height: 100vh; display: grid; place-content: center; gap: 12px; text-align: center; color: var(--ink-600); background: var(--canvas); }
.boot-screen .brand-name { font-size: 28px; }

.site-command-bar { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 16px; padding: 14px 18px; }
.site-command-bar > div:first-child { display: flex; align-items: center; gap: 11px; flex-wrap: wrap; }
.site-command-bar small { color: var(--muted); }
.site-studio { display: grid; grid-template-columns: 245px minmax(430px, 1fr) 295px; gap: 14px; align-items: start; }
.site-library, .site-properties { position: sticky; top: 84px; max-height: calc(100vh - 105px); overflow: auto; padding: 18px; }
.site-library h2, .site-properties h2 { margin: 5px 0 4px; }
.site-live-preview { min-width: 0; overflow: hidden; padding: 0 16px 20px; background: #e8edf4; }
.site-live-preview .site-preview { min-height: 620px; border-radius: 4px; }
.site-live-preview .preview-hero { background: linear-gradient(120deg, color-mix(in srgb, var(--preview-primary) 62%, #071927), var(--preview-primary)); }
.site-live-preview .preview-hero .button.primary { background: var(--preview-accent); border-color: var(--preview-accent); color: #102235; }
.site-section-list { display: grid; gap: 7px; margin: 17px 0; }
.site-section-row { min-height: 58px; display: grid; grid-template-columns: 28px minmax(0, 1fr) 34px; align-items: center; gap: 8px; padding: 8px; background: #f8fafc; border: 1px solid var(--line); border-radius: 9px; }
.site-section-row > span { width: 27px; height: 27px; display: grid; place-items: center; color: var(--blue-700); background: var(--blue-100); border-radius: 7px; font-size: 11px; font-weight: 800; }
.site-section-row strong, .site-section-row small { display: block; }
.site-section-row strong { font-size: 12px; }
.site-section-row small { margin-top: 2px; color: var(--muted); font-size: 10px; }
.site-section-row .icon-button { width: 32px; height: 32px; color: var(--red-600); }
.site-section-row .icon-button:disabled { visibility: hidden; }
.site-add-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.site-add-grid button { min-height: 65px; display: grid; place-items: center; align-content: center; gap: 4px; color: var(--ink-700); background: white; border: 1px dashed #b9c7d8; border-radius: 9px; font-size: 11px; }
.site-add-grid button:hover { color: var(--blue-700); border-color: var(--blue-600); background: var(--blue-100); }
.site-properties .form-field { margin-top: 12px; }
.site-properties hr { margin: 18px 0; border: 0; border-top: 1px solid var(--line); }
.site-properties textarea.field { min-height: 82px; }
.field-prefix { display: flex; align-items: center; border: 1px solid var(--line); border-radius: 9px; overflow: hidden; }
.field-prefix > span { align-self: stretch; display: grid; place-items: center; padding: 0 10px; color: var(--muted); background: #f3f6fa; font-weight: 600; }
.field-prefix .field { border: 0; border-radius: 0; box-shadow: none; }
.color-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.color-fields input[type="color"] { width: 100%; height: 42px; padding: 4px; background: white; border: 1px solid var(--line); border-radius: 9px; }

/* Website builder: fullscreen parity workspace */
.store-builder-shell { --builder-ui:#2563eb; --builder-ui-radius:12px; width:100%; height:100vh; display:grid; grid-template-columns:56px minmax(0,1fr) 310px; grid-template-rows:64px minmax(0,1fr); overflow:hidden; color:#111827; background:#fff; font-size:15px; }
.store-builder-shell button, .store-builder-shell input, .store-builder-shell textarea, .store-builder-shell select { font:inherit; }
.store-builder-shell button { cursor:pointer; }
.store-builder-tools { grid-column:1; grid-row:1/3; z-index:5; display:flex; flex-direction:column; align-items:center; gap:8px; padding:8px; border-right:1px solid #dbe3ec; background:#fff; }
.store-builder-tools button { width:40px; height:40px; display:grid; place-items:center; padding:0; color:#263244; background:transparent; border:0; border-radius:10px; transition:background .16s,color .16s,transform .16s; }
.store-builder-tools button:hover { background:#f2f6f9; }
.store-builder-tools button:active { transform:scale(.94); }
.store-builder-tools button.active { color:#fff; background:#2c8da8; }
.store-builder-tools .icon { width:18px; height:18px; stroke-width:1.8; }
.store-builder-tools .store-builder-help { margin-top:auto; }
.store-builder-topbar { grid-column:2/4; grid-row:1; z-index:4; min-width:0; display:grid; grid-template-columns:minmax(360px,1fr) auto minmax(360px,1fr); align-items:center; gap:14px; padding:0 24px; border-bottom:1px solid #dbe3ec; background:#fff; box-shadow:0 2px 5px rgba(15,23,42,.05); }
.store-builder-top-left { position:relative; display:flex; align-items:center; gap:16px; min-width:0; }
.store-builder-top-left > span { width:1px; height:40px; flex:0 0 1px; background:#e2e8f0; }
.store-builder-exit { min-height:36px; display:flex; align-items:center; gap:10px; padding:0 12px; white-space:nowrap; color:#111827; background:transparent; border:0; border-radius:10px; }
.store-builder-exit:hover { background:#f3f5f7; }
.store-builder-page-select { width:300px; height:40px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 14px; text-align:left; color:#111827; background:#fff; border:1px solid #dbe3ec; border-radius:11px; box-shadow:0 2px 8px rgba(15,23,42,.04); }
.store-builder-page-select span { min-width:0; }
.store-builder-page-select strong, .store-builder-page-select small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.store-builder-page-select strong { font-weight:500; }
.store-builder-page-select small { margin-top:1px; color:#71829a; font-size:12px; }
.store-builder-page-select .icon { width:15px; height:15px; }
.store-builder-device { height:42px; display:flex; align-items:center; gap:4px; padding:4px 8px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; }
.store-builder-device button { width:40px; height:32px; display:grid; place-items:center; padding:0; color:#111827; background:transparent; border:0; border-radius:5px; }
.store-builder-device button.active { color:#fff; background:#2563eb; }
.store-builder-device button:disabled { opacity:.28; cursor:not-allowed; }
.store-builder-device .builder-redo .icon { transform:scaleX(-1); }
.store-builder-device i { width:1px; height:24px; margin:0 4px; background:#dbe3ec; }
.store-builder-top-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; }
.store-builder-draft-state { display:flex; align-items:center; gap:5px; color:#64748b; font-size:10px; white-space:nowrap; }
.store-builder-draft-state .icon { width:13px; height:13px; }
.store-builder-draft-state.dirty { color:#a35b00; font-weight:700; }
.store-builder-preview-button, .store-builder-publish, .store-builder-save { min-height:38px; display:flex; align-items:center; justify-content:center; gap:9px; padding:0 16px; white-space:nowrap; border-radius:10px; transition:transform .16s,box-shadow .16s,background .16s; }
.store-builder-engagements { position:relative; width:38px; height:38px; display:grid; place-items:center; color:#263244; background:#fff; border:1px solid #dbe3ec; border-radius:6px; }
.store-builder-preview-button { color:#111827; background:#fff; border:1px solid #dbe3ec; }
.store-builder-publish { color:#075d80; background:#eaf7fb; border:1px solid #b9dfea; font-weight:750; }
.store-builder-publish:hover { color:#fff; background:#2563eb; border-color:#2563eb; box-shadow:0 8px 20px rgba(8,119,154,.2); }
.store-builder-save { min-width:153px; color:#fff; background:#006d91; border:1px solid #006d91; box-shadow:0 2px 5px rgba(0,75,105,.16); }
.store-builder-save:hover { background:#005e7d; }
.store-builder-save.dirty { background:#2563eb; box-shadow:0 0 0 3px rgba(8,125,164,.13),0 2px 5px rgba(0,75,105,.16); }
.store-builder-preview-button:active, .store-builder-publish:active, .store-builder-save:active { transform:translateY(1px); }
.store-builder-save:disabled, .store-builder-publish:disabled { opacity:.58; cursor:wait; }
.store-builder-draft-state.saving .icon { animation:builder-spin .8s linear infinite; }
@keyframes builder-spin { to { transform:rotate(360deg); } }
.builder-engagement-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:22px; }
.builder-engagement-metrics article { display:grid; grid-template-columns:38px 1fr; grid-template-rows:auto auto; align-items:center; column-gap:10px; padding:14px; background:#f5f8fb; border:1px solid #e1e7ee; border-radius:10px; }
.builder-engagement-metrics article > span { grid-row:1/3; width:38px; height:38px; display:grid; place-items:center; color:#2563eb; background:#dff0f5; border-radius:9px; }
.builder-engagement-metrics strong { font-size:21px; }
.builder-engagement-metrics small { color:#64748b; }
.builder-engagement-section + .builder-engagement-section { margin-top:22px; }
.builder-engagement-section h3 { margin:0 0 10px; }
.builder-engagement-section td strong, .builder-engagement-section td small { display:block; }
.store-builder-page-picker { position:absolute; z-index:20; top:44px; left:200px; width:405px; overflow:hidden; background:#fff; border:1px solid #111827; box-shadow:0 8px 24px rgba(15,23,42,.16); }
.store-builder-page-picker > nav { height:36px; display:grid; grid-template-columns:1fr 1fr; background:#f4f7fa; }
.store-builder-page-picker > nav button { display:flex; align-items:center; justify-content:center; gap:8px; color:#64748b; background:transparent; border:0; border-bottom:1px solid #dbe3ec; }
.store-builder-page-picker > nav button.active { color:#111827; background:#fff; border-bottom-color:#111827; }
.store-builder-page-picker > label { height:42px; display:flex; align-items:center; gap:8px; padding:0 13px; border-bottom:1px solid #dbe3ec; }
.store-builder-page-picker > label input { width:100%; height:100%; padding:0; color:#111827; background:transparent; border:0; outline:0; }
.store-builder-page-picker > div { max-height:300px; padding:6px; overflow-y:auto; }
.store-builder-page-picker > div > button { width:100%; min-height:48px; display:flex; align-items:center; justify-content:space-between; padding:6px 9px; color:#111827; text-align:left; background:#fff; border:0; border-radius:4px; }
.store-builder-page-picker > div > button:hover, .store-builder-page-picker > div > button.active { color:#075f82; background:#d9edf4; }
.store-builder-page-picker strong, .store-builder-page-picker small { display:block; }
.store-builder-page-picker small { margin-top:2px; color:#64748b; font-size:12px; }
.store-builder-new-page { width:100%; min-height:54px; display:flex; align-items:center; gap:9px; padding:0 20px; color:#006d91; background:#fff; border:0; border-top:1px solid #dbe3ec; text-align:left; }
.store-builder-picker-empty { display:grid; place-items:center; gap:8px; padding:24px; color:#64748b; text-align:center; }
.store-builder-picker-empty button { min-height:34px; color:#006d91; background:#fff; border:1px solid #dbe3ec; border-radius:5px; }
.store-builder-stage { grid-column:2; grid-row:2; min-width:0; overflow:auto; padding:20px; background:radial-gradient(circle at 50% -20%,#fff 0,#f2f5f8 44%,#e9eef4 100%); transition:padding .2s; }
.store-builder-preview { width:100%; min-height:calc(100vh - 104px); overflow:hidden; color:var(--builder-secondary); background:var(--builder-bg); border:1px solid rgba(148,163,184,.28); border-radius:16px; box-shadow:0 18px 42px rgba(15,23,42,.14),0 2px 8px rgba(15,23,42,.07); transform-origin:top center; }
.store-builder-stage.mobile .store-builder-preview { width:390px; min-height:760px; margin:0 auto; border:8px solid #17243a; border-radius:28px; }
.store-builder-stage.tablet .store-builder-preview { width:768px; min-height:900px; margin:0 auto; border:8px solid #17243a; border-radius:22px; }
.store-builder-announcement { min-height:32px; display:grid; place-items:center; padding:6px 12px; color:#fff; background:var(--builder-primary); font-size:11px; font-weight:750; text-align:center; }
.store-builder-announcement > span { display:block; }
.store-builder-announcement > .width-container { width:calc(100% - 32px); margin-inline:auto; }
.store-builder-announcement > .width-full { width:100%; }
.store-builder-preview > nav { min-height:88px; display:flex; align-items:center; gap:24px; padding:10px 32px; background:#fff; }
.store-builder-logo { width:70px; height:70px; flex:0 0 70px; display:grid; place-items:center; overflow:hidden; border:2px solid currentColor; border-radius:50%; font-size:14px; font-weight:700; }
.store-builder-logo img { width:100%; height:100%; object-fit:contain; }
.store-builder-preview-links { flex:1; display:flex; align-items:center; gap:28px; }
.store-builder-preview-actions { position:relative; display:flex; gap:25px; }
.store-builder-preview-actions > b { position:absolute; top:-10px; right:-9px; width:18px; height:18px; display:grid; place-items:center; color:#fff; background:#5045ef; border-radius:50%; font-size:11px; }
.store-builder-hero { min-height:355px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:42px; text-align:center; background:linear-gradient(135deg,#ececec,#f6f6f6); }
.store-builder-preview [data-builder-section-select]:hover { outline:2px solid #2992ae; outline-offset:-2px; cursor:pointer; }
.store-builder-preview [data-builder-section-select] { padding-block:var(--section-editor-padding,36px); overflow:clip; border-radius:var(--section-editor-radius,0); transition:border-radius .18s,padding .18s,width .18s,box-shadow .18s; }
.store-builder-preview .store-builder-hero[data-builder-section-select] { min-height:max(355px,var(--section-editor-min-height,0px)); }
.store-builder-preview :is(.store-builder-banner,.store-builder-contact-preview,.store-builder-countdown-preview)[data-builder-section-select] { min-height:max(190px,var(--section-editor-min-height,0px)); }
.store-builder-preview .store-builder-video-preview[data-builder-section-select] { min-height:max(260px,var(--section-editor-min-height,0px)); }
.store-builder-preview .store-builder-generic-section[data-builder-section-select] { min-height:max(180px,var(--section-editor-min-height,0px)); }
.store-builder-preview :is(.store-builder-products,.store-builder-collection-preview,.store-builder-feature-preview,.store-builder-testimonial-preview,.store-builder-faq-preview,.store-builder-newsletter-preview,.store-builder-form-preview)[data-builder-section-select] { min-height:var(--section-editor-min-height,0px); }
.store-builder-preview [data-builder-content-width="boxed"] { width:calc(100% - 32px); margin:18px auto; box-shadow:0 12px 30px rgba(15,23,42,.08); }
.store-builder-preview [data-builder-content-width="narrow"] { width:min(760px,calc(100% - 32px)); margin:18px auto; box-shadow:0 12px 30px rgba(15,23,42,.07); }
.store-builder-preview [data-builder-content-alignment="left"] { text-align:left; }
.store-builder-preview [data-builder-content-alignment="center"] { text-align:center; }
.store-builder-preview [data-builder-content-alignment="right"] { text-align:right; }
.store-builder-preview :is(.store-builder-hero,.store-builder-banner,.store-builder-contact-preview,.store-builder-countdown-preview)[data-builder-content-alignment="left"] { align-items:flex-start; }
.store-builder-preview :is(.store-builder-hero,.store-builder-banner,.store-builder-contact-preview,.store-builder-countdown-preview)[data-builder-content-alignment="center"] { align-items:center; }
.store-builder-preview :is(.store-builder-hero,.store-builder-banner,.store-builder-contact-preview,.store-builder-countdown-preview)[data-builder-content-alignment="right"] { align-items:flex-end; }
.store-builder-preview [data-builder-section-select] :is(h1,h2) { font-size:var(--section-editor-heading,40px); }
.store-builder-preview [data-builder-section-select] :is(p,blockquote) { font-size:var(--section-editor-body,16px); }
.store-builder-preview [data-builder-button-size="compact"] button { min-height:32px; padding-inline:13px; font-size:12px; }
.store-builder-preview [data-builder-button-size="large"] button { min-height:50px; padding-inline:26px; font-size:16px; }
.store-builder-image-preview[data-builder-media-ratio="1/1"] { min-height:0; aspect-ratio:1 / 1; }
.store-builder-image-preview[data-builder-media-ratio="4/5"] { min-height:0; aspect-ratio:4 / 5; }
.store-builder-image-preview[data-builder-media-ratio="16/9"] { min-height:0; aspect-ratio:16 / 9; }
.store-builder-image-preview[data-builder-media-ratio="21/9"] { min-height:0; aspect-ratio:21 / 9; }
.store-builder-hero small { color:#2563eb; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.store-builder-hero h1 { margin:10px 0; color:#111; font-size:40px; font-weight:500; }
.store-builder-hero p { max-width:570px; color:#64748b; }
.store-builder-hero button { min-height:38px; margin-top:14px; padding:0 18px; color:#fff; background:var(--builder-button-bg,var(--builder-primary)); border:1px solid var(--builder-button-bg,var(--builder-primary)); border-radius:var(--builder-button-radius,5px); }
.store-builder-products { padding:30px 24px 44px; background:#fff; }
.store-builder-products > h2 { margin:0 0 24px; text-align:center; font-size:31px; font-weight:500; }
.store-builder-products > div { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.store-builder-products article { min-height:260px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; border:1px solid #e4e7eb; border-radius:13px; }
.store-builder-products article > span { width:92px; height:92px; display:grid; place-items:center; color:#9aa4b2; }
.store-builder-products article .icon { width:70px; height:70px; stroke-width:.8; }
.store-builder-products article small { color:#64748b; }
.store-builder-generic-section { min-height:180px; display:flex; align-items:center; justify-content:center; gap:20px; padding:36px; text-align:center; background:#f8fafc; border-top:1px solid #e2e8f0; }
.store-builder-generic-section > span { width:52px; height:52px; display:grid; place-items:center; color:#2563eb; background:#dff0f5; border-radius:50%; }
.store-builder-generic-section h2 { margin:0 0 7px; font-size:28px; }
.store-builder-generic-section p { margin:0; color:#64748b; }
.store-builder-banner, .store-builder-contact-preview, .store-builder-countdown-preview { min-height:190px; display:flex; align-items:center; justify-content:space-between; gap:32px; padding:36px 46px; color:#fff; background:var(--builder-secondary); }
.store-builder-preview [data-builder-template-variant="2"] { border-block:1px solid color-mix(in srgb,var(--builder-primary) 20%,#dce3ea); }
.store-builder-hero[data-builder-template-variant="2"] { align-items:end; text-align:right; background:linear-gradient(125deg,var(--builder-secondary),var(--builder-primary)); }
.store-builder-hero[data-builder-template-variant="3"] { background:linear-gradient(145deg,var(--builder-primary),color-mix(in srgb,var(--builder-primary) 65%,#111827)); }
.store-builder-hero[data-builder-template-variant="4"] { min-height:500px; align-items:flex-start; justify-content:end; text-align:left; }
.store-builder-hero[data-builder-template-variant="5"] { color:#172033; background:#f2f5f8; }
.store-builder-hero[data-builder-template-variant="5"] p { color:#64748b; }
.store-builder-hero[data-builder-template-variant="6"] { background:linear-gradient(115deg,var(--builder-secondary) 0 50%,var(--builder-primary) 50%); }
.store-builder-hero:is([data-builder-template-variant="2"],[data-builder-template-variant="3"],[data-builder-template-variant="6"]) :is(h1,p) { color:#fff; }
.store-builder-products[data-builder-template-variant="2"] > div { grid-template-columns:repeat(2,1fr); }
.store-builder-products[data-builder-template-variant="3"] > div { grid-template-columns:repeat(3,1fr); }
.store-builder-products[data-builder-template-variant="4"] article { align-items:flex-start; min-height:180px; padding:20px; border-radius:2px; }
.store-builder-products[data-builder-template-variant="5"] { background:#f3f6f9; }
.store-builder-products[data-builder-template-variant="6"] article { color:#fff; background:var(--builder-secondary); border-color:transparent; }
.store-builder-banner[data-builder-template-variant="2"], .store-builder-contact-preview[data-builder-template-variant="2"], .store-builder-countdown-preview[data-builder-template-variant="2"] { background:linear-gradient(115deg,var(--builder-secondary),var(--builder-primary)); }
.store-builder-banner[data-builder-template-variant="3"], .store-builder-contact-preview[data-builder-template-variant="3"] { flex-direction:column; align-items:center; text-align:center; }
.store-builder-banner[data-builder-template-variant="4"], .store-builder-contact-preview[data-builder-template-variant="4"] { color:#172033; background:#eef3f7; }
.store-builder-banner[data-builder-template-variant="4"] p, .store-builder-contact-preview[data-builder-template-variant="4"] p { color:#64748b; }
.store-builder-banner[data-builder-template-variant="5"], .store-builder-countdown-preview[data-builder-template-variant="5"] { background:var(--builder-primary); }
.store-builder-banner[data-builder-template-variant="6"] { min-height:260px; align-items:end; background:linear-gradient(145deg,var(--builder-secondary),#0d1728); }
.store-builder-image-preview[data-builder-template-variant="2"] > div { justify-self:start; margin-left:28px; text-align:left; }
.store-builder-image-preview[data-builder-template-variant="3"] > div { justify-self:end; margin-right:28px; text-align:right; }
.store-builder-image-preview[data-builder-template-variant="4"] { min-height:470px; }
.store-builder-image-preview[data-builder-template-variant="5"] > div { align-self:end; width:100%; max-width:none; border-radius:0; }
.store-builder-image-preview[data-builder-template-variant="6"] { clip-path:polygon(0 0,100% 8%,100% 92%,0 100%); }
.store-builder-preview :is(.store-builder-collection-preview,.store-builder-feature-preview,.store-builder-testimonial-preview,.store-builder-faq-preview,.store-builder-newsletter-preview,.store-builder-form-preview)[data-builder-template-variant="2"] { background:#f4f7fa; }
.store-builder-preview :is(.store-builder-collection-preview,.store-builder-feature-preview,.store-builder-testimonial-preview)[data-builder-template-variant="3"] > div { grid-template-columns:repeat(2,1fr); }
.store-builder-preview :is(.store-builder-collection-preview,.store-builder-feature-preview)[data-builder-template-variant="4"] article,
.store-builder-testimonial-preview[data-builder-template-variant="4"] blockquote { border:1px solid #dbe3ec; border-radius:2px; background:#fff; }
.store-builder-newsletter-preview[data-builder-template-variant="5"], .store-builder-form-preview[data-builder-template-variant="5"] { color:#fff; background:var(--builder-secondary); }
.store-builder-preview [data-builder-template-variant="6"] { box-shadow:inset 4px 0 0 var(--builder-accent); }
.store-builder-banner small, .store-builder-contact-preview small, .store-builder-countdown-preview small, .store-builder-products > small, .store-builder-newsletter-preview > small, .store-builder-form-preview small { color:var(--builder-accent); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.store-builder-banner h2, .store-builder-contact-preview h2, .store-builder-countdown-preview h2 { margin:8px 0; font-size:32px; }
.store-builder-banner p, .store-builder-contact-preview p { margin:0; color:rgba(255,255,255,.72); }
.store-builder-banner button, .store-builder-contact-preview button, .store-builder-newsletter-preview button, .store-builder-form-preview button { min-height:38px; padding:0 18px; color:#fff; background:var(--builder-button-bg,var(--builder-primary)); border:1px solid var(--builder-button-bg,var(--builder-primary)); border-radius:var(--builder-button-radius,6px); }
.store-builder-preview.buttons-outline button { color:var(--builder-button-bg,var(--builder-primary)); background:transparent; }
.store-builder-preview.nav-centered > nav { justify-content:center; }
.store-builder-preview.nav-centered .store-builder-preview-links { flex:0 1 auto; }
.store-builder-preview.nav-split > nav { justify-content:space-between; }
.store-builder-preview.nav-minimal .store-builder-preview-links { gap:16px; font-size:12px; }
.store-builder-preview > nav.width-container { width:calc(100% - 32px); margin-inline:auto; padding-inline:16px; }
.store-builder-fixed-preview { min-height:58px; display:flex; align-items:center; justify-content:center; gap:10px; padding:10px 20px; background:#f5f8fb; border-top:1px solid #e0e7ef; }
.store-builder-fixed-preview span { display:inline-flex; align-items:center; gap:6px; padding:7px 10px; color:#506277; background:#fff; border:1px solid #dae2eb; border-radius:999px; font-size:11px; }
.store-builder-fixed-preview .icon { width:14px; height:14px; color:var(--builder-primary); }
.store-builder-footer-preview { color:var(--builder-footer-color,#f8fafc); background:var(--builder-footer-bg,#1e293b); }
.store-builder-footer-main { padding:26px 33px 22px; }
.store-builder-footer-main.width-container { width:100%; margin-inline:auto; }
.store-builder-footer-main.width-full { width:100%; }
.store-builder-footer-brand { width:70px; height:70px; display:grid; place-items:center; margin-bottom:43px; overflow:hidden; border-radius:50%; font-size:13px; font-weight:800; }
.store-builder-footer-brand.placeholder { color:#050b12; border:2px solid #050b12; }
.store-builder-footer-brand img { width:100%; height:100%; object-fit:contain; }
.store-builder-footer-columns { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
.store-builder-footer-columns section { min-width:0; display:grid; align-content:start; gap:9px; text-align:left; }
.store-builder-footer-columns strong { margin-bottom:7px; font-size:14px; line-height:1.35; }
.store-builder-footer-columns span { overflow:hidden; opacity:.9; font-size:14px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.store-builder-footer-social { display:grid; justify-items:center; gap:15px; padding:25px 21px; border-block:1px solid color-mix(in srgb,currentColor 15%,transparent); }
.store-builder-footer-social > strong { font-size:12px; letter-spacing:.08em; }
.store-builder-footer-social > div { display:flex; gap:10px; }
.store-builder-footer-social span { width:40px; height:40px; display:grid; place-items:center; opacity:.72; border:1px solid color-mix(in srgb,currentColor 22%,transparent); border-radius:50%; font-size:11px; font-weight:800; }
.store-builder-footer-social span.configured { opacity:1; background:color-mix(in srgb,currentColor 8%,transparent); }
.store-builder-footer-social span .social-brand { width:16px; height:16px; opacity:1; border:0; border-radius:0; }
.store-builder-footer-bottom { padding:17px 24px; text-align:center; font-size:12px; }
.store-builder-product-page { padding:22px 28px 46px; background:#fff; }
.store-builder-product-breadcrumb { margin-bottom:18px; color:#78879a; font-size:11px; }
.store-builder-product-detail { display:grid; grid-template-columns:1.05fr .95fr; gap:34px; align-items:start; }
.store-builder-product-gallery { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.store-builder-product-gallery > div { grid-column:1/-1; min-height:390px; display:grid; place-items:center; overflow:hidden; color:#91a0b2; background:#f2f4f7; border-radius:12px; }
.store-builder-product-gallery > div .icon { width:78px; height:78px; stroke-width:.8; }
.store-builder-product-gallery > div img { width:100%; height:100%; max-height:460px; object-fit:cover; }
.store-builder-product-gallery > span { height:62px; background:#eef1f5; border:1px solid #dce3ea; border-radius:7px; }
.store-builder-product-gallery.gallery-swiper > span { height:8px; align-self:center; background:#c8d2df; border:0; border-radius:999px; }
.store-builder-product-gallery.gallery-stacked { display:block; }
.store-builder-product-gallery.gallery-stacked > span { display:block; height:120px; margin-top:8px; }
.store-builder-product-gallery.gallery-masonry { grid-template-columns:repeat(2,1fr); }
.store-builder-product-gallery.gallery-masonry > div { grid-column:1/-1; min-height:300px; }
.store-builder-product-gallery.gallery-masonry > span { height:150px; }
.store-builder-product-detail > article { padding:24px; background:#fff; border-radius:12px; }
.store-builder-product-page.buybox-card .store-builder-product-detail > article { background:#f8fafc; box-shadow:0 10px 30px rgba(15,23,42,.08); }
.store-builder-product-page.buybox-outline .store-builder-product-detail > article { border:1px solid #dce3ea; }
.store-builder-product-detail article > small { color:#75869a; text-transform:uppercase; letter-spacing:.07em; }
.store-builder-product-detail h1 { margin:10px 0 12px; font-size:36px; line-height:1.08; }
.store-builder-product-reviews { margin-bottom:16px; color:#f3a400; font-weight:800; }
.store-builder-product-reviews span { margin-left:8px; color:#718197; font-size:11px; font-weight:500; }
.store-builder-product-detail article > p { color:#65758a; line-height:1.65; }
.store-builder-product-detail article > strong { display:block; margin:22px 0; font-size:27px; }
.store-builder-product-detail article > button { width:100%; min-height:46px; color:#fff; background:var(--builder-button-bg,var(--builder-primary)); border:1px solid var(--builder-button-bg,var(--builder-primary)); border-radius:var(--builder-button-radius,6px); }
.store-builder-product-page.layout-two-columns-reverse .store-builder-product-gallery { order:2; }
.store-builder-product-page.layout-full-media .store-builder-product-detail { grid-template-columns:1fr; }
.store-builder-product-page.layout-asymmetric .store-builder-product-detail { grid-template-columns:1.35fr .65fr; }
.store-builder-product-page.title-hero .store-builder-product-detail h1 { font-size:46px; }
.store-builder-product-page.title-compact .store-builder-product-detail h1 { font-size:28px; }
.store-builder-related { margin-top:44px; padding-top:28px; border-top:1px solid #e0e6ed; }
.store-builder-related h2 { margin:0 0 18px; font-size:25px; }
.store-builder-related > div { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.store-builder-related article { min-height:145px; display:grid; place-items:center; align-content:center; gap:8px; text-align:center; background:#f5f7fa; border-radius:9px; }
.store-builder-related article .icon { width:40px; height:40px; color:#8f9bab; }
.store-builder-related article small { color:#6c7c90; }
.store-builder-product-blocks { display:grid; gap:8px; margin:14px 0 20px; }
.store-builder-product-blocks article { display:grid; grid-template-columns:34px minmax(0,1fr); align-items:center; gap:10px; padding:10px; border:1px solid #dbe3ec; border-radius:8px; }
.store-builder-product-blocks article > .icon { color:#2563eb; }
.store-builder-product-blocks strong, .store-builder-product-blocks small { display:block; }
.store-builder-product-blocks small { margin-top:3px; color:#72829a; font-size:10px; }
.store-builder-image-preview { position:relative; min-height:310px; display:grid; place-items:center; overflow:hidden; color:#6b7a90; background:#edf2f7; }
.store-builder-image-preview > .icon { width:58px; height:58px; }
.store-builder-image-preview > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.store-builder-image-preview > div { position:relative; z-index:1; max-width:520px; padding:24px; text-align:center; background:rgba(255,255,255,.88); border-radius:10px; backdrop-filter:blur(8px); }
.store-builder-image-preview h2 { margin:0 0 8px; font-size:31px; }
.store-builder-image-preview p { margin:0; color:#64748b; }
.store-builder-collection-preview, .store-builder-testimonial-preview, .store-builder-faq-preview, .store-builder-newsletter-preview, .store-builder-form-preview, .store-builder-video-preview { padding:38px 32px; background:#fff; }
.store-builder-collection-preview > h2, .store-builder-testimonial-preview > h2, .store-builder-faq-preview > h2, .store-builder-newsletter-preview > h2, .store-builder-video-preview > h2 { margin:0 0 24px; text-align:center; font-size:31px; }
.store-builder-collection-preview > div, .store-builder-feature-preview, .store-builder-testimonial-preview > div { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.store-builder-collection-preview article, .store-builder-feature-preview article { min-height:120px; display:grid; place-items:center; align-content:center; gap:10px; padding:18px; text-align:center; background:#f5f7fa; border-radius:10px; }
.store-builder-collection-preview article > span, .store-builder-feature-preview article > span { width:34px; height:34px; display:grid; place-items:center; color:var(--builder-primary); background:#fff; border-radius:8px; }
.store-builder-feature-preview { padding:26px 32px; background:#fff; }
.store-builder-feature-preview article small { color:#64748b; line-height:1.45; }
.store-builder-testimonial-preview blockquote { margin:0; padding:22px; background:#f7f8fb; border-radius:10px; }
.store-builder-testimonial-preview blockquote span { color:#f6a800; }
.store-builder-testimonial-preview blockquote p { min-height:38px; color:#44556a; }
.store-builder-testimonial-preview cite { font-style:normal; font-weight:700; }
.store-builder-faq-preview { display:grid; gap:8px; }
.store-builder-faq-preview > h2 { margin-bottom:16px; }
.store-builder-faq-preview > div { display:flex; justify-content:space-between; padding:15px 18px; background:#f7f8fb; border-radius:8px; }
.store-builder-newsletter-preview { text-align:center; background:#f5f7fa; }
.store-builder-newsletter-preview > h2 { margin:7px 0; }
.store-builder-newsletter-preview > p { margin:0; color:#64748b; }
.store-builder-newsletter-preview > div { max-width:520px; display:flex; gap:8px; margin:20px auto 0; }
.store-builder-newsletter-preview > div > span { min-height:var(--section-editor-field-height,44px); flex:1; display:flex; align-items:center; padding:12px 14px; color:#8a98aa; text-align:left; background:#fff; border:1px solid #dbe3ec; border-radius:var(--section-editor-field-radius,9px); }
.store-builder-form-preview { display:grid; grid-template-columns:.9fr 1.1fr; gap:36px; align-items:center; }
.store-builder-form-preview h2 { margin:8px 0; font-size:31px; }
.store-builder-form-preview p { color:#64748b; }
.store-builder-form-preview > div:last-child { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.store-builder-form-preview[data-builder-form-columns="1"] > div:last-child { grid-template-columns:1fr; }
.store-builder-form-preview > div:last-child span { min-height:var(--section-editor-field-height,44px); padding:11px 12px; color:#8a98aa; border:1px solid #dbe3ec; border-radius:var(--section-editor-field-radius,9px); }
.store-builder-form-preview .wide, .store-builder-form-preview button { grid-column:1/-1; }
.store-builder-video-preview { min-height:260px; display:grid; place-items:center; align-content:center; gap:8px; color:#fff; text-align:center; background:linear-gradient(135deg,#14243a,#243d5d); }
.store-builder-video-preview > span { width:62px; height:62px; display:grid; place-items:center; background:var(--builder-primary); border-radius:50%; }
.store-builder-video-preview > h2 { margin:8px 0 0; color:#fff; }
.store-builder-video-preview > small { color:rgba(255,255,255,.7); }
.store-builder-countdown-preview > div:last-child { display:flex; gap:8px; }
.store-builder-countdown-preview > div:last-child span { min-width:68px; display:grid; gap:4px; padding:12px; text-align:center; background:rgba(255,255,255,.1); border-radius:8px; font-size:9px; }
.store-builder-countdown-preview b { font-size:22px; }
.store-builder-stage.mobile .store-builder-preview-links { display:none; }
.store-builder-stage.mobile .store-builder-preview-actions { gap:10px; }
.store-builder-stage.mobile .store-builder-preview > nav { min-height:70px; padding:8px 15px; }
.store-builder-stage.mobile .store-builder-logo { width:52px; height:52px; flex-basis:52px; font-size:10px; }
.store-builder-stage.mobile .store-builder-hero { min-height:320px; padding:25px 16px; }
.store-builder-stage.mobile .store-builder-hero h1 { font-size:30px; }
.store-builder-stage.mobile .store-builder-products > div { grid-template-columns:repeat(2,1fr); }
.store-builder-stage.mobile :is(.store-builder-collection-preview > div,.store-builder-feature-preview,.store-builder-testimonial-preview > div,.store-builder-form-preview) { grid-template-columns:1fr; }
.store-builder-stage.mobile :is(.store-builder-banner,.store-builder-contact-preview,.store-builder-countdown-preview) { align-items:flex-start; flex-direction:column; padding:28px 20px; }
.store-builder-stage.mobile .store-builder-countdown-preview > div:last-child { width:100%; display:grid; grid-template-columns:repeat(2,1fr); }
.store-builder-stage.mobile .store-builder-newsletter-preview > div { flex-direction:column; }
.store-builder-stage.mobile .store-builder-product-page { padding:14px 12px 30px; }
.store-builder-stage.mobile .store-builder-product-detail { grid-template-columns:1fr; }
.store-builder-stage.mobile .store-builder-product-gallery { order:0 !important; }
.store-builder-stage.mobile .store-builder-product-gallery > div { min-height:300px; }
.store-builder-stage.mobile .store-builder-product-detail h1 { font-size:29px; }
.store-builder-stage.mobile .store-builder-related > div { grid-template-columns:repeat(2,1fr); }
.store-builder-inspector { grid-column:3; grid-row:2; position:relative; min-width:0; display:flex; flex-direction:column; overflow-y:auto; background:#fff; border-left:1px solid #dbe3ec; box-shadow:-8px 0 24px rgba(15,23,42,.035); }
.store-builder-panel-heading { min-height:72px; display:flex; align-items:flex-start; gap:12px; padding:16px 16px 12px; border-bottom:1px solid #e2e8f0; }
.store-builder-panel-heading > span { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; color:#2563eb; background:#dff0f5; border-radius:11px; }
.store-builder-panel-heading > button { width:32px; height:32px; flex:0 0 32px; display:grid; place-items:center; color:#334155; background:transparent; border:0; border-radius:5px; }
.store-builder-panel-heading > button:last-child { margin-left:auto; }
.store-builder-panel-heading h2 { margin:0; font-size:16px; line-height:21px; }
.store-builder-panel-heading small { display:block; margin-top:3px; color:#72829a; font-size:12px; }
.store-builder-inspector-body { flex:1; padding:18px; }
.store-builder-inspector-body h3 { margin:0; font-size:15px; }
.store-builder-inspector-body > p { color:#64748b; line-height:1.45; }
.store-builder-muted { margin:5px 0 16px!important; color:#64748b; font-size:12px; }
.store-builder-section-list, .store-builder-menu-items { display:grid; gap:10px; }
.store-builder-section-list > button { width:100%; min-height:54px; display:grid; grid-template-columns:22px 32px minmax(0,1fr) 16px; align-items:center; gap:8px; padding:7px 10px; color:#172033; text-align:left; background:#fff; border:1px solid #d9e1eb; border-radius:8px; }
.store-builder-section-list > button:hover { border-color:#7ab6c9; background:#f7fcfd; }
.store-builder-section-list > button.dragging { opacity:.45; }
.store-builder-section-list > button.drag-over { border-color:#0780a3; box-shadow:0 0 0 2px #c8eaf3; }
.store-builder-section-list .drag { color:#7890a8; font-size:20px; }
.store-builder-section-list b { width:30px; height:30px; display:grid; place-items:center; color:#57718e; background:#eef3f7; border-radius:50%; font-size:12px; }
.store-builder-section-list strong, .store-builder-section-list small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.store-builder-section-list small { margin-top:2px; color:#72829a; font-size:11px; }
.store-builder-inspector-footer { position:sticky; bottom:0; margin-top:auto; padding:12px 16px 16px; background:#fff; border-top:1px solid #dbe3ec; }
.store-builder-inspector-footer button, .store-builder-apply-palette { width:100%; min-height:40px; display:flex; align-items:center; justify-content:center; gap:9px; color:#fff; background:#006d91; border:0; border-radius:6px; box-shadow:0 2px 5px rgba(0,75,105,.2); }
.store-builder-category-list, .store-builder-template-list { display:grid; gap:8px; padding:12px 16px 20px; }
.store-builder-category-list > button, .store-builder-template-list > button { width:100%; min-height:68px; display:grid; grid-template-columns:42px minmax(0,1fr) 18px; align-items:center; gap:10px; padding:8px 12px; color:#111827; text-align:left; background:#fff; border:1px solid #d9e1eb; border-radius:12px; }
.store-builder-category-list > button:hover, .store-builder-template-list > button:hover { border-color:#76b5c9; background:#f7fcfd; }
.store-builder-category-list > button > span:first-child, .store-builder-template-thumb { width:40px; height:40px; display:grid; place-items:center; color:#2563eb; background:#dcecf1; border-radius:10px; }
.store-builder-category-list strong, .store-builder-category-list small, .store-builder-template-list strong, .store-builder-template-list small { display:block; }
.store-builder-category-list strong, .store-builder-template-list strong { font-size:15px; }
.store-builder-category-list small, .store-builder-template-list small { margin-top:3px; color:#64748b; font-size:12px; }
.store-builder-catalog-heading { min-height:118px; align-items:flex-start; }
.store-builder-catalog-heading h2 { font-size:20px; }
.store-builder-catalog-heading small { line-height:1.45; }
.store-builder-template-search { height:42px; flex:0 0 auto; display:flex; align-items:center; gap:8px; margin:14px 16px 4px; padding:0 11px; color:#7890a8; background:#fff; border:1px solid #d7e0ea; border-radius:6px; }
.store-builder-template-search .icon { width:17px; height:17px; }
.store-builder-template-search input { width:100%; min-width:0; border:0; outline:0; font-size:13px; }
.store-builder-template-list { gap:14px; }
.store-builder-template-list > button[data-builder-template-card] { position:relative; min-height:202px; display:block; overflow:hidden; padding:0; border-radius:7px; }
.store-builder-template-list > button[data-builder-template-card] > span:nth-child(2) { min-height:54px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 12px; }
.store-builder-template-list > button[data-builder-template-card] > span:nth-child(2) strong { overflow:hidden; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.store-builder-template-list > button[data-builder-template-card] > span:nth-child(2) small { flex:0 0 auto; margin:0; padding:3px 6px; color:#fff; background:#f4a000; border-radius:999px; font-size:9px; }
.store-builder-template-list > button[data-builder-template-card] > span:nth-child(2) small .icon { width:10px; height:10px; }
.store-builder-template-thumb { position:relative; width:100%; height:148px; display:block; overflow:hidden; color:#26364d; background:linear-gradient(135deg,#e7f3f6,#dce5f3); border-radius:0; }
.store-builder-template-thumb::before, .store-builder-template-thumb::after, .store-builder-template-thumb i, .store-builder-template-thumb b, .store-builder-template-thumb em { content:""; position:absolute; display:block; }
.store-builder-template-thumb::before { inset:0; background:linear-gradient(125deg,rgba(4,126,157,.08),rgba(91,68,218,.13)); }
.store-builder-template-thumb i { width:38%; height:7px; left:10%; top:42px; background:#26364d; border-radius:5px; box-shadow:0 15px 0 -1px rgba(38,54,77,.42),0 30px 0 -2px rgba(38,54,77,.22); }
.store-builder-template-thumb b { width:72px; height:86px; right:12%; top:28px; background:linear-gradient(145deg,#22c1c3,#4f46e5); border-radius:40px 14px 28px 12px; transform:rotate(6deg); }
.store-builder-template-thumb em { width:45px; height:15px; left:10%; bottom:24px; background:#2563eb; border-radius:3px; }
.store-builder-template-thumb.variant-1 { background:linear-gradient(135deg,#fff0df,#f3d8ff); }
.store-builder-template-thumb.variant-2 { background:linear-gradient(135deg,#e5fbf4,#daf1ff); }
.store-builder-template-thumb.variant-3 { background:linear-gradient(135deg,#f7e6ea,#eff1ff); }
.store-builder-template-thumb.variant-4 { background:linear-gradient(135deg,#eff8dd,#dff3eb); }
.store-builder-template-thumb.variant-5 { background:linear-gradient(135deg,#f3eadf,#e2ebf4); }
.store-builder-template-thumb.template-products::before, .store-builder-template-thumb.template-collections::before { width:78%; height:70px; inset:42px 11% auto; background:repeating-linear-gradient(90deg,#fff 0 42px,transparent 42px 48px); border:1px solid #d8e0e8; border-radius:4px; }
.store-builder-template-thumb.template-products i, .store-builder-template-thumb.template-collections i { width:38%; top:21px; left:31%; box-shadow:none; }
.store-builder-template-thumb.template-products b, .store-builder-template-thumb.template-products em, .store-builder-template-thumb.template-collections b, .store-builder-template-thumb.template-collections em { display:none; }
.store-builder-template-thumb.template-image b { width:42%; height:100%; right:0; top:0; border-radius:0; transform:none; }
.store-builder-template-thumb.template-testimonials::before, .store-builder-template-thumb.template-features::before { inset:38px 8% 25px; background:repeating-linear-gradient(90deg,#fff 0 62px,transparent 62px 70px); border-radius:5px; }
.store-builder-template-thumb.template-testimonials b, .store-builder-template-thumb.template-features b { width:24px; height:24px; top:48px; right:calc(50% - 12px); border-radius:50%; transform:none; }
.store-builder-template-thumb.template-testimonials em, .store-builder-template-thumb.template-features em { display:none; }
.store-builder-template-thumb.template-form::before, .store-builder-template-thumb.template-newsletter::before { inset:26px 14%; background:#fff; border:1px solid #d8e0e8; border-radius:6px; }
.store-builder-template-thumb.template-form b, .store-builder-template-thumb.template-newsletter b { width:58%; height:9px; right:21%; top:58px; background:#e3e8ef; border-radius:3px; transform:none; box-shadow:0 20px 0 #e3e8ef; }
.store-builder-template-thumb.template-form i, .store-builder-template-thumb.template-newsletter i { width:34%; left:33%; top:38px; box-shadow:none; }
.store-builder-template-thumb.template-faq::before, .store-builder-template-thumb.template-text::before { inset:31px 12%; background:repeating-linear-gradient(0deg,#fff 0 17px,transparent 17px 23px); border-radius:4px; }
.store-builder-template-thumb.template-faq b, .store-builder-template-thumb.template-faq em, .store-builder-template-thumb.template-text b, .store-builder-template-thumb.template-text em { display:none; }
.store-builder-template-empty { min-height:180px; display:grid; place-items:center; align-content:center; gap:8px; color:#72829a; text-align:center; border:1px dashed #cbd7e3; border-radius:8px; }
.store-builder-template-empty[hidden] { display:none; }
.store-builder-template-empty strong, .store-builder-template-empty small { display:block; }
.store-builder-tabs { height:48px; display:grid; grid-template-columns:repeat(3,1fr); gap:3px; padding:8px 16px; background:#fff; }
.store-builder-tabs button { min-width:0; display:flex; align-items:center; justify-content:center; gap:5px; padding:0 5px; color:#64748b; background:#f2f5f8; border:0; font-size:12px; }
.store-builder-tabs button.active { color:#111827; background:#fff; box-shadow:0 1px 4px rgba(15,23,42,.13); }
.store-builder-section-tabs { height:48px; display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:8px 16px; border-bottom:1px solid #e2e8f0; }
.store-builder-section-tabs button { min-width:0; display:flex; align-items:center; justify-content:center; gap:8px; color:#64748b; background:#f4f6f8; border:0; border-radius:5px; }
.store-builder-section-tabs button.active { color:#111827; background:#fff; box-shadow:0 1px 4px rgba(15,23,42,.13); }
.store-builder-section-tabs .icon { width:15px; height:15px; }
.store-builder-section-actions { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin:0 0 16px; padding:8px; background:#f5f8fb; border:1px solid #dbe3ec; border-radius:8px; }
.store-builder-section-actions button { min-width:0; min-height:48px; display:grid; justify-items:center; align-content:center; gap:4px; padding:5px 2px; color:#42536a; background:#fff; border:1px solid #d9e1eb; border-radius:6px; font-size:9px; }
.store-builder-section-actions button:hover:not(:disabled) { color:#006d91; border-color:#7ab6c9; background:#f7fcfd; }
.store-builder-section-actions button:disabled { opacity:.35; cursor:not-allowed; }
.store-builder-section-actions .icon { width:15px; height:15px; }
.store-builder-section-accordion { margin-bottom:10px; overflow:hidden; border:1px solid #d9e1eb; border-radius:8px; }
.store-builder-section-accordion > button { width:100%; min-height:48px; display:flex; align-items:center; justify-content:space-between; padding:0 16px; color:#172033; background:#fff; border:0; text-align:left; }
.store-builder-section-accordion > button .icon { width:15px; height:15px; color:#64748b; }
.store-builder-section-accordion > div { padding:14px; background:#f8fafc; border-top:1px solid #e2e8f0; }
.store-builder-image-list { display:grid; gap:10px; }
.store-builder-image-list > button { min-height:36px; display:flex; align-items:center; justify-content:center; gap:8px; color:#006d91; background:#fff; border:1px dashed #7fb7c8; border-radius:6px; }
.store-builder-image-list article { min-height:54px; display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:8px; padding:8px; background:#fff; border:1px solid #d9e1eb; border-radius:7px; }
.store-builder-image-list article > span { width:36px; height:36px; display:grid; place-items:center; color:#2563eb; background:#dcecf1; border-radius:6px; }
.store-builder-image-list article button { color:#006d91; background:transparent; border:0; font-size:11px; }
.store-builder-edit-menu { width:100%; min-height:38px; display:flex; align-items:center; gap:12px; margin:10px 0 14px; padding:0 12px; color:#111827; background:#fff; border:1px solid #d9e1eb; border-radius:6px; }
.store-builder-menu-items article { padding:9px; border:1px solid #d9e1eb; border-radius:8px; }
.store-builder-menu-items article > strong { display:block; font-weight:500; }
.store-builder-menu-items article > span { display:flex; align-items:center; gap:6px; margin-top:6px; color:#72829a; font-size:12px; }
.store-builder-menu-items article b { padding:3px 8px; color:#111827; border:1px solid #d9e1eb; border-radius:999px; }
.store-builder-menu-items article .icon { width:12px; height:12px; }
.store-builder-field { display:grid; gap:7px; margin:0 0 16px; color:#263244; font-size:13px; }
.store-builder-field > span { font-weight:500; }
.store-builder-field > small { color:#64748b; line-height:1.4; }
.store-builder-field input, .store-builder-field textarea, .store-builder-field select { width:100%; min-height:42px; padding:9px 11px; color:#111827; background:#fff; border:1px solid #d9e1eb; border-radius:10px; outline:0; }
.store-builder-field textarea { min-height:92px; resize:vertical; }
.store-builder-field input:focus, .store-builder-field textarea:focus, .store-builder-field select:focus { border-color:#278eaa; box-shadow:0 0 0 2px #ccebf3; }
.store-builder-design-intro { display:flex; align-items:flex-start; gap:11px; margin-bottom:16px; padding:13px; color:#38536c; background:linear-gradient(145deg,#eef8fb,#f5f7ff); border:1px solid #d6eaf1; border-radius:13px; }
.store-builder-design-intro > span { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; color:#2563eb; background:#fff; border-radius:10px; box-shadow:0 4px 12px rgba(8,119,154,.12); }
.store-builder-design-intro strong, .store-builder-design-intro small { display:block; }
.store-builder-design-intro small { margin-top:3px; color:#688096; line-height:1.4; }
.store-builder-design-copy { margin:2px 0 14px; color:#66798e; font-size:12px; line-height:1.5; }
.store-builder-range > span { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.store-builder-range output { min-width:52px; padding:4px 8px; color:#2563eb; text-align:center; background:#eaf7fb; border:1px solid #cce7ef; border-radius:999px; font-size:11px; font-weight:800; }
.store-builder-field input[type="range"] { min-height:24px; height:24px; padding:0; accent-color:#2563eb; background:transparent; border:0; border-radius:0; box-shadow:none; cursor:ew-resize; }
.store-builder-field input[type="range"]::-webkit-slider-thumb { box-shadow:0 2px 8px rgba(8,119,154,.28); }
.builder-publish-review { display:grid; gap:18px; }
.builder-publish-summary { display:grid; grid-template-columns:48px minmax(0,1fr) auto; align-items:center; gap:13px; padding:16px; color:#15334a; background:linear-gradient(145deg,#eff9fb,#f6f7ff); border:1px solid #d4e9ef; border-radius:16px; }
.builder-publish-summary > span { width:48px; height:48px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,#2563eb,#3855c8); border-radius:15px; box-shadow:0 9px 18px rgba(8,119,154,.22); }
.builder-publish-summary strong, .builder-publish-summary small { display:block; }
.builder-publish-summary small { margin-top:4px; color:#668096; }
.builder-publish-summary > b { padding:6px 10px; color:#2563eb; background:#fff; border:1px solid #cce4ec; border-radius:999px; font-size:11px; }
.builder-preflight-list { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.builder-preflight-list article { display:grid; grid-template-columns:34px minmax(0,1fr); align-items:center; gap:10px; padding:12px; border:1px solid #dfe6ee; border-radius:13px; }
.builder-preflight-list article > span { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; }
.builder-preflight-list article.ready > span { color:#147a58; background:#e8f8f1; }
.builder-preflight-list article.blocked > span { color:#b33e4d; background:#fff0f2; }
.builder-preflight-list article.warning > span { color:#9a6200; background:#fff7e6; }
.builder-preflight-list strong, .builder-preflight-list small { display:block; }
.builder-preflight-list small { margin-top:3px; color:#718197; line-height:1.35; }
.builder-publish-scope { margin:0; color:#687b90; font-size:12px; line-height:1.55; }
.builder-recovery-card { display:grid; grid-template-columns:48px minmax(0,1fr); align-items:start; gap:14px; padding:17px; color:#17334b; background:linear-gradient(145deg,#eff9fb,#f6f7ff); border:1px solid #d4e9ef; border-radius:16px; }
.builder-recovery-card > span { width:48px; height:48px; display:grid; place-items:center; color:#2563eb; background:#fff; border-radius:15px; box-shadow:0 8px 20px rgba(8,119,154,.14); }
.builder-recovery-card strong { display:block; font-size:15px; }
.builder-recovery-card p { margin:6px 0 0; color:#667f96; line-height:1.55; }

/* Création guidée : une entrée unique vers l’éditeur visuel. */
.page-creation-studio { max-width:1280px; display:grid; gap:18px; margin:0 auto 40px; }
.page-creation-flow { display:grid; gap:18px; }
.page-creation-step, .page-creation-final { padding:24px; border-radius:20px; box-shadow:0 12px 34px rgba(29,47,67,.07); }
.page-creation-step > header, .page-creation-final > div:first-child { display:flex; align-items:flex-start; gap:13px; margin-bottom:20px; }
.page-creation-step > header > span, .page-creation-final > div:first-child > span { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,#2563eb,#3356ce); border-radius:11px; box-shadow:0 7px 16px rgba(8,119,154,.2); font-weight:850; }
.page-creation-step h2, .page-creation-step p, .page-creation-final h2, .page-creation-final p { margin:0; }
.page-creation-step h2, .page-creation-final h2 { font-size:20px; }
.page-creation-step header p, .page-creation-final > div:first-child p { margin-top:4px; color:#6c7e92; }
.page-goal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.page-goal-card { position:relative; min-height:142px; display:grid; grid-template-columns:42px minmax(0,1fr); align-content:center; gap:4px 12px; padding:18px; color:#193047; text-align:left; background:#fff; border:1px solid #dce4ed; border-radius:16px; transition:transform .18s,border-color .18s,box-shadow .18s; }
.page-goal-card:hover { transform:translateY(-2px); border-color:#8ec5d5; box-shadow:0 10px 24px rgba(30,68,94,.1); }
.page-goal-card.selected { border-color:#2563eb; box-shadow:0 0 0 3px rgba(8,119,154,.1),0 10px 24px rgba(30,68,94,.1); }
.page-goal-card > span { grid-row:1/3; width:42px; height:42px; display:grid; place-items:center; color:#2563eb; background:#eaf7fb; border-radius:13px; }
.page-goal-card strong { font-size:15px; }
.page-goal-card small { color:#718197; line-height:1.4; }
.page-goal-card > i { position:absolute; top:12px; right:12px; width:22px; height:22px; display:none; place-items:center; color:#fff; background:#2563eb; border-radius:999px; }
.page-goal-card.selected > i { display:grid; }
.page-template-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.page-template-card { position:relative; overflow:hidden; padding:0; color:#193047; text-align:left; background:#fff; border:1px solid #dce4ed; border-radius:16px; transition:transform .18s,border-color .18s,box-shadow .18s; }
.page-template-card:hover { transform:translateY(-2px); border-color:#8ec5d5; box-shadow:0 10px 24px rgba(30,68,94,.1); }
.page-template-card.selected { border-color:#2563eb; box-shadow:0 0 0 3px rgba(8,119,154,.1),0 10px 24px rgba(30,68,94,.1); }
.page-template-card > span { position:relative; height:116px; display:block; background:linear-gradient(145deg,#dff3f7,#e8e9fb); }
.page-template-card > span::before { content:""; position:absolute; left:12%; right:12%; top:20px; height:13px; background:#fff; border-radius:7px; box-shadow:0 24px 0 #fff,0 48px 0 #fff; }
.page-template-card > span i, .page-template-card > span b, .page-template-card > span em { position:absolute; z-index:1; display:block; border-radius:6px; }
.page-template-card > span i { left:18%; top:24px; width:32%; height:5px; background:#1e516a; }
.page-template-card > span b { right:18%; top:45px; width:24%; height:15px; background:#2563eb; }
.page-template-card > span em { left:18%; bottom:24px; width:48%; height:5px; background:#8ba7b7; }
.page-template-card.template-2 > span { background:linear-gradient(145deg,#fce9db,#f1e4ff); }
.page-template-card.template-3 > span { background:linear-gradient(145deg,#e7f6e8,#e0efff); }
.page-template-card.template-4 > span { background:linear-gradient(145deg,#f2f3f5,#e4e8ed); }
.page-template-card > div { min-height:128px; padding:15px; }
.page-template-card > div small, .page-template-card > div strong, .page-template-card > div p { display:block; margin:0; }
.page-template-card > div small { color:#2563eb; font-size:10px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.page-template-card > div strong { margin-top:7px; font-size:15px; }
.page-template-card > div p { margin-top:5px; color:#718197; font-size:12px; line-height:1.45; }
.page-template-card > .icon { position:absolute; top:10px; right:10px; width:23px; height:23px; display:none; padding:4px; color:#fff; background:#2563eb; border-radius:999px; }
.page-template-card.selected > .icon { display:block; }
.page-creation-final { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.8fr); gap:18px 30px; align-items:end; }
.page-creation-final > div:first-child { grid-column:1/-1; margin-bottom:0; }
.page-creation-final > label { display:grid; gap:7px; color:#29435d; font-weight:700; }
.page-creation-final > label input { min-height:48px; padding:0 14px; border:1px solid #ccd8e4; border-radius:12px; outline:0; }
.page-creation-final > label input:focus { border-color:#2563eb; box-shadow:0 0 0 3px rgba(8,119,154,.11); }
.page-creation-final footer { display:flex; justify-content:flex-end; gap:9px; }
.page-creation-final footer .button { min-height:46px; border-radius:11px; }
.store-builder-switch-row { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 0; border-bottom:1px solid #e2e8f0; }
.store-builder-switch-row > span { min-width:0; }
.store-builder-switch-row strong, .store-builder-switch-row small { display:block; }
.store-builder-switch-row strong { font-weight:500; }
.store-builder-switch-row small { margin-top:5px; color:#71829a; font-size:12px; line-height:1.35; }
.store-builder-selected-title { display:flex; align-items:center; gap:10px; margin-bottom:18px; padding:12px; background:#f5f9fb; border:1px solid #d9e1eb; border-radius:8px; }
.store-builder-selected-title > span { width:38px; height:38px; display:grid; place-items:center; color:#2563eb; background:#dcecf1; border-radius:8px; }
.store-builder-selected-title strong, .store-builder-selected-title small { display:block; }
.store-builder-selected-title small { margin-top:3px; color:#64748b; font-size:11px; }
.store-builder-danger { width:100%; min-height:40px; display:flex; align-items:center; justify-content:center; gap:8px; margin-top:18px; color:#b42318; background:#fff; border:1px solid #f3b8b1; border-radius:6px; }
.store-builder-palette-title { display:grid; grid-template-columns:1fr auto 32px; align-items:center; gap:6px; }
.store-builder-palette-title button { min-height:32px; display:flex; align-items:center; gap:6px; padding:0 9px; color:#111827; background:#fff; border:1px solid #d9e1eb; border-radius:6px; font-size:12px; }
.store-builder-color-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px 8px; margin:16px 0; padding:14px 8px; border:1px solid #d9e1eb; border-radius:8px; }
.store-builder-color-grid label { min-width:0; text-align:center; }
.store-builder-color-grid input { width:30px; height:30px; padding:0; overflow:hidden; border:2px solid #dbe3ec; border-radius:50%; }
.store-builder-color-grid small { display:block; margin-top:5px; overflow:hidden; color:#71829a; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.store-builder-theme-groups { display:grid; gap:10px; margin-top:24px; padding-top:24px; border-top:1px solid #e2e8f0; }
.store-builder-theme-groups > button { min-height:72px; display:grid; grid-template-columns:18px 22px minmax(0,1fr) 18px; align-items:center; gap:9px; padding:8px 12px; color:#111827; text-align:left; background:#fff; border:1px solid #d9e1eb; border-radius:9px; }
.store-builder-theme-groups .drag { color:#7890a8; }
.store-builder-theme-groups strong, .store-builder-theme-groups small { display:block; }
.store-builder-theme-groups small { margin-top:4px; color:#64748b; font-size:12px; }
.store-builder-theme-detail { padding:12px; background:#f8fafc; border:1px solid #d9e1eb; border-radius:8px; }
.store-builder-theme-detail p { color:#64748b; font-size:12px; }
.store-builder-theme-detail > h3 { margin:2px 0 15px; font-size:16px; }
.store-builder-theme-detail > h4 { margin:22px 0 12px; padding-top:16px; border-top:1px solid #dbe3ec; font-size:13px; }
.store-builder-detail-kicker { margin:0 0 10px; color:#263244 !important; font-weight:750; text-transform:uppercase; letter-spacing:.05em; }
.store-builder-assets { display:grid; gap:8px; margin-bottom:18px; }
.store-builder-asset { min-height:62px; display:grid; grid-template-columns:44px minmax(0,1fr) auto auto; align-items:center; gap:8px; padding:8px; background:#fff; border:1px solid #d9e1eb; border-radius:8px; }
.store-builder-asset-preview { width:42px; height:42px; display:grid; place-items:center; overflow:hidden; color:#2563eb; background:#e5f3f7; border-radius:7px; }
.store-builder-asset-preview img { width:100%; height:100%; object-fit:contain; }
.store-builder-asset strong, .store-builder-asset small { display:block; }
.store-builder-asset strong { font-size:12px; }
.store-builder-asset small { margin-top:3px; color:#71829a; font-size:10px; }
.store-builder-asset > button:not(.icon-button) { min-height:30px; padding:0 8px; color:#006d91; background:#fff; border:1px solid #b8d4df; border-radius:5px; font-size:10px; }
.store-builder-asset .icon-button { width:30px; height:30px; }
.store-builder-fixed-list { display:grid; gap:8px; margin:12px 0; }
.store-builder-fixed-list article { display:grid; grid-template-columns:36px minmax(0,1fr) 34px; align-items:center; gap:9px; padding:10px; background:#fff; border:1px solid #d9e1eb; border-radius:8px; }
.store-builder-fixed-list article > span { width:34px; height:34px; display:grid; place-items:center; color:#2563eb; background:#e4f2f6; border-radius:7px; }
.store-builder-fixed-list strong, .store-builder-fixed-list small { display:block; }
.store-builder-fixed-list small { margin-top:3px; color:#71829a; font-size:10px; }
.store-builder-fixed-empty { min-height:150px; display:grid; justify-items:center; align-content:center; gap:7px; padding:18px; color:#71829a; text-align:center; background:#fff; border:1px dashed #c7d4e0; border-radius:9px; }
.store-builder-fixed-empty .icon { width:30px; height:30px; }
.builder-fixed-picker { display:grid; gap:10px; }
.builder-fixed-picker > button { min-height:72px; display:grid; grid-template-columns:42px minmax(0,1fr); align-items:center; gap:12px; padding:12px; color:#172033; text-align:left; background:#fff; border:1px solid #d9e1eb; border-radius:10px; }
.builder-fixed-picker > button:hover { border-color:#63a9bd; background:#f6fbfc; }
.builder-fixed-picker > button > .icon { width:24px; height:24px; color:#2563eb; }
.builder-fixed-picker strong, .builder-fixed-picker small { display:block; }
.builder-fixed-picker small { margin-top:4px; color:#71829a; }
.store-builder-theme-select { margin-top:24px; padding-top:22px; border-top:1px solid #e2e8f0; }
.store-builder-theme-select button { width:100%; min-height:42px; display:flex; align-items:center; justify-content:center; gap:8px; color:#111827; background:#fff; border:1px solid #d9e1eb; border-radius:6px; }
.store-builder-loading { min-height:100vh; display:grid; place-items:center; background:#f2f5f8; }
.store-builder-full-preview { position:fixed; inset:0; z-index:120; display:grid; grid-template-rows:64px minmax(0,1fr); color:#172033; background:#e9eef3; }
.store-builder-full-preview > header { display:flex; align-items:center; gap:14px; padding:8px 18px; background:#fff; border-bottom:1px solid #d9e1eb; box-shadow:0 1px 7px rgba(15,23,42,.08); }
.store-builder-full-preview > header > div { min-width:0; margin-right:auto; }
.store-builder-full-preview > header strong, .store-builder-full-preview > header small { display:block; }
.store-builder-full-preview > header strong { font-size:15px; }
.store-builder-full-preview > header small { margin-top:3px; color:#64748b; font-size:11px; }
.store-builder-full-preview > header nav { height:42px; display:flex; align-items:center; gap:3px; padding:4px; background:#f4f7fa; border:1px solid #dbe3ec; border-radius:7px; }
.store-builder-full-preview > header nav button { width:39px; height:32px; display:grid; place-items:center; color:#42536a; background:transparent; border:0; border-radius:5px; }
.store-builder-full-preview > header nav button.active { color:#fff; background:#2563eb; }
.store-builder-full-preview > header .button { min-height:38px; display:flex; align-items:center; gap:7px; text-decoration:none; }
.store-builder-full-preview > header .modal-close { position:static; flex:0 0 auto; }
.store-builder-full-preview > main { min-width:0; overflow:auto; padding:22px; }
.store-builder-full-preview > main > .store-builder-preview { width:100%; max-width:1440px; min-height:calc(100vh - 108px); margin:0 auto; }
.store-builder-full-preview > main[data-builder-preview-stage="tablet"] > .store-builder-preview { width:768px; min-height:900px; border:8px solid #17243a; border-radius:22px; }
.store-builder-full-preview > main[data-builder-preview-stage="mobile"] > .store-builder-preview { width:390px; min-height:760px; border:8px solid #17243a; border-radius:28px; }
.store-builder-full-preview > main:is([data-builder-preview-stage="tablet"],[data-builder-preview-stage="mobile"]) .store-builder-preview-links { display:none; }
.store-builder-full-preview > main[data-builder-preview-stage="mobile"] .store-builder-preview-actions { gap:10px; }
.store-builder-full-preview > main[data-builder-preview-stage="mobile"] .store-builder-preview > nav { min-height:70px; padding:8px 15px; }
.store-builder-full-preview > main[data-builder-preview-stage="mobile"] .store-builder-logo { width:52px; height:52px; flex-basis:52px; font-size:10px; }
.store-builder-full-preview > main[data-builder-preview-stage="mobile"] .store-builder-hero { min-height:320px; padding:25px 16px; }
.store-builder-full-preview > main[data-builder-preview-stage="mobile"] .store-builder-hero h1 { font-size:30px; }
.store-builder-full-preview > main[data-builder-preview-stage="mobile"] .store-builder-products > div { grid-template-columns:repeat(2,1fr); }
.store-builder-full-preview > main[data-builder-preview-stage="mobile"] :is(.store-builder-collection-preview > div,.store-builder-feature-preview,.store-builder-testimonial-preview > div,.store-builder-form-preview) { grid-template-columns:1fr; }
.store-builder-full-preview > main[data-builder-preview-stage="mobile"] :is(.store-builder-banner,.store-builder-contact-preview,.store-builder-countdown-preview) { align-items:flex-start; flex-direction:column; padding:28px 20px; }
.store-builder-full-preview > main[data-builder-preview-stage="mobile"] .store-builder-product-detail { grid-template-columns:1fr; }

@media (max-width: 1700px) and (min-width: 1221px) {
  .store-builder-top-actions .status-chip { display:none; }
}
@media (max-width: 1220px) {
  .store-builder-shell { grid-template-columns:52px minmax(0,1fr) 290px; }
  .store-builder-topbar { grid-template-columns:minmax(260px,1fr) auto minmax(280px,1fr); padding:0 14px; }
  .store-builder-page-select { width:230px; }
  .store-builder-top-actions .status-chip, .store-builder-draft-state { display:none; }
  .store-builder-preview-button { padding-inline:11px; font-size:0; }
  .store-builder-preview-button .icon { width:18px; height:18px; }
}
@media (max-width: 840px) {
  .store-builder-shell { height:auto; min-height:100vh; grid-template-columns:1fr; grid-template-rows:auto minmax(560px,70vh) auto 56px; overflow:visible; }
  .store-builder-topbar { grid-column:1; grid-row:1; grid-template-columns:1fr auto; min-height:64px; padding:8px; }
  .store-builder-top-left > span, .store-builder-exit, .store-builder-device, .store-builder-top-actions .status-chip, .store-builder-draft-state, .store-builder-preview-button { display:none; }
  .store-builder-page-select { width:min(240px,60vw); }
  .store-builder-top-actions { grid-column:2; }
  .store-builder-save { min-width:0; padding:0 12px; }
  .store-builder-page-picker { position:fixed; top:60px; left:8px; width:calc(100vw - 16px); }
  .store-builder-stage { grid-column:1; grid-row:2; padding:10px; }
  .store-builder-preview { min-width:0; }
  .store-builder-stage.mobile .store-builder-preview { width:min(390px,100%); min-width:0; border-width:5px; }
  .store-builder-stage.mobile .store-builder-footer-main { padding:24px 18px; }
  .store-builder-stage.mobile .store-builder-footer-columns { grid-template-columns:1fr 1fr; gap:24px 18px; }
  .store-builder-stage.mobile .store-builder-footer-brand { margin-bottom:24px; }
  .store-builder-inspector { grid-column:1; grid-row:3; max-height:62vh; border-top:1px solid #dbe3ec; border-left:0; border-radius:18px 18px 0 0; box-shadow:0 -18px 40px rgba(15,23,42,.12); }
  .store-builder-tools { grid-column:1; grid-row:4; position:sticky; bottom:0; z-index:30; flex-direction:row; justify-content:flex-start; overflow-x:auto; padding:8px; border-top:1px solid #dbe3ec; border-right:0; }
  .store-builder-tools .store-builder-help { margin-top:0; margin-left:auto; }
  .store-builder-full-preview { grid-template-rows:auto minmax(0,1fr); }
  .store-builder-full-preview > header { flex-wrap:wrap; padding:10px; }
  .store-builder-full-preview > header > div { flex:1 1 calc(100% - 46px); }
  .store-builder-full-preview > header .button { display:none; }
  .store-builder-full-preview > main { padding:8px; }
  .store-builder-full-preview > main[data-builder-preview-stage="tablet"] > .store-builder-preview, .store-builder-full-preview > main[data-builder-preview-stage="mobile"] > .store-builder-preview { width:min(100%,390px); border-width:5px; }
  .builder-preflight-list { grid-template-columns:1fr; }
  .page-goal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .page-template-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .page-creation-final { grid-template-columns:1fr; }
  .page-creation-final footer { justify-content:stretch; }
  .page-creation-final footer .button { flex:1; }
}
@media (max-width: 560px) {
  .store-builder-publish { width:38px; padding:0; font-size:0; }
  .store-builder-publish .icon { width:18px; height:18px; }
  .page-creation-step, .page-creation-final { padding:17px; border-radius:16px; }
  .page-goal-grid, .page-template-grid { grid-template-columns:1fr; }
  .page-goal-card { min-height:112px; }
  .page-creation-final footer { flex-direction:column-reverse; }
  .builder-publish-summary { grid-template-columns:42px minmax(0,1fr); }
  .builder-publish-summary > span { width:42px; height:42px; }
  .builder-publish-summary > b { grid-column:2; justify-self:start; }
}
.full-button { width: 100%; margin-top: 18px; }
.field.tall { min-height: 190px; }
.site-menu-item { display: grid; grid-template-columns: 28px minmax(130px, .75fr) 150px minmax(160px, 1fr) auto 40px; gap: 9px; align-items: center; margin-bottom: 9px; padding: 10px; background: #f8fafc; border: 1px solid var(--line); border-radius: 10px; }
.drag-handle { color: #91a0b2; text-align: center; }
.compact-check { display: inline-flex; align-items: center; gap: 7px; color: var(--ink-700); font-size: 12px; font-weight: 650; white-space: nowrap; }
.compact-check input { width: 17px; height: 17px; accent-color: var(--blue-600); }
.domain-intro { min-height: 105px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px; }
.domain-intro > div { display: flex; align-items: center; gap: 13px; }
.domain-intro h2 { margin-bottom: 5px; }
.domain-intro a { color: var(--blue-700); }
.dns-instructions { display: grid; gap: 11px; }
.dns-instructions > div { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 12px; align-items: center; }
.dns-instructions span { color: var(--muted); font-size: 12px; font-weight: 700; }
.dns-instructions code { overflow-wrap: anywhere; padding: 10px; color: var(--ink-900); background: #eef3f8; border-radius: 8px; }
.theme-card { overflow: hidden; }
.theme-card > div:last-child { padding: 20px; }
.theme-card.selected { border: 2px solid var(--blue-600); }
.theme-preview { position: relative; height: 220px; overflow: hidden; background: #eef3f9; }
.theme-preview::before { content: ""; position: absolute; inset: 20px 16px auto; height: 20px; background: white; border-radius: 5px; box-shadow: 0 1px 5px rgba(0,0,0,.08); }
.theme-preview span { position: absolute; inset: 54px 16px 72px; border-radius: 8px; background: linear-gradient(130deg, #173f68, #2563eb); }
.theme-preview b, .theme-preview i { position: absolute; bottom: 18px; width: calc(33% - 18px); height: 42px; background: white; border-radius: 6px; box-shadow: 0 1px 5px rgba(0,0,0,.08); }
.theme-preview b { left: 16px; }
.theme-preview i { left: calc(33% + 8px); }
.theme-atelier { background: #f5eee5; }
.theme-atelier span { background: linear-gradient(130deg, #49392e, #a7774f); }
.theme-pulse { background: #edf8fb; }
.theme-pulse span { background: linear-gradient(130deg, #051927, #10b981); }

/* Website depth parity: content, navigation and template marketplace */
.website-depth-shell { width: min(1152px, 100%); display: grid; gap: 24px; margin: 4px auto 0; }
.website-title-card { min-height: 74px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 13px 16px; border-radius: 8px; }
.website-title-card:has(.website-back) { grid-template-columns: 30px auto minmax(0, 1fr) auto; }
.website-title-card .website-back { width: 30px; height: 36px; margin-left: -5px; color: #536b86; }
.website-title-card > .title-icon { width: 34px; height: 34px; display: grid; place-items: center; color: #08749b; background: #e7f2f6; border-radius: 8px; }
.website-title-card > .title-icon .icon { width: 17px; height: 17px; }
.website-title-card h1 { margin: 0; color: #101827; font-size: 17px; font-weight: 750; letter-spacing: 0; }
.website-title-card p { margin: 2px 0 0; color: #627795; font-size: 12px; }
.website-title-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.website-title-actions .button { min-height: 38px; border-radius: 6px; font-size: 13px; }

.website-content-card { overflow: hidden; border-radius: 8px; }
.website-page-search { position: relative; width: 448px; max-width: calc(100% - 48px); display: block; margin: 24px; }
.website-page-search > .icon { position: absolute; z-index: 1; left: 13px; top: 12px; width: 17px; height: 17px; color: #637895; }
.website-page-search .field { height: 40px; padding-left: 40px; border-radius: 6px; }
.website-content-table { min-width: 900px; }
.website-content-table th { height: 49px; padding: 0 16px; color: #627795; background: #fff; border-top: 1px solid var(--line); font-size: 11px; font-weight: 500; text-transform: none; }
.website-content-table td { height: 73px; padding: 12px 16px; vertical-align: middle; }
.website-content-table th:first-child, .website-content-table td:first-child { width: 47%; }
.website-content-table strong { color: #111827; font-size: 12px; }
.website-content-table .line-clamp { max-width: 470px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.website-type-chip { display: inline-flex; padding: 4px 9px; color: #3f566f; background: #eef2f6; border-radius: 99px; font-size: 10px; font-weight: 650; white-space: nowrap; }
.website-url { max-width: 210px; display: inline-block; overflow: hidden; color: #526883; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.website-row-actions { display: flex; align-items: center; gap: 1px; }
.website-row-actions .icon-button { width: 31px; height: 31px; border-radius: 6px; }
.danger-icon { color: #e45563 !important; }
.danger-icon:hover { color: #c72f40 !important; background: #fff0f2 !important; }
.website-table-footer { min-height: 58px; display: flex; align-items: center; justify-content: flex-end; gap: 20px; padding: 9px 16px; color: #60738f; border-top: 1px solid var(--line); font-size: 11px; }
.website-table-footer > strong { margin-right: auto; font-weight: 500; }
.website-table-footer nav { display: flex; align-items: center; gap: 4px; }
.website-table-footer nav button { min-width: 31px; height: 31px; display: grid; place-items: center; color: #566b85; background: white; border: 0; border-radius: 6px; }
.website-table-footer nav button.active { color: white; background: #2563eb; }
.website-table-footer nav button:disabled { opacity: .42; cursor: default; }
.website-table-footer .icon { width: 14px; height: 14px; }
.website-table-footer label { display: flex; align-items: center; gap: 7px; white-space: nowrap; }
.website-table-footer .select { width: 68px; height: 34px; padding: 0 25px 0 10px; font-size: 11px; }

.website-editor-shell { width: min(848px, 100%); display: grid; gap: 24px; margin: 0 auto; }
.website-editor-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; padding: 4px; background: #edf2f7; border-radius: 7px; }
.website-editor-tabs button { min-height: 34px; color: #60738f; background: transparent; border: 0; border-radius: 5px; font-size: 13px; }
.website-editor-tabs button.active { color: #111827; background: white; box-shadow: 0 1px 3px rgba(15,42,67,.09); }
#site-page-form { display: grid; gap: 24px; }
#site-page-form > [data-site-page-panel] { display: grid; gap: 24px; }
.website-form-card { padding: 24px; border-radius: 8px; }
.website-form-card > h2 { margin: 0; color: #101827; font-size: 24px; letter-spacing: -.025em; }
.website-form-card > p { margin: 4px 0 14px; color: #627795; font-size: 13px; }
.website-form-card > .form-field + .form-field { margin-top: 22px; }
.website-form-card .form-field > span { color: #101827; font-size: 12px; font-weight: 500; }
.website-form-card .field, .website-form-card .select { min-height: 41px; border-radius: 6px; }
.site-page-builder-empty { min-height: 210px; display: grid; place-items: center; align-content: center; gap: 7px; margin-top: 18px; color: #5f7390; border: 1px dashed #d7e1ec; border-radius: 8px; text-align: center; }
.site-page-builder-empty > span { width: 48px; height: 48px; display: grid; place-items: center; color: #60738f; }
.site-page-builder-empty > span .icon { width: 38px; height: 38px; stroke-width: 1.6; }
.site-page-builder-empty h3 { margin: 0; color: #111827; font-size: 18px; }
.site-page-builder-empty p { margin: 0 0 8px; font-size: 12px; }
.site-page-sections { display: grid; gap: 10px; margin-top: 18px; }
.site-page-section-row { display: grid; grid-template-columns: 24px 38px minmax(130px, .7fr) minmax(150px, 1fr) minmax(170px, 1.2fr) 42px 36px; align-items: center; gap: 9px; padding: 12px; background: #f8fafc; border: 1px solid #dce4ed; border-radius: 8px; }
.site-page-section-row > div > strong, .site-page-section-row > div > small { display: block; }
.site-page-section-row > div > strong { color: #111827; font-size: 12px; }
.site-page-section-row > div > small { margin-top: 3px; color: #718197; font-size: 10px; }
.site-page-section-row .section-order { width: 34px; height: 34px; display: grid; place-items: center; color: #08749b; background: #e7f2f6; border-radius: 7px; }
.site-page-section-row .section-order .icon { width: 16px; height: 16px; }
.site-page-section-row .form-field { gap: 4px; }
.site-page-section-row textarea { min-height: 40px; resize: vertical; }
.website-add-section { margin-top: 14px; }
.site-section-picker { display: grid; gap: 7px; }
.site-section-picker > button { min-height: 66px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 9px 11px; color: #17263a; background: white; border: 1px solid var(--line); border-radius: 8px; text-align: left; }
.site-section-picker > button:hover { background: #f5f9fc; border-color: #9fc6d6; }
.site-section-picker .title-icon { width: 38px; height: 38px; display: grid; place-items: center; color: #08749b; background: #e7f2f6; border-radius: 8px; }
.site-section-picker strong, .site-section-picker small { display: block; }
.site-section-picker small { margin-top: 3px; color: #64758b; font-size: 11px; }

.navigation-depth-shell { width: min(1120px, 100%); margin-top: 20px; }
.website-navigation-card { padding: 23px 24px 28px; border-radius: 8px; }
.website-navigation-card > h2 { margin: 0 0 20px; color: #101827; font-size: 25px; }
.website-navigation-card .data-table th { height: 44px; padding: 0 18px; color: #627795; background: white; font-size: 11px; font-weight: 500; text-transform: none; }
.website-navigation-card .data-table td { height: 68px; padding: 11px 18px; }
.website-navigation-card .data-table th:first-child, .website-navigation-card .data-table td:first-child { width: 74px; text-align: center; }
.website-navigation-card .data-table td strong { font-size: 12px; }
.menu-position { display: inline-flex; padding: 4px 10px; color: #4164aa; background: #eaf0ff; border-radius: 99px; font-size: 10px; font-weight: 700; }
.menu-position.footer { color: #278051; background: #eaf8ef; }
.menu-position.mobile { color: #8a651d; background: #fff6dc; }
.count-visible { color: #1aa966; }
.count-hidden { color: #ef8c4c; }
.website-edit-link { color: #111827; }
.navigation-position-label { justify-self: start; margin: -14px 0 0 62px; padding: 4px 10px; color: #4164aa; background: #eaf0ff; border-radius: 99px; font-size: 10px; font-weight: 700; }
.website-menu-editor { padding: 20px; border-radius: 8px; }
.website-menu-editor .site-menu-item { grid-template-columns: 24px minmax(130px, .75fr) 150px minmax(170px, 1fr) auto auto 38px; margin: 0 0 10px; padding: 12px; background: #f8fafc; border-radius: 8px; }
.website-menu-editor .site-menu-item .form-field { gap: 4px; }
.site-menu-empty { min-height: 260px; display: grid; place-items: center; align-content: center; gap: 8px; color: #61758f; text-align: center; }
.site-menu-empty > span .icon { width: 42px; height: 42px; stroke-width: 1.4; }
.site-menu-empty h2, .site-menu-empty p { margin: 0; }

.templates-depth-shell { width: min(1152px, 100%); }
.website-templates-layout { display: grid; grid-template-columns: 288px minmax(0, 1fr); gap: 24px; align-items: start; }
.template-filters { position: sticky; top: 84px; padding: 24px; border-radius: 8px; }
.template-filter-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.template-filter-title h2 { margin: 0; color: #111827; font-size: 18px; }
.template-filter-title button { padding: 0; color: #2563eb; background: transparent; border: 0; font-size: 10px; }
.template-filters > h3 { margin: 26px 0 18px; color: #111827; font-size: 15px; font-weight: 500; }
.template-category-list { display: grid; gap: 13px; }
.template-category-list label { display: flex; align-items: center; gap: 11px; color: #17263a; font-size: 13px; cursor: pointer; }
.template-category-list input { width: 17px; height: 17px; margin: 0; accent-color: #2563eb; }
.template-mobile-filter { display: none; margin-bottom: 14px; }
.website-template-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.website-template-card { overflow: hidden; display: flex; flex-direction: column; border-radius: 8px; transition: transform .2s, box-shadow .2s; }
.website-template-card:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(15,35,55,.12); }
.website-template-card.active { border-color: #2563eb; box-shadow: 0 0 0 1px #2563eb; }
.template-image-wrap { position: relative; aspect-ratio: 2 / 3; overflow: hidden; background: #edf2f7; }
.template-image-wrap img { position: relative; z-index: 1; width: 100%; height: 100%; display: block; object-fit: cover; object-position: top; transition: transform .5s ease; }
.website-template-card:hover .template-image-wrap img { transform: scale(1.06) translateY(-2%); }
.template-image-fallback { position: absolute; inset: 0; display: grid; place-items: center; align-content: center; gap: 8px; color: #667a92; font-size: 12px; }
.template-active-badge { position: absolute; z-index: 2; top: 12px; left: 12px; padding: 5px 8px; color: white; background: #2563eb; border-radius: 6px; font-size: 9px; }
.template-card-body { flex: 1; display: flex; flex-direction: column; padding: 19px 23px 22px; }
.template-name-price { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.template-name-price h2, .template-name-price strong { margin: 0; font-size: 18px; }
.template-name-price strong { color: #2563eb; white-space: nowrap; }
.template-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 14px; }
.template-tags span { padding: 3px 9px; color: #17263a; background: white; border: 1px solid #dce4ee; border-radius: 99px; font-size: 10px; }
.template-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 20px; }
.template-actions .button { min-width: 0; min-height: 37px; padding: 0 10px; border-radius: 6px; font-size: 11px; }
.template-no-results { min-height: 250px; place-items: center; align-content: center; color: #64758b; text-align: center; }
.template-no-results:not([hidden]) { display: grid; }
.template-purchase-product { display: flex; align-items: center; gap: 16px; padding: 14px; background: #f4f6f8; border: 1px solid var(--line); border-radius: 8px; }
.template-purchase-product img { width: 64px; height: 96px; object-fit: cover; object-position: top; border: 1px solid var(--line); border-radius: 6px; }
.template-purchase-product h3, .template-purchase-product p { margin: 0; }
.template-purchase-product p { margin-top: 4px; color: #64758b; font-size: 12px; }
.template-order-details { margin-top: 22px; }
.template-order-details > h3, .template-payment-method > h3 { margin-bottom: 12px; }
.template-order-details .data-table th { text-transform: none; }
.template-totals { display: grid; gap: 8px; margin-top: 13px; padding-top: 13px; border-top: 1px solid var(--line); }
.template-totals span { display: flex; justify-content: space-between; color: #53677d; font-size: 12px; }
.template-totals span:last-child { padding-top: 10px; color: #111827; border-top: 1px solid var(--line); font-size: 17px; }
.template-totals span:last-child strong { color: #2563eb; }
.template-payment-method { display: grid; gap: 10px; margin-top: 22px; }
.template-payment-method > h3 { margin-bottom: 2px; }
.template-payment-method label { display: flex; align-items: flex-start; gap: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; }
.template-payment-method label:has(input:checked) { background: #edf7fb; border-color: #2563eb; }
.template-payment-method input { margin-top: 2px; accent-color: #2563eb; }
.template-payment-method span, .template-payment-method small { display: block; }
.template-payment-method small { margin-top: 4px; color: #64758b; font-size: 10px; }
.template-install-note { margin-top: 20px; padding: 14px; background: #edf7fb; border: 1px solid #d4e8ef; border-radius: 8px; }
.template-install-note p { margin: 5px 0 0; color: #53677d; font-size: 12px; line-height: 1.5; }

@media (max-width: 1250px) {
  .website-template-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-page-section-row { grid-template-columns: 24px 38px minmax(130px, 1fr) 42px 36px; }
  .site-page-section-row .form-field { grid-column: 3 / 6; }
  .site-page-section-row .section-body-field { grid-column: 3 / 6; }
}

.public-store { min-height: 100vh; --store-ink: var(--store-text, #102235); color: var(--store-ink); background: var(--store-bg, #fff); font-family: var(--store-body-font, Inter), ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.store-section-slot { position:relative; display:block; width:100%; min-height:var(--section-min-height,0); overflow:clip; border-radius:var(--section-radius,0); }
.store-section-slot.section-width-boxed { width:min(1280px,calc(100% - 32px)); margin:24px auto; box-shadow:0 18px 42px rgba(15,35,52,.09); }
.store-section-slot.section-width-narrow { width:min(880px,calc(100% - 32px)); margin:24px auto; box-shadow:0 16px 36px rgba(15,35,52,.075); }
.store-section-slot > .store-section, .store-section-slot > .store-features { padding-block:var(--section-padding-y,36px); }
.store-section-slot > :is(.store-hero,.store-promo-banner,.store-countdown,.store-contact) .store-container { min-height:max(var(--section-min-height,0px),240px); padding-block:var(--section-padding-y,36px); }
.store-section-slot > :is(.store-section,.store-features) { min-height:var(--section-min-height,0); }
.public-store .store-section-slot :is(h1,h2) { font-size:var(--section-heading-size,40px); }
.public-store .store-section-slot :is(p,blockquote) { font-size:var(--section-body-size,16px); }
.store-section-slot.section-align-left { text-align:left; }
.store-section-slot.section-align-center { text-align:center; }
.store-section-slot.section-align-right { text-align:right; }
.store-section-slot.section-align-left :is(.store-section-heading,.store-promo-banner .store-container,.store-countdown .store-container,.store-contact .store-container) { text-align:left; }
.store-section-slot.section-align-center :is(.store-section-heading,.store-promo-banner .store-container,.store-countdown .store-container,.store-contact .store-container) { justify-content:center; text-align:center; }
.store-section-slot.section-align-right :is(.store-section-heading,.store-promo-banner .store-container,.store-countdown .store-container,.store-contact .store-container) { justify-content:flex-end; text-align:right; }
.store-section-slot.section-align-left .store-editorial { margin-left:0; text-align:left; }
.store-section-slot.section-align-right .store-editorial { margin-right:0; text-align:right; }
.store-section-slot.section-button-compact .store-button { min-height:34px; padding-inline:14px; font-size:12px; }
.store-section-slot.section-button-large .store-button { min-height:52px; padding-inline:28px; font-size:16px; }
.store-section-slot.section-form-columns-1 .store-contact-form { grid-template-columns:1fr; }
.store-section-slot.section-form-columns-1 .store-contact-form > * { grid-column:1/-1; }
.store-section-slot :is(.store-contact-form input,.store-newsletter input) { min-height:var(--section-field-height,44px); border-radius:var(--section-field-radius,9px); }
.store-section-slot .store-contact-form textarea { border-radius:var(--section-field-radius,9px); }
.store-section-slot.section-media-1-1 .store-image-section { min-height:0; aspect-ratio:1 / 1; }
.store-section-slot.section-media-4-5 .store-image-section { min-height:0; aspect-ratio:4 / 5; }
.store-section-slot.section-media-16-9 .store-image-section { min-height:0; aspect-ratio:16 / 9; }
.store-section-slot.section-media-21-9 .store-image-section { min-height:0; aspect-ratio:21 / 9; }
.store-section-slot[class*="section-media-"] .store-image-section img { min-height:0; }
.store-template-v2 > .store-hero { background:linear-gradient(125deg,var(--store-secondary,#17243a),color-mix(in srgb,var(--store-accent) 35%,var(--store-primary))); }
.store-template-v3 > .store-hero .store-container { grid-template-columns:.9fr 1.1fr; }
.store-template-v4 > .store-hero { background:linear-gradient(145deg,color-mix(in srgb,var(--store-primary) 78%,#000),var(--store-secondary,#17243a)); }
.store-template-v5 > .store-promo-banner { background:var(--store-primary); }
.store-template-v6 > .store-promo-banner { background:linear-gradient(110deg,var(--store-secondary),var(--store-primary)); }
.store-template-v2 > .store-products-section .store-product-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.store-template-v3 > .store-products-section .store-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.store-template-v4 > .store-image-section { border-radius:0; }
.store-template-v5 > .store-editorial { text-align:left; margin-left:0; }
.store-template-v2 > :is(.store-features,.store-faq,.store-collection-grid,.store-testimonials) { padding:44px; background:var(--store-surface); border-radius:20px; }
.store-template-v2 > .store-editorial { max-width:1180px; display:grid; grid-template-columns:.35fr 1fr; align-items:center; gap:28px; text-align:left; }
.store-template-v2 > .store-newsletter { max-width:760px; }
.store-template-v3 > :is(.store-promo-banner,.store-contact) .store-container { flex-direction:column; justify-content:center; text-align:center; }
.store-template-v3 > .store-collection-grid, .store-template-v3 > .store-testimonials { grid-template-columns:repeat(2,minmax(0,1fr)); }
.store-template-v3 > .store-editorial { border-radius:0; border-block:1px solid var(--store-border); background:transparent; }
.store-template-v4 > :is(.store-product,.store-editorial,.store-image-section,.store-faq details,.store-testimonials blockquote) { border-radius:0; }
.store-template-v4 > .store-features article { color:#fff; background:var(--store-secondary); border-radius:0; }
.store-template-v5 > :is(.store-newsletter,.store-contact-form) { padding:44px; color:#fff; background:var(--store-secondary); border-radius:22px; }
.store-template-v5 > .store-testimonials blockquote:first-child { grid-column:span 2; color:#fff; background:var(--store-primary); }
.store-template-v6 > :is(.store-features,.store-collection-grid,.store-testimonials) { gap:2px; }
.store-template-v6 > :is(.store-features article,.store-collection-grid a,.store-testimonials blockquote) { border-radius:0; }
.store-template-v6 > .store-countdown { background:linear-gradient(115deg,var(--store-secondary),var(--store-primary)); }
.public-store h1, .public-store h2, .public-store h3 { font-family: var(--store-heading-font, Inter), ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.store-container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.store-announcement { min-height: 36px; display: grid; place-items: center; padding: 7px 20px; color: white; background: var(--store-primary); font-size: 12px; font-weight: 700; text-align: center; }
.store-announcement:is(a) { text-decoration:none; }
.store-announcement > .store-container { display:block; }
.store-announcement > .width-full { width:100%; }
.store-header { position: sticky; top: 0; z-index: 15; background: color-mix(in srgb, var(--store-bg, #fff) 94%, transparent); border-bottom: 1px solid var(--store-border, #e5e9ef); backdrop-filter: blur(14px); }
.header-static .store-header { position: relative; }
.store-header .store-container { min-height: 76px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 30px; }
.store-header .store-container.width-full { width:100%; padding-inline:24px; }
.public-store.nav-centered .store-header .store-container { grid-template-columns:1fr auto 1fr; }
.public-store.nav-centered .store-header .store-brand { justify-self:start; }
.public-store.nav-centered .store-header nav { justify-self:center; }
.public-store.nav-centered .store-cart { justify-self:end; }
.public-store.nav-split .store-header nav { justify-content:flex-start; }
.public-store.nav-minimal .store-header nav { gap:16px; }
.store-brand { display: flex; align-items: center; gap: 11px; color: var(--store-ink); text-decoration: none; font-size: 18px; }
.store-brand .brand-mark { flex:0 0 22px; width:22px; height:22px; margin-inline:6px 2px; }
.store-brand img { display: block; width: min(var(--store-logo-width, 72px), 240px); max-height: 58px; object-fit: contain; }
.store-brand.circle img { aspect-ratio: 1; object-fit: cover; border-radius: 50%; }
.store-header nav { display: flex; justify-content: center; gap: 26px; }
.store-header nav a { color: #40546a; text-decoration: none; font-size: 13px; font-weight: 650; }
.store-header nav a:hover { color: var(--store-primary); }
.store-header-actions { display:flex; align-items:center; justify-content:flex-end; gap:16px; }
.store-account-link { min-height:38px; display:inline-flex; align-items:center; gap:7px; padding:0 11px; color:var(--store-text,#102235); background:transparent; border:1px solid transparent; border-radius:var(--store-button-radius,9px); font:inherit; font-size:12px; font-weight:720; cursor:pointer; }
.store-account-link:hover { color:var(--store-primary); background:var(--store-surface,#f8fafc); border-color:var(--store-border,#e5e9ef); }
.store-account-link.connected { color:var(--store-primary); background:color-mix(in srgb,var(--store-primary) 9%,white); }
.store-account-link .icon { width:18px; height:18px; }
.store-cart { display: inline-flex; align-items: center; gap: 8px; color: var(--store-primary); text-decoration: none; font-size: 13px; font-weight: 750; }
.store-cart b { min-width: 19px; height: 19px; display: inline-grid; place-items: center; padding: 0 5px; color: white; background: var(--store-primary); border-radius: 999px; font-size: 10px; }
.store-cart-lines { display: grid; gap: 10px; }
.store-cart-lines article { display: grid; grid-template-columns: 58px 1fr auto 36px; align-items: center; gap: 13px; padding: 11px; border: 1px solid #e1e7ee; border-radius: 12px; }
.store-cart-lines article > span { width: 58px; height: 58px; display: grid; place-items: center; overflow: hidden; color: var(--brand); background: #f1f5f9; border-radius: 9px; }
.store-cart-lines article > span img { width: 100%; height: 100%; object-fit: cover; }
.store-cart-lines article > div { display: grid; gap: 4px; }
.store-cart-lines article small { color: var(--muted); }
.store-cart-lines label { display: grid; gap: 4px; color: var(--muted); font-size: 10px; }
.store-cart-lines input { width: 64px; height: 34px; padding: 0 8px; border: 1px solid #d7dee8; border-radius: 7px; }
.store-cart-lines article > button { width: 34px; height: 34px; display: grid; place-items: center; color: #c13b4b; background: #fff1f2; border: 0; border-radius: 8px; }
.store-cart-total { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; padding: 17px 4px 4px; border-top: 1px solid #dce3eb; }
.store-cart-total strong { font-size: 21px; }
.store-cart-empty { display: grid; justify-items: center; gap: 10px; padding: 38px 12px; text-align: center; }
.store-cart-empty > .icon { width: 42px; height: 42px; color: var(--brand); }
.store-cart-empty h2, .store-cart-empty p { margin: 0; }
.store-account-auth { max-width:390px; display:grid; gap:13px; justify-items:stretch; margin:auto; padding:12px 4px 4px; text-align:center; }
.store-account-auth-icon { width:58px; height:58px; display:grid; place-items:center; justify-self:center; color:#fff; background:linear-gradient(145deg,var(--store-primary,#2356d8),#153b9f); border-radius:18px; box-shadow:0 12px 26px color-mix(in srgb,var(--store-primary,#2356d8) 24%,transparent); }
.store-account-auth-icon .icon { width:28px; height:28px; }
.store-account-auth h3,.store-account-auth p { margin:0; }
.store-account-auth p { color:var(--muted); line-height:1.5; }
.store-account-auth form { display:grid; gap:12px; margin-top:7px; text-align:left; }
.store-account-auth form > .button { width:100%; }
.store-account-register > .subtitle { margin-top:0; }
.store-account-panel { display:grid; gap:20px; }
.store-account-panel > header { display:grid; grid-template-columns:52px minmax(0,1fr) auto; align-items:center; gap:13px; padding-bottom:18px; border-bottom:1px solid var(--line); }
.store-account-panel > header h3,.store-account-panel > header p { margin:0; }
.store-account-panel > header p { margin-top:4px; color:var(--muted); font-size:12px; }
.store-account-avatar { width:52px; height:52px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,var(--store-primary,#2356d8),#153b9f); border-radius:17px; font-size:20px; font-weight:850; }
.store-account-address { display:flex; align-items:flex-start; gap:12px; padding:15px; background:var(--store-surface,#f8fafc); border:1px solid var(--store-border,#e5e9ef); border-radius:13px; }
.store-account-address > span { width:36px; height:36px; display:grid; place-items:center; flex:none; color:var(--store-primary,#2356d8); background:#fff; border-radius:10px; }
.store-account-address div { display:grid; gap:3px; }
.store-account-address small,.store-account-address p { color:var(--muted); }
.store-account-address p { margin:0; font-size:11px; }
.store-account-orders { display:grid; gap:10px; }
.store-account-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:3px; }
.store-account-heading span { color:var(--store-primary,#2356d8); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.store-account-heading h3 { margin:3px 0 0; }
.store-account-heading b { min-width:28px; height:28px; display:grid; place-items:center; color:var(--store-primary,#2356d8); background:color-mix(in srgb,var(--store-primary,#2356d8) 10%,white); border-radius:999px; font-size:11px; }
.store-account-orders article { display:grid; grid-template-columns:minmax(120px,.8fr) auto minmax(180px,1.4fr) auto; align-items:center; gap:13px; padding:14px; border:1px solid var(--store-border,#e5e9ef); border-radius:12px; }
.store-account-orders article > div:first-child,.store-account-order-lines { display:grid; gap:3px; }
.store-account-orders article small { color:var(--muted); font-size:11px; }
.store-account-created { display:flex; align-items:center; gap:10px; padding:12px 14px; color:#126349; background:#edf9f4; border:1px solid #bce7d5; border-radius:11px; text-align:left; }
.store-account-created > div { display:grid; gap:2px; }
.store-account-created small { color:#3c7865; }
.checkout-account-option { display:block; padding:14px; background:var(--store-surface,#f8fafc); border:1px solid var(--store-border,#e5e9ef); border-radius:12px; }
.checkout-account-option > .compact-check { white-space:normal; }
.checkout-account-fields { display:grid; gap:12px; margin-top:14px; padding-top:14px; border-top:1px solid var(--store-border,#e5e9ef); }
.checkout-account-fields > .form-grid { margin:0; }
.store-hero { overflow: hidden; color: white; background: linear-gradient(125deg, color-mix(in srgb, var(--store-primary) 45%, #071928), var(--store-primary)); }
.store-hero .store-container { min-height: 545px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 40px; }
.store-hero-copy { max-width: 650px; padding: 70px 0; }
.store-kicker, .store-editorial > span, .store-section-heading span, .store-contact span { display: block; margin-bottom: 13px; color: var(--store-accent); font-size: 11px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.store-hero h1 { max-width: 650px; margin: 0 0 20px; font-size: clamp(40px, 6vw, 72px); line-height: .98; letter-spacing: -.055em; }
.store-hero p { max-width: 570px; margin-bottom: 28px; color: rgba(255,255,255,.78); font-size: 17px; line-height: 1.7; }
.store-button { min-height: 43px; display: inline-flex; align-items: center; justify-content: center; padding: 0 18px; color: white; background: var(--store-button-bg,var(--store-primary)); border: 1px solid var(--store-button-bg,var(--store-primary)); border-radius: var(--store-button-radius, 9px); text-decoration: none; font-size: 13px; font-weight: 780; transition:background-color .18s,color .18s,border-color .18s; }
.store-button:hover { background:var(--store-button-hover,var(--store-primary)); border-color:var(--store-button-hover,var(--store-primary)); }
.public-store.buttons-outline .store-button { color:var(--store-button-bg,var(--store-primary)); background:transparent; }
.public-store.buttons-outline .store-button:hover { color:#fff; background:var(--store-button-bg,var(--store-primary)); }
.store-button-shadow .store-button { box-shadow: 0 8px 20px color-mix(in srgb, var(--store-primary) 28%, transparent); }
.store-hero .store-button { color: #17263a; background: var(--store-accent); }
.store-button.light { color: var(--store-primary); background: white; }
.store-button:disabled { opacity: .5; cursor: not-allowed; }
.store-hero-art { position: relative; min-height: 420px; }
.store-hero-art span, .store-hero-art b, .store-hero-art i { position: absolute; border-radius: 50%; }
.store-hero-art span { width: 310px; height: 310px; inset: 55px auto auto 45px; border: 1px solid rgba(255,255,255,.35); box-shadow: 0 0 0 35px rgba(255,255,255,.04), 0 0 0 75px rgba(255,255,255,.025); }
.store-hero-art b { width: 145px; height: 145px; top: 120px; left: 128px; background: linear-gradient(145deg, var(--store-accent), rgba(255,255,255,.45)); border-radius: 38px; transform: rotate(-12deg); box-shadow: 0 28px 55px rgba(0,0,0,.22); }
.store-hero-art i { width: 38px; height: 38px; top: 78px; left: 330px; background: var(--store-accent); }
.store-hero-image { display:block; overflow:hidden; border-radius:var(--section-radius,8px); }
.store-hero-image img { width:100%; max-height:440px; display:block; object-fit:cover; transition:filter .2s; }
.store-hero-image:hover img { filter:brightness(.88); }
.store-section { padding-block: 82px; }
.store-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 35px; margin-bottom: 30px; }
.store-section-heading h2, .store-editorial h2, .store-contact h2 { margin: 0; font-size: clamp(28px, 4vw, 48px); letter-spacing: -.045em; }
.store-section-heading p { max-width: 480px; margin: 0; color: #68788b; line-height: 1.65; }
.store-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.store-product { overflow: hidden; background: var(--product-bg, white); border: 1px solid var(--product-border, #e2e7ee); border-radius: var(--product-radius, 16px); transition: transform .18s, box-shadow .18s, background-color .18s, border-color .18s; }
.store-product:hover { transform: translateY(-3px); background:var(--product-bg-hover,var(--product-bg,#fff)); border-color:var(--product-border-hover,var(--product-border,#e2e7ee)); box-shadow: 0 18px 38px rgba(14,35,58,.11); }
.store-product-media { position: relative; aspect-ratio:var(--product-ratio,1 / 1); min-height:220px; display: grid; place-items: center; color: var(--store-primary); background: linear-gradient(145deg, var(--store-surface,#f5f7fa), color-mix(in srgb,var(--store-surface,#f5f7fa) 75%,#dce5ef)); }
.store-product > a.store-product-media { text-decoration:none; }
.store-product-grid.wide-images .store-product-media { aspect-ratio:auto; height:300px; }
.store-product-media > .icon { width: 58px; height: 58px; }
.store-product-media img { width: 100%; height: 100%; object-fit: cover; }
.store-product-badges { position:absolute; left:14px; top:14px; display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
.store-product-media .store-product-badges em { position:static; padding:6px 9px; color:#08794f; background:#e5f7ef; border-radius:999px; font-size:10px; font-style:normal; font-weight:800; }
.store-product-media .store-product-badges em.promo { color:var(--store-promo-color,#fff); background:var(--store-promo-bg,#b91c1c); border-radius:var(--store-badge-radius,15px); }
.store-product-media em.muted { color: #986112; background: #fff3d7; }
.store-product.sold-out .store-product-media img { filter:grayscale(1); opacity:.62; }
.store-product.sold-out .store-product-media em.muted { color:var(--store-soldout-color,#fff); background:var(--store-soldout-bg,#ef4444); border-radius:var(--store-badge-radius,15px); }
.store-product-body { padding: 19px; }
.store-product-body > small { color: #7a8999; font-size: 10px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.store-product-body h3 { margin: 7px 0; font-size: 18px; }
.store-product-body h3 a { color:inherit; text-decoration:none; }
.store-product-body h3 a:hover { color:var(--store-primary); }
.store-product-body p { min-height: 42px; color: #697a8c; font-size: 12px; line-height: 1.55; }
.store-product-body > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.store-product-body strong { font-size: 20px; }
.store-products-section .store-product .store-button { color:var(--cart-color,#fff); background:var(--cart-bg,var(--store-primary)); border:1px solid var(--cart-border,transparent); border-radius:var(--cart-radius,var(--store-button-radius,9px)); }
.store-products-section .store-product .store-button:hover { color:var(--cart-color-hover,var(--cart-color,#fff)); background:var(--cart-bg-hover,var(--cart-bg,var(--store-primary))); border-color:var(--cart-border-hover,var(--cart-border,transparent)); }
.public-store[class*="global-card-"] .store-product { background:var(--global-card-bg,#fff); border-color:var(--global-card-border,#e9e9e9); border-radius:var(--global-card-radius,15px); }
.public-store[class*="global-card-"] .store-product:hover { background:var(--global-card-bg-hover,#fff); border-color:var(--global-card-border-hover,#d8d8d8); }
.public-store[class*="global-card-"] .store-product-media { aspect-ratio:var(--global-card-ratio,1 / 1); }
.public-store:not(.card-image-flush)[class*="global-card-"] .store-product-media { margin:10px; overflow:hidden; min-height:200px; border-radius:calc(var(--global-card-radius,15px) - 4px); }
.public-store[class*="global-card-"] .store-products-section .store-product .store-button { color:var(--global-cart-color,#fff); background:var(--global-cart-bg,var(--store-button-bg)); border-color:var(--global-cart-border,transparent); border-radius:var(--global-cart-radius,var(--store-button-radius)); }
.public-store[class*="global-card-"] .store-products-section .store-product .store-button:hover { color:var(--global-cart-color-hover,var(--global-cart-color,#fff)); background:var(--global-cart-bg-hover,var(--store-button-hover)); border-color:var(--global-cart-border-hover,var(--global-cart-border,transparent)); }
.store-product-page { padding:34px 0 82px; background:var(--store-bg,#fff); }
.store-product-breadcrumb { display:flex; align-items:center; gap:8px; margin:8px 0 28px; color:var(--store-muted); font-size:12px; }
.store-product-breadcrumb a { color:inherit; text-decoration:none; }
.store-product-breadcrumb strong { color:var(--store-text); }
.store-product-detail { display:grid; grid-template-columns:1.05fr .95fr; gap:55px; align-items:start; }
.store-product-gallery { display:grid; grid-template-columns:82px minmax(0,1fr); gap:12px; }
.store-product-gallery > div { grid-column:2; grid-row:1 / span 4; min-height:560px; display:grid; place-items:center; overflow:hidden; color:var(--store-primary); background:var(--store-surface); border-radius:16px; }
.store-product-gallery > div > .icon { width:86px; height:86px; stroke-width:.8; }
.store-product-gallery > div img { width:100%; height:100%; max-height:680px; object-fit:cover; }
.store-product-gallery > button { grid-column:1; width:82px; height:82px; display:grid; place-items:center; overflow:hidden; color:var(--store-primary); background:var(--store-surface); border:1px solid var(--store-border); border-radius:10px; }
.store-product-gallery > button img { width:100%; height:100%; object-fit:cover; }
.store-product-gallery > button.active { border-color:var(--store-primary); box-shadow:0 0 0 2px color-mix(in srgb,var(--store-primary) 22%,transparent); }
.store-product-gallery.gallery-swiper { grid-template-columns:1fr; }
.store-product-gallery.gallery-swiper > div { grid-column:1; grid-row:auto; }
.store-product-gallery.gallery-swiper > button { grid-column:auto; display:inline-grid; width:10px; height:10px; margin:8px 3px 0; padding:0; border:0; border-radius:999px; justify-self:center; }
.store-product-gallery.gallery-swiper > button img { display:none; }
.store-product-gallery.gallery-swiper > button.active { background:var(--store-primary); box-shadow:none; }
.store-product-gallery.gallery-stacked { display:block; }
.store-product-gallery.gallery-stacked > div { min-height:460px; margin-bottom:12px; }
.store-product-gallery.gallery-stacked > button { display:none; }
.store-product-gallery.gallery-masonry { grid-template-columns:repeat(2,minmax(0,1fr)); }
.store-product-gallery.gallery-masonry > div { grid-column:1/-1; grid-row:auto; min-height:430px; }
.store-product-gallery.gallery-masonry > button { grid-column:auto; width:100%; height:160px; }
.store-buybox { position:sticky; top:104px; padding:32px; }
.store-product-page.buybox-card .store-buybox { background:var(--store-surface); border-radius:18px; box-shadow:0 16px 42px rgba(14,35,58,.1); }
.store-product-page.buybox-outline .store-buybox { border:1px solid var(--store-border); border-radius:18px; }
.store-buybox > small { color:var(--store-muted); font-weight:750; letter-spacing:.07em; text-transform:uppercase; }
.store-buybox h1 { margin:10px 0 14px; font-size:clamp(34px,4vw,58px); line-height:1; letter-spacing:-.05em; }
.store-product-page.title-hero .store-buybox h1 { font-size:clamp(46px,6vw,76px); }
.store-product-page.title-compact .store-buybox h1 { font-size:32px; letter-spacing:-.03em; }
.store-product-reviews { margin-bottom:20px; color:#f4a900; font-weight:850; letter-spacing:.06em; }
.store-product-reviews span { margin-left:8px; color:var(--store-muted); font-size:12px; font-weight:600; letter-spacing:0; }
.store-buybox > p { color:var(--store-muted); font-size:15px; line-height:1.75; }
.store-buybox > strong { display:block; margin:26px 0; font-size:31px; }
.store-buybox > label { display:grid; gap:7px; margin-bottom:13px; color:var(--store-muted); font-size:11px; font-weight:700; }
.store-buybox input { width:92px; height:42px; padding:0 11px; border:1px solid var(--store-border); border-radius:8px; }
.store-buybox > .store-button { width:100%; min-height:50px; }
.store-product-page.layout-two-columns-reverse .store-product-gallery { order:2; }
.store-product-page.layout-full-media .store-product-detail { grid-template-columns:1fr; }
.store-product-page.layout-full-media .store-buybox { position:relative; top:auto; }
.store-product-page.layout-asymmetric .store-product-detail { grid-template-columns:1.35fr .65fr; }
.store-landing-product { padding:0 0 80px; color:var(--store-text); background:var(--store-bg); }
.store-landing-hero { min-height:620px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:60px; padding-block:72px; }
.store-landing-copy > span,.store-landing-story > div > span,.store-landing-final span { color:var(--store-primary); font-size:11px; font-weight:900; letter-spacing:.18em; }
.store-landing-copy h1 { max-width:720px; margin:15px 0 18px; font-family:var(--store-heading-font); font-size:clamp(52px,6vw,84px); line-height:.98; letter-spacing:-.055em; }
.store-landing-copy > p { max-width:620px; margin:0; color:var(--store-muted); font-size:20px; line-height:31px; }
.store-landing-copy > small { display:flex; align-items:center; gap:7px; margin-top:17px; color:var(--store-secondary); font-weight:700; }
.store-landing-copy > small .icon { width:18px; height:18px; color:var(--store-primary); }
.store-landing-buy { display:flex; align-items:center; gap:13px; flex-wrap:wrap; margin-top:30px; }
.store-landing-buy > strong { margin-right:12px; color:var(--store-secondary); font-size:30px; }
.store-landing-buy label { display:flex; align-items:center; gap:8px; color:var(--store-muted); font-size:12px; }
.store-landing-buy input { width:62px; height:48px; padding:0 10px; border:1px solid var(--store-border); border-radius:var(--store-button-radius); }
.store-landing-buy .store-button { min-height:50px; padding-inline:26px; font-size:15px; }
.store-landing-microcopy { display:flex; align-items:center; gap:7px; margin-top:16px; color:var(--store-muted); font-size:11px; }
.store-landing-microcopy .icon { width:17px; height:17px; color:var(--store-primary); }
.store-landing-visual { min-height:500px; position:relative; display:grid; place-items:center; overflow:hidden; isolation:isolate; background:linear-gradient(145deg,var(--store-surface),color-mix(in srgb,var(--store-primary) 13%,white)); border-radius:38px; }
.store-landing-visual::before { content:""; width:390px; height:390px; position:absolute; z-index:-1; border:1px solid color-mix(in srgb,var(--store-primary) 35%,transparent); border-radius:50%; box-shadow:0 0 0 45px color-mix(in srgb,var(--store-primary) 7%,transparent),0 0 0 90px color-mix(in srgb,var(--store-primary) 4%,transparent); }
.store-landing-visual > img { width:100%; height:100%; object-fit:cover; }
.store-landing-visual > span { width:230px; height:285px; display:grid; place-items:center; color:var(--store-primary); background:#fff; border-radius:34px; box-shadow:0 38px 75px rgba(14,35,58,.2); transform:rotate(4deg); }
.store-landing-visual > span .icon { width:90px; height:90px; }
.store-landing-visual > i,.store-landing-visual > b { width:18px; height:18px; position:absolute; background:var(--store-accent); border-radius:50%; }
.store-landing-visual > i { top:14%; right:17%; }.store-landing-visual > b { bottom:12%; left:15%; transform:scale(.6); }
.store-landing-proof { color:#fff; background:var(--store-secondary); }
.store-landing-proof > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.store-landing-proof article { min-height:150px; display:grid; grid-template-columns:42px 1fr; grid-template-rows:auto auto; align-content:center; gap:4px 12px; padding:25px 20px; border-right:1px solid rgba(255,255,255,.12); }
.store-landing-proof article:last-child { border-right:0; }
.store-landing-proof article > span { width:42px; height:42px; grid-row:1/3; display:grid; place-items:center; color:var(--store-secondary); background:#fff; border-radius:13px; }
.store-landing-proof article small { color:rgba(255,255,255,.7); line-height:17px; }
.store-landing-story { display:grid; grid-template-columns:1fr .72fr; align-items:center; gap:70px; padding-block:92px; }
.store-landing-story h2 { margin:13px 0; font-family:var(--store-heading-font); font-size:clamp(34px,4vw,54px); letter-spacing:-.04em; }
.store-landing-story p { color:var(--store-muted); font-size:17px; line-height:28px; }
.store-landing-story aside { display:flex; align-items:center; gap:18px; padding:29px; background:var(--store-surface); border:1px solid var(--store-border); border-radius:22px; box-shadow:0 18px 44px rgba(14,35,58,.07); }
.store-landing-story aside > .icon { width:42px; height:42px; color:var(--store-primary); flex:0 0 auto; }
.store-landing-story aside span { display:grid; gap:5px; }.store-landing-story aside strong { font-size:17px; }.store-landing-story aside small { color:var(--store-muted); line-height:19px; }
.store-landing-final { padding:68px 0; color:#fff; background:linear-gradient(120deg,var(--store-primary),var(--store-secondary)); }
.store-landing-final > div { display:flex; align-items:center; justify-content:space-between; gap:35px; }
.store-landing-final span { color:rgba(255,255,255,.68); }
.store-landing-final h2 { margin:10px 0 5px; font-family:var(--store-heading-font); font-size:38px; }.store-landing-final p { margin:0; color:rgba(255,255,255,.78); }
.store-landing-final .store-button { min-height:52px; color:var(--store-secondary); background:#fff; white-space:nowrap; }
.store-landing-product.tone-premium .store-landing-copy h1 { font-family:Georgia,serif; font-weight:500; }
.store-landing-product.tone-warm .store-landing-visual { border-radius:70px 18px 70px 18px; }
.store-landing-product.tone-expert .store-landing-proof article > span { border-radius:5px; }
.store-related-products { margin-top:80px; padding-top:48px; border-top:1px solid var(--store-border); }
.store-related-products h2 { margin:0 0 28px; font-size:clamp(28px,4vw,44px); }
.store-category-page { min-height:70vh; padding:28px 0 82px; }
.store-category-banner { min-height:var(--category-height,220px); display:flex; align-items:end; margin-top:8px; color:var(--category-title,#fff); background:linear-gradient(125deg,var(--store-secondary),var(--store-primary)); background-position:center; background-size:cover; }
.store-category-banner .store-container { padding-block:42px; }
.store-category-banner small { color:var(--store-accent); font-size:11px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.store-category-banner h1, .store-category-title h1 { margin:7px 0; font-size:clamp(38px,6vw,70px); line-height:1; letter-spacing:-.05em; }
.store-category-banner p { max-width:650px; margin:12px 0 0; color:color-mix(in srgb,var(--category-title,#fff) 82%,transparent); line-height:1.65; }
.store-category-title { padding-block:38px 24px; }
.store-category-title p { max-width:700px; color:var(--store-muted); line-height:1.65; }
.store-subcategories { display:flex; gap:12px; padding-block:26px 4px; overflow-x:auto; }
.store-subcategories a { min-width:150px; display:flex; align-items:center; gap:10px; padding:11px 14px; color:var(--store-text); background:var(--store-surface); border:1px solid var(--store-border); border-radius:12px; text-decoration:none; font-size:12px; font-weight:750; }
.store-subcategories a :is(img,.icon) { width:30px; height:30px; flex:0 0 30px; object-fit:cover; color:var(--store-primary); border-radius:7px; }
.store-category-content { display:grid; grid-template-columns:230px minmax(0,1fr); gap:34px; padding-top:44px; }
.store-category-content.without-filters { grid-template-columns:1fr; }
.store-category-filters { position:sticky; top:104px; align-self:start; display:grid; gap:18px; padding:20px; background:var(--store-surface); border:1px solid var(--store-border); border-radius:14px; }
.store-category-filters h2 { margin:0; font-size:18px; }
.store-category-filters label { position:relative; display:grid; gap:7px; color:var(--store-muted); font-size:11px; font-weight:700; }
.store-category-filters label > .icon { position:absolute; left:11px; bottom:11px; width:16px; height:16px; }
.store-category-filters input, .store-category-filters select { width:100%; height:40px; padding:0 11px; color:var(--store-text); background:var(--store-bg); border:1px solid var(--store-border); border-radius:8px; }
.store-category-filters input { padding-left:35px; }
.store-category-filters > small { color:var(--store-muted); }
.store-category-products { min-width:0; }
.store-category-products .store-section-heading { align-items:center; }
.store-category-empty { grid-column:1/-1; display:grid; justify-items:center; gap:8px; padding:65px 20px; color:var(--store-muted); text-align:center; background:var(--store-surface); border-radius:14px; }
.store-category-empty .icon { width:44px; height:44px; color:var(--store-primary); }
.store-category-empty :is(h2,p) { margin:0; }
.store-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding-block: 20px 70px; }
.store-features article { padding: 28px; background: #f6f8fb; border-radius: 14px; }
.store-features article > span { width: 42px; height: 42px; display: grid; place-items: center; margin-bottom: 28px; color: var(--store-primary); background: white; border-radius: 10px; }
.store-features p { margin: 0; color: #657588; font-size: 13px; line-height: 1.6; }
.store-editorial { max-width: 850px; margin-inline: auto; padding: 55px; text-align: center; background: #f5f7fa; border-radius: 20px; }
.store-editorial p { margin: 20px auto 0; color: #64758b; font-size: 16px; line-height: 1.8; }
.store-faq { display: grid; gap: 10px; max-width: 850px; margin-inline: auto; }
.store-faq details { padding: 19px 21px; background: #f6f8fb; border-radius: 11px; }
.store-faq summary { cursor: pointer; font-weight: 750; }
.store-faq p { margin: 13px 0 0; color: #657588; line-height: 1.6; }
.store-contact { color: white; background: var(--store-primary); }
.store-contact .store-container { min-height: 260px; display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.store-contact p { color: rgba(255,255,255,.76); }
.store-newsletter { display: flex; max-width: 550px; gap: 8px; margin: 22px auto 0; }
.store-newsletter input { flex: 1; min-height: 43px; padding: 0 14px; border: 1px solid #d7dee8; border-radius: 9px; }
.store-honeypot { position:absolute !important; left:-10000px !important; width:1px !important; height:1px !important; opacity:0 !important; pointer-events:none !important; }
.store-form-success { grid-column:1/-1; display:grid; justify-items:center; gap:8px; width:100%; padding:28px; color:#08794f; text-align:center; background:#ecfdf5; border:1px solid #a7f3d0; border-radius:12px; }
.store-form-success .icon { width:34px; height:34px; }
.store-form-success p { margin:0; color:#4d6b60; }
.store-form-success.compact { display:flex; justify-content:center; padding:13px 18px; }
.store-countdown-cells.expired { opacity:.62; }
.store-promo-banner, .store-countdown { color:#fff; background:var(--store-secondary,#17243a); }
.store-promo-banner .store-container, .store-countdown .store-container { min-height:240px; display:flex; align-items:center; justify-content:space-between; gap:35px; }
.store-promo-banner span, .store-countdown span { color:var(--store-accent); font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.store-promo-banner h2, .store-countdown h2 { margin:8px 0; font-size:clamp(28px,4vw,48px); }
.store-promo-banner p { color:rgba(255,255,255,.72); }
.store-image-section { position:relative; min-height:420px; margin:0; overflow:hidden; border-radius:18px; background:var(--store-surface,#f5f7fa); }
.store-image-section img { width:100%; height:100%; min-height:420px; display:block; object-fit:cover; }
.store-image-section figcaption { position:absolute; inset:auto 25px 25px; max-width:520px; padding:24px; color:#fff; background:rgba(7,25,40,.78); border-radius:14px; backdrop-filter:blur(8px); }
.store-image-section h2 { margin:0; }
.store-image-section p { margin-bottom:0; color:rgba(255,255,255,.8); }
.store-collection-grid, .store-testimonials { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.store-collection-grid a, .store-testimonials blockquote { margin:0; padding:30px; color:var(--store-ink); background:var(--store-surface,#f6f8fb); border:1px solid var(--store-border,#e5e9ef); border-radius:15px; text-decoration:none; }
.store-collection-grid a > span { width:46px; height:46px; display:grid; place-items:center; margin-bottom:38px; color:var(--store-primary); background:var(--store-bg,#fff); border-radius:12px; }
.store-collection-grid strong, .store-collection-grid small { display:block; }
.store-collection-grid small { margin-top:7px; color:var(--store-muted,#68788b); }
.store-testimonials blockquote > span { color:var(--store-accent); letter-spacing:.12em; }
.store-testimonials blockquote p { min-height:66px; color:var(--store-muted,#68788b); line-height:1.65; }
.store-testimonials cite { font-style:normal; font-weight:800; }
.store-contact-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; max-width:900px; margin:auto; padding:38px; background:var(--store-surface,#f6f8fb); border:1px solid var(--store-border,#e5e9ef); border-radius:18px; }
.store-contact-form > div, .store-contact-form .full { grid-column:1/-1; }
.store-contact-form label { display:grid; gap:7px; color:var(--store-muted,#68788b); font-size:12px; font-weight:700; }
.store-contact-form input, .store-contact-form textarea { min-height:44px; padding:11px 13px; color:var(--store-ink); background:var(--store-bg,#fff); border:1px solid var(--store-border,#d7dee8); border-radius:9px; }
.store-contact-form textarea { min-height:120px; resize:vertical; }
.store-contact-form h2 { margin:0 0 8px; font-size:clamp(28px,4vw,45px); }
.store-contact-form p { color:var(--store-muted,#68788b); }
.store-video { overflow:hidden; aspect-ratio:16/9; border-radius:18px; background:#071928; }
.store-video iframe { width:100%; height:100%; border:0; }
.store-countdown-cells { display:flex; gap:10px; }
.store-countdown-cells > span { min-width:84px; padding:17px; text-align:center; color:#fff; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.14); border-radius:12px; }
.store-countdown-cells strong, .store-countdown-cells small { display:block; }
.store-countdown-cells strong { font-size:28px; }
.store-countdown-cells small { margin-top:5px; color:rgba(255,255,255,.65); font-size:9px; }
.store-fixed-section { color:var(--store-text); background:var(--store-surface,#f6f8fb); border-top:1px solid var(--store-border,#e5e9ef); }
.store-fixed-section > .store-container { min-height:92px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.store-fixed-trust { justify-content:center !important; }
.store-fixed-trust > span { width:38px; height:38px; display:grid; place-items:center; color:var(--store-primary); background:var(--store-bg,#fff); border-radius:10px; }
.store-fixed-trust small { color:var(--store-muted); }
.store-fixed-newsletter > .store-container > div { display:flex; align-items:center; gap:10px; }
.store-fixed-newsletter .store-newsletter { flex:0 1 520px; margin:0; }
.store-footer { color:var(--store-footer-color,#fff); background:var(--store-footer-bg,#0b1d2d); }
.store-footer .store-footer-main { display:block; padding-block:44px 34px; }
.store-footer .store-footer-main.width-full { width:100%; padding-inline:34px; }
.store-footer .store-footer-brand { width:70px; height:70px; display:grid; place-items:center; margin-bottom:42px; overflow:hidden; color:inherit; border-radius:50%; text-decoration:none; font-size:13px; font-weight:800; }
.store-footer .store-footer-brand.placeholder { color:#050b12; border:2px solid #050b12; }
.store-footer .store-footer-brand img { width:100%; height:100%; object-fit:contain; }
.store-footer-columns { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:42px; }
.store-footer-columns section { min-width:0; display:grid; align-content:start; gap:10px; }
.store-footer-columns section > strong { margin-bottom:9px; color:inherit; font-size:14px; line-height:1.35; }
.store-footer-columns :is(a,span) { width:max-content; max-width:100%; color:color-mix(in srgb,currentColor 82%,transparent); font-size:13px; line-height:1.4; text-decoration:none; }
.store-footer-columns a:hover { color:inherit; text-decoration:underline; text-underline-offset:4px; }
.store-footer-social { display:grid; justify-items:center; gap:15px; padding:26px 20px; border-block:1px solid color-mix(in srgb,currentColor 15%,transparent); }
.store-footer-social > strong { font-size:12px; letter-spacing:.09em; }
.store-socials { display:flex; gap:11px; }
.store-socials a { width:42px; height:42px; display:grid; place-items:center; color:inherit; border:1px solid color-mix(in srgb,currentColor 24%,transparent); border-radius:50%; text-decoration:none; transition:transform .16s,background .16s,border-color .16s; }
.store-socials a:hover { transform:translateY(-2px); background:color-mix(in srgb,currentColor 10%,transparent); border-color:color-mix(in srgb,currentColor 50%,transparent); }
.social-brand { width:17px; height:17px; display:grid; place-items:center; color:currentColor; font-size:15px; font-weight:900; line-height:1; }
.social-brand svg { width:100%; height:100%; overflow:visible; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.social-brand svg .social-fill, .social-tiktok svg path { fill:currentColor; stroke:none; }
.social-facebook { padding-top:3px; font-family:Arial,sans-serif; font-size:20px; }
.social-linkedin { font-family:Arial,sans-serif; font-size:12px; letter-spacing:-.04em; }
.store-footer-bottom { padding:17px 24px; text-align:center; font-size:12px; }
.store-maintenance { min-height:100vh; display:grid; place-items:center; padding:24px; color:#102235; background:radial-gradient(circle at top,#dceeff,#f5f7fb 55%); }
.store-maintenance form { width:min(470px,100%); display:grid; gap:16px; padding:42px; background:#fff; border:1px solid #dbe5ef; border-radius:20px; box-shadow:0 24px 60px rgba(20,43,68,.14); }
.store-maintenance form > span { width:52px; height:52px; display:grid; place-items:center; color:#2563eb; background:#e2f3f8; border-radius:14px; }
.store-maintenance h1, .store-maintenance p { margin:0; }
.store-maintenance p { color:#64758b; line-height:1.65; }
.store-maintenance label { display:grid; gap:7px; color:#42556b; font-size:12px; font-weight:700; }
.store-loading, .store-error { min-height: 100vh; display: grid; place-items: center; text-align: center; background: #f5f7fa; }
.store-loading > div, .store-error > div { display: grid; justify-items: center; gap: 13px; }
.store-loading .brand-name { color: var(--ink-950); }
.store-error .brand-mark { margin-bottom: 20px; }
.store-error a { color: var(--blue-700); }
.order-recap { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; padding: 13px; background: #f3f6fa; border-radius: 10px; }
.order-recap strong, .order-recap small { display: block; }
.order-recap small { margin-top: 4px; color: var(--muted); }
.order-success { display: grid; justify-items: center; gap: 10px; padding: 30px 15px; text-align: center; }
.order-success > span { width: 66px; height: 66px; display: grid; place-items: center; color: white; background: var(--green-600); border-radius: 50%; }
.order-success > span .icon { width: 34px; height: 34px; }
.order-success p { max-width: 480px; color: var(--muted); line-height: 1.65; }
.theme-atelier.public-store { --store-ink: #342b25; background: #fffdf9; }
.theme-atelier .store-product { border-radius: 2px; }
.theme-pulse .store-product, .theme-pulse .store-editorial { border-radius: 24px; }

.mobile-menu { display: none; }

@media (max-width: 1180px) {
  :root { --sidebar: 238px; }
  .grid.four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .grid.three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .filter-bar { grid-template-columns: minmax(220px, 1fr) 170px auto; }
  .filter-bar > :nth-child(3) { display: none; }
  .builder-shell { grid-template-columns: 190px minmax(400px, 1fr); }
  .builder-properties { display: none; }
  .site-studio { grid-template-columns: 220px minmax(420px, 1fr); }
  .site-properties { position: static; grid-column: 1 / -1; max-height: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; }
  .site-properties > .eyebrow, .site-properties > h2, .site-properties > hr, .site-properties > .full-button { grid-column: 1 / -1; }
  .subscription-current { grid-template-columns: 1fr; }
  .application-summary { grid-template-columns: repeat(3, 1fr); }
  .application-summary .button-row { grid-column: 1 / -1; }
  .application-detail-layout { grid-template-columns: 1fr; }
  .application-overview { position: static; }
}

@media (max-width: 900px) {
  .app-shell { display: block; }
  .sidebar { position: fixed; left: 0; transform: translateX(-102%); width: min(300px, 86vw); transition: transform .22s; box-shadow: var(--shadow-md); }
  .sidebar.mobile-open { transform: translateX(0); }
  .mobile-menu { display: grid; }
  .topbar-left .desktop-only { display: none; }
  .topbar { grid-template-columns: auto 1fr auto; padding: 0 12px; gap: 8px; }
  .topbar-actions .desktop-only { display: none; }
  .page { padding: 20px 16px 50px; }
  .settings-layout { grid-template-columns: 1fr; }
  .settings-menu-card { position: static; max-height: none; overflow: visible; }
  .settings-menu-heading { padding-bottom: 10px; }
  .settings-nav { display: flex; position: static; overflow-x: auto; }
  .settings-tab { width: auto; min-width: max-content; }
  .pos-layout { grid-template-columns: 1fr; }
  .builder-shell { grid-template-columns: 1fr; }
  .builder-library { display: none; }
  .site-studio { grid-template-columns: 1fr; }
  .site-library, .site-properties { position: static; max-height: none; }
  .site-properties { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-menu-item { grid-template-columns: 24px 1fr 130px; }
  .site-menu-item > :nth-child(4) { grid-column: 2 / 4; }
  .site-menu-item > :nth-child(5) { grid-column: 2; }
  .store-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .store-product-detail,
  .store-product-page.layout-asymmetric .store-product-detail { grid-template-columns: 1fr; gap: 24px; }
  .store-product-page.layout-two-columns-reverse .store-product-gallery { order: 0; }
  .store-product-gallery > div { min-height: 440px; }
  .store-buybox { position: relative; top: auto; }
  .store-related-products { margin-top: 52px; }
  .store-category-content { grid-template-columns:1fr; }
  .store-category-filters { position:relative; top:auto; grid-template-columns:1fr 1fr auto; align-items:end; }
  .store-category-filters h2 { grid-column:1/-1; }
  .store-template-v2 > .store-products-section .store-product-grid, .store-template-v3 > .store-products-section .store-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .store-collection-grid, .store-testimonials { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .store-header nav { display: none; }
  .store-hero .store-container { grid-template-columns: 1fr; min-height: 500px; }
  .store-hero-art { display: none; }
  .hero-card { grid-template-columns: 1fr; }
  .hero-visual { display: none; }
  .product-step-tabs { display: flex; }
  .product-section-list { grid-template-columns: 1fr; }
  .commercial-document { padding: 24px; }
  .document-columns { grid-template-columns: 1fr; }
  .document-line-head, .document-line { grid-template-columns: minmax(180px, 1fr) 76px 110px 90px 40px; }
  .purchase-line { grid-template-columns: minmax(180px, 1fr) repeat(3, 96px) 40px; overflow-x: auto; }
  .drawer { width: min(620px, 100%); }
}

@media (max-width: 650px) {
  .activation-bar { justify-content: flex-start; height: auto; min-height: 46px; padding: 8px 50px 8px 12px; font-size: 12px; }
  .activation-bar .soft-button { display: none; }
  .topbar { height: 60px; }
  .topbar-actions > :not(.avatar):not(.mobile-menu) { display: none; }
  .store-product-page { padding: 18px 0 54px; }
  .store-product-page > .store-container { width: min(100% - 24px, var(--store-width)); }
  .store-product-breadcrumb { margin-bottom: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .store-product-gallery { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .store-product-gallery > div { grid-column: 1/-1; grid-row: auto; min-height: 300px; height: var(--mobile-gallery-height,auto); max-height: 70vh; }
  .store-product-gallery > button { grid-column: auto; width: 100%; height: 64px; }
  .store-product-gallery.gallery-mobile-swiper { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); justify-content:stretch; }
  .store-product-gallery.gallery-mobile-swiper > div { grid-column:1/-1; min-height:300px; }
  .store-product-gallery.gallery-mobile-swiper > button { display:grid; width:10px; height:10px; margin:4px 0; padding:0; justify-self:center; background:#c8d2df; border:0; border-radius:999px; }
  .store-product-gallery.gallery-mobile-swiper > button img { display:none; }
  .store-product-gallery.gallery-mobile-swiper > button.active { background:var(--store-primary); box-shadow:none; }
  .store-product-gallery.gallery-mobile-thumbnails { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); justify-content:stretch; }
  .store-product-gallery.gallery-mobile-thumbnails > button { display:grid; width:100%; height:64px; margin:0; border:1px solid var(--store-border); border-radius:10px; }
  .store-product-gallery.gallery-mobile-thumbnails > button img { display:block; }
  .store-product-gallery.gallery-mobile-stacked { display:block; }
  .store-product-gallery.gallery-mobile-stacked > div { min-height:300px; margin-bottom:0; }
  .store-product-gallery.gallery-mobile-stacked > button { display:none; }
  .store-product-gallery.gallery-mobile-masonry { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .store-product-gallery.gallery-mobile-masonry > div { grid-column:1/-1; min-height:300px; }
  .store-product-gallery.gallery-mobile-masonry > button { display:grid; grid-column:auto; width:100%; height:130px; margin:0; border:1px solid var(--store-border); border-radius:10px; }
  .store-product-gallery.gallery-mobile-masonry > button img { display:block; }
  .store-buybox { padding: 22px 18px; }
  .store-buybox h1,
  .store-product-page.title-hero .store-buybox h1 { font-size: 34px; }
  .store-related-products { margin-top: 42px; padding-top: 32px; }
  .store-category-page { padding-top:18px; }
  .store-category-banner .store-container { padding-block:30px; }
  .store-category-content { gap:24px; padding-top:28px; }
  .store-category-filters { grid-template-columns:1fr; }
  .store-category-filters h2 { grid-column:auto; }
  .store-category-products .store-section-heading { align-items:flex-start; }
  .search-shortcut { display: none; }
  .global-search input { padding-right: 12px; }
  .page-header { align-items: flex-start; flex-direction: column; }
  .page-header .header-actions { width: 100%; }
  .page-header .header-actions .button { flex: 1; }
  .grid.two, .grid.three, .grid.four, .form-grid { grid-template-columns: 1fr; }
  .filter-bar { grid-template-columns: 1fr auto; }
  .filter-bar > :nth-child(2), .filter-bar > :nth-child(3) { display: none; }
  .hero-copy { padding: 28px 24px; }
  .hero-copy h1 { font-size: 30px; }
  .settings-panel { padding: 17px; }
  .settings-page-heading, .settings-panel-header, .settings-wizard-card { align-items: flex-start; flex-direction: column; }
  .settings-saved-badge { align-self: flex-start; }
  .settings-panel-header .button, .settings-wizard-card .button { width: 100%; }
  .settings-panel-title { align-items: flex-start; }
  .settings-upload-grid, .language-grid, .settings-filter, .currency-preview { grid-template-columns: 1fr; }
  .settings-stat-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .settings-stat-row > div { min-width: 0; }
  .settings-entity-card, .carrier-card, .stage-card { grid-template-columns: auto minmax(0,1fr) auto; }
  .settings-entity-card > .icon-button, .carrier-card > .icon-button, .stage-card > .icon-button { grid-column: 3; }
  .email-recipient-editor { grid-template-columns: 1fr; }
  .checkout-field-table { max-height: 360px; }
  .checkout-configured-grid > .form-field,
  .checkout-configured-grid > .form-field.checkout-third { grid-column: 1 / -1; }
  .product-wizard-top { grid-template-columns: 40px 36px minmax(0, 1fr); align-items: center; }
  .product-wizard-top .button-row { grid-column: 1 / -1; width: 100%; }
  .product-wizard-top .button { flex: 1; }
  .product-wizard-tabs { top: 60px; }
  .product-rich-content, .product-rich-code { min-height: 260px; }
  .product-wizard-footer { margin-inline: -17px; padding-inline: 17px; }
  .media-preview-grid, .media-library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-preview-card { grid-template-columns: 1fr; }
  .preview-product-image { min-height: 220px; }
  .finance-flow { padding-inline: 13px; }
  .commercial-document { padding: 18px; }
  .document-head, .document-total { grid-template-columns: 1fr; gap: 18px; }
  .document-head > div:last-child { text-align: left; }
  .document-head .form-field { margin-left: 0; }
  .document-lines { overflow-x: auto; }
  .document-line-head, .document-line { min-width: 650px; }
  .purchase-line { min-width: 650px; }
  .invoice-order-list label { align-items: flex-start; flex-direction: column; gap: 6px; }
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .donut-layout { grid-template-columns: 1fr; }
  .preview-hero { padding: 28px; }
  .preview-products { grid-template-columns: 1fr; }
  .offer-card.featured { transform: none; }
  .subscription-current { padding: 18px; }
  .subscription-usage { grid-template-columns: 1fr; }
  .billing-toggle { width: 100%; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); overflow: visible; }
  .billing-toggle button { min-width: 0; padding-inline: 5px; font-size: 11px; white-space: nowrap; }
  .billing-toggle .status-chip { padding-inline: 4px; font-size: 9px; }
  .modal-backdrop { align-items: end; padding: 0; }
  .modal { max-height: 92vh; border-radius: 15px 15px 0 0; }
  .login-page { grid-template-columns: 1fr; }
  .login-aside { display: none; }
  .login-panel { padding: 28px 20px; }
  .site-command-bar, .domain-intro { align-items: flex-start; flex-direction: column; }
  .site-command-bar .button-row, .site-command-bar .button, .domain-intro .button { width: 100%; }
  .site-properties { display: block; }
  .site-menu-item { grid-template-columns: 24px 1fr 38px; }
  .site-menu-item > :nth-child(3), .site-menu-item > :nth-child(4), .site-menu-item > :nth-child(5) { grid-column: 2 / 4; }
  .site-menu-item > :nth-child(6) { grid-column: 3; grid-row: 1; }
  .store-container { width: min(100% - 28px, 1180px); }
  .store-header .store-container { grid-template-columns: 1fr auto; min-height: 66px; }
  .store-header-actions { gap:8px; }
  .store-account-link span { display:none; }
  .store-account-link { width:38px; padding:0; justify-content:center; }
  .store-cart { font-size: 0; }
  .store-cart .icon { width: 23px; height: 23px; }
  .store-account-panel > header { grid-template-columns:46px 1fr; }
  .store-account-panel > header > .button { grid-column:1/-1; width:100%; }
  .store-account-orders article { grid-template-columns:1fr auto; }
  .store-account-order-lines { grid-column:1/-1; }
  .store-hero-copy { padding: 58px 0; }
  .store-hero h1 { font-size: 43px; }
  .store-hero p { font-size: 15px; }
  .store-section { padding-block: 58px; }
  .store-section-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .store-product-grid, .store-features, .store-collection-grid, .store-testimonials { grid-template-columns: 1fr; }
  .store-template-v2 > .store-products-section .store-product-grid, .store-template-v3 > .store-products-section .store-product-grid { grid-template-columns:1fr; }
  .store-product-media { height: 230px; }
  .store-editorial { padding: 35px 20px; }
  .store-contact .store-container, .store-footer .store-container { align-items: flex-start; flex-direction: column; padding-block: 42px; }
  .store-footer .store-footer-main { display:block; }
  .store-footer-columns { grid-template-columns:1fr 1fr; gap:32px 20px; }
  .store-footer .store-footer-brand { margin-bottom:32px; }
  .store-promo-banner .store-container, .store-countdown .store-container { align-items:flex-start; flex-direction:column; padding-block:42px; }
  .store-countdown-cells { width:100%; }
  .store-countdown-cells > span { flex:1; min-width:0; }
  .store-contact-form { grid-template-columns:1fr; padding:24px 18px; }
  .store-contact-form > * { grid-column:1/-1; }
  .store-image-section, .store-image-section img { min-height:320px; }
  .store-image-section figcaption { inset:auto 12px 12px; padding:18px; }
  .store-maintenance form { padding:30px 22px; }
  .store-newsletter { flex-direction: column; }
  .application-summary { grid-template-columns: 1fr 1fr; }
  .application-summary > div:nth-child(3), .application-summary .button-row { grid-column: 1 / -1; }
  .application-filters { grid-template-columns: 1fr auto; }
  .application-filters > select { display: none; }
  .shortcut-grid { grid-template-columns: 1fr; }
  .drawer { border-radius: 15px 15px 0 0; }
  .notification-toolbar { align-items: flex-start; flex-direction: column; }
  .notification-toolbar .button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

.action-context {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  padding: 18px;
  margin-bottom: 18px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 8%, white), white 72%);
}

.action-context h3 { margin: 4px 0 6px; }
.action-context p { margin: 0; }
.action-related-routes .hub-card { min-height: 154px; }

/* Catalogue TikTak reference — catégories, coupons, packs et mode Excel */
.catalog-title-bar,
.catalog-list-panel,
.coupon-title-card,
.coupon-metrics,
.coupon-search,
.coupon-list-card,
.coupon-editor,
.pack-filter-row,
.pack-list,
.pack-editor {
  width: min(1152px, 100%);
  margin-inline: auto;
}

.catalog-title-bar {
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px;
  margin-bottom: 16px;
  border-radius: 8px;
}
.catalog-title-bar > div:first-child:not(.surface-title) { min-width: 0; }
.catalog-title-bar h1,
.catalog-title-bar h2 { margin: 0; color: #111827; font-size: 20px; line-height: 1.25; }
.catalog-title-bar h1 { font-size: 27px; }
.catalog-title-bar p { margin: 2px 0 0; color: #667892; font-size: 13px; }
.catalog-title-bar .title-icon,
.coupon-title-card .title-icon {
  width: 40px;
  height: 40px;
  color: #067095;
  background: #e4f1f6;
  border-radius: 8px;
}
.catalog-title-bar .button.primary,
.coupon-title-card .button.primary,
.pack-editor .button.primary,
.coupon-editor .button.primary { min-height: 40px; border-radius: 6px; background: #006c91; border-color: #006c91; box-shadow: none; }

.catalog-list-panel { overflow: hidden; border-radius: 8px; }
.catalog-filter-row {
  min-height: 73px;
  display: grid;
  grid-template-columns: minmax(260px, 384px) 150px 100px;
  align-items: center;
  gap: 16px;
  padding: 16px;
}
.search-field { position: relative; display: block; min-width: 0; }
.search-field > .icon { position: absolute; z-index: 1; left: 13px; top: 50%; width: 17px; height: 17px; color: #60748f; transform: translateY(-50%); pointer-events: none; }
.search-field .field { padding-left: 40px; }
.compact-select { max-width: 100px; }
.catalog-list-panel .table-wrap { border-top-color: #dbe3ed; }
.catalog-list-panel .data-table { min-width: 930px; }
.catalog-list-panel .data-table th,
.coupon-list-card .data-table th { height: 49px; padding-inline: 16px; background: white; text-transform: none; letter-spacing: 0; font-size: 12px; font-weight: 500; }
.catalog-list-panel .data-table td { height: 68px; }
.catalog-list-panel .table-footer,
.coupon-list-card .table-footer { display: none; }
.danger-icon { color: #ed6571; }

.coupon-title-card { overflow: hidden; margin-bottom: 24px; border-radius: 8px; }
.coupon-title-card .surface-header { min-height: 80px; padding: 16px; }
.coupon-title-card .surface-title h2 { font-size: 20px; }
.coupon-title-card .surface-title p { font-size: 14px; }
.coupon-type-tabs { height: 62px; display: grid; grid-template-columns: 252px 256px; align-items: center; gap: 0; padding: 12px 20px 0; border-top: 1px solid #dbe3ed; }
.coupon-type-tabs button { height: 40px; display: flex; align-items: center; justify-content: center; gap: 9px; color: #657791; background: white; border: 0; border-radius: 6px; font-size: 14px; }
.coupon-type-tabs button.active { color: white; background: #006f94; }
.coupon-type-tabs .icon { width: 17px; height: 17px; }
.coupon-metrics { margin-bottom: 24px; gap: 16px; }
.coupon-metric { position: relative; min-height: 83px; display: grid; align-content: center; gap: 7px; padding: 15px 16px; border-radius: 8px; }
.coupon-metric > span { color: #667892; font-size: 12px; }
.coupon-metric > strong { color: #111827; font-size: 22px; line-height: 1; }
.coupon-metric > .icon,
.coupon-metric > em { position: absolute; right: 16px; top: 34px; color: #00739a; font-style: normal; }
.coupon-metric > .icon { width: 18px; height: 18px; }
.coupon-metric > em { padding: 4px 10px; background: #d9eef5; border-radius: 999px; font-size: 11px; }
.coupon-search { min-height: 41px; margin-bottom: 24px; padding: 0; border-radius: 7px; }
.coupon-search .field { min-height: 40px; border: 0; border-radius: 7px; }
.coupon-list-card { min-height: 200px; padding: 20px 24px; border-radius: 8px; }
.coupon-list-card > h2 { margin: 0 0 22px; font-size: 27px; }
.coupon-list-card .table-wrap { border-top: 0; }
.coupon-list-card .data-table { min-width: 920px; }
.coupon-list-card .data-table th { border-top: 0; }
.coupon-list-card .data-table td { height: 61px; }
.coupon-list-card code { padding: 4px 7px; color: #006f94; background: #e7f2f6; border-radius: 4px; font-family: inherit; font-size: 12px; font-weight: 700; }

.coupon-editor { padding-bottom: 74px; }
.coupon-editor > .catalog-title-bar { width: 100%; }
.coupon-editor-grid { display: grid; grid-template-columns: minmax(0, 2.45fr) minmax(280px, 1fr); gap: 24px; align-items: start; }
.coupon-editor-grid .section-stack { margin-top: 0; gap: 24px; }
.compact-panel { min-height: 0; padding: 24px; border-radius: 8px; }
.compact-panel > h2,
.compact-panel .surface-header h2 { margin-bottom: 24px; font-size: 20px; }
.compact-panel .surface-header h2 { margin-bottom: 3px; }
.compact-panel .form-grid { gap: 24px 16px; }
.compact-panel .form-field { color: #111827; font-size: 14px; font-weight: 500; }
.coupon-code-field > span:last-child { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.coupon-toggle-row { min-height: 55px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 10px 12px; border: 1px solid #d9e2ec; border-radius: 8px; }
.coupon-toggle-row > div { min-width: 0; }
.coupon-toggle-row strong { display: block; color: #111827; font-size: 14px; font-weight: 500; }
.coupon-toggle-row small { display: block; margin-top: 5px; color: #657891; font-size: 12px; line-height: 1.4; }
.compact-panel > .coupon-toggle-row { margin-top: 24px; padding: 16px; background: #f5fafc; border-color: #b9d8e6; }
.coupon-option-grid { margin-top: 24px; padding-top: 8px; border-top: 1px solid #dbe3ed; gap: 12px; }
.coupon-option-grid .coupon-toggle-row { background: #fff; }
.coupon-product-scope { margin-top: 18px; padding: 18px; border: 1px solid #b9d8e6; border-radius: 10px; background: #f6fbfd; }
.coupon-product-scope > div:first-child { margin-bottom: 12px; }
.coupon-product-scope h3 { margin: 0; color: #11283d; font-size: 15px; }
.coupon-product-scope p { margin: 5px 0 0; color: #657891; font-size: 12px; }
.coupon-product-scope > div:last-child { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; max-height: 280px; overflow: auto; scrollbar-gutter: stable; }
.coupon-product-scope label { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 11px 12px; border: 1px solid #d9e5ed; border-radius: 8px; background: #fff; cursor: pointer; }
.coupon-product-scope label:has(input:checked) { border-color: #2563eb; box-shadow: inset 0 0 0 1px #2563eb; background: #edf9fc; }
.coupon-product-scope label input { flex: 0 0 auto; accent-color: #2563eb; }
.coupon-product-scope label > span { display: grid; min-width: 0; grid-template-columns: 20px 1fr; column-gap: 7px; }
.coupon-product-scope label .icon { grid-row: 1 / 3; width: 18px; height: 18px; color: #2563eb; }
.coupon-product-scope label b,.coupon-product-scope label small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.coupon-product-scope label b { color: #12283d; font-size: 13px; }
.coupon-product-scope label small { color: #6a7d90; font-size: 11px; }
.coupon-side .compact-panel { padding: 24px; }
.coupon-side .coupon-toggle-row { margin-top: 16px; background: white; }
.coupon-condition { display: grid; grid-template-columns: 1.2fr 1fr 130px 40px; gap: 10px; align-items: center; padding: 12px; border: 1px solid #dbe3ed; border-radius: 8px; }
.color-field { height: 42px; padding: 4px; }
.editor-save-bar { position: sticky; z-index: 8; bottom: 0; display: flex; justify-content: flex-end; gap: 9px; width: min(1152px, 100%); margin: 24px auto 0; padding: 14px 0; background: rgba(247,249,251,.96); border-top: 1px solid #dbe3ed; backdrop-filter: blur(8px); }

.pack-filter-row { min-height: 76px; display: grid; grid-template-columns: minmax(260px, 1fr) 180px 180px; gap: 16px; align-items: center; margin-bottom: 24px; padding: 16px; border-radius: 8px; }
.pack-list { min-height: 278px; padding: 24px; border-radius: 8px; }
.pack-empty { min-height: 228px; }
.pack-empty-icon { display: inline-grid; place-items: center; color: #66758d; }
.pack-empty-icon .icon { width: 52px; height: 52px; }
.pack-empty h2 { margin: 15px 0 10px; font-size: 20px; }
.pack-empty p { margin-bottom: 18px; font-size: 16px; }
.pack-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.pack-card { overflow: hidden; display: grid; grid-template-columns: 112px minmax(0,1fr); min-height: 132px; border: 1px solid #dbe3ed; border-radius: 8px; background: white; }
.pack-card-image { display: grid; place-items: center; color: #687992; background: #f2f5f8; }
.pack-card-image img { width: 100%; height: 100%; object-fit: cover; }
.pack-card > div:last-child { padding: 15px; }
.pack-card h3 { margin: 10px 0 4px; }
.pack-card p { margin-bottom: 7px; color: #667892; font-size: 12px; }
.pack-card small { color: #667892; }

.pack-editor { background: #f7f9fb; }
.pack-editor-header { min-height: 116px; display: grid; grid-template-columns: 36px minmax(0,1fr) auto; align-items: center; gap: 16px; padding: 18px 24px; background: white; border-bottom: 1px solid #dbe3ed; }
.pack-editor-header h1 { margin: 0 0 4px; font-size: 28px; }
.pack-editor-header .icon-button { width: 36px; height: 36px; }
.pack-step-tabs { width: calc(100% - 48px); height: 41px; display: grid; grid-template-columns: repeat(5,1fr); gap: 0; margin: 24px 24px 8px; padding: 4px; background: #edf2f7; border-radius: 7px; }
.pack-step-tabs button { height: 33px; color: #61728c; background: transparent; border: 0; border-radius: 5px; font-size: 13px; }
.pack-step-tabs button.active { color: #111827; background: white; box-shadow: 0 1px 2px rgba(15,23,42,.08); }
.pack-step { width: calc(100% - 48px); min-height: 590px; margin: 0 24px; padding: 24px; border-radius: 8px; }
.pack-step h2 { margin-bottom: 4px; font-size: 27px; }
.pack-form-stack { display: grid; gap: 20px; margin-top: 28px; }
.pack-form-stack .form-field { color: #111827; font-size: 14px; font-weight: 500; }
.pack-rich-content { min-height: 235px; }
.pack-mode-grid .choice-card { min-height: 142px; border: 1px solid #dbe3ed; border-radius: 8px; background: white; box-shadow: none; }
.pack-mode-grid .choice-card.selected { border: 2px solid #2563eb; background: #f3fafc; }
.pack-product-list { display: grid; gap: 10px; margin-top: 22px; }
.pack-product-row { min-height: 72px; display: grid; grid-template-columns: minmax(260px,1fr) 110px 130px; align-items: center; gap: 14px; padding: 10px 14px; border: 1px solid #dbe3ed; border-radius: 8px; }
.pack-product-check { display: grid; grid-template-columns: auto 38px 1fr; align-items: center; gap: 10px; }
.pack-product-check input { width: 17px; height: 17px; accent-color: #2563eb; }
.pack-product-check strong,
.pack-product-check small { display: block; }
.pack-product-check small { margin-top: 3px; color: #667892; font-size: 11px; }
.pack-product-row .form-field { gap: 3px; }
.pack-product-row .field { min-height: 35px; }
.pack-editor > .product-wizard-footer { width: calc(100% - 48px); margin: 16px 24px 0; border-radius: 8px; }
.media-preview-card { overflow: hidden; border: 1px solid #dbe3ed; border-radius: 8px; background: white; }
.media-preview-card img { width: 100%; aspect-ratio: 4/3; display: block; object-fit: cover; }
.media-preview-card small { display: block; overflow: hidden; padding: 8px; text-overflow: ellipsis; white-space: nowrap; }

.bulk-excel-page { min-height: 100vh; background: white; }
.bulk-editor { min-width: 1080px; min-height: 100vh; background: white; color: #111827; font-size: 12px; }
.bulk-editor-top { height: 40px; display: flex; align-items: center; gap: 10px; padding: 4px 12px; border-bottom: 1px solid #dbe3ed; }
.bulk-editor-top > span { color: #60718a; white-space: nowrap; }
.bulk-editor-top .search-field { width: 258px; margin-right: auto; }
.bulk-editor-top .field,
.bulk-filter-bar .field,
.bulk-filter-bar .select { min-height: 30px; height: 30px; border-radius: 5px; font-size: 12px; }
.bulk-editor-top .button { min-height: 30px; height: 30px; padding-inline: 10px; border-radius: 5px; font-size: 12px; box-shadow: none; }
.bulk-saved { display: inline-flex; align-items: center; gap: 6px; color: #0a9854 !important; }
.bulk-saved.dirty { color: #a66a00 !important; }
.bulk-filter-bar { height: 44px; display: flex; align-items: center; gap: 8px; padding: 5px 12px; border-bottom: 1px solid #dbe3ed; }
.bulk-filter-bar > span { color: #62748d; font-size: 10px; }
.bulk-filter-bar .search-field { width: 224px; }
.bulk-filter-bar .select { width: 144px; }
.bulk-table-wrap { border-top: 0; overflow: visible; }
.bulk-table { width: 1354px; min-width: 1354px; table-layout: fixed; }
.bulk-table th { height: 34px; padding: 6px 9px; background: #f1f5f8; border-right: 1px solid #dbe3ed; font-size: 10px; }
.bulk-table td { height: 32px; padding: 0; border-right: 1px solid #e2e8f0; }
.bulk-table th:first-child,
.bulk-table td:first-child { width: 62px; text-align: center; }
.bulk-table th:nth-child(2) { width: 280px; }
.bulk-table th:nth-child(3) { width: 140px; }
.bulk-table th:nth-child(4),
.bulk-table th:nth-child(5),
.bulk-table th:nth-child(6) { width: 100px; text-align: right; }
.bulk-table th:nth-child(7) { width: 120px; }
.bulk-table th:nth-child(8) { width: 90px; text-align: right; }
.bulk-table th:nth-child(9) { width: 200px; }
.bulk-table th:nth-child(10),
.bulk-table th:nth-child(11) { width: 80px; text-align: center; }
.bulk-cell-input,
.bulk-cell-select { width: 100%; height: 31px; padding: 0 9px; color: #111827; background: transparent; border: 0; outline: none; font-size: 12px; }
.bulk-cell-input.number { text-align: right; }
.bulk-cell-input:focus,
.bulk-cell-select:focus { background: #fffbea; box-shadow: inset 0 0 0 2px #d89d1c; }
.bulk-cell-input:disabled { color: #8391a4; background: #f7f9fb; }
.bulk-table .switch { width: 28px; height: 16px; padding: 2px; margin: auto; }
.bulk-table .switch::after { width: 12px; height: 12px; }
.bulk-table .switch.on::after { transform: translateX(12px); }
.bulk-table tr.dirty td { background: #fffcf1; }
.bulk-end { width: 700px; margin: 11px 0; color: #708099; text-align: center; font-size: 11px; }

.modal:has([data-category-form]) { width: min(672px, 100%); border-radius: 8px; }
.modal:has([data-category-form]) .modal-header { min-height: 64px; padding: 18px 24px 4px; border-bottom: 0; }
.modal:has([data-category-form]) .modal-header h2 { font-size: 20px; }
.modal:has([data-category-form]) .modal-header h2 small { color: #687991; font-size: 14px; }
.modal:has([data-category-form]) .modal-close { border: 0; }
.modal:has([data-category-form]) .modal-body { padding: 12px 24px 24px; }
.category-section-label { margin-bottom: 18px; color: #111827; font-size: 14px; }
[data-category-form] .pack-form-stack { margin-top: 0; gap: 18px; }
[data-category-form] .form-field { color: #111827; font-size: 14px; font-weight: 500; }
[data-category-form] textarea.field { min-height: 108px; }
[data-category-form] .coupon-toggle-row { min-height: 80px; padding: 14px 16px; }
.category-media-panel { padding: 16px; border: 1px solid #dbe3ed; border-radius: 8px; }
.category-media-panel .category-section-label { display: flex; align-items: center; gap: 8px; color: #006f94; }
.category-upload { display: grid; gap: 10px; color: #111827; font-size: 14px; }
.category-upload-box { position: relative; min-height: 254px; overflow: hidden; display: grid; place-items: center; align-content: center; gap: 10px; color: #617591; background: #fbfcfd; border: 1px solid #dbe3ed; border-radius: 8px; cursor: pointer; }
.category-upload-box > .icon { width: 20px; height: 20px; }
.category-upload-box img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.category-upload-box small { position: relative; z-index: 1; font-size: 12px; }
.category-upload-box input { position: absolute; inset: 0; width: 100%; opacity: 0; cursor: pointer; }
.category-wizard-footer { margin: 24px 0 0; padding: 0; border-top: 0; }

@media (max-width: 900px) {
  .coupon-editor-grid { grid-template-columns: 1fr; }
  .coupon-side { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pack-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pack-product-row { grid-template-columns: minmax(220px,1fr) 100px; }
  .pack-product-row > .check-field { grid-column: 2; }
}

@media (max-width: 650px) {
  .catalog-title-bar { align-items: flex-start; flex-direction: column; }
  .catalog-title-bar .button { width: 100%; }
  .catalog-filter-row,
  .pack-filter-row { grid-template-columns: 1fr; }
  .compact-select { max-width: none; }
  .coupon-type-tabs { grid-template-columns: 1fr 1fr; padding-inline: 8px; }
  .coupon-metrics { grid-template-columns: 1fr 1fr !important; }
  .coupon-list-card { padding-inline: 12px; }
  .coupon-editor-grid,
  .coupon-side { grid-template-columns: 1fr; }
  .compact-panel { padding: 16px; }
  .coupon-condition { grid-template-columns: 1fr; }
  .pack-grid { grid-template-columns: 1fr; }
  .pack-editor-header { grid-template-columns: 36px minmax(0,1fr); }
  .pack-editor-header .button-row { grid-column: 1 / -1; }
  .pack-step-tabs { overflow-x: auto; display: flex; }
  .pack-step-tabs button { min-width: 100px; }
  .pack-step { padding: 16px; }
  .pack-product-row { grid-template-columns: 1fr; }
  .pack-product-row > .check-field { grid-column: auto; }
  .category-media-panel .grid { grid-template-columns: 1fr; }
  .category-upload-box { min-height: 185px; }
}

/* TikTak parity · Réclamations et Agent support */
.support-title-card { max-width: 1152px; min-height: 74px; margin: 0 auto 24px; padding: 17px 16px; border-radius: 8px; }
.support-title-card .surface-header { padding: 0; }
.support-title-card .surface-title { gap: 12px; }
.support-title-card .title-icon { width: 34px; height: 34px; color: #006f94; background: #e8f2f6; border-radius: 7px; }
.support-title-card h2 { margin: 0; color: #111827; font-size: 18px; font-weight: 700; }
.support-title-card p { margin: 3px 0 0; color: #687991; font-size: 13px; }
.support-title-card .button { min-height: 36px; border-radius: 6px; box-shadow: none; }
.complaint-filters { max-width: 1152px; display: grid; grid-template-columns: 1fr repeat(3,minmax(180px,1fr)) minmax(170px,1fr); gap: 16px; margin: 0 auto 24px; padding: 16px; border-radius: 8px; }
.complaint-filters > label { position: relative; display: flex; align-items: center; }
.complaint-filters > label .icon { position: absolute; left: 13px; z-index: 1; width: 17px; height: 17px; color: #657790; }
.complaint-filters > label .field { padding-left: 39px; }
.complaint-filters .field,
.complaint-filters .select,
.complaint-filters .button { min-height: 40px; height: 40px; border-radius: 6px; font-size: 13px; }
.complaint-table { max-width: 1152px; min-height: 298px; margin: 0 auto; padding: 0; overflow: hidden; border-radius: 8px; }
.complaint-table .data-table th { height: 48px; padding: 12px 16px; color: #61728d; background: #fff; font-size: 12px; font-weight: 500; white-space: nowrap; }
.complaint-table .data-table td { padding: 13px 16px; font-size: 12px; }
.complaint-table .empty-state { min-height: 244px; color: #687991; }
.complaint-table .empty-state p { color: #111827; font-size: 17px; font-weight: 700; }
.complaint-table .empty-state small { display: block; margin-top: 4px; }
.complaint-comment { max-width: 180px; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; }
.complaint-new-title { padding-left: 16px; }
.complaint-new-title .icon-button { width: 42px; height: 38px; margin-right: 0; border-radius: 6px; }
.complaint-form-stack { max-width: 1104px; display: grid; gap: 24px; margin: 0 auto; }
.complaint-form-section { padding: 24px; border-radius: 8px; }
.complaint-form-section h1 { margin: 0 0 26px; color: #090f1f; font-size: 26px; line-height: 1.15; }
.complaint-form-section .form-grid { gap: 18px 16px; }
.complaint-form-section .form-field { color: #111827; font-size: 14px; font-weight: 500; }
.complaint-form-section .field,
.complaint-form-section .select { min-height: 41px; border-radius: 6px; }
.complaint-form-section textarea.field { min-height: 133px; }
.complaint-order-search { position: relative; margin-bottom: 18px; }
.complaint-order-results { position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: 9; overflow: hidden; background: white; border: 1px solid #d6e0eb; border-radius: 7px; box-shadow: 0 12px 32px rgba(15,35,55,.15); }
.complaint-order-results button { width: 100%; display: grid; gap: 3px; padding: 10px 13px; color: #111827; background: white; border: 0; border-bottom: 1px solid #edf1f5; text-align: left; }
.complaint-order-results button:hover { background: #f1f8fb; }
.complaint-order-results button span,
.complaint-order-results p { color: #687991; font-size: 12px; }
.complaint-order-results p { margin: 0; padding: 14px; }
.complaint-form-actions { display: flex; justify-content: flex-end; gap: 10px; padding-bottom: 30px; }
.complaint-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.complaint-detail-grid > div { display: grid; gap: 4px; padding: 14px; border: 1px solid #dce4ee; border-radius: 7px; }
.complaint-detail-grid span,
.complaint-detail-grid small { color: #687991; font-size: 12px; }

.ticket-layout { max-width: 1152px; display: grid; grid-template-columns: 272px minmax(0,1fr); gap: 24px; margin: 0 auto; }
.ticket-filters { align-self: start; padding: 0; overflow: hidden; border-radius: 8px; }
.ticket-filters > h3 { margin: 0; padding: 20px 16px; color: #111827; font-size: 16px; font-weight: 500; border-bottom: 1px solid #dce4ee; }
.ticket-filter-group { display: grid; gap: 5px; padding: 16px; border-bottom: 1px solid #dce4ee; }
.ticket-filter-group h4 { margin: 0 0 8px; color: #344154; font-size: 13px; font-weight: 500; }
.ticket-filter-group button { min-height: 38px; display: flex; align-items: center; justify-content: space-between; padding: 0 12px; color: #516178; background: transparent; border: 0; border-radius: 4px; font-size: 13px; text-align: left; }
.ticket-filter-group button span { display: flex; align-items: center; gap: 8px; }
.ticket-filter-group button i { width: 11px; border-top: 2px solid #7b8aa0; }
.ticket-filter-group button.active { color: white; background: #2563eb; }
.ticket-filter-group button.active i { border-color: white; }
.ticket-reset { min-height: 58px; width: 100%; padding: 0 16px; color: #687991; background: transparent; border: 0; text-align: left; font-size: 13px; }
.ticket-results { min-height: 327px; padding: 0; overflow: hidden; border-radius: 8px; }
.ticket-empty { min-height: 325px; display: grid; place-items: center; align-content: center; gap: 10px; color: #687991; text-align: center; }
.ticket-empty > span .icon { width: 45px; height: 45px; }
.ticket-empty h2 { margin: 3px 0 0; color: #090f1f; font-size: 19px; }
.ticket-empty p { margin: 0 0 8px; }
.ticket-card-list { display: grid; }
.ticket-card { min-height: 104px; display: grid; grid-template-columns: 44px minmax(0,1fr) 140px; align-items: center; gap: 14px; padding: 16px; border-bottom: 1px solid #dce4ee; }
.ticket-priority { width: 42px; height: 42px; display: grid; place-items: center; color: #2563eb; background: #e8f2f6; border-radius: 7px; }
.ticket-priority.high { color: #b56d00; background: #fff5db; }
.ticket-priority.urgent { color: #d14343; background: #fff0f0; }
.ticket-card-title { display: flex; align-items: center; gap: 9px; }
.ticket-card-title span,
.ticket-card small { color: #687991; font-size: 11px; }
.ticket-card p { max-width: 600px; overflow: hidden; margin: 6px 0; color: #42536a; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.modal:has([data-ticket-form]) { width: min(672px,100%); max-height: calc(100vh - 48px); border-radius: 8px; }
.modal:has([data-ticket-form]) .modal-header { min-height: 58px; padding: 18px 24px 8px; border: 0; }
.modal:has([data-ticket-form]) .modal-header h2 { font-size: 19px; }
.modal:has([data-ticket-form]) .modal-body { padding: 6px 24px 24px; }
[data-ticket-form] { display: grid; gap: 16px; }
.ticket-notice { min-height: 74px; display: flex; align-items: flex-start; gap: 10px; padding: 16px; color: #111827; border: 1px solid #dce4ee; border-radius: 7px; font-size: 13px; }
.ticket-notice.danger { min-height: 54px; color: #f04444; border-color: #ff8f8f; }
.ticket-notice .icon { flex: 0 0 auto; width: 18px; height: 18px; }
.ticket-editor { overflow: hidden; border: 1px solid #d8e1eb; border-radius: 6px; }
.ticket-editor-toolbar { height: 44px; display: flex; align-items: center; gap: 26px; padding: 0 22px; background: #f7f9fc; border-bottom: 1px solid #d8e1eb; }
.ticket-editor textarea { width: 100%; min-height: 140px; padding: 14px; resize: vertical; color: #17263a; background: white; border: 0; outline: 0; }
.ticket-description-help { display: flex; justify-content: space-between; color: #687991; font-size: 11px; font-weight: 400; }
.ticket-description-help button { color: #687991; background: transparent; border: 0; }
.ticket-upload { position: relative; min-height: 112px; display: grid; place-items: center; align-content: center; gap: 5px; color: #687991; background: #fbfcfd; border: 1px dashed #bcc9d8; border-radius: 7px; text-align: center; }
.ticket-upload input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.ticket-upload .icon { width: 20px; height: 20px; }

@media (max-width: 1000px) {
  .complaint-filters { grid-template-columns: 1fr 1fr; }
  .ticket-layout { grid-template-columns: 230px minmax(0,1fr); }
}
@media (max-width: 700px) {
  .support-title-card .surface-header,
  .support-title-card { align-items: flex-start; flex-direction: column; }
  .support-title-card .button-row,
  .support-title-card .button { width: 100%; }
  .complaint-filters { grid-template-columns: 1fr; }
  .complaint-form-section { padding: 16px; }
  .complaint-form-section h1 { font-size: 22px; }
  .ticket-layout { grid-template-columns: 1fr; }
  .ticket-card { grid-template-columns: 42px minmax(0,1fr); }
  .ticket-card .select { grid-column: 1 / -1; }
  .complaint-detail-grid { grid-template-columns: 1fr; }
}

/* TikTak parity · Landing pages */
.landing-page-shell { max-width: 1120px; margin: 18px auto 0; }
.landing-page-header { min-height: 58px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.landing-page-header .surface-title { gap: 13px; }
.landing-page-header .title-icon { width: 40px; height: 40px; color: #2563eb; background: #e8f2f6; border-radius: 8px; }
.landing-page-header h1 { margin: 0; color: #090f1f; font-size: 21px; }
.landing-page-header p { margin: 2px 0 0; color: #687991; font-size: 14px; }
.landing-page-header .button { min-height: 36px; border-radius: 6px; box-shadow: none; }
.landing-list-card { min-height: 274px; padding: 24px; border-radius: 8px; }
.landing-list-toolbar { display: flex; align-items: center; justify-content: space-between; }
.landing-list-toolbar > label { position: relative; width: 448px; display: flex; align-items: center; }
.landing-list-toolbar > label .icon { position: absolute; left: 13px; z-index: 1; width: 17px; height: 17px; color: #687991; }
.landing-list-toolbar > label .field { min-height: 40px; padding-left: 38px; border-radius: 6px; }
.landing-list-toolbar > div { display: flex; align-items: center; gap: 8px; color: #687991; font-size: 13px; }
.landing-list-toolbar .icon-button { width: 32px; height: 32px; color: #111827; background: #f2f5f8; border: 0; border-radius: 5px; }
.landing-list-toolbar .icon-button.active { color: white; background: #2563eb; }
.landing-grid { min-height: 180px; display: grid; gap: 12px; margin-top: 18px; }
.landing-empty { min-height: 180px; display: grid; place-items: center; align-content: center; gap: 5px; color: #687991; text-align: center; }
.landing-empty > span { color: #c8d0da; }
.landing-empty > span .icon { width: 43px; height: 43px; }
.landing-empty strong { margin-top: 8px; font-weight: 500; }
.landing-empty p { margin: 0; font-size: 12px; }
.landing-card { min-height: 78px; display: grid; grid-template-columns: 50px minmax(0,1fr) auto 36px; align-items: center; gap: 12px; padding: 12px; border: 1px solid #dbe3ed; border-radius: 7px; }
.landing-card-visual { width: 48px; height: 48px; display: grid; place-items: center; color: #2563eb; background: #e8f2f6; border-radius: 6px; }
.landing-card > div { display: grid; gap: 3px; }
.landing-card small { color: #687991; font-size: 11px; }
.landing-card b { font-size: 12px; }
.modal:has([data-landing-create-form]) { width: min(448px,100%); border-radius: 8px; }
.modal:has([data-landing-create-form]) .modal-header { min-height: 58px; padding: 20px 24px 6px; border: 0; }
.modal:has([data-landing-create-form]) .modal-header h2 { font-size: 19px; }
.modal:has([data-landing-create-form]) .modal-body { padding: 0 24px 24px; }
.landing-modal-copy { margin: 0 0 24px; color: #687991; font-size: 14px; line-height: 1.5; }
[data-landing-create-form] .modal-footer { margin-top: 20px; padding: 0; border: 0; }

@media (max-width: 650px) {
  .landing-page-header { align-items: flex-start; flex-direction: column; gap: 14px; }
  .landing-page-header .button { width: 100%; }
  .landing-list-card { padding: 16px; }
  .landing-list-toolbar { align-items: flex-start; flex-direction: column; gap: 12px; }
  .landing-list-toolbar > label { width: 100%; }
  .landing-card { grid-template-columns: 42px minmax(0,1fr) 34px; }
  .landing-card .status-chip { grid-column: 2; width: max-content; }
}

/* TikTak reference parity · Upsell */
.upsell-shell{width:min(1120px,100%);margin:18px auto 0;display:grid;gap:24px}.upsell-list-header,.upsell-editor-header{min-height:74px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.upsell-list-header .surface-title,.upsell-editor-header .surface-title{min-width:0}.upsell-list-header h1,.upsell-editor-header h1{font-size:18px;line-height:1.25;margin:0;color:#111827}.upsell-list-header p,.upsell-editor-header p{font-size:13px;margin:2px 0 0;color:#5f7392}.upsell-header-actions{display:flex;align-items:center;gap:12px}.upsell-search{width:256px;position:relative}.upsell-search>svg{position:absolute;left:13px;top:50%;translate:0 -50%;width:17px;height:17px;color:#8ba0bb;z-index:1}.upsell-search .field{height:38px;padding-left:40px}.upsell-list-surface{min-height:314px;padding:0}.upsell-empty{min-height:312px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#61738f}.upsell-empty>span{width:54px;height:54px;display:grid;place-items:center;color:#687993}.upsell-empty>span svg{width:46px;height:46px}.upsell-empty h2{font-size:20px;font-weight:400;margin:10px 0 8px}.upsell-empty p{font-size:15px;margin:0 0 24px}.upsell-card-list{padding:16px}.upsell-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px;border:1px solid #dce5ef;border-radius:8px;background:#fff}.upsell-card+.upsell-card{margin-top:10px}.upsell-card>div{min-width:0}.upsell-card strong{display:block;font-size:15px}.upsell-card p{display:flex;align-items:center;gap:7px;margin:5px 0;color:#445a78;font-size:13px}.upsell-card p svg{width:14px;height:14px}.upsell-card small{color:#70829c}.upsell-form{width:min(1152px,100%);gap:24px}.upsell-form-section{padding:24px}.upsell-form-section>h2{font-size:26px;margin:0 0 24px;color:#101827}.upsell-form-section>.form-field+.form-field{margin-top:20px}.upsell-rich-editor{border-radius:6px}.upsell-rich-content{min-height:190px}.upsell-rich-field+.upsell-rich-field{margin-top:18px}.upsell-free-shipping{margin-top:22px;border-top:1px solid #e2e8f0;padding-top:18px}.upsell-number-suffix{position:relative}.upsell-number-suffix .field{padding-right:38px}.upsell-number-suffix>span{position:absolute;right:14px;top:50%;translate:0 -50%;font-weight:700;color:#5f7392}.upsell-button-grid{grid-template-columns:1.2fr 1fr}.upsell-color-field>span:last-child{display:grid;grid-template-columns:44px 1fr;gap:8px}.upsell-color-field input[type=color]{width:44px;height:42px;padding:4px;border:1px solid #d6e0eb;border-radius:6px;background:#fff}.upsell-preview>button{height:42px;border:1px solid #ccd8e6;border-radius:6px;padding:0 24px;font-weight:700}.upsell-preview>button[data-size=small]{height:34px;padding-inline:16px}.upsell-preview>button[data-size=large]{height:48px;padding-inline:30px}.upsell-form-footer{display:flex;justify-content:flex-end;gap:10px;padding-bottom:30px}
@media (max-width:760px){.upsell-shell,.upsell-form{width:100%}.upsell-list-header,.upsell-editor-header{align-items:flex-start;flex-direction:column}.upsell-header-actions{width:100%;flex-direction:column}.upsell-search,.upsell-header-actions .button,.upsell-editor-header>.button{width:100%}.upsell-list-header .surface-title,.upsell-editor-header .surface-title{width:100%}.upsell-list-surface{min-height:280px}.upsell-card{grid-template-columns:auto 1fr auto}.upsell-card>.icon-button{grid-column:3}.upsell-form-section{padding:18px}.upsell-form-section>h2{font-size:22px}.upsell-button-grid{grid-template-columns:1fr}.upsell-rich-content{min-height:150px}.upsell-form-footer{padding:0 0 24px}.upsell-form-footer .button{flex:1}}

/* TikTak reference parity · Marketplace de sections */
.section-marketplace-shell{width:min(1336px,100%);margin:0 auto;display:grid;gap:24px}.section-marketplace-header{min-height:74px;padding:16px 24px}.section-marketplace-header h1{font-size:18px;margin:0}.section-marketplace-header p{font-size:13px;margin:3px 0 0;color:#5f7392}.section-marketplace-search{padding:24px}.section-marketplace-search label{display:block;position:relative}.section-marketplace-search svg{position:absolute;left:13px;top:50%;translate:0 -50%;z-index:1;color:#61738f}.section-marketplace-search .field{height:40px;padding-left:40px}.section-pack-zone{padding:20px 24px 28px;border:1px solid #d7e2eb;border-radius:8px;background:#edf4f7}.section-pack-zone>header h2{font-size:27px;margin:0;color:#101827}.section-pack-zone>header h2 span{color:#f5ae00}.section-pack-zone>header p{margin:4px 0 24px;color:#61738f}.section-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.section-pack-card{position:relative;min-height:446px;display:flex;flex-direction:column;padding:30px 24px 24px;border:1px solid #c9d9e4;border-radius:7px;background:#fff;box-shadow:0 1px 2px #0e2c4c12}.section-pack-card[hidden]{display:none}.section-pack-badge{position:absolute;right:-10px;top:-13px;padding:4px 12px;border-radius:14px;background:linear-gradient(90deg,#b34ee8,#f03fa8);color:#fff;font-size:13px;font-weight:800}.section-pack-title{display:flex;align-items:center;gap:12px}.section-pack-title>span{width:48px;height:48px;display:grid;place-items:center;border-radius:7px;background:#e8f2f6;color:#2563eb}.section-pack-title h3{margin:0;font-size:20px}.section-pack-title p{margin:5px 0 0;color:#61738f}.section-pack-price{display:flex;align-items:baseline;gap:10px;margin:10px 0 2px}.section-pack-price strong{font-size:34px;color:#00678d}.section-pack-price s{color:#61738f}.section-pack-price b{padding:4px 10px;border-radius:20px;background:#fb454b;color:#fff;font-size:12px}.section-pack-saving{margin:0 0 24px!important;color:#05ae52!important}.section-pack-card>p{color:#61738f}.section-pack-card ul{display:grid;gap:10px;margin:0 0 22px;padding:0;list-style:none}.section-pack-card li{display:flex;align-items:center;gap:8px}.section-pack-card li svg{width:16px;height:16px;color:#05ae52}.section-pack-card>.button{width:100%;margin-top:auto}.section-pack-card:nth-child(4){grid-column:1}.section-marketplace-tabs{margin-top:22px}.section-marketplace-tabs button{border:0;background:transparent;font-weight:700}.section-marketplace-tabs button span{margin-left:6px;padding:2px 7px;border-radius:12px;background:#fff}.section-pack-confirm{display:flex;align-items:center;gap:14px}.section-pack-confirm h3,.section-pack-confirm p{margin:0}.section-pack-confirm p{margin-top:4px;color:#61738f}.section-pack-confirm strong{display:block;margin-top:8px;color:#2563eb;font-size:22px}
@media (max-width:1050px){.section-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-pack-card:nth-child(4){grid-column:auto}}@media (max-width:650px){.section-marketplace-shell{gap:16px}.section-marketplace-header,.section-marketplace-search{padding:16px}.section-pack-zone{padding:18px 14px}.section-pack-zone>header h2{font-size:22px}.section-pack-grid{grid-template-columns:1fr}.section-pack-price{flex-wrap:wrap}.section-pack-price strong{font-size:29px}.section-pack-card{min-height:0}}
.section-pack-zone>header h2 svg{width:21px;height:21px;color:#f5ae00}

@media (max-width: 900px) {
  .website-title-card, .website-title-card:has(.website-back) { grid-template-columns: 30px auto minmax(0, 1fr); }
  .website-title-card:not(:has(.website-back)) { grid-template-columns: auto minmax(0, 1fr); }
  .website-title-actions { grid-column: 1 / -1; width: 100%; }
  .website-title-actions .button { flex: 1; }
  .website-templates-layout { grid-template-columns: 1fr; }
  .template-filters { display: none; }
  .template-mobile-filter { display: block; }
  .website-template-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .website-menu-editor .site-menu-item { grid-template-columns: 24px 1fr 38px; }
  .website-menu-editor .site-menu-item > .form-field,
  .website-menu-editor .site-menu-item > .compact-check { grid-column: 2 / 4; }
  .website-menu-editor .site-menu-item > .danger-icon { grid-column: 3; grid-row: 1; }
  .website-menu-editor .site-menu-item .site-menu-target { grid-column: 2 / 4; }
}

@media (max-width: 650px) {
  .settings-panel .switch {
    width: 48px;
    min-width: 48px;
    height: 32px;
    padding: 4px;
  }
  .settings-panel .switch::after { width: 24px; height: 24px; }
  .settings-panel .switch.on::after { transform: translateX(16px); }
  .website-depth-shell, .website-editor-shell { gap: 16px; margin-top: 0; }
  .website-title-card { padding: 13px; }
  .website-title-card h1 { font-size: 16px; }
  .website-title-actions { align-items: stretch; flex-direction: column; }
  .website-page-search { width: auto; max-width: none; margin: 16px; }
  .website-table-footer { align-items: flex-start; flex-wrap: wrap; gap: 10px; }
  .website-table-footer > strong { width: 100%; }
  .website-form-card { padding: 18px 16px; }
  .website-form-card > h2 { font-size: 21px; }
  .site-page-section-row { grid-template-columns: 24px 34px 1fr 36px; }
  .site-page-section-row > div { grid-column: 3; }
  .site-page-section-row .form-field,
  .site-page-section-row .section-body-field { grid-column: 2 / 5; }
  .site-page-section-row > .switch { grid-column: 3; grid-row: 4; }
  .site-page-section-row > .danger-icon { grid-column: 4; grid-row: 1; }
  .website-navigation-card { padding: 18px 14px; }
  .website-navigation-card > h2 { font-size: 21px; }
  .navigation-position-label { margin-left: 12px; }
  .website-template-grid { grid-template-columns: 1fr; }
  .template-card-body { padding: 16px; }
  .template-image-wrap { aspect-ratio: 4 / 5; }
  .template-purchase-product { align-items: flex-start; }
  .template-order-details .table-wrap { overflow-x: auto; }
}

/* TikTak reference parity · Dashboard & Analytics */
.dashboard-shell{width:min(1152px,100%);margin:4px auto 0;display:grid;gap:18px;color:#101827}.dashboard-title-card{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;background:#fff;border:1px solid #dce4ee;border-radius:8px;box-shadow:0 1px 2px #0f233712}.dashboard-title-copy{min-width:0;display:flex;align-items:center;gap:12px}.dashboard-title-copy>div{min-width:0}.dashboard-title-card h1{margin:0;color:#080f1d;font-size:19px;font-weight:750;letter-spacing:-.02em}.dashboard-title-card p{margin:3px 0 0;color:#64748b;font-size:13px}.dashboard-title-icon{width:40px;height:40px;min-width:40px;display:grid;place-items:center;color:#2563eb;background:#e7f1f5;border-radius:7px}.dashboard-title-icon svg{width:20px;height:20px}.dashboard-back{width:34px;height:34px;display:grid;place-items:center;padding:0;color:#17263a;background:transparent;border:0;border-radius:6px}.dashboard-back:hover{background:#eef3f7}.dashboard-period{display:flex;align-items:center;gap:4px;padding:4px;background:#f2f5f8;border:1px solid #e0e7ef;border-radius:7px}.dashboard-period button{height:31px;padding:0 11px;color:#64748b;background:transparent;border:0;border-radius:5px;font-size:12px;font-weight:650;white-space:nowrap}.dashboard-period button.active{color:#fff;background:#2563eb;box-shadow:0 1px 3px #075e7a44}.dashboard-period button:last-child{width:32px;padding:0}.dashboard-period svg{width:15px;height:15px}.dashboard-kpis{display:grid;gap:12px}.dashboard-kpis-four{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-kpis-three{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-metric{min-height:105px;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;padding:17px;background:#fff;border:1px solid #dce4ee;border-radius:8px;box-shadow:0 1px 2px #0f23370c}.dashboard-metric>span{width:40px;height:40px;display:grid;place-items:center;color:#2563eb;background:#e7f1f5;border-radius:7px}.dashboard-metric:nth-child(4n+2)>span{color:#dc8a13;background:#fff5df}.dashboard-metric:nth-child(4n+3)>span{color:#0b9c6a;background:#e9f8f1}.dashboard-metric:nth-child(4n+4)>span{color:#3868dd;background:#edf2ff}.dashboard-metric small,.dashboard-metric strong,.dashboard-metric em{display:block}.dashboard-metric small{color:#64748b;font-size:10px;font-weight:750;letter-spacing:.03em;text-transform:uppercase}.dashboard-metric strong{margin-top:3px;color:#0b1320;font-size:22px;font-style:normal;line-height:1.2;letter-spacing:-.025em}.dashboard-metric em{margin-top:5px;color:#718096;font-size:10px;font-style:normal}.dashboard-section-heading{margin:8px 0 -4px}.dashboard-section-heading h2{margin:0;font-size:20px}.dashboard-section-heading p{margin:3px 0 0;color:#64748b;font-size:13px}.dashboard-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dashboard-hub-card{min-height:92px;display:grid;grid-template-columns:46px minmax(0,1fr) 22px;align-items:center;gap:13px;padding:16px;color:#101827;background:#fff;border:1px solid #dae4ed;border-radius:8px;text-decoration:none;box-shadow:0 1px 2px #0f23370c;transition:border-color .15s,transform .15s,box-shadow .15s}.dashboard-hub-card:hover{border-color:#84b8cb;transform:translateY(-1px);box-shadow:0 8px 20px #12334f14}.dashboard-hub-icon{width:46px;height:46px;display:grid;place-items:center;color:#2563eb;background:#e7f1f5;border-radius:8px}.dashboard-hub-card strong,.dashboard-hub-card small{display:block}.dashboard-hub-card strong{font-size:14px}.dashboard-hub-card small{margin-top:5px;color:#64748b;font-size:11px}.dashboard-hub-card>i{color:#8aa0b5}.dashboard-hub-card>i svg{width:17px;height:17px}.dashboard-live{min-height:76px;display:grid;grid-template-columns:1.35fr repeat(3,1fr);align-items:center;background:#fff;border:1px solid #dce4ee;border-radius:8px;overflow:hidden}.dashboard-live>div{min-height:76px;display:flex;flex-direction:column;justify-content:center;padding:13px 18px;border-left:1px solid #e4ebf1}.dashboard-live>div:first-child{border-left:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-content:center;justify-content:start;column-gap:8px}.dashboard-live .live-dot{grid-row:1/3;width:9px;height:9px;margin-top:4px;background:#16b979;border-radius:50%;box-shadow:0 0 0 5px #dff8ee}.dashboard-live strong{font-size:18px}.dashboard-live>div:first-child strong{font-size:14px}.dashboard-live span,.dashboard-live small{color:#64748b;font-size:10px}.dashboard-live small{font-weight:800;letter-spacing:.08em}.dashboard-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-card{min-width:0;padding:0;background:#fff;border:1px solid #dce4ee;border-radius:8px;box-shadow:0 1px 2px #0f23370c;overflow:hidden}.dashboard-card>header{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border-bottom:1px solid #e6ecf2}.dashboard-card>header h2{margin:0;font-size:15px}.dashboard-card>header p{margin:3px 0 0;color:#64748b;font-size:11px}.dashboard-inline-stats{display:flex;align-items:center;gap:12px}.dashboard-inline-stats span{color:#718096;font-size:9px;text-align:right}.dashboard-inline-stats b{display:block;margin-top:2px;color:#101827;font-size:12px}.dashboard-bars{height:220px;display:flex;align-items:end;gap:5px;padding:24px 18px 14px;overflow-x:auto}.dashboard-bars>div{height:100%;min-width:18px;flex:1;display:flex;align-items:center;justify-content:end;flex-direction:column;gap:7px}.dashboard-bars i{width:72%;max-width:32px;min-height:4px;background:linear-gradient(180deg,#1687ab,#2563eb);border-radius:4px 4px 1px 1px}.dashboard-bars small{width:100%;overflow:hidden;color:#8291a5;font-size:8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.dashboard-table-wrap{width:100%;overflow:auto}.dashboard-table{width:100%;min-width:650px;border-collapse:collapse}.dashboard-table th{padding:11px 14px;color:#687b92;background:#fafbfd;border-bottom:1px solid #dfe7ef;font-size:9px;font-weight:750;letter-spacing:.035em;text-align:left;white-space:nowrap}.dashboard-table td{height:56px;padding:10px 14px;border-bottom:1px solid #e8edf3;color:#17263a;font-size:11px;vertical-align:middle}.dashboard-table tbody tr:last-child td{border-bottom:0}.dashboard-table tbody tr:hover td{background:#fbfdfe}.dashboard-table td strong,.dashboard-table td small{display:block}.dashboard-table td small{margin-top:3px;color:#718096;font-size:9px}.dashboard-table .button{min-height:31px;padding:0 10px;border-radius:5px;font-size:10px;box-shadow:none}.dashboard-empty{min-height:176px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:26px;color:#718096;text-align:center}.dashboard-empty>span{width:44px;height:44px;display:grid;place-items:center;color:#a2afbd;background:#f1f4f7;border-radius:8px}.dashboard-empty strong{margin-top:10px;color:#41536a;font-size:13px}.dashboard-empty p{margin:4px 0 0;font-size:11px}.dashboard-tabs{display:flex;gap:0;padding:0 15px;background:#fff;border:1px solid #dce4ee;border-radius:8px;overflow:auto}.dashboard-tabs button{min-height:48px;padding:0 17px;color:#64748b;background:transparent;border:0;border-bottom:2px solid transparent;font-size:12px;font-weight:650;white-space:nowrap}.dashboard-tabs button.active{color:#2563eb;border-bottom-color:#2563eb}.dashboard-tab-content{display:grid;gap:16px}.stage-dot{display:inline-block;width:9px;height:9px;margin-right:8px;background:var(--stage,#64748b);border-radius:50%}.rank-badge{width:26px;height:26px;display:grid;place-items:center;color:#2563eb;background:#e7f1f5;border-radius:5px;font-weight:800}.profit-summary{overflow:hidden;background:linear-gradient(115deg,#123b5d,#2563eb);border-radius:8px;color:#fff;box-shadow:0 6px 18px #123b5d22}.profit-summary>header{padding:19px 21px 4px}.profit-summary h2{margin:0;font-size:17px}.profit-summary p{margin:4px 0 0;color:#cbe0e9;font-size:11px}.profit-summary>div{display:grid;grid-template-columns:repeat(3,1fr);padding:13px 20px 21px}.profit-summary article{padding:6px 18px;border-left:1px solid #ffffff2b}.profit-summary article:first-child{border-left:0;padding-left:0}.profit-summary small,.profit-summary strong{display:block}.profit-summary small{color:#cbe0e9;font-size:9px;font-weight:700;letter-spacing:.05em}.profit-summary strong{margin-top:5px;font-size:24px}.profit-summary article.primary strong{color:#fff0a8}.profit-detail{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#e4eaf0}.profit-detail span{padding:18px;background:#fff}.profit-detail small,.profit-detail b{display:block}.profit-detail small{color:#718096;font-size:9px}.profit-detail b{margin-top:4px;font-size:17px}.profitability-settings{padding-bottom:18px}.profitability-settings .form-grid{padding:18px}.profitability-settings>.button{margin-left:18px}.dashboard-percent-input{position:relative}.dashboard-percent-input .field{padding-right:36px}.dashboard-percent-input span{position:absolute;right:13px;top:50%;translate:0 -50%;color:#64748b;font-weight:700}.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-team-kpis{grid-template-columns:repeat(7,minmax(0,1fr))}.dashboard-team-kpis .dashboard-metric{min-height:92px;grid-template-columns:34px minmax(0,1fr);gap:9px;padding:13px}.dashboard-team-kpis .dashboard-metric>span{width:34px;height:34px}.dashboard-team-kpis .dashboard-metric strong{font-size:17px}.dashboard-user{display:flex;align-items:center;gap:9px}.dashboard-user>span{width:30px;height:30px;display:grid;place-items:center;color:#fff;background:#2563eb;border-radius:50%;font-weight:750}.performance-pill{display:inline-flex;padding:4px 8px;color:#986112;background:#fff3d7;border-radius:12px;font-size:9px;font-weight:750}.performance-pill.good{color:#08794f;background:#e5f7ef}.dashboard-highlight{min-height:105px;display:grid;grid-template-columns:44px 1fr;align-items:center;gap:13px;padding:17px;background:#fff;border:1px solid #dce4ee;border-radius:8px}.dashboard-highlight>span{width:44px;height:44px;display:grid;place-items:center;color:#2563eb;background:#e7f1f5;border-radius:8px}.dashboard-highlight small,.dashboard-highlight strong,.dashboard-highlight em{display:block}.dashboard-highlight small{color:#718096;font-size:9px}.dashboard-highlight strong{margin-top:4px;font-size:16px}.dashboard-highlight em{margin-top:4px;color:#2563eb;font-size:12px;font-style:normal;font-weight:750}.dashboard-search-row{display:grid;grid-template-columns:minmax(220px,1fr) 220px;gap:10px;padding:14px;border-bottom:1px solid #e6ecf2}.dashboard-search-row label{position:relative}.dashboard-search-row label>svg{position:absolute;left:13px;top:50%;translate:0 -50%;z-index:1;color:#718096}.dashboard-search-row .field{padding-left:40px}.dashboard-product-modal{display:grid;grid-template-columns:48px repeat(2,1fr);gap:14px;margin-bottom:20px}.dashboard-product-modal>span{grid-row:1/3}.dashboard-product-modal>div{padding:10px;background:#f7f9fb;border-radius:7px}.dashboard-product-modal small,.dashboard-product-modal strong{display:block}.dashboard-product-modal small{color:#718096;font-size:10px}.dashboard-product-modal strong{margin-top:3px;font-size:16px}

@media (max-width:1100px){.dashboard-kpis-four{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-team-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-live{grid-template-columns:repeat(2,1fr)}.dashboard-live>div:nth-child(3){border-left:0;border-top:1px solid #e4ebf1}.dashboard-live>div:nth-child(4){border-top:1px solid #e4ebf1}}
@media (max-width:760px){.dashboard-shell{margin-top:0;gap:14px}.dashboard-title-card{align-items:flex-start;flex-direction:column}.dashboard-title-copy{width:100%}.dashboard-title-card .dashboard-period{width:100%;overflow:auto}.dashboard-title-card .dashboard-period button{min-width:44px;flex:0 0 auto}.dashboard-grid-two{grid-template-columns:1fr}.dashboard-hub-grid{grid-template-columns:1fr}.dashboard-kpis-three,.dashboard-kpis-four{grid-template-columns:1fr 1fr}.dashboard-team-kpis{grid-template-columns:1fr 1fr}.dashboard-inline-stats{display:none}.dashboard-toolbar{align-items:stretch;flex-direction:column}.dashboard-toolbar>.button{width:100%}.dashboard-live{grid-template-columns:1fr}.dashboard-live>div{border-left:0;border-top:1px solid #e4ebf1}.dashboard-live>div:first-child{border-top:0}.profit-summary>div{grid-template-columns:1fr}.profit-summary article{padding:13px 0;border-left:0;border-top:1px solid #ffffff2b}.profit-summary article:first-child{border-top:0}.dashboard-search-row{grid-template-columns:1fr}.dashboard-bars{height:190px}.dashboard-product-modal{grid-template-columns:44px 1fr}.dashboard-product-modal>span{grid-row:1/5}}

/* Prospects & Messenger — densité et proportions de la référence TikTak PRO */
.messenger-module-shell{width:min(1104px,100%);margin:24px auto 0;color:#0c1525}.messenger-helper{display:grid;gap:30px}.messenger-helper-heading{display:flex;align-items:center;gap:13px}.messenger-helper-heading>span{width:40px;height:40px;display:grid;place-items:center;color:#2563eb;background:#e4eef3;border-radius:7px}.messenger-helper-heading>span svg{width:22px;height:22px}.messenger-helper-heading h1{margin:0;font-size:30px;line-height:1.12;letter-spacing:-.025em}.messenger-helper-heading p{margin:3px 0 0;color:#637694;font-size:15px}.messenger-helper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.messenger-helper-card{min-height:194px;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto 1fr auto;column-gap:10px;padding:24px;border-radius:8px}.messenger-helper-card .messenger-card-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:7px}.messenger-card-icon.blue{color:#286cf4;background:#eaf1ff}.messenger-card-icon.green{color:#00a66a;background:#e7f9ef}.messenger-card-icon.purple{color:#8944ec;background:#f3eaff}.messenger-card-icon.violet{color:#6b53ff;background:#efecff}.messenger-helper-card h2{align-self:center;margin:0;font-size:19px}.messenger-helper-card p{grid-column:1/3;min-height:47px;margin:8px 0 18px;color:#657792;font-size:14px;line-height:1.55}.messenger-helper-card a{grid-column:1/3;min-height:41px;display:flex;align-items:center;justify-content:center;gap:8px;color:#101827;border:1px solid #d7e0eb;border-radius:6px;text-decoration:none;font-size:14px}.messenger-helper-card a:hover{color:#2563eb;border-color:#91bece;background:#f8fbfc}.messenger-helper-card a svg{width:16px;height:16px}
.leads-main-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.leads-main-heading h1{margin:0;font-size:30px;letter-spacing:-.025em}.leads-main-heading p{margin:5px 0 0;color:#64748b;font-size:13px}.leads-filter-card,.leads-table-card{padding:24px;border-radius:8px}.leads-table-card{margin-top:24px}.leads-section-title{display:flex;align-items:center;gap:9px;margin-bottom:20px}.leads-section-title>svg{width:21px;height:21px}.leads-section-title h2{margin:0;font-size:22px;letter-spacing:-.02em}.leads-section-title p{margin:2px 0 0;color:#6c7e96;font-size:11px}.leads-filter-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1.1fr;gap:15px}.leads-filter-grid>label{display:grid;gap:6px;color:#172033;font-size:12px}.leads-filter-grid .field,.leads-filter-grid .select{height:39px;font-size:12px}.lead-period>span:last-child{display:flex;align-items:center;gap:5px}.lead-period .field{min-width:0;padding-inline:7px}.lead-period i{color:#8b9aaf;font-style:normal}.leads-filter-actions{display:flex;gap:8px;margin-top:17px}.leads-filter-actions .button{min-height:41px}.leads-table-card{padding-bottom:15px}.leads-table th{font-size:9px}.leads-table td{min-width:112px;font-size:11px}.leads-table td:first-child{min-width:140px}.leads-table td:nth-child(2){max-width:220px}.leads-table td:last-child{min-width:82px;white-space:nowrap}.leads-table td strong,.leads-table td small{display:block}.leads-table td small{margin-top:3px;color:#6d7e95;font-size:9px}.lead-note{display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-detail{display:grid;grid-template-columns:54px repeat(2,minmax(0,1fr));gap:13px;margin-bottom:20px}.lead-detail-avatar{grid-row:1/3;width:52px;height:52px;display:grid;place-items:center;color:#fff;background:#2563eb;border-radius:50%;font-size:20px;font-weight:800}.lead-detail>div:not(.lead-detail-avatar){padding:10px 12px;background:#f6f8fa;border-radius:7px}.lead-detail>div.full{grid-column:1/4}.lead-detail small,.lead-detail strong{display:block}.lead-detail small{color:#718096;font-size:10px}.lead-detail strong{margin-top:3px}.lead-detail p{margin:5px 0 0;white-space:pre-wrap}
.messenger-title-card{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border-radius:8px}.messenger-title-copy{display:flex;align-items:center;gap:12px}.messenger-title-copy h1{margin:0;font-size:19px;letter-spacing:-.015em}.messenger-title-copy p{margin:3px 0 0;color:#627591;font-size:12px}.messenger-back{width:32px;height:32px;display:grid;place-items:center;color:#6d7f96;background:transparent;border:0;border-radius:6px}.messenger-back:hover{color:#2563eb;background:#edf4f7}.messenger-title-icon{width:32px;height:32px;display:grid;place-items:center;color:#2563eb;background:#e5f0f4;border-radius:7px}.messenger-title-icon svg{width:17px;height:17px}.messenger-pages-shell{width:min(624px,100%);display:grid;gap:20px;margin:28px auto}.messenger-add-page{width:100%;min-height:45px}.messenger-pages-body{min-height:296px;padding:0;border-style:dashed}.messenger-pages-empty{min-height:296px}.messenger-empty{min-height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px;color:#101827;text-align:center}.messenger-empty>span{width:56px;height:56px;display:grid;place-items:center;color:#607895;background:#f0f4f8;border-radius:50%}.messenger-empty>span svg{width:30px;height:30px}.messenger-empty h2,.messenger-empty h3{margin:14px 0 0;font-size:17px;font-weight:500}.messenger-empty p{max-width:390px;margin:8px 0 18px;color:#637694;font-size:13px;line-height:1.55}.messenger-empty.compact{min-height:180px}.messenger-empty.compact>span{width:44px;height:44px}.messenger-empty.compact h3{font-size:14px}.messenger-empty.compact p{font-size:11px}.messenger-page-list{display:grid;gap:10px;padding:14px}.messenger-page-card{display:grid;grid-template-columns:44px 1fr auto 36px;align-items:center;gap:12px;padding:14px;border-radius:7px}.messenger-page-avatar{width:44px;height:44px;display:grid;place-items:center;color:#fff;background:#1877f2;border-radius:9px;font-weight:850}.messenger-page-avatar.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.messenger-page-card h3{margin:0;font-size:14px}.messenger-page-card p,.messenger-page-card small{display:block;margin:3px 0 0;color:#697b93;font-size:10px}
.messenger-stats-shell{width:min(1264px,100%);display:grid;gap:24px;margin:0 auto}.messenger-stat-controls{display:flex;align-items:center;gap:15px}.messenger-stat-controls .select{min-width:195px}.messenger-stat-grid{display:grid;gap:16px}.messenger-stat-grid.primary{grid-template-columns:repeat(4,minmax(0,1fr))}.messenger-stat-grid.secondary{grid-template-columns:repeat(6,minmax(0,1fr))}.messenger-stat-card{min-height:121px;display:grid;grid-template-columns:1fr 36px;align-items:center;gap:10px;padding:16px;border-radius:8px}.messenger-stat-card small,.messenger-stat-card strong,.messenger-stat-card p{display:block}.messenger-stat-card small{color:#5d708d;font-size:10px;letter-spacing:.025em}.messenger-stat-card strong{margin-top:5px;color:#091322;font-size:25px;line-height:1}.messenger-stat-card p{margin:8px 0 0;color:#637694;font-size:10px;line-height:1.35}.messenger-stat-card>span{width:34px;height:34px;display:grid;place-items:center;color:#2563eb;background:#e4eef3;border-radius:7px}.messenger-stat-card>span svg{width:17px;height:17px}.messenger-stat-grid.secondary .messenger-stat-card{min-height:115px;padding:15px}.messenger-stat-grid.secondary .messenger-stat-card strong{font-size:22px}.messenger-focus,.messenger-performance{padding:24px}.messenger-focus>h2,.messenger-performance>h2{margin:0;font-size:15px;font-weight:550}.messenger-focus>p{margin:3px 0 20px;color:#657792;font-size:11px}.messenger-performance .table-wrap{margin-top:17px}
.messenger-settings-shell{width:min(848px,100%);display:grid;gap:0;margin:28px auto}.messenger-settings-shell>.messenger-title-card{border-radius:8px 8px 0 0;border-bottom:0;box-shadow:none}.messenger-settings-card{padding:0 24px 24px;border-radius:0 0 8px 8px;border-top:0;box-shadow:none}.messenger-config-status{display:flex;align-items:center;gap:11px;padding:10px 0 20px;font-size:14px}.messenger-config-status i{width:11px;height:11px;background:#a8b4c2;border-radius:50%}.messenger-config-status i.connected{background:#20be66}.messenger-config-status i.attention{background:#e5a52b}.messenger-config-box{display:flex;align-items:flex-start;gap:10px;padding:17px;border:1px solid #dce4ee;border-radius:8px}.messenger-config-box.connected{color:#117b3d;background:#edfbf2;border-color:#a9ebc0}.messenger-config-box.attention{color:#8a5b05;background:#fff8e8;border-color:#f1d58d}.messenger-config-box.neutral{color:#3d526d;background:#f7f9fb}.messenger-config-box>svg{width:20px;height:20px;min-width:20px}.messenger-config-box h3{margin:0;font-size:14px;font-weight:550}.messenger-config-box p{margin:6px 0 0;font-size:12px}.messenger-config-box ul{margin:10px 0 0;padding-left:18px;font-size:12px;line-height:1.8}.messenger-config-actions{margin:23px 0}.messenger-config-info{padding:17px;background:#f6f8fa;border-radius:7px}.messenger-config-info h3{margin:0 0 7px;font-size:14px;font-weight:500}.messenger-config-info ul{margin:0;padding-left:16px;color:#627591;font-size:12px;line-height:1.8}.messenger-connect-copy{margin:0 0 18px;color:#627591;line-height:1.5}.messenger-provider-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.messenger-provider-choice label{min-height:78px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #d6e0ea;border-radius:8px;cursor:pointer}.messenger-provider-choice label.selected,.messenger-provider-choice label:has(input:checked){color:#2563eb;background:#f0f7f9;border-color:#71b2c8}.messenger-provider-choice input{position:absolute;opacity:0}.messenger-provider-choice span{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:#1877f2;border-radius:8px;font-weight:850}.messenger-provider-choice label:nth-child(2) span{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.messenger-provider-notice{display:flex;gap:8px;margin:18px 0;padding:12px;color:#637694;background:#f6f8fa;border-radius:7px;font-size:11px;line-height:1.5}.messenger-provider-notice svg{width:16px;height:16px;min-width:16px}
.messenger-page-frame{min-height:100vh;background:#fff}.messenger-workspace{min-height:100vh;display:grid;grid-template-rows:56px 50px 44px minmax(0,1fr);color:#0e1726;background:#fff}.messenger-workspace-top{display:flex;align-items:center;gap:22px;padding:0 16px;border-bottom:1px solid #e3e8ee}.messenger-workspace-brand{display:flex;align-items:center;gap:10px;padding:0;color:#071827;background:transparent;border:0}.messenger-workspace-brand>svg{width:17px;height:17px;color:#718096}.messenger-workspace-brand .brand-mark{width:29px;height:29px}.messenger-workspace-brand strong{font-size:20px}.messenger-workspace-top>a{color:#101827;text-decoration:none}.messenger-workspace-company{margin-left:auto}.messenger-workspace-top>span,.messenger-workspace-company{display:flex;align-items:center;gap:6px;color:#27364c;font-size:12px}.messenger-workspace-top svg{width:15px;height:15px}.messenger-workspace-top .messenger-secure{padding:7px 10px;color:#177443;background:#edf9f2;border:1px solid #c9ecd8;border-radius:6px}.messenger-workspace-top .avatar{width:32px;height:32px;display:grid;place-items:center;color:#fff;background:#2563eb;border-radius:50%}.messenger-workspace-filters{display:grid;grid-template-columns:1.2fr repeat(4,minmax(150px,.8fr));gap:8px;padding:7px 16px;border-bottom:1px solid #e5e9ee}.messenger-workspace-filters label{position:relative}.messenger-workspace-filters label>svg{position:absolute;left:10px;top:50%;translate:0 -50%;z-index:1;color:#73849a}.messenger-workspace-filters label .field{padding-left:34px}.messenger-workspace-filters .field,.messenger-workspace-filters .select{height:36px;font-size:11px}.messenger-workspace-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid #e3e8ee;font-size:11px}.messenger-workspace-toolbar>span{color:#53657e}.messenger-workspace-toolbar>span b{color:#101827}.messenger-workspace-toolbar>span i{margin:0 5px;color:#13a664;font-style:normal}.messenger-workspace-toolbar>div{display:flex;align-items:center}.messenger-workspace-toolbar>div>button:not(.button){height:28px;padding:0 10px;color:#506178;background:#fff;border:1px solid #dbe3eb}.messenger-workspace-toolbar>div>button.active{color:#fff;background:#2563eb;border-color:#2563eb}.messenger-workspace-toolbar .button{min-height:31px;margin-left:8px;padding-inline:11px;font-size:11px}.messenger-columns{min-height:calc(100vh - 150px);display:grid;grid-template-columns:400px minmax(420px,1fr) minmax(360px,.85fr)}.messenger-columns>aside,.messenger-columns>section{min-width:0;border-right:1px solid #e2e7ec}.messenger-columns>aside:last-child{border-right:0}.messenger-lead-column{overflow:auto}.messenger-lead-item{width:100%;min-height:75px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:10px 14px;color:#17263a;background:#fff;border:0;border-bottom:1px solid #e6ebf0;text-align:left}.messenger-lead-item:hover,.messenger-lead-item.active{background:#eef7fa}.messenger-lead-item>span{width:38px;height:38px;display:grid;place-items:center;color:#fff;background:#2563eb;border-radius:50%;font-weight:750}.messenger-lead-item strong,.messenger-lead-item small,.messenger-lead-item em{display:block}.messenger-lead-item strong{font-size:12px}.messenger-lead-item small{margin-top:3px;color:#64748b;font-size:10px}.messenger-lead-item em{margin-top:3px;color:#2563eb;font-size:9px;font-style:normal}.messenger-lead-item>b{width:20px;height:20px;display:grid;place-items:center;color:#fff;background:#e65151;border-radius:50%;font-size:9px}.messenger-conversation-column{display:grid;grid-template-rows:auto 1fr auto;min-height:0}.messenger-conversation-column>header{min-height:58px;display:flex;align-items:center;gap:10px;padding:10px 15px;border-bottom:1px solid #e5eaf0}.messenger-conversation-column>header strong,.messenger-conversation-column>header small{display:block}.messenger-conversation-column>header small{margin-top:3px;color:#657792;font-size:10px}.messenger-message-list{overflow:auto;padding:18px;background:#f7f9fb}.messenger-bubble{width:max-content;max-width:75%;margin-bottom:10px;padding:10px 12px;background:#fff;border:1px solid #dde5ed;border-radius:8px}.messenger-bubble.inbound{margin-right:auto}.messenger-bubble.outbound{margin-left:auto;color:#fff;background:#2563eb;border-color:#2563eb}.messenger-bubble.internal{margin-inline:auto;color:#624d13;background:#fff9e8;border-color:#eedb9c}.messenger-bubble p{margin:0;font-size:12px}.messenger-bubble small{display:block;margin-top:5px;color:inherit;opacity:.7;font-size:8px}.messenger-note-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border-top:1px solid #e1e7ed}.messenger-order-column .messenger-empty{min-height:calc(100vh - 150px)}.messenger-order-column .messenger-empty>span{width:78px;height:78px}.messenger-order-column .messenger-empty>span svg{width:40px;height:40px}.messenger-order-column .messenger-empty h2{font-size:19px;font-weight:750}.messenger-order-column .messenger-empty p{font-size:13px}.messenger-order-column .button{min-width:300px}.tiny-avatar{display:grid;place-items:center}
@media(max-width:1050px){.leads-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-period{grid-column:span 2}.messenger-stat-grid.primary{grid-template-columns:repeat(2,minmax(0,1fr))}.messenger-stat-grid.secondary{grid-template-columns:repeat(3,minmax(0,1fr))}.messenger-columns{grid-template-columns:320px 1fr}.messenger-order-column{display:none}.messenger-workspace-filters{grid-template-columns:1fr 1fr 1fr}.messenger-workspace-filters>:nth-child(n+4){display:none}}
@media(max-width:760px){.messenger-module-shell{margin-top:0}.messenger-helper-heading h1,.leads-main-heading h1{font-size:23px}.messenger-helper-heading p{font-size:12px}.messenger-helper-grid{grid-template-columns:1fr;gap:12px}.messenger-helper-card{min-height:170px}.leads-main-heading{align-items:stretch;flex-direction:column}.leads-filter-card,.leads-table-card{padding:16px}.leads-filter-grid{grid-template-columns:1fr}.lead-period{grid-column:auto}.lead-period>span:last-child{display:grid;grid-template-columns:1fr auto 1fr}.leads-filter-actions{flex-direction:column}.leads-filter-actions .button{width:100%}.messenger-title-card{align-items:flex-start;flex-direction:column}.messenger-stat-controls{width:100%}.messenger-stat-controls .select{min-width:0;flex:1}.messenger-stat-grid.primary,.messenger-stat-grid.secondary{grid-template-columns:1fr 1fr}.messenger-focus,.messenger-performance{padding:16px}.messenger-settings-card{padding:0 16px 16px}.messenger-provider-choice{grid-template-columns:1fr}.lead-detail{grid-template-columns:46px 1fr}.lead-detail-avatar{grid-row:1/5}.lead-detail>div.full{grid-column:1/3}.messenger-workspace{grid-template-rows:auto auto auto minmax(0,1fr)}.messenger-workspace-top{min-height:58px;gap:10px;flex-wrap:wrap}.messenger-workspace-brand{min-height:36px}.messenger-workspace-company,.messenger-workspace-top>span:not(.avatar){display:none}.messenger-workspace-filters{grid-template-columns:1fr;padding:8px}.messenger-workspace-filters>:not(:first-child){display:none}.messenger-workspace-toolbar{align-items:flex-start;gap:8px;padding:8px;flex-direction:column}.messenger-workspace-toolbar>div{width:100%;overflow:auto}.messenger-workspace-toolbar>div>button:not(.button),.messenger-workspace-toolbar .button{height:36px;min-height:36px}.messenger-columns{min-height:calc(100vh - 170px);grid-template-columns:1fr}.messenger-lead-column{display:block}.messenger-conversation-column{display:none}.messenger-columns:has(.messenger-lead-item.active) .messenger-lead-column{display:none}.messenger-columns:has(.messenger-lead-item.active) .messenger-conversation-column{display:grid}.messenger-order-column{display:none}.messenger-order-column .button{min-width:0;width:100%}}
@media (max-width:480px){.dashboard-kpis-three,.dashboard-kpis-four,.dashboard-team-kpis{grid-template-columns:1fr}.dashboard-title-card{padding:12px}.dashboard-title-copy{gap:9px}.dashboard-title-card h1{font-size:17px}.dashboard-back{width:30px;min-width:30px}.dashboard-title-icon{width:36px;height:36px;min-width:36px}.dashboard-metric{min-height:88px}.dashboard-hub-card{min-height:82px;padding:13px}.profit-detail{grid-template-columns:1fr}.dashboard-tabs{padding:0 4px}.dashboard-tabs button{padding:0 12px}}
.dashboard-period button{height:32px}.dashboard-table .button{min-height:32px}
.dashboard-bars>div{min-width:6px}
.dashboard-bars>div{position:relative}.dashboard-bars small{width:42px;overflow:visible;text-overflow:clip}
@media (max-width:480px){.dashboard-back{width:32px;min-width:32px}}

/* TikTak reference parity · Point de vente */
.pos-fullscreen-frame,.pos-terminal,.pos-terminal-session,.pos-terminal-nav,.pos-terminal-layout,.pos-terminal-main{width:100%;max-width:100vw}.pos-fullscreen-frame{overflow-x:hidden}.pos-terminal-actions{min-width:0}.pos-terminal-products .product-tile{min-width:0}.pos-terminal-products .product-tile strong,.pos-terminal-products .product-tile span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pos-fullscreen-frame{min-height:100vh;background:#fff;color:#101827}.pos-terminal{min-height:100vh;display:grid;grid-template-rows:31px 54px minmax(0,1fr);background:#fff}.pos-terminal-session{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#7d8798;background:#020814;border-bottom:1px solid #1d2635;font-size:11px;letter-spacing:.01em}.pos-terminal-session>div{display:flex;align-items:center;gap:19px}.pos-terminal-session>div>span{position:relative;color:#16e6a5;font-size:10px;font-weight:850;letter-spacing:.12em}.pos-terminal-session>div>span::before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;background:currentColor;border-radius:50%;vertical-align:1px}.pos-terminal-session>div>span.danger{color:#ff6570}.pos-terminal-session strong{color:#7f899a;font-weight:500}.pos-terminal-session time{font-variant-numeric:tabular-nums}.pos-terminal-nav{height:54px;display:flex;align-items:center;gap:14px;padding:0 16px;color:#8f98a8;background:#101827;border-bottom:1px solid #283142}.pos-terminal-nav button{height:36px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;color:#929baa;background:transparent;border:0;border-radius:5px;font-size:12px;white-space:nowrap}.pos-terminal-nav button:hover{color:#fff;background:#202a3a}.pos-terminal-nav button:disabled{opacity:.35}.pos-terminal-nav .pos-back{width:36px;padding:0;justify-content:center;border-right:1px solid #364053;border-radius:0}.pos-terminal-brand{display:flex;align-items:center;gap:9px;margin-right:auto}.pos-terminal-brand .brand-mark{width:24px;height:24px}.pos-terminal-brand strong{color:#0879a0;font-size:21px;letter-spacing:-.04em}.pos-terminal-brand strong span{color:#0879a0}.pos-terminal-actions{display:flex;align-items:center;gap:2px}.pos-terminal-actions>button{border-right:1px solid #30394a;border-radius:0}.pos-terminal-actions>button:last-child{border-right:0}.pos-terminal-actions .danger{height:34px;margin-left:10px;padding:0 14px;color:#fff;background:#ea2632;border:0;border-radius:6px;font-weight:700}.pos-terminal-actions .danger:hover{background:#d91c28}.pos-terminal-layout{min-height:calc(100vh - 85px);display:grid;grid-template-columns:minmax(0,1fr) 369px;background:#fff}.pos-terminal-main{min-width:0;border-right:1px solid #dde4ec}.pos-search-row{height:76px;display:grid;grid-template-columns:minmax(0,1fr) 124px;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #e4e9ef}.pos-search-row label{position:relative}.pos-search-row label>svg{position:absolute;left:13px;top:50%;width:20px;height:20px;color:#6c7f99;translate:0 -50%}.pos-search-row input{width:100%;height:50px;padding:0 16px 0 41px;color:#17263a;background:#fff;border:1px solid #dce4ee;border-radius:7px;outline:none;font-size:16px}.pos-search-row input::placeholder{color:#98a5b8}.pos-search-row input:focus{border-color:#7bb3c7;box-shadow:0 0 0 3px #dff0f5}.pos-scan-button{height:50px;color:#fff;background:#7faec1;border:0;border-radius:6px;font-size:16px}.pos-scan-button:hover{background:#679daf}.pos-terminal-products{grid-template-columns:repeat(4,minmax(0,1fr));max-height:280px;overflow:auto;margin:0;padding:12px 16px;border-bottom:1px solid #e5eaf0}.pos-terminal-products:has(.empty-state),.pos-terminal-products:has(.loading-state){max-height:0;padding:0;border:0;overflow:hidden}.pos-terminal-products .product-tile{min-height:112px;background:#fff;border-radius:6px}.pos-terminal-products .product-tile:disabled{opacity:.48;cursor:not-allowed}.pos-terminal-products .product-thumb{width:31px;height:31px;margin-bottom:8px;border-radius:5px}.pos-terminal-products .subtitle{font-size:9px}.pos-cart-heading{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px}.pos-cart-heading h2{margin:0;color:#111827;font-size:17px}.pos-cart-heading p{margin:3px 0 0;color:#708198;font-size:10px}.pos-cart-heading>div:last-child{display:flex;gap:8px}.pos-cart-heading .button{min-height:36px;padding:0 12px;border-radius:6px;box-shadow:none;font-weight:500}.pos-terminal-cart{min-height:calc(100vh - 225px);align-content:start;margin:0;padding:0 16px 20px}.pos-cart-empty{min-height:290px;display:grid;place-content:center;justify-items:center;gap:12px;color:#637692;font-size:16px}.pos-cart-empty svg{width:36px;height:36px}.pos-terminal-cart .cart-item{min-height:62px;align-items:center;background:#f8fafc;border:1px solid #e4e9ef;border-radius:6px}.pos-terminal-payment{min-width:0;padding:16px;background:#fff}.pos-terminal-payment .cart-total{margin:0;padding:0;border:0}.pos-total-screen{height:88px;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;align-items:center;padding:8px 48px;color:#2def83;background:#101827;border-radius:6px}.pos-total-screen strong{justify-self:center;font:700 45px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.pos-total-screen b{font:750 16px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.pos-total-screen span{grid-column:1/3;justify-self:center;color:#9fa8b7;font-size:14px}.pos-mini-totals{display:flex;justify-content:space-between;margin:8px 0 0;padding:8px 2px;color:#687991;font-size:10px}.pos-mini-totals span{display:grid;gap:2px}.pos-mini-totals span:last-child{text-align:right}.pos-mini-totals strong{color:#2d3e55}.pos-partial-toggle{width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:12px;margin:9px 0 28px;color:#858d99;background:#fff;border:1px solid #e4e8ed;border-radius:6px}.pos-partial-toggle.active{color:#2563eb;background:#edf7fa;border-color:#8fc1d2}.pos-partial-toggle:disabled{opacity:.65;cursor:not-allowed}.pos-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.pos-payment-grid>button{height:74px;display:grid;place-content:center;justify-items:center;gap:8px;color:#7d838d;background:#fff;border:1px solid #e7eaf0;border-radius:6px;font-weight:500}.pos-payment-grid>button:hover:not(:disabled){color:#2563eb;background:#f7fbfc;border-color:#9bc5d3}.pos-payment-grid>button:disabled{opacity:.55;cursor:not-allowed}.pos-payment-grid>button svg{width:18px;height:18px}.pos-payment-grid .pos-combined-payment{grid-column:1/3;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(100deg,#83a9ef,#c486e6);border:0}.pos-payment-grid .pos-combined-payment:hover:not(:disabled){color:#fff;background:linear-gradient(100deg,#739be8,#b874dd)}.pos-payment-note{min-height:64px;display:grid;grid-template-columns:auto 1fr;place-content:center;gap:4px 10px;margin-top:16px;padding:13px 16px;border-radius:7px;text-align:center}.pos-payment-note svg{grid-row:1/3;width:27px;height:27px;align-self:center}.pos-payment-note strong,.pos-payment-note span{font-size:12px;font-weight:500}.pos-payment-note.success{color:#069547;background:#ecfbf1}.pos-payment-note.info{display:block;min-height:54px;color:#1648bd;background:#eef5ff;font-size:11px;line-height:1.5}

.page:has(.pos-report-filters),.page:has(.pos-closure-heading){width:min(1216px,100%);padding-top:32px}.pos-report-filters{min-height:166px;padding:20px 24px;border-radius:8px}.pos-report-filters h1{display:flex;align-items:center;gap:9px;margin:0 0 22px;font-size:25px}.pos-report-filter-grid{display:grid;grid-template-columns:242px minmax(240px,1fr) auto;align-items:end;gap:42px}.pos-report-filter-grid>.form-field,.pos-closure-filter>.form-field{gap:7px;color:#111827;font-size:13px}.pos-report-filter-grid>.form-field>.select{height:41px}.date-range-fields{height:41px;display:flex;align-items:center;padding:0 9px;background:#fff;border:1px solid #dce4ee;border-radius:6px}.date-range-fields .field{min-width:0;height:38px;padding:0 5px;border:0;box-shadow:none;font-size:11px}.date-range-fields i{color:#64748b;font-size:11px;font-style:normal}.pos-report-filter-grid>.button{min-height:41px;padding-inline:17px;border-radius:6px;box-shadow:none}.pos-report-help{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin:27px 12px 16px;color:#63758f;font-size:11px}.pos-report-help svg{width:15px}.pos-report-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.pos-report-metrics article{min-height:131px;display:grid;place-content:center;justify-items:center;gap:7px;padding:12px;color:#0f172a;background:#fff;border:1px solid #dce4ee;border-radius:8px;box-shadow:0 1px 2px #102a4310;text-align:center}.pos-report-metrics article>svg{width:28px;height:28px;color:#2563eb}.pos-report-metrics article:nth-child(3)>svg{color:#ef7919}.pos-report-metrics article:nth-child(4)>svg{color:#3b76ff}.pos-report-metrics article:nth-child(5)>svg{color:#ef4a4a}.pos-report-metrics article>span{color:#637590;font-size:11px}.pos-report-metrics article>strong{font-size:22px}.pos-report-metrics article>small{color:#61748d;font-size:9px}.pos-report-metrics article.highlight{background:#f4fdf8;border:2px solid #5ce599}.pos-report-metrics article.highlight>svg,.pos-report-metrics article.highlight>strong{color:#0aa44e}.pos-top-products{margin:24px 0;box-shadow:none}.pos-daily-report{min-height:250px;padding:21px 24px;border-radius:8px}.pos-daily-report h2{display:flex;align-items:center;gap:10px;margin:0 0 15px;font-size:25px}.pos-daily-report h2 svg{width:20px}.pos-report-empty{min-height:164px;display:grid;place-content:center;justify-items:center;gap:12px;color:#62738d;font-size:16px}.pos-report-empty svg{width:44px;height:44px}.pos-closure-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px}.pos-closure-heading h1{margin:0;font-size:26px}.pos-closure-heading .button{min-height:40px;border-radius:6px;box-shadow:none}.pos-closure-filter{min-height:102px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:16px;margin-bottom:24px;padding:16px;border-radius:8px}.pos-closure-filter .button{min-height:40px;border-radius:6px;box-shadow:none}.pos-closure-filter .date-range-fields{max-width:none}.pos-closure-filter+.surface{overflow:hidden;border-radius:8px}.pos-closure-filter+.surface .table-wrap{min-height:85px}.modal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;color:#64748b;font-size:12px}.pos-held-list article{display:grid;grid-template-columns:1fr 42px;gap:7px}.pos-held-list article>.icon-button{width:42px;padding:0}.pos-closure-choices{display:grid;gap:10px}.pos-closure-choices>button{min-height:78px;display:grid;grid-template-columns:42px 1fr 18px;align-items:center;gap:12px;padding:12px;color:#17263a;background:#fff;border:1px solid #dce4ee;border-radius:7px;text-align:left}.pos-closure-choices>button:hover{background:#f5fafc;border-color:#80b5c8}.pos-closure-choices>button>svg:first-child{width:22px;height:22px;color:#2563eb}.pos-closure-choices strong,.pos-closure-choices small{display:block}.pos-closure-choices small{margin-top:4px;color:#6d7e95;font-size:10px}.pos-print-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.pos-print-summary>span{display:grid;gap:5px;padding:14px;color:#64748b;background:#f7f9fb;border:1px solid #e3e8ee;border-radius:6px;font-size:10px}.pos-print-summary strong{color:#101827;font-size:16px}.pos-customer-screen{min-height:100vh;background:#fff}.pos-customer-screen>header{height:36px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#fff;background:#06698f;font-size:15px}.pos-customer-screen>header svg{width:17px}.pos-customer-screen>main{min-height:calc(100vh - 36px)}.pos-display-empty{min-height:calc(100vh - 36px);display:grid;place-content:center;justify-items:center;gap:10px;color:#657691;font-size:14px}.pos-display-empty svg{width:39px;height:39px;color:#cbd2da}.pos-display-order{min-height:calc(100vh - 36px);display:grid;grid-template-columns:minmax(0,1fr) 360px}.pos-display-order>section{padding:32px}.pos-display-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #e0e6ed}.pos-display-title h2{margin:0;font-size:26px}.pos-display-title span{color:#60738e}.pos-display-items article{display:grid;grid-template-columns:1fr auto auto;gap:26px;padding:18px 0;border-bottom:1px solid #e4e9ef}.pos-display-items strong,.pos-display-items small{display:block}.pos-display-items small{margin-top:5px;color:#6a7b92}.pos-display-order>aside{display:grid;align-content:center;gap:16px;padding:35px;color:#33445b;background:#f4f7fa}.pos-display-order>aside>span{display:flex;justify-content:space-between}.pos-display-order>aside>div{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid #cbd6e1;font-size:19px}.pos-display-order>aside>p{display:flex;align-items:center;gap:8px;color:#2563eb}.pos-print-sheet{width:min(1120px,calc(100% - 48px));min-height:calc(100vh - 48px);margin:24px auto;padding:34px;background:#fff;border:1px solid #dce4ee;border-radius:7px;box-shadow:0 4px 24px #122b4515}.pos-print-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:28px}.pos-print-sheet>h1{display:flex;align-items:center;gap:10px;margin-bottom:24px;font-size:25px}.pos-print-sheet h2{margin:26px 0 10px}.pos-closure-document>header{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-top:2px solid #2563eb;border-bottom:1px solid #dce4ee}.pos-closure-document>header>div:last-child{text-align:right}.pos-closure-document>header strong,.pos-closure-document>header span{display:block}.pos-closure-document>header span{margin-top:5px;color:#667991;font-size:10px}

@media(max-width:1100px){.pos-terminal-actions>button{font-size:0}.pos-terminal-actions>button svg{width:18px;height:18px}.pos-terminal-actions .danger{font-size:11px}.pos-terminal-products{grid-template-columns:repeat(3,minmax(0,1fr))}.pos-report-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.pos-report-filter-grid{gap:15px}.pos-display-order{grid-template-columns:1fr 300px}}
@media(max-width:760px){.pos-terminal{grid-template-rows:31px auto minmax(0,1fr)}.pos-terminal-session time{display:none}.pos-terminal-nav{height:auto;min-height:56px;padding:8px}.pos-terminal-brand{display:none}.pos-terminal-actions{flex:1;overflow:auto}.pos-terminal-actions>button{min-width:42px}.pos-terminal-actions .danger{width:42px;min-width:42px;margin-left:0;padding:0;font-size:0}.pos-terminal-layout{grid-template-columns:minmax(0,1fr)}.pos-terminal-main{border-right:0}.pos-terminal-payment{border-top:1px solid #dce4ee}.pos-terminal-products{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-terminal-cart{min-height:260px}.pos-report-filter-grid{grid-template-columns:1fr}.pos-report-filter-grid>.button{width:100%}.pos-report-metrics{grid-template-columns:1fr 1fr}.pos-closure-filter{grid-template-columns:1fr}.pos-closure-filter .button{width:100%}.pos-display-order{grid-template-columns:1fr}.pos-display-order>aside{align-content:start}.pos-print-sheet{width:100%;min-height:100vh;margin:0;padding:18px;border:0}.pos-print-summary{grid-template-columns:1fr}.date-range-fields{height:auto;min-height:41px;flex-wrap:wrap}.date-range-fields .field{flex:1;min-width:126px}}
@media(max-width:460px){.pos-terminal-session strong{display:none}.pos-search-row{grid-template-columns:1fr}.pos-search-row .pos-scan-button{display:none}.pos-cart-heading{height:auto;align-items:flex-start;flex-direction:column;padding-block:12px}.pos-cart-heading>div:last-child{width:100%}.pos-cart-heading .button{flex:1}.pos-report-metrics{grid-template-columns:1fr}.pos-display-order>section{padding:18px}.pos-display-items article{grid-template-columns:1fr auto}.pos-display-items article>b{grid-column:2}.pos-closure-heading{align-items:flex-start;flex-direction:column;gap:14px}.pos-closure-heading .button{width:100%}}
@media print{body{background:#fff}.pos-print-sheet{width:100%;min-height:0;margin:0;padding:0;border:0;box-shadow:none}.pos-print-actions,.toast,.modal-backdrop{display:none!important}.pos-print-sheet .table-wrap{overflow:visible}.pos-print-sheet table{font-size:9px}}

/* TikTak reference parity · Stock multi-boutiques */
.stock-channel-filter{min-height:62px;display:flex;align-items:center;gap:8px;padding:11px 16px}.stock-channel-filter>span{margin-right:4px;color:#536781;font-size:12px;font-weight:700}.stock-channel-filter>button{height:34px;padding:0 14px;color:#5f728c;background:#fff;border:1px solid #d9e2eb;border-radius:6px;font-size:12px;font-weight:650}.stock-channel-filter>button.active{color:#fff;background:#2563eb;border-color:#2563eb}.stock-channel-filter>label{position:relative;width:min(320px,100%);margin-left:auto}.stock-channel-filter>label>svg{position:absolute;left:11px;top:50%;width:16px;translate:0 -50%;color:#718096}.stock-channel-filter .field{height:36px;padding-left:36px}.stock-module-groups{display:grid;gap:24px;margin-top:20px}.stock-module-groups>section>h2{margin:0;color:#101827;font-size:18px}.stock-module-groups>section>p{margin:4px 0 13px;color:#667991;font-size:12px}.stock-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stock-module-card{min-height:205px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr auto;gap:8px 12px;padding:18px}.stock-module-card[hidden]{display:none}.stock-module-card>.title-icon{grid-row:1/3;width:40px;height:40px;color:#2563eb;background:#e7f1f5;border-radius:7px}.stock-module-card>.status-chip{justify-self:end;font-size:9px}.stock-module-card h3{grid-column:1/3;margin:8px 0 0;font-size:15px}.stock-module-card p{grid-column:1/3;margin:0;color:#657790;font-size:11px;line-height:1.55}.stock-module-card>.button{grid-column:1/3;align-self:end;justify-content:space-between;width:100%;min-height:35px;color:#2563eb;background:#f6fafb;border-color:#d9e7ec}.stock-list-title{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 17px}.stock-list-title h2{margin:0;font-size:16px}.stock-list-title p{margin:3px 0 0}.stock-report-filter,.stock-reorder-filter,.stock-movement-filters,.stock-outflow-filter{display:flex;align-items:end;gap:12px;padding:16px;margin-bottom:16px}.stock-report-filter>h2,.stock-movement-filters>h2,.stock-outflow-filter>h2{margin:0 auto 8px 0;font-size:15px}.stock-report-filter label,.stock-reorder-filter label{display:grid;gap:5px;color:#536781;font-size:10px}.stock-report-filter .select,.stock-reorder-filter .select{min-width:170px}.stock-report-metrics{margin-top:16px}.stock-guidance{display:flex;align-items:flex-start;gap:9px;margin:14px 0;padding:12px 14px;color:#40556f;background:#eef5f8;border:1px solid #cee2ea;border-radius:7px;font-size:11px;line-height:1.5}.stock-guidance svg{width:17px;min-width:17px;color:#2563eb}.stock-wholesale-form{padding:0;overflow:hidden}.stock-wholesale-form .editor-save-bar{position:sticky;bottom:0;min-height:62px;margin:0;padding:11px 16px;background:#fff;border-top:1px solid #dde5ed}.compact-number{width:104px;min-width:88px;height:34px!important;padding-inline:9px!important}.stock-operation-tabs{margin:0 0 16px}.stock-operation-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 260px;align-items:start;gap:16px}.stock-operation-layout>.settings-panel{min-width:0}.stock-line-adder{display:grid;grid-template-columns:minmax(0,1fr) 95px auto;gap:8px;margin:15px 0}.stock-operation-line{display:grid;grid-template-columns:34px minmax(0,1fr) 92px 34px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e6ebf0}.stock-operation-line:last-child{border-bottom:0}.stock-operation-line>div{min-width:0}.stock-operation-line strong,.stock-operation-line small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-operation-line strong{font-size:12px}.stock-operation-line small{margin-top:3px;color:#708199;font-size:9px}.stock-operation-summary{position:sticky;top:80px}.stock-operation-summary dl{display:grid;gap:0;margin:14px 0}.stock-operation-summary dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e7ecf1}.stock-operation-summary dt{color:#64748b;font-size:10px}.stock-operation-summary dd{margin:0;font-size:12px;font-weight:750;text-align:right}.stock-barcode-result{width:100%;min-height:52px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:8px 5px;color:#17263a;background:#fff;border:0;border-bottom:1px solid #e5ebf0;text-align:left}.stock-barcode-result:hover{background:#f6fafb}.stock-barcode-result>span:nth-child(2){min-width:0}.stock-barcode-result strong,.stock-barcode-result small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-barcode-result strong{font-size:12px}.stock-barcode-result small{margin-top:3px;color:#6f8098;font-size:9px}.stock-barcode-result>svg{width:15px;color:#2563eb}.inventory-modal-table{max-height:390px;margin-top:16px;overflow:auto;border:1px solid #dce5ed;border-radius:7px}.inventory-modal-table .field{height:32px}.camera-scanner{display:grid;gap:14px;text-align:center}.camera-scanner video{width:100%;max-height:440px;background:#08111d;border-radius:7px}.camera-scanner p{margin:0;color:#657790;font-size:12px}.scan-visual{height:110px;display:grid;place-items:center;margin:12px 0;color:#2563eb;background:repeating-linear-gradient(90deg,#f2f7f9 0,#f2f7f9 4px,#fff 4px,#fff 10px);border:1px dashed #b7cfda;border-radius:7px}.scan-visual svg{width:58px;height:58px}.scan-input{height:48px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px!important;text-align:center}.danger-notice{color:#9f2d2d;background:#fff2f2;border-color:#f0c6c6}.success-notice{color:#116b43;background:#edf9f3;border-color:#c2e8d3}
@media(max-width:1100px){.stock-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-operation-layout{grid-template-columns:1fr 1fr}.stock-operation-summary{position:static;grid-column:1/3}}
@media(max-width:760px){.stock-channel-filter{align-items:stretch;flex-wrap:wrap}.stock-channel-filter>label{width:100%;margin-left:0}.stock-module-grid{grid-template-columns:1fr}.stock-list-title{align-items:stretch;flex-direction:column}.stock-report-filter,.stock-reorder-filter,.stock-movement-filters,.stock-outflow-filter{align-items:stretch;flex-direction:column}.stock-report-filter>h2,.stock-movement-filters>h2,.stock-outflow-filter>h2{margin:0}.stock-report-filter label,.stock-report-filter .select,.stock-reorder-filter label,.stock-reorder-filter .select{width:100%;min-width:0}.stock-operation-layout{grid-template-columns:1fr}.stock-operation-summary{grid-column:auto}.stock-line-adder{grid-template-columns:1fr 90px}.stock-line-adder>.button{grid-column:1/3}.stock-operation-line{grid-template-columns:32px minmax(0,1fr) 75px 32px}.inventory-modal-table{max-height:48vh}}

/* TikTak reference parity · Analytics produit */
.product-analytics-shell{width:min(1232px,100%)}.product-analytics-title{min-height:72px}.product-analytics-title .dashboard-back{flex:0 0 34px}.product-analytics-name{display:flex;align-items:center;gap:8px}.product-analytics-name .status-chip{min-height:24px;color:#2563eb;background:#dff2f7;border-color:#b9e0ea;text-transform:none}.product-analytics-name .status-chip svg{width:13px;height:13px}.product-analytics-controls{display:flex;align-items:end;gap:8px}.product-analytics-controls>label{display:grid;gap:3px;color:#64748b;font-size:9px}.product-analytics-controls .field,.product-analytics-controls .select{height:36px;font-size:11px}.product-analytics-controls .select{width:185px}.product-analytics-controls .field{width:138px}.product-analytics-controls .icon-button{width:36px;height:36px}.product-analytics-primary .dashboard-metric{min-height:150px;align-content:start;padding:20px}.product-analytics-primary .dashboard-metric strong{font-size:27px}.product-analytics-primary .dashboard-metric em{margin-top:8px;color:#2563eb;font-size:11px;font-weight:750}.product-analytics-rates .dashboard-metric{min-height:118px}.product-analytics-rates .dashboard-metric:first-child strong{color:#dc3232}.product-analytics-rates .dashboard-metric:nth-child(n+2) strong{color:#079663}.product-analytics-secondary .dashboard-metric{min-height:104px}.product-analytics-secondary .dashboard-metric strong{font-size:19px}
@media(max-width:1050px){.product-analytics-title{align-items:stretch;flex-direction:column}.product-analytics-controls{width:100%;flex-wrap:wrap}.product-analytics-controls .select{flex:1;min-width:210px}.product-analytics-controls>label{flex:1}.product-analytics-controls .field{width:100%}}
@media(max-width:650px){.product-analytics-controls{display:grid;grid-template-columns:1fr 1fr}.product-analytics-controls .select{grid-column:1/3;width:100%;min-width:0}.product-analytics-controls .icon-button{align-self:end}.product-analytics-name{align-items:flex-start;flex-direction:column}.product-analytics-primary .dashboard-metric{min-height:112px;padding:15px}.product-analytics-primary .dashboard-metric strong{font-size:21px}}

/* TikTak reference parity · opérations commandes, manifestes et paiements transport */
.operation-shell{width:min(1600px,100%);margin:14px auto 0;display:grid;gap:14px;color:#101827}.operation-title-card{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 17px;border-radius:8px}.operation-title-card .surface-title{gap:12px}.operation-title-card .title-icon{width:40px;height:40px;min-width:40px;color:#2563eb;background:#e5f0f4;border-radius:7px}.operation-title-card h1{margin:0;color:#080f1d;font-size:19px;font-weight:750;letter-spacing:-.015em}.operation-title-card p{margin:3px 0 0;color:#60738e;font-size:12px}.operation-title-card .button{min-height:37px;border-radius:6px;box-shadow:none}.operation-steps{display:grid;grid-template-columns:repeat(var(--step-count),minmax(0,1fr));padding:0 20px;background:#fff;border:1px solid #dce4ee;border-radius:8px;box-shadow:0 1px 2px #102a430b}.operation-steps>div{position:relative;min-height:76px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr 1fr;align-content:center;column-gap:10px;padding:17px 10px;color:#7a899e}.operation-steps>div:not(:last-child)::after{content:"";position:absolute;top:37px;right:-3px;width:calc(100% - 70px);height:2px;translate:50% 0;background:#dce4ec}.operation-steps>div>span{position:relative;z-index:1;grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;align-self:center;color:#7f8da0;background:#eef2f6;border:1px solid #dce3ea;border-radius:50%;font-size:12px;font-weight:800}.operation-steps>div>span svg{width:16px}.operation-steps strong{align-self:end;color:#53657d;font-size:12px}.operation-steps small{align-self:start;margin-top:2px;font-size:9px}.operation-steps>div.active>span{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 0 0 4px #ddecf1}.operation-steps>div.active strong{color:#2563eb}.operation-steps>div.done>span{color:#fff;background:#10a56d;border-color:#10a56d}.operation-steps>div.done:not(:last-child)::after{background:#74c9ab}.logistics-scan-card,.logistics-recap,.logistics-validation,.exchange-stage{min-height:340px;padding:26px;border-radius:8px}.logistics-scan-card{width:100%}.logistics-scan-heading{display:grid;grid-template-columns:46px 1fr 38px;align-items:center;gap:13px}.logistics-scan-heading>span{width:46px;height:46px;display:grid;place-items:center;color:#2563eb;background:#e7f2f6;border-radius:8px}.logistics-scan-heading>span svg{width:23px}.logistics-scan-heading h2,.logistics-recap h2,.logistics-validation h2,.exchange-stage h2{margin:0;color:#0b1320;font-size:18px}.logistics-scan-heading p{margin:4px 0 0;color:#657790;font-size:12px}.logistics-scan-heading .icon-button{width:38px;height:38px}.logistics-scan-input{position:relative;display:block;width:min(760px,100%);margin:34px auto 22px}.logistics-scan-input>svg{position:absolute;left:16px;top:50%;z-index:1;width:21px;translate:0 -50%;color:#2563eb}.logistics-scan-input .field{height:55px;padding-left:50px;border:2px solid #a7cad7;border-radius:7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;text-align:left;box-shadow:0 0 0 4px #eaf4f7}.logistics-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:20px}.logistics-actions .button{min-height:39px;border-radius:6px;box-shadow:none}.logistics-scan-card>[data-scan-queue]{width:min(920px,100%);margin:24px auto 0}.logistics-scan-card .scan-results{max-height:245px;overflow:auto;border:1px solid #dfe7ee;border-radius:7px}.logistics-scan-card .scan-results article{min-height:66px;padding:10px 13px}.returns-scan-total{width:min(760px,100%);min-height:52px;display:flex;align-items:center;justify-content:space-between;margin:24px auto 0;padding:0 16px;color:#075d80;background:#e8f5fb;border:1px solid #add8e9;border-radius:7px;font-size:12px}.returns-scan-total strong{font-size:14px}.logistics-recap>.surface-header{padding:0 0 18px}.logistics-recap .table-wrap{border:1px solid #dfe6ed;border-radius:7px}.logistics-validation{display:grid;place-content:center;justify-items:center;text-align:center}.logistics-validation-icon{width:66px;height:66px;display:grid;place-items:center;color:#2563eb;background:#e5f3f7;border-radius:50%}.logistics-validation-icon svg{width:31px;height:31px}.logistics-validation h2{margin-top:16px;font-size:22px}.logistics-validation>p{max-width:610px;margin:7px auto 0;color:#63758e;font-size:13px;line-height:1.6}.logistics-validation-total{width:min(430px,100%);display:flex;align-items:center;justify-content:space-between;margin:22px auto 2px;padding:14px 16px;background:#f5f8fa;border:1px solid #dce4eb;border-radius:7px}.logistics-validation-total span{color:#64748b;font-size:12px}.logistics-validation-total strong{font-size:18px}.logistics-validation .logistics-actions{width:min(430px,100%)}
.exchange-stage{padding:24px}.exchange-stage>h2{font-size:18px}.exchange-stage>.subtitle{margin:5px 0 18px}.exchange-search{position:relative;display:block;margin-top:24px}.exchange-search>svg{position:absolute;left:14px;top:50%;z-index:1;width:19px;translate:0 -50%;color:#708198}.exchange-search .field{height:48px;padding-left:45px;border-radius:7px;font-size:13px}.exchange-search-results{display:grid;gap:8px;margin-top:16px}.exchange-search-results>button{min-height:70px;display:grid;grid-template-columns:38px minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding:10px 14px;color:#17263a;background:#fff;border:1px solid #dce5ed;border-radius:7px;text-align:left}.exchange-search-results>button:hover{background:#f7fbfc;border-color:#78afc2}.exchange-search-results>button>span:first-child{width:38px;height:38px;display:grid;place-items:center;color:#2563eb;background:#e8f3f6;border-radius:7px}.exchange-search-results strong,.exchange-search-results small{display:block}.exchange-search-results small{margin-top:4px;color:#6c7e96;font-size:10px}.exchange-search-results>button>span:nth-child(3){text-align:right}.exchange-search-results>button>svg{width:15px;color:#718096}.exchange-empty{min-height:180px;display:grid;place-content:center;justify-items:center;gap:10px;color:#718096;text-align:center}.exchange-empty>svg{width:38px;height:38px;color:#9bacbd}.exchange-empty p{margin:0;font-size:12px}.exchange-empty.compact{min-height:105px}.exchange-source-summary{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:-24px -24px 22px;background:#dce5ed;border-radius:8px 8px 0 0;overflow:hidden}.exchange-source-summary>div{padding:16px 20px;background:#f8fafb}.exchange-source-summary>div:last-child{text-align:right}.exchange-source-summary small,.exchange-source-summary strong,.exchange-source-summary span{display:block}.exchange-source-summary small{color:#718096;font-size:9px;text-transform:uppercase}.exchange-source-summary strong{margin-top:3px;font-size:16px}.exchange-source-summary span{margin-top:4px;color:#60738d;font-size:10px}.exchange-stage>.table-wrap{border:1px solid #dfe6ed;border-radius:7px}.exchange-stage-footer{min-height:63px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px -24px -24px;padding:11px 18px;background:#f8fafb;border-top:1px solid #dfe6ed;border-radius:0 0 8px 8px}.exchange-stage-footer>span{display:flex;align-items:center;gap:7px;color:#61748d;font-size:11px}.exchange-stage-footer>span strong{margin-left:5px;color:#101827;font-size:17px}.exchange-stage-footer>span svg{width:16px;color:#2563eb}.exchange-stage-footer>div{display:flex;gap:8px}.exchange-stage-footer .button{min-height:37px;border-radius:6px;box-shadow:none}.exchange-product-adder{display:grid;grid-template-columns:minmax(0,1fr) 95px auto;gap:8px;margin:22px 0}.exchange-product-adder .select,.exchange-product-adder .field,.exchange-product-adder .button{height:40px}.exchange-replacement-list{min-height:120px;border:1px solid #dfe6ed;border-radius:7px;overflow:hidden}.exchange-replacement-list>article{min-height:64px;display:grid;grid-template-columns:38px minmax(0,1fr) auto 36px;align-items:center;gap:11px;padding:9px 12px;border-bottom:1px solid #e5ebf0}.exchange-replacement-list>article:last-child{border-bottom:0}.exchange-replacement-list>article strong,.exchange-replacement-list>article small{display:block}.exchange-replacement-list>article small{margin-top:3px;color:#6d7f96;font-size:10px}.exchange-stage>.check-control{margin-top:14px}.exchange-validation>.form-field{margin-top:22px}.exchange-validation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.exchange-validation-grid article{min-height:134px;display:grid;align-content:center;justify-items:center;gap:5px;padding:16px;background:#f8fafb;border:1px solid #dde5ed;border-radius:7px}.exchange-validation-grid article>span{width:38px;height:38px;display:grid;place-items:center;color:#2563eb;background:#eaf4ff;border-radius:50%}.exchange-validation-grid article>span svg{width:19px}.exchange-validation-grid small{color:#6c7e95;font-size:10px}.exchange-validation-grid strong{font-size:18px}.exchange-validation-grid em{color:#60748c;font-size:11px;font-style:normal}.exchange-validation-grid article.warning{background:#fff9eb;border-color:#eed79c}.exchange-validation-grid article.warning>span{color:#b47210;background:#fff0c8}.exchange-validation-grid article.success{background:#effaf5;border-color:#bfe5d3}.exchange-success{display:grid;justify-items:center;gap:8px;text-align:center}.exchange-success>svg{width:54px;height:54px;color:#0ca36c}.exchange-success h3{margin:4px 0 0;font-size:21px}.exchange-success p{max-width:530px;margin:0;color:#62748d;font-size:12px;line-height:1.6}
.payment-filter-card{padding:19px 20px;border-radius:8px}.payment-filter-card>h2{margin:0 0 14px;font-size:17px}.payment-filter-grid{display:grid;grid-template-columns:minmax(260px,1fr) 240px 180px;gap:10px}.payment-filter-grid>label:first-child{position:relative}.payment-filter-grid>label:first-child>svg{position:absolute;left:12px;top:50%;z-index:1;width:17px;translate:0 -50%;color:#718096}.payment-filter-grid>label:first-child .field{padding-left:38px}.payment-filter-grid .field,.payment-filter-grid .select,.date-button{height:39px;border-radius:6px}.date-button{position:relative;display:flex;align-items:center;gap:8px;padding:0 12px;color:#4f627a;background:#fff;border:1px solid #d8e1ea;font-size:11px}.date-button>svg{width:16px}.date-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.payment-history-card{padding:0;border-radius:8px;overflow:hidden}.payment-history-card>.surface-header{min-height:70px;padding:14px 18px;border-bottom:1px solid #e1e7ed}.payment-history-card h2{margin:0;font-size:17px}.payment-history-card p{margin:3px 0 0}.payment-selected-count{padding:5px 9px;color:#2563eb;background:#e5f2f6;border-radius:12px;font-size:10px;font-weight:700}.payment-history-card .data-table input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}.transport-import-card{padding:24px;border-radius:8px}.transport-import-heading{display:flex;align-items:center;gap:12px}.transport-import-heading>span{width:44px;height:44px;display:grid;place-items:center;color:#2563eb;background:#e6f2f5;border-radius:8px}.transport-import-heading>span svg{width:22px}.transport-import-heading h2{margin:0;font-size:18px}.transport-import-heading p{margin:4px 0 0;color:#62748d;font-size:11px}.transport-import-card>.transport-ids{min-height:145px;margin:22px 0 12px;padding:16px;border-radius:7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.65}.transport-import-actions{display:flex;justify-content:flex-end;gap:8px}.transport-import-actions .button{min-height:38px;border-radius:6px;box-shadow:none}.transport-import-card>#transport-payment-results{margin-top:18px}.payment-report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.payment-report-metrics article{min-height:116px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto auto;align-content:center;column-gap:12px;padding:17px;background:#fff;border:1px solid #dce4ed;border-radius:8px}.payment-report-metrics article>span{grid-row:1/4;width:42px;height:42px;display:grid;place-items:center;color:#2563eb;background:#e6f2f5;border-radius:8px}.payment-report-metrics article>span svg{width:21px}.payment-report-metrics small{color:#64748b;font-size:10px}.payment-report-metrics strong{margin-top:3px;font-size:20px}.payment-report-metrics em{margin-top:2px;color:#718096;font-size:9px;font-style:normal}.payment-report-metrics article.highlight{background:#effaf5;border-color:#9ed6bc}.payment-report-metrics article.highlight>span{color:#079664;background:#dff5eb}.report-table-card{padding:0;border-radius:8px;overflow:hidden}.report-table-card>header{padding:17px 19px;border-bottom:1px solid #e1e7ed}.report-table-card>header h2{margin:0;font-size:17px}.report-table-card>header p{margin:4px 0 0;color:#64748b;font-size:10px}.report-table-card>footer{min-height:47px;display:flex;align-items:center;justify-content:flex-end;gap:38px;padding:0 18px;background:#f7f9fb;border-top:1px solid #e0e6ec;font-size:11px}.report-table-card>footer strong{margin-right:auto}.payment-report-empty{min-height:300px;display:grid;place-content:center;justify-items:center;gap:9px;text-align:center}.payment-report-empty>span{width:52px;height:52px;display:grid;place-items:center;color:#92a2b4;background:#eef2f6;border-radius:8px}.payment-report-empty h2,.payment-report-empty p{margin:0}.payment-report-empty p{color:#657790;font-size:12px}.payment-report-empty .button{margin-top:8px}.manifest-filter-card{padding:19px 20px;border-radius:8px}.manifest-filter-card>h2{margin:0 0 14px;font-size:17px}.manifest-filter-card>div{display:grid;grid-template-columns:240px 240px auto;align-items:end;gap:10px}.manifest-filter-card .button{height:39px;border-radius:6px;box-shadow:none}.manifest-list-card{border-radius:8px;overflow:hidden}
@media(max-width:900px){.payment-report-metrics{grid-template-columns:1fr 1fr}.payment-filter-grid{grid-template-columns:1fr 1fr}.payment-filter-grid>label:first-child{grid-column:1/3}.exchange-validation-grid{grid-template-columns:1fr 1fr}.exchange-validation-grid article:last-child{grid-column:1/3}.operation-steps{padding-inline:8px}.operation-steps>div{grid-template-columns:31px 1fr;column-gap:7px;padding-inline:4px}.operation-steps>div>span{width:31px;height:31px}.operation-steps>div:not(:last-child)::after{display:none}}
@media(max-width:650px){.operation-shell{margin-top:0;gap:11px}.operation-title-card{align-items:flex-start;flex-direction:column;padding:13px}.operation-title-card>.button,.operation-title-card>.button-row{width:100%}.operation-title-card>.button-row .button{flex:1}.operation-steps{overflow:auto}.operation-steps>div{min-width:128px}.operation-steps strong{font-size:11px}.logistics-scan-card,.logistics-recap,.logistics-validation,.exchange-stage{min-height:0;padding:17px 14px}.logistics-scan-heading{grid-template-columns:40px 1fr 36px}.logistics-scan-heading>span{width:40px;height:40px}.logistics-actions,.transport-import-actions{align-items:stretch;flex-direction:column}.logistics-actions .button,.transport-import-actions .button{width:100%}.returns-scan-total{align-items:flex-start;flex-direction:column;gap:4px;padding-block:10px}.exchange-source-summary{grid-template-columns:1fr;margin:-17px -14px 18px}.exchange-source-summary>div:last-child{text-align:left}.exchange-product-adder{grid-template-columns:1fr 86px}.exchange-product-adder>.button{grid-column:1/3}.exchange-stage-footer{align-items:stretch;flex-direction:column;margin:18px -14px -17px}.exchange-stage-footer>div{width:100%}.exchange-stage-footer .button{flex:1}.exchange-validation-grid,.payment-report-metrics{grid-template-columns:1fr}.exchange-validation-grid article:last-child{grid-column:auto}.exchange-search-results>button{grid-template-columns:34px minmax(0,1fr) 16px}.exchange-search-results>button>span:nth-child(3){display:none}.payment-filter-grid{grid-template-columns:1fr}.payment-filter-grid>label:first-child{grid-column:auto}.transport-import-card{padding:17px 14px}.manifest-filter-card>div{grid-template-columns:1fr}.report-table-card>footer{gap:12px;overflow:auto}.report-table-card>footer span{white-space:nowrap}}

/* TikTak reference parity · File d'appels */
.call-queue-page{width:min(1280px,100%);display:grid;gap:12px;margin:14px auto 0;color:#111827}.call-queue-header{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:18px}.call-queue-heading{min-width:0;display:flex;align-items:center;gap:14px;white-space:nowrap}.call-queue-heading h1{margin:0;font-size:20px;line-height:1.2;letter-spacing:-.018em}.call-queue-heading>span{overflow:hidden;color:#667792;font-size:13px;text-overflow:ellipsis}.call-stat{display:flex;align-items:center;gap:5px;font-size:14px}.call-stat svg{width:15px;height:15px}.call-stat small{color:#687a94;font-size:12px;font-weight:500}.call-stat.confirmed{color:#079764}.call-stat.remaining{color:#172033}.call-stat.remaining svg{color:#f79019}.call-urgent{padding:4px 11px;color:#fff;background:#f0474f;border-radius:14px;font-size:12px}.call-session-controls{display:flex;align-items:center;gap:9px}.call-session-controls>span{display:flex;align-items:center;gap:5px;color:#60718a;font-size:12px}.call-session-controls>span svg{width:16px}.call-session-controls .button{min-height:38px;padding-inline:13px;border-radius:6px;box-shadow:none}.call-queue-filters{min-height:50px;display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid #d9e1ea}.call-queue-filters .field,.call-queue-filters .select,.call-queue-filters>.button{height:38px;border-radius:6px;font-size:12px}.call-search{position:relative;min-width:250px;flex:1}.call-search>svg{position:absolute;left:12px;top:50%;z-index:1;width:17px;translate:0 -50%;color:#2563eb}.call-search .field{width:100%;padding-left:39px}.call-queue-filters .select{width:170px}.call-switch-label{display:flex;align-items:center;gap:7px;color:#141b28;font-size:12px;white-space:nowrap}.call-switch-label .switch{width:36px;min-width:36px;height:22px}.call-switch-label .switch::after{width:16px;height:16px}.call-switch-label .switch.on::after{transform:translateX(14px)}.call-queue-empty{min-height:326px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px;border-radius:8px;text-align:center}.call-empty-play{width:72px;height:72px;display:grid;place-items:center;color:#718096;background:#f0f4f8;border-radius:50%}.call-empty-play svg{width:35px;height:35px}.call-empty-play.done{color:#079764;background:#e9f8f1}.call-queue-empty h2{margin:17px 0 0;font-size:18px}.call-queue-empty p{margin:7px 0 17px;color:#687a94;font-size:13px}.call-queue-empty .button{min-height:44px;padding-inline:28px;border-radius:6px;box-shadow:none}.call-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:start;gap:18px}.call-workspace-left{display:grid;gap:16px}.call-order-card,.call-history-card,.call-action-card{padding:18px;border-radius:8px}.call-order-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.call-order-meta>div{display:flex;align-items:center;gap:8px}.call-order-meta>div>strong{font-size:19px}.call-order-meta>small{color:#718096;font-size:11px}.call-order-meta .status-chip{min-height:23px;padding:3px 8px;border-radius:12px;font-size:9px}.call-order-meta .status-chip.danger{color:#fff;background:#f04c54;border-color:#f04c54}.call-order-meta .status-chip svg{width:12px;height:12px}.call-customer-box{padding:17px;background:#fbfcfd;border:1px solid #dce4ed;border-radius:7px}.call-customer-box h2{margin:0 0 13px;font-size:18px}.call-customer-box p{display:flex;align-items:flex-start;gap:8px;margin:6px 0;color:#26344a;font-size:12px}.call-customer-box p svg{width:16px;min-width:16px;color:#70849a}.call-customer-box .call-location{padding-left:24px;color:#667a93}.call-basket-title{display:flex;align-items:center;gap:7px;margin:18px 0 10px;font-size:13px}.call-basket-title svg{width:17px;color:#62758e}.call-items{border:1px solid #dce4ed;border-radius:7px;overflow:hidden}.call-items article{min-height:73px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid #e4eaf0}.call-items article:last-child{border-bottom:0}.call-item-thumb{width:48px;height:48px;display:grid;place-items:center;overflow:hidden;color:#98a6b5;background:#f8fafc;border:1px solid #dfe6ed;border-radius:6px}.call-item-thumb img{width:100%;height:100%;object-fit:cover}.call-item-thumb svg{width:23px}.call-items strong,.call-items small{display:block}.call-items strong{font-size:12px}.call-items small{margin-top:4px;color:#63758d;font-size:10px}.call-items b{font-size:12px}.call-totals{margin:11px 0 0;padding:8px 12px;border:1px solid #dce4ed;border-radius:7px}.call-totals>div{display:flex;align-items:center;justify-content:space-between;min-height:30px;border-bottom:1px solid #e4eaf0}.call-totals>div:last-child{min-height:42px;border-bottom:0}.call-totals dt{display:flex;align-items:center;gap:5px;color:#60738d;font-size:11px}.call-totals dt svg{width:14px;color:#2054db}.call-totals dd{margin:0;color:#60738d;font-size:11px}.call-totals>div:last-child dt{color:#111827;font-size:15px;font-weight:750}.call-totals>div:last-child dd{color:#008555;font-size:18px;font-weight:800}.call-history-card{padding:0;overflow:hidden}.call-history-card>header{min-height:58px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid #e4eaf0}.call-history-card>header svg{width:17px;color:#63758e}.call-history-card>header strong{font-size:12px}.call-history-card>header code{margin-left:4px;color:#60738d;font-size:11px}.call-history-card>header span{min-width:24px;min-height:24px;display:grid;place-items:center;margin-left:auto;background:#f7f9fb;border:1px solid #e0e6ed;border-radius:50%;font-size:10px}.call-history-empty{min-height:140px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#718096}.call-history-empty svg{width:34px;height:34px;color:#a2afbc}.call-history-empty strong{margin-top:8px;font-size:11px}.call-history-empty span{margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.call-related-orders{display:grid}.call-related-orders article{display:grid;grid-template-columns:1fr 100px 110px 80px;gap:10px;padding:11px 16px;border-bottom:1px solid #e6ebf0;font-size:10px}.call-action-card{position:relative;min-height:540px;padding:17px}.call-phone{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:13px}.call-phone>strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px;letter-spacing:.08em}.call-phone .icon-button{width:28px;height:28px}.call-mobile-button{min-height:43px;display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;background:#08a173;border-radius:6px;text-decoration:none;font-size:14px;font-weight:750}.call-mobile-button svg{width:16px}.call-action-card>hr{height:1px;margin:16px 0 12px;background:#e0e6ed;border:0}.call-action-card>h2{margin:0 0 10px;color:#60738d;font-size:10px;letter-spacing:.06em}.call-result-list{display:grid;gap:6px}.call-result{min-height:39px;display:flex;align-items:center;gap:9px;padding:0 14px;color:#172033;background:#fff;border:1px solid #d7e0e8;border-radius:6px;font-size:12px;text-align:left}.call-result svg{width:16px}.call-result:hover{background:#f7fafb}.call-result.success{color:#008555;background:#effbf6;border-color:#13b77e}.call-result.danger{color:#ef3f45;border-color:#ff777c}.call-other-toggle{width:100%;min-height:33px;display:flex;align-items:center;gap:5px;padding:0;color:#687a94;background:transparent;border:0;font-size:10px;text-align:left}.call-other-toggle svg{width:12px;transition:transform .15s}.call-other-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.call-other-results{display:flex;gap:6px;margin-bottom:8px}.call-other-results .button{min-height:33px;flex:1;padding:0 7px;font-size:9px}.call-action-footer{display:flex;gap:7px;padding-top:11px;border-top:1px solid #e1e7ed}.call-action-footer .button{min-height:36px;flex:1;padding:0 8px;border-radius:6px;box-shadow:none;font-size:10px}.call-action-footer .button svg{width:14px}.call-sms-history{margin-top:14px;padding-top:12px;border-top:1px solid #e1e7ed}.call-sms-history>div{display:flex;align-items:center;justify-content:space-between}.call-sms-history h3{margin:0;font-size:10px}.call-sms-history>p{margin:9px 0 0;color:#718096;font-size:9px;line-height:1.5}.call-sms-history article{margin-top:8px;padding:9px;background:#f7f9fb;border-radius:6px}.call-sms-history article p{margin:5px 0;font-size:9px}.call-sms-history article small{color:#718096;font-size:8px}.call-paused-mask{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#fffffff2;border-radius:8px}.call-paused-mask>span{width:54px;height:54px;display:grid;place-items:center;color:#2563eb;background:#eaf4ff;border-radius:50%}.call-paused-mask>span svg{width:25px}.call-criteria-help{margin:0 0 17px;color:#60738d;font-size:12px;line-height:1.55}.call-criteria-list{display:grid;gap:10px;max-height:470px;overflow:auto;margin-bottom:18px}.call-criteria-list article{min-height:70px;display:grid;grid-template-columns:34px minmax(0,1fr) 76px 42px;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dce4ed;border-radius:7px}.call-criterion-rank{width:30px;height:30px;display:grid;place-items:center;color:#2563eb;background:#eaf4ff;border-radius:6px;font-weight:800}.call-criteria-list strong,.call-criteria-list small{display:block}.call-criteria-list strong{font-size:12px}.call-criteria-list small{margin-top:4px;color:#667992;font-size:9px}.call-criterion-move{display:flex;gap:3px}.call-criterion-move .icon-button{width:33px;height:33px}.call-criteria-list .switch{justify-self:end}
@media(max-width:1100px){.call-queue-heading{flex-wrap:wrap;white-space:normal}.call-queue-filters{flex-wrap:wrap}.call-search{min-width:100%;flex-basis:100%}.call-workspace{grid-template-columns:1fr}.call-action-card{min-height:0}.call-related-orders article{grid-template-columns:1fr 85px 100px 70px}}
@media(max-width:650px){.call-queue-page{margin-top:0}.call-queue-header{align-items:stretch;flex-direction:column}.call-queue-heading{gap:7px}.call-queue-heading h1{width:100%;font-size:19px}.call-session-controls{align-items:stretch;flex-wrap:wrap}.call-session-controls>span{width:100%}.call-session-controls .button{flex:1}.call-queue-filters{align-items:stretch}.call-queue-filters .select,.call-queue-filters>.button{width:100%}.call-switch-label{min-height:38px;flex:1}.call-queue-empty{min-height:300px;padding:25px 15px}.call-order-card,.call-action-card{padding:13px}.call-order-meta{align-items:flex-start;flex-direction:column}.call-order-meta>div{flex-wrap:wrap}.call-items article{grid-template-columns:42px minmax(0,1fr)}.call-items article>b{grid-column:2}.call-item-thumb{width:42px;height:42px}.call-related-orders article{grid-template-columns:1fr 80px}.call-related-orders article b,.call-related-orders article small{display:none}.call-criteria-list article{grid-template-columns:30px minmax(0,1fr) 42px}.call-criterion-move{display:none}.call-criteria-list article>.switch{grid-column:3}}

/* TikTak reference parity · Formations */
.courses-shell,.course-create-shell{width:min(1104px,100%);margin:24px auto 0;color:#101828}.course-list-heading{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px}.course-list-heading h1,.course-create-heading h1{margin:0;color:#050914;font-size:32px;line-height:1.15;letter-spacing:-.02em}.course-list-heading p,.course-create-heading p{margin:3px 0 0;color:#61728f;font-size:17px;line-height:1.45}.course-list-heading>.button{min-height:40px;padding:0 17px;color:#fff;background:#006b8f;border-color:#006b8f;border-radius:5px;box-shadow:none;font-size:14px}.course-list-heading>.button svg{width:17px}.course-list-filters{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:16px;margin:0 0 23px}.course-list-filters>label{position:relative}.course-list-filters>label>svg{position:absolute;z-index:1;left:13px;top:50%;width:18px;height:18px;translate:0 -50%;color:#526887}.course-list-filters .field,.course-list-filters .select{width:100%;height:41px;border:1px solid #d7e0eb;border-radius:5px;box-shadow:none;font-size:14px}.course-list-filters .field{padding-left:41px}.course-type-control .select{padding-left:43px}.course-empty{min-height:154px;display:grid;place-content:center;justify-items:center;background:#f5f8fb;border-radius:4px;text-align:center}.course-empty h2{margin:0;color:#61728f;font-size:19px;font-weight:400}.course-empty p{margin:9px 0 0;color:#61728f;font-size:15px}.course-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.course-card{display:grid;grid-template-columns:175px minmax(0,1fr);overflow:hidden;padding:0;border-radius:6px}.course-card-image{position:relative;min-height:225px;display:grid;place-items:center;overflow:hidden;color:#7690aa;background:#eef3f7}.course-card-image>img{width:100%;height:100%;object-fit:cover}.course-card-image>span svg{width:48px;height:48px}.course-card-image>b{position:absolute;left:10px;top:10px;padding:4px 8px;color:#fff;background:#006b8f;border-radius:4px;font-size:10px}.course-card-body{display:flex;flex-direction:column;padding:17px}.course-card-body>div{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.course-card-body h2{margin:0;font-size:18px}.course-card-body>p{display:-webkit-box;overflow:hidden;margin:9px 0;color:#65758c;font-size:12px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.course-card-body dl{display:grid;gap:6px;margin:5px 0 12px}.course-card-body dl>div{display:flex;justify-content:space-between;gap:8px}.course-card-body dt,.course-card-body dd{display:flex;align-items:center;gap:5px;margin:0;color:#62728a;font-size:10px}.course-card-body dt svg{width:13px}.course-card-body dd{color:#162033;font-weight:700}.course-card-body footer{display:flex;align-items:center;gap:8px;margin-top:auto}.course-card-body footer>.button{flex:1}.course-create-shell{margin-top:45px}.course-create-heading{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:18px;margin:0 0 24px}.course-create-heading>.icon-button{width:38px;height:38px;color:#172033;background:transparent;border:0}.course-create-heading>.icon-button svg{width:20px}.course-create-shell>form{display:grid;gap:24px}.course-form-card{padding:24px;border-color:#dbe2ea;border-radius:7px;box-shadow:0 1px 2px #102a4310}.course-form-card>h2,.course-content-card>header h2{margin:0 0 23px;color:#090e19;font-size:26px;line-height:1.2;letter-spacing:-.015em}.course-form-card .form-grid.one{grid-template-columns:1fr}.course-form-card .form-field{gap:10px}.course-form-card .form-field>span{color:#111827;font-size:14px;font-weight:400}.course-form-card .field,.course-form-card .select{min-height:41px;border:1px solid #d7e0eb;border-radius:5px;box-shadow:none;font-size:14px}.course-form-card textarea.field{min-height:98px;padding-block:11px}.course-content-card{padding:24px}.course-content-card>header{display:flex;align-items:center;justify-content:space-between;gap:18px}.course-content-card>header h2{margin:0}.course-content-card>header p,.course-section-subtitle{margin:3px 0 0;color:#62748f;font-size:14px}.course-content-card>header>.button{min-height:37px;color:#fff;background:#006b8f;border-color:#006b8f;border-radius:5px;box-shadow:none}.course-module-list{display:grid;gap:12px;margin-top:20px}.course-content-empty{min-height:132px;display:grid;place-content:center;justify-items:center;color:#64748b;background:#f7f9fb;border:1px dashed #d4dde7;border-radius:5px;text-align:center}.course-content-empty>span svg{width:30px}.course-content-empty strong{margin-top:7px;color:#344054;font-size:13px}.course-content-empty p{margin:4px 0 0;font-size:12px}.course-module{overflow:hidden;border:1px solid #d5dee8;border-radius:6px}.course-module-head{width:100%;min-height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#101828;background:#fff;border:0;text-align:left}.course-module-head>span{display:flex;align-items:center;gap:8px}.course-module-head b{font-size:13px}.course-module-head strong{font-size:12px;font-weight:500}.course-module-head small{color:#697b92;font-size:11px}.course-module-head>svg{width:17px;transition:transform .15s}.course-module.expanded .course-module-head>svg{transform:rotate(90deg)}.course-module-content{padding:17px 16px;border-top:1px solid #e0e6ed}.course-module-title-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:end;gap:10px}.course-module-title-row .icon-button{margin-bottom:1px}.course-module-content>h3{margin:23px 0 12px;font-size:15px}.course-video-list{display:grid;gap:12px}.course-video-editor{padding:12px;background:#f6f8fa;border-radius:6px}.course-video-editor>header{min-height:32px;display:flex;align-items:center;gap:10px}.course-video-editor>header>span{color:#56718e;font-size:18px}.course-video-editor>header>strong{font-size:13px}.course-video-editor>header>.icon-button{margin-left:auto;color:#ff3c45;background:transparent;border:0}.course-video-editor .form-grid{grid-template-columns:1fr;gap:13px;margin-top:10px}.course-video-editor .form-field{gap:7px}.course-rich-field{overflow:hidden;background:#fff;border:1px solid #d6dfe9;border-radius:5px}.course-rich-field>div{min-height:51px;display:flex;align-items:center;gap:4px;padding:0 12px;background:#f3f6f8;border-bottom:1px solid #d6dfe9}.course-rich-field button{width:38px;height:34px;color:#172033;background:transparent;border:0;border-radius:4px;font-size:16px}.course-rich-field button:hover{background:#e4eaf0}.course-rich-field textarea{width:100%;min-height:108px;display:block;padding:14px;background:#fff;border:0;outline:0;resize:vertical;font:inherit;font-size:14px}.course-public-toggle{min-height:35px;display:flex;align-items:center;justify-content:space-between}.course-public-toggle>span{font-size:12px}.course-public-toggle .switch{width:36px;height:22px}.course-public-toggle .switch::after{width:16px;height:16px}.course-public-toggle .switch.on::after{transform:translateX(14px)}.course-add-video{width:100%;min-height:38px;margin-top:11px;color:#172033;background:#fff;border:1px solid #d6dfe9;border-radius:5px;font-size:13px}.course-add-video svg{width:16px;margin-right:8px}.course-photo-picker{min-height:104px;display:grid;grid-template-columns:34px minmax(0,1fr);align-content:center;column-gap:10px;padding:15px;color:#536881;background:#f9fafb;border:1px dashed #cbd5e1;border-radius:5px;cursor:pointer}.course-photo-picker>svg{grid-row:1/3;width:28px;height:28px}.course-photo-picker>strong{color:#253249;font-size:13px}.course-photo-picker>small{font-size:11px}.course-form-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 0 40px}.course-form-actions .button{min-width:104px;min-height:40px;border-radius:5px;box-shadow:none}.course-form-actions .button.primary{color:#fff;background:#006b8f;border-color:#006b8f}
@media(max-width:850px){.course-card-grid{grid-template-columns:1fr}.course-create-shell{margin-top:18px}.course-form-card{padding:19px}}
@media(max-width:650px){.courses-shell,.course-create-shell{margin-top:0}.course-list-heading{align-items:flex-start;flex-direction:column;padding-bottom:17px}.course-list-heading>.button{width:100%}.course-list-filters{grid-template-columns:1fr;gap:9px}.course-card{grid-template-columns:1fr}.course-card-image{min-height:170px}.course-create-heading{grid-template-columns:30px 1fr;gap:8px}.course-create-heading>.icon-button{width:30px}.course-list-heading h1,.course-create-heading h1{font-size:25px}.course-list-heading p,.course-create-heading p{font-size:14px}.course-form-card>h2,.course-content-card>header h2{font-size:21px}.course-content-card>header{align-items:flex-start;flex-direction:column}.course-content-card>header>.button{width:100%}.course-module-head>span{flex-wrap:wrap}.course-module-title-row{grid-template-columns:1fr 36px}.course-form-actions .button{flex:1}}
.course-rich-field button:nth-child(6){margin-left:8px;border-left:1px solid #d7e0e8;border-radius:0}.course-rich-field button:nth-child(7){text-align:center}.course-rich-field button:nth-child(8){text-align:right}

/* TikTak reference parity · Gestion des adhérents */
.adherents-shell{width:min(1104px,100%);margin:32px auto 0;color:#101828}.adherents-heading{display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:10px;margin:0 0 25px}.adherents-heading>span svg{width:31px;height:31px;stroke-width:1.8}.adherents-heading h1{margin:0;color:#050914;font-size:32px;line-height:1.15;letter-spacing:-.02em}.adherents-heading p{grid-column:2;margin:3px 0 0;color:#61728f;font-size:17px}.adherents-card{padding:24px;border:1px solid #dbe2ea;border-radius:7px;box-shadow:0 1px 2px #102a4310}.adherents-card>h2{margin:0 0 22px;font-size:26px;line-height:1.2}.adherent-tabs{height:40px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:4px;background:#edf2f7;border-radius:5px}.adherent-tabs>button{height:32px;color:#5f7290;background:transparent;border:0;border-radius:4px;font-size:14px}.adherent-tabs>button.active{color:#111827;background:#fff;box-shadow:0 1px 3px #102a4318}.adherent-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;margin:24px 0 16px}.adherent-toolbar>label{position:relative}.adherent-toolbar>label>svg{position:absolute;z-index:1;left:12px;top:50%;width:18px;translate:0 -50%;color:#526887}.adherent-toolbar .field{width:100%;height:40px;padding-left:38px;border:1px solid #d7e0eb;border-radius:5px;box-shadow:none;font-size:14px}.adherent-toolbar>.button{min-height:40px;padding-inline:18px;color:#fff;background:#006b8f;border-color:#006b8f;border-radius:5px;box-shadow:none}.adherent-table{position:relative;min-height:230px;overflow:auto;border:1px solid #d7e0eb;border-radius:6px}.adherent-table .data-table{min-width:820px}.adherent-table .data-table th{height:47px;padding:0 16px;color:#61728f;background:#fff;border-bottom:1px solid #d7e0eb;font-size:12px;font-weight:500;text-transform:none}.adherent-table .data-table td{height:59px;padding:8px 16px;font-size:12px}.adherent-empty{min-height:181px;display:grid;place-content:center;justify-items:center;gap:12px;color:#61728f;text-align:center}.adherent-empty svg{width:46px;height:46px;color:#aeb8c7}.adherent-empty span{font-size:14px}.adherent-course-list{display:flex;flex-wrap:wrap;gap:4px}.adherent-course-list>span{padding:4px 7px;color:#006b8f;background:#e8f4f7;border-radius:11px;font-size:10px}.adherent-verified{width:27px;height:27px;display:grid;place-items:center;color:#8a99ab;background:#eef2f6;border:0;border-radius:50%}.adherent-verified.on{color:#fff;background:#0aa06e}.adherent-verified svg{width:14px}.adherent-dialog-copy{margin:0 0 35px;color:#61728f;font-size:14px}.adherent-detail-list{display:grid;gap:0;margin:0}.adherent-detail-list>div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #e5eaf0}.adherent-detail-list dt{color:#61728f}.adherent-detail-list dd{margin:0;font-weight:650}
.modal-backdrop:has([data-adherent-form]){background:rgba(4,18,31,.78);backdrop-filter:none}.modal:has([data-adherent-form]){width:min(500px,100%);border-radius:9px}.modal:has([data-adherent-form]) .modal-header{min-height:74px;padding:20px 24px 5px;border:0}.modal:has([data-adherent-form]) .modal-header h2{font-size:20px}.modal:has([data-adherent-form]) .modal-close{width:30px;height:30px;border:0;border-radius:4px}.modal:has([data-adherent-form]) .modal-body{padding:0 24px 24px}.modal:has([data-adherent-form]) .form-grid.one{grid-template-columns:1fr;gap:20px}.modal:has([data-adherent-form]) .form-field{gap:9px}.modal:has([data-adherent-form]) .select{height:40px;border-radius:5px}.modal:has([data-adherent-form]) .inline-footer{gap:9px;margin:32px 0 0;padding:0;border:0}.modal:has([data-adherent-form]) .inline-footer .button{min-height:40px;border-radius:5px}
.adherents-card{padding-top:18px}
@media(max-width:650px){.adherents-shell{margin-top:0}.adherents-heading{grid-template-columns:26px 1fr}.adherents-heading>span svg{width:26px}.adherents-heading h1{font-size:25px}.adherents-heading p{font-size:14px}.adherents-card{padding:16px 12px}.adherents-card>h2{font-size:21px}.adherent-tabs{height:auto;grid-template-columns:1fr;padding:4px}.adherent-toolbar{grid-template-columns:1fr;gap:9px}.adherent-toolbar>.button{width:100%}}

/* TikTak reference parity · Numéros de téléphone bloqués */
.blocked-phones-shell{width:min(1104px,100%);margin:27px auto 0;color:#101828}.blocked-phones-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 24px}.blocked-phones-heading h1{margin:0;color:#050914;font-size:32px;line-height:1.16;letter-spacing:-.02em}.blocked-phones-heading p{margin:3px 0 0;color:#61728f;font-size:17px}.blocked-phones-heading>.button{min-height:40px;padding-inline:20px;color:#fff;background:#006b8f;border-color:#006b8f;border-radius:5px;box-shadow:none;font-size:14px}.blocked-phones-card{padding:20px 24px 24px;border:1px solid #dbe2ea;border-radius:7px;box-shadow:0 1px 2px #102a4310}.blocked-phones-card>h2{margin:0 0 3px;color:#060a12;font-size:26px;line-height:1.25}.blocked-phones-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 135px;gap:16px}.blocked-phones-toolbar>label{position:relative}.blocked-phones-toolbar>label>svg{position:absolute;z-index:1;left:12px;top:50%;width:18px;translate:0 -50%;color:#526887}.blocked-phones-toolbar .field{width:100%;height:40px;padding-left:40px;border:1px solid #d7e0eb;border-radius:5px;box-shadow:none;font-size:14px}.blocked-phones-toolbar>.button{min-height:40px;border-color:#d7e0eb;border-radius:5px;box-shadow:none}.blocked-phones-empty{min-height:244px;display:grid;place-content:center;justify-items:center;text-align:center}.blocked-phones-empty>svg{width:48px;height:48px;color:#65758d;stroke-width:1.8}.blocked-phones-empty h3{margin:17px 0 0;color:#0c1220;font-size:20px}.blocked-phones-empty p{margin:9px 0 0;color:#61728f;font-size:17px}.blocked-phones-table{margin-top:24px;overflow:auto}.blocked-phones-table .data-table{min-width:800px}.blocked-phones-table .data-table th{height:49px;padding:0 16px;color:#61728f;background:#fff;border-bottom:1px solid #d9e1ea;font-size:12px;font-weight:500;text-transform:none}.blocked-phones-table .data-table td{height:60px;padding:8px 16px;font-size:13px}.blocked-phone-status{display:flex;align-items:center;gap:8px}.blocked-phone-status .switch,.blocked-phone-active .switch{width:36px;height:22px}.blocked-phone-status .switch::after,.blocked-phone-active .switch::after{width:16px;height:16px}.blocked-phone-status .switch.on::after,.blocked-phone-active .switch.on::after{transform:translateX(14px)}.blocked-phone-chip{padding:4px 8px;color:#667085;background:#eef2f6;border-radius:10px;font-size:11px;font-weight:700}.blocked-phone-chip.active{color:#fff;background:#f3484d}.blocked-phones-table .icon-button{width:42px;height:36px;border:1px solid #d7e0eb;border-radius:6px}.blocked-phone-active{display:flex;align-items:center;gap:8px;margin:17px 0 0;font-size:14px}.modal:has([data-blocked-phone-form]){width:min(512px,100%);border-radius:7px}.modal:has([data-blocked-phone-form]) .modal-header{min-height:57px;padding:17px 24px 3px;border:0}.modal:has([data-blocked-phone-form]) .modal-header h2{font-size:20px}.modal:has([data-blocked-phone-form]) .modal-close{width:28px;height:28px;border:0}.modal:has([data-blocked-phone-form]) .modal-body{padding:8px 24px 24px}.modal:has([data-blocked-phone-form]) .form-grid.one{grid-template-columns:1fr;gap:14px}.modal:has([data-blocked-phone-form]) .form-field{gap:8px}.modal:has([data-blocked-phone-form]) .field,.modal:has([data-blocked-phone-form]) .select{height:41px;border-radius:5px}.modal:has([data-blocked-phone-form]) .inline-footer{gap:12px;margin:32px 0 0;padding:0;border:0}.modal:has([data-blocked-phone-form]) .inline-footer .button{min-height:40px;border-radius:5px}.modal:has([data-blocked-phone-delete-confirm]){width:min(512px,100%);border-radius:7px}.modal:has([data-blocked-phone-delete-confirm]) .modal-header{min-height:58px;padding:20px 24px 5px;border:0}.modal:has([data-blocked-phone-delete-confirm]) .modal-header h2{font-size:20px}.modal:has([data-blocked-phone-delete-confirm]) .modal-close{display:none}.modal:has([data-blocked-phone-delete-confirm]) .modal-body{padding:4px 24px 8px;color:#61728f;font-size:15px;line-height:1.45}.modal:has([data-blocked-phone-delete-confirm]) .modal-body p{margin:0}.modal:has([data-blocked-phone-delete-confirm])>.modal-footer{position:static;padding:7px 24px 22px;border:0}.modal:has([data-blocked-phone-delete-confirm]) .modal-footer .primary{color:#fff;background:#f3484d;border-color:#f3484d}
@media(max-width:650px){.blocked-phones-shell{margin-top:0}.blocked-phones-heading{align-items:flex-start;flex-direction:column}.blocked-phones-heading h1{font-size:25px}.blocked-phones-heading p{font-size:14px}.blocked-phones-heading>.button{width:100%}.blocked-phones-card{padding:16px 12px}.blocked-phones-card>h2{font-size:21px}.blocked-phones-toolbar{grid-template-columns:1fr;gap:9px}.blocked-phones-empty p{font-size:14px}}

/* TikTak reference parity · Intégrations transporteurs */
.transporter-shell{width:min(1104px,100%);margin:28px auto 0;color:#101828;display:grid;gap:32px}.transporter-title{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 17px;border:1px solid #dbe2ea;border-radius:7px;box-shadow:0 1px 2px #102a4310}.transporter-title .surface-title{gap:12px}.transporter-title .title-icon{width:34px;height:34px;color:#006b8f;background:#e5f0f4;border-radius:7px}.transporter-title .title-icon svg{width:18px;height:18px}.transporter-back{width:31px;height:31px;border:0;background:transparent}.transporter-title h1{margin:0;color:#111827;font-size:18px;line-height:1.25}.transporter-title p{margin:2px 0 0;color:#61728f;font-size:13px}.transporter-title .button{min-height:40px;border-radius:5px;box-shadow:none}.transporter-title .button.primary{padding-inline:18px;color:#fff;background:#006b8f;border-color:#006b8f}.transporter-list{min-height:54px;padding:16px;border:1px solid #dbe2ea;border-radius:7px}.transporter-list>p{margin:0;font-size:14px}.carrier-integration-row{min-height:76px;display:grid;grid-template-columns:minmax(260px,1fr) 190px auto;align-items:center;gap:18px;padding:12px;border:1px solid #dbe2ea;border-radius:6px}.carrier-integration-row+.carrier-integration-row{margin-top:10px}.carrier-integration-identity{display:flex;align-items:center;gap:12px}.carrier-integration-identity>div,.carrier-integration-row>div:nth-child(2){display:grid;gap:3px}.carrier-integration-row small{color:#61728f;font-size:11px}.carrier-provider-mark{position:relative;width:60px;height:37px;display:grid;place-items:center;overflow:hidden;color:hsl(var(--carrier-hue) 72% 42%);background:hsl(var(--carrier-hue) 75% 96%);border:1px solid hsl(var(--carrier-hue) 45% 84%);border-radius:5px;font-size:15px;font-weight:850;letter-spacing:-.03em}.carrier-provider-mark>img{position:absolute;inset:0;width:100%;height:100%;padding:2px;object-fit:contain;background:#fff}.carrier-integration-row .carrier-provider-mark{width:48px;height:42px}.carrier-wizard{min-height:516px;padding:24px;border:1px solid #dbe2ea;border-radius:7px}.carrier-wizard-steps{height:42px;display:flex;align-items:center;justify-content:center;margin-bottom:31px}.carrier-wizard-steps span{width:40px;height:40px;display:grid;place-items:center;color:#61728f;background:#edf2f7;border-radius:50%;font-size:16px}.carrier-wizard-steps span.active{color:#fff;background:#006b8f}.carrier-wizard-steps span.done{color:#006b8f;background:#d8eaf1}.carrier-wizard-steps i{width:64px;margin:0 8px;border-top:2px solid #e4eaf0}.carrier-step-heading{display:grid;justify-items:center;text-align:center}.carrier-step-heading>span{height:67px;display:grid;place-items:center;color:#006b8f}.carrier-step-heading>span svg{width:59px;height:59px;stroke-width:1.8}.carrier-step-heading h2{margin:11px 0 0;color:#080d18;font-size:27px;line-height:1.2}.carrier-step-heading p{margin:9px 0 0;color:#61728f;font-size:17px}.carrier-provider-search{position:relative;width:452px;max-width:100%;margin:27px auto 23px}.carrier-provider-search>svg{position:absolute;z-index:1;left:13px;top:50%;width:18px;translate:0 -50%;color:#61728f}.carrier-provider-search .field{width:100%;height:42px;padding-left:40px;border:1px solid #d7e0eb;border-radius:5px;box-shadow:none;font-size:14px}.carrier-provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.carrier-provider-card{min-height:162px;display:grid;place-items:center;align-content:center;gap:18px;padding:15px;color:#101828;background:#fff;border:1px solid #d7e0eb;border-radius:7px;box-shadow:0 1px 2px #102a4310}.carrier-provider-card:hover,.carrier-provider-card:focus-visible{border-color:#006b8f;box-shadow:0 0 0 2px #006b8f22}.carrier-provider-card .carrier-provider-mark{width:86px;height:44px;border:0;background:transparent;font-size:20px}.carrier-provider-card strong{font-size:15px}.carrier-no-provider{grid-column:1/-1;min-height:190px;display:grid;place-items:center;color:#61728f}.carrier-config-fields,.carrier-association-card,.carrier-summary,.carrier-wizard-actions{width:min(672px,100%);margin-inline:auto}.carrier-config-fields{display:grid;gap:19px;margin-top:30px}.carrier-config-fields .form-field{gap:9px}.carrier-config-fields .form-field>span{font-size:14px;font-weight:400}.carrier-config-fields .field,.carrier-config-fields .select{height:40px;border:1px solid #d7e0eb;border-radius:5px;box-shadow:none}.carrier-config-fields hr{width:100%;margin:2px 0;border:0;border-top:1px solid #e0e7ef}.carrier-config-fields h3{margin:1px 0 -3px;font-size:20px}.carrier-open-package{display:flex;align-items:center;gap:8px;font-size:14px}.carrier-open-package input{width:16px;height:16px;accent-color:#006b8f}.carrier-wizard-actions{display:flex;justify-content:space-between;margin-top:31px}.carrier-wizard-actions .button{min-width:83px;min-height:40px;border-radius:5px;box-shadow:none}.carrier-association-card{display:grid;gap:18px;margin-top:30px;padding:24px;border:1px solid #dbe2ea;border-radius:7px}.carrier-association-card>.button{width:100%}.carrier-association-card>h3{margin:0;font-size:16px}.carrier-create-choice.selected{box-shadow:0 0 0 3px #006b8f22}.carrier-or{text-align:center;color:#61728f;font-size:12px}.carrier-summary{margin-top:48px;padding:16px;background:#f6f8fa;border:1px solid #e2e7ed;border-radius:6px}.carrier-summary h3{margin:0 0 12px;font-size:16px}.carrier-summary p{display:flex;justify-content:space-between;margin:6px 0;font-size:13px}.carrier-summary span{color:#61728f}
@media(max-width:900px){.carrier-provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.carrier-integration-row{grid-template-columns:1fr auto}.carrier-integration-row>div:nth-child(2){grid-column:1}.carrier-integration-row>.button-row{grid-column:2;grid-row:1/3}}
@media(max-width:650px){.transporter-shell{margin-top:0;gap:16px}.transporter-title{align-items:flex-start;flex-direction:column;padding:13px}.transporter-title .surface-title{width:100%;display:grid;grid-template-columns:31px 34px 1fr}.transporter-title .button-row{width:100%;flex-direction:column}.transporter-title .button{width:100%}.carrier-wizard{padding:18px 12px}.carrier-wizard-steps i{width:34px}.carrier-step-heading h2{font-size:22px}.carrier-step-heading p{font-size:14px}.carrier-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.carrier-provider-card{min-height:118px}.carrier-integration-row{grid-template-columns:1fr}.carrier-integration-row>div:nth-child(2),.carrier-integration-row>.button-row{grid-column:1;grid-row:auto}.carrier-wizard-actions .button{flex:1}.carrier-association-card{padding:16px}}
.carrier-step-heading{width:100%;min-width:0}
@media(max-width:650px){.transporter-title .surface-title{grid-template-columns:31px 34px minmax(0,1fr)}.carrier-step-heading p{width:100%;max-width:100%;overflow-wrap:anywhere}.carrier-provider-search{width:100%;max-width:100%}}

/* TikTak reference parity · Tracking automatique */
.automatic-tracking-shell{width:min(1104px,100%);margin:30px auto 0;color:#020817}.automatic-tracking-heading{min-height:48px;display:flex;align-items:center;gap:16px}.automatic-tracking-heading>span{width:48px;height:48px;display:grid;place-items:center;color:#006b8f;background:#e4eef3;border-radius:8px}.automatic-tracking-heading>span svg{width:26px;height:26px;stroke-width:1.8}.automatic-tracking-heading h1{margin:0;font-size:24px;line-height:32px;letter-spacing:-.015em}.automatic-tracking-heading p{margin:0;color:#61728f;font-size:16px;line-height:21px}.automatic-tracking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:26px}.automatic-tracking-config,.automatic-tracking-live{min-height:735px;padding:20px 24px;border:1px solid #d7e0eb;border-radius:7px;box-shadow:0 1px 2px #102a4310}.automatic-tracking-config>h2,.automatic-tracking-live>h2{margin:0;font-size:26px;line-height:34px;letter-spacing:-.015em}.automatic-tracking-config>p,.automatic-tracking-live>p{margin:0;color:#61728f;font-size:15px}.automatic-tracking-config fieldset{display:grid;gap:0;margin:25px 0 0;padding:0;border:0}.automatic-tracking-config fieldset>h3{margin:0 0 14px;font-size:17px;font-weight:500}.automatic-tracking-config fieldset>h3:not(:first-child){margin-top:25px}.automatic-tracking-config fieldset>small{margin-top:12px;color:#61728f;font-size:14px}.automatic-tracking-checklist{display:grid;padding:12px 16px;border:1px solid #d7e0eb;border-radius:7px}.automatic-tracking-checklist label{min-height:23px;display:flex;align-items:center;gap:7px;font-size:15px;cursor:pointer}.automatic-tracking-checklist input{width:14px;height:14px;margin:0;accent-color:#087cff}.automatic-tracking-checklist.carrier-list{min-height:70px;align-content:center}.automatic-tracking-checklist.stage-list{height:160px;align-content:start;overflow-y:auto}.automatic-tracking-loading{color:#61728f;font-size:14px}.automatic-tracking-date{width:100%;height:40px;display:flex;align-items:center;gap:14px;padding:0 16px;color:#101828;background:#fff;border:1px solid #d7e0eb;border-radius:6px;font-size:14px;text-align:left}.automatic-tracking-date svg{width:18px}.automatic-tracking-start{width:100%;height:40px;margin-top:24px;color:#fff;background:#006b8f;border-color:#006b8f;border-radius:5px;box-shadow:none}.automatic-tracking-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.automatic-tracking-controls .button{height:40px;border-radius:5px;box-shadow:none}.automatic-tracking-controls .tracking-pause,.automatic-tracking-controls .tracking-resume{color:#006b8f;border-color:#006b8f}.automatic-tracking-controls .danger{color:#fff;background:#f3484d;border-color:#f3484d}.automatic-tracking-live>p{margin-bottom:24px}.automatic-tracking-progress{height:16px;overflow:hidden;background:#cee5ee;border-radius:999px}.automatic-tracking-progress>i{display:block;width:0;height:100%;background:#188caf}.automatic-tracking-progress.running>i{width:34%;animation:tracking-progress 1.4s ease-in-out infinite alternate}.automatic-tracking-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.automatic-tracking-metrics>strong{min-height:27px;display:grid;place-items:center;border:1px solid #d7e0eb;border-radius:999px;font-size:13px}.automatic-tracking-metrics>strong:nth-child(2){color:#156b3b;background:#d8f5e3;border-color:#d8f5e3}.automatic-tracking-metrics>strong:nth-child(3){color:#fff;background:#f3484d;border-color:#f3484d}.automatic-tracking-metrics>strong:nth-child(4){color:#00608c;background:#cee5ee;border-color:#cee5ee}.automatic-tracking-journal-title{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:17px}.automatic-tracking-journal-title .button{height:36px;border-radius:6px;box-shadow:none}.automatic-tracking-journal{height:255px;padding:16px;overflow:auto;color:#61728f;border:1px solid #d7e0eb;border-radius:6px;font-size:14px}.automatic-tracking-log{min-height:36px;display:grid;grid-template-columns:18px auto auto auto auto auto minmax(120px,1fr) auto;align-items:center;gap:7px;padding:8px;color:#223047;background:#f8fafc;border-radius:6px;font-style:normal}.automatic-tracking-log+.automatic-tracking-log{margin-top:7px}.automatic-tracking-log>span{width:18px;height:18px;display:grid;place-items:center;color:#006b8f;border:1px solid currentColor;border-radius:50%}.automatic-tracking-log>span svg{width:12px}.automatic-tracking-log>i{font-style:normal}.automatic-tracking-log>b{font-weight:500}.automatic-tracking-log>p{margin:0;color:#52657a}.automatic-tracking-log>time{color:#61728f;font-size:12px}.automatic-tracking-log.error>span,.automatic-tracking-log.error>p{color:#f22932}.automatic-tracking-log.success>span,.automatic-tracking-log.success>p{color:#079663}.automatic-tracking-summary{margin-top:24px;padding:16px;background:#f6f8fa;border-radius:6px}.automatic-tracking-summary h3{margin:0 0 14px;font-size:17px;font-weight:500}.automatic-tracking-summary>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.automatic-tracking-summary strong{display:grid;justify-items:center;font-size:22px}.automatic-tracking-summary small{color:#61728f;font-size:11px;font-weight:500}.automatic-tracking-summary>.button{width:100%;margin-top:14px;border-radius:5px;box-shadow:none}@keyframes tracking-progress{from{translate:-100% 0}to{translate:290% 0}}
.modal:has([data-automatic-tracking-date-form]){width:min(520px,100%)}.modal:has([data-automatic-tracking-date-form]) .modal-body{padding-top:10px}.modal:has([data-automatic-tracking-date-form]) .inline-footer{margin:24px 0 0;padding:0;border:0}
@media(max-width:900px){.automatic-tracking-grid{grid-template-columns:1fr}.automatic-tracking-config,.automatic-tracking-live{min-height:0}}
@media(max-width:650px){.automatic-tracking-shell{margin-top:0}.automatic-tracking-heading{align-items:flex-start}.automatic-tracking-heading>span{width:40px;height:40px;flex:0 0 40px}.automatic-tracking-heading h1{font-size:23px;line-height:28px}.automatic-tracking-heading p{font-size:14px}.automatic-tracking-grid{gap:16px;margin-top:18px}.automatic-tracking-config,.automatic-tracking-live{padding:17px 12px}.automatic-tracking-config>h2,.automatic-tracking-live>h2{font-size:22px}.automatic-tracking-controls{grid-template-columns:1fr}.automatic-tracking-journal{height:auto;min-height:220px}.automatic-tracking-log{grid-template-columns:18px auto auto minmax(0,1fr);align-items:start}.automatic-tracking-log>b:nth-of-type(2),.automatic-tracking-log>i:nth-of-type(2){display:none}.automatic-tracking-log>p,.automatic-tracking-log>time{grid-column:2/-1}.automatic-tracking-summary>div{grid-template-columns:repeat(2,1fr)}}

/* TikTak reference parity · Gestion des commissions */
.commission-shell{width:min(848px,100%);display:grid;gap:24px;margin:27px auto 0;color:#101828}.commission-heading h1{margin:0;color:#020817;font-size:32px;line-height:38px;letter-spacing:-.025em}.commission-heading p{margin:0;color:#61728f;font-size:17px;line-height:24px}.commission-card,.commission-balance,.commission-transfer{padding:24px;border:1px solid #d7e0eb;border-radius:7px;box-shadow:0 1px 2px #102a4310}.commission-title{display:flex;align-items:center;gap:13px}.commission-title>span{width:36px;height:36px;display:grid;flex:0 0 36px;place-items:center;color:#006b8f;background:#e4eef3;border-radius:7px}.commission-title>span svg{width:20px;height:20px}.commission-title h2{margin:0;color:#101828;font-size:21px;line-height:26px}.commission-title p{margin:1px 0 0;color:#61728f;font-size:15px;line-height:20px}.commission-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin-top:20px}.commission-grid article{height:49px;display:grid;grid-template-columns:23px 1fr auto;align-items:center;gap:8px;padding:0 14px;color:#101828;background:#f6f8fa;border:1px solid transparent;border-radius:7px;font-size:15px}.commission-grid article>svg{width:17px;color:#61728f}.commission-grid article>strong{font-size:17px}.commission-grid article.highlight{color:#006b8f;background:#f2f8fb;border-color:#abd0df}.commission-grid article.highlight>svg{color:#006b8f}.commission-grid article:nth-child(6){grid-template-columns:1fr auto}.commission-status{padding:4px 12px;color:#fff;background:#006b8f;border-radius:999px;font-size:12px}.commission-status.due{color:#8c5200;background:#ffe9bd}.commission-card>hr{margin:23px 0 24px;border:0;border-top:1px solid #d7e0eb}.commission-card>h3{margin:0 0 17px;font-size:20px}.commission-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.commission-actions .button{height:44px;border-radius:6px;box-shadow:none;font-size:15px}.commission-actions .primary{background:#006b8f;border-color:#006b8f}.commission-balance{display:flex;align-items:center;justify-content:space-between;min-height:93px}.commission-balance>.button{min-height:40px;padding-inline:16px;border-radius:6px;box-shadow:none}.commission-transfer{display:grid;gap:20px}.commission-bank-note{padding:16px;color:#26364c;background:#f6f8fa;border-radius:7px}.commission-bank-note strong{font-size:15px}.commission-bank-note p{margin:6px 0 0;color:#61728f;font-size:14px;line-height:1.5}.commission-transfer dl{display:grid;gap:0;margin:0;border:1px solid #d7e0eb;border-radius:7px}.commission-transfer dl>div{display:grid;grid-template-columns:190px 1fr;padding:13px 16px}.commission-transfer dl>div+div{border-top:1px solid #e3e8ef}.commission-transfer dt{color:#61728f}.commission-transfer dd{margin:0;font-weight:650}.commission-transfer>.button{justify-self:end}.commission-modal-balance,.commission-wallet-summary{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:16px;color:#006b8f;background:#f2f8fb;border:1px solid #abd0df;border-radius:7px}.commission-modal-balance{justify-content:space-between}.commission-modal-balance strong,.commission-wallet-summary strong{font-size:22px}.commission-wallet-summary>span{width:42px;height:42px;display:grid;place-items:center;background:#dceef5;border-radius:8px}.commission-wallet-summary>div{display:grid}.commission-wallet-summary small{color:#61728f}.commission-payment-notice{display:flex;gap:12px;margin-bottom:20px;padding:14px;color:#36546d;background:#f4f8fb;border-radius:7px}.commission-payment-notice svg{flex:0 0 20px}.commission-payment-notice p{margin:0;font-size:14px;line-height:1.5}.modal:has([data-commission-payment-form]){width:min(520px,100%)}.modal:has([data-commission-payment-form]) .inline-footer{margin:24px 0 0;padding:0;border:0}
@media(max-width:650px){.commission-shell{margin-top:0;gap:16px}.commission-heading h1{font-size:26px}.commission-heading p{font-size:14px}.commission-card,.commission-balance,.commission-transfer{padding:16px 12px}.commission-grid,.commission-actions{grid-template-columns:1fr;gap:10px}.commission-balance{align-items:flex-start;flex-direction:column}.commission-balance>.button{width:100%}.commission-transfer dl>div{grid-template-columns:1fr;gap:5px}.commission-transfer>.button{width:100%}}

/* TikTak reference parity · Actualités & Blog */
.blog-shell{width:min(1152px,100%);margin:27px auto 0;color:#101828}.blog-heading{display:flex;align-items:center;gap:16px;margin-bottom:33px}.blog-heading>.icon-button{width:40px;height:40px;border:0;background:transparent}.blog-heading h1{margin:0;color:#020817;font-size:32px;line-height:38px;letter-spacing:-.025em}.blog-heading p{margin:0;color:#61728f;font-size:17px}.blog-featured{height:328px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;padding:0;border:1px solid #d7e0eb;border-radius:8px;box-shadow:0 1px 2px #102a4310}.blog-featured-media,.blog-card-media{position:relative;overflow:hidden;background:#dce7ef}.blog-featured-copy{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding:36px 24px}.blog-featured-copy h2{max-width:500px;margin:19px 0 12px;color:#020817;font-size:28px;line-height:32px;letter-spacing:-.015em}.blog-featured-copy>p{margin:0;color:#61728f;font-size:17px;line-height:24px}.blog-featured-copy footer,.blog-card footer{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px;color:#61728f;font-size:15px}.blog-featured-copy footer span,.blog-card footer span{display:flex;align-items:center;gap:6px}.blog-featured-copy footer svg,.blog-card footer svg{width:16px}.blog-featured-copy>.button{min-height:40px;margin-top:18px;padding-inline:16px;background:#006b8f;border-color:#006b8f;border-radius:6px;box-shadow:none}.blog-tag{position:relative;z-index:2;padding:4px 11px;color:#2148a1;background:#dce8ff;border-radius:999px;font-size:13px;font-weight:750}.blog-tag.green{color:#176a3e;background:#d9f5e3}.blog-tag.purple{color:#7132a5;background:#f1dcfb}.blog-tag.orange{color:#9b4b10;background:#ffebd7}.blog-tag.pink{color:#a12668;background:#ffe0ef}.blog-all-title{margin:32px 0 18px;font-size:23px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:40px}.blog-card{overflow:hidden;background:#fff;border:1px solid #d7e0eb;border-radius:8px;box-shadow:0 1px 2px #102a4310}.blog-card-media{width:100%;height:193px;display:block;border:0;border-radius:0;text-align:left;cursor:pointer}.blog-card-media .blog-tag{position:absolute;top:12px;left:12px}.blog-card>div{padding:16px}.blog-card h3{margin:0;color:#020817;font-size:18px;line-height:23px}.blog-card p{margin:9px 0 0;color:#61728f;font-size:14px;line-height:20px}.blog-card footer{gap:11px;margin-top:14px;font-size:12px}.blog-featured-media::before,.blog-card-media::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 47%,#ffffff18 48% 52%,transparent 53% 100%);background-size:32px 32px}.blog-featured-media::after,.blog-card-media::after{content:"";position:absolute;border:12px solid #ffffffcc;border-radius:16px;box-shadow:0 16px 45px #102a4355;transform:rotate(-4deg)}.blog-image-analytics{background:radial-gradient(circle at 76% 25%,#5bd1ca 0 8%,transparent 9%),linear-gradient(135deg,#203e61,#538fa0)}.blog-image-analytics::after{width:62%;height:55%;left:18%;top:23%;background:linear-gradient(180deg,#f8fafc 0 18%,#d7e4ee 19% 22%,#f8fafc 23%),linear-gradient(120deg,transparent 35%,#249bb2 36% 42%,transparent 43%)}.blog-image-warehouse{background:linear-gradient(160deg,#f6b633 0 28%,#525e67 29% 58%,#d98d1b 59% 100%)}.blog-image-warehouse::after{width:72%;height:44%;left:12%;top:30%;border-width:8px;border-radius:5px;background:repeating-linear-gradient(90deg,#efd27d 0 15px,#875d2b 16px 23px)}.blog-image-builder{background:linear-gradient(145deg,#eadbca 0 42%,#667382 43% 100%)}.blog-image-builder::after{width:64%;height:54%;left:18%;top:24%;border-width:7px;background:linear-gradient(160deg,#fbfbfb 0 45%,#111827 46% 52%,#f1f3f6 53%)}.blog-image-commerce{background:linear-gradient(135deg,#d7bda8,#8c5d45)}.blog-image-commerce::after{width:54%;height:60%;right:8%;top:19%;border-width:7px;background:linear-gradient(90deg,#f9fafb 0 48%,#d9e6ec 49%)}.blog-image-marketing{background:linear-gradient(135deg,#e65c8e,#633f86)}.blog-image-marketing::after{width:65%;height:48%;left:14%;top:27%;border-width:7px;background:linear-gradient(135deg,#fff 0 55%,#f1b4cb 56%)}.blog-reader{color:#314158;font-size:16px;line-height:1.65}.blog-reader>p{margin:18px 0}.blog-reader h3{margin:24px 0 8px;color:#101828}.blog-reader ul{display:grid;gap:8px;padding-left:22px}.blog-reader footer{display:flex;align-items:center;gap:8px;margin-top:24px;padding-top:16px;color:#61728f;border-top:1px solid #d7e0eb}
@media(max-width:900px){.blog-featured{height:auto;grid-template-columns:1fr}.blog-featured-media{min-height:260px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.blog-shell{margin-top:0}.blog-heading{align-items:flex-start;margin-bottom:18px}.blog-heading h1{font-size:26px}.blog-heading p{font-size:14px}.blog-featured-media{min-height:210px}.blog-featured-copy{padding:22px 16px}.blog-featured-copy h2{font-size:23px;line-height:28px}.blog-featured-copy>p{font-size:15px}.blog-grid{grid-template-columns:1fr;gap:14px}.blog-card-media{height:180px}}

/* TikTak reference parity · Statistiques de confirmations */
.confirmation-stats-shell{width:min(1152px,100%);margin:32px auto 0;color:#020817}.confirmation-hero{height:146px;display:flex;align-items:center;gap:13px;padding:0 32px;background:#edf5f8;border:1px solid #d9e5eb;border-radius:9px}.confirmation-hero>span{width:40px;height:40px;display:grid;flex:0 0 40px;place-items:center;color:#fff;background:#087da7;border-radius:7px;box-shadow:0 6px 14px #087da73d}.confirmation-hero>span svg{width:23px;height:23px}.confirmation-hero h1{margin:0;color:#08759e;font-size:40px;line-height:48px;letter-spacing:.005em}.confirmation-hero p{margin:4px 0 0;color:#687b97;font-size:19px;line-height:24px}.confirmation-tabs{height:40px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:32px;padding:4px;background:#fff;border:1px solid #d8e1eb;border-radius:7px;box-shadow:0 2px 5px #102a4320}.confirmation-tabs button{height:32px;display:flex;align-items:center;justify-content:center;gap:8px;color:#687b97;background:transparent;border:0;border-radius:4px;font-size:14px;white-space:nowrap}.confirmation-tabs button svg{width:15px;height:15px}.confirmation-tabs button:hover{color:#087aa3;background:#f1f7fa}.confirmation-tabs button.active{color:#fff;background:#0781ad;box-shadow:0 2px 4px #0b587733}.confirmation-period{height:134px;margin-top:32px;padding:20px 24px;border:1px solid #d8e1eb;border-radius:8px;box-shadow:0 1px 2px #102a430b}.confirmation-period h2{display:flex;align-items:center;gap:9px;margin:0 0 21px;color:#020817;font-size:25px;line-height:31px}.confirmation-period h2 svg{width:19px;height:19px}.confirmation-period>button{width:100%;height:36px;display:flex;align-items:center;gap:14px;padding:0 13px;color:#111827;background:#fff;border:1px solid #d7e0eb;border-radius:6px;font-size:14px;text-align:left}.confirmation-period>button:hover{border-color:#83b7c9}.confirmation-period>button svg{width:16px;color:#687b97}.confirmation-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}.confirmation-metrics article{height:110px;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border:1px solid #d8e1eb;border-radius:8px;box-shadow:0 1px 2px #102a430b}.confirmation-metrics div{display:grid;gap:7px}.confirmation-metrics small{color:#111827;font-size:14px}.confirmation-metrics strong{font-size:24px;line-height:29px}.confirmation-metrics article>span{align-self:flex-start;margin-top:4px;color:#6a7d99}.confirmation-metrics article>span svg{width:17px;height:17px}.confirmation-results{min-height:200px;margin:24px 0 40px;padding:20px 24px;border:1px solid #d8e1eb;border-radius:8px;box-shadow:0 1px 2px #102a430b}.confirmation-panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.confirmation-panel-head h2{margin:0;color:#020817;font-size:25px;line-height:31px}.confirmation-panel-head p{margin:3px 0 0;color:#687b97;font-size:13px}.confirmation-panel-head>span{padding:5px 10px;color:#08759e;background:#e7f3f7;border-radius:999px;font-size:11px;font-weight:700}.confirmation-empty{min-height:125px;display:grid;place-content:center;justify-items:center;gap:9px;color:#687b97;font-size:14px}.confirmation-empty>svg{width:34px;height:34px;color:#a9b6c7}.confirmation-empty p{margin:0}.confirmation-loader{width:28px;height:28px;border:3px solid #dce7ed;border-top-color:#0781ad;border-radius:50%;animation:confirmation-spin .8s linear infinite}.confirmation-table-wrap{margin:18px -24px -20px;overflow:auto;border-top:1px solid #e0e6ed}.confirmation-table-wrap table{width:100%;min-width:820px;border-collapse:collapse;font-size:13px}.confirmation-table-wrap th{height:43px;padding:0 24px;color:#687b97;background:#f8fafc;font-size:11px;font-weight:600;text-align:left;text-transform:uppercase}.confirmation-table-wrap td{height:58px;padding:8px 24px;border-top:1px solid #e4e9ef}.confirmation-table-wrap td small{display:block;margin-top:3px;color:#75859b}.confirmation-user-list{display:flex;flex-wrap:wrap;gap:4px}.confirmation-user-list span{padding:3px 7px;color:#08759e;background:#e8f3f7;border-radius:999px;font-size:10px}.confirmation-overview-list,.confirmation-user-activity{display:grid;margin-top:17px}.confirmation-overview-list article,.confirmation-user-activity article{min-height:62px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;border-top:1px solid #e5eaf0}.confirmation-overview-list article:first-child,.confirmation-user-activity article:first-child{border-top:0}.confirmation-avatar{width:36px;height:36px;display:grid;place-items:center;color:#fff;background:#0781ad;border-radius:50%;font-size:14px;font-weight:750}.confirmation-overview-list article>div,.confirmation-user-activity article>div{display:grid;gap:2px}.confirmation-overview-list strong,.confirmation-user-activity strong{font-size:14px}.confirmation-overview-list small,.confirmation-user-activity small{color:#75859b;font-size:11px}.confirmation-overview-list article>b{min-width:34px;padding:5px 9px;color:#08759e;background:#e8f3f7;border-radius:999px;text-align:center}.confirmation-user-activity article>div>i{height:5px;margin-top:7px;overflow:hidden;background:#e8eef3;border-radius:999px}.confirmation-user-activity article>div>i>b{display:block;height:100%;background:#0781ad;border-radius:inherit}.confirmation-user-activity article>em{display:grid;justify-items:end;color:#08759e;font-size:18px;font-style:normal;font-weight:750}.confirmation-user-activity article>em small{font-weight:400}.confirmation-quick-ranges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.confirmation-quick-ranges button{min-height:38px;padding:7px;color:#44566e;background:#fff;border:1px solid #d7e0eb;border-radius:5px;font-size:12px}.confirmation-quick-ranges button:hover,.confirmation-quick-ranges button.active{color:#fff;background:#0781ad;border-color:#0781ad}.confirmation-date-fields{display:grid;grid-template-columns:1fr 22px 1fr;align-items:end;gap:12px;margin-top:23px}.confirmation-date-fields>span{height:40px;display:grid;place-items:center;color:#718096}.confirmation-date-fields>span svg{width:17px}.confirmation-calendar-hint{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px;color:#556a84;background:#f3f7fa;border-radius:6px}.confirmation-calendar-hint svg{flex:0 0 20px;color:#0781ad}.confirmation-calendar-hint p{margin:0;font-size:13px}.modal:has([data-confirmation-period-form]){width:min(720px,100%);border-radius:8px}.modal:has([data-confirmation-period-form]) .modal-header{padding:18px 24px 7px;border:0}.modal:has([data-confirmation-period-form]) .modal-body{padding:12px 24px 24px}.modal:has([data-confirmation-period-form]) .inline-footer{margin:24px 0 0;padding:0;border:0}@keyframes confirmation-spin{to{rotate:360deg}}
@media(max-width:900px){.confirmation-hero h1{font-size:32px}.confirmation-tabs{height:auto;grid-template-columns:1fr 1fr;gap:4px}.confirmation-tabs button{white-space:normal}.confirmation-metrics{grid-template-columns:1fr 1fr}.confirmation-metrics article:last-child{grid-column:1/-1}.confirmation-quick-ranges{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.confirmation-stats-shell{margin-top:0}.confirmation-hero{height:auto;min-height:122px;align-items:flex-start;padding:22px 16px}.confirmation-hero h1{font-size:27px;line-height:32px}.confirmation-hero p{font-size:14px}.confirmation-tabs{grid-template-columns:1fr;margin-top:16px}.confirmation-period{height:auto;margin-top:16px;padding:17px 12px}.confirmation-period h2{font-size:21px}.confirmation-metrics{grid-template-columns:1fr;gap:10px;margin-top:16px}.confirmation-metrics article,.confirmation-metrics article:last-child{grid-column:auto;height:90px;padding:16px}.confirmation-results{margin-top:16px;padding:17px 12px}.confirmation-panel-head{align-items:flex-start}.confirmation-panel-head h2{font-size:21px}.confirmation-table-wrap{margin-inline:-12px}.confirmation-date-fields{grid-template-columns:1fr}.confirmation-date-fields>span{display:none}.confirmation-quick-ranges{grid-template-columns:1fr 1fr}.confirmation-user-activity article>em small{display:none}}

/* TikTak reference parity · Clients VIP */
.page:has(.vip-shell){min-height:calc(100vh + 1px);padding-top:32px}.vip-shell{width:min(1264px,100%);margin:0 auto;color:#111827}.customer-view-tabs{width:max-content;height:42px;display:flex;align-items:center;gap:2px;margin:0 0 16px;padding:4px;background:#fff;border:1px solid #d7e0eb;border-radius:8px}.customer-view-tabs button{height:32px;padding:0 12px;color:#64748b;background:transparent;border:0;border-radius:6px;font-size:14px}.customer-view-tabs button.active{color:#fff;background:#076b90}.page>.customer-view-tabs{margin:32px 0 16px}.vip-title{height:74px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid #d7e0eb;border-radius:8px;box-shadow:0 1px 2px #102a430b}.vip-title .surface-title{gap:12px}.vip-title .title-icon,.vip-filters .title-icon{width:36px;height:36px;color:#08779e;background:#e7f1f5;border-radius:7px}.vip-title .title-icon svg,.vip-filters .title-icon svg{width:19px}.vip-title h1{margin:0;font-size:19px;line-height:24px}.vip-title p,.vip-filters header p{margin:1px 0 0;color:#64748b;font-size:13px}.vip-title .button{height:38px;border-radius:6px;box-shadow:none;font-size:14px}.vip-filters{min-height:172px;margin-top:24px;padding:16px;border:1px solid #d7e0eb;border-radius:8px;box-shadow:0 1px 2px #102a430b}.vip-filters>header{display:flex;align-items:center;justify-content:space-between;gap:20px}.vip-filters>header .surface-title{gap:12px}.vip-filters h2{margin:0;font-size:17px}.vip-filters>header .button{height:38px;border-radius:6px;box-shadow:none}.vip-filters [data-vip-advanced] svg{width:14px;rotate:90deg}.vip-filter-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;margin-top:18px}.vip-filter-grid .form-field,.vip-advanced-grid .form-field{gap:8px;font-size:13px}.vip-filter-grid .field,.vip-filter-grid .select,.vip-advanced-grid .field{height:40px;border-color:#d7e0eb;border-radius:6px;box-shadow:none}.vip-search{position:relative}.vip-search>svg{position:absolute;z-index:1;left:11px;top:50%;width:17px;translate:0 -50%;color:#73849a}.vip-search>.field{width:100%;padding-left:34px}.vip-date-button{width:100%;height:40px;display:flex;align-items:center;gap:12px;padding:0 14px;color:#71829a;background:#fff;border:1px solid #d7e0eb;border-radius:6px;text-align:left}.vip-date-button svg{width:17px}.vip-advanced-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e4e9ef}.vip-table{min-height:135px;margin-top:24px;overflow:hidden;border:1px solid #d7e0eb;border-radius:8px;box-shadow:0 1px 2px #102a430b}.vip-table-scroll{overflow:auto}.vip-table table{width:100%;min-width:1180px;border-collapse:collapse;font-size:12px}.vip-table th{height:49px;padding:0 16px;color:#60738f;background:#fff;border-bottom:1px solid #d7e0eb;font-size:12px;font-weight:500;text-align:left;white-space:nowrap}.vip-table td{height:64px;padding:8px 16px;border-bottom:1px solid #e4e9ef;white-space:nowrap}.vip-table td small{display:block;margin-top:3px;color:#71829a;font-size:10px}.vip-table .icon-button{width:34px;height:34px;border:1px solid #d7e0eb;border-radius:5px}.vip-table .switch{width:36px;height:22px}.vip-table .switch::after{width:16px;height:16px}.vip-table .switch.on::after{transform:translateX(14px)}.vip-empty{height:84px!important;color:#6e7f96!important;text-align:center!important}.vip-tier{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:10px;font-weight:750}.vip-tier.bronze{color:#89562d;background:#f5e2cf}.vip-tier.silver{color:#58687d;background:#e9edf2}.vip-tier.gold{color:#8b6200;background:#fff0b8}.vip-tier.platinum{color:#4a3d78;background:#ece6ff}.vip-pagination{height:58px;display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:0 12px;color:#667990;border:1px solid #d7e0eb;border-radius:8px;box-shadow:0 1px 2px #102a430b;font-size:13px}.vip-pagination>div{display:flex;align-items:center;gap:7px}.vip-pagination button,.vip-pagination b{width:32px;height:32px;display:grid;place-items:center;color:#6d7e93;background:transparent;border:0;border-radius:6px}.vip-pagination b{color:#fff;background:#076b90}.vip-pagination i{height:24px;border-left:1px solid #d7e0eb}.vip-pagination label{display:flex;align-items:center;gap:8px}.vip-pagination .select{width:66px;height:32px;padding:0 8px;border-radius:6px}.vip-birthday-summary{display:grid;gap:4px}.vip-birthday-summary strong{font-size:15px}.vip-birthday-summary span{color:#64748b;font-size:12px}.vip-birthday-select{display:flex;align-items:center;justify-content:space-between;margin:18px 0 0;padding:12px 0;border-top:1px solid #e3e8ee;border-bottom:1px solid #e3e8ee;font-size:13px}.vip-birthday-list{max-height:360px;overflow:auto}.vip-birthday-row{min-height:62px;display:grid;grid-template-columns:18px 36px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid #e6ebf0}.vip-birthday-row span:nth-child(3){display:grid;gap:3px}.vip-birthday-row small{color:#71829a}.vip-birthday-row>b{color:#076b90}.vip-profile-head{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:14px;color:#076b90;background:#eef7fa;border-radius:7px}.vip-profile-head>span{width:38px;height:38px;display:grid;place-items:center;background:#dceef4;border-radius:6px}.vip-profile-head>div{display:grid}.vip-profile-head small{color:#64748b}.modal:has([data-vip-profile-form]){width:min(540px,100%)}.modal:has([data-vip-profile-form]) .inline-footer,.modal:has([data-vip-period-form]) .inline-footer,.modal:has([data-vip-birthday-form]) .inline-footer{margin:24px 0 0;padding:0;border:0}
@media(max-width:1000px){.vip-filter-grid{grid-template-columns:1fr 1fr}.vip-advanced-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.vip-shell{margin-top:0}.customer-view-tabs{width:100%}.customer-view-tabs button{flex:1}.vip-title{height:auto;align-items:flex-start;flex-direction:column;gap:14px;padding:14px 12px}.vip-title .button-row,.vip-title .button{width:100%}.vip-title .button-row{flex-direction:column}.vip-filters{margin-top:16px;padding:14px 12px}.vip-filters>header{align-items:flex-start;flex-direction:column}.vip-filters>header>.button-row{width:100%}.vip-filters>header .button{flex:1}.vip-filter-grid,.vip-advanced-grid{grid-template-columns:1fr}.vip-table{margin-top:16px}.vip-pagination{height:auto;align-items:flex-start;flex-direction:column;gap:12px;padding:12px}.vip-pagination>div{max-width:100%;flex-wrap:wrap}.vip-birthday-row{grid-template-columns:18px 32px minmax(0,1fr)}.vip-birthday-row>b{grid-column:3}}

/* TikTak reference parity · Application Fidélité VIP */
.page:has(.loyalty-shell){min-height:calc(100vh + 1px);padding-top:32px}.loyalty-shell{width:min(1152px,100%);margin:0 auto 40px;color:#101828}.loyalty-header{height:74px;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #d7e0eb;border-radius:8px;box-shadow:0 1px 2px #102a430b}.loyalty-back{width:36px;height:36px;display:grid;flex:0 0 36px;place-items:center;color:#65768e;background:#fff;border:1px solid #d9e1ea;border-radius:6px;cursor:pointer}.loyalty-back:hover{color:#08759e;border-color:#8cb9c9}.loyalty-back svg{width:17px}.loyalty-crown{width:34px;height:34px;display:grid;flex:0 0 34px;place-items:center;color:#08759e;background:#e7f3f7;border-radius:7px}.loyalty-crown svg{width:19px}.loyalty-header>div{min-width:0}.loyalty-header h1{margin:0;color:#101828;font-size:18px;line-height:23px}.loyalty-header p{margin:2px 0 0;color:#65768e;font-size:13px;line-height:18px}.loyalty-save{height:38px;margin-left:auto;padding-inline:16px;border-radius:6px;box-shadow:none;white-space:nowrap}.loyalty-save svg{width:16px}.loyalty-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.loyalty-overview-card{height:250px;display:flex;align-items:flex-start;flex-direction:column;padding:24px;border:1px solid #d7e0eb;border-radius:8px;box-shadow:0 1px 2px #102a430b}.loyalty-card-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:8px}.loyalty-card-icon svg{width:23px}.loyalty-card-icon.amber{color:#b86808;background:#fff1d7}.loyalty-card-icon.blue{color:#08759e;background:#e4f2f6}.loyalty-overview-card h2{margin:20px 0 8px;color:#101828;font-size:20px;line-height:25px}.loyalty-overview-card p{margin:0;color:#65768e;font-size:15px;line-height:22px}.loyalty-overview-card>.button{width:100%;height:40px;justify-content:center;margin-top:auto;color:#34445b;background:#fff;border-color:#d6e0e9;border-radius:6px;box-shadow:none}.loyalty-overview-card>.button:hover{color:#08759e;background:#f3f8fa;border-color:#88b5c6}.loyalty-overview-card>.button svg{width:15px;margin-left:auto}.loyalty-segments{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.loyalty-segment{min-height:66px;display:grid;grid-template-columns:36px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:11px 14px;color:#24344b;background:#fff;border:1px solid #d7e0eb;border-radius:8px;text-align:left;cursor:pointer;box-shadow:0 1px 2px #102a4309}.loyalty-segment:hover,.loyalty-segment.active{background:#f2f8fa;border-color:#91bdcd}.loyalty-segment>span{width:36px;height:36px;display:grid;place-items:center;color:#08759e;background:#e5f2f6;border-radius:7px}.loyalty-segment.danger>span{color:#b74848;background:#fdeaea}.loyalty-segment svg{width:17px}.loyalty-segment>div{display:grid;gap:1px}.loyalty-segment strong{font-size:14px}.loyalty-segment small{color:#6b7b91;font-size:12px}.loyalty-segment em{margin-top:2px;color:#08759e;font-size:10px;font-style:normal}.loyalty-segment>i{display:grid;place-items:center;color:#7c8ba0;font-style:normal}.loyalty-segment-results{margin-top:16px;overflow:hidden;border:1px solid #d7e0eb;border-radius:8px;box-shadow:0 1px 2px #102a4309}.loyalty-segment-results>header{height:54px;display:grid;grid-template-columns:28px minmax(0,1fr) auto 30px;align-items:center;gap:9px;padding:0 16px;border-bottom:1px solid #e1e7ed}.loyalty-segment-results>header>span{width:28px;height:28px;display:grid;place-items:center;color:#08759e;background:#e6f2f6;border-radius:6px}.loyalty-segment-results h2{margin:0;font-size:15px}.loyalty-segment-results header>b{padding:4px 8px;color:#08759e;background:#e7f3f7;border-radius:999px;font-size:10px}.loyalty-segment-results header>button{width:30px;height:30px;display:grid;place-items:center;color:#6c7e94;background:transparent;border:0;border-radius:5px}.loyalty-segment-results>div{min-height:86px;display:grid;place-items:center;color:#718096;font-size:13px}.loyalty-members{min-height:262px;margin-top:16px;overflow:hidden;border:1px solid #d7e0eb;border-radius:8px;box-shadow:0 1px 2px #102a4309}.loyalty-members>header{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-bottom:1px solid #e0e6ed}.loyalty-members>header>div:first-child{display:grid;gap:2px}.loyalty-members h2{margin:0;font-size:17px}.loyalty-members>header p{margin:0;color:#6c7d93;font-size:12px}.loyalty-members>header>div:last-child{display:flex;align-items:center;gap:10px}.loyalty-members .loyalty-search{width:280px}.loyalty-search{position:relative;display:block}.loyalty-search>svg{position:absolute;z-index:1;left:11px;top:50%;width:16px;translate:0 -50%;color:#73849a}.loyalty-search>.field{width:100%;height:38px;padding-left:34px;border-radius:6px;box-shadow:none}.loyalty-members .button{height:38px;border-radius:6px;box-shadow:none}.loyalty-member-list{min-height:170px}.loyalty-empty{min-height:170px;display:grid;place-content:center;justify-items:center;gap:10px;color:#718096}.loyalty-empty svg{width:32px;color:#a6b3c3}.loyalty-empty p{margin:0;font-size:13px}.loyalty-member{min-height:65px;display:grid;grid-template-columns:36px minmax(150px,1fr) auto 90px 112px 34px;align-items:center;gap:12px;padding:8px 20px;border-bottom:1px solid #e4e9ef}.loyalty-member:last-child{border-bottom:0}.loyalty-member>div:nth-child(2),.loyalty-member-stat{display:grid;gap:2px}.loyalty-member>div:nth-child(2)>strong{font-size:13px}.loyalty-member small{color:#708196;font-size:10px}.loyalty-member-stat{text-align:right}.loyalty-member-stat strong{font-size:12px}.loyalty-member .icon-button{width:32px;height:32px;border:1px solid #d7e0eb;border-radius:5px}.loyalty-config-section{margin-top:16px;overflow:hidden;border:1px solid #d7e0eb;border-radius:8px;box-shadow:0 1px 2px #102a4309}.loyalty-config-section:first-child{margin-top:24px}.loyalty-section-title{width:100%;height:58px;display:grid;grid-template-columns:34px minmax(0,1fr) auto 24px;align-items:center;gap:11px;padding:0 16px;color:#101828;background:#fff;border:0;text-align:left;cursor:pointer}.loyalty-section-title:hover{background:#f8fafc}.loyalty-section-title>span{width:34px;height:34px;display:grid;place-items:center;color:#08759e;background:#e6f2f6;border-radius:7px}.loyalty-section-title>span svg{width:18px}.loyalty-section-title>strong{font-size:15px}.loyalty-section-title>b{min-width:25px;padding:4px 7px;color:#08759e;background:#e5f2f6;border-radius:999px;font-size:10px;text-align:center}.loyalty-section-title>i{display:grid;place-items:center;color:#728298;font-style:normal;transition:rotate .18s}.loyalty-section-title>i svg{width:16px;rotate:90deg}.loyalty-config-section.open .loyalty-section-title>i{rotate:180deg}.loyalty-section-body{display:grid;gap:20px;padding:24px;border-top:1px solid #e0e6ed}.loyalty-section-body>.form-field{gap:6px}.loyalty-section-body>.form-field>span{font-size:13px;font-weight:650}.loyalty-section-body>.form-field>small{color:#6b7c92;font-size:11px;line-height:16px}.loyalty-section-body .field,.loyalty-section-body .select{min-height:40px;border-color:#d6e0e9;border-radius:6px;box-shadow:none}.loyalty-multi{height:94px;padding-block:5px}.loyalty-multi option{padding:5px 7px;border-radius:4px}.loyalty-toggle-row{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:4px;padding:11px 14px;background:#f7fafb;border:1px solid #dce5ec;border-radius:7px;cursor:pointer}.loyalty-toggle-row>span{display:grid;gap:2px}.loyalty-toggle-row strong{font-size:13px}.loyalty-toggle-row small{color:#6e7e93;font-size:11px}.loyalty-toggle-row>input{position:absolute;opacity:0}.loyalty-toggle-row>i{width:36px;height:22px;position:relative;flex:0 0 36px;background:#c9d4de;border-radius:999px;transition:.18s}.loyalty-toggle-row>i::after{content:"";width:16px;height:16px;position:absolute;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #102a4340;transition:.18s}.loyalty-toggle-row>input:checked+i{background:#08759e}.loyalty-toggle-row>input:checked+i::after{translate:14px 0}[data-vip-included-products][hidden]{display:none}.loyalty-tier-card{overflow:hidden;border:1px solid #d7e0eb;border-radius:7px}.loyalty-tier-card>header{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#f7fafc;border-bottom:1px solid #e0e6ed}.loyalty-tier-card>header>strong{font-size:13px}.loyalty-tier-card>header>button{width:30px;height:30px;display:grid;place-items:center;color:#b94848;background:transparent;border:0;border-radius:5px}.loyalty-tier-card>header>button:hover{background:#fdecec}.loyalty-tier-card>header svg{width:15px}.loyalty-tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px}.loyalty-benefits{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:18px;padding:14px 16px;background:#fbfcfd;border-top:1px solid #e4e9ef}.loyalty-benefits>strong{font-size:12px}.loyalty-benefits>label{display:flex;align-items:center;gap:8px}.loyalty-benefits>label>span{display:grid}.loyalty-benefits b{font-size:12px}.loyalty-benefits small{color:#718096;font-size:10px}.loyalty-add-tier{height:40px;justify-self:start;border-style:dashed;border-radius:6px;box-shadow:none}.loyalty-duration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.loyalty-migration{display:grid;gap:12px;padding:17px;background:#f8fafc;border:1px solid #dce4eb;border-radius:7px}.loyalty-migration>strong{font-size:14px}.loyalty-migration>p{margin:0;color:#697b91;font-size:12px;line-height:18px}.loyalty-migration>header,.loyalty-migration>div{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;gap:14px}.loyalty-migration>header{color:#75859a;font-size:10px;font-weight:700}.loyalty-migration>header span:nth-child(2){text-align:center}.loyalty-migration>div{min-height:48px;padding-top:10px;border-top:1px solid #e1e7ed}.loyalty-migration>div>b{font-size:12px}.loyalty-migration>div>svg{width:16px;justify-self:center;color:#78889c}.loyalty-migration aside{padding:10px 12px;color:#5f7188;background:#eaf3f6;border-radius:5px;font-size:11px}.loyalty-message-help{margin:0;padding:12px 14px;color:#536b85;background:#edf5f8;border-radius:6px;font-size:12px;line-height:18px}.loyalty-message{display:grid;gap:14px;padding:18px;border:1px solid #d9e2ea;border-radius:7px}.loyalty-message h3{margin:0;font-size:14px}.loyalty-message>p{margin:-9px 0 0;color:#6d7e93;font-size:11px}.loyalty-message>div{display:grid;gap:6px}.loyalty-message>div>strong{font-size:12px}.loyalty-message>div>small{color:#718096;font-size:10px}.loyalty-message>div>span{display:flex;gap:18px}.loyalty-message>div label{font-size:12px}.loyalty-message textarea{min-height:126px;resize:vertical}.loyalty-add-modal{display:grid;gap:14px}.loyalty-add-modal>.form-field{gap:8px}.loyalty-add-modal [data-vip-loyalty-customer-results]{min-height:105px;display:grid;align-content:center;gap:6px;padding:10px;color:#728196;background:#f8fafc;border:1px solid #e0e6ed;border-radius:7px;font-size:12px;text-align:center}.loyalty-add-modal [data-vip-loyalty-customer-results]>button{min-height:52px;display:grid;grid-template-columns:36px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:7px 10px;color:#17243a;background:#fff;border:1px solid #dbe3ea;border-radius:6px;text-align:left}.loyalty-add-modal [data-vip-loyalty-customer-results]>button>span:nth-child(2){display:grid;gap:2px}.loyalty-add-modal [data-vip-loyalty-customer-results]>button small{color:#718096}.modal:has(.loyalty-add-modal){width:min(448px,100%);border-radius:8px}.modal:has(.loyalty-add-modal) .modal-header{padding-bottom:12px}.modal:has(.loyalty-add-modal) .modal-body{padding-top:6px}
@media(max-width:900px){.loyalty-overview-grid{grid-template-columns:1fr}.loyalty-overview-card{height:220px}.loyalty-members>header{align-items:flex-start;flex-direction:column}.loyalty-members>header>div:last-child{width:100%}.loyalty-members .loyalty-search{width:auto;flex:1}.loyalty-member{grid-template-columns:36px minmax(130px,1fr) auto 72px 96px 34px}.loyalty-duration-grid{grid-template-columns:1fr 1fr}.loyalty-duration-grid>.form-field:last-child{grid-column:1/-1}}
@media(max-width:650px){.page:has(.loyalty-shell){padding-top:0}.loyalty-shell{margin-bottom:24px}.loyalty-header{height:auto;min-height:84px;align-items:flex-start;padding:12px}.loyalty-header p{font-size:11px;line-height:15px}.loyalty-save{width:100%;grid-column:1/-1;margin:9px 0 0}.loyalty-header:has(.loyalty-save){display:grid;grid-template-columns:36px 34px minmax(0,1fr)}.loyalty-overview-grid,.loyalty-segments{grid-template-columns:1fr;gap:12px;margin-top:16px}.loyalty-overview-card{height:225px;padding:18px}.loyalty-members{margin-top:12px}.loyalty-members>header{padding:14px 12px}.loyalty-members>header>div:last-child{align-items:stretch;flex-direction:column}.loyalty-members .loyalty-search,.loyalty-members .button{width:100%}.loyalty-member{grid-template-columns:34px minmax(0,1fr) auto 32px;padding:10px 12px}.loyalty-member-stat{display:none}.loyalty-config-section:first-child{margin-top:16px}.loyalty-section-title{grid-template-columns:32px minmax(0,1fr) auto 20px;padding-inline:12px}.loyalty-section-title>strong{font-size:13px}.loyalty-section-body{gap:16px;padding:16px 12px}.loyalty-tier-grid,.loyalty-duration-grid{grid-template-columns:1fr}.loyalty-duration-grid>.form-field:last-child{grid-column:auto}.loyalty-benefits{grid-template-columns:1fr}.loyalty-migration>header,.loyalty-migration>div{grid-template-columns:1fr 22px 1fr;gap:7px}.loyalty-message{padding:14px 12px}.loyalty-message>div>span{flex-wrap:wrap;gap:10px 16px}}

.loyalty-back{color:#111827;background:transparent;border:0}.loyalty-back:hover{color:#08759e;background:#f0f6f8}.loyalty-members .loyalty-search{width:200px}.loyalty-segment>span{width:28px;height:28px}.loyalty-segment{grid-template-columns:28px minmax(0,1fr) 24px}.loyalty-segment.active{min-height:90px}.loyalty-segment.danger.active{color:#24344b;background:#fff;border-color:#bd5353}.loyalty-segment.danger.active em{color:#bd3f3f}.loyalty-segment-results.danger{border-color:#d88989}.loyalty-segment-results.danger>header>span,.loyalty-segment-results.danger>header>b{color:#b84444;background:#fdeaea}
@media(max-width:650px){.loyalty-members .loyalty-search{width:100%}}

.loyalty-overview-card>.button{position:relative;font-weight:400}.loyalty-overview-card>.button svg{position:static;margin:0 0 0 10px!important}.loyalty-search>.field{font-size:13px}.loyalty-section-title{height:58px;grid-template-columns:18px minmax(0,1fr) auto 24px;gap:8px;padding:0 24px}.loyalty-section-title>span{width:18px;height:18px;background:transparent;border-radius:0}.loyalty-section-title>strong{font-size:18px}.loyalty-section-body{padding:0 24px 24px;border-top:0}.loyalty-section-body>.form-field>span{font-size:15px;font-weight:400}.loyalty-section-body>.form-field>small{font-size:13px;line-height:18px}.loyalty-section-body .field,.loyalty-section-body .select{font-size:15px}.loyalty-toggle-row strong{font-size:15px;font-weight:400}.loyalty-toggle-row small{font-size:13px}.loyalty-combo{position:relative;display:block}.loyalty-combo>svg{position:absolute;z-index:1;left:13px;top:50%;width:17px;translate:0 -50%;color:#111827}.loyalty-combo>.select{width:100%;padding-left:48px;appearance:none}.loyalty-product-picker{position:relative}.loyalty-product-trigger{width:100%;height:40px;display:flex;align-items:center;gap:12px;padding:0 13px;color:#647792;background:#fff;border:1px solid #d6e0e9;border-radius:6px;font-size:15px;text-align:left;cursor:pointer}.loyalty-product-trigger:hover,.loyalty-product-picker:focus-within>.loyalty-product-trigger{border-color:#83b5c7}.loyalty-product-trigger svg{width:17px;flex:0 0 17px}.loyalty-product-menu{position:absolute;z-index:15;left:0;right:0;top:46px;padding:8px;background:#fff;border:1px solid #d4dee7;border-radius:7px;box-shadow:0 14px 35px #102a4329}.loyalty-product-menu[hidden]{display:none}.loyalty-product-menu>.field{width:100%;height:36px}.loyalty-product-menu>div{max-height:220px;overflow:auto;margin-top:7px}.loyalty-product-menu label{min-height:46px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:6px 7px;border-radius:5px;cursor:pointer}.loyalty-product-menu label:hover{background:#f1f6f8}.loyalty-product-menu label>span{display:grid;gap:2px}.loyalty-product-menu label strong{font-size:13px}.loyalty-product-menu label small{color:#718096;font-size:10px}.loyalty-product-menu p{margin:14px;color:#718096;text-align:center}
@media(max-width:650px){.loyalty-section-title{grid-template-columns:18px minmax(0,1fr) auto 20px;padding-inline:12px}.loyalty-section-title>strong{font-size:15px}.loyalty-section-body{padding:0 12px 16px}.loyalty-product-menu{position:fixed;left:12px;right:12px;top:auto;bottom:12px}}

.loyalty-section-body>.form-field>small,.loyalty-toggle-row small{font-weight:400}

/* Création de commande — géométrie et interactions alignées sur le parcours TikTak Pro. */
.page:has(.order-create-shell){padding-top:32px}.order-create-shell{width:min(1152px,100%);margin:0 auto 40px;color:#101828}.order-create-header{height:74px;display:flex;align-items:center;gap:14px;padding:14px 20px;border-color:#d7e0eb;border-radius:8px;box-shadow:0 1px 2px #102a430b}.order-create-header h1{margin:0;font-size:18px;line-height:23px;letter-spacing:0}.order-create-header p{margin:2px 0 0;color:#64748b;font-size:13px}.order-create-back{width:26px;height:34px;display:grid;place-items:center;padding:0;color:#66778e;background:transparent;border:0;border-radius:5px}.order-create-back:hover{color:#2563eb;background:#f0f5f7}.order-create-back svg{width:17px}.order-create-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(300px,368px);gap:24px;align-items:start;margin-top:24px}.order-create-main{display:grid;gap:24px}.order-create-card{padding:24px;border-color:#d7e0eb;border-radius:8px;box-shadow:0 1px 2px #102a430b}.order-create-card h2{margin:0 0 20px;color:#101828;font-size:20px;line-height:25px;letter-spacing:0}.order-create-card h3{margin:0;color:#101828;font-size:18px;font-weight:400}.order-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.order-create-grid .form-field{gap:6px;color:#344054;font-size:15px;font-weight:400}.order-create-grid .form-field.full{grid-column:1/-1}.order-create-grid .field,.order-create-grid .select,.order-accordion-body .field,.order-accordion-body .select{height:42px;min-height:42px;padding:0 12px;border-color:#cfd8e3;border-radius:6px;box-shadow:none;font-size:16px}.order-create-grid textarea.field{height:90px;padding-top:10px}.order-address{grid-column:span 1}.order-postal{grid-column:span 1}.order-info-card{padding-bottom:20px}.order-checkbox{display:flex;align-items:center;gap:8px;margin-top:20px;color:#344054;font-size:15px}.order-checkbox input{width:16px;height:16px;margin:0;accent-color:#2563eb}.order-exchange-card{min-height:70px;display:flex;align-items:center}.order-exchange-card .order-checkbox{margin:0}.order-product-adder{padding:16px;background:#f7f9fb;border-radius:7px}.order-product-adder h3{margin-bottom:16px}.order-product-adder>label{position:relative;display:block}.order-product-adder>label>.icon{position:absolute;z-index:2;left:13px;top:12px;width:17px;color:#65768e}.order-product-adder .field{height:41px;padding-left:40px;border-color:#d5dee8;border-radius:6px;box-shadow:none}.order-product-results{position:absolute;z-index:15;left:0;right:0;top:47px;max-height:330px;overflow:auto;padding:7px;background:#fff;border:1px solid #d5dee8;border-radius:7px;box-shadow:0 14px 32px #102a4326}.order-product-results>button{width:100%;min-height:58px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;color:#17243a;background:#fff;border:0;border-radius:6px;text-align:left}.order-product-results>button:hover{background:#eef6f8}.order-product-results>button:disabled{opacity:.5;cursor:not-allowed}.order-product-results>button>span:nth-child(2){display:grid;gap:3px}.order-product-results small{color:#718096;font-size:11px}.order-product-results p{margin:13px;color:#718096;text-align:center}.order-product-thumb{width:38px;height:38px;display:grid;place-items:center;color:#7c8da2;background:#eef3f6;border-radius:6px}.order-product-thumb svg{width:20px}.order-products-title{margin:26px 0 16px!important}.order-products-empty{height:156px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#69788e;border:2px dashed #dce2e9;border-radius:7px}.order-products-empty svg{width:30px;height:30px;color:#9aa7b8}.order-products-empty strong{font-size:16px;font-weight:400}.order-products-empty span{color:#9aa7b8;font-size:14px}.order-product-line{min-height:78px;display:grid;grid-template-columns:38px minmax(0,1fr) 82px 90px 34px;align-items:center;gap:12px;padding:10px;border:1px solid #dce3eb;border-radius:7px}.order-product-line+.order-product-line{margin-top:8px}.order-product-line>span:nth-child(2){display:grid;gap:4px}.order-product-line>span:nth-child(2)>strong{font-size:14px}.order-product-line small{color:#718096;font-size:10px}.order-product-line>label{display:grid;gap:3px}.order-product-line>label .field{height:34px;min-height:34px;padding:0 8px;border-radius:5px}.order-product-line>strong{text-align:right;font-size:13px}.order-summary-card dl{display:grid;gap:13px;margin:0}.order-summary-card dl>div{display:flex;align-items:center;justify-content:space-between;gap:14px}.order-summary-card dt,.order-summary-card dd{margin:0;font-size:16px}.order-summary-card dd{display:flex;align-items:center}.order-discount-mode{display:flex;overflow:hidden;border:1px solid #ced8e3;border-radius:5px}.order-discount-mode button{height:27px;padding:0 9px;color:#6e8096;background:#f7f9fb;border:0;font-size:12px}.order-discount-mode button.active{color:#fff;background:#2563eb}.order-summary-card [data-order-discount]{width:80px;height:30px;min-height:30px;margin-left:5px;text-align:center;border-radius:5px}.order-summary-card .order-summary-total{padding-top:11px;border-top:1px solid #dce3eb}.order-summary-total dt,.order-summary-total dd{font-size:20px!important;font-weight:750}.order-create-footer{display:flex;justify-content:flex-end;gap:16px;padding:16px;border-color:#d7e0eb;border-radius:8px}.order-create-footer .button{height:42px;border-radius:6px;box-shadow:none}.order-create-footer .button:disabled{color:#a3adba;background:#e3e7ec;border-color:#e3e7ec;cursor:not-allowed}.order-create-side{position:sticky;top:88px;display:grid;gap:24px}.order-accordion{overflow:hidden;border-color:#d7e0eb;border-radius:8px;box-shadow:0 1px 2px #102a430b}.order-accordion-title{width:100%;height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;color:#344054;background:#fff;border:0;font-size:15px;text-align:left}.order-accordion-title>span{display:flex;align-items:center;gap:9px}.order-accordion-title svg{width:16px;transition:rotate .18s}.order-accordion.open>.order-accordion-title>svg{rotate:90deg}.order-accordion-body{display:grid;gap:17px;padding:16px;border-top:1px solid #e0e6ed}.order-accordion-body .form-field{gap:6px;color:#344054;font-size:15px;font-weight:400}.order-payment-body{gap:12px}.order-no-payment{padding:10px;color:#667895;font-size:13px;text-align:center}.order-add-payment{height:37px;display:flex;align-items:center;justify-content:center;gap:8px;color:#17243a;background:#fff;border:1px solid #d6dee8;border-radius:6px}.order-add-payment svg{width:15px}.order-payment-editor{display:grid;gap:13px;padding:12px;background:#fff;border:1px solid #d6dee8;border-radius:7px}.order-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-payment-editor .form-field{font-size:12px}.order-payment-editor .field,.order-payment-editor .select{height:32px;min-height:32px;font-size:13px}.order-payment-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.order-payment-actions>button:first-child{height:34px;background:transparent;border:0}.order-payment-actions .button{height:34px;min-height:34px;border-radius:6px;box-shadow:none}.order-payment-list{display:grid;gap:7px}.order-payment-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto 26px;align-items:center;gap:8px;padding:8px;background:#f7fafb;border-radius:6px}.order-payment-list span{display:grid}.order-payment-list small{color:#718096;font-size:10px}.order-payment-list>div>strong{font-size:12px}.order-payment-list button{width:26px;height:26px;display:grid;place-items:center;color:#b94c54;background:transparent;border:0;border-radius:4px}.order-payment-list svg{width:13px}.order-history-card{min-height:94px;padding:24px;border-color:#d7e0eb;border-radius:8px}.order-history-card h2{margin:0 0 14px;font-size:20px}.order-history-empty{color:#718096;font-size:12px;line-height:18px}.order-history-customer{width:100%;display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:8px 0;color:#17243a;background:transparent;border:0;border-top:1px solid #e3e8ee;text-align:left}.order-history-customer>span:first-child{width:32px;height:32px;display:grid;place-items:center;color:#2563eb;background:#e7f3f7;border-radius:50%;font-weight:750}.order-history-customer>span:not(:first-child){display:grid;gap:2px}.order-history-customer small{color:#718096;font-size:9px}.order-history-customer strong{font-size:11px}.order-history-customer>span:nth-child(n+3){text-align:right}
@media(max-width:1000px){.order-create-layout{grid-template-columns:minmax(0,1fr) 320px}.order-create-side{position:static}}
@media(max-width:760px){.page:has(.order-create-shell){padding-top:12px}.order-create-shell{margin-bottom:24px}.order-create-layout{grid-template-columns:1fr;gap:16px;margin-top:16px}.order-create-main,.order-create-side{gap:16px}.order-create-side{grid-row:1}.order-create-card{padding:18px 14px}.order-create-grid{grid-template-columns:1fr}.order-create-grid .form-field.full,.order-address,.order-postal{grid-column:auto}.order-create-header{height:auto;min-height:70px;padding:12px}.order-create-footer{position:sticky;z-index:12;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.order-create-footer .button:first-child{grid-column:1/-1}.order-product-line{grid-template-columns:34px minmax(0,1fr) 70px 32px}.order-product-line>strong{grid-column:2;text-align:left}.order-product-line>.icon-button{grid-column:4;grid-row:1}.order-summary-card dt,.order-summary-card dd{font-size:14px}.order-history-card{padding:18px 14px}}

.operational-guard{min-height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:24px}.operational-guard p{margin:0;color:#ff2d34;font-size:16px}.operational-guard .button{border-radius:6px;box-shadow:none}.operational-center-state{min-height:620px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:#667895}.operational-center-state p{margin:0;font-size:16px}.operational-center-state .button{border-radius:6px;box-shadow:none}.operational-document-frame{min-height:100vh;background:#fff}.delivery-slip-sheet{width:792px;min-height:1120px;display:grid;place-items:center;margin:24px auto;background:#fff;box-shadow:0 1px 5px #132b4620}.delivery-slip-sheet p,.document-center-state p{margin:0;color:#ff2d34;font-size:16px}.operational-document-frame:has(.delivery-slip-sheet){overflow:auto;background:#e8ebef}.document-center-state{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}.document-center-state .button{height:41px;border-radius:6px;box-shadow:none}.print-blank{min-height:100vh;background:#fff}
@media(max-width:820px){.delivery-slip-sheet{width:calc(100% - 24px);min-height:calc(100vh - 24px);margin:12px auto}.operational-center-state{min-height:520px}}
@media print{.operational-document-frame:has(.delivery-slip-sheet){background:#fff}.delivery-slip-sheet{width:100%;min-height:100vh;margin:0;box-shadow:none}}

/* Marketplace — fiche et configuration de la bannière de livraison gratuite. */
.page:has(.plugin-market-shell),.page:has(.plugin-config-shell),.page:has(.plugin-payment-shell){padding-top:32px}.plugin-market-shell,.plugin-config-shell{width:min(1088px,100%);margin:0 auto 50px;color:#111827}.plugin-market-header{height:66px;display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;padding:0 24px;border-radius:0;box-shadow:none}.plugin-market-header .plugin-back{display:flex;align-items:center;gap:12px;padding:8px 0;color:#111827;background:transparent;border:0;font-size:15px}.plugin-market-header .plugin-back svg{width:17px}.plugin-market-header>div{display:flex;align-items:center;gap:12px}.plugin-market-header .title-icon{width:40px;height:40px;color:#2563eb;background:#e5f1f5;border:1px solid #b8d5df;border-radius:8px}.plugin-market-header h1{margin:0;font-size:20px;letter-spacing:0}.plugin-category{padding:3px 12px;color:#075f82;background:#e8f4f8;border:1px solid #a9cede;border-radius:16px;font-size:13px;font-weight:750}.plugin-market-layout{display:grid;grid-template-columns:minmax(0,716px) 340px;gap:30px;align-items:start;margin-top:32px}.plugin-market-layout>main{display:grid;gap:24px}.plugin-gallery{overflow:hidden;background:#fff;border-radius:0 0 10px 10px;box-shadow:0 20px 36px #102a4321}.plugin-gallery-main{position:relative;height:403px;display:grid;place-items:center;overflow:hidden;padding:28px;background:linear-gradient(#fff,#f3f3f3 72%,#dedede)}.plugin-gallery-count{position:absolute;top:16px;right:17px;padding:6px 13px;color:#fff;background:#5d5d5de8;border-radius:16px;font-size:13px;font-weight:750}.plugin-gallery-thumbs{height:102px;display:flex;align-items:center;gap:15px;padding:16px;background:#fff}.plugin-gallery-thumbs>button{position:relative;width:101px;height:68px;overflow:hidden;padding:0;background:#f6f7f8;border:0;border-radius:7px}.plugin-gallery-thumbs>button.active{outline:2px solid #2563eb;outline-offset:0}.plugin-gallery-thumbs .free-delivery-demo,.plugin-gallery-thumbs .free-delivery-form-demo{position:absolute;left:0;top:0;width:654px;min-height:458px;transform:scale(.155);transform-origin:top left;pointer-events:none}.plugin-gallery-main>.free-delivery-demo{width:610px}.plugin-gallery-main>.free-delivery-form-demo{width:510px;max-height:360px;overflow:hidden}.free-delivery-demo{color:#172033;font-family:Inter,ui-sans-serif,sans-serif}.free-delivery-demo>h3{margin:0 0 19px;font-family:Georgia,serif;font-size:17px}.free-delivery-banner{display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:12px;padding:var(--fdb-spacing);color:var(--fdb-text);background:var(--fdb-background);border:1px solid #d3dce5;border-top:3px solid var(--fdb-accent);border-radius:var(--fdb-radius);box-shadow:0 5px 16px #102a4310}.free-delivery-banner-icon{width:37px;height:37px;display:grid;place-items:center;color:var(--fdb-accent);background:color-mix(in srgb,var(--fdb-accent) 14%,#fff);border-radius:10px}.free-delivery-banner-icon svg{width:18px}.free-delivery-banner-content{min-width:0;display:grid;gap:9px}.free-delivery-banner-message{font-size:13px;font-weight:650;line-height:17px}.free-delivery-progress{height:var(--fdb-bar-height);overflow:hidden;background:#dfe3e8;border-radius:99px}.free-delivery-progress>i{display:block;width:var(--fdb-progress);height:100%;background:var(--fdb-accent);border-radius:inherit;transition:width .2s}.free-delivery-amount{padding:5px 10px;color:var(--fdb-amount);background:color-mix(in srgb,var(--fdb-amount) 12%,#fff);border-radius:16px;font-size:11px;white-space:nowrap}.free-delivery-banner.reached{border-color:color-mix(in srgb,var(--fdb-accent) 45%,#d3dce5)}.free-delivery-demo-product{height:96px;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:12px;padding:16px 20px;background:#fff;border:1px solid #d8dfe7;border-radius:7px 7px 0 0}.free-delivery-demo-photo{width:56px;height:56px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#624b3a,#17243a);border-radius:5px}.free-delivery-demo-product>div{display:grid;gap:4px}.free-delivery-demo-product strong{font-size:14px;font-weight:500}.free-delivery-demo-product small{color:#63718a}.free-delivery-demo-product>b{font-size:14px}.free-delivery-demo-totals{display:grid;background:#f5f6f7;border:1px solid #d8dfe7;border-top:0;border-radius:0 0 7px 7px}.free-delivery-demo-totals>span,.free-delivery-demo-totals>strong{display:flex;justify-content:space-between;padding:9px 20px;font-size:12px}.free-delivery-demo-totals>strong{margin-top:3px;padding-block:18px;background:#fff;border-top:1px solid #d8dfe7;font-size:16px}.free-delivery-form-demo{padding:20px;background:#fff;border:2px dashed #151515;border-radius:7px}.free-delivery-form-demo>.free-delivery-banner{margin-bottom:16px}.free-delivery-form-demo>label{display:grid;gap:7px;margin-top:13px;font-size:13px}.free-delivery-form-demo>label>i{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#9aa5b5;background:#fff;border:2px solid #cbd3dd;border-radius:5px;font-style:normal}.free-delivery-form-demo>label svg{width:15px;color:#111}.plugin-objectives h2,.plugin-benefits h2,.plugin-trust h2,.plugin-description h2,.plugin-faq h2{display:flex;align-items:center;gap:9px;margin:0 0 16px;font-size:20px}.plugin-objectives h2 svg,.plugin-benefits h2 svg{width:20px;color:#2563eb}.plugin-objectives>div{display:flex;gap:9px}.plugin-objectives>div>span{display:flex;align-items:center;gap:6px;padding:8px 14px;color:#fff;background:#14b866;border-radius:18px;box-shadow:0 2px 5px #102a4323;font-size:13px;font-weight:750}.plugin-objectives>div>span+span{background:#2563eb}.plugin-objectives svg{width:14px}.plugin-benefits,.plugin-trust,.plugin-description,.plugin-faq{padding-top:4px}.plugin-benefits>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.plugin-benefits>div>span{display:flex;align-items:center;gap:8px;color:#40506a;font-size:14px}.plugin-benefits>div svg,.plugin-license-list svg{width:16px;color:#15b96a}.plugin-trust>div{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:18px;background:#fff;border:1px solid #dbe3eb;border-radius:9px}.plugin-trust strong{font-size:24px;color:#2563eb}.plugin-trust span{color:#64748b;font-size:13px}.plugin-trust b{font-size:14px}.plugin-trust b small{color:#718096;font-weight:400}.plugin-trust em{padding:4px 9px;color:#714f09;background:#fff1b9;border-radius:12px;font-size:11px;font-style:normal}.plugin-description p,.plugin-description li,.plugin-faq p{color:#53647c;font-size:14px;line-height:1.65}.plugin-description ul{padding-left:21px}.plugin-faq>h2>span{width:31px;height:31px;display:grid;place-items:center;color:#fff;background:#2563eb;border-radius:50%;font-weight:800}.plugin-faq details{background:#fff;border-top:1px solid #dce3eb}.plugin-faq details:last-child{border-bottom:1px solid #dce3eb}.plugin-faq summary{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;cursor:pointer;font-size:14px;font-weight:650}.plugin-faq summary svg{width:16px;transition:rotate .18s}.plugin-faq details[open] summary svg{rotate:90deg}.plugin-faq details p{padding:0 12px 13px;margin:0}.plugin-purchase-column{position:sticky;top:84px;display:grid;gap:15px}.plugin-price-card{overflow:hidden;padding:30px 24px 24px;border-radius:10px;box-shadow:0 10px 20px #102a4321}.plugin-price-card>i{position:absolute;inset:0 0 auto;height:8px;background:linear-gradient(90deg,#2563eb,#62a5b8)}.plugin-price-card>label{display:block;margin-bottom:13px;font-size:14px}.plugin-plan{position:relative;width:100%;height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#172033;background:#f2f7f9;border:2px solid #2563eb;border-radius:11px;text-align:left}.plugin-plan span{font-size:16px}.plugin-plan strong{color:#00668d;font-size:17px}.plugin-plan em{position:absolute;right:9px;top:-11px;padding:3px 11px;color:#fff;background:#15b85f;border-radius:12px;font-size:11px;font-style:normal}.plugin-yearly-price{height:92px;display:grid;grid-template-columns:auto auto;place-content:center;margin:23px 0;background:#eaf1f4;border-radius:11px}.plugin-yearly-price>strong{font-size:38px;line-height:38px;color:#00658b}.plugin-yearly-price>strong>small{font-size:18px}.plugin-yearly-price>span{align-self:end;margin:0 0 5px 4px;color:#52657a}.plugin-yearly-price>small{grid-column:1/-1;margin-top:5px;color:#64748b;text-align:center}.plugin-price-card>.button{height:49px;border-radius:8px;background:#057096;box-shadow:0 8px 14px #075d8033;font-size:17px;font-weight:750}.plugin-price-card>p{margin:14px 0 0;color:#64748b;font-size:12px;text-align:center}.plugin-installed-state{display:flex;align-items:center;justify-content:center;gap:8px;margin:23px 0;color:#079664;font-size:13px}.plugin-installed-state svg{width:18px}.plugin-license-list{display:grid;gap:15px;padding:20px 18px;border-radius:10px}.plugin-license-list>span{display:flex;align-items:center;gap:10px;font-size:14px}

.plugin-payment-shell{width:min(510px,100%);margin:10px auto 60px;color:#111827}.plugin-payment-back{display:flex;align-items:center;gap:12px;margin:0 0 28px;padding:6px 12px;color:#111827;background:transparent;border:0;font-size:15px}.plugin-payment-back svg{width:17px}.plugin-payment-card{padding:24px;border-radius:8px;box-shadow:0 8px 16px #102a431d}.plugin-payment-card>header{display:flex;align-items:flex-start;gap:13px}.plugin-payment-card>header>span{width:40px;height:40px;display:grid;place-items:center;color:#2563eb;background:#e6f2f5;border-radius:50%}.plugin-payment-card>header svg{width:20px}.plugin-payment-card h1{margin:2px 0 2px;font-size:20px;letter-spacing:0}.plugin-payment-card p{color:#667892;font-size:14px}.plugin-payment-product{display:grid;gap:5px;margin:16px 0 26px;padding:17px;background:#f6f8fa;border-radius:8px}.plugin-payment-product strong{font-size:17px}.plugin-payment-product span{color:#64748b;font-size:14px}.plugin-payment-card h2{margin:0 0 12px;color:#64748b;font-size:13px;font-weight:500;letter-spacing:.04em}.plugin-payment-card dl{margin:0}.plugin-payment-card dl>div{display:flex;align-items:center;justify-content:space-between;min-height:30px;color:#687992;font-size:14px}.plugin-payment-card dt,.plugin-payment-card dd{display:flex;align-items:center;gap:7px;margin:0}.plugin-payment-card dt svg{width:14px}.plugin-payment-card dl>.total{min-height:52px;margin-top:4px;color:#111827;border-top:1px solid #dce3eb;font-size:17px;font-weight:750}.plugin-payment-card dl>.total dd{color:#00658b;font-size:20px}.plugin-payment-card>.button{height:49px;margin-top:11px;background:#2563eb;border-radius:6px;font-size:16px;box-shadow:none}.plugin-payment-card>p:last-child{display:flex;align-items:center;justify-content:center;gap:7px;margin:20px 0 0;font-size:12px}.plugin-payment-card>p:last-child svg{width:14px}

.plugin-config-header{height:74px;display:grid;grid-template-columns:32px 36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 24px;border-radius:8px;box-shadow:0 1px 2px #102a430b}.plugin-config-header>button{width:32px;height:36px;display:grid;place-items:center;padding:0;color:#111827;background:transparent;border:0;border-radius:5px}.plugin-config-header>button:hover{background:#edf4f6}.plugin-config-header>button svg{width:17px}.plugin-config-header>span{width:36px;height:36px;display:grid;place-items:center;color:#2563eb;background:#e6f2f5;border-radius:7px}.plugin-config-header>span svg{width:18px}.plugin-config-header h1{margin:0;font-size:18px;letter-spacing:0}.plugin-config-header p{margin:3px 0 0;color:#64748b;font-size:13px}.plugin-config-header>b{display:flex;align-items:center;gap:8px;color:#64748b;font-size:13px;font-weight:400}.plugin-config-header>b>.switch{width:36px;height:20px;min-width:36px}.plugin-config-header>b>.switch::after{width:14px;height:14px}.plugin-config-header>b>.switch.on::after{transform:translateX(16px)}.plugin-config-guard{min-height:247px;display:grid;place-content:center;justify-items:center;margin-top:24px;padding:30px;color:#111827;background:#fffaf2;border:1px solid #f3d59b;border-radius:8px;text-align:center}.plugin-config-guard>span{width:44px;height:44px;display:grid;place-items:center;color:#e99000;border:4px solid #e99000;border-radius:50%;font-size:24px}.plugin-config-guard h2{margin:20px 0 8px;font-size:20px}.plugin-config-guard p{margin:0 0 18px;color:#60738e}.plugin-config-guard .button{height:41px;background:#2563eb;border-radius:6px;box-shadow:none}.plugin-config-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:start;margin-top:22px}.plugin-config-layout>main{display:grid;gap:18px}.plugin-config-section{display:grid;gap:18px;padding:22px;border-radius:8px}.plugin-config-section>div:first-child h2,.plugin-live-preview h2{margin:0;font-size:18px}.plugin-config-section>div:first-child p,.plugin-live-preview>div>p{margin:4px 0 0;color:#64748b;font-size:12px}.plugin-config-section>.form-field{gap:7px}.plugin-config-section>.form-field>span{font-size:13px}.plugin-config-section>.form-field small{color:#64748b;font-size:11px}.plugin-config-section code{padding:2px 4px;color:#2563eb;background:#eaf3f6;border-radius:3px}.plugin-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.plugin-color-grid>label{display:grid;gap:7px;color:#344054;font-size:12px}.plugin-color-grid>label>span:last-child{display:grid;grid-template-columns:42px minmax(0,1fr);gap:7px}.plugin-color-grid input[type=color]{width:42px;height:40px;padding:3px;background:#fff;border:1px solid #cfd9e3;border-radius:6px}.plugin-color-grid .field{height:40px;text-transform:uppercase}.plugin-config-section .form-grid.three{grid-template-columns:repeat(3,1fr)}.plugin-config-section .switch-row{min-height:54px;padding:10px 0;border-top:1px solid #e4e9ef}.plugin-config-actions{display:flex;justify-content:flex-end;gap:9px}.plugin-config-actions .button{height:40px;border-radius:6px;box-shadow:none}.plugin-config-actions>[data-free-delivery-reset]{margin-right:auto}.plugin-live-preview{position:sticky;top:84px;display:grid;gap:18px;padding:22px;border-radius:8px}.plugin-live-preview>.form-field{gap:7px}.plugin-live-preview>[data-free-delivery-preview]{overflow:hidden;padding:14px;background:#eef1f3;border-radius:8px}.plugin-live-preview .free-delivery-demo>h3{font-size:14px}.plugin-live-preview .free-delivery-banner{grid-template-columns:32px minmax(0,1fr);padding:11px;gap:8px}.plugin-live-preview .free-delivery-banner-icon{width:32px;height:32px}.plugin-live-preview .free-delivery-amount{grid-column:2;justify-self:start}.plugin-live-preview .free-delivery-demo-product{height:75px;grid-template-columns:40px minmax(0,1fr) auto;padding:10px}.plugin-live-preview .free-delivery-demo-photo{width:40px;height:40px}.plugin-live-preview .free-delivery-demo-product strong{font-size:11px}.plugin-live-preview .free-delivery-demo-product small,.plugin-live-preview .free-delivery-demo-totals>span{font-size:9px}.plugin-live-preview .free-delivery-demo-totals>strong{padding-block:12px;font-size:12px}.plugin-live-preview>small{display:flex;align-items:flex-start;gap:7px;color:#64748b;font-size:11px;line-height:16px}.plugin-live-preview>small svg{flex:0 0 14px;width:14px}

.modal [data-store-free-delivery-banner]{margin-bottom:16px}.modal [data-store-free-delivery-banner] .free-delivery-banner{padding:12px}.modal [data-store-free-delivery-banner] .free-delivery-banner-message{font-size:12px}.modal [data-store-free-delivery-banner] .free-delivery-amount{font-size:10px}

@media(max-width:1050px){.plugin-market-layout{grid-template-columns:minmax(0,1fr) 310px;gap:18px}.plugin-config-layout{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:820px){.page:has(.plugin-market-shell),.page:has(.plugin-config-shell),.page:has(.plugin-payment-shell){padding-top:14px}.plugin-market-header{height:auto;min-height:68px;grid-template-columns:auto minmax(0,1fr);gap:8px;padding:10px 12px}.plugin-market-header .plugin-back{font-size:0}.plugin-market-header .plugin-back svg{width:20px}.plugin-market-header .plugin-category{grid-column:2;justify-self:start}.plugin-market-layout,.plugin-config-layout{grid-template-columns:1fr;margin-top:16px}.plugin-purchase-column,.plugin-live-preview{position:static;grid-row:1}.plugin-gallery-main{height:360px;padding:16px}.plugin-gallery-main>.free-delivery-demo{width:100%}.plugin-gallery-main>.free-delivery-form-demo{width:100%}.plugin-benefits>div{grid-template-columns:1fr}.plugin-config-header{grid-template-columns:28px 34px minmax(0,1fr);padding:10px 12px;height:auto;min-height:70px}.plugin-config-header>b{grid-column:3}.plugin-config-actions{position:sticky;z-index:10;bottom:0;display:grid;grid-template-columns:1fr 1fr;padding:8px;background:#f4f7fb;border-top:1px solid #dce4ee}.plugin-config-actions>[data-free-delivery-reset]{grid-column:1/-1;margin:0}.plugin-payment-shell{margin-top:0}.plugin-payment-back{margin-bottom:12px}.plugin-payment-card{padding:18px 14px}}
@media(max-width:560px){.plugin-gallery-main{height:330px}.plugin-gallery-main>.free-delivery-demo{transform:scale(.84);transform-origin:center}.free-delivery-banner{grid-template-columns:34px minmax(0,1fr)}.free-delivery-amount{grid-column:2;justify-self:start}.plugin-trust>div{grid-template-columns:auto 1fr}.plugin-trust b,.plugin-trust em{justify-self:start}.plugin-color-grid,.plugin-config-section .form-grid.three{grid-template-columns:1fr}.plugin-config-section,.plugin-live-preview{padding:16px 12px}.plugin-payment-card h1{font-size:18px}.plugin-objectives>div{flex-wrap:wrap}}
/* Zones de livraison — structure et interactions alignées sur la référence TikTak Pro. */
.delivery-zones-page { width: min(1104px, 100%); margin: 28px auto 0; color: #101828; }
.delivery-page-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.delivery-page-title { display: flex; align-items: center; gap: 14px; }
.delivery-page-title > span { display: grid; place-items: center; color: #2563eb; }
.delivery-page-title > span .icon { width: 27px; height: 27px; stroke-width: 2.2; }
.delivery-page-title h1 { margin: 0 0 3px; color: #0b1324; font-size: 27px; font-weight: 750; letter-spacing: -.025em; }
.delivery-page-title p { margin: 0; color: #687995; font-size: 14px; }
.delivery-page-counts { display: flex; gap: 10px; }
.delivery-page-counts span, .delivery-section-title > span { min-height: 27px; display: inline-flex; align-items: center; padding: 0 12px; color: #0b1324; background: #f8fafc; border: 1px solid #dfe6ef; border-radius: 999px; font-size: 13px; font-weight: 750; white-space: nowrap; }
.delivery-layout { display: grid; grid-template-columns: minmax(0, 728px) minmax(320px, 352px); gap: 24px; align-items: start; }
.delivery-map-card, .delivery-tier-card, .delivery-depot-card, .delivery-zone-list-card, .delivery-test-card { border-color: #dce4ed; border-radius: 9px; box-shadow: 0 1px 2px rgba(16,24,40,.04); }
.delivery-map-card { padding: 24px; }
.delivery-card-heading h2, .delivery-tier-card h2, .delivery-section-title h2, .delivery-test-card h2 { margin: 0; color: #0b1324; font-size: 19px; font-weight: 750; letter-spacing: -.015em; }
.delivery-card-heading h2 { display: flex; align-items: center; gap: 10px; }
.delivery-card-heading h2 .icon { width: 20px; height: 20px; }
.delivery-card-heading p { max-width: 650px; margin: 8px 0 13px; color: #637594; font-size: 14px; line-height: 1.45; }
.delivery-map-stage { position: relative; width: 100%; aspect-ratio: 677 / 536; min-height: 480px; overflow: hidden; background: #d9e7cf; border: 1px solid #d5dde7; border-radius: 8px; cursor: crosshair; isolation: isolate; }
.delivery-map-reference { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; transform: scale(var(--delivery-map-scale)); transition: transform .18s ease; }
.delivery-map-reference image { width: 1600px; height: 907px; }
.delivery-map-overlay { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
.delivery-zone-polygons polygon { fill: rgba(8,114,149,.22); stroke: #2563eb; stroke-width: .55; vector-effect: non-scaling-stroke; }
.delivery-zone-draft polyline { fill: rgba(50,105,238,.12); stroke: #3181ed; stroke-width: .55; stroke-dasharray: 2 1.2; vector-effect: non-scaling-stroke; }
.delivery-zone-draft circle { fill: #fff; stroke: #2356d8; stroke-width: .5; vector-effect: non-scaling-stroke; }
.delivery-zone-draft circle.first { fill: #12b76a; stroke: #2563eb; }
.delivery-depot-marker circle { fill: #fff; stroke: #f59e0b; stroke-width: .55; vector-effect: non-scaling-stroke; }
.delivery-depot-marker path { fill: none; stroke: #d97706; stroke-width: .42; vector-effect: non-scaling-stroke; }
.delivery-map-toolbar { position: absolute; z-index: 5; top: 0; right: 10px; display: flex; align-items: stretch; height: 48px; overflow: hidden; background: rgba(255,255,255,.96); border: 1px solid #d8e0ea; border-top: 0; border-radius: 0 0 7px 7px; box-shadow: 0 2px 7px rgba(15,23,42,.12); cursor: default; }
.delivery-map-toolbar > * { min-width: 0; display: inline-flex; align-items: center; gap: 8px; padding: 0 15px; border: 0; border-left: 1px solid #dce4ed; background: transparent; color: #172235; font-size: 13px; white-space: nowrap; }
.delivery-map-toolbar .delivery-map-guide { border-left: 0; }
.delivery-map-toolbar button { color: #2563eb; }
.delivery-map-toolbar button:hover, .delivery-map-toolbar button.active { background: #eaf5f8; }
.delivery-map-toolbar .icon { width: 18px; height: 18px; }
.delivery-map-zoom { position: absolute; z-index: 6; top: 0; left: 10px; display: grid; overflow: hidden; background: white; border: 1px solid #b7c1cd; border-radius: 4px; box-shadow: 0 1px 4px rgba(15,23,42,.2); }
.delivery-map-zoom button { width: 32px; height: 32px; padding: 0; color: #111827; background: white; border: 0; font-size: 22px; line-height: 1; }
.delivery-map-zoom button + button { border-top: 1px solid #cbd5e1; }
.delivery-map-zoom button:hover { background: #f4f6f8; }
.delivery-map-attribution { position: absolute; right: 3px; bottom: 2px; z-index: 6; padding: 1px 3px; color: #475569; background: rgba(255,255,255,.88); font-size: 10px; cursor: default; }
.delivery-map-attribution span { color: #2563eb; }
.delivery-side-column { display: grid; gap: 16px; }
.delivery-tier-card, .delivery-depot-card, .delivery-zone-list-card, .delivery-test-card { padding: 24px; }
.delivery-tier-card > p, .delivery-test-card > p { margin: 8px 0 18px; color: #637594; font-size: 12px; line-height: 1.35; }
.delivery-tier-list { display: grid; gap: 9px; }
.delivery-tier-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 28px; gap: 8px; align-items: end; }
.delivery-tier-row label { display: grid; gap: 7px; min-width: 0; }
.delivery-tier-row label > span { min-height: 13px; color: #64748b; font-size: 11px; text-transform: uppercase; }
.delivery-tier-row .field { min-height: 38px; height: 38px; padding: 0 11px; border-radius: 7px; font-size: 13px; }
.delivery-tier-row input::placeholder { color: #52657a; opacity: 1; }
.delivery-tier-delete, .delivery-entity-list article > button { width: 28px; height: 38px; display: grid; place-items: center; padding: 0; color: #fb7185; background: transparent; border: 0; border-radius: 6px; }
.delivery-tier-delete:hover, .delivery-entity-list article > button:hover { background: #fff1f2; }
.delivery-tier-delete .icon, .delivery-entity-list article > button .icon { width: 15px; height: 15px; }
.delivery-outline-action { width: 100%; min-height: 38px; display: flex; align-items: center; justify-content: center; gap: 9px; margin-top: 12px; color: #101828; background: white; border: 1px solid #d5dee9; border-radius: 7px; font-size: 13px; }
.delivery-outline-action:hover { background: #f8fafc; }
.delivery-tier-add { color: #2563eb; background: #dceff5; border-color: #dceff5; }
.delivery-tier-add:hover { background: #cee7ef; }
.delivery-outline-action .icon { width: 16px; height: 16px; }
.delivery-section-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.delivery-section-title h2 { display: flex; align-items: center; gap: 8px; }
.delivery-section-title h2 .icon { width: 20px; height: 20px; }
.delivery-section-title.orange h2, .delivery-outline-action.orange { color: #c55b00; }
.delivery-section-title.orange h2 .icon { color: #f59e0b; }
.delivery-section-title > span { min-height: 23px; padding: 0 10px; color: #075d79; background: #d9eef5; border: 0; font-size: 11px; }
.delivery-outline-action.orange { border-color: #f59e0b; }
.delivery-empty { min-height: 102px; display: grid; place-items: center; padding: 19px 8px 2px; text-align: center; }
.delivery-empty p { margin: 0; color: #667792; font-size: 13px; line-height: 1.45; }
.delivery-zone-actions { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 9px; margin-top: 13px; }
.delivery-zone-actions > label { position: relative; min-width: 0; }
.delivery-zone-actions > label .icon { position: absolute; z-index: 1; left: 11px; top: 11px; width: 16px; height: 16px; color: #64748b; }
.delivery-zone-actions .field { height: 38px; min-height: 38px; padding-left: 35px; font-size: 12px; }
.delivery-zone-actions .button { min-height: 38px; padding: 0 13px; box-shadow: none; }
.delivery-entity-list { display: grid; gap: 7px; margin-top: 13px; }
.delivery-entity-list article { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 9px; min-height: 48px; padding: 6px 7px; border: 1px solid #e3e9f0; border-radius: 8px; }
.delivery-entity-list.zones article { grid-template-columns: auto minmax(0,1fr) auto auto; }
.delivery-entity-list article > div { min-width: 0; }
.delivery-entity-list article strong, .delivery-entity-list article small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.delivery-entity-list article strong { color: #172235; font-size: 12px; }
.delivery-entity-list article small { margin-top: 2px; color: #718197; font-size: 10px; }
.delivery-entity-icon { width: 30px; height: 30px; display: grid; place-items: center; color: #2563eb; background: #e6f4f8; border-radius: 7px; }
.delivery-entity-icon.orange { color: #d97706; background: #fff5df; }
.delivery-entity-icon .icon { width: 16px; height: 16px; }
.delivery-entity-list article > button[data-delivery-zone-edit] { color: #2563eb; }
.delivery-entity-list article > button[data-delivery-zone-edit]:hover { background: #eaf5f8; }
.delivery-test-card form > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.delivery-test-card form .field { min-height: 38px; height: 38px; padding: 0 11px; font-size: 13px; }
.delivery-test-card .delivery-outline-action { margin-top: 10px; }
.delivery-test-result { margin-top: 11px; padding: 8px; color: #25354b; background: #f4f6f8; border-radius: 5px; font-size: 11px; }
.delivery-test-result.found { color: #08794f; background: #e8f7ef; }
.delivery-position-note { margin-bottom: 20px; padding: 9px 12px; color: #61728c; background: #f0f4f8; border-radius: 6px; font-size: 12px; }
.delivery-position-note code { color: #27364b; background: transparent; font-size: 12px; }

@media (max-width: 1180px) {
  .delivery-layout { grid-template-columns: minmax(0, 1fr) 330px; }
  .delivery-map-toolbar .delivery-map-guide { display: none; }
}
@media (max-width: 920px) {
  .delivery-zones-page { margin-top: 8px; }
  .delivery-layout { grid-template-columns: 1fr; }
  .delivery-side-column { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .delivery-tier-card, .delivery-test-card { grid-column: span 1; }
}
@media (max-width: 640px) {
  .delivery-page-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .delivery-page-title { align-items: flex-start; }
  .delivery-page-title h1 { font-size: 23px; }
  .delivery-page-counts { padding-left: 41px; }
  .delivery-map-card, .delivery-tier-card, .delivery-depot-card, .delivery-zone-list-card, .delivery-test-card { padding: 16px; }
  .delivery-map-stage { min-height: 350px; aspect-ratio: 1 / 1.05; }
  .delivery-map-toolbar { right: 6px; height: 42px; }
  .delivery-map-toolbar > * { padding: 0 9px; font-size: 11px; }
  .delivery-map-toolbar .delivery-map-guide { display: none; }
  .delivery-map-toolbar button .icon { display: none; }
  .delivery-map-zoom { left: 6px; }
  .delivery-side-column { grid-template-columns: 1fr; }
  .delivery-tier-card, .delivery-test-card { grid-column: auto; }
}

/* TENYRO brand system — supplied visual identity. */
.sidebar { background:#0b2d5b; }
.nav-link.active, .nav-group-toggle.active { background:#2563eb; }
.nav-child:hover, .nav-child.active { border-left-color:#10b981; }
.nav-badge { background:#10b981; color:#062d27; }
.button.primary { background:#2563eb; border-color:#2563eb; box-shadow:0 6px 16px rgba(37,99,235,.2); }
.activation-bar { background:#0b2d5b; box-shadow:inset 0 -3px #10b981; }
.avatar { background:linear-gradient(135deg,#2563eb,#10b981); }
.marketing-brand { padding:0; color:#0b2d5b; background:transparent; }
.marketing-brand strong,
.marketing-brand strong span,
.mobile-promo-page > header > strong,
.mobile-promo-page > header > strong span { color:#0b2d5b; font-family:var(--font-heading); letter-spacing:.04em; }
.marketing-landing > header button.primary,
.marketing-cta { background:#2563eb; box-shadow:0 8px 18px rgba(37,99,235,.22); }
.marketing-hero { background:radial-gradient(circle at 8% 10%,rgba(37,99,235,.12),transparent 28%),radial-gradient(circle at 94% 84%,rgba(16,185,129,.13),transparent 30%),#eaf4ff; }
.marketing-hero h1 { color:#0b2d5b; }
.marketing-hero h1 span { color:#2563eb; }
.marketing-hero h1 b { color:#0b2d5b; }
.pos-terminal-brand strong,
.pos-terminal-brand strong span { color:#fff; font-family:var(--font-heading); letter-spacing:.04em; }
.login-pitch h2 { font-family:var(--font-heading); }
.login-pitch::after { content:"Sell. Manage. Grow."; display:block; margin-top:28px; color:#6ee7b7; font:600 14px/1 var(--font-heading); letter-spacing:.08em; }

/* Mon Profil — géométrie et palette relevées directement sur TikTak Pro. */
.tiktak-profile-page { width: min(100%, 640px); display: grid; gap: 24px; margin: 29px auto 48px; color: #020817; }
.tiktak-profile-page.is-loading { opacity: .72; }
.profile-page-header { min-height: 74px; display: flex; align-items: center; gap: 12px; padding: 16px; background: #fff; border: 1px solid rgba(229,231,235,.6); border-radius: 8px; box-shadow: 0 1px 2px rgba(15,23,42,.03); }
.profile-page-header > span { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; color: #006b92; background: #e9f4f8; border-radius: 6px; }
.profile-page-header > span .icon { width: 18px; height: 18px; }
.profile-page-header h1 { margin: 0; color: #111827; font-size: 16px; font-weight: 600; line-height: 24px; }
.profile-page-header p { margin: 0; color: #64748b; font-size: 13px; line-height: 16px; }
.profile-card { overflow: visible; padding: 24px; background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; box-shadow: 0 1px 2px rgba(15,23,42,.03); }
.profile-card-heading h3 { min-height: 24px; display: flex; align-items: center; gap: 8px; margin: 0; color: #020817; font-size: 24px; font-weight: 600; line-height: 24px; letter-spacing: -.025em; }
.profile-card-heading h3 .icon { width: 20px; height: 20px; flex: 0 0 auto; stroke-width: 2; }
.profile-card-heading p { margin: 8px 0 0; color: #64748b; font-size: 14px; line-height: 18px; }
.profile-photo-card { min-height: 204px; }
.profile-photo-row { min-height: 80px; display: flex; align-items: center; gap: 24px; margin-top: 24px; }
.profile-avatar { position: relative; width: 80px; height: 80px; flex: 0 0 80px; display: grid; place-items: center; padding: 0; overflow: visible; color: #020817; background: #f1f5f9; border: 0; border-radius: 50%; font-size: 20px; font-weight: 700; letter-spacing: .02em; }
.profile-avatar > img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.profile-avatar > span { position: absolute; right: -7px; bottom: -8px; width: 34px; height: 34px; display: grid; place-items: center; color: #fff; background: #00658b; border: 2px solid #fff; border-radius: 50%; }
.profile-avatar > span .icon { width: 16px; height: 16px; }
.profile-avatar:hover > span { background: #2563eb; }
.profile-photo-row > div { min-width: 0; }
.profile-photo-row > div p { margin: 0 0 8px; color: #64748b; font-size: 14px; line-height: 20px; }
.profile-photo-choice { height: 40px; min-height: 40px; padding: 8px 16px; color: #020817; background: #fff; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: none; font-size: 14px; font-weight: 500; }
.profile-photo-choice:hover { color: #020817; background: #f8fafc; border-color: #cbd5e1; }
.profile-information-card form, .profile-password-card form { margin-top: 23px; }
.profile-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 16px; row-gap: 15px; }
.profile-form-grid > .profile-form-field:nth-child(n+7) { margin-top: 8px; }
.profile-password-fields { display: grid; gap: 15px; }
.profile-form-field { min-width: 0; display: grid; gap: 6px; color: #020817; font-size: 14px; line-height: 19px; }
.profile-form-field > span:first-child { min-height: 19px; display: flex; align-items: center; gap: 8px; }
.profile-form-field > span:first-child .icon { width: 16px; height: 16px; flex: 0 0 auto; }
.profile-form-field > .field { width: 100%; height: 40px; min-height: 40px; padding: 8px 12px; color: #020817; background: #fff; border: 1px solid #e2e8f0; border-radius: 6px; font-size: 14px; }
.profile-form-field > .field:focus, .profile-gender-trigger:focus-visible { outline: 2px solid rgba(37,99,235,.18); outline-offset: 1px; border-color: #2563eb; }
.profile-gender-control { position: relative; display: block; }
.profile-gender-trigger { width: 100%; height: 40px; display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; color: #020817; background: #fff; border: 1px solid #e2e8f0; border-radius: 6px; font-size: 14px; text-align: left; }
.profile-gender-trigger .icon { width: 16px; height: 16px; color: #64748b; transform: rotate(90deg); }
.profile-gender-options { position: absolute; z-index: 12; top: 44px; left: 0; right: 0; display: grid; padding: 4px; background: #fff; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: 0 8px 20px rgba(15,23,42,.12); }
.profile-gender-options[hidden] { display: none; }
.profile-gender-options button { min-height: 36px; padding: 7px 9px; color: #020817; background: transparent; border: 0; border-radius: 4px; font-size: 14px; text-align: left; }
.profile-gender-options button:hover, .profile-gender-options button[aria-selected="true"] { background: #f1f5f9; }
.button.primary.profile-submit { width: auto; height: 40px; min-height: 40px; margin-top: 16px; padding: 8px 16px; color: #fff; background: #2563eb; border: 0; border-radius: 6px; box-shadow: none; font-size: 14px; font-weight: 500; }
.button.primary.profile-submit:hover { color: #fff; background: #004d70; }

@media (max-width: 700px) {
  .tiktak-profile-page { margin-top: 8px; gap: 16px; }
  .profile-card { padding: 20px; }
  .profile-card-heading h3 { font-size: 21px; }
  .profile-form-grid { grid-template-columns: 1fr; }
  .profile-photo-row { align-items: flex-start; gap: 18px; }
}
@media (max-width: 460px) {
  .profile-photo-row { flex-direction: column; }
  .button.primary.profile-submit { width: 100%; }
}

/* Présence d'équipe — structure relevée sur TikTak Pro. */
.tiktak-presence-page { width: min(100%, 1104px); display: grid; gap: 24px; margin: 29px auto 48px; color: #020817; }
.tiktak-presence-page.is-loading { opacity: .72; }
.team-presence-heading { min-height: 40px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.team-presence-heading h1 { margin: 0; color: #020817; font-size: 30px; font-weight: 700; line-height: 40px; letter-spacing: -.025em; }
.team-presence-heading .button.primary { width: 153px; height: 40px; min-height: 40px; justify-content: center; padding: 8px 16px; color: #fff; background: #2563eb; border: 0; border-radius: 6px; box-shadow: none; font-size: 14px; font-weight: 500; }
.team-presence-heading .button.primary:hover { background: #004d70; }
.team-presence-heading .button .icon { width: 16px; height: 16px; }
.team-presence-card { min-height: 216px; padding: 18px 24px 24px; background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; box-shadow: 0 1px 2px rgba(15,23,42,.03); }
.team-presence-card h2 { min-height: 32px; display: flex; align-items: center; gap: 8px; margin: 0; color: #020817; font-size: 24px; font-weight: 600; line-height: 32px; letter-spacing: -.025em; }
.team-presence-card h2 .icon { width: 20px; height: 20px; }
.team-presence-card > p { margin: 20px 0 18px; color: #64748b; font-size: 16px; line-height: 24px; }
.team-presence-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(300px,341px)); gap: 12px; }
.team-presence-member { min-height: 78px; display: grid; grid-template-columns: 18px minmax(0,1fr); align-items: center; gap: 10px; padding: 12px 16px; color: #020817; background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; text-align: left; }
.team-presence-member:hover { background: #f8fafc; border-color: #bfd0dd; }
.team-presence-member.selected { border-color: #5ba2bd; background: #f6fbfd; }
.team-presence-check { width: 17px; height: 17px; display: grid; place-items: center; color: #fff; background: #fff; border: 1px solid #0073a0; border-radius: 5px; }
.team-presence-member.selected .team-presence-check { background: #2563eb; }
.team-presence-check .icon { width: 13px; height: 13px; stroke-width: 2.5; }
.team-presence-member strong, .team-presence-member small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.team-presence-member strong { font-size: 16px; font-weight: 400; line-height: 24px; }
.team-presence-member small { color: #64748b; font-size: 14px; line-height: 20px; }
.team-presence-empty { grid-column: 1 / -1; padding: 22px; color: #64748b; border: 1px dashed #cbd5e1; border-radius: 8px; text-align: center; }
.team-presence-info { min-height: 86px; padding: 17px 16px; background: rgba(248,250,252,.78); border-radius: 8px; }
.team-presence-info strong { color: #111827; font-size: 16px; font-weight: 400; line-height: 24px; }
.team-presence-info p { margin: 8px 0 0; color: #64748b; font-size: 14px; line-height: 20px; }

@media (max-width: 700px) {
  .tiktak-presence-page { margin-top: 8px; gap: 16px; }
  .team-presence-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .team-presence-heading h1 { font-size: 25px; line-height: 32px; }
  .team-presence-heading .button.primary { width: 100%; }
  .team-presence-card { padding: 18px; }
  .team-presence-card h2 { align-items: flex-start; font-size: 21px; line-height: 28px; }
  .team-presence-card > p { margin-top: 14px; font-size: 14px; line-height: 21px; }
  .team-presence-grid { grid-template-columns: 1fr; }
}

.tiktak-updates-page { width: min(100%, 1152px); display: grid; gap: 24px; margin: 5px auto 48px; color: #020817; }
.updates-page-header { height: 74px; display: grid; grid-template-columns: 20px 54px minmax(0,1fr); align-items: center; gap: 0; padding: 16px 20px; border: 1px solid #e2e8f0; border-radius: 8px; box-shadow: 0 1px 2px rgba(15,23,42,.03); }
.updates-back { width: 20px; height: 32px; display: grid; place-items: center; padding: 0; color: #0f172a; background: transparent; border: 0; border-radius: 4px; }
.updates-back:hover { background: #f1f5f9; }
.updates-back .icon { width: 18px; height: 18px; }
.updates-heading-icon { width: 34px; height: 34px; display: grid; place-items: center; margin-left: 20px; color: #006b91; background: #e8f4f8; border-radius: 8px; }
.updates-page-header > div { margin-left: 10px; }
.updates-heading-icon .icon { width: 17px; height: 17px; }
.updates-page-header h1 { margin: 0; color: #020817; font-size: 18px; font-weight: 700; line-height: 24px; }
.updates-page-header p { margin: 1px 0 0; color: #64748b; font-size: 13px; line-height: 20px; }
.updates-tabs { width: max-content; max-width: 100%; display: flex; align-items: center; padding: 0; overflow-x: auto; background: #f1f5f9; border-radius: 6px; }
.updates-tabs button { height: 40px; flex: 0 0 auto; padding: 0 15px; color: #64748b; background: transparent; border: 0; border-radius: 5px; font-size: 15px; font-weight: 400; }
.updates-tabs button.active { color: #111827; background: #fff; box-shadow: 0 1px 2px rgba(15,23,42,.08); }
.updates-feed { min-height: 209px; }
.updates-release-card { min-height: 209px; padding: 20px; border: 1px solid #e2e8f0; border-radius: 8px; box-shadow: 0 1px 2px rgba(15,23,42,.03); }
.updates-release-tag { display: inline-flex; min-height: 22px; align-items: center; padding: 1px 12px; color: #006b91; background: #d9eef5; border-radius: 999px; font-size: 14px; font-weight: 600; line-height: 20px; }
.updates-release-card h2 { margin: 12px 0 8px; color: #020817; font-size: 20px; font-weight: 700; line-height: 26px; }
.updates-release-card > p { margin: 0; color: #64748b; font-size: 15px; line-height: 22px; }
.updates-release-card footer { display: flex; align-items: center; gap: 6px; margin-top: 11px; color: #64748b; font-size: 13px; line-height: 20px; }
.updates-release-card footer .icon { width: 15px; height: 15px; }
.updates-release-card footer i { font-style: normal; }
.updates-empty-state { min-height: 209px; display: grid; place-content: center; justify-items: center; gap: 8px; padding: 24px; color: #64748b; background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; text-align: center; }
.updates-empty-state > span { width: 40px; height: 40px; display: grid; place-items: center; color: #006b91; background: #e8f4f8; border-radius: 8px; }
.updates-empty-state strong { color: #0f172a; font-size: 15px; }
.updates-empty-state p { margin: 0; font-size: 13px; }

@media (max-width: 700px) {
  .tiktak-updates-page { margin-top: 8px; gap: 16px; }
  .updates-page-header { height: auto; min-height: 74px; grid-template-columns: 20px 34px minmax(0,1fr); gap: 12px; padding: 14px; }
  .updates-page-header h1 { font-size: 17px; }
  .updates-tabs { width: 100%; }
  .updates-release-card { padding: 16px; }
  .updates-release-card > p { font-size: 14px; line-height: 21px; }
}

.tiktak-invoices-page { width: min(100%, 1024px); display: grid; gap: 48px; margin: 53px auto 48px; color: #020817; }
.invoices-page-heading { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.invoices-page-heading h1 { display: flex; align-items: center; gap: 9px; margin: 0; color: #020817; font-size: 24px; font-weight: 700; line-height: 32px; letter-spacing: -.025em; }
.invoices-page-heading h1 .icon { width: 24px; height: 24px; color: #0073a0; }
.invoices-billing-button { width: 306px; height: 36px; min-height: 36px; justify-content: center; gap: 10px; padding: 8px 16px; color: #111827; background: #fff; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: none; font-size: 14px; font-weight: 400; }
.invoices-billing-button:hover { background: #f8fafc; }
.invoices-billing-button .icon { width: 16px; height: 16px; }
.invoices-empty-card { height: 263px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48px; color: #64748b; background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; box-shadow: 0 1px 2px rgba(15,23,42,.03); text-align: center; }
.invoices-empty-icon { width: 64px; height: 64px; flex: 0 0 64px; margin-bottom: 16px; color: #64748b; stroke-width: 1.8; }
.invoices-empty-card h2 { margin: 0 0 8px; color: #020817; font-size: 22px; font-weight: 600; line-height: 28px; }
.invoices-empty-card p { margin: 0 0 8px; color: #64748b; font-size: 17px; line-height: 24px; }
.invoices-empty-card small { color: #64748b; font-size: 13px; line-height: 16px; }

@media (max-width: 700px) {
  .tiktak-invoices-page { gap: 20px; margin-top: 8px; }
  .invoices-page-heading { align-items: flex-start; flex-direction: column; gap: 14px; }
  .invoices-page-heading h1 { font-size: 22px; line-height: 30px; }
  .invoices-billing-button { width: 100%; }
  .invoices-empty-card { height: auto; min-height: 280px; padding: 32px 18px; }
  .invoices-empty-card p { font-size: 15px; line-height: 22px; }
}

.tiktak-domain-renewal-page { width: min(100%, 848px); display: grid; gap: 48px; margin: 37px auto 48px; color: #020817; }
.domain-renewal-back { width: max-content; min-height: 24px; display: inline-flex; align-items: center; gap: 12px; margin-left: 16px; padding: 0; color: #111827; background: transparent; border: 0; font-size: 15px; font-weight: 400; line-height: 24px; }
.domain-renewal-back:hover { color: #2563eb; }
.domain-renewal-back .icon { width: 16px; height: 16px; }
.domain-renewal-alert { min-height: 74px; display: grid; grid-template-columns: 20px minmax(0,1fr); align-items: start; gap: 8px; padding: 12px 16px; color: #ff3f46; background: transparent; border: 1px solid #ff8589; border-radius: 8px; }
.domain-renewal-alert > span { padding-top: 3px; }
.domain-renewal-alert > span .icon { width: 17px; height: 17px; }
.domain-renewal-alert strong { display: block; font-size: 16px; font-weight: 400; line-height: 24px; }
.domain-renewal-alert p { margin: 0; font-size: 15px; line-height: 24px; }

@media (max-width: 700px) {
  .tiktak-domain-renewal-page { gap: 24px; margin-top: 8px; }
  .domain-renewal-back { margin-left: 0; }
  .domain-renewal-alert { min-height: 86px; }
}


/* TikTok live — géométrie, typographie et états relevés sur TikTak Pro. */
.tiktak-live-page { width: min(100%, 848px); display: grid; gap: 24px; margin: 29px auto 48px; color: #020817; }
.tiktok-leads-page { width: min(100%, 1104px); }
.tiktak-live-page.is-loading { opacity: .72; }
.tiktok-live-heading { height: 94px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 24px; border: 1px solid #e2e8f0; border-radius: 8px; box-shadow: 0 1px 2px rgba(15,23,42,.03); }
.tiktok-live-heading > div { min-width: 0; display: flex; align-items: center; gap: 28px; }
.tiktok-live-heading > div > button { width: 20px; height: 32px; flex: 0 0 20px; display: grid; place-items: center; padding: 0; color: #64748b; background: transparent; border: 0; border-radius: 4px; }
.tiktok-live-heading > div > button:hover { color: #020817; background: #f1f5f9; }
.tiktok-live-heading > div > button .icon { width: 18px; height: 18px; }
.tiktok-live-heading h1 { margin: 0; color: #020817; font-size: 26px; font-weight: 700; line-height: 32px; letter-spacing: -.025em; }
.tiktok-live-heading p { margin: 2px 0 0; color: #64748b; font-size: 14px; line-height: 20px; }
.tiktok-live-heading > .button { height: 40px; min-height: 40px; flex: 0 0 auto; padding: 8px 16px; color: #020817; background: #fff; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: none; font-size: 14px; font-weight: 500; }
.tiktok-live-heading > .button:hover { background: #f8fafc; }
.tiktok-live-heading > .button .icon { width: 16px; height: 16px; }
.tiktok-live-card { min-height: 188px; padding: 24px; overflow: visible; border: 1px solid #e2e8f0; border-radius: 8px; box-shadow: 0 1px 2px rgba(15,23,42,.03); }
.tiktok-live-card > header h2 { min-height: 32px; display: flex; align-items: center; gap: 8px; margin: 0; color: #020817; font-size: 24px; font-weight: 700; line-height: 32px; letter-spacing: -.025em; }
.tiktok-live-card > header h2 .icon { width: 20px; height: 20px; color: #020817; }
.tiktok-live-card > header p { margin: 4px 0 0; color: #64748b; font-size: 14px; line-height: 20px; }
.tiktok-live-connect { margin-top: 0; }
.tiktok-live-connect > p { margin: 0 0 16px; color: #64748b; font-size: 14px; line-height: 20px; }
.tiktok-live-connect-row { display: grid; grid-template-columns: minmax(0,1fr) 155px; align-items: end; gap: 12px; }
.tiktok-live-connect-row label { min-width: 0; display: grid; gap: 8px; color: #020817; font-size: 14px; line-height: 20px; }
.tiktok-live-connect-row .field, .tiktok-leads-card-heading .select { width: 100%; height: 40px; min-height: 40px; padding: 8px 12px; color: #020817; background: #fff; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: none; font-size: 14px; }
.tiktok-live-connect-row .field::placeholder { color: #64748b; }
.tiktok-live-connect-row .field:focus, .tiktok-leads-card-heading .select:focus { outline: 2px solid rgba(37,99,235,.18); outline-offset: 1px; border-color: #2563eb; }
.tiktok-live-connect-row .button.primary { height: 40px; min-height: 40px; justify-content: center; color: #fff; background: #2563eb; border: 0; border-radius: 6px; box-shadow: none; font-size: 14px; font-weight: 500; }
.tiktok-live-connect-row .button.primary:hover { background: #004d70; }
.tiktok-live-connect-row .button.primary:disabled { color: #94a3b8; background: #e2e8f0; cursor: not-allowed; }
.tiktok-pages-card { min-height: 212px; }
.tiktok-pages-card > header { min-height: 52px; }
.tiktok-empty, .tiktok-loading { min-height: 106px; display: grid; place-items: center; color: #64748b; font-size: 14px; text-align: center; }
.tiktok-view-leads { width: 126px; height: 40px; min-height: 40px; justify-content: center; justify-self: start; color: #020817; background: #fff; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: none; font-size: 14px; }
.tiktok-view-leads:hover { background: #f8fafc; }
.tiktok-room-list { display: grid; gap: 8px; margin-top: 16px; }
.tiktok-room-row { min-height: 62px; display: grid; grid-template-columns: minmax(0,1fr) auto 112px; align-items: center; gap: 12px; padding: 10px 12px; background: #fff; border: 1px solid #e2e8f0; border-radius: 6px; }
.tiktok-room-name { min-width: 0; display: flex; align-items: center; gap: 10px; }
.tiktok-room-name > span { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; color: #0073a0; background: #e8f4f8; border-radius: 6px; }
.tiktok-room-name .icon { width: 17px; height: 17px; }
.tiktok-room-name strong, .tiktok-room-name small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tiktok-room-name strong { color: #020817; font-size: 14px; line-height: 20px; }
.tiktok-room-name small { color: #64748b; font-size: 12px; line-height: 18px; }
.tiktok-live-status { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; color: #0b7f4f; background: #dcfce7; border-radius: 999px; font-size: 12px; white-space: nowrap; }
.tiktok-live-status .icon { width: 13px; height: 13px; }
.tiktok-disconnect { height: 36px; min-height: 36px; justify-content: center; color: #020817; background: #fff; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: none; font-size: 13px; }
.tiktok-disconnect:hover { color: #dc2626; background: #fff7f7; border-color: #fecaca; }
.tiktok-leads-page .tiktok-live-card:first-of-type { min-height: 188px; }
.tiktok-room-list.compact { margin-top: 16px; }
.tiktok-leads-card { min-height: 202px; padding: 24px; }
.tiktok-leads-card-heading { min-height: 40px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.tiktok-leads-card-heading > div { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; }
.tiktok-leads-card-heading .select { width: 184px; }
.tiktok-icon-refresh { width: 40px; height: 40px; min-height: 40px; display: grid; place-items: center; padding: 0; color: #020817; background: #fff; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: none; }
.tiktok-icon-refresh .icon { width: 16px; height: 16px; }
.tiktok-leads-empty { min-height: 112px; display: grid; place-items: center; color: #64748b; font-size: 14px; text-align: center; }
.tiktok-leads-table { margin: 20px -24px -24px; overflow: auto; border-top: 1px solid #e2e8f0; }
.tiktok-leads-table table { width: 100%; min-width: 860px; border-collapse: collapse; font-size: 13px; }
.tiktok-leads-table th { height: 44px; padding: 0 14px; color: #64748b; background: #f8fafc; font-size: 12px; font-weight: 500; text-align: left; }
.tiktok-leads-table td { height: 58px; max-width: 260px; padding: 8px 14px; overflow: hidden; border-top: 1px solid #e2e8f0; text-overflow: ellipsis; white-space: nowrap; }
.tiktok-leads-table td .button { height: 34px; min-height: 34px; border-radius: 6px; box-shadow: none; font-size: 12px; }
.tiktok-leads-table td .button .icon { width: 14px; height: 14px; }

.tiktok-integration-page { width: min(100%, 1104px); display: grid; gap: 24px; margin: 29px auto 48px; color: #020817; }
.tiktok-integration-page.is-loading { opacity: .72; }
.tiktok-integration-heading { min-height: 94px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 24px; border: 1px solid #e2e8f0; border-radius: 8px; box-shadow: 0 1px 2px rgba(15,23,42,.03); }
.tiktok-integration-heading > div { min-width: 0; display: flex; align-items: center; gap: 10px; }
.tiktok-integration-heading > div > button { width: 32px; height: 32px; display: grid; place-items: center; padding: 0; color: #64748b; background: transparent; border: 0; border-radius: 5px; }
.tiktok-integration-heading > div > span { width: 24px; height: 24px; display: grid; place-items: center; color: #08799f; }
.tiktok-integration-heading h1 { margin: 0; color: #020817; font-size: 26px; line-height: 32px; letter-spacing: -.025em; }
.tiktok-integration-heading p { margin: 2px 0 0; color: #64748b; font-size: 14px; }
.tiktok-integration-heading code { display: inline-flex; align-items: center; gap: 8px; padding: 5px 11px; color: #020817; background: #fff; border: 1px solid #dbe3ed; border-radius: 999px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.tiktok-integration-heading code .icon { width: 14px; height: 14px; padding: 2px; color: #fff; background: #18b675; border-radius: 50%; }
.tiktok-integration-metrics { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }
.tiktok-integration-metrics article { min-height: 126px; padding: 24px; border: 1px solid #e2e8f0; border-radius: 8px; box-shadow: 0 1px 2px rgba(15,23,42,.03); }
.tiktok-integration-metrics header { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #020817; font-size: 14px; }
.tiktok-integration-metrics header .icon { width: 16px; height: 16px; color: #64748b; }
.tiktok-integration-metrics strong { display: block; margin-top: 8px; font-size: 27px; line-height: 30px; }
.tiktok-integration-metrics small { display: block; margin-top: 2px; color: #64748b; font-size: 13px; }
.tiktok-integration-presence, .tiktok-integration-connect, .tiktok-integration-leads { padding: 24px; border: 1px solid #e2e8f0; border-radius: 8px; box-shadow: 0 1px 2px rgba(15,23,42,.03); }
.tiktok-integration-presence > header, .tiktok-integration-leads > header { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.tiktok-integration-presence h2, .tiktok-integration-connect h2, .tiktok-integration-leads h2 { display: flex; align-items: center; gap: 8px; margin: 0; color: #020817; font-size: 20px; line-height: 28px; }
.tiktok-integration-presence h2 .icon, .tiktok-integration-connect h2 .icon, .tiktok-integration-leads h2 .icon { width: 20px; height: 20px; }
.tiktok-integration-presence h2 span { padding: 2px 10px; color: #006b8e; background: #dff3fb; border-radius: 999px; font-size: 12px; font-weight: 700; }
.tiktok-integration-presence header p, .tiktok-integration-connect header p, .tiktok-integration-leads header p { margin: 2px 0 0; color: #64748b; font-size: 14px; }
.tiktok-integration-presence > header .button, .tiktok-integration-leads > header .button { min-height: 36px; background: #fff; border-color: #dbe3ed; box-shadow: none; }
.tiktok-integration-empty { min-height: 74px; display: flex; align-items: center; gap: 12px; margin-top: 20px; padding: 14px 16px; border: 1px solid #dbe3ed; border-radius: 8px; font-size: 14px; }
.tiktok-integration-empty > .icon { width: 18px; height: 18px; flex: 0 0 18px; }
.tiktok-integration-empty span { flex: 1; }
.tiktok-integration-empty button { display: inline-flex; align-items: center; gap: 5px; padding: 8px; color: #006b8e; background: transparent; border: 0; font-weight: 600; white-space: nowrap; }
.tiktok-integration-empty button .icon { width: 14px; height: 14px; }
.tiktok-integration-empty.compact { min-height: 54px; margin-top: 16px; }
.tiktok-integration-members { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 20px; }
.tiktok-integration-members article { display: flex; align-items: center; gap: 10px; padding: 11px; border: 1px solid #e2e8f0; border-radius: 7px; }
.tiktok-integration-members article > span { width: 34px; height: 34px; display: grid; place-items: center; color: #fff; background: #08799f; border-radius: 50%; font-weight: 700; }
.tiktok-integration-members article > div { min-width: 0; flex: 1; }
.tiktok-integration-members strong, .tiktok-integration-members small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tiktok-integration-members small { color: #64748b; }
.tiktok-integration-members article > .icon { width: 17px; height: 17px; color: #18a66b; }
.tiktok-integration-connect > header { margin-bottom: 26px; }
.tiktok-integration-connect form label { display: grid; gap: 8px; font-size: 14px; }
.tiktok-integration-connect form label > div { display: grid; grid-template-columns: minmax(0,1fr) 192px; gap: 12px; }
.tiktok-integration-connect .field, .tiktok-integration-connect .button { min-height: 40px; border-radius: 6px; }
.tiktok-integration-connect .button { justify-content: center; background: #08799f; box-shadow: none; }
.tiktok-integration-connect .button:disabled { color: #fff; background: #83b4c6; opacity: 1; }
.tiktok-integration-leads .tiktok-leads-table { margin-bottom: -24px; }

@media (max-width: 700px) {
  .tiktak-live-page { gap: 16px; margin-top: 8px; }
  .tiktok-live-heading { height: auto; min-height: 94px; align-items: flex-start; flex-direction: column; padding: 16px; }
  .tiktok-live-heading h1 { font-size: 21px; line-height: 28px; }
  .tiktok-live-heading p { font-size: 13px; }
  .tiktok-live-heading > .button { width: 100%; justify-content: center; }
  .tiktok-live-card { min-height: 0; padding: 18px; }
  .tiktok-live-connect-row { grid-template-columns: 1fr; }
  .tiktok-room-row { grid-template-columns: minmax(0,1fr) auto; }
  .tiktok-room-row .tiktok-disconnect { grid-column: 1 / -1; width: 100%; }
  .tiktok-leads-card-heading { align-items: flex-start; flex-direction: column; }
  .tiktok-leads-card-heading > div, .tiktok-leads-card-heading .select { width: 100%; }
  .tiktok-leads-table { margin-inline: -18px; }
  .tiktok-integration-page { gap: 16px; margin-top: 8px; }
  .tiktok-integration-heading { align-items: flex-start; flex-direction: column; padding: 16px; }
  .tiktok-integration-heading h1 { font-size: 21px; line-height: 28px; }
  .tiktok-integration-heading code { margin-left: 42px; }
  .tiktok-integration-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .tiktok-integration-metrics article { min-height: 112px; padding: 16px; }
  .tiktok-integration-presence, .tiktok-integration-connect, .tiktok-integration-leads { padding: 18px; }
  .tiktok-integration-presence > header, .tiktok-integration-leads > header { align-items: flex-start; flex-direction: column; }
  .tiktok-integration-presence > header .button, .tiktok-integration-leads > header .button { width: 100%; justify-content: center; }
  .tiktok-integration-empty { align-items: flex-start; flex-wrap: wrap; }
  .tiktok-integration-empty button { width: 100%; justify-content: flex-end; }
  .tiktok-integration-members { grid-template-columns: 1fr; }
  .tiktok-integration-connect form label > div { grid-template-columns: 1fr; }
  .tiktok-integration-leads .tiktok-leads-table { margin-inline: -18px; }
}

/* Pages de référence TikTak — dimensions, densité et palette relevées sur les écrans source. */
.documentation-page { width: min(100%, 1104px); margin: 29px auto 48px; color: #020817; }
.documentation-page > header { display: grid; justify-items: center; text-align: center; margin-bottom: 26px; }
.documentation-page > header > span { width: 56px; height: 56px; display: grid; place-items: center; margin-bottom: 14px; color: #08799f; background: #e7f3f8; border-radius: 8px; }
.documentation-page > header > span .icon { width: 28px; height: 28px; }
.documentation-page > header h1 { margin: 0 0 8px; color: #020817; font-size: 38px; font-weight: 700; line-height: 45px; }
.documentation-page > header p { margin: 0; color: #64748b; font-size: 18px; line-height: 27px; }
.documentation-tabs { height: 40px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; margin-bottom: 24px; padding: 4px; background: #f1f5f9; border-radius: 6px; }
.documentation-tabs button { color: #64748b; background: transparent; border: 0; border-radius: 4px; font-size: 14px; }
.documentation-tabs button.active { color: #020817; background: #fff; box-shadow: 0 1px 3px rgba(15,23,42,.12); font-weight: 500; }
.documentation-panel { padding: 24px; border-color: #e2e8f0; border-radius: 8px; box-shadow: 0 1px 2px rgba(15,23,42,.03); }
.documentation-panel > h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 24px; color: #020817; font-size: 27px; line-height: 34px; }
.documentation-panel > h2 .icon { width: 24px; height: 24px; color: #08799f; }
.documentation-panel > section + section { margin-top: 28px; }
.documentation-panel h3 { margin: 0 0 12px; color: #020817; font-size: 20px; line-height: 28px; }
.documentation-panel p, .documentation-panel li { color: #475569; font-size: 15px; line-height: 24px; }
.documentation-objectives { display: grid; gap: 7px; margin: 0; padding-left: 22px; }
.documentation-benefits { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.documentation-benefits article { min-height: 91px; display: grid; grid-template-columns: 38px 1fr; gap: 12px; padding: 15px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 7px; }
.documentation-benefits article > span { width: 38px; height: 38px; display: grid; place-items: center; color: #08799f; background: #e7f3f8; border-radius: 7px; }
.documentation-benefits strong { color: #020817; font-size: 15px; }
.documentation-benefits p { margin: 3px 0 0; font-size: 13px; line-height: 19px; }
.documentation-steps { display: grid; gap: 16px; }
.documentation-steps > section { display: grid; grid-template-columns: 42px 1fr; gap: 14px; padding: 18px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 7px; }
.documentation-steps > section > span { width: 42px; height: 42px; display: grid; place-items: center; color: #fff; background: #08799f; border-radius: 50%; font-size: 16px; font-weight: 700; }
.documentation-steps ul { display: grid; gap: 4px; margin: 0; padding-left: 20px; }
.documentation-tip { margin-top: 20px; padding: 18px; color: #164e63; background: #ecfeff; border: 1px solid #a5f3fc; border-radius: 7px; }
.documentation-tip strong { display: flex; align-items: center; gap: 7px; }
.documentation-tip p { margin: 8px 0 14px; color: #155e75; }
.documentation-module-groups { display: grid; gap: 20px; }
.documentation-module-groups > section { overflow: hidden; border: 1px solid #e2e8f0; border-radius: 8px; }
.documentation-module-groups > section > header { min-height: 64px; display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: #f8fafc; border-bottom: 1px solid #e2e8f0; }
.documentation-module-groups > section > header > span { width: 36px; height: 36px; display: grid; place-items: center; color: #08799f; background: #e7f3f8; border-radius: 6px; }
.documentation-module-groups h3, .documentation-module-groups h4 { margin: 0; }
.documentation-module-groups header small { color: #64748b; }
.documentation-module-groups > section > div { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); }
.documentation-module-groups article { padding: 16px; border-right: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; }
.documentation-module-groups article p { margin: 6px 0 12px; font-size: 13px; line-height: 20px; }
.documentation-module-groups article .button { height: 34px; min-height: 34px; padding-inline: 10px; box-shadow: none; font-size: 12px; }
.documentation-faq { display: grid; gap: 10px; }
.documentation-faq details { overflow: hidden; border: 1px solid #e2e8f0; border-radius: 7px; }
.documentation-faq summary { min-height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; color: #020817; font-size: 15px; font-weight: 600; cursor: pointer; list-style: none; }
.documentation-faq summary .icon { width: 16px; height: 16px; transition: transform .2s; }
.documentation-faq details[open] summary .icon { transform: rotate(90deg); }
.documentation-faq details p { margin: 0; padding: 0 16px 16px; }
.documentation-lead { margin-bottom: 20px; }
.documentation-support-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.documentation-support-grid article { padding: 20px; text-align: center; border: 1px solid #e2e8f0; border-radius: 8px; }
.documentation-support-grid article > span { width: 46px; height: 46px; display: grid; place-items: center; margin: 0 auto 13px; color: #08799f; background: #e7f3f8; border-radius: 8px; }
.documentation-support-grid p { min-height: 48px; margin: 6px 0 14px; font-size: 13px; line-height: 20px; }

.extra-settings-page { width: min(100%, 896px); display: grid; gap: 24px; margin: 7px auto 48px; color: #020817; }
.extra-settings-page > header h1 { margin: 0 0 6px; font-size: 28px; line-height: 34px; }
.extra-settings-page > header p { margin: 0; color: #64748b; font-size: 17px; line-height: 25px; }
.extra-settings-page > section { padding: 24px; border-color: #e2e8f0; border-radius: 8px; box-shadow: 0 1px 2px rgba(15,23,42,.04); }
.extra-settings-page h2 { display: flex; align-items: center; gap: 8px; margin: 0 0 22px; font-size: 26px; line-height: 32px; }
.extra-settings-page h2 .icon { width: 21px; height: 21px; }
.extra-mode-card > p { margin: 0 0 26px; color: #64748b; font-size: 15px; }
.extra-mode-copy { margin-bottom: 24px; color: #111827; font-size: 15px; }
.extra-mode-card aside { min-height: 207px; padding: 16px; color: #1d4ed8; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 7px; }
.extra-mode-card aside strong { display: flex; align-items: center; gap: 10px; font-weight: 400; }
.extra-mode-card aside p { margin: 8px 0 4px 32px; }
.extra-mode-card aside ul { display: grid; gap: 4px; margin: 0 0 0 32px; padding-left: 17px; line-height: 20px; }
.extra-preview-card > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.extra-preview-card article { padding: 16px; border: 1px solid #e2e8f0; border-radius: 7px; }
.extra-preview-card article strong { display: block; margin-bottom: 10px; font-size: 17px; }
.extra-preview-card article p { display: flex; align-items: center; gap: 8px; margin: 4px 0; color: #64748b; font-size: 14px; }
.extra-preview-card article i { width: 16px; height: 16px; display: block; background: #0b2d5b; border-radius: 3px; }
.extra-preview-card article p + p i { background: #2b7d9e; }
.extra-preview-card article:last-child i { background: #fff; border: 1px solid #e2e8f0; }
.extra-instructions-card p { margin: 0; color: #475569; font-size: 15px; line-height: 24px; }

.form-builder-page { width: min(100%, 1152px); min-height: 667px; margin: 5px auto 40px; overflow: hidden; color: #020817; border-color: #e2e8f0; border-radius: 8px; box-shadow: none; }
.form-builder-page > header { height: 73px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; border-bottom: 1px solid #e2e8f0; }
.form-builder-page > header h1 { margin: 0; font-size: 20px; line-height: 27px; }
.form-builder-page > header p { margin: 2px 0 0; color: #64748b; font-size: 15px; }
.form-builder-page > header > div:last-child { display: flex; gap: 8px; }
.form-builder-layout { min-height: 594px; display: grid; grid-template-columns: 287px minmax(360px,521px) minmax(280px,344px); }
.form-builder-palette, .form-builder-canvas, .form-builder-inspector { min-width: 0; background: #fff; }
.form-builder-palette, .form-builder-canvas { border-right: 1px solid #e2e8f0; }
.form-builder-palette > h2 { margin: 0; padding: 18px 16px 6px; color: #0f172a; font-size: 15px; line-height: 20px; }
.form-builder-palette > nav, .form-builder-inspector > nav { height: 57px; display: grid; grid-template-columns: repeat(2,1fr); padding: 8px; background: #f8fafc; border-bottom: 1px solid #e2e8f0; }
.form-builder-palette > nav button, .form-builder-inspector > nav button { color: #64748b; background: transparent; border: 0; border-radius: 5px; font-size: 13px; }
.form-builder-palette > nav button.active, .form-builder-inspector > nav button.active { color: #020817; background: #fff; box-shadow: 0 1px 3px rgba(15,23,42,.12); }
.form-builder-fields { height: 537px; padding: 17px; overflow-y: auto; }
.form-builder-fields h3 { margin: 0 0 9px; color: #64748b; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
.form-builder-fields h3:not(:first-child) { margin-top: 18px; }
.form-builder-fields button, .form-builder-section-types button { width: 100%; min-height: 40px; display: flex; align-items: center; gap: 9px; margin-bottom: 7px; padding: 0 10px; color: #020817; background: #fff; border: 1px solid #e2e8f0; border-radius: 5px; text-align: left; font-size: 13px; }
.form-builder-fields button:hover, .form-builder-section-types button:hover { border-color: #87b9cd; background: #f8fcfd; }
.form-builder-fields button .icon { width: 15px; height: 15px; color: #08799f; }
.form-builder-fields button span { margin-left: auto; color: #94a3b8; }
.form-builder-section-types { padding: 18px; }
.form-builder-canvas > header { height: 57px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; background: #f8fafc; border-bottom: 1px solid #e2e8f0; }
.form-builder-canvas > header h2 { margin: 0; font-size: 14px; }
.form-builder-canvas > header .button { min-height: 32px; height: 32px; padding: 0 10px; box-shadow: none; font-size: 12px; }
.form-builder-canvas > div { height: 537px; padding: 20px; overflow-y: auto; background: #fbfdff; }
.form-builder-empty.canvas { min-height: 263px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 2px dashed #cbd5e1; border-radius: 7px; text-align: center; }
.form-builder-empty.canvas > .icon { width: 28px; height: 28px; margin-bottom: 10px; color: #94a3b8; }
.form-builder-empty.canvas p { margin: 0 0 3px; color: #334155; font-size: 14px; }
.form-builder-empty.canvas small { margin-bottom: 14px; color: #94a3b8; }
.form-builder-section { margin-bottom: 14px; overflow: hidden; background: #fff; border: 1px solid #cbd5e1; border-radius: 7px; }
.form-builder-section > header { height: 40px; display: flex; align-items: center; justify-content: space-between; padding: 0 12px; background: #f8fafc; border-bottom: 1px solid #e2e8f0; }
.form-builder-section > header button { display: grid; place-items: center; padding: 4px; color: #64748b; background: transparent; border: 0; }
.form-builder-section > header .icon { width: 15px; height: 15px; }
.form-builder-section > div { display: grid; gap: 8px; padding: 12px; }
.form-builder-section > div > p { margin: 10px; color: #94a3b8; font-size: 12px; text-align: center; }
.form-builder-canvas-field { padding: 9px; border: 1px solid transparent; border-radius: 5px; }
.form-builder-canvas-field:hover, .form-builder-canvas-field.selected { background: #f0f9ff; border-color: #7dd3fc; }
.form-builder-canvas-field label, .form-builder-preview label { display: grid; gap: 5px; color: #334155; font-size: 12px; }
.form-builder-canvas-field input:not([type="checkbox"]):not([type="radio"]), .form-builder-canvas-field textarea, .form-builder-canvas-field select, .form-builder-preview input:not([type="checkbox"]):not([type="radio"]), .form-builder-preview textarea, .form-builder-preview select { width: 100%; min-height: 36px; padding: 7px 9px; background: #fff; border: 1px solid #e2e8f0; border-radius: 5px; }
.form-builder-inspector { position: relative; }
.form-builder-empty.properties { height: 537px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 28px; color: #94a3b8; text-align: center; }
.form-builder-empty.properties .icon { width: 35px; height: 35px; margin-bottom: 12px; }
.form-builder-empty.properties p { max-width: 210px; font-size: 13px; line-height: 20px; }
.form-builder-properties, .form-builder-preview { display: grid; gap: 14px; padding: 18px; }
.form-builder-properties > label { display: grid; gap: 6px; color: #334155; font-size: 12px; }
.form-builder-properties input:not([type="checkbox"]) { width: 100%; height: 38px; padding: 0 10px; border: 1px solid #e2e8f0; border-radius: 5px; }
.form-builder-check { display: flex !important; grid-template-columns: auto 1fr; align-items: center; justify-content: flex-start; gap: 7px; }
.form-builder-properties .button { width: 100%; min-height: 36px; box-shadow: none; }
.form-builder-preview fieldset { border: 1px solid #e2e8f0; border-radius: 6px; }
.form-builder-preview fieldset label { display: inline-flex; margin-right: 9px; }
.form-builder-switch-row { display: flex; align-items: center; justify-content: space-between; }
.form-builder-html, .form-builder-image { padding: 14px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; }
.form-builder-image { display: flex; align-items: center; justify-content: center; gap: 8px; }

.form-demo-page { width: min(100%, 1104px); margin: 9px auto 48px; color: #020817; }
.form-demo-page > h1 { margin: 0 0 24px; font-size: 28px; }
.form-demo-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; align-items: start; }
.form-demo-grid > section { overflow: hidden; border-color: #e2e8f0; border-radius: 8px; box-shadow: none; }
.form-demo-grid > section > header { padding: 20px 24px 12px; }
.form-demo-grid > section > header h2 { margin: 0 0 5px; font-size: 20px; }
.form-demo-grid > section > header p { margin: 0; color: #64748b; font-size: 13px; }
.form-demo-grid > section:first-child > textarea { width: calc(100% - 48px); height: 400px; display: block; margin: 0 24px 16px; padding: 14px; resize: vertical; color: #0f172a; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; font: 12px/18px ui-monospace, SFMono-Regular, Menlo, monospace; }
.form-demo-grid > section:first-child > div { display: flex; gap: 8px; padding: 0 24px 24px; }
.form-demo-grid .button { min-height: 38px; border-radius: 6px; box-shadow: none; }
.form-demo-viewer { display: grid; gap: 17px; padding: 10px 24px 24px; }
.form-demo-viewer > label { display: grid; gap: 7px; color: #020817; font-size: 14px; }
.form-demo-viewer input:not([type="checkbox"]), .form-demo-viewer textarea { width: 100%; min-height: 40px; padding: 8px 12px; border: 1px solid #e2e8f0; border-radius: 6px; }
.form-demo-viewer textarea { height: 92px; resize: vertical; }
.form-demo-viewer fieldset { display: grid; gap: 9px; padding: 0; border: 0; }
.form-demo-viewer legend { margin-bottom: 8px; font-size: 14px; }
.form-demo-viewer fieldset label { color: #334155; font-size: 13px; }
.form-demo-debug { padding: 18px 24px 24px; border-top: 1px solid #e2e8f0; }
.form-demo-debug h2 { margin: 0 0 10px; font-size: 17px; }
.form-demo-debug pre { min-height: 110px; margin: 0; padding: 12px; overflow: auto; color: #334155; background: #f8fafc; border-radius: 6px; font: 12px/18px ui-monospace, SFMono-Regular, Menlo, monospace; }

.modules-reference-page { width: min(100%, 1104px); margin: 27px auto 48px; color: #020817; }
.modules-reference-page > header { margin-bottom: 34px; text-align: center; }
.modules-reference-page > header h1 { margin: 0 0 14px; font-size: 38px; line-height: 46px; }
.modules-reference-page > header p { margin: 0; color: #64748b; font-size: 19px; }
.modules-reference-page > section { margin-bottom: 31px; }
.modules-reference-page > section > h2 { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; font-size: 27px; line-height: 32px; }
.modules-reference-page > section > h2 span { padding: 4px 11px; color: #087096; background: #d9edf4; border-radius: 999px; font-size: 12px; line-height: 16px; }
.modules-reference-page > section > div { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.modules-reference-page a { min-width: 0; min-height: 118px; display: grid; grid-template-columns: 38px minmax(0,1fr); align-content: start; gap: 11px; padding: 24px; overflow: hidden; color: inherit; background: #fff; border: 1px solid #e2e8f0; border-radius: 7px; text-decoration: none; box-shadow: 0 1px 2px rgba(15,23,42,.04); }
.modules-reference-page a:hover { border-color: #87b9cd; box-shadow: 0 5px 15px rgba(15,23,42,.08); }
.modules-reference-page a > span { width: 38px; height: 38px; display: grid; place-items: center; color: #08799f; background: #e7f3f8; border-radius: 7px; }
.modules-reference-page a h3 { margin: 5px 0 17px; overflow: hidden; color: #020817; font-size: 20px; line-height: 24px; text-overflow: clip; white-space: nowrap; }
.modules-reference-page a p { margin: 0; overflow: hidden; color: #64748b; font-size: 15px; line-height: 20px; text-overflow: clip; white-space: nowrap; }
.modules-reference-page > footer { min-height: 72px; display: flex; align-items: center; justify-content: space-between; padding: 18px 22px; background: #fff; border: 1px solid #e2e8f0; border-radius: 7px; }

.themes-reference-page { width: min(100%, 1104px); margin: 29px auto 48px; color: #020817; }
.themes-reference-page > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.themes-reference-page > header h1 { margin: 0; font-size: 28px; }
.themes-reference-page .button { border-radius: 6px; box-shadow: none; }
.theme-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin-bottom: 24px; }
.theme-metrics article { min-height: 166px; display: grid; align-content: start; padding: 18px; border-color: #e2e8f0; border-radius: 8px; box-shadow: none; }
.theme-metrics article > span { width: 38px; height: 38px; display: grid; place-items: center; margin-bottom: 13px; color: #08799f; background: #e7f3f8; border-radius: 7px; }
.theme-metrics h2 { margin: 0 0 5px; color: #64748b; font-size: 13px; font-weight: 500; }
.theme-metrics strong { font-size: 25px; line-height: 31px; }
.theme-metrics small { width: max-content; margin-top: 5px; padding: 3px 7px; color: #a16207; background: #fef3c7; border-radius: 999px; font-size: 10px; }
.theme-metrics small.good { color: #15803d; background: #dcfce7; }
.theme-metrics p { margin: 5px 0 0; color: #64748b; font-size: 11px; }
.theme-previews { display: grid; grid-template-columns: minmax(0,822px) 258px; gap: 24px; margin-bottom: 24px; }
.theme-browser-mock, .theme-phone-mock { height: 385px; overflow: hidden; border-color: #e2e8f0; border-radius: 8px; box-shadow: none; }
.theme-browser-mock > header { height: 32px; display: flex; align-items: center; gap: 5px; padding: 0 11px; background: #f1f5f9; }
.theme-browser-mock > header i { width: 7px; height: 7px; background: #f87171; border-radius: 50%; }
.theme-browser-mock > header i:nth-child(2) { background: #fbbf24; }
.theme-browser-mock > header i:nth-child(3) { background: #34d399; }
.theme-browser-mock > header span { margin: auto; color: #94a3b8; font-size: 9px; }
.theme-browser-mock > div { height: 353px; padding: 17px 25px; background: #fff7ed; }
.theme-browser-mock nav { display: flex; justify-content: space-between; color: #18181b; font-size: 8px; }
.theme-browser-mock nav b { font: 700 17px Georgia,serif; letter-spacing: 3px; }
.theme-browser-mock article { height: 288px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
.theme-browser-mock article small { letter-spacing: 2px; }
.theme-browser-mock article h2 { margin: 8px 0; font: 45px/48px Georgia,serif; }
.theme-browser-mock article p { font-size: 11px; }
.theme-browser-mock article button, .theme-phone article button { padding: 8px 15px; color: #fff; background: #111; border: 0; font-size: 8px; }
.theme-browser-mock article aside { height: 270px; background: radial-gradient(circle at 50% 30%,#f7d7bd 0 13%,transparent 13%), linear-gradient(155deg,#f3c8aa 0 30%,#9c6a52 31% 52%,#f1b99f 53% 72%,#df9f86); border-radius: 47% 47% 10% 10%; filter: saturate(.75); }
.theme-phone-mock { display: grid; place-items: center; background: #f8fafc; }
.theme-phone { width: 154px; height: 340px; overflow: hidden; padding: 13px 12px; background: #fff7ed; border: 5px solid #111827; border-radius: 23px; box-shadow: 0 10px 24px rgba(15,23,42,.22); }
.theme-phone > span { width: 38px; height: 4px; display: block; margin: -7px auto 12px; background: #111827; border-radius: 99px; }
.theme-phone nav { display: flex; justify-content: space-between; font-size: 9px; }
.theme-phone article { min-height: 255px; padding-top: 78px; text-align: center; background: radial-gradient(circle at 53% 33%,#f7d7bd 0 12%,transparent 13%), linear-gradient(160deg,transparent 0 38%,#d9aa8e 39% 76%,transparent 77%); }
.theme-phone article h3 { margin: 8px 0; font: 20px Georgia,serif; }
.theme-current { min-height: 122px; display: grid; grid-template-columns: 126px minmax(0,1fr) auto; align-items: center; gap: 18px; padding: 16px; border-color: #e2e8f0; border-radius: 8px; box-shadow: none; }
.theme-current-thumb { height: 88px; display: grid; place-items: center; color: #111; background: #fff7ed; border-radius: 5px; font: 700 23px Georgia,serif; letter-spacing: 4px; }
.theme-current h2 { margin: 0 0 2px; font-size: 17px; }
.theme-current p, .theme-current small { display: block; margin: 0 0 5px; color: #64748b; font-size: 12px; }
.theme-current > div:nth-child(2) > div { display: flex; gap: 6px; }
.theme-current > div:nth-child(2) span { padding: 3px 7px; background: #f1f5f9; border-radius: 999px; font-size: 10px; }
.theme-current > div:last-child { display: flex; align-items: center; gap: 8px; }
.theme-log-list article { display: grid; gap: 7px; padding: 14px; border: 1px solid #e2e8f0; border-radius: 7px; }
.theme-more-actions { display: grid; gap: 8px; }

.video-demo-page { width: min(100%,1104px); margin: 29px auto 48px; color: #020817; }
.video-demo-page > header { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; }
.video-demo-page > header > span { width: 48px; height: 48px; display: grid; place-items: center; color: #08799f; background: #e7f3f8; border-radius: 8px; }
.video-demo-page > header > span .icon { width: 23px; height: 23px; }
.video-demo-page > header h1 { margin: 0 0 4px; font-size: 32px; line-height: 38px; }
.video-demo-page > header p { margin: 0; color: #64748b; font-size: 16px; }
.video-demo-search { height: 40px; position: relative; display: block; margin-bottom: 32px; }
.video-demo-search .icon { position: absolute; top: 11px; left: 12px; width: 18px; height: 18px; color: #64748b; }
.video-demo-search input { width: 100%; height: 40px; padding: 0 13px 0 40px; border: 1px solid #e2e8f0; border-radius: 6px; outline: 0; }
.video-demo-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.video-demo-grid > article { overflow: hidden; border-color: #e2e8f0; border-radius: 8px; box-shadow: none; }
.video-thumbnail { height: 304px; position: relative; display: block; background-color: #0f172a; background-position: center; background-size: cover; }
.video-thumbnail::after { content: ""; position: absolute; inset: 0; background: rgba(2,6,23,.12); }
.video-thumbnail > span { width: 62px; height: 44px; position: absolute; z-index: 1; top: calc(50% - 22px); left: calc(50% - 31px); display: grid; place-items: center; color: #fff; background: #f00; border-radius: 12px; }
.video-thumbnail .icon { width: 25px; height: 25px; fill: #fff; }
.video-demo-grid > article > div { padding: 18px 20px; }
.video-demo-grid h2 { min-height: 52px; margin: 0 0 6px; font-size: 19px; line-height: 26px; }
.video-demo-grid p { min-height: 40px; margin: 0 0 15px; color: #64748b; font-size: 13px; line-height: 20px; }
.video-demo-grid footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.video-demo-grid footer > div { display: flex; gap: 5px; flex-wrap: wrap; }
.video-demo-grid footer span { padding: 3px 7px; color: #08799f; background: #e7f3f8; border-radius: 999px; font-size: 10px; }
.video-demo-grid footer .button { min-height: 32px; padding: 0; color: #08799f; font-size: 12px; }
.video-demo-empty { grid-column: 1/-1; min-height: 180px; display: grid; place-items: center; color: #64748b; }

.reference-not-found { min-height: 610px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #020817; text-align: center; }
.reference-not-found > strong { color: #08799f; font-size: 80px; line-height: 90px; }
.reference-not-found h1 { margin: 4px 0 8px; font-size: 30px; }
.reference-not-found p { margin: 0 0 22px; color: #64748b; }

.landing-ai-page { min-height: 100vh; color: #0f172a; background-color: #fff; background-image: linear-gradient(rgba(37,99,235,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.025) 1px,transparent 1px),radial-gradient(circle at 7% 7%,rgba(59,130,246,.18),transparent 27%),radial-gradient(circle at 91% 89%,rgba(45,212,191,.16),transparent 26%); background-size: 28px 28px,28px 28px,auto,auto; }
.landing-ai-page > header { width: min(calc(100% - 48px),1152px); min-height: 109px; display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin: 0 auto; padding: 24px 0 25px; border-bottom: 1px solid #e2e8f0; }
.landing-ai-page > header > div:first-child { display: flex; align-items: center; gap: 14px; }
.landing-ai-page > header > div:first-child > button { width: 56px; height: 56px; display: grid; place-items: center; color: #1e40af; background: rgba(255,255,255,.8); border: 1px solid #dbeafe; border-radius: 15px; box-shadow: 0 8px 22px rgba(37,99,235,.10); }
.landing-ai-page > header > div:first-child > span { display: grid; grid-template-columns: 42px auto; grid-template-rows: 18px 29px 18px; column-gap: 10px; align-items: center; }
.landing-ai-page > header > div:first-child i { width: 42px; height: 42px; grid-row: 1/4; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg,#2563eb,#14b8a6); border-radius: 12px; }
.landing-ai-page > header small { color: #2563eb; font-size: 10px; font-weight: 800; letter-spacing: .24em; }
.landing-ai-page > header strong { color: #0f172a; font-size: 27px; line-height: 29px; }
.landing-ai-page > header em { color: #64748b; font-size: 12px; font-style: normal; }
.landing-ai-balance { min-width: 145px; min-height: 58px; display: flex; align-items: center; gap: 10px; padding: 9px 15px; background: rgba(255,255,255,.9); border: 1px solid #e2e8f0; border-radius: 15px; box-shadow: 0 8px 22px rgba(15,23,42,.06); }
.landing-ai-balance > .icon { width: 22px; height: 22px; color: #f59e0b; }
.landing-ai-balance span { display: grid; }
.landing-ai-balance small { color: #64748b !important; font-size: 10px !important; letter-spacing: 0 !important; }
.landing-ai-balance strong { font-size: 14px !important; line-height: 18px !important; }
.landing-ai-hero { min-height: calc(100vh - 110px); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 24px 130px; text-align: center; }
.landing-ai-hero > span { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 27px; padding: 7px 13px; color: #2563eb; background: rgba(239,246,255,.85); border: 1px solid #bfdbfe; border-radius: 999px; font-size: 12px; font-weight: 600; }
.landing-ai-hero h1 { margin: 0 0 34px; color: #0f172a; font-size: clamp(36px,4vw,61px); font-weight: 700; line-height: 1.17; letter-spacing: -.045em; }
.landing-ai-hero h1 b { color: #94a3b8; font-weight: 700; }
.landing-ai-hero h1 i { color: #2563eb; font-style: normal; }
.landing-ai-start { min-height: 51px; display: inline-flex; align-items: center; gap: 13px; padding: 0 25px; color: #fff; background: linear-gradient(90deg,#1d4ed8,#0d9488); border: 0; border-radius: 999px; box-shadow: 0 15px 32px rgba(29,78,216,.24); font-size: 14px; font-weight: 700; }
.landing-ai-hero > small { display: flex; align-items: center; gap: 6px; margin-top: 13px; color: #94a3b8; font-size: 10px; }
.landing-ai-chat { width: min(calc(100% - 48px),780px); display: grid; align-content: start; gap: 20px; margin: 78px auto 0; }
.landing-ai-message { display: grid; grid-template-columns: 38px 1fr; gap: 12px; padding: 17px; background: rgba(255,255,255,.9); border: 1px solid #dbeafe; border-radius: 15px; box-shadow: 0 10px 28px rgba(15,23,42,.07); }
.landing-ai-message > span { width: 38px; height: 38px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg,#2563eb,#14b8a6); border-radius: 10px; }
.landing-ai-message p { margin: 5px 0 0; line-height: 24px; }
.landing-ai-chat form { padding: 14px; background: rgba(255,255,255,.94); border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 15px 38px rgba(15,23,42,.08); }
.landing-ai-chat textarea { width: 100%; min-height: 130px; padding: 12px; resize: vertical; border: 0; outline: 0; }
.landing-ai-chat form .button { float: right; border-radius: 999px; }

.landing-studio-loading { min-height:100vh; display:grid; place-content:center; justify-items:center; gap:10px; text-align:center; }
.landing-studio-loading > span { width:58px; height:58px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#1d4ed8,#0d9488); border-radius:17px; box-shadow:0 18px 42px rgba(29,78,216,.22); }
.landing-studio-loading > span .icon { width:28px; height:28px; }
.landing-studio-loading strong { font-size:20px; }
.landing-studio-loading small { color:#64748b; }
.landing-ai-hero > p { max-width:680px; margin:-12px auto 30px; color:#5d6b80; font-size:16px; line-height:26px; }
.landing-studio-shell { width:min(calc(100% - 48px),1152px); margin:0 auto; padding:36px 0 72px; }
.landing-studio-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:22px; }
.landing-studio-steps button { min-height:76px; display:grid; grid-template-columns:35px 1fr; grid-template-rows:22px 18px; column-gap:10px; align-content:center; text-align:left; padding:13px 16px; color:#64748b; background:rgba(255,255,255,.78); border:1px solid #dce5f0; border-radius:15px; }
.landing-studio-steps button > span { width:35px; height:35px; grid-row:1/3; display:grid; place-items:center; color:#64748b; background:#eef3f8; border-radius:11px; font-weight:800; }
.landing-studio-steps button > span .icon { width:17px; height:17px; }
.landing-studio-steps button b { color:#334155; font-size:14px; }
.landing-studio-steps button small { color:#8492a6; font-size:11px; letter-spacing:0; }
.landing-studio-steps button.active { border-color:#60a5fa; background:#f7fbff; box-shadow:0 9px 24px rgba(37,99,235,.09); }
.landing-studio-steps button.active > span { color:#fff; background:linear-gradient(135deg,#2563eb,#0891b2); }
.landing-studio-steps button.done > span { color:#08799f; background:#dff4f8; }
.landing-studio-workspace { overflow:hidden; background:rgba(255,255,255,.92); border:1px solid #dce5f0; border-radius:20px; box-shadow:0 24px 70px rgba(25,49,83,.10); }
.landing-studio-form { display:grid; grid-template-columns:330px 1fr; }
.landing-studio-form-copy { min-height:450px; padding:46px 38px; color:#fff; background:linear-gradient(155deg,#153b66,#146a88 58%,#0d9488); }
.landing-studio-form-copy > span,.landing-studio-review > div:first-child > span { color:#9ee8f3; font-size:10px; font-weight:800; letter-spacing:.2em; }
.landing-studio-form-copy h1,.landing-studio-review h1 { margin:14px 0 12px; font-size:32px; line-height:38px; letter-spacing:-.035em; }
.landing-studio-form-copy p { margin:0; color:#d6edf4; line-height:23px; }
.landing-studio-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; gap:20px; padding:40px; }
.landing-studio-fields label { display:grid; gap:8px; align-content:start; }
.landing-studio-fields label.wide { grid-column:1/-1; }
.landing-studio-fields label > span { color:#334155; font-size:12px; font-weight:700; }
.landing-studio-fields label > small { color:#8492a6; font-size:11px; }
.landing-studio-fields textarea { min-height:112px; resize:vertical; }
.landing-studio-form > footer { grid-column:2; display:flex; justify-content:space-between; gap:12px; padding:0 40px 35px; }
.landing-studio-form > footer .button,.landing-studio-review footer .button { min-height:45px; border-radius:11px; }
.landing-studio-review { display:grid; grid-template-columns:minmax(300px,.75fr) minmax(480px,1.25fr); gap:32px; padding:38px; }
.landing-studio-review > div:first-child { padding:16px 8px; }
.landing-studio-review > div:first-child > span { color:#08799f; }
.landing-studio-review h1 { color:#10243c; }
.landing-studio-review > div:first-child > p { color:#64748b; line-height:22px; }
.landing-studio-review dl { display:grid; gap:0; margin:26px 0; border:1px solid #e2e8f0; border-radius:13px; }
.landing-studio-review dl div { display:grid; grid-template-columns:95px 1fr; gap:10px; padding:12px 14px; border-bottom:1px solid #e2e8f0; }
.landing-studio-review dl div:last-child { border-bottom:0; }
.landing-studio-review dt { color:#8492a6; font-size:11px; text-transform:uppercase; }
.landing-studio-review dd { margin:0; color:#26384f; font-size:13px; font-weight:700; overflow-wrap:anywhere; }
.landing-studio-review footer { display:flex; gap:10px; flex-wrap:wrap; }
.landing-studio-preview-card { overflow:hidden; color:#fff; background:linear-gradient(145deg,#0c2643,#164f75); border-radius:18px; box-shadow:0 24px 55px rgba(15,40,68,.23); }
.landing-studio-preview-top { display:flex; justify-content:space-between; gap:10px; padding:16px 20px; border-bottom:1px solid rgba(255,255,255,.13); }
.landing-studio-preview-top > span { color:#6ee7b7; font-size:9px; font-weight:900; letter-spacing:.15em; }
.landing-studio-preview-top small { display:flex; align-items:center; gap:5px; color:#c9e7f0; }
.landing-studio-preview-hero { min-height:270px; display:grid; grid-template-columns:1.25fr .75fr; align-items:center; gap:16px; padding:30px; background:radial-gradient(circle at 83% 30%,rgba(23,189,190,.25),transparent 35%); }
.landing-studio-preview-hero small { color:#8bd7e9; }
.landing-studio-preview-hero h2 { margin:8px 0; font-size:34px; line-height:38px; letter-spacing:-.045em; }
.landing-studio-preview-hero p { color:#d4e7ef; line-height:21px; }
.landing-studio-preview-hero strong { display:block; margin:16px 0; color:#ffd073; font-size:22px; }
.landing-studio-preview-hero button { min-height:40px; padding:0 18px; color:#10243c; background:#fff; border:0; border-radius:9px; font-weight:800; }
.landing-studio-product-art { width:145px; height:175px; display:grid; place-items:center; transform:rotate(4deg); color:#0c7191; background:linear-gradient(155deg,#fff,#ccebf2); border-radius:24px; box-shadow:0 25px 40px rgba(0,0,0,.25); }
.landing-studio-product-art .icon { width:64px; height:64px; }
.landing-studio-preview-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(255,255,255,.12); }
.landing-studio-preview-benefits > span { min-height:72px; display:flex; align-items:center; justify-content:center; gap:7px; padding:10px; color:#dff7fb; background:#123b5d; font-size:10px; text-align:center; }
.landing-studio-preview-benefits .icon { width:18px; height:18px; color:#61d9d5; flex:0 0 auto; }
.landing-studio-preview-card > footer { display:flex; align-items:center; gap:10px; padding:17px 22px; color:#103856; background:#fff; }
.landing-studio-preview-card > footer > .icon { color:#0d9488; }
.landing-studio-preview-card > footer span { display:grid; }
.landing-studio-preview-card > footer small { color:#75869b; }

.mobile-promo-page { min-height: 100vh; overflow: hidden; color: #fff; background: #eef3f7; }
.mobile-promo-page > header { height: 84px; display: flex; align-items: center; justify-content: center; gap: 12px; padding:0 20px; color: #0f3555; background: #f8fafc; }
.mobile-promo-page > header > strong { font-size: 24px; }
.mobile-promo-page > header > strong span { color: #0e92bd; }
.mobile-install-state { display:inline-flex; align-items:center; gap:6px; margin-left:18px; padding:7px 11px; color:#37617c; background:#e8f1f6; border-radius:999px; font-size:11px; font-weight:700; }
.mobile-install-state.installed { color:#087f69; background:#def7ec; }
.mobile-install-state .icon { width:15px; height:15px; }
.mobile-promo-poster { width: min(100%,600px); height: 669px; position: relative; display: grid; grid-template-columns: 1.1fr .9fr; margin: 16px auto 0; overflow: hidden; padding: 70px 42px; background: radial-gradient(circle at 70% 34%,rgba(14,165,233,.32),transparent 30%),linear-gradient(145deg,#0a223d,#103d66 55%,#0b6f8c); box-shadow: 0 20px 60px rgba(15,23,42,.20); }
.mobile-promo-poster > div:first-child { z-index: 2; }
.mobile-promo-poster > div:first-child > .brand-mark { display: inline-block; margin-right: 8px; }
.mobile-promo-poster h1 { display: inline-block; margin: 0; font-size: 35px; vertical-align: top; }
.mobile-promo-poster p { margin: 26px 0 24px; font-size: 27px; line-height: 36px; }
.mobile-store-badges { display: flex; gap: 9px; }
.mobile-store-badges button { min-width: 124px; height: 46px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #fff; background: #050505; border: 1px solid #94a3b8; border-radius: 7px; font-size: 20px; }
.mobile-store-badges button span { display: grid; text-align: left; }
.mobile-store-badges button small { font-size: 7px; }
.mobile-store-badges button strong { font-size: 13px; line-height: 14px; }
.mobile-store-badges button:disabled { opacity:.55; cursor:default; }
.mobile-pwa-note { display:flex; align-items:center; gap:6px; margin-top:16px; color:#b9ddef; font-size:9px; line-height:15px; }
.mobile-pwa-note .icon { width:14px; height:14px; color:#6ee7b7; }
.mobile-device-visual { position: relative; }
.mobile-device-visual::before { content: ""; width: 215px; height: 215px; position: absolute; top: 80px; left: -15px; border: 2px solid #10b981; border-radius: 50%; box-shadow: 0 0 0 18px rgba(251,146,60,.10),0 0 45px #10b981; }
.mobile-device-visual > span { width: 155px; height: 370px; position: absolute; top: 127px; left: 4px; background: linear-gradient(165deg,#c58661 0 47%,#9c6448 48%); border-radius: 70px 70px 25px 25px; transform: rotate(-13deg); }
.mobile-device-visual article { width: 132px; height: 270px; position: absolute; top: 83px; left: 35px; display: grid; align-content: start; gap: 12px; padding: 20px 12px; color: #e0f2fe; background: #0f172a; border: 7px solid #020617; border-radius: 23px; transform: rotate(-10deg); box-shadow: 0 20px 30px rgba(0,0,0,.4); }
.mobile-device-visual article small { font-size: 9px; }
.mobile-device-visual article b { font-size: 24px; }
.mobile-device-visual article i { height: 33px; background: linear-gradient(120deg,#0ea5e9,#22d3ee); border-radius: 5px; clip-path: polygon(0 80%,20% 46%,40% 66%,62% 20%,80% 45%,100% 14%,100% 100%,0 100%); }
.mobile-promo-content { min-height: 650px; padding: 68px 24px; color: #fff; background: linear-gradient(150deg,#081f38,#0d4265); text-align: center; }
.mobile-promo-content > span { padding: 6px 12px; color: #6ee7b7; background: rgba(251,146,60,.15); border: 1px solid rgba(251,146,60,.4); border-radius: 999px; font-size: 11px; }
.mobile-promo-content h2 { margin: 20px 0 10px; font-size: 36px; }
.mobile-promo-content > p { color: #bfdbfe; }
.mobile-promo-content > div { max-width: 850px; display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; margin: 38px auto; }
.mobile-promo-content article { min-height: 120px; display: grid; place-items: center; align-content: center; gap: 10px; padding: 16px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.13); border-radius: 12px; }
.mobile-promo-content article .icon { width: 28px; height: 28px; color: #38bdf8; }
.mobile-promo-content aside { max-width: 760px; display:flex; align-items:center; justify-content:space-between; gap:24px; margin: 50px auto 0; padding: 28px; background: rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); border-radius: 15px; text-align:left; }
.mobile-promo-content aside h3 { margin: 0 0 7px; font-size: 22px; }
.mobile-promo-content aside p { margin:0; color:#bfdbfe; line-height:21px; }
.mobile-promo-content aside button { min-height: 46px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding: 0 18px; color: #0f3555; background: #fff; border: 0; border-radius: 8px; font-weight: 800; white-space:nowrap; }
.mobile-promo-content aside button .icon { width:17px; height:17px; }
.mobile-promo-content aside button:disabled { color:#0b725e; background:#dff7ed; }
.mobile-promo-content > footer { max-width:760px; display:flex; align-items:center; justify-content:center; gap:7px; margin:20px auto 0; color:#87acc0; font-size:10px; line-height:17px; }
.mobile-promo-content > footer .icon { width:15px; height:15px; flex:0 0 auto; }
.mobile-install-steps { display:grid; gap:8px; margin:20px 0; padding-left:22px; color:#52677e; line-height:21px; }

.marketing-landing { min-height: 100vh; color: #172d38; background: #fff; }
.marketing-landing > header { height: 65px; display: flex; align-items: center; justify-content: space-between; padding: 0 max(24px,calc((100vw - 1230px)/2)); background: rgba(255,255,255,.96); }
.marketing-brand { display: flex; align-items: center; gap: 9px; color: #fff; background: #174f6b; padding: 6px 10px; border-radius: 8px; text-decoration: none; }
.marketing-brand .brand-mark { width: 23px; height: 23px; }
.marketing-brand strong { font-size: 23px; }
.marketing-brand strong span { color: #91d8eb; }
.marketing-landing > header nav { display: flex; align-items: center; gap: 29px; }
.marketing-landing > header button { min-height: 40px; padding: 0 14px; color: #0f172a; background: transparent; border: 0; font-size: 14px; }
.marketing-landing > header button.primary { min-width: 148px; color: #fff; background: #10b981; border-radius: 999px; font-weight: 700; }
.marketing-hero { min-height: 694px; display: flex; flex-direction: column; align-items: center; padding: 89px 24px 50px; background: radial-gradient(circle at 7% 15%,rgba(249,115,22,.12),transparent 24%),radial-gradient(circle at 96% 78%,rgba(14,165,233,.12),transparent 27%),#f5f8fa; text-align: center; }
.marketing-hero h1 { margin: 0 0 22px; color: #203945; font-size: clamp(42px,4vw,64px); font-weight: 800; line-height: .93; letter-spacing: -.04em; }
.marketing-hero h1 span { color: #2785ae; }
.marketing-hero h1 b { color: #10b981; }
.marketing-hero > p { max-width: 800px; margin: 0; color: #667891; font-size: 21px; line-height: 28px; }
.marketing-hero > p strong { color: #0f172a; }
.marketing-checks { display: flex; gap: 20px; margin: 33px 0 39px; color: #64748b; font-size: 15px; }
.marketing-checks span::first-letter { color: #16a34a; }
.marketing-cta { min-width: 443px; min-height: 49px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; color: #fff; background: #10b981; border: 0; border-radius: 999px; box-shadow: 0 8px 14px rgba(249,115,22,.25); font-size: 19px; font-weight: 700; }
.marketing-social-proof { min-height: 62px; display: flex; align-items: center; margin-top: 39px; padding: 9px 27px; background: #fff; border-radius: 999px; box-shadow: 0 2px 7px rgba(15,23,42,.15); }
.marketing-social-proof i { width: 29px; height: 29px; display: grid; place-items: center; margin-right: -5px; color: #fff; background: linear-gradient(135deg,#e58a49,#297aa0); border: 2px solid #fff; border-radius: 50%; font-style: normal; font-size: 11px; }
.marketing-social-proof > span { display: grid; margin-left: 15px; text-align: left; }
.marketing-social-proof strong { color: #0f172a; font-size: 15px; }
.marketing-social-proof small { color: #64748b; }
.marketing-stats { max-width: 1230px; display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; margin: 64px auto; padding: 0 24px; }
.marketing-stats article { min-height: 185px; padding: 24px; border: 1px solid #e2e8f0; border-radius: 8px; text-align: center; }
.marketing-stats article > span, .marketing-tools article > span { width: 48px; height: 48px; display: grid; place-items: center; margin: 0 auto 15px; color: #2184ad; background: #eaf5fa; border-radius: 11px; }
.marketing-stats h2 { margin-bottom: 6px; }
.marketing-stats p, .marketing-tools p { color: #64748b; font-size: 14px; line-height: 21px; }
.marketing-tools { padding: 75px 24px; background: #f8fafc; }
.marketing-tools > header { text-align: center; }
.marketing-tools > header h2, .marketing-compare h2, .marketing-trust h2, .marketing-final h2 { margin: 0 0 10px; font-size: 36px; }
.marketing-tools > header p { color: #64748b; }
.marketing-tools > div { max-width: 1100px; display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin: 40px auto 0; }
.marketing-tools article { padding: 24px; background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; text-align: center; }
.marketing-compare, .marketing-trust { max-width: 1100px; margin: 0 auto; padding: 75px 24px; text-align: center; }
.marketing-compare > div { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin-top: 30px; }
.marketing-compare span { padding: 17px; color: #155e75; background: #ecfeff; border-radius: 8px; }
.marketing-compare > .marketing-comparison-table { display: block; overflow-x: auto; border: 1px solid #dbe7ed; border-radius: 10px; background: #fff; box-shadow: 0 8px 24px rgba(15, 74, 103, .08); }
.marketing-comparison-table table { width: 100%; min-width: 680px; border-collapse: collapse; text-align: left; }
.marketing-comparison-table th, .marketing-comparison-table td { padding: 16px 20px; border-bottom: 1px solid #e6eef2; color: #37546b; }
.marketing-comparison-table th { color: #0f3047; background: #f6fafc; font-size: 13px; }
.marketing-comparison-table th:not(:first-child), .marketing-comparison-table td:not(:first-child) { text-align: center; }
.marketing-comparison-table tr:last-child td { border-bottom: 0; }
.marketing-comparison-table svg { width: 18px; height: 18px; color: #109d6a; }
.landing-currency-button { align-self: end; min-width: 44px; }
.product-active-choice { margin-left: auto; color: #0b7499; font-size: 13px; font-weight: 700; }
.pack-create-button { margin-left: 4px; }
.marketing-trust { border-top: 1px solid #e2e8f0; }
.marketing-final { padding: 75px 24px; color: #fff; background: #0b2d5b; text-align: center; }
.marketing-final button { min-height: 45px; margin-top: 12px; padding: 0 25px; color: #10b981; background: #fff; border: 0; border-radius: 999px; font-weight: 700; }
.marketing-landing > footer { min-height: 80px; display: flex; align-items: center; justify-content: space-between; max-width: 1180px; margin: auto; padding: 0 24px; }
.marketing-landing > footer nav { display: flex; gap: 22px; }
.marketing-landing > footer a { color: #64748b; text-decoration: none; }

.design-system-page { width: min(100%,1104px); display: grid; gap: 32px; margin: 29px auto 48px; color: #111827; }
.design-system-page > header { padding: 28px 32px 30px; color: #fff; background: #0b2d5b; border-radius: 16px; }
.design-system-page > header > div { display: flex; align-items: center; gap: 16px; }
.design-system-page > header > div > span { width: 56px; height: 56px; display: grid; place-items: center; background: rgba(255,255,255,.18); border-radius: 15px; }
.design-system-page > header > div > span .icon { width: 30px; height: 30px; }
.design-system-page > header h1 { margin: 0 0 3px; font-size: 37px; }
.design-system-page > header p { margin: 0; color: #d4edf5; font-size: 19px; }
.design-system-page > header nav { display: flex; gap: 8px; margin-top: 18px; flex-wrap: wrap; }
.design-system-page > header nav button { min-height: 30px; padding: 0 13px; color: #fff; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.22); border-radius: 999px; }
.ds-section { padding: 0 24px 24px; overflow: hidden; background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 1px 2px rgba(15,23,42,.03); scroll-margin-top: 84px; }
.ds-section > h2 { min-height: 60px; display: flex; align-items: center; gap: 9px; margin: 0 -24px 24px; padding: 0 24px; color: #fff; background: #2563eb; font-size: 22px; }
.ds-section > h3 { margin-top: 24px; padding-top: 18px; border-top: 1px solid #e2e8f0; font-size: 17px; }
.ds-color-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 16px; }
.ds-color-grid article { display: grid; }
.ds-color-grid i { height: 80px; margin-bottom: 12px; border-radius: 12px; }
.ds-color-grid strong { font-size: 17px; }
.ds-color-grid code, .ds-color-grid p { margin: 2px 0 0; color: #64748b; font-size: 13px; }
.ds-gradients { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.ds-gradients i { height: 70px; background: linear-gradient(135deg,#2563eb,#10b981); border-radius: 10px; }
.ds-gradients i:nth-child(2) { background: linear-gradient(135deg,#0b2d5b,#2563eb); }
.ds-gradients i:nth-child(3) { background: linear-gradient(135deg,#eaf4ff,#fff); }
.ds-gradients i:nth-child(4) { background: linear-gradient(135deg,#0b2d5b,#1f2937); }
.ds-type-samples { display: grid; gap: 12px; }
.ds-type-samples > * { margin: 0; }
.ds-section .button { min-height: 44px; border-radius: 8px; box-shadow: none; }
.ds-form-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.ds-form-grid > label { display: grid; gap: 7px; font-size: 13px; }
.ds-form-grid > label > span { position: relative; display: block; }
.ds-form-grid > label > span .icon { position: absolute; top: 11px; left: 11px; z-index: 1; }
.ds-form-grid > label > span .field { padding-left: 37px; }
.ds-form-grid label.error .field { border-color: #f4474c; }
.ds-form-grid label.valid .field { border-color: #18a84c; }
.ds-form-grid fieldset { display: grid; gap: 7px; border: 1px solid #e2e8f0; border-radius: 7px; }
.ds-card { min-height: 145px; padding: 20px; }
.ds-card > strong { display: block; margin-top: 12px; font-size: 35px; }
.ds-card.gradient { color: #fff; background: linear-gradient(135deg,#0b2d5b,#2563eb); border-radius: 12px; }
.ds-alerts { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; margin-bottom: 16px; }
.ds-alerts aside { display: flex; align-items: center; gap: 9px; padding: 14px; color: #166534; background: #dcfce7; border-radius: 7px; }
.ds-alerts aside:nth-child(2) { color: #854d0e; background: #fef9c3; }
.ds-alerts aside:nth-child(3) { color: #1e40af; background: #dbeafe; }
.ds-alerts aside:nth-child(4) { color: #991b1b; background: #fee2e2; }
.ds-tabs { display: flex; gap: 5px; margin-bottom: 12px; padding: 4px; background: #f1f5f9; border-radius: 6px; }
.ds-tabs button { min-height: 34px; flex: 1; background: transparent; border: 0; border-radius: 4px; }
.ds-tabs button.active { background: #fff; box-shadow: 0 1px 3px rgba(15,23,42,.12); }
.ds-section details { margin-top: 8px; padding: 12px 14px; border: 1px solid #e2e8f0; border-radius: 6px; }
.ds-section details summary { font-weight: 600; cursor: pointer; }
.ds-section details p { margin: 10px 0 0; color: #64748b; }
.ds-chart-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; }
.ds-chart-grid > article { padding: 18px; border: 1px solid #e2e8f0; border-radius: 8px; }
.ds-chart { height: 170px; display: flex; align-items: end; gap: 9px; padding: 15px 8px 0; border-bottom: 1px solid #cbd5e1; }
.ds-chart i { height: var(--h); flex: 1; background: #0788b2; border-radius: 4px 4px 0 0; }
.ds-chart.chart-1 i { background: #18a84c; }
.ds-chart.chart-2 i { background: #fbbb24; }
.ds-chart.chart-3 i { background: #7c3aed; }

.order-detail-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-bottom: 16px; }
.order-detail-summary section { min-width: 0; padding: 14px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; }
.order-detail-summary small, .order-detail-summary strong, .order-detail-summary span { display: block; }
.order-detail-summary small { margin-bottom: 7px; color: #64748b; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
.order-detail-summary strong { color: #0f172a; font-size: 15px; }
.order-detail-summary span { margin-top: 4px; overflow-wrap: anywhere; color: #64748b; font-size: 12px; line-height: 17px; }
.order-detail-history { display: grid; gap: 9px; max-height: 260px; margin: 0; padding: 0; list-style: none; overflow: auto; }
.order-detail-history li { display: flex; align-items: flex-start; gap: 9px; padding-bottom: 9px; border-bottom: 1px solid #edf2f7; }
.order-detail-history li div { display: grid; gap: 3px; }
.order-detail-history li small { color: #64748b; line-height: 17px; }
.action-command-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.action-command-card { display: grid; grid-template-columns: 42px minmax(0,1fr) 18px; align-items: center; gap: 12px; min-height: 82px; padding: 14px; text-align: left; color: #0f172a; background: #fff; border: 1px solid #dce5ef; border-radius: 8px; cursor: pointer; }
.action-command-card:hover { border-color: #087ba0; background: #f5fbfd; box-shadow: 0 5px 16px rgba(22,68,94,.08); }
.action-command-card > span:nth-child(2) { display: grid; gap: 4px; }
.action-command-card small { color: #64748b; font-size: 12px; line-height: 17px; }

/* TikTak reference parity: home, analytics, domains and commercial journeys. */
.home-reference-shell, .site-analytics-shell, .domains-reference-shell, .activation-reference-shell, .packs-reference-shell, .credits-reference-shell { width: min(1152px,100%); margin: 4px auto 40px; color: #101828; }
.home-reference-banner { height: 330px; position: relative; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; color: #fff; background: radial-gradient(circle at 82% 42%,rgba(16,185,129,.24),transparent 26%),linear-gradient(105deg,#0b2d5b,#103d70 58%,#17578b); border-radius: 12px; }
.home-banner-copy { align-self: center; padding: 46px 64px; }
.home-banner-brand { display: flex; align-items: center; gap: 15px; }
.home-banner-brand .brand-mark { width: 48px; height: 48px; }
.home-banner-brand strong { font-size: 48px; letter-spacing: -2px; }
.home-banner-copy > p { margin: 24px 0 22px; font-size: 34px; }
.home-store-badges { display: flex; gap: 10px; }
.home-store-badges > span { min-width: 166px; height: 55px; display: flex; align-items: center; gap: 10px; padding: 6px 13px; color: #fff; background: #05070a; border: 1px solid #fff; border-radius: 7px; }
.home-store-badges .icon { width: 29px; height: 29px; }
.home-store-badges b { font-size: 13px; line-height: 15px; }
.home-banner-art { position: relative; }
.home-banner-art > strong { position: absolute; right: 80px; bottom: 35px; z-index: 3; font-size: 42px; font-style: italic; transform: rotate(-9deg); }
.home-phone { width: 146px; height: 270px; position: absolute; top: 30px; left: 46%; z-index: 2; display: grid; place-items: center; color: #6bd6f3; background: linear-gradient(155deg,#0e1724,#173d5e); border: 8px solid #080c11; border-radius: 25px; box-shadow: 0 23px 35px rgba(0,0,0,.45); transform: rotate(-10deg); }
.home-phone::before { content: ""; width: 60px; height: 8px; position: absolute; top: 5px; background: #05070a; border-radius: 0 0 6px 6px; }
.home-phone span { width: 100px; height: 70px; background: linear-gradient(140deg,#2563eb,#10b981); clip-path: polygon(0 82%,18% 57%,34% 68%,58% 23%,76% 46%,100% 16%,100% 100%,0 100%); }
.home-phone .icon { width: 42px; height: 42px; }
.home-orbit { position: absolute; border: 2px solid #10b981; border-radius: 50%; box-shadow: 0 0 23px rgba(16,185,129,.68); }
.home-orbit.one { width: 278px; height: 278px; top: 27px; left: 28%; }
.home-orbit.two { width: 95px; height: 95px; top: 39px; right: 45px; }
.home-welcome { margin: 33px 0 34px; }
.home-welcome h1 { margin: 0 0 9px; color: #050b16; font-size: 30px; font-weight: 800; }
.home-welcome p { margin: 0; color: #65758e; font-size: 17px; }
.home-activation-callout { min-height: 112px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 25px; background: linear-gradient(100deg,#f6fbfd,#fff); border-color: #b6dceb; }
.home-activation-callout > div { display: flex; align-items: center; gap: 12px; }
.home-activation-callout > div > span { color: #2563eb; }
.home-activation-callout h2, .home-activation-callout p { margin: 0; }
.home-activation-callout h2 { margin-bottom: 10px; font-size: 20px; }
.home-activation-callout p { color: #64748b; }
.home-activation-callout > .button { min-width: 240px; }
.home-setup-card, .home-videos { margin-top: 32px; padding: 25px; }
.home-setup-head, .home-section-title { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.home-setup-head h2, .home-setup-head p, .home-section-title h2, .home-section-title p { margin: 0; }
.home-setup-head p, .home-section-title p { margin-top: 5px; color: #64748b; font-size: 13px; }
.home-setup-head > div:last-child { display: grid; text-align: right; }
.home-setup-head > div:last-child strong { color: #2563eb; font-size: 27px; }
.home-setup-head > div:last-child span { color: #64748b; font-size: 12px; }
.home-setup-card .progress-track { height: 14px; margin-bottom: 22px; background: #d5e9f0; }
.home-setup-card .progress-track span { background: #2563eb; }
.home-checklist { display: grid; gap: 10px; }
.home-step, .home-domain-step { min-height: 69px; display: grid; grid-template-columns: 34px minmax(0,1fr) auto auto; align-items: center; gap: 12px; padding: 11px 14px; background: #fff; border: 1px solid #dbe5ee; border-radius: 8px; }
.home-step.done { background: #f3fafc; border-color: #c9e4ec; }
.home-step > span:first-child, .home-domain-step > span:first-child { width: 34px; height: 34px; display: grid; place-items: center; color: #2563eb; background: #e3f1f5; border-radius: 8px; }
.home-step h3, .home-step p, .home-domain-step h3, .home-domain-step p { margin: 0; }
.home-step p, .home-domain-step p { margin-top: 4px; color: #64748b; font-size: 12px; }
.home-domain-step { grid-template-columns: 34px minmax(0,1fr) auto; margin-top: 14px; background: #fbfcfe; }
.home-video-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; margin-top: 19px; }
.home-video-grid article { min-height: 94px; display: grid; grid-template-columns: 43px 1fr; gap: 12px; align-items: center; padding: 15px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; }
.home-video-grid article > span, .home-shortcuts > a > span { width: 43px; height: 43px; display: grid; place-items: center; color: #2563eb; background: #e8f4f8; border-radius: 9px; }
.home-video-grid h3, .home-video-grid p { margin: 0; }
.home-video-grid p { margin-top: 4px; color: #64748b; font-size: 11px; line-height: 16px; }
.home-shortcuts { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; margin-top: 22px; }
.home-shortcuts > a { min-height: 154px; display: grid; grid-template-columns: auto 1fr; gap: 12px; padding: 18px; color: inherit; text-decoration: none; }
.home-shortcuts h2, .home-shortcuts p { margin: 0; }
.home-shortcuts h2 { font-size: 16px; }
.home-shortcuts p { margin-top: 5px; color: #64748b; font-size: 12px; }
.home-shortcuts b { grid-column: 2; display: flex; align-items: center; gap: 7px; color: #2563eb; font-size: 12px; }
.home-shortcuts b .icon { width: 15px; }

.site-analytics-head, .domains-reference-shell > header { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 20px; }
.site-analytics-head h1, .site-analytics-head p, .domains-reference-shell > header h1, .domains-reference-shell > header p { margin: 0; }
.site-analytics-head p, .domains-reference-shell > header p { margin-top: 5px; color: #64748b; }
.analytics-demo-note { min-height: 74px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; margin-bottom: 18px; padding: 14px 17px; color: #6b5312; background: #fffbeb; border: 1px solid #f5df9e; border-radius: 8px; }
.analytics-demo-note > .icon { color: #e49a09; }
.analytics-demo-note strong, .analytics-demo-note p { margin: 0; }
.analytics-demo-note p { margin-top: 3px; font-size: 12px; line-height: 17px; }
.analytics-kpis { display: grid; grid-template-columns: repeat(6,1fr); gap: 10px; }
.analytics-kpis article { min-height: 104px; display: grid; grid-template-columns: 35px 1fr; gap: 8px; padding: 14px; }
.analytics-kpis article > span { width: 35px; height: 35px; display: grid; place-items: center; color: #2563eb; background: #eaf4ff; border-radius: 8px; }
.analytics-kpis article div { display: grid; grid-template-columns: 1fr auto; gap: 2px; }
.analytics-kpis small { grid-column: 1/-1; color: #64748b; font-size: 10px; }
.analytics-kpis strong { font-size: 21px; }
.analytics-kpis b { align-self: center; color: #159968; font-size: 10px; }
.analytics-kpis em { grid-column: 1/-1; color: #94a3b8; font-size: 9px; font-style: normal; }
.analytics-main-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 16px; margin-top: 16px; }
.analytics-main-grid > section, .analytics-breakdowns > section, .analytics-device-grid > section { padding: 18px; }
.analytics-main-grid h2, .analytics-breakdowns h2, .analytics-device-grid h2 { margin: 0 0 16px; font-size: 16px; }
.analytics-globe header { display: flex; justify-content: space-between; }
.analytics-globe header span { color: #94a3b8; font-size: 10px; }
.globe-placeholder { height: 215px; position: relative; display: grid; place-items: center; align-content: center; overflow: hidden; background: radial-gradient(circle,#d4edf4 0 36%,transparent 37%),linear-gradient(#f8fbfd,#f8fbfd); border-radius: 8px; }
.globe-placeholder::before, .globe-placeholder::after { content: ""; width: 195px; height: 195px; position: absolute; border: 1px solid #9fcbd8; border-radius: 50%; }
.globe-placeholder::after { width: 90px; border-radius: 50%; }
.globe-placeholder strong { z-index: 2; color: #2563eb; font-size: 29px; }
.globe-placeholder span { z-index: 2; color: #64748b; font-size: 11px; }
.hour-bars { height: 205px; display: flex; align-items: flex-end; gap: 13px; padding: 12px 8px 0; border-bottom: 1px solid #d8e1ea; }
.hour-bars > span { height: 100%; flex: 1; display: flex; align-items: flex-end; position: relative; }
.hour-bars i { width: 100%; height: var(--h); display: block; background: linear-gradient(#1f99bc,#2563eb); border-radius: 4px 4px 0 0; }
.hour-bars small { position: absolute; bottom: -20px; left: 50%; color: #94a3b8; font-size: 9px; transform: translateX(-50%); }
.analytics-activity footer { display: flex; gap: 15px; margin-top: 27px; color: #64748b; font-size: 10px; }
.analytics-activity footer p { margin: 0; }
.analytics-breakdowns { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; margin-top: 16px; }
.analytics-breakdowns .analytics-pages { grid-column: 1/-1; }
.analytics-mini-table > div { min-height: 37px; display: grid; grid-template-columns: 1.4fr .65fr 1fr; align-items: center; gap: 10px; border-top: 1px solid #edf1f5; font-size: 11px; }
.analytics-table-head { color: #64748b; font-weight: 700; }
.analytics-mini-table span:last-child { display: flex; align-items: center; gap: 7px; }
.analytics-mini-table span i { width: calc(var(--value) * .7); height: 6px; display: inline-block; background: #159bbb; border-radius: 9px; }
.analytics-device-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 16px; }
.analytics-device-grid > section { display: grid; grid-template-columns: 1fr 1fr; }
.analytics-device-grid h2 { grid-column: 1/-1; }
.analytics-donut { width: 105px; height: 105px; position: relative; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(#2563eb 0 62%,#26b7c4 62% 85%,#dbe9ee 85%); }
.analytics-donut::after { content: ""; width: 64px; height: 64px; position: absolute; background: #fff; border-radius: 50%; }
.analytics-donut strong { z-index: 1; }
.analytics-device-grid ul { margin: 0; padding: 0; list-style: none; }
.analytics-device-grid li { display: flex; justify-content: space-between; gap: 9px; padding: 5px 0; color: #64748b; font-size: 10px; }

.domains-reference-shell > header { justify-content: flex-start; }
.domains-reference-shell > header .title-icon { width: 44px; height: 44px; display: grid; place-items: center; color: #2563eb; background: #eaf4ff; border-radius: 9px; }
.domain-tabs { display: flex; margin-bottom: 18px; border-bottom: 1px solid #dbe4ed; }
.domain-tabs button { min-height: 47px; display: flex; align-items: center; gap: 8px; padding: 0 18px; color: #64748b; background: transparent; border: 0; border-bottom: 2px solid transparent; font-size: 13px; }
.domain-tabs button.active { color: #2563eb; border-bottom-color: #2563eb; font-weight: 700; }
.domain-search-panel { padding: 25px; }
.domain-search-title { display: flex; align-items: center; gap: 12px; }
.domain-search-title > span { width: 42px; height: 42px; display: grid; place-items: center; color: #2563eb; background: #eaf4ff; border-radius: 9px; }
.domain-search-title h2, .domain-search-title p { margin: 0; }
.domain-search-title p { margin-top: 4px; color: #64748b; font-size: 12px; }
.domain-search-form { display: grid; grid-template-columns: 1fr 90px 140px; gap: 0; margin: 24px 0 10px; }
.domain-search-form .field { border-radius: 8px 0 0 8px; }
.domain-tld-select { color: #0f172a; background: #f8fafc; border: 1px solid #dce4ee; border-left: 0; }
.domain-search-form .button { border-radius: 0 8px 8px 0; }
.domain-tld-choices { display: flex; gap: 6px; flex-wrap: wrap; }
.domain-tld-choices button { min-height: 30px; padding: 0 10px; color: #64748b; background: #fff; border: 1px solid #dce4ee; border-radius: 6px; }
.domain-tld-choices button.active { color: #2563eb; background: #eaf4ff; border-color: #87c4d5; }
.domain-price-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; margin-top: 25px; }
.domain-price-grid article { min-height: 145px; display: grid; place-items: center; align-content: center; gap: 7px; border: 1px solid #dce4ee; border-radius: 8px; }
.domain-price-grid article > span { color: #2563eb; }
.domain-price-grid h3, .domain-price-grid strong { margin: 0; }
.domain-price-grid strong { font-size: 13px; }
.domain-price-grid strong small { color: #64748b; font-size: 10px; font-weight: 500; }
.domain-result { min-height: 70px; display: flex; align-items: center; gap: 12px; margin-top: 16px; padding: 13px; background: #f0fbf6; border: 1px solid #bce8d4; border-radius: 8px; }
.domain-result > span { color: #159968; }
.domain-result div { flex: 1; display: grid; gap: 3px; }
.domain-result small { color: #64748b; }
.domain-history, .domain-link-table { margin-top: 16px; }

.activation-reference-shell > header, .packs-reference-shell > header { padding: 22px 10px 30px; text-align: center; }
.activation-reference-shell > header h1, .activation-reference-shell > header p, .packs-reference-shell > header h1, .packs-reference-shell > header p { margin: 0; }
.activation-reference-shell > header p, .packs-reference-shell > header p { margin-top: 7px; color: #64748b; }
.activation-reference-shell > header span { display: inline-block; margin-top: 14px; padding: 6px 10px; color: #2563eb; background: #eaf4ff; border-radius: 99px; font-size: 11px; font-weight: 700; }
.activation-impact { padding: 24px; color: #fff; background: linear-gradient(115deg,#184d72,#0787aa); border-radius: 10px; }
.activation-impact > div:first-child { text-align: center; }
.activation-impact h2, .activation-impact p { margin: 0; }
.activation-impact > div:first-child p { margin-top: 6px; color: #d4edf4; }
.activation-benefits { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-top: 22px; }
.activation-benefits article { display: grid; grid-template-columns: 35px 1fr; gap: 9px; padding: 13px; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.16); border-radius: 8px; }
.activation-benefits article > span { width: 35px; height: 35px; display: grid; place-items: center; background: rgba(255,255,255,.12); border-radius: 7px; }
.activation-benefits h3 { margin: 0; font-size: 13px; }
.activation-benefits p { margin-top: 4px; color: #d5e8f2; font-size: 10px; line-height: 15px; }
.activation-section-head { display: flex; align-items: center; justify-content: space-between; margin: 27px 0 14px; }
.activation-section-head h2, .activation-section-head p { margin: 0; }
.activation-section-head p { margin-top: 4px; color: #64748b; }
.activation-offer-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }
.activation-offer { min-height: 390px; position: relative; display: flex; flex-direction: column; align-items: stretch; padding: 22px; color: inherit; text-align: left; }
.activation-offer.selected { border: 2px solid #2563eb; box-shadow: 0 8px 22px rgba(8,114,149,.13); }
.activation-radio { width: 21px; height: 21px; align-self: flex-end; display: grid; place-items: center; border: 2px solid #aab7c5; border-radius: 50%; }
.activation-offer.selected .activation-radio { border-color: #2563eb; }
.activation-offer.selected .activation-radio i { width: 11px; height: 11px; background: #2563eb; border-radius: 50%; }
.activation-offer h2 { margin: 13px 0 7px; font-size: 19px; }
.activation-offer p { min-height: 51px; color: #64748b; font-size: 12px; line-height: 17px; }
.activation-recommendation { min-height: 18px; margin: -3px 0 9px; color: #2563eb; font-size: 11px; font-style: normal; font-weight: 700; }
.activation-template-link { align-self: flex-start; margin-top: 4px; }
.activation-offer > strong { color: #2563eb; font-size: 30px; }
.activation-offer > small { color: #64748b; }
.activation-offer ul, .offer-card ul { display: grid; gap: 9px; margin: 18px 0 0; padding: 16px 0 0; border-top: 1px solid #e7edf3; list-style: none; }
.activation-offer li, .offer-card li { display: flex; align-items: center; gap: 7px; font-size: 11px; }
.activation-offer li .icon, .offer-card li .icon { width: 15px; height: 15px; color: #159968; }
.activation-badge { position: absolute; top: -10px; left: 20px; padding: 5px 9px; color: #fff; background: #f29b23; border-radius: 99px; font-size: 9px; }
.activation-compare { margin-top: 25px; padding: 22px; }
.activation-compare table { width: 100%; border-collapse: collapse; }
.activation-compare th, .activation-compare td { padding: 12px; border-bottom: 1px solid #e7edf3; text-align: center; font-size: 12px; }
.activation-compare th:first-child, .activation-compare td:first-child { text-align: left; }
.activation-compare td .icon { color: #159968; }
.activation-faq { margin-top: 30px; }
.activation-faq > h2 { text-align: center; }
.activation-faq > div { display: grid; gap: 8px; }
.activation-faq article { background: #fff; border: 1px solid #dce4ee; border-radius: 8px; }
.activation-faq article > button { width: 100%; min-height: 52px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; color: #16253a; background: transparent; border: 0; text-align: left; font-weight: 650; }
.activation-faq article > button .icon { transition: transform .18s; }
.activation-faq article > button[aria-expanded="true"] .icon { transform: rotate(90deg); }
.activation-faq article > p { margin: 0; padding: 0 16px 16px; color: #64748b; font-size: 12px; }
.activation-summary { min-height: 88px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 20px; margin-top: 25px; padding: 18px; }
.activation-summary > div { display: flex; align-items: center; gap: 11px; }
.activation-summary > div > span { width: 39px; height: 39px; display: grid; place-items: center; color: #2563eb; background: #eaf4ff; border-radius: 8px; }
.activation-summary h2, .activation-summary p { margin: 0; }
.activation-summary p { margin-top: 3px; color: #64748b; font-size: 11px; }
.activation-summary > strong { color: #2563eb; font-size: 22px; }
.pack-promises { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; margin-bottom: 20px; }
.pack-promises article { display: flex; align-items: center; justify-content: center; gap: 11px; padding: 15px; color: #fff; background: linear-gradient(135deg,#184d72,#087e9f); border-radius: 8px; }
.pack-promises article > span { width: 38px; height: 38px; display: grid; place-items: center; background: rgba(255,255,255,.13); border-radius: 8px; }
.pack-promises h2, .pack-promises p { margin: 0; }
.pack-promises h2 { font-size: 14px; }
.pack-promises p { margin-top: 3px; color: #d5e9f2; font-size: 10px; }
.pack-frequency { width: fit-content; margin: 0 auto 10px; }
.pack-frequency button { display: flex; align-items: center; gap: 5px; }
.pack-frequency input { accent-color: #2563eb; pointer-events: none; }
.pack-frequency span { color: #159968; font-size: 10px; }
.pack-payment-note { width: fit-content; display: flex; align-items: center; gap: 7px; margin: 0 auto 22px; color: #795b14; font-size: 11px; }
.packs-reference-shell .offer-grid { align-items: stretch; }
.packs-reference-shell .offer-card { min-height: 430px; display: flex; flex-direction: column; padding: 24px; }
.packs-reference-shell .offer-card > p { min-height: 52px; color: #64748b; font-size: 12px; line-height: 17px; }
.packs-reference-shell .offer-card h2 { margin: 5px 0 17px; color: #2563eb; font-size: 29px; }
.packs-reference-shell .offer-card h2 small { margin-left: 4px; color: #64748b; font-size: 11px; }
.packs-reference-shell .offer-card ul { margin-top: 19px; }
.packs-reference-shell .subscription-current { margin-top: 22px; }

.credits-welcome { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; padding: 12px 15px; color: #315e77; background: #edf8fb; border: 1px solid #c7e6ef; border-radius: 8px; }
.credits-welcome p { margin: 0; font-size: 12px; }
.credits-balance { min-height: 125px; display: grid; grid-template-columns: .7fr 1.3fr; align-items: center; gap: 30px; padding: 22px; }
.credits-balance h1, .credits-balance p { margin: 0; }
.credits-balance p { margin-top: 7px; color: #2563eb; font-weight: 700; }
.credits-balance > div:last-child > span { display: flex; justify-content: space-between; font-size: 12px; }
.credits-balance .progress-track { height: 10px; margin: 8px 0; }
.credits-balance .progress-track i { height: 100%; display: block; background: #2563eb; border-radius: 99px; }
.credits-balance small { color: #64748b; }
.credits-shop { padding: 28px 0; }
.credits-shop > header { text-align: center; }
.credits-shop > header h2, .credits-shop > header p { margin: 0; }
.credits-shop > header p { max-width: 720px; margin: 7px auto 17px; color: #64748b; font-size: 12px; }
.credits-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 11px; margin-top: 18px; }
.credit-card { min-height: 180px; position: relative; display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 15px; overflow: hidden; color: #16253a; }
.credit-card.selected { border: 2px solid #2563eb; background: #f5fbfd; }
.credit-card > strong { font-size: 24px; }
.credit-card > b { margin-top: 5px; color: #2563eb; font-size: 18px; }
.credit-card > em { color: #64748b; font-size: 10px; font-style: normal; }
.credit-card > i { color: #159968; font-size: 10px; font-style: normal; font-weight: 700; }
.credit-saving { position: absolute; top: 8px; right: 8px; padding: 3px 6px; color: #fff; background: #e64e59; border-radius: 99px; font-size: 8px; font-weight: 800; }
.credits-buy { display: flex; margin: 18px auto 0; }
.credits-info-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 15px; }
.credits-info-grid article, .bank-transfer { min-height: 96px; display: flex; align-items: center; gap: 12px; padding: 17px; }
.credits-info-grid article > span, .bank-transfer > span { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; color: #2563eb; background: #eaf4ff; border-radius: 8px; }
.credits-info-grid h2, .credits-info-grid p, .bank-transfer h2, .bank-transfer p { margin: 0; }
.credits-info-grid p, .bank-transfer p { margin-top: 4px; color: #64748b; font-size: 11px; }
.credits-info-grid .button, .bank-transfer .button { margin-left: auto; }
.credits-invoices { margin-top: 15px; padding: 18px; }
.credits-invoices > div:first-child { display: flex; align-items: center; gap: 11px; }
.credits-invoices h2, .credits-invoices p { margin: 0; }
.credits-invoices p { margin-top: 3px; color: #64748b; font-size: 11px; }
.credits-invoices .empty-state { min-height: 150px; }
.bank-transfer { margin-top: 15px; }
.stock-overview-reference, .accounting-reference-shell, .marketplace-reference-shell { width: min(1320px,100%); margin: 0 auto 40px; }
.stock-overview-reference > header, .accounting-reference-shell > header, .marketplace-reference-shell > header { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 18px; }
.stock-overview-reference > header h1, .stock-overview-reference > header p, .accounting-reference-shell > header h1, .accounting-reference-shell > header p, .marketplace-reference-shell > header h1, .marketplace-reference-shell > header p { margin: 0; }
.stock-overview-reference > header p, .accounting-reference-shell > header p, .marketplace-reference-shell > header p { margin-top: 5px; color: #64748b; font-size: 13px; }
.stock-export-card { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 17px; }
.stock-export-card > div { display: flex; align-items: center; gap: 11px; }
.stock-export-card > div:first-child > span { width: 43px; height: 43px; display: grid; place-items: center; color: #2563eb; background: #eaf4ff; border-radius: 9px; }
.stock-export-card h2, .stock-export-card p { margin: 0; }
.stock-export-card p { margin-top: 4px; color: #64748b; font-size: 11px; }
.stock-export-card .select { width: 180px; }
.stock-value-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-top: 15px; }
.stock-overview-table-card { margin-top: 15px; overflow: hidden; }
.stock-overview-table-card > header { min-height: 67px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 12px 16px; }
.stock-overview-table-card > header > div { display: flex; align-items: center; gap: 8px; }
.stock-overview-table-card > header .select { width: 180px; }
.stock-overview-filters { min-height: 62px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 11px 16px; background: #fbfcfe; border-top: 1px solid #e4eaf0; }
.stock-overview-filters label { display: flex; align-items: center; gap: 7px; color: #52657a; font-size: 12px; }
.stock-overview-filters input[type="checkbox"] { width: 16px; height: 16px; accent-color: #2563eb; }
.stock-overview-filters > span { width: min(340px,100%); position: relative; }
.stock-overview-filters > span > .icon { position: absolute; top: 11px; left: 11px; color: #64748b; }
.stock-overview-filters .field { padding-left: 38px; }
.accounting-reference-shell > header { justify-content: flex-start; padding: 15px 0; }
.accounting-reference-shell > header > span, .accounting-section-title > span { width: 47px; height: 47px; display: grid; place-items: center; color: #2563eb; background: #eaf4ff; border-radius: 10px; }
.accounting-reference-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }
.accounting-reference-grid article { min-height: 205px; display: flex; flex-direction: column; align-items: flex-start; padding: 19px; }
.accounting-reference-grid article > span { width: 41px; height: 41px; display: grid; place-items: center; color: #2563eb; background: #eaf4ff; border-radius: 9px; }
.accounting-reference-grid article > div { flex: 1; }
.accounting-reference-grid h2 { margin: 15px 0 7px; font-size: 15px; }
.accounting-reference-grid p { color: #64748b; font-size: 11px; line-height: 16px; }
.accounting-reference-grid .button { width: 100%; justify-content: space-between; box-shadow: none; }
.accounting-section-title { display: flex; align-items: center; gap: 12px; margin: 31px 0 16px; }
.accounting-section-title h2, .accounting-section-title p { margin: 0; }
.accounting-section-title p { margin-top: 4px; color: #64748b; font-size: 12px; }
.marketplace-reference-shell > header { min-height: 70px; }
.marketplace-toolbar { min-height: 67px; display: grid; grid-template-columns: minmax(260px,1fr) auto auto; align-items: center; gap: 12px; margin-bottom: 15px; padding: 12px 14px; background: #fff; border: 1px solid #dce4ee; border-radius: 8px; }
.marketplace-toolbar label { position: relative; }
.marketplace-toolbar label > .icon { position: absolute; top: 11px; left: 12px; color: #64748b; }
.marketplace-toolbar .field { padding-left: 39px; }
.marketplace-toolbar > button { min-height: 40px; padding: 0 14px; color: #52657a; background: #fff; border: 1px solid #dce4ee; border-radius: 8px; }
.marketplace-toolbar > button.active { color: #2563eb; background: #eaf4ff; border-color: #9bcbd8; }
.marketplace-toolbar > span { color: #64748b; font-size: 12px; }
.marketplace-module-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.marketplace-module-card { min-height: 320px; overflow: hidden; }
.marketplace-module-visual { height: 118px; display: grid; place-items: center; color: #fff; background: radial-gradient(circle at 70% 30%,rgba(255,255,255,.25),transparent 27%),linear-gradient(135deg,#184d72,#0794b4); }
.marketplace-module-visual .icon { width: 45px; height: 45px; }
.marketplace-module-card > div:last-child { display: flex; flex-direction: column; min-height: 200px; padding: 16px; }
.marketplace-module-card > div:last-child > span { color: #2563eb; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.marketplace-module-card h2 { margin: 7px 0; font-size: 16px; }
.marketplace-module-card p { flex: 1; color: #64748b; font-size: 11px; line-height: 16px; }
.marketplace-module-card strong { margin-bottom: 11px; color: #2563eb; font-size: 16px; }
.marketplace-module-card strong small { color: #64748b; font-size: 10px; }
.marketplace-empty { min-height: 420px; display: grid; place-items: center; align-content: center; gap: 9px; text-align: center; }
.marketplace-empty > span { width: 60px; height: 60px; display: grid; place-items: center; color: #2563eb; background: #eaf4ff; border-radius: 15px; }
.marketplace-empty h2, .marketplace-empty p { margin: 0; }
.marketplace-empty p { margin-bottom: 8px; color: #64748b; }
.marketplace-module-modal { display: grid; grid-template-columns: auto 1fr; gap: 15px; }
.marketplace-module-modal p { color: #64748b; line-height: 20px; }
.marketplace-module-modal strong { color: #2563eb; font-size: 19px; }
.section-marketplace-tabs { display: flex; gap: 4px; margin: 0; padding-bottom: 2px; overflow-x: auto; border-bottom: 1px solid #dce4ee; }
.section-marketplace-tabs button { min-height: 45px; flex: 0 0 auto; padding: 0 13px; color: #64748b; background: transparent; border: 0; border-bottom: 2px solid transparent; }
.section-marketplace-tabs button.active { color: #2563eb; border-bottom-color: #2563eb; }
.section-marketplace-tabs button span { margin-left: 4px; padding: 2px 6px; background: #e8f1f5; border-radius: 99px; font-size: 9px; }
.section-catalog-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.section-catalog-card { min-height: 286px; overflow: hidden; }
.section-catalog-preview { height: 168px; position: relative; display: grid; place-items: center; overflow: hidden; color: #fff; background: linear-gradient(135deg,#16476a,#0790b1); }
.section-catalog-preview.tone-1 { background: linear-gradient(135deg,#1f647c,#58b5c2); }
.section-catalog-preview.tone-2 { background: linear-gradient(135deg,#203b66,#6c7ccf); }
.section-catalog-preview.tone-3 { background: linear-gradient(135deg,#0d6670,#20a797); }
.section-catalog-preview.tone-4 { background: linear-gradient(135deg,#8f5c26,#ed9b36); }
.section-catalog-preview.tone-5 { background: linear-gradient(135deg,#374151,#788597); }
.section-catalog-preview > span { z-index: 2; }
.section-catalog-preview > span .icon { width: 38px; height: 38px; }
.section-catalog-preview i, .section-catalog-preview b { position: absolute; background: rgba(255,255,255,.13); border-radius: 50%; }
.section-catalog-preview i { width: 150px; height: 150px; right: -25px; top: -55px; }
.section-catalog-preview b { width: 90px; height: 90px; left: -20px; bottom: -40px; }
.section-catalog-card > div:last-child { padding: 14px; }
.section-catalog-card h3 { min-height: 38px; margin: 0 0 5px; font-size: 14px; line-height: 19px; }
.section-catalog-card > div:last-child > span { color: #64748b; font-size: 10px; text-transform: uppercase; }
.section-catalog-card footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 12px; }
.section-catalog-card footer .button { min-width: 102px; min-height: 35px; padding: 0 10px; }
.section-modal-preview { min-height: 330px; display: grid; place-items: center; align-content: center; gap: 15px; color: #fff; background: linear-gradient(135deg,#16476a,#0790b1); border-radius: 8px; text-align: center; }
.section-modal-preview > span .icon { width: 55px; height: 55px; }
.section-modal-preview > div { display: flex; gap: 9px; }
.section-modal-preview > div i { width: 90px; height: 55px; display: block; background: rgba(255,255,255,.16); border-radius: 7px; }
.section-modal-preview h3, .section-modal-preview p { margin: 0; }

/* TENYRO Pro hub */
.pro-hub-shell { display: grid; gap: 18px; max-width: 1480px; margin: 0 auto; }
.pro-hub-hero { min-height: 260px; display: grid; grid-template-columns: minmax(0,1fr) 290px; gap: 28px; align-items: center; padding: 34px 38px; overflow: hidden; color: #fff; background: radial-gradient(circle at 85% 12%,rgba(46,204,204,.3),transparent 28%),linear-gradient(135deg,#123a63 0%,#075f86 55%,#0799ac 100%); border: 0; border-radius: 24px; box-shadow: 0 18px 50px rgba(9,62,94,.2); }
.pro-hub-hero > div > small { display: block; margin: 12px 0 6px; color: #a9eff1; font-size: 11px; font-weight: 800; letter-spacing: .14em; }
.pro-hub-hero h1 { margin: 0; font-size: clamp(32px,4vw,52px); line-height: 1.04; }
.pro-hub-hero p { max-width: 720px; margin: 12px 0 18px; color: rgba(255,255,255,.82); font-size: 15px; line-height: 1.6; }
.pro-hub-mark { width: 52px; height: 52px; display: grid; place-items: center; color: #0f4f71; background: linear-gradient(145deg,#ffd16c,#ff952b); border-radius: 16px; box-shadow: 0 10px 28px rgba(255,151,40,.3); }
.pro-hub-mark .icon { width: 26px; height: 26px; }
.pro-hub-status { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; font-size: 12px; }
.pro-hub-status > span:last-child { display: inline-flex; align-items: center; gap: 6px; color: rgba(255,255,255,.76); }
.pro-hub-status .icon { width: 15px; height: 15px; }
.pro-hub-hero > aside { min-height: 188px; display: flex; flex-direction: column; justify-content: center; padding: 24px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2); border-radius: 19px; backdrop-filter: blur(12px); }
.pro-hub-hero > aside > span,.pro-hub-hero > aside > small { color: rgba(255,255,255,.75); }
.pro-hub-hero > aside > strong { margin: 5px 0 0; font-size: 46px; line-height: 1; }
.pro-hub-hero > aside .button { margin-top: 20px; color: #064a6c; background: #fff; border: 0; }
.pro-usage-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.pro-usage-grid article { min-width: 0; display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 13px; align-items: start; padding: 18px; border-radius: 16px; }
.pro-usage-grid article > span { width: 44px; height: 44px; display: grid; place-items: center; color: #2563eb; background: #e9f6f8; border-radius: 13px; }
.pro-usage-grid small { display: block; color: #65758a; }
.pro-usage-grid strong { display: block; margin: 5px 0 10px; font-size: 21px; }
.pro-usage-grid strong em { color: #8391a2; font-size: 12px; font-style: normal; font-weight: 600; }
.pro-usage-grid i { height: 6px; display: block; overflow: hidden; background: #e8eef3; border-radius: 99px; }
.pro-usage-grid i b { height: 100%; display: block; background: linear-gradient(90deg,#2563eb,#22b6ac); border-radius: inherit; }
.pro-usage-grid p { margin: 6px 0 0; color: #748397; font-size: 10px; }
.pro-hub-grid { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(310px,.6fr); gap: 18px; }
.pro-hub-tools,.pro-hub-history { padding: 22px; border-radius: 18px; }
.pro-hub-tools header h2,.pro-hub-history header h2 { margin: 0 0 4px; }
.pro-hub-tools header p,.pro-hub-history header p { margin: 0; color: #718196; }
.pro-hub-tools > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 18px; }
.pro-hub-tools > div > button { min-height: 78px; display: grid; grid-template-columns: 42px minmax(0,1fr) 18px; align-items: center; gap: 12px; padding: 13px; color: #17324d; background: #f8fbfd; border: 1px solid #e0e9ef; border-radius: 14px; text-align: left; transition: .18s ease; }
.pro-hub-tools > div > button:hover { border-color: #8bc4d2; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(24,85,113,.1); }
.pro-hub-tools > div > button > span:first-child { width: 42px; height: 42px; display: grid; place-items: center; color: #2563eb; background: #e8f5f8; border-radius: 12px; }
.pro-hub-tools button strong,.pro-hub-tools button small { display: block; }
.pro-hub-tools button small { margin-top: 3px; color: #6d7f91; }
.pro-hub-history ol { list-style: none; display: grid; gap: 10px; margin: 18px 0; padding: 0; }
.pro-hub-history li { display: grid; grid-template-columns: 30px minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 10px 0; border-bottom: 1px solid #edf1f4; }
.pro-hub-history li > span { width: 28px; height: 28px; display: grid; place-items: center; color: #128750; background: #e8f7ef; border-radius: 50%; }
.pro-hub-history li .icon { width: 15px; height: 15px; }
.pro-hub-history li strong,.pro-hub-history li small { display: block; }
.pro-hub-history li small,.pro-hub-history time { color: #788797; font-size: 10px; }

/* Unique coupon registry */
.unique-codes-shell { display: grid; gap: 16px; max-width: 1540px; margin: 0 auto; }
.unique-codes-title { border-radius: 17px; }
.unique-code-metrics { margin: 0; }
.unique-code-generator { display: grid; grid-template-columns: minmax(240px,.7fr) minmax(0,1.3fr); gap: 24px; align-items: end; padding: 22px; border-radius: 17px; }
.unique-code-generator h2,.unique-code-generator p,.unique-code-list h2,.unique-code-list p { margin: 0; }
.unique-code-generator > div p,.unique-code-list header p { margin-top: 5px; color: #6f8094; }
.unique-code-generator form { display: grid; grid-template-columns: minmax(210px,1.5fr) 100px minmax(130px,.7fr) auto; gap: 10px; align-items: end; }
.unique-code-generator form .button { min-height: 42px; }
.unique-code-generator .settings-note { grid-column: 1/-1; }
.unique-code-list { padding: 0; overflow: hidden; border-radius: 17px; }
.unique-code-list > header { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 22px; border-bottom: 1px solid #e5ebf0; }
.unique-code-filters { display: grid; grid-template-columns: minmax(240px,1fr) 210px; gap: 10px; padding: 14px 22px; background: #f8fafc; border-bottom: 1px solid #e5ebf0; }
#unique-codes-table { overflow-x: auto; }
.unique-code-value { display: inline-block; padding: 6px 9px; color: #075e82; background: #eef8fa; border: 1px solid #cfe7ed; border-radius: 7px; font-weight: 800; letter-spacing: .05em; }

@media (max-width: 1100px) {
  .pro-usage-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pro-hub-grid { grid-template-columns: 1fr; }
  .unique-code-generator { grid-template-columns: 1fr; }
}

@media (max-width: 1050px) {
  .home-reference-banner { grid-template-columns: 1fr; }
  .home-banner-art { display: none; }
  .analytics-kpis { grid-template-columns: repeat(3,1fr); }
  .domain-price-grid { grid-template-columns: repeat(3,1fr); }
  .activation-benefits { grid-template-columns: repeat(2,1fr); }
  .credits-grid { grid-template-columns: repeat(3,1fr); }
  .accounting-reference-grid { grid-template-columns: repeat(3,1fr); }
  .marketplace-module-grid { grid-template-columns: repeat(2,1fr); }
  .section-catalog-grid { grid-template-columns: repeat(2,1fr); }
  .form-builder-layout { grid-template-columns: 240px minmax(330px,1fr); }
  .form-builder-inspector { grid-column: 1/-1; border-top: 1px solid #e2e8f0; }
  .form-builder-empty.properties { height: 240px; }
  .modules-reference-page > section > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .theme-previews { grid-template-columns: 1fr; }
  .theme-phone-mock { display: none; }
  .ds-color-grid { grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 700px) {
  .pro-hub-hero { grid-template-columns: 1fr; padding: 25px 21px; border-radius: 18px; }
  .pro-hub-hero > aside { min-height: 150px; }
  .pro-usage-grid,.pro-hub-tools > div { grid-template-columns: 1fr; }
  .unique-codes-title,.unique-code-list > header { align-items: stretch; flex-direction: column; }
  .unique-codes-title .button-row,.unique-code-list .button-row { display: grid; grid-template-columns: 1fr; }
  .unique-code-generator { padding: 18px; }
  .unique-code-generator form,.unique-code-filters { grid-template-columns: 1fr; }
  .home-reference-banner { height: 260px; }
  .home-banner-copy { padding: 32px 23px; }
  .home-banner-brand strong { font-size: 34px; }
  .home-banner-copy > p { font-size: 23px; }
  .home-store-badges > span { min-width: 0; flex: 1; }
  .home-activation-callout, .home-setup-head, .home-section-title, .activation-section-head { align-items: flex-start; flex-direction: column; }
  .home-activation-callout > .button { min-width: 0; width: 100%; }
  .home-step, .home-domain-step { grid-template-columns: 34px 1fr; }
  .home-step > button, .home-domain-step > button, .home-step > .status-chip { grid-column: 2; }
  .home-video-grid, .home-shortcuts, .analytics-main-grid, .analytics-breakdowns, .analytics-device-grid, .activation-offer-grid, .pack-promises, .offer-grid, .credits-info-grid { grid-template-columns: 1fr; }
  .analytics-breakdowns .analytics-pages { grid-column: auto; }
  .analytics-kpis { grid-template-columns: repeat(2,1fr); }
  .analytics-demo-note { grid-template-columns: auto 1fr; }
  .analytics-demo-note .button { grid-column: 1/-1; }
  .domain-tabs { overflow-x: auto; }
  .domain-tabs button { white-space: nowrap; }
  .domain-search-form { grid-template-columns: 1fr 76px; }
  .domain-search-form .button { grid-column: 1/-1; margin-top: 8px; border-radius: 8px; }
  .domain-price-grid, .credits-grid { grid-template-columns: repeat(2,1fr); }
  .activation-benefits { grid-template-columns: 1fr; }
  .activation-summary { grid-template-columns: 1fr auto; }
  .activation-summary .button { grid-column: 1/-1; }
  .credits-balance { grid-template-columns: 1fr; gap: 15px; }
  .stock-export-card, .stock-overview-table-card > header, .stock-overview-filters { align-items: stretch; flex-direction: column; }
  .stock-export-card > div:last-child, .stock-overview-table-card > header > div { flex-wrap: wrap; }
  .stock-value-metrics, .accounting-reference-grid, .marketplace-module-grid { grid-template-columns: 1fr; }
  .marketplace-toolbar { grid-template-columns: 1fr; }
  .section-catalog-grid { grid-template-columns: 1fr; }
  .order-detail-summary, .action-command-grid { grid-template-columns: 1fr; }
  .documentation-page, .extra-settings-page, .form-builder-page, .form-demo-page, .modules-reference-page, .themes-reference-page, .video-demo-page, .design-system-page { margin-top: 8px; }
  .documentation-page > header h1, .modules-reference-page > header h1, .design-system-page > header h1 { font-size: 27px; line-height: 34px; }
  .documentation-page > header p, .modules-reference-page > header p, .design-system-page > header p { font-size: 14px; line-height: 21px; }
  .documentation-tabs { height: auto; display: flex; overflow-x: auto; }
  .documentation-tabs button { min-width: 105px; min-height: 36px; }
  .documentation-benefits, .documentation-module-groups > section > div, .documentation-support-grid, .extra-preview-card > div, .form-demo-grid, .video-demo-grid, .ds-form-grid, .ds-alerts, .ds-chart-grid { grid-template-columns: 1fr; }
  .form-builder-page { overflow: visible; }
  .form-builder-page > header { height: auto; min-height: 73px; align-items: flex-start; flex-direction: column; padding: 15px; }
  .form-builder-layout { display: block; }
  .form-builder-palette, .form-builder-canvas { border-right: 0; border-bottom: 1px solid #e2e8f0; }
  .form-builder-fields, .form-builder-canvas > div { height: auto; max-height: 520px; }
  .form-builder-empty.properties { height: 220px; }
  .modules-reference-page > section > div { grid-template-columns: 1fr; }
  .modules-reference-page > section > h2 { align-items: flex-start; flex-direction: column; font-size: 20px; overflow-wrap: anywhere; }
  .modules-reference-page a h3, .modules-reference-page a p { white-space: normal; overflow-wrap: anywhere; }
  .modules-reference-page > footer { align-items: flex-start; flex-direction: column; gap: 8px; overflow-wrap: anywhere; }
  .theme-metrics { grid-template-columns: repeat(2,1fr); }
  .theme-browser-mock { height: 300px; }
  .theme-browser-mock article h2 { font-size: 28px; line-height: 32px; }
  .theme-current { grid-template-columns: 1fr; }
  .theme-current > div:last-child { flex-wrap: wrap; }
  .video-thumbnail { height: 200px; }
  .landing-ai-page > header { width: calc(100% - 28px); align-items: center; }
  .landing-ai-page > header em { display: none; }
  .landing-ai-page > header > div:first-child > span { grid-template-columns: 34px auto; }
  .landing-ai-page > header > div:first-child i { width: 34px; height: 34px; }
  .landing-ai-page > header strong { font-size: 20px; }
  .landing-ai-balance { min-width: 112px; padding: 8px; }
  .landing-ai-hero h1 { font-size: 34px; }
  .landing-ai-hero > p { font-size:14px; line-height:22px; }
  .landing-studio-shell { width:calc(100% - 24px); padding:18px 0 40px; }
  .landing-studio-steps { grid-template-columns:1fr; gap:7px; }
  .landing-studio-steps button { min-height:62px; grid-template-columns:31px 1fr; padding:9px 12px; }
  .landing-studio-steps button > span { width:31px; height:31px; }
  .landing-studio-form,.landing-studio-review { grid-template-columns:1fr; }
  .landing-studio-form-copy { min-height:0; padding:28px 22px; }
  .landing-studio-form-copy h1,.landing-studio-review h1 { font-size:27px; line-height:32px; }
  .landing-studio-fields { grid-template-columns:1fr; padding:25px 20px; }
  .landing-studio-fields label.wide { grid-column:auto; }
  .landing-studio-form > footer { grid-column:1; padding:0 20px 24px; flex-wrap:wrap; }
  .landing-studio-form > footer .button { flex:1 1 180px; }
  .landing-studio-review { gap:16px; padding:18px; }
  .landing-studio-preview-hero { grid-template-columns:1fr; padding:25px 20px; }
  .landing-studio-product-art { display:none; }
  .landing-studio-preview-benefits { grid-template-columns:1fr; }
  .mobile-promo-poster { height: 610px; grid-template-columns: 1fr; padding: 45px 24px; }
  .mobile-device-visual { display: none; }
  .mobile-promo-content > div { grid-template-columns: repeat(2,1fr); }
  .mobile-promo-content aside { align-items:stretch; flex-direction:column; text-align:center; }
  .mobile-promo-content aside button { width:100%; white-space:normal; }
  .marketing-landing > header { padding-inline: 16px; }
  .marketing-landing > header nav { gap: 4px; }
  .marketing-landing > header button.primary { min-width: 100px; }
  .marketing-hero { min-height: 650px; padding-top: 70px; }
  .marketing-hero h1 { font-size: 42px; }
  .marketing-hero > p { font-size: 17px; line-height: 25px; }
  .marketing-checks { align-items: center; flex-direction: column; gap: 7px; }
  .marketing-cta { min-width: 0; width: 100%; font-size: 15px; }
  .marketing-stats, .marketing-tools > div, .marketing-compare > div { grid-template-columns: 1fr; }
  .marketing-landing > footer { align-items: flex-start; flex-direction: column; justify-content: center; gap: 10px; }
  .design-system-page > header { padding: 22px 18px; }
  .design-system-page > header > div { align-items: flex-start; }
  .ds-color-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 840px) {
  .coupon-product-scope > div:last-child { grid-template-columns:1fr; }
  .store-landing-hero { min-height:0; grid-template-columns:1fr; gap:30px; padding-block:42px; }
  .store-landing-copy h1 { font-size:clamp(43px,13vw,64px); }
  .store-landing-copy > p { font-size:17px; line-height:26px; }
  .store-landing-buy { align-items:stretch; }
  .store-landing-buy > strong { width:100%; }
  .store-landing-buy .store-button { flex:1; }
  .store-landing-visual { min-height:360px; border-radius:25px; }
  .store-landing-proof > div { grid-template-columns:1fr 1fr; }
  .store-landing-proof article { min-height:125px; border-bottom:1px solid rgba(255,255,255,.12); }
  .store-landing-story { grid-template-columns:1fr; gap:28px; padding-block:58px; }
  .store-landing-final > div { align-items:flex-start; flex-direction:column; }
  .store-landing-final .store-button { width:100%; }
}

@media (max-width: 520px) {
  .landing-ai-page > header { align-items:flex-start; }
  .landing-ai-page > header > div:first-child > button { width:42px; height:42px; border-radius:11px; }
  .landing-ai-balance { display:none; }
  .landing-studio-review dl div { grid-template-columns:1fr; gap:3px; }
  .store-landing-proof > div { grid-template-columns:1fr; }
  .store-landing-proof article { border-right:0; }
  .mobile-promo-page > header { justify-content:flex-start; }
  .mobile-install-state { margin-left:auto; font-size:0; }
  .mobile-install-state .icon { width:18px; height:18px; }
  .mobile-promo-poster { height:auto; min-height:540px; padding:42px 20px; }
  .mobile-promo-poster p { max-width:310px; font-size:25px; line-height:33px; }
  .mobile-store-badges { flex-direction:column; }
  .mobile-store-badges button { width:170px; }
  .mobile-promo-content { padding:54px 16px; }
  .mobile-promo-content h2 { font-size:30px; }
  .mobile-promo-content > div { grid-template-columns:1fr; }
}

/* Marketplace runtime: the public control stays inert until the scroll threshold is reached. */
.marketplace-module-actions { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:12px; }
.marketplace-module-card.is-planned { background:linear-gradient(180deg,#fff,#f8fafc); }
.marketplace-module-card.is-planned .marketplace-module-visual { filter:saturate(.35); opacity:.7; }
.back-to-top-config-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.back-to-top-config-grid > section { display:grid; align-content:start; gap:15px; padding:20px; border:1px solid #dce5ee; border-radius:14px; background:#fff; }
.back-to-top-config-grid h3 { margin:0; color:#12243a; }
.back-to-top-config-preview { min-height:150px; display:grid; place-items:center; gap:8px; border:1px dashed #aebdcb; border-radius:12px; background:linear-gradient(145deg,#f8fbfd,#edf4f8); }
.back-to-top-config-preview > span { color:#607388; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }

.store-back-to-top {
  --back-to-top-color:#2563eb;
  position:fixed;
  right:max(22px,env(safe-area-inset-right));
  bottom:max(22px,env(safe-area-inset-bottom));
  z-index:1200;
  min-width:48px;
  height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  border:1px solid transparent;
  border-radius:999px;
  background:var(--back-to-top-color);
  color:#fff;
  box-shadow:0 12px 28px rgba(15,35,55,.24);
  font:700 13px/1 var(--store-body-font,Arial,sans-serif);
  cursor:pointer;
  opacity:0;
  pointer-events:none;
  transform:translateY(14px) scale(.96);
  transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease;
}
.store-back-to-top.position-left { right:auto; left:max(22px,env(safe-area-inset-left)); }
.store-back-to-top.is-visible { opacity:1; pointer-events:auto; transform:translateY(0) scale(1); }
.store-back-to-top:hover { box-shadow:0 16px 34px rgba(15,35,55,.32); transform:translateY(-2px); }
.store-back-to-top:focus-visible { outline:3px solid color-mix(in srgb,var(--back-to-top-color),white 58%); outline-offset:3px; }
.store-back-to-top:disabled { cursor:default; pointer-events:none; }
.store-back-to-top .icon { width:21px; height:21px; flex:none; }
.store-back-to-top.style-soft { background:color-mix(in srgb,var(--back-to-top-color),white 86%); color:var(--back-to-top-color); box-shadow:0 9px 24px color-mix(in srgb,var(--back-to-top-color),transparent 72%); }
.store-back-to-top.style-outline { border-color:var(--back-to-top-color); background:#fff; color:var(--back-to-top-color); box-shadow:none; }
.store-back-to-top.style-square { border-radius:8px; }
.store-back-to-top.style-diamond { width:44px; min-width:44px; height:44px; padding:0; border-radius:9px; transform:translateY(14px) rotate(45deg); }
.store-back-to-top.style-diamond.is-visible { transform:translateY(0) rotate(45deg); }
.store-back-to-top.style-diamond .icon { transform:rotate(-45deg); }
.store-back-to-top.style-diamond:hover { transform:translateY(-2px) rotate(45deg); }
.store-back-to-top.style-glass { border-color:rgba(255,255,255,.55); background:color-mix(in srgb,var(--back-to-top-color),transparent 20%); backdrop-filter:blur(12px); }
.store-back-to-top.style-dark { background:#15263a; color:#fff; }
.store-back-to-top.style-light { border-color:#e1e8ef; background:#fff; color:#15263a; }
.store-back-to-top.style-brand { border-radius:14px 14px 4px 14px; }
.store-back-to-top.style-accent { background:var(--store-accent,#10b981); color:#172033; }
.store-back-to-top.style-shadow { box-shadow:0 8px 0 color-mix(in srgb,var(--back-to-top-color),black 28%),0 18px 32px rgba(15,35,55,.18); }
.store-back-to-top.style-minimal { min-width:40px; width:40px; height:40px; padding:0; border-radius:0; border:0; border-bottom:2px solid currentColor; background:transparent; color:var(--back-to-top-color); box-shadow:none; }
.store-back-to-top.style-wide { min-width:136px; justify-content:center; }
.store-back-to-top.style-compact { min-width:38px; width:38px; height:38px; padding:0; }
.store-back-to-top.style-gradient { background:linear-gradient(135deg,var(--back-to-top-color),var(--store-accent,#10b981)); }
.store-back-to-top.style-neon { border-color:color-mix(in srgb,var(--back-to-top-color),white 35%); background:#102234; color:#fff; box-shadow:0 0 0 2px #102234,0 0 22px var(--back-to-top-color); }
.store-back-to-top.style-bordered { border:4px double #fff; outline:2px solid var(--back-to-top-color); outline-offset:0; }
.store-back-to-top.style-floating { border-radius:18px; animation:store-back-to-top-float 2.8s ease-in-out infinite; }
@keyframes store-back-to-top-float { 50% { translate:0 -5px; } }
.back-to-top-config-preview .store-back-to-top { position:relative; inset:auto; opacity:1; pointer-events:none; transform:none; }

@media (prefers-reduced-motion: reduce) {
  .store-back-to-top { transition:none; animation:none; }
}

@media (max-width: 640px) {
  .back-to-top-config-grid { grid-template-columns:1fr; }
  .store-back-to-top { right:max(14px,env(safe-area-inset-right)); bottom:max(14px,env(safe-area-inset-bottom)); }
  .store-back-to-top.position-left { right:auto; left:max(14px,env(safe-area-inset-left)); }
}

/* Modal experience 2026: clear context, stable actions and accessible focus. */
body.modal-open { overflow:hidden; }

@media (min-width: 651px) {
  html:has(body.modal-open) { scrollbar-gutter:stable; }
}

#overlay-root .modal-backdrop {
  place-items:center;
  padding:clamp(18px,3vw,42px);
  background:rgba(8,22,38,.62);
  backdrop-filter:blur(10px) saturate(.82);
}

#overlay-root :is(.modal,.drawer) {
  --modal-accent:#2563eb;
  --modal-accent-soft:#e7f5f8;
  color:#17243a;
  background:rgba(255,255,255,.99);
  border:1px solid rgba(204,218,231,.9);
  box-shadow:0 28px 90px rgba(4,20,36,.32),0 2px 8px rgba(4,20,36,.12);
}

#overlay-root .modal {
  max-height:min(90dvh,920px);
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden;
  border-radius:22px;
  animation:retailos-modal-in .22s cubic-bezier(.2,.8,.2,1) both;
}

#overlay-root .modal.wide {
  width:min(1120px,calc(100vw - 64px));
}

#overlay-root .drawer {
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden;
  border-left:1px solid #dce6ee;
  animation:retailos-drawer-in .22s cubic-bezier(.2,.8,.2,1) both;
}

#overlay-root :is(.modal,.drawer).modal-tone-finance { --modal-accent:#008a79; --modal-accent-soft:#e4f7f3; }
#overlay-root :is(.modal,.drawer).modal-tone-commerce { --modal-accent:#2563eb; --modal-accent-soft:#edf2ff; }
#overlay-root :is(.modal,.drawer).modal-tone-logistics { --modal-accent:#d77913; --modal-accent-soft:#fff3df; }
#overlay-root :is(.modal,.drawer).modal-tone-people { --modal-accent:#7656d6; --modal-accent-soft:#f1edff; }
#overlay-root :is(.modal,.drawer).modal-tone-utility { --modal-accent:#506b87; --modal-accent-soft:#edf3f7; }
#overlay-root :is(.modal,.drawer).modal-tone-danger { --modal-accent:#c83e4d; --modal-accent-soft:#fff0f1; }
#overlay-root :is(.modal,.drawer).modal-tone-support { --modal-accent:#276fc2; --modal-accent-soft:#eaf4ff; }

#overlay-root .modal-header {
  position:relative;
  z-index:3;
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 24px;
  border-bottom:1px solid #e2eaf1;
  background:linear-gradient(180deg,#fff 0%,#fcfdff 100%);
}

#overlay-root .modal-heading {
  min-width:0;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  align-items:center;
  gap:14px;
}

#overlay-root .modal-symbol {
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  color:var(--modal-accent);
  background:var(--modal-accent-soft);
  border:1px solid color-mix(in srgb,var(--modal-accent),transparent 84%);
  border-radius:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}

#overlay-root .modal-symbol .icon { width:22px; height:22px; stroke-width:1.9; }
#overlay-root .modal-heading-copy { min-width:0; }
#overlay-root .modal-heading-copy .eyebrow {
  margin:0 0 5px;
  color:var(--modal-accent);
  font-size:11px;
  font-weight:850;
  line-height:1.1;
  letter-spacing:.085em;
}
#overlay-root .modal-header h2 {
  overflow:hidden;
  margin:0;
  color:#17243a;
  font-size:21px;
  font-weight:790;
  line-height:1.25;
  letter-spacing:-.025em;
  text-overflow:ellipsis;
}

#overlay-root .modal-close {
  width:42px;
  height:42px;
  flex:0 0 42px;
  color:#52657c;
  background:#fff;
  border:1px solid #d9e3ec;
  border-radius:12px;
  box-shadow:0 1px 2px rgba(15,42,67,.05);
  transition:color .15s ease,background .15s ease,border-color .15s ease,transform .15s ease;
  cursor:pointer;
}
#overlay-root .modal-close:hover { color:#17243a; background:#f3f7fa; border-color:#bdcbd7; transform:translateY(-1px); }
#overlay-root .modal-close .icon { width:19px; height:19px; }

#overlay-root .modal-body {
  min-height:0;
  overflow:auto;
  overscroll-behavior:contain;
  padding:26px;
  scrollbar-color:#bdcbd7 transparent;
  scrollbar-width:thin;
}
#overlay-root .modal-body::-webkit-scrollbar { width:8px; }
#overlay-root .modal-body::-webkit-scrollbar-thumb { background:#bdcbd7; border:2px solid #fff; border-radius:999px; }

#overlay-root .modal-footer {
  z-index:4;
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:10px;
  padding:14px 24px;
  background:rgba(255,255,255,.97);
  border-top:1px solid #e0e8ef;
  box-shadow:0 -10px 24px rgba(18,41,63,.035);
  backdrop-filter:blur(12px);
}

#overlay-root .modal-body .modal-footer.inline-footer {
  position:sticky;
  bottom:-26px;
  margin:28px -26px -26px;
  padding:14px 26px;
}

#overlay-root .modal-footer .button {
  min-height:44px;
  padding-inline:19px;
  border-radius:11px;
  font-size:13px;
  box-shadow:none;
}
#overlay-root .modal-footer .button.primary { box-shadow:0 7px 16px color-mix(in srgb,var(--primary),transparent 78%); }
#overlay-root .modal-footer .button .icon { width:17px; height:17px; }

#overlay-root .modal .form-grid { gap:18px; }
#overlay-root .modal .form-field { gap:8px; color:#334860; font-size:13px; }
#overlay-root .modal .form-field > span { font-weight:730; }
#overlay-root .modal .form-field > span em { color:#7a899b; font-size:11px; font-style:normal; font-weight:600; }
#overlay-root .modal .form-field > small { color:#718096; font-size:11px; line-height:1.45; }
#overlay-root .modal :is(.field,.select) { min-height:46px; border-color:#cfdbe6; border-radius:11px; font-size:14px; }
#overlay-root .modal textarea.field { min-height:116px; padding-block:12px; resize:vertical; }
#overlay-root .modal :is(.field,.select):hover { border-color:#aebfce; }
#overlay-root .modal :is(.field,.select):focus,
#overlay-root :is(.modal,.drawer) :is(button,a,input,select,textarea,[tabindex]):focus-visible {
  outline:3px solid color-mix(in srgb,var(--modal-accent),transparent 76%);
  outline-offset:2px;
  border-color:var(--modal-accent);
}

#overlay-root .modal:has([data-payment-form]) { width:min(780px,calc(100vw - 48px)); }
.payment-modal-form { display:grid; gap:22px; }
.payment-modal-summary {
  display:grid;
  grid-template-columns:46px minmax(150px,auto) minmax(220px,1fr);
  align-items:center;
  gap:14px;
  padding:17px 18px;
  color:#174d48;
  background:linear-gradient(135deg,#e9f8f5,#f6fbfa);
  border:1px solid #bfe7df;
  border-radius:14px;
}
.payment-modal-summary > span { width:42px; height:42px; display:grid; place-items:center; color:#008a79; background:#fff; border:1px solid #c9e9e3; border-radius:12px; }
.payment-modal-summary > span .icon { width:20px; height:20px; }
.payment-modal-summary small,.payment-modal-summary strong { display:block; }
.payment-modal-summary small { margin-bottom:3px; color:#577772; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.payment-modal-summary strong { color:#0b6157; font-size:22px; letter-spacing:-.02em; }
.payment-modal-summary p { margin:0; color:#52726e; font-size:12px; line-height:1.5; text-align:right; }

@keyframes retailos-modal-in { from { transform:translateY(12px) scale(.985); } to { transform:translateY(0) scale(1); } }
@keyframes retailos-drawer-in { from { transform:translateX(28px); } to { transform:translateX(0); } }

@media (max-width: 650px) {
  #overlay-root .modal-backdrop { align-items:end; padding:0; }
  #overlay-root .modal,
  #overlay-root .modal:has([data-payment-form]) {
    width:100%;
    max-height:min(94dvh,920px);
    border-radius:24px 24px 0 0;
    animation-name:retailos-modal-mobile-in;
  }
  #overlay-root .modal-header { min-height:80px; padding:14px 17px; }
  #overlay-root .modal-heading { grid-template-columns:42px minmax(0,1fr); gap:11px; }
  #overlay-root .modal-symbol { width:42px; height:42px; border-radius:12px; }
  #overlay-root .modal-header h2 { font-size:19px; }
  #overlay-root .modal-close { width:40px; height:40px; flex-basis:40px; }
  #overlay-root .modal-body { padding:20px 17px; }
  #overlay-root .modal-body .modal-footer.inline-footer { bottom:-20px; margin:24px -17px -20px; padding:13px 17px max(13px,env(safe-area-inset-bottom)); }
  #overlay-root .modal-footer .button { flex:1 1 130px; min-width:0; padding-inline:13px; }
  .payment-modal-summary { grid-template-columns:42px minmax(0,1fr); padding:14px; }
  .payment-modal-summary p { grid-column:1/-1; text-align:left; }
}

@keyframes retailos-modal-mobile-in { from { transform:translateY(36px); } to { transform:translateY(0); } }

@media (prefers-reduced-motion: reduce) {
  #overlay-root :is(.modal-backdrop,.modal,.drawer) { animation:none; }
}

/* Final TENYRO brand precedence. */
.sidebar { background:#0b2d5b; }
.nav-link.active, .nav-group-toggle.active { background:#2563eb; }
.nav-child:hover, .nav-child.active { border-left-color:#10b981; }
.nav-badge { background:#10b981; color:#062d27; }
.button.primary { background:#2563eb; border-color:#2563eb; box-shadow:0 6px 16px rgba(37,99,235,.2); }
.activation-bar { background:#0b2d5b; box-shadow:inset 0 -3px #10b981; }
.avatar { background:linear-gradient(135deg,#2563eb,#10b981); }
.marketing-brand { padding:0; color:#0b2d5b; background:transparent; }
.marketing-brand strong,
.marketing-brand strong span,
.mobile-promo-page > header > strong,
.mobile-promo-page > header > strong span { color:#0b2d5b; font-family:var(--font-heading); letter-spacing:.04em; }
.marketing-landing > header button.primary,
.marketing-cta { background:#2563eb; box-shadow:0 8px 18px rgba(37,99,235,.22); }
.marketing-hero { background:radial-gradient(circle at 8% 10%,rgba(37,99,235,.12),transparent 28%),radial-gradient(circle at 94% 84%,rgba(16,185,129,.13),transparent 30%),#eaf4ff; }
.marketing-hero h1 { color:#0b2d5b; }
.marketing-hero h1 span { color:#2563eb; }
.marketing-hero h1 b { color:#0b2d5b; }
.pos-terminal-brand strong,
.pos-terminal-brand strong span { color:#fff; font-family:var(--font-heading); letter-spacing:.04em; }
.login-pitch h2 { font-family:var(--font-heading); }
.login-pitch::after { content:"Sell. Manage. Grow."; display:block; margin-top:28px; color:#6ee7b7; font:600 14px/1 var(--font-heading); letter-spacing:.08em; }

/* TENYRO V1 implementation rules: 8 px buttons, 16 px cards, 44 px controls. */
.surface { border-radius:16px; }
.button, .soft-button { min-height:44px; border-radius:8px; }
.field, .select, .global-search input { min-height:44px; border-radius:8px; }
.icon-button { width:44px; height:44px; border-radius:8px; }
.nav-link, .nav-group-toggle, .settings-tab { min-height:44px; border-radius:8px; }
.sidebar .brand-mark { width:32px; height:32px; }
.sidebar .brand-name { font-size:24px; }
.sidebar .brand-tagline { display:none; }
.login-brand .brand-mark { width:56px; height:56px; }
.login-brand .brand-name { font-size:30px; }