@charset "UTF-8";

/* v1.8 manual order workspace */
.manual-order-layout { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:22px; align-items:start; }
.manual-order-main { display:grid; gap:18px; min-width:0; }
.manual-order-summary { position:sticky; top:88px; display:grid; gap:15px; }
.manual-product-picker { display:flex; align-items:end; gap:12px; margin-bottom:18px; }
.manual-product-picker label { display:grid; gap:7px; }
.manual-product-picker select { width:100%; }
.manual-order-table .compact-input { width:92px; min-width:76px; padding:9px 10px; }
.manual-order-table .money-input { width:122px; }
.manual-order-table td:first-child { min-width:220px; }
.step-chip { width:28px; height:28px; display:inline-grid; place-items:center; float:left; margin-right:10px; border-radius:9px; background:#eeecff; color:#5f4be8; font-size:12px; font-weight:900; }
.manual-total-lines { display:grid; gap:11px; padding:16px 0; border-top:1px solid var(--line,#e7e9ee); border-bottom:1px solid var(--line,#e7e9ee); }
.manual-total-lines > div { display:flex; justify-content:space-between; gap:20px; color:#687085; font-size:13px; }
.manual-total-lines .grand { align-items:end; padding-top:9px; border-top:1px dashed #d8dce5; color:#111827; }
.manual-total-lines .grand strong { font-size:24px; letter-spacing:-.04em; }
.inline-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; }
.launch-actions { display:flex; align-items:center; justify-content:flex-end; gap:9px; flex-wrap:wrap; }
.launch-actions form { margin:0; }
.launch-mode-notice { display:flex; align-items:center; gap:13px; margin:0 0 20px; padding:14px 17px; border:1px solid; border-radius:15px; }
.launch-mode-notice > span { flex:0 0 auto; min-width:58px; padding:7px 9px; border-radius:9px; font-size:10px; font-weight:950; letter-spacing:.09em; text-align:center; }
.launch-mode-notice strong { display:block; margin-bottom:3px; }
.launch-mode-notice p { margin:0; color:#667085; font-size:13px; }
.launch-mode-notice.is-live { border-color:#a6f4c5; background:#f6fef9; }
.launch-mode-notice.is-live > span { background:#d1fadf; color:#05603a; }
.launch-mode-notice.is-test { border-color:#b2ccff; background:#f5f8ff; }
.launch-mode-notice.is-test > span { background:#d1e0ff; color:#1849a9; }
.bulk-toolbar { display:flex; align-items:center; gap:10px; margin:4px 0 13px; padding:11px 13px; border:1px solid var(--mv-line); border-radius:13px; background:var(--mv-surface-2); }
.bulk-toolbar > span { margin-right:auto; color:var(--mv-text-2); font-size:12px; font-weight:800; }
.bulk-toolbar select { min-width:210px; }
.check-cell { width:44px; text-align:center; }
.check-cell input { width:17px; height:17px; accent-color:var(--mv-brand); }
.pagination { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:18px; padding-top:17px; border-top:1px solid var(--mv-line); }
.pagination-summary { color:var(--mv-muted); font-size:12px; }
.pagination-summary b { color:var(--mv-text-2); }
.pagination-links { display:flex; align-items:center; gap:5px; }
.page-link { min-width:34px; height:34px; padding:0 9px; display:grid; place-items:center; border:1px solid var(--mv-line); border-radius:9px; color:var(--mv-text-2); background:#fff; text-decoration:none; font-size:12px; font-weight:800; }
.page-link:hover { border-color:var(--mv-brand); color:var(--mv-brand); }
.page-link.is-current { border-color:var(--mv-brand); background:var(--mv-brand); color:#fff; }
.page-link.is-disabled { pointer-events:none; opacity:.4; }
.page-gap { color:var(--mv-muted); padding:0 3px; }
.topbar-search { position:relative; width:min(34vw,420px); margin-left:auto; }
.topbar-search > span { position:absolute; left:13px; top:50%; transform:translateY(-50%); color:var(--mv-muted); font-size:18px; pointer-events:none; }
.topbar-search input { width:100%; min-height:42px; padding:10px 58px 10px 38px; border:1px solid var(--mv-line); border-radius:12px; background:var(--mv-surface-2); }
.topbar-search input:focus { border-color:var(--mv-brand); background:#fff; box-shadow:0 0 0 4px rgba(102,87,246,.1); outline:0; }
.topbar-search kbd { position:absolute; right:10px; top:50%; transform:translateY(-50%); padding:3px 6px; border:1px solid var(--mv-line); border-radius:6px; background:#fff; color:var(--mv-muted); font:700 10px/1.2 inherit; }
.global-search-large { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; padding:9px; border:1px solid var(--mv-line); border-radius:16px; background:var(--mv-surface-2); }
.global-search-large > span { padding-left:8px; color:var(--mv-brand); font-size:24px; }
.global-search-large input { min-height:48px; border:0; background:transparent; font-size:16px; outline:0; }
.search-result-summary { display:flex; justify-content:space-between; gap:15px; margin:20px 0 12px; color:var(--mv-muted); font-size:12px; }
.search-result-summary b { color:var(--mv-text-2); }
.search-result-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.search-result-group { min-width:0; padding:15px; border:1px solid var(--mv-line); border-radius:16px; background:#fff; }
.search-result-group .section-head { margin-bottom:10px; }
.search-result-group .section-head h2 { font-size:16px; }
.search-result-group .section-head a { font-size:12px; font-weight:800; text-decoration:none; }
.search-hits { display:grid; gap:4px; }
.search-hits > a { display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:10px; padding:9px; border-radius:11px; color:inherit; text-decoration:none; }
.search-hits > a:hover { background:var(--mv-surface-2); }
.search-hits strong,.search-hits small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.search-hits small { margin-top:3px; color:var(--mv-muted); font-size:10px; }
.search-hits > a > b { color:var(--mv-text-2); font-size:11px; white-space:nowrap; }
.search-hit-icon { width:38px; height:38px; display:grid; place-items:center; overflow:hidden; border-radius:10px; background:var(--mv-brand-soft); color:var(--mv-brand); font-weight:900; }
.search-hit-icon img { width:100%; height:100%; object-fit:cover; }
.search-shortcuts { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:20px; }
.search-shortcuts article { display:flex; gap:12px; padding:17px; border:1px solid var(--mv-line); border-radius:14px; background:var(--mv-surface-2); }
.search-shortcuts article > span { color:var(--mv-brand); font-size:22px; }
.search-shortcuts p { margin:4px 0 0; color:var(--mv-muted); font-size:12px; }
@media(max-width:1100px){.manual-order-layout{grid-template-columns:1fr}.manual-order-summary{position:static}.search-result-grid{grid-template-columns:1fr}}
@media(max-width:760px){.topbar-search{display:none}}
@media(max-width:700px){.manual-product-picker{align-items:stretch;flex-direction:column}.manual-product-picker .btn{width:100%}.manual-order-table .compact-input,.manual-order-table .money-input{width:100%;min-width:0}.launch-actions{width:100%;justify-content:stretch}.launch-actions>a,.launch-actions form,.launch-actions button{width:100%}.launch-mode-notice{align-items:flex-start}.bulk-toolbar{align-items:stretch;flex-direction:column}.bulk-toolbar>span{margin:0}.bulk-toolbar select,.bulk-toolbar .btn{width:100%}.pagination{align-items:flex-start;flex-direction:column}.pagination-links{max-width:100%;overflow-x:auto;padding-bottom:3px}.search-shortcuts{grid-template-columns:1fr}.global-search-large{grid-template-columns:auto minmax(0,1fr)}.global-search-large .btn{grid-column:1/-1;width:100%}.search-result-summary{align-items:flex-start;flex-direction:column}}

/* Marvigo Commerce Design System v1.6 — responsive admin + platform refinement */
:root {
  --mv-bg: #f3f5f9;
  --mv-surface: #ffffff;
  --mv-surface-2: #f8f9fc;
  --mv-text: #101828;
  --mv-text-2: #344054;
  --mv-muted: #667085;
  --mv-line: #e4e7ec;
  --mv-line-strong: #d0d5dd;
  --mv-brand: #6657f6;
  --mv-brand-2: #8a6cff;
  --mv-brand-dark: #4f42d8;
  --mv-brand-soft: #f0edff;
  --mv-success: #087a4b;
  --mv-warning: #b54708;
  --mv-danger: #b42318;
  --mv-info: #175cd3;
  --mv-radius-xs: 10px;
  --mv-radius-sm: 14px;
  --mv-radius: 18px;
  --mv-radius-lg: 24px;
  --mv-shadow-xs: 0 1px 2px rgba(16,24,40,.04);
  --mv-shadow-sm: 0 8px 26px rgba(16,24,40,.06);
  --mv-shadow: 0 18px 55px rgba(16,24,40,.09);
  --mv-safe-top: env(safe-area-inset-top, 0px);
  --mv-safe-bottom: env(safe-area-inset-bottom, 0px);
}

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { overflow-x: hidden; background: var(--mv-bg); color: var(--mv-text); }
body, button, input, select, textarea { font-feature-settings: "kern" 1, "liga" 1; }
img, svg, video, canvas { display: block; max-width: 100%; }
button, a, input, select, textarea, summary { -webkit-tap-highlight-color: transparent; }
button, .btn, .quick-link, .icon-link, summary { touch-action: manipulation; }
code, pre, .dns-value { overflow-wrap: anywhere; word-break: break-word; }

/* Global readability */
.page-head, .panel-head, .section-head, .platform-panel-head { min-width: 0; }
.page-head > *, .panel-head > *, .section-head > *, .platform-panel-head > * { min-width: 0; }
.page-head h1, .panel h2, .panel h3, .platform-hero h1, .topbar-store strong,
.platform-topbar strong, .table-title, .domain-host, .tenant-cell strong {
  overflow-wrap: anywhere;
}
p, small, .help, .form-help, .muted-value { text-wrap: pretty; }

/* Shell and navigation */
.shell.suite-shell { min-height: 100dvh; grid-template-columns: 280px minmax(0,1fr); }
.sidebar {
  width: 280px;
  border-right: 1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at 20% -10%, rgba(110,92,255,.22), transparent 36%),
    linear-gradient(180deg, #0c1220 0%, #10182a 100%);
  box-shadow: 18px 0 50px rgba(11,18,32,.08);
}
.sidebar-top { padding: 22px 18px 12px; }
.suite-brand { padding: 3px 5px; }
.suite-brand .brand-mark { border-radius: 13px; box-shadow: 0 12px 30px rgba(102,87,246,.32); }
.brand-copy small { letter-spacing: .11em; }
.store-switch {
  margin-top: 18px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 15px;
  background: rgba(255,255,255,.055);
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.store-switch:hover { background: rgba(255,255,255,.085); border-color: rgba(138,108,255,.45); transform: translateY(-1px); }
.sidebar-scroll { padding: 8px 12px 22px; scrollbar-width: thin; scrollbar-color: #34405a transparent; }
.sidebar-nav { gap: 6px; }
.sidebar-nav > a,
.nav-group > summary {
  min-height: 46px;
  border-radius: 12px;
  color: #b9c3d4;
  font-size: 13px;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}
.sidebar-nav > a:hover, .nav-group > summary:hover { background: rgba(255,255,255,.06); color: #fff; }
.sidebar-nav > a.active { background: linear-gradient(90deg, rgba(102,87,246,.26), rgba(102,87,246,.10)); color: #fff; box-shadow: inset 3px 0 var(--mv-brand-2); }
.nav-icon { border-radius: 9px; background: rgba(255,255,255,.06); }
.nav-group[open] > summary { color: #fff; background: rgba(255,255,255,.045); }
.nav-group > div { padding: 5px 0 8px 44px; }
.nav-group > div a { min-height: 36px; padding: 8px 10px; border-radius: 9px; color: #94a0b5; }
.nav-group > div a:hover, .nav-group > div a.active { background: rgba(102,87,246,.12); color: #fff; }
.sidebar-user { border-top-color: rgba(255,255,255,.07); background: rgba(4,8,16,.18); }
.sidebar-user button { min-width: 42px; min-height: 42px; border-radius: 11px; }

.main, .platform-main { min-width: 0; }
.app-topbar, .platform-topbar {
  min-height: 78px;
  padding: 0 30px;
  border-bottom: 1px solid rgba(228,231,236,.88);
  background: rgba(255,255,255,.90);
  backdrop-filter: blur(18px) saturate(150%);
  box-shadow: 0 1px 0 rgba(16,24,40,.02);
}
.topbar-store { min-width: 0; }
.topbar-store strong { max-width: min(54vw, 650px); font-size: 18px; line-height: 1.2; }
.app-actions { flex: 0 0 auto; }
.quick-link { min-height: 44px; border-radius: 12px; }
.mobile-nav-button { width: 46px; height: 46px; border-radius: 13px; }
.app-content, .platform-content { max-width: 1640px; padding: 32px clamp(20px,3vw,42px) calc(86px + var(--mv-safe-bottom)); }

/* Page headers */
.page-head { gap: 24px; margin-bottom: 24px; }
.page-head h1 { margin-top: 7px; font-size: clamp(30px,3vw,40px); letter-spacing: -.045em; }
.page-head p { font-size: 14px; }
.page-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; flex-wrap: wrap; }
.page-actions .btn { min-height: 44px; }
.eyebrow, .section-kicker, .app-kicker, .topbar-label { color: var(--mv-brand); letter-spacing: .14em; }

/* Cards */
.panel {
  min-width: 0;
  border: 1px solid rgba(218,223,232,.9);
  border-radius: var(--mv-radius);
  background: var(--mv-surface);
  box-shadow: var(--mv-shadow-xs);
}
.panel:hover { border-color: #d9dce6; }
.panel h2 { font-size: 19px; }
.content-grid { grid-template-columns: minmax(0,1fr) minmax(290px,360px); gap: 20px; }
.content-grid.dashboard-grid { grid-template-columns: minmax(0,1fr) minmax(300px,370px); }
.stat-grid, .platform-stat-grid { gap: 16px; }
.stat-grid article, .platform-stat-card {
  border-color: rgba(218,223,232,.9);
  border-radius: var(--mv-radius);
  box-shadow: var(--mv-shadow-xs);
}
.stat-grid article { padding: 20px; }
.stat-grid strong { font-size: clamp(25px,2.5vw,32px); }
.demo-install-card { border-radius: var(--mv-radius-lg); overflow: hidden; }

/* Forms */
label { color: var(--mv-text-2); font-size: 12.5px; }
input, select, textarea {
  min-height: 46px;
  border-color: var(--mv-line-strong);
  border-radius: 12px;
  padding: 12px 13px;
  background: #fff;
}
textarea { min-height: 112px; }
input:focus, select:focus, textarea:focus { border-color: var(--mv-brand); box-shadow: 0 0 0 4px rgba(102,87,246,.11); }
.form-grid { gap: 18px; }
.check-row, .check-line { min-height: 46px; }
.btn, .quick-link, .platform-logout {
  min-height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--mv-brand), #745eff);
  box-shadow: 0 10px 24px rgba(102,87,246,.18);
}
.btn:hover, .quick-link:hover { background: linear-gradient(135deg, var(--mv-brand-dark), #654df1); }
.btn-ghost, .quick-link.secondary { background: #fff; color: var(--mv-text); box-shadow: var(--mv-shadow-xs); }
.btn-ghost:hover, .quick-link.secondary:hover { background: #f9fafb; }

/* Tables: desktop */
.table-wrap, .platform-table-wrap {
  width: 100%;
  border: 1px solid var(--mv-line);
  border-radius: 14px;
  background: #fff;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-wrap table, .platform-table-wrap table { border-collapse: separate; border-spacing: 0; }
table th { background: #f8f9fc; color: #5c6678; font-size: 10.5px; letter-spacing: .075em; text-transform: uppercase; }
table th, table td { padding: 14px 15px; }
table tbody tr:last-child td { border-bottom: 0; }
table tbody tr:hover td { background: #fbfbfe; }
.product-cell img, .product-cell > span { width: 48px; height: 48px; border-radius: 12px; }
.badge, .status-pill { white-space: nowrap; }

/* Domain management */
.domain-list { gap: 14px; }
.domain-card {
  display: grid !important;
  grid-template-columns: 48px minmax(0,1fr) auto;
  gap: 15px !important;
  align-items: start !important;
  padding: 18px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg,#fff,#fcfcff) !important;
}
.domain-card.is-primary { border-color: #cfc8ff !important; box-shadow: 0 0 0 3px rgba(102,87,246,.06); }
.domain-main { min-width: 0; }
.domain-title-row { display: flex; min-width: 0; align-items: center; gap: 10px; flex-wrap: wrap; }
.domain-host { display: block; min-width: 0; color: var(--mv-text); font-size: 16px; line-height: 1.35; }
.domain-meta { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 7px; color: var(--mv-muted); font-size: 11px; }
.domain-meta span { display: inline-flex; align-items: center; min-height: 25px; padding: 4px 8px; border-radius: 999px; background: #f2f4f7; }
.domain-meta .primary-chip { background: var(--mv-brand-soft); color: var(--mv-brand-dark); font-weight: 800; }
.domain-actions { display: flex; justify-content: flex-end; gap: 7px; flex-wrap: wrap; }
.domain-actions form { margin: 0; }
.domain-actions .icon-link { min-height: 38px; border: 1px solid var(--mv-line); border-radius: 10px; background: #fff; white-space: nowrap; }
.domain-actions .icon-link:hover { border-color: #c9c1ff; background: var(--mv-brand-soft); }
.dns-records { grid-column: 2 / -1; display: grid; gap: 10px; margin-top: 2px; }
.dns-record {
  display: grid;
  grid-template-columns: minmax(90px,130px) minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid #d8e2f4;
  border-radius: 13px;
  background: #f7f9ff;
}
.dns-record-label { color: #475467; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.dns-record-content { min-width: 0; }
.dns-record-content small { display: block; margin-bottom: 3px; color: var(--mv-muted); }
.dns-value { display: block; width: 100%; padding: 9px 10px; border-radius: 9px; background: #111827; color: #eef2ff; font-size: 11px; line-height: 1.45; white-space: normal; }
.copy-button { min-width: 40px; min-height: 40px; border: 1px solid #d7dce5; border-radius: 10px; background: #fff; color: var(--mv-text-2); font-size: 12px; font-weight: 800; }
.copy-button:hover { border-color: #bdb4ff; color: var(--mv-brand-dark); }
.domain-add-card { position: sticky; top: 100px; }

/* Platform console */
.platform-shell { grid-template-columns: 264px minmax(0,1fr); }
.platform-sidebar { width: 264px; background: radial-gradient(circle at 0 0,rgba(102,87,246,.20),transparent 31%),linear-gradient(180deg,#0c1220,#10182a); }
.platform-nav a { min-height: 45px; border-radius: 12px; font-size: 13px; }
.platform-nav a.active { background: linear-gradient(90deg,rgba(102,87,246,.25),rgba(102,87,246,.08)); box-shadow: inset 3px 0 var(--mv-brand-2); }
.platform-hero { border-radius: var(--mv-radius-lg); background: radial-gradient(circle at 90% 0,rgba(138,108,255,.18),transparent 34%),linear-gradient(135deg,#fff,#f6f3ff); }
.platform-stat-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.platform-stat-card { min-height: 132px; padding: 20px; }
.platform-stat-card strong { font-size: 29px; }
.platform-table { min-width: 1100px; }

/* Status and alert polish */
.alert { border-radius: 14px; box-shadow: var(--mv-shadow-xs); }
.info-box, .integration-notice, .onboarding-note, .dns-box { border-radius: 14px; }
.empty, .mini-empty { border-radius: 14px; }

/* Responsive generic grid */
@media (max-width: 1280px) {
  .content-grid, .content-grid.dashboard-grid { grid-template-columns: minmax(0,1fr) 320px; }
  .platform-stat-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 1080px) {
  .content-grid, .content-grid.dashboard-grid { grid-template-columns: 1fr; }
  .content-grid .span-2, .content-grid .span-3 { grid-column: auto; }
  .domain-add-card { position: static; }
  .platform-overview-grid, .platform-bottom-grid, .system-groups { grid-template-columns: 1fr; }
}

@media (max-width: 980px) {
  .shell.suite-shell, .platform-shell { display: block; }
  .sidebar, .platform-sidebar {
    position: fixed;
    z-index: 1000;
    inset: 0 auto 0 0;
    width: min(88vw,320px);
    height: 100dvh;
    transform: translateX(-104%);
    transition: transform .24s cubic-bezier(.22,.8,.22,1);
    padding-top: var(--mv-safe-top);
  }
  body.sidebar-open .sidebar, body.sidebar-open .platform-sidebar { transform: translateX(0); }
  .sidebar-backdrop { z-index: 999; background: rgba(8,13,24,.55); backdrop-filter: blur(4px); }
  .app-topbar, .platform-topbar { position: sticky; z-index: 60; top: 0; padding: var(--mv-safe-top) 18px 0; min-height: calc(72px + var(--mv-safe-top)); }
  .app-content, .platform-content { padding: 24px 18px calc(78px + var(--mv-safe-bottom)); }
  .mobile-nav-button { display: inline-grid; place-items: center; }
  .topbar-store strong { max-width: 46vw; }
  .quick-link.secondary { display: none; }
  .platform-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  body { min-width: 0; }
  .app-topbar, .platform-topbar { gap: 12px; }
  .topbar-store { flex: 1; }
  .topbar-store strong { max-width: 42vw; font-size: 17px; }
  .app-kicker, .topbar-label { font-size: 9px; }
  .app-actions .quick-link { min-height: 43px; padding-inline: 14px; font-size: 12px; }
  .platform-topbar .topbar-date { display: none; }
  .system-indicator { font-size: 10px; }
  .page-head { flex-direction: column; align-items: stretch; gap: 14px; }
  .page-head h1 { font-size: 30px; }
  .page-actions { justify-content: flex-start; width: 100%; }
  .page-actions .btn { flex: 1 1 145px; }
  .panel { padding: 18px; border-radius: 17px; }
  .panel-head { flex-direction: column; align-items: stretch; }
  .form-grid, .form-grid.three, .form-grid.four { grid-template-columns: 1fr; }
  .form-grid .span-2, .form-grid .span-two { grid-column: auto; }
  .inline-form { align-items: stretch; flex-direction: column; }
  .inline-form > label { flex-basis: auto; }
  .inline-form .btn, .inline-form button { width: 100%; }
  .stat-grid, .stat-grid.six, .platform-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .stat-grid article, .platform-stat-card { min-height: 124px; }
  .platform-hero { padding: 22px; }
  .platform-hero-actions { width: 100%; }
  .platform-hero-actions .btn { flex: 1 1 150px; }
  .domain-card { grid-template-columns: 42px minmax(0,1fr) !important; padding: 16px !important; }
  .domain-icon { width: 42px; height: 42px; flex-basis: 42px; }
  .domain-actions { grid-column: 1 / -1; justify-content: stretch; }
  .domain-actions form { flex: 1 1 130px; }
  .domain-actions .icon-link { width: 100%; }
  .dns-records { grid-column: 1 / -1; }
  .dns-record { grid-template-columns: 1fr auto; }
  .dns-record-label { grid-column: 1 / -1; }
  .domain-title-row { align-items: flex-start; }

  /* Responsive table cards */
  .table-wrap, .platform-table-wrap { border: 0; border-radius: 0; overflow: visible; background: transparent; }
  .table-wrap table:not(.keep-table), .platform-table-wrap table:not(.keep-table) { min-width: 0 !important; width: 100%; }
  .table-wrap table:not(.keep-table) thead, .platform-table-wrap table:not(.keep-table) thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .table-wrap table:not(.keep-table) tbody, .platform-table-wrap table:not(.keep-table) tbody { display: grid; gap: 12px; }
  .table-wrap table:not(.keep-table) tr, .platform-table-wrap table:not(.keep-table) tr {
    display: grid;
    gap: 0;
    overflow: hidden;
    border: 1px solid var(--mv-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: var(--mv-shadow-xs);
  }
  .table-wrap table:not(.keep-table) td, .platform-table-wrap table:not(.keep-table) td {
    display: grid;
    grid-template-columns: minmax(95px,34%) minmax(0,1fr);
    align-items: start;
    gap: 12px;
    min-width: 0;
    padding: 11px 14px;
    border-bottom: 1px solid #eef0f4;
    background: transparent !important;
    white-space: normal;
    text-align: left;
  }
  .table-wrap table:not(.keep-table) td:last-child, .platform-table-wrap table:not(.keep-table) td:last-child { border-bottom: 0; }
  .table-wrap table:not(.keep-table) td::before, .platform-table-wrap table:not(.keep-table) td::before {
    content: attr(data-label);
    color: var(--mv-muted);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
  }
  .table-wrap table:not(.keep-table) td:empty { display: none; }
  .table-wrap table:not(.keep-table) td > *, .platform-table-wrap table:not(.keep-table) td > * { min-width: 0; }
  .table-wrap table:not(.keep-table) .product-cell { align-items: center; }
  .table-wrap table:not(.keep-table) form.inline-form { width: 100%; }
  .platform-edit-form { position: fixed; inset: auto 12px calc(12px + var(--mv-safe-bottom)); width: auto; max-height: 80dvh; overflow-y: auto; }
}

@media (max-width: 520px) {
  .app-content, .platform-content { padding-inline: 13px; }
  .app-topbar, .platform-topbar { padding-inline: 12px; }
  .mobile-nav-button { width: 44px; height: 44px; flex: 0 0 44px; }
  .topbar-store strong { max-width: 43vw; font-size: 16px; }
  .app-actions .quick-link { padding: 10px 12px; }
  .stat-grid, .stat-grid.six, .platform-stat-grid { grid-template-columns: 1fr; }
  .panel { padding: 16px; }
  .page-head h1 { font-size: 28px; }
  .page-actions { display: grid; grid-template-columns: 1fr; }
  .page-actions .btn { width: 100%; }
  .domain-card { grid-template-columns: 38px minmax(0,1fr) !important; gap: 12px !important; }
  .domain-icon { width: 38px; height: 38px; flex-basis: 38px; }
  .domain-host { font-size: 15px; }
  .dns-record { grid-template-columns: minmax(0,1fr); }
  .copy-button { width: 100%; }
  .table-wrap table:not(.keep-table) td, .platform-table-wrap table:not(.keep-table) td { grid-template-columns: 1fr; gap: 5px; }
  .marketing-footer { grid-template-columns: 1fr; }
}

/* Motion and accessibility */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}
@media (forced-colors: active) {
  .btn, .quick-link, .badge, .status-pill { border: 1px solid ButtonText; }
}

/* Marketing, auth and onboarding responsive refinement */
.marketing-nav { min-height: 78px; padding-inline: max(22px,calc((100vw - 1320px)/2)); }
.mc-hero { gap: clamp(36px,6vw,74px); padding-inline: clamp(22px,5vw,64px); }
.mc-hero-copy h1 { font-size: clamp(48px,6.2vw,84px); line-height: .98; letter-spacing: -.065em; text-wrap: balance; }
.mc-hero-copy p { font-size: clamp(16px,1.7vw,20px); line-height: 1.7; }
.mc-section { padding-inline: clamp(20px,4vw,48px); }
.feature-bento > *, .module-grid > *, .price-grid > *, .theme-showcase > * { min-width: 0; }
.marketing-footer { gap: 34px; }
.auth-page { min-height: 100dvh; }
.auth-card, .auth-copy, .onboarding-form { min-width: 0; }
.auth-form input, .auth-form select { min-height: 48px; }

@media (max-width: 920px) {
  .marketing-nav { padding-inline: 20px; }
  .marketing-menu-toggle { display: inline-grid; place-items: center; width: 46px; height: 46px; border: 1px solid var(--mv-line); border-radius: 13px; background: #fff; }
  .marketing-nav nav {
    position: absolute;
    top: calc(100% + 8px);
    right: 16px;
    left: 16px;
    display: none;
    padding: 13px;
    border: 1px solid var(--mv-line);
    border-radius: 17px;
    background: #fff;
    box-shadow: var(--mv-shadow);
  }
  .marketing-nav nav.open { display: grid; gap: 4px; }
  .marketing-nav nav > a { min-height: 46px; display: flex; align-items: center; padding: 10px 12px; border-radius: 11px; }
  .marketing-nav nav > .btn { width: 100%; }
  .mc-hero { grid-template-columns: 1fr; padding-top: 62px; text-align: center; }
  .mc-hero-copy { max-width: 780px; margin-inline: auto; }
  .hero-actions, .hero-proof { justify-content: center; }
  .mc-product-stage { max-width: 720px; margin-inline: auto; }
  .feature-bento, .module-grid, .theme-showcase { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .price-grid { grid-template-columns: 1fr; max-width: 680px; margin-inline: auto; }
  .auth-wrap { grid-template-columns: 1fr; }
  .auth-side { display: none; }
  .auth-main { padding: 30px 20px; }
  .auth-card { width: min(100%,560px); }
}

@media (max-width: 600px) {
  .marketing-nav { min-height: 68px; padding-inline: 14px; }
  .marketing-nav .brand { font-size: 16px; }
  .marketing-nav .brand-mark { width: 34px; height: 34px; flex-basis: 34px; }
  .mc-hero { padding: 48px 17px 70px; }
  .mc-hero-copy h1 { font-size: 45px; }
  .hero-actions { display: grid; width: 100%; }
  .hero-actions .btn { width: 100%; }
  .hero-proof { align-items: flex-start; flex-direction: column; }
  .feature-bento, .module-grid, .theme-showcase { grid-template-columns: 1fr; }
  .mc-section { padding-inline: 15px; }
  .marketing-footer { grid-template-columns: 1fr; padding-inline: 20px; }
  .auth-main { padding-inline: 14px; }
  .auth-card { padding: 22px 18px; border-radius: 19px; }
  .suite-onboarding { padding-inline: 14px; }
  .onboarding-form { padding: 20px 17px; border-radius: 19px; }
}

/* =========================================================
   Marvigo Commerce v1.7 — Domain automation & tenant lifecycle
   ========================================================= */
.automation-summary {
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  margin:0 0 22px; padding:18px 20px; border:1px solid var(--mv-line);
  border-radius:18px; background:#fff; box-shadow:var(--mv-shadow-xs);
}
.automation-summary strong{display:block;font-size:15px;color:var(--mv-ink);margin-bottom:4px}
.automation-summary p{margin:0;color:var(--mv-muted);line-height:1.55}
.automation-summary>span{flex:0 0 auto;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.automation-summary.is-ready{border-color:#b7ebd3;background:linear-gradient(135deg,#fff,#f0fdf7)}
.automation-summary.is-ready>span{background:#dcfae6;color:#067647}
.automation-summary.is-warning{border-color:#fedf89;background:linear-gradient(135deg,#fff,#fffbeb)}
.automation-summary.is-warning>span{background:#fef0c7;color:#93370d}
.automation-summary.is-assisted{border-color:#d9d1ff;background:linear-gradient(135deg,#fff,#f5f2ff)}
.automation-summary.is-assisted>span{background:#ece7ff;color:#5744bd}
.domain-status-message{margin:10px 0 6px;color:var(--mv-muted);font-size:13px;line-height:1.65}
.domain-dns-details{grid-column:1/-1;border-top:1px solid #eaecf0;margin-top:10px;padding-top:14px;min-width:0}
.domain-dns-details>summary{cursor:pointer;color:var(--mv-ink);font-size:13px;font-weight:750;padding:3px 0}
.domain-dns-details>summary span{margin-left:8px;color:var(--mv-muted);font-size:11px;font-weight:500}
.domain-dns-details .dns-records{margin-top:14px}
.domain-support-note{margin-top:22px;padding-top:18px;border-top:1px solid #eaecf0;font-size:13px;line-height:1.6}
.domain-support-note p{margin:6px 0 9px;color:var(--mv-muted)}
.manual-domain-queue{margin-bottom:24px;scroll-margin-top:24px}
.manual-domain-request{margin-top:18px;border:1px solid #e4e7ec;border-radius:16px;padding:20px;background:#fff;min-width:0}
.manual-domain-request-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.manual-domain-request-head h3{margin:5px 0 0;overflow-wrap:anywhere;font-size:17px}
.manual-domain-request>p{color:var(--mv-muted);line-height:1.65;font-size:13px}
.manual-domain-empty{padding:28px 8px 12px;text-align:center;color:var(--mv-ink)}
.manual-domain-empty p{color:var(--mv-muted);font-size:13px}
.manual-hosting-message{margin-top:16px;min-width:0}
.manual-hosting-message summary{cursor:pointer;font-size:13px;font-weight:700}
.manual-hosting-message textarea{margin-top:12px;width:100%;box-sizing:border-box;min-height:180px;border:1px solid #d6def4;border-radius:12px;padding:12px;font:12px/1.6 ui-monospace,monospace;resize:vertical;background:#f9fafb;color:#344054}
.domain-page-grid{grid-template-columns:minmax(0,1fr) minmax(285px,360px);align-items:start}
.domain-card .domain-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.domain-error{margin-top:10px;padding:10px 12px;border:1px solid #fecdca;border-radius:12px;background:#fef3f2;color:#b42318;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.dns-help{padding:12px 14px;border-radius:12px;background:#eef4ff;color:#344054;font-size:12px;line-height:1.55}
.dns-record-content small b{color:#344054}
.dns-value{overflow-wrap:anywhere;word-break:break-word}
.domain-add-card{position:sticky;top:calc(var(--mv-topbar-height,76px) + 20px)}

.infra-stats{margin-bottom:22px}
.infra-grid{align-items:start}
.infrastructure-checklist .check-list{display:grid;gap:12px}
.infrastructure-checklist .check-list article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;padding:14px;border:1px solid var(--mv-line);border-radius:15px;background:#fff}
.infrastructure-checklist .check-list article i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-weight:950}
.infrastructure-checklist .check-list article.ok{border-color:#b7ebd3;background:#f6fef9}
.infrastructure-checklist .check-list article.ok i{background:#dcfae6;color:#067647}
.infrastructure-checklist .check-list article.warn{border-color:#fedf89;background:#fffcf5}
.infrastructure-checklist .check-list article.warn i{background:#fef0c7;color:#93370d}
.infrastructure-checklist .check-list strong{display:block;margin:2px 0 4px;color:var(--mv-ink)}
.infrastructure-checklist .check-list p{margin:0;color:var(--mv-muted);line-height:1.5;overflow-wrap:anywhere}
.infrastructure-checklist code{font-size:.9em;background:rgba(99,91,255,.08);color:#4237b8;padding:2px 5px;border-radius:6px;overflow-wrap:anywhere}
.support-message{margin-top:16px;padding:15px;border:1px dashed #c7d7fe;border-radius:15px;background:#f5f8ff}
.support-message strong{display:block;margin-bottom:9px}
.support-message textarea{width:100%;min-height:190px;resize:vertical;border:1px solid #d6def4;border-radius:12px;background:#fff;padding:12px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#344054}
.lifecycle-form{align-items:end}
.truncate-cell{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.tenant-domain-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:6px;color:var(--mv-muted);font-size:12px}
.tenant-domain-line code{max-width:100%;overflow-wrap:anywhere;background:#f2f4f7;border-radius:7px;padding:3px 7px;color:#344054}
.tenant-danger-zone{margin-top:10px;padding-top:10px;border-top:1px solid #fee4e2}
.tenant-danger-zone summary{cursor:pointer;color:#b42318;font-weight:800;font-size:12px}
.tenant-danger-zone form{margin-top:10px;display:grid;gap:8px}
.tenant-danger-zone input{border-color:#fda29b}

@media(max-width:1100px){
  .domain-page-grid,.infra-grid{grid-template-columns:1fr}
  .domain-add-card{position:static}
}
@media(max-width:760px){
  .automation-summary{align-items:flex-start;flex-direction:column;padding:16px}
  .automation-summary>span{align-self:flex-start}
  .domain-card .domain-actions{grid-column:1/-1;justify-content:flex-start;width:100%}
  .domain-card .domain-actions form{flex:1 1 135px}
  .domain-card .domain-actions .icon-link{width:100%;justify-content:center;min-height:42px}
  .infrastructure-checklist .check-list article{grid-template-columns:34px minmax(0,1fr);padding:12px}
  .infrastructure-checklist .check-list article i{width:34px;height:34px}
  .support-message textarea{min-height:250px}
  .truncate-cell{max-width:none;white-space:normal;overflow-wrap:anywhere}
}

/* v1.8.1 — visible session and marketing access controls */
.topbar-logout-form,.platform-topbar-logout{margin:0}
.topbar-logout{border:1px solid #e4e7ec;background:#fff;color:#344054;cursor:pointer;font:inherit}
.topbar-logout:hover{border-color:#f3b7b2;background:#fff5f4;color:#b42318}
.topbar-site-link{border-color:#d7d2ff;background:#f5f3ff;color:#4d3ec3}
.platform-topbar-link,.platform-topbar-logout button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d0d5dd;border-radius:11px;background:#fff;color:#344054;box-shadow:0 1px 2px rgba(16,24,40,.05);padding:8px 12px;font:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:.2s ease}
.platform-topbar-link{border-color:#d7d2ff;background:#f5f3ff;color:#4d3ec3}
.platform-topbar-link:hover{border-color:#a9a0ff;background:#ebe8ff;color:#392aaf}
.platform-topbar-logout button:hover{border-color:#f3b7b2;background:#fff5f4;color:#b42318}
@media(max-width:1280px){.app-actions .quick-link.secondary{display:none}.topbar-search{max-width:330px}}
@media(max-width:920px){.topbar-date,.system-indicator{display:none}.platform-topbar-link,.platform-topbar-logout button{min-height:36px;padding:7px 10px}.topbar-site-link{display:none}}
@media(max-width:620px){.app-actions>.quick-link:not(.topbar-site-link){display:none}.topbar-logout{min-height:38px;padding:8px 11px}.platform-topbar-link{display:none}}

/* v2.1 — automatic domains and account recovery */
.auth-field-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.auth-field-head a,.auth-back-link{color:var(--mv-brand,#635bff);font-weight:850;text-decoration:none}
.auth-field-head a{font-size:11px}
.auth-field-head a:hover,.auth-back-link:hover{text-decoration:underline}
.auth-back-link{display:inline-flex;justify-content:center;margin-top:4px;font-size:12px}
.auth-recovery-page .auth-side{background:radial-gradient(circle at 15% 15%,rgba(124,92,255,.35),transparent 36%),linear-gradient(145deg,#11172a,#2a214c)}
.auth-recovery-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:-2px;padding:12px 13px;border:1px solid #e3e0ff;border-radius:14px;background:linear-gradient(135deg,#fbfaff,#f5f3ff)}
.auth-recovery-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#e9e5ff;color:var(--mv-brand-dark,#4f3fc5);font-size:16px;font-weight:950}
.auth-recovery-row>span:nth-child(2){display:grid;gap:2px;min-width:0}
.auth-recovery-row strong{color:var(--mv-ink,#101828);font-size:11px}
.auth-recovery-row small{color:var(--mv-muted,#667085);font-size:10px;line-height:1.4}
.auth-recovery-row a{white-space:nowrap;border:1px solid #d7d2ff;border-radius:10px;background:#fff;color:var(--mv-brand-dark,#4f3fc5);padding:8px 10px;font-size:10px;font-weight:900;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.auth-recovery-row a:hover{border-color:#aaa1ff;background:#f0edff}
.auth-security-note{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:9px;padding:12px 13px;border:1px solid #d1fadf;border-radius:13px;background:#f6fef9;color:#05603a}
.auth-security-note>span{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#dcfae6;font-size:11px;font-weight:950}
.auth-security-note p{margin:1px 0 0;font-size:10px;line-height:1.55}
@media(max-width:520px){.auth-recovery-row{grid-template-columns:34px minmax(0,1fr)}.auth-recovery-icon{width:34px;height:34px}.auth-recovery-row a{grid-column:1/-1;text-align:center;padding:10px}}

.domain-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 22px}
.domain-flow article{position:relative;display:flex;align-items:center;gap:11px;min-width:0;padding:14px;border:1px solid #e4e7ec;border-radius:15px;background:#fff;box-shadow:var(--mv-shadow-xs)}
.domain-flow article:not(:last-child)::after{content:'›';position:absolute;right:-9px;z-index:2;width:17px;height:17px;display:grid;place-items:center;border:1px solid #e4e7ec;border-radius:50%;background:#fff;color:#7f70f5;font-weight:950}
.domain-flow i{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--mv-brand-soft,#f0edff);color:var(--mv-brand-dark,#4f3fc5);font-style:normal;font-weight:950}
.domain-flow strong,.domain-flow small{display:block;min-width:0}
.domain-flow strong{font-size:12px;color:var(--mv-ink)}
.domain-flow small{margin-top:2px;color:var(--mv-muted);font-size:10px}
.custom-domain-success{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;margin:-5px 0 22px;padding:16px 18px;border:1px solid #a6f4c5;border-radius:17px;background:linear-gradient(135deg,#f6fef9,#ecfdf3)}
.custom-domain-success>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#d1fadf;color:#067647;font-size:20px;font-weight:950}
.custom-domain-success strong{display:block;color:#05603a;margin:1px 0 4px}
.custom-domain-success p{margin:0;color:#35765a;font-size:12px;line-height:1.55}
.domain-card.is-redirect{border-style:dashed!important;background:linear-gradient(180deg,#fff,#f8fafc)!important}
.domain-meta .redirect-chip{background:#e0f2fe;color:#075985;font-weight:850}
.domain-last-check{display:block;margin-top:8px;color:var(--mv-muted);font-size:10px}
.domain-actions .is-disabled{cursor:default;border-style:dashed;background:#f8fafc;color:#98a2b3}
.dns-provider-note{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #c7d7fe;border-radius:13px;background:#f5f8ff;color:#344054;font-size:12px}
.dns-provider-note span{color:#667085;text-align:right}
.dns-help strong{display:block;margin-bottom:3px}
.domain-promise{display:flex;align-items:center;gap:8px;margin-top:11px;color:#475467;font-size:11px;font-weight:750}
.domain-promise span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#dcfae6;color:#067647;font-weight:950}
.status-waiting_wildcard,.status-waiting_router,.status-waiting_dns,.status-waiting_routing,.status-provisioning,.status-queued{background:#fffaeb!important;color:#b54708!important}
.wildcard-action-card{margin-top:16px;padding:17px;border:1px solid #d7d2ff;border-radius:16px;background:linear-gradient(135deg,#faf9ff,#f4f1ff)}
.wildcard-action-card strong{display:block;color:#3f348f;margin-bottom:5px}
.wildcard-action-card p{margin:0 0 13px;color:#5e5a78;font-size:12px;line-height:1.6}
.wildcard-action-card code{font-size:.92em;background:#fff;color:#4237b8;padding:2px 5px;border-radius:6px}
.infra-token-note{margin-top:16px;line-height:1.55}
.infra-token-note strong{color:#344054}

@media(max-width:900px){
  .domain-flow{grid-template-columns:1fr 1fr}
  .domain-flow article:nth-child(2)::after{display:none}
}
@media(max-width:620px){
  .domain-flow{grid-template-columns:1fr}
  .domain-flow article::after{display:none!important}
  .dns-provider-note{align-items:flex-start;flex-direction:column}
  .dns-provider-note span{text-align:left}
  .custom-domain-success{grid-template-columns:34px minmax(0,1fr);padding:14px}
  .custom-domain-success>span{width:34px;height:34px;border-radius:10px;font-size:16px}
}

/* v2.5 — trial lifecycle and subscription consent */
.trial-status-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 20px;border:1px solid #b7e4dc;border-radius:20px;background:linear-gradient(135deg,#f2fbf8,#f6f3ff);box-shadow:0 14px 35px rgba(16,24,40,.05);padding:22px 24px}
.trial-status-card>div{display:grid;gap:5px}.trial-status-card span{color:#167d70;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.trial-status-card strong{color:#17233a;font-size:26px;letter-spacing:-.04em}.trial-status-card p{margin:0;color:#667085;font-size:11px;line-height:1.55}.trial-status-card.is-ending{border-color:#f5d48a;background:linear-gradient(135deg,#fffaf0,#f7f4ff)}.trial-status-card.is-ending span{color:#a15c07}
.billing-plan-grid{align-items:start}.billing-plan-grid .price-card>small{display:block;margin:-5px 0 16px;color:#667085}.billing-checkout-form{display:grid;gap:13px;margin-top:16px}.billing-checkout-form>label:first-of-type{display:grid;gap:7px;color:#344054;font-size:11px;font-weight:800}.billing-legal-check{display:grid!important;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:9px;border:1px solid #e4e0ff;border-radius:13px;background:#faf9ff;padding:12px!important;color:#5f6473!important;font-size:10px!important;font-weight:650!important;line-height:1.55}.billing-legal-check input{width:16px;height:16px;margin-top:1px;accent-color:#635bff}.billing-legal-check a{color:#4f3fc5;font-weight:850;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.billing-policy-note{margin-top:23px;border:1px solid #e4e7ec;border-radius:20px;background:#fff;padding:24px}.billing-policy-note h2{margin:0 0 17px;font-size:18px}.billing-policy-note>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.billing-policy-note p{display:grid;gap:5px;margin:0;border:1px solid #eef0f4;border-radius:14px;background:#fafbfc;padding:15px}.billing-policy-note b{color:#344054;font-size:11px}.billing-policy-note span{color:#667085;font-size:10px;line-height:1.5}
@media(max-width:760px){.trial-status-card{align-items:stretch;flex-direction:column}.trial-status-card .btn{width:100%}.billing-policy-note>div{grid-template-columns:1fr}}