:root {
    --ink: #152232;
    --ink-2: #405064;
    --muted: #7A8898;
    --line: #E5EAF0;
    --canvas: #F4F7F9;
    --panel: #FFFFFF;
    --nav: #101C2B;
    --nav-2: #18283A;
    --green: #18A776;
    --green-dark: #0B815B;
    --green-soft: #E8F7F1;
    --blue: #3972D9;
    --blue-soft: #EAF1FF;
    --orange: #E78A20;
    --orange-soft: #FFF3E4;
    --red: #D95454;
    --red-soft: #FDEDED;
    --purple: #7B66D5;
    --shadow: 0 8px 30px rgba(20, 34, 50, .06);
    --radius: 14px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--canvas); color: var(--ink); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 14px; line-height: 1.5; }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
button, input, select { outline: none; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid rgba(24, 167, 118, .22); outline-offset: 2px; }
[hidden] { display: none !important; }

.app-shell { min-height: 100vh; display: flex; }
.sidebar { width: 244px; height: 100vh; background: var(--nav); color: #D6DEE7; display: flex; flex-direction: column; position: fixed; inset: 0 auto 0 0; z-index: 40; overflow-y: auto; }
.brand { height: 80px; display: flex; align-items: center; gap: 12px; padding: 0 24px; border-bottom: 1px solid rgba(255,255,255,.075); }
.brand-mark { position: relative; width: 34px; height: 34px; display: grid; place-items: center; transform: rotate(-5deg); }
.brand-mark i { position: absolute; width: 20px; height: 8px; border-radius: 2px; background: #23C88C; transform: skewX(-28deg); }
.brand-mark i:nth-child(1) { top: 6px; left: 7px; }
.brand-mark i:nth-child(2) { top: 14px; left: 4px; background: #70DFB6; }
.brand-mark i:nth-child(3) { top: 22px; left: 1px; background: #D5F7E9; }
.brand-copy { display: flex; flex-direction: column; line-height: 1.05; }
.brand-copy strong { color: #fff; font-size: 19px; letter-spacing: 3px; }
.brand-copy small { color: #6F8296; font-size: 9px; letter-spacing: 2.1px; margin-top: 5px; text-transform: uppercase; }
.main-nav { padding: 22px 14px; }
.nav-label { display: block; color: #64778C; font-size: 10px; letter-spacing: 1.6px; font-weight: 700; padding: 12px 12px 7px; }
.nav-label:not(:first-child) { margin-top: 13px; }
.nav-item { min-height: 44px; display: flex; align-items: center; gap: 12px; padding: 0 12px; border-radius: 9px; color: #AAB7C5; font-weight: 560; margin: 3px 0; transition: .2s ease; }
.nav-item:hover { color: #fff; background: rgba(255,255,255,.045); }
.nav-item.active { color: #fff; background: linear-gradient(90deg, rgba(31,190,135,.2), rgba(31,190,135,.08)); box-shadow: inset 3px 0 #27C88F; }
.nav-icon { width: 20px; height: 20px; display: grid; place-items: center; font-size: 18px; color: #7D90A4; }
.nav-item.active .nav-icon { color: #44D9A4; }
.nav-badge { margin-left: auto; min-width: 23px; height: 21px; padding: 0 6px; display: grid; place-items: center; border-radius: 6px; color: #8EA0B2; background: rgba(255,255,255,.07); font-size: 10px; }
.nav-item.active .nav-badge { color: #BDF3DF; background: rgba(30,190,134,.13); }
.sidebar-foot { margin-top: auto; padding: 12px 14px 16px; }
.plan-card { background: rgba(255,255,255,.052); border: 1px solid rgba(255,255,255,.06); border-radius: 11px; padding: 14px; }
.plan-row { display: flex; justify-content: space-between; font-size: 10px; color: #7D91A5; letter-spacing: .8px; }
.plan-row strong { color: #61D6AD; font-size: 11px; }
.plan-track { height: 4px; background: rgba(255,255,255,.1); border-radius: 10px; margin: 10px 0 8px; overflow: hidden; }
.plan-track span { display: block; width: 64%; height: 100%; background: #32C996; border-radius: inherit; }
.plan-card p { margin: 0; color: #8394A6; font-size: 10px; }
.plan-card a { display: flex; justify-content: space-between; color: #C9D2DC; font-weight: 650; font-size: 11px; margin-top: 12px; }
.support-button { width: 100%; border: 0; background: transparent; color: #91A1B2; display: flex; gap: 10px; align-items: center; padding: 16px 8px 0; cursor: pointer; text-align: left; }
.support-button strong, .support-button small { display: block; }
.support-button strong { color: #C8D1DC; font-size: 11px; }
.support-button small { font-size: 10px; margin-top: 2px; }
.support-dot { width: 29px; height: 29px; border-radius: 50%; display: grid; place-items: center; color: #70DEC0; border: 1px solid rgba(112,222,192,.35); }

.main-area { width: calc(100% - 244px); margin-left: 244px; min-width: 0; }
.topbar { height: 80px; background: rgba(255,255,255,.94); border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; padding: 0 30px; position: sticky; top: 0; z-index: 30; backdrop-filter: blur(16px); }
.topbar-left, .topbar-actions, .account-button, .global-search, .hero-actions, .action-group { display: flex; align-items: center; }
.page-heading h1 { margin: 0; font-size: 19px; line-height: 1.2; letter-spacing: -.25px; }
.page-heading p { margin: 3px 0 0; color: var(--muted); font-size: 11.5px; }
.topbar-actions { gap: 10px; }
.global-search { width: 292px; height: 40px; gap: 9px; padding: 0 10px 0 12px; background: #F5F7F9; border: 1px solid #E8ECF0; border-radius: 9px; color: #7B8999; transition: .2s; position: relative; }
.global-search:focus-within { border-color: #9CD8C3; background: #fff; box-shadow: 0 0 0 3px rgba(24,167,118,.09); }
.global-search input { width: 100%; border: 0; background: transparent; font-size: 12px; }
.global-search kbd { border: 1px solid #DCE2E8; background: #fff; border-radius: 5px; color: #9AA6B2; font-size: 9px; padding: 2px 5px; white-space: nowrap; }
.icon-button { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--line); background: #fff; border-radius: 9px; cursor: pointer; font-size: 18px; position: relative; }
.notification-button i { width: 7px; height: 7px; background: #E86565; border-radius: 50%; border: 2px solid #fff; position: absolute; top: 8px; right: 8px; box-sizing: content-box; }
.account-button { border: 0; border-left: 1px solid var(--line); background: transparent; padding: 0 0 0 14px; margin-left: 2px; gap: 9px; cursor: pointer; text-align: left; }
.avatar { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 9px; background: #193048; color: #DDF8EE; font-weight: 750; font-size: 11px; }
.account-copy strong, .account-copy small { display: block; }
.account-copy strong { font-size: 12px; }
.account-copy small { color: var(--muted); font-size: 10px; }
.chevron { color: #8B97A4; margin-left: 3px; }
.mobile-menu { display: none; }

.content { max-width: 1560px; margin: 0 auto; padding: 25px 30px 42px; }
.eyebrow { color: var(--green-dark); font-size: 10px; letter-spacing: 1.5px; font-weight: 780; }
.hero-strip { min-height: 90px; display: flex; justify-content: space-between; align-items: center; padding: 2px 0 19px; }
.hero-strip h2 { margin: 3px 0 1px; font-size: 23px; letter-spacing: -.55px; }
.hero-strip p { color: var(--muted); margin: 0; font-size: 12.5px; }
.hero-strip p strong { color: var(--ink-2); }
.hero-actions { gap: 9px; }
.button { min-height: 39px; border-radius: 8px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid transparent; font-size: 12px; font-weight: 700; cursor: pointer; transition: .18s ease; white-space: nowrap; }
.button:hover { transform: translateY(-1px); }
.button.primary { background: var(--green); color: #fff; box-shadow: 0 5px 14px rgba(24,167,118,.17); }
.button.primary:hover { background: var(--green-dark); }
.button.secondary { background: #fff; border-color: #DDE4EA; color: var(--ink-2); }
.button.secondary:hover { border-color: #BAC7D2; background: #FAFBFC; }
.button.dark { background: #122233; color: #fff; }
.button.ghost { background: transparent; border-color: transparent; color: var(--ink-2); }
.button.small { min-height: 34px; padding: 0 11px; font-size: 11px; }
.button.full { width: 100%; }
.button-loader { display: none; width: 14px; height: 14px; border: 2px solid rgba(255,255,255,.35); border-top-color: #fff; border-radius: 50%; animation: spin .7s linear infinite; }
.button.loading .button-loader { display: inline-block; }
@keyframes spin { to { transform: rotate(360deg); } }

.metrics-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
.metric-card { min-height: 139px; padding: 17px 17px 13px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); box-shadow: 0 2px 8px rgba(15,30,45,.025); overflow: hidden; position: relative; }
.metric-card.attention { border-color: #F0DFCA; background: linear-gradient(145deg, #fff, #FFFCF7); }
.metric-top, .metric-foot, .operation-title, .panel-head, .flow-label, .review-route, .automation-head, .automation-foot, .table-footer, .section-heading-row { display: flex; align-items: center; justify-content: space-between; }
.metric-top > span:first-child { color: var(--muted); font-size: 11.5px; font-weight: 570; }
.metric-icon { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; font-size: 12px; font-weight: 800; }
.metric-icon.revenue { background: var(--green-soft); color: var(--green-dark); }
.metric-icon.orders { background: var(--blue-soft); color: var(--blue); }
.metric-icon.products { background: #F0EDFF; color: var(--purple); }
.metric-icon.warning { background: var(--orange-soft); color: var(--orange); }
.metric-card > strong { display: block; font-size: 25px; letter-spacing: -.7px; margin-top: 4px; }
.metric-foot { justify-content: flex-start; gap: 6px; font-size: 10px; color: #9AA5B0; margin-top: 1px; }
.trend { font-weight: 750; }
.trend.up { color: var(--green); }
.trend.warn { color: var(--orange); background: var(--orange-soft); padding: 1px 5px; border-radius: 4px; }
.sparkline { position: absolute; right: 14px; bottom: 13px; width: 76px; height: 30px; display: flex; align-items: flex-end; gap: 3px; opacity: .8; }
.sparkline i { display: block; width: 7px; border-radius: 2px 2px 0 0; background: var(--green); opacity: .18; }
.sparkline i:nth-child(1) { height: 7px; }.sparkline i:nth-child(2) { height: 10px; }.sparkline i:nth-child(3) { height: 8px; }.sparkline i:nth-child(4) { height: 16px; }.sparkline i:nth-child(5) { height: 13px; }.sparkline i:nth-child(6) { height: 22px; }.sparkline i:nth-child(7) { height: 19px; }.sparkline i:nth-child(8) { height: 28px; opacity: .75; }
.sparkline.blue i { background: var(--blue); }.sparkline.purple i { background: var(--purple); }
.metric-link { display: inline-flex; align-items: center; gap: 9px; color: #B56C17; font-size: 10.5px; font-weight: 700; margin-top: 7px; }

.operation-card { margin-top: 13px; min-height: 75px; display: flex; align-items: center; padding: 14px 18px; background: #F5FBF8; border: 1px solid #D5EDE4; border-radius: 12px; }
.operation-main { display: flex; align-items: center; gap: 13px; min-width: 380px; }
.pulse-ring { width: 34px; height: 34px; border-radius: 50%; background: #DDF5EC; display: grid; place-items: center; }
.pulse-ring i { width: 11px; height: 11px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(24,167,118,.14); }
.operation-title { justify-content: flex-start; gap: 8px; }
.operation-title h3 { font-size: 13px; margin: 0; }
.operation-main p { color: #788C84; font-size: 10.5px; margin: 2px 0 0; }
.status-pill { min-height: 22px; display: inline-flex; align-items: center; gap: 5px; padding: 0 8px; border-radius: 6px; font-size: 9px; font-weight: 800; letter-spacing: .25px; white-space: nowrap; }
.status-pill.success { background: var(--green-soft); color: var(--green-dark); }
.status-pill.warning { background: var(--orange-soft); color: #B86B15; }
.status-pill.danger { background: var(--red-soft); color: #B54545; }
.status-pill.info { background: var(--blue-soft); color: #315FB4; }
.status-pill.neutral { background: #EFF2F5; color: #68788B; }
.status-pill i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.operation-stats { display: flex; align-items: center; margin-left: auto; }
.operation-stats div { min-width: 125px; padding: 0 20px; border-left: 1px solid #DCEAE4; }
.operation-stats span, .operation-stats strong { display: block; }
.operation-stats span { color: #8B9994; font-size: 9.5px; }.operation-stats strong { font-size: 11px; margin-top: 2px; }
.dots-button { border: 0; background: transparent; color: #8794A2; letter-spacing: 1px; cursor: pointer; padding: 8px; }

.dashboard-layout { margin-top: 13px; display: grid; grid-template-columns: minmax(310px, .72fr) minmax(520px, 1.35fr) minmax(250px, .72fr); gap: 13px; align-items: stretch; }
.panel { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 2px 8px rgba(15,30,45,.025); }
.panel-head { min-height: 64px; padding: 14px 17px; border-bottom: 1px solid var(--line); }
.panel-head h3 { font-size: 13px; margin: 0; }.panel-head p { color: var(--muted); font-size: 10px; margin: 2px 0 0; }.panel-head a { color: var(--green-dark); font-size: 10.5px; font-weight: 700; }
.channel-row { min-height: 64px; display: flex; align-items: center; padding: 8px 14px; border-bottom: 1px solid #EFF2F4; }
.market-badge { flex: 0 0 auto; width: 36px; height: 36px; border-radius: 10px; display: inline-grid; place-items: center; color: var(--brand); background: var(--brand-soft); border: 1px solid color-mix(in srgb, var(--brand) 12%, transparent); font-weight: 850; font-size: 12px; line-height: 1; }
.market-badge.large { width: 46px; height: 46px; border-radius: 12px; font-size: 15px; }
.market-badge.mini { width: 25px; height: 25px; border-radius: 7px; font-size: 8px; box-shadow: 0 0 0 2px #fff; }
.market-badge.more { background: #EEF2F5; color: #66778A; border-color: #fff; }
.channel-info { margin-left: 10px; min-width: 0; flex: 1; }
.channel-info > div { display: flex; gap: 5px; align-items: center; }
.channel-info strong { font-size: 11px; }.channel-info span { color: #A0AAB5; font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.channel-info small { display: block; color: #758495; font-size: 9px; margin-top: 2px; }
.connection-state { display: inline-flex; align-items: center; gap: 5px; font-size: 9.5px; font-weight: 680; white-space: nowrap; }
.connection-state i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.connection-state.connected { color: var(--green); }.connection-state.issue { color: var(--orange); }.connection-state.off { color: #A0AAB5; }
.text-button { border: 0; background: var(--green-soft); color: var(--green-dark); border-radius: 6px; font-size: 10px; font-weight: 730; padding: 6px 9px; cursor: pointer; }
.panel-bottom-link { min-height: 48px; display: flex; align-items: center; justify-content: center; gap: 7px; color: var(--green-dark); font-size: 10.5px; font-weight: 700; }
.plus-small { width: 20px; height: 20px; background: var(--green-soft); border-radius: 6px; display: grid; place-items: center; }
.orders-overview .table-scroll { padding: 0 8px; }
.table-scroll { width: 100%; overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
.clean-table th, .data-table th { text-align: left; color: #98A4AF; font-size: 8.5px; font-weight: 750; letter-spacing: .65px; padding: 9px 8px; border-bottom: 1px solid var(--line); }
.clean-table td { padding: 10px 8px; border-bottom: 1px solid #EFF2F4; font-size: 10px; white-space: nowrap; }
.clean-table tr:last-child td { border-bottom: 0; }
.clean-table small, .data-table td small { display: block; color: #98A4AF; font-size: 8.5px; margin-top: 1px; }
.order-id { display: flex; align-items: center; gap: 7px; }.order-id span { display: block; }.order-id strong { font-size: 9.5px; }.table-main { font-size: 10px; }
.order-status { display: inline-flex; min-height: 21px; align-items: center; padding: 0 7px; border-radius: 5px; font-size: 8.5px; font-weight: 680; }
.order-status.warning { color: #A86519; background: var(--orange-soft); }.order-status.info { color: #315FB4; background: var(--blue-soft); }.order-status.danger { color: #B54545; background: var(--red-soft); }.order-status.success { color: var(--green-dark); background: var(--green-soft); }
.row-action { border: 0; background: #F3F5F7; color: #6D7A88; width: 25px; height: 25px; border-radius: 6px; cursor: pointer; }
.activity-panel { min-width: 0; }
.live-dot { display: inline-flex; align-items: center; gap: 5px; color: var(--green); font-size: 9px; font-weight: 700; }.live-dot i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px var(--green-soft); }
.activity-item { min-height: 66px; display: grid; grid-template-columns: 28px minmax(0,1fr) auto; align-items: center; gap: 8px; padding: 8px 14px; border-bottom: 1px solid #EFF2F4; }
.activity-icon { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; font-size: 10px; font-weight: 800; }.activity-icon.success { color: var(--green); background: var(--green-soft); }.activity-icon.warning { color: var(--orange); background: var(--orange-soft); }.activity-icon.info { color: var(--blue); background: var(--blue-soft); }
.activity-item strong, .activity-item small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.activity-item strong { font-size: 10px; }.activity-item small { font-size: 8.5px; color: #8795A3; margin-top: 2px; }.activity-item time { font-size: 8px; color: #A3ADB7; align-self: start; margin-top: 12px; }
.activity-more { min-height: 43px; width: 100%; border: 0; background: transparent; color: #748293; font-size: 9.5px; font-weight: 650; cursor: pointer; }

/* Products */
.page-actions-row { min-height: 54px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; }
.products-actions-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; align-items: center; }
.products-actions-row .marketplace-tabs { grid-column: 1 / -1; justify-self: start; max-width: 100%; flex-wrap: wrap; }
.products-actions-row .segmented-tabs { min-width: 0; justify-self: start; }
.products-actions-row .action-group { justify-self: end; }
.segmented-tabs { display: flex; gap: 3px; background: #E9EEF2; padding: 4px; border-radius: 9px; }
.segmented-tabs button, .segmented-tabs a { border: 0; background: transparent; color: #718092; min-height: 34px; padding: 0 13px; border-radius: 7px; font-size: 11px; font-weight: 650; cursor: pointer; display: inline-flex; align-items: center; white-space: nowrap; }.segmented-tabs button.active, .segmented-tabs a.active { background: #fff; color: var(--ink); box-shadow: 0 2px 7px rgba(20,35,50,.07); }.segmented-tabs span { color: #9BA6B1; margin-left: 4px; }
.action-group { gap: 8px; }
.products-panel { overflow: hidden; }
.product-tools { min-height: 64px; padding: 11px 15px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.catalog-search-form { display: flex; align-items: center; gap: 7px; flex: 1; }.catalog-search-form .table-search { width: min(430px, 68%); }.clear-search { color: var(--green-dark); font-size: 9.5px; font-weight: 700; }
.table-search, .mini-search { height: 38px; display: flex; align-items: center; gap: 8px; border: 1px solid #DDE4EA; border-radius: 8px; padding: 0 11px; color: #8593A2; background: #fff; }
.table-search { width: min(360px, 40%); }.table-search input, .mini-search input { width: 100%; border: 0; background: transparent; font-size: 11px; }.mini-search { width: 240px; }
.filter-buttons { display: flex; gap: 7px; }.filter-buttons button { min-height: 35px; border: 1px solid #DFE5EA; border-radius: 7px; background: #fff; padding: 0 10px; font-size: 10px; color: #5D6C7B; cursor: pointer; }.filter-buttons button span { color: #98A4B0; margin-left: 6px; }.filter-buttons .icon-only { width: 35px; padding: 0; }
.bulk-bar { min-height: 47px; padding: 0 17px; display: flex; align-items: center; gap: 14px; background: #EEF9F5; border-bottom: 1px solid #D3EDE4; color: var(--green-dark); }.bulk-bar > span { width: 1px; height: 20px; background: #C6E6DB; }.bulk-bar strong { font-size: 11px; }.bulk-bar button { border: 0; background: transparent; color: #247B60; font-size: 10px; font-weight: 700; cursor: pointer; }
.data-table th { padding: 11px 14px; background: #FAFBFC; }.data-table td { padding: 12px 14px; border-bottom: 1px solid #EDF1F4; font-size: 11px; vertical-align: middle; }.data-table td > strong { font-size: 11px; }.data-table tr:hover { background: #FCFDFD; }.data-table input[type="checkbox"], .wizard-product input, .channel-choice input { accent-color: var(--green); }
.product-cell { min-width: 250px; display: flex; align-items: center; gap: 10px; }.product-cell strong, .product-cell small { display: block; }.product-cell strong { font-size: 11px; }.product-thumb { flex: 0 0 auto; width: 42px; height: 42px; border-radius: 9px; display: grid; place-items: center; background: linear-gradient(145deg, color-mix(in srgb, var(--thumb) 56%, white), var(--thumb)); color: rgba(25,35,40,.62); font-weight: 850; font-size: 10px; letter-spacing: .3px; box-shadow: inset 0 0 0 1px rgba(0,0,0,.04); }
.product-photo { flex: 0 0 auto; width: 48px; height: 58px; border-radius: 8px; object-fit: cover; background: #F2F4F6; border: 1px solid #E8ECF0; }
.catalog-summary { display: flex; align-items: center; gap: 18px; color: #8794A2; font-size: 9.5px; }.catalog-summary span { white-space: nowrap; }.catalog-summary strong { color: var(--ink); font-size: 11px; margin-right: 3px; }
.real-catalog-table .product-cell { min-width: 300px; }.real-catalog-table td { white-space: nowrap; }.real-catalog-table .product-cell span:last-child { min-width: 0; }.real-catalog-table .product-cell strong { max-width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.empty-catalog { min-height: 430px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 35px; }.empty-catalog-icon { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 18px; color: var(--green); background: var(--green-soft); font-size: 29px; margin-bottom: 14px; }.empty-catalog h2 { margin: 5px 0 4px; font-size: 21px; }.empty-catalog p { max-width: 570px; margin: 0 0 18px; color: var(--muted); font-size: 11px; }
.logo-stack { display: flex; align-items: center; min-width: 100px; }.logo-stack .market-badge + .market-badge { margin-left: -6px; }
.table-footer { min-height: 54px; padding: 0 16px; color: #83909D; font-size: 10px; }.table-footer div { display: flex; gap: 4px; }.table-footer button { border: 1px solid #E1E6EB; background: #fff; min-width: 28px; height: 28px; border-radius: 6px; font-size: 10px; cursor: pointer; }.table-footer button.active { background: var(--nav); color: #fff; border-color: var(--nav); }.table-footer button:disabled { opacity: .5; }
.catalog-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.catalog-pagination nav { display: flex; align-items: center; gap: 4px; }.page-link { min-width: 29px; height: 29px; padding: 0 7px; display: grid; place-items: center; border: 1px solid #E1E6EB; border-radius: 6px; background: #fff; color: #667687; font-size: 10px; }.page-link.active { color: #fff; background: var(--nav); border-color: var(--nav); }.page-link.disabled { opacity: .42; pointer-events: none; }.page-gap { padding: 0 3px; }.catalog-no-results { min-height: 210px; display: grid; place-content: center; text-align: center; }.catalog-no-results strong, .catalog-no-results small { display: block; }.catalog-no-results strong { font-size: 13px; }.catalog-no-results small { margin-top: 4px; color: var(--muted); }

/* Integrations */
.integration-summary { min-height: 76px; padding: 12px 16px; display: flex; align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 12px; margin-bottom: 24px; }.integration-summary > div { min-width: 220px; display: flex; align-items: center; gap: 11px; padding-right: 24px; margin-right: 24px; border-right: 1px solid var(--line); }.integration-summary .button { margin-left: auto; }.summary-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 9px; background: var(--green-soft); color: var(--green-dark); font-weight: 800; }.summary-icon.records { background: var(--blue-soft); color: var(--blue); }.summary-icon.errors { background: var(--orange-soft); color: var(--orange); }.integration-summary strong, .integration-summary small { display: block; }.integration-summary strong { font-size: 11px; }.integration-summary small { color: var(--muted); font-size: 9px; margin-top: 2px; }
.section-heading-row { margin-bottom: 13px; }.section-heading-row h2 { font-size: 17px; margin: 0; }.section-heading-row p { color: var(--muted); font-size: 11px; margin: 2px 0 0; }
.integration-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.integration-card { min-height: 300px; display: flex; flex-direction: column; padding: 17px; border: 1px solid var(--line); background: #fff; border-radius: 13px; transition: .2s ease; }.integration-card:hover { transform: translateY(-2px); box-shadow: var(--shadow); border-color: #D8E0E6; }.integration-card-head { display: flex; align-items: flex-start; justify-content: space-between; }.integration-card h3 { margin: 13px 0 0; font-size: 14px; }.integration-card > p { color: var(--muted); font-size: 10px; margin: 1px 0 12px; }.capability-list { display: grid; grid-template-columns: 1fr 1fr; gap: 7px 9px; padding: 12px 0; border-top: 1px solid #EEF1F3; border-bottom: 1px solid #EEF1F3; }.capability-list span { color: #637184; font-size: 9.5px; }.capability-list span::first-letter { color: var(--green); }.integration-meta { display: flex; justify-content: space-between; margin-top: 12px; color: #8794A2; font-size: 9px; }.integration-meta strong { color: var(--ink-2); }.integration-actions { margin-top: auto; display: flex; gap: 5px; padding-top: 15px; }.integration-actions .button:first-child { flex: 1; }.integration-card > .button.full { margin-top: auto; }
.marketplace-sync-progress { margin-top: 11px; padding: 10px; border: 1px solid #DDEBE5; border-radius: 10px; background: #F7FCFA; }.marketplace-sync-progress-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 7px; font-size: 9.5px; }.marketplace-sync-progress-head span { color: var(--green-dark); font-weight: 800; }.marketplace-sync-progress-track { height: 7px; overflow: hidden; border-radius: 999px; background: #DDE8E3; }.marketplace-sync-progress-track i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--green), #4FCDA1); transition: width .3s ease; }.marketplace-sync-progress-foot { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-top: 7px; }.marketplace-sync-progress small { display: block; color: #718278; font-size: 8.5px; line-height: 1.45; }.marketplace-sync-progress .sync-stop { flex: 0 0 auto; padding: 4px 9px; font-size: 8.5px; color: #8A3B3B; border-color: #E2C4C4; }.marketplace-sync-progress .sync-stop[hidden] { display: none !important; }.marketplace-sync-progress.complete { border-color: #BCE4D4; background: #EFFAF5; }.marketplace-sync-progress.failed { border-color: #E8C9C9; background: #FFF6F6; }.marketplace-sync-progress.failed .marketplace-sync-progress-track i { background: #B95B5B; }.marketplace-sync-progress.paused { border-color: #E6D7B3; background: #FFFBF2; }.marketplace-sync-progress.paused .marketplace-sync-progress-head span { color: #9A7418; }.marketplace-sync-progress.paused .marketplace-sync-progress-track i { background: #D2A84A; }
.custom-callout { min-height: 138px; display: grid; grid-template-columns: 110px 1fr auto; align-items: center; gap: 20px; margin-top: 16px; padding: 18px 22px; border-radius: 14px; overflow: hidden; color: #DCE7F0; background: linear-gradient(110deg, #101D2C, #193145); }.custom-pattern { height: 90px; border-radius: 12px; background: repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 8px, transparent 8px 16px); display: grid; place-items: center; border: 1px solid rgba(255,255,255,.08); }.custom-pattern span { color: #58D6AB; font-weight: 850; font-size: 22px; letter-spacing: 2px; }.custom-callout .eyebrow { color: #58D6AB; }.custom-callout h3 { margin: 3px 0 2px; font-size: 17px; color: #fff; }.custom-callout p { margin: 0; font-size: 10.5px; color: #91A3B3; }.custom-callout .button.dark { background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.12); }

/* Transfer wizard */
.transfer-shell { overflow: hidden; border-radius: 15px; border: 1px solid var(--line); background: #fff; box-shadow: var(--shadow); }
.wizard-steps { min-height: 82px; margin: 0; padding: 0 9%; display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; background: #FAFBFC; border-bottom: 1px solid var(--line); }.wizard-steps li { position: relative; display: flex; align-items: center; justify-content: center; gap: 9px; color: #9AA5B0; }.wizard-steps li:not(:last-child)::after { content: ""; height: 1px; width: 34%; background: #DDE3E8; position: absolute; right: -17%; top: 50%; }.wizard-steps li > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: #ECF0F3; color: #8693A1; font-size: 10px; font-weight: 800; }.wizard-steps li strong, .wizard-steps li small { display: block; }.wizard-steps li strong { font-size: 10.5px; }.wizard-steps li small { font-size: 8.5px; margin-top: 1px; }.wizard-steps li.active { color: var(--ink); }.wizard-steps li.active > span, .wizard-steps li.done > span { background: var(--green); color: #fff; }.wizard-steps li.done::after { background: #8DD8BE; }.wizard-steps li.done { color: #597265; }
.wizard-pane { display: none; padding: 29px 32px 24px; min-height: 445px; }.wizard-pane.active { display: block; animation: paneIn .22s ease; } @keyframes paneIn { from { opacity: 0; transform: translateX(6px); } }
.wizard-heading { text-align: center; margin-bottom: 25px; }.wizard-heading h2 { margin: 4px 0 2px; font-size: 20px; letter-spacing: -.4px; }.wizard-heading p { color: var(--muted); margin: 0; font-size: 11px; }
.flow-builder { display: grid; grid-template-columns: 1fr 70px 1.3fr; gap: 14px; max-width: 1040px; margin: 0 auto; }.flow-label { margin-bottom: 9px; }.flow-label > span { font-size: 9px; letter-spacing: .8px; font-weight: 750; color: #6B7989; }.flow-label small { font-size: 9px; color: #9AA5B0; }.channel-choice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.source-grid { grid-template-columns: 1fr; }.channel-choice { min-height: 61px; display: flex; align-items: center; gap: 10px; border: 1px solid #E0E6EB; border-radius: 10px; padding: 8px 10px; position: relative; cursor: pointer; transition: .18s ease; }.channel-choice:hover { border-color: #A6D9C6; }.channel-choice input { position: absolute; opacity: 0; }.channel-choice > span strong, .channel-choice > span small { display: block; }.channel-choice > span strong { font-size: 10.5px; }.channel-choice > span small { color: #909CA8; font-size: 8.5px; }.channel-choice > i { margin-left: auto; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #D8E0E6; display: grid; place-items: center; color: transparent; font-size: 9px; font-style: normal; }.channel-choice:has(input:checked) { border-color: #73C9AA; background: #F7FCFA; box-shadow: inset 0 0 0 1px #73C9AA; }.channel-choice:has(input:checked) > i { background: var(--green); border-color: var(--green); color: #fff; }.channel-choice.needs-connection { opacity: .58; }.flow-arrow { display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--green); }.flow-arrow span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--green-soft); font-size: 19px; }.flow-arrow small { margin-top: 4px; font-size: 8px; font-weight: 800; letter-spacing: 1px; }
.wizard-product-tools { display: flex; justify-content: center; gap: 8px; margin-bottom: 12px; }.wizard-product-tools .table-search { width: 420px; }.wizard-products { max-width: 850px; margin: 0 auto; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; max-height: 330px; overflow-y: auto; }.wizard-product { min-height: 63px; display: flex; align-items: center; gap: 12px; padding: 9px 13px; border-bottom: 1px solid #EDF1F3; cursor: pointer; }.wizard-product:last-child { border-bottom: 0; }.wizard-product:hover { background: #FBFCFD; }.wizard-product > input { width: 15px; height: 15px; }.wizard-product-copy { flex: 1; }.wizard-product-copy strong, .wizard-product-copy small { display: block; }.wizard-product-copy strong { font-size: 11px; }.wizard-product-copy small { color: var(--muted); font-size: 9px; }.wizard-price { font-size: 11px; }
.candidate-filter { width: 185px; height: 42px; position: relative; }.candidate-filter > span { position: absolute; z-index: 1; top: 5px; left: 10px; color: #97A2AD; font-size: 7px; font-weight: 800; letter-spacing: .6px; }.candidate-filter select { width: 100%; height: 42px; padding: 13px 28px 2px 9px; border: 1px solid #DDE4E9; border-radius: 8px; color: var(--ink); background: #fff; font-size: 9.5px; font-weight: 700; }.candidate-summary { max-width: 850px; margin: 0 auto 7px; display: flex; align-items: baseline; gap: 5px; color: var(--muted); font-size: 9px; }.candidate-summary strong { color: var(--ink); font-size: 12px; }.candidate-loading { min-height: 120px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--muted); font-size: 10px; }.candidate-loading strong,.candidate-loading small { display: block; }.candidate-loading small { margin-top: 3px; }.candidate-pagination { max-width: 850px; margin: 9px auto 0; display: flex; justify-content: flex-end; align-items: center; gap: 8px; }.candidate-pagination span { min-width: 55px; text-align: center; color: var(--muted); font-size: 9px; }.transfer-channel-state { display: inline-flex; }.transfer-channel-state .market-badge { margin-left: -3px; }
.rules-grid { max-width: 850px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }.rule-card { min-height: 117px; border: 1px solid var(--line); border-radius: 12px; padding: 15px; position: relative; display: grid; grid-template-columns: 40px 1fr auto; align-items: start; gap: 10px; }.rule-card.prominent { min-height: 150px; grid-column: 1 / -1; grid-template-columns: 40px 1fr 110px; }.rule-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 9px; background: var(--green-soft); color: var(--green-dark); font-weight: 800; }.rule-icon.stock { color: var(--blue); background: var(--blue-soft); }.rule-icon.price { color: var(--orange); background: var(--orange-soft); }.rule-icon.content { color: var(--purple); background: #F0EDFF; }.rule-card h3 { margin: 1px 0 2px; font-size: 12px; }.rule-card p { margin: 0; color: var(--muted); font-size: 9.5px; }.number-field { height: 40px; display: flex; border: 1px solid #DCE3E8; border-radius: 8px; overflow: hidden; }.number-field input { width: 70px; border: 0; padding: 0 10px; font-weight: 750; }.number-field > span { min-width: 34px; display: grid; place-items: center; background: #F2F5F7; border-left: 1px solid #DCE3E8; color: #778596; font-size: 10px; }.rule-preview { grid-column: 2 / -1; min-height: 36px; display: flex; align-items: center; justify-content: space-between; background: #F7F9FA; border-radius: 8px; padding: 0 11px; color: #82909E; font-size: 9px; }.rule-preview strong { color: var(--ink); font-size: 10px; }
input[type="checkbox"] + .toggle { flex: 0 0 auto; width: 36px; height: 20px; border-radius: 20px; display: inline-block; background: #D3DAE1; position: relative; cursor: pointer; transition: .2s; } input[type="checkbox"] + .toggle::after { content: ""; width: 16px; height: 16px; position: absolute; top: 2px; left: 2px; background: #fff; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,.18); transition: .2s; } input[type="checkbox"]:checked + .toggle { background: var(--green); } input[type="checkbox"]:checked + .toggle::after { left: 18px; }.toggle-card > input, .settings-section label > input[type="checkbox"], .automation-head label > input { position: absolute; opacity: 0; }
.review-card { max-width: 850px; margin: 0 auto; border: 1px solid var(--line); border-radius: 13px; padding: 18px; }.review-route { justify-content: center; gap: 45px; min-height: 70px; background: #F7FAF9; border-radius: 10px; }.review-route div { text-align: center; }.review-route span, .review-route strong { display: block; }.review-route div > span { color: var(--muted); font-size: 9px; }.review-route strong { font-size: 13px; margin-top: 2px; }.route-line { color: var(--green); font-size: 18px; }.route-line i { width: 70px; height: 1px; background: #AADFCB; display: inline-block; vertical-align: middle; }.review-stats { display: grid; grid-template-columns: repeat(4, 1fr); padding: 19px 0; }.review-stats div { text-align: center; border-right: 1px solid var(--line); }.review-stats div:last-child { border: 0; }.review-stats span, .review-stats strong { display: block; }.review-stats span { color: var(--muted); font-size: 9px; }.review-stats strong { margin-top: 3px; font-size: 12px; }.review-notice { display: flex; align-items: center; gap: 9px; padding: 10px 12px; border-radius: 8px; background: var(--blue-soft); color: #5F7190; }.review-notice > span { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: var(--blue); color: #fff; font-size: 10px; font-weight: 800; }.review-notice p { margin: 0; font-size: 9.5px; }
.wizard-actions { min-height: 70px; display: flex; align-items: center; gap: 10px; padding: 0 32px; border-top: 1px solid var(--line); background: #FCFDFD; }.wizard-spacer { flex: 1; }.wizard-hint { color: #8996A3; font-size: 9.5px; }.recent-jobs { margin-top: 15px; overflow: hidden; }.job-row { min-height: 61px; padding: 8px 16px; display: grid; grid-template-columns: 34px minmax(160px, 1fr) minmax(180px, .7fr) auto; gap: 10px; align-items: center; border-top: 1px solid var(--line); }.job-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: var(--blue-soft); color: var(--blue); }.job-row strong, .job-row small { display: block; }.job-row strong { font-size: 10px; }.job-row small { font-size: 8.5px; color: var(--muted); }.job-progress { display: flex; align-items: center; gap: 8px; }.job-progress > span { width: 100%; height: 5px; border-radius: 5px; background: #EBEFF3; overflow: hidden; }.job-progress i { display: block; height: 100%; background: var(--blue); }

/* Orders */
.order-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; margin-bottom: 15px; }.order-kpis article { min-height: 86px; display: flex; align-items: center; gap: 13px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }.order-kpi-icon { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 10px; background: var(--blue-soft); color: var(--blue); font-weight: 800; }.order-kpi-icon.prep { background: var(--orange-soft); color: var(--orange); }.order-kpi-icon.cargo { background: var(--green-soft); color: var(--green); }.order-kpi-icon.issue { background: var(--red-soft); color: var(--red); }.order-kpis small, .order-kpis strong, .order-kpis em { display: block; }.order-kpis small { color: var(--muted); font-size: 9px; }.order-kpis strong { font-size: 19px; line-height: 1.1; }.order-kpis em { color: #9AA5B0; font-size: 8.5px; font-style: normal; }.orders-page-panel { overflow: hidden; }.orders-table td { white-space: nowrap; }
.live-order-source { display: inline-flex; align-items: center; gap: 6px; color: #647586; font-size: 9.5px; font-weight: 700; }.live-order-source i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px var(--green-soft); }.orders-empty { min-height: 360px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px; text-align: center; }.orders-empty h2 { margin: 2px 0 4px; font-size: 19px; }.orders-empty p { max-width: 560px; margin: 0 0 17px; color: var(--muted); font-size: 10.5px; }.real-orders-table .order-id { min-width: 145px; }.order-products-cell { min-width: 340px; display: flex; align-items: center; gap: 12px; }.order-image-stack { min-width: 56px; height: 51px; position: relative; }.order-image-stack img, .order-image-stack > span { position: absolute; left: calc(var(--stack-index) * 10px); top: calc(var(--stack-index) * 2px); width: 38px; height: 48px; object-fit: cover; display: grid; place-items: center; border-radius: 7px; border: 2px solid #fff; background: #FFF0E5; color: #E66E19; font-size: 8px; font-weight: 800; box-shadow: 0 2px 8px rgba(30,45,60,.12); }.order-product-copy { min-width: 0; }.order-product-copy strong, .order-product-copy small { display: block; }.order-product-copy strong { max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10.5px; }.order-product-copy small { max-width: 300px; overflow: hidden; text-overflow: ellipsis; color: var(--muted); font-size: 8.5px; }
.orders-toolbar { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 7px; }.order-source-filters { display: inline-flex; align-items: center; gap: 3px; padding: 3px; border: 1px solid #E1E7EB; border-radius: 9px; background: #F8FAFB; }.order-source-filters button { display: inline-flex; align-items: center; gap: 4px; min-height: 29px; padding: 0 8px; border: 0; border-radius: 6px; background: transparent; color: #758494; font-size: 9px; font-weight: 750; cursor: pointer; }.order-source-filters button.active { color: var(--ink); background: #fff; box-shadow: 0 1px 4px rgba(25,42,58,.12); }.order-source-filters .market-badge { transform: scale(.84); transform-origin: left center; margin-right: -2px; }
.order-bulk-bar{min-height:58px;padding:9px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #d2ebe2;border-bottom:1px solid #d2ebe2;background:#effaf6}.order-bulk-bar[hidden]{display:none}.order-bulk-bar>div{display:flex;align-items:center;gap:10px}.order-bulk-bar strong,.order-bulk-bar small{display:block}.order-bulk-bar strong{color:#0a7559;font-size:10px}.order-bulk-bar strong b{font-size:13px}.order-bulk-bar small{margin-top:2px;color:#668278;font-size:8px}.order-bulk-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:#fff;background:var(--green);font-size:16px;box-shadow:0 5px 14px rgba(13,152,111,.2)}.order-check:disabled{cursor:not-allowed;opacity:.35}@media(max-width:720px){.order-bulk-bar{align-items:stretch;flex-direction:column}.order-bulk-bar .button{width:100%}}

/* Automations & settings */
.automation-hero { min-height: 125px; margin-bottom: 16px; padding: 21px 24px; display: flex; align-items: center; justify-content: space-between; border-radius: 14px; color: #fff; background: linear-gradient(115deg, #122336, #1B3C4B); }.automation-hero h2 { margin: 3px 0 1px; font-size: 20px; }.automation-hero p { color: #9FB2C1; margin: 0; font-size: 10.5px; }.automation-hero .eyebrow { color: #5FE0B4; }
.automation-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }.automation-card { min-height: 245px; display: flex; flex-direction: column; padding: 17px; border: 1px solid var(--line); border-radius: 13px; background: #fff; }.automation-card.paused { opacity: .72; }.automation-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; background: var(--green-soft); color: var(--green); font-weight: 800; }.automation-icon.price { background: var(--orange-soft); color: var(--orange); }.automation-icon.notify { background: var(--blue-soft); color: var(--blue); }.automation-icon.catalog { background: #F0EDFF; color: var(--purple); }.automation-icon.protect { background: var(--red-soft); color: var(--red); }.automation-icon.currency { background: #E8F7F1; color: #168163; }.automation-card h3 { font-size: 13px; margin: 15px 0 3px; }.automation-card > p { min-height: 45px; color: var(--muted); font-size: 9.5px; margin: 0; }.automation-trigger { margin-top: 12px; padding: 9px 10px; border-radius: 8px; background: #F7F9FA; }.automation-trigger span, .automation-trigger strong { display: block; }.automation-trigger span { color: #9BA6B1; font-size: 8px; letter-spacing: .7px; }.automation-trigger strong { font-size: 9.5px; margin-top: 2px; }.automation-foot { margin-top: auto; padding-top: 13px; }.automation-foot small { color: #8995A1; font-size: 8.5px; }.automation-foot small i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--green); margin-right: 5px; }.automation-card.paused .automation-foot small i { background: #9AA5B0; }.automation-foot button { border: 0; background: transparent; color: var(--green-dark); font-size: 9.5px; font-weight: 700; cursor: pointer; }
.automation-worker-state { display:flex; align-items:center; gap:10px; padding:10px 14px; border:1px solid rgba(255,255,255,.16); border-radius:10px; background:rgba(255,255,255,.06); }.automation-worker-state>i { width:9px; height:9px; border-radius:50%; background:#5FE0B4; box-shadow:0 0 0 5px rgba(95,224,180,.13); }.automation-worker-state span,.automation-worker-state strong,.automation-worker-state small { display:block; }.automation-worker-state strong { font-size:10px; }.automation-worker-state small { color:#9FB2C1; font-size:8px; margin-top:2px; }.automation-kind { margin-top:12px; color:var(--green-dark); font-size:8px; font-weight:800; letter-spacing:.6px; text-transform:uppercase; }.automation-card h3 { margin-top:3px; }.automation-trigger small { display:block; margin-top:4px; color:var(--muted); font-size:8px; }.automation-foot { gap:8px; }.automation-foot>div { display:flex; align-items:center; gap:8px; }.automation-foot button:disabled { color:#AAB3BC; cursor:not-allowed; }.automation-run { padding:5px 7px!important; border-radius:6px!important; background:var(--green-soft)!important; }.automation-message { display:block; margin-top:8px; padding-top:8px; border-top:1px solid #EEF1F3; color:var(--muted); font-size:8px; line-height:1.4; }.automation-last.failed i,.automation-last.error i { background:var(--red)!important; }.automation-history { margin-top:16px; padding:18px; }.automation-history .panel-head h3 { margin:2px 0 0; font-size:14px; }.automation-run-list article { display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:11px; padding:11px 0; border-bottom:1px solid #EDF1F3; }.automation-run-list article:last-child { border-bottom:0; }.automation-run-list article>div strong,.automation-run-list article>div small,.automation-run-list time small { display:block; }.automation-run-list article>div strong { font-size:10px; }.automation-run-list article>div small { color:var(--muted); font-size:8.5px; margin-top:2px; }.automation-run-list time { color:var(--muted); font-size:8px; text-align:right; }.run-status { width:28px; height:28px; border-radius:8px; display:grid; place-items:center; background:var(--green-soft); color:var(--green-dark); font-weight:800; }.run-status.failed { background:var(--red-soft); color:var(--red); }.run-status.skipped { background:#EEF2F5; color:#7C8995; }.automation-modal { width:min(620px,calc(100vw - 28px)); }.automation-modal form { margin-top:18px; }.automation-channel-field { margin:14px 0; padding:13px; border:1px solid var(--line); border-radius:10px; }.automation-channel-field legend { padding:0 5px; color:var(--muted); font-size:9px; font-weight:700; }.automation-channel-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.automation-channel-grid label { display:flex; align-items:center; gap:7px; min-height:38px; padding:6px 8px; border:1px solid #EDF1F3; border-radius:8px; font-size:9px; cursor:pointer; }.automation-channel-grid input { width:14px; height:14px; }.automation-advanced { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.automation-advanced [hidden] { display:none; }
.settings-layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 15px; }.settings-nav { display: flex; flex-direction: column; align-self: start; padding: 8px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }.settings-nav button { min-height: 41px; padding: 0 11px; text-align: left; border: 0; border-radius: 7px; background: transparent; color: #6F7D8B; font-size: 10.5px; font-weight: 600; cursor: pointer; }.settings-nav button.active { background: var(--green-soft); color: var(--green-dark); }.settings-panel { padding: 22px; }.settings-section { display: flex; justify-content: space-between; align-items: center; }.settings-section h2, .settings-section h3 { margin: 0; }.settings-section h2 { font-size: 17px; }.settings-section h3 { font-size: 12px; }.settings-section p { color: var(--muted); font-size: 9.5px; margin: 2px 0 0; }.settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 22px; }.field span { display: block; font-size: 9.5px; font-weight: 700; margin-bottom: 5px; color: #5D6B7A; }.field input, .field select { width: 100%; height: 41px; border: 1px solid #DCE3E8; border-radius: 8px; padding: 0 11px; color: var(--ink); background: #fff; font-size: 10.5px; }.settings-divider { height: 1px; background: var(--line); margin: 22px 0; }.number-field.compact { width: 110px; height: 38px; }.settings-save { display: flex; justify-content: flex-end; margin-top: 24px; }
.settings-pane[hidden]{display:none}.settings-pane fieldset{margin:0;padding:0;border:0}.settings-pane fieldset:disabled{opacity:.72}.settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.settings-heading h2{margin:4px 0 3px;font-size:18px}.settings-heading p{margin:0;color:var(--muted);font-size:9.5px;line-height:1.5}.settings-state{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:20px;background:#f0f2f4;color:#687783;font-size:8px;font-weight:800;white-space:nowrap}.settings-state.live{background:#e8f7f1;color:#087b5b}.field textarea{width:100%;min-height:78px;padding:10px 11px;resize:vertical;border:1px solid #dce3e8;border-radius:8px;color:var(--ink);background:#fff;font:inherit;font-size:10.5px}.field small{display:block;margin-top:5px;color:var(--muted);font-size:8px;line-height:1.45}.field-wide{grid-column:1/-1}.settings-grid.three{grid-template-columns:repeat(3,1fr)}.settings-block-form{margin-top:3px}.settings-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.settings-stat-grid>div{padding:15px;border:1px solid var(--line);border-radius:11px;background:#f9fbfb}.settings-stat-grid small,.settings-stat-grid strong,.settings-stat-grid span{display:block}.settings-stat-grid small{color:var(--muted);font-size:8px;font-weight:800}.settings-stat-grid strong{margin:8px 0 4px;font-size:18px;overflow-wrap:anywhere}.settings-stat-grid span{color:var(--muted);font-size:8px}.settings-rule-list{display:grid;border:1px solid var(--line);border-radius:11px;overflow:hidden}.settings-rule-list>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 13px;border-bottom:1px solid var(--line)}.settings-rule-list>div:last-child{border-bottom:0}.settings-rule-list strong,.settings-rule-list small{display:block}.settings-rule-list strong{font-size:10px}.settings-rule-list small{margin-top:3px;color:var(--muted);font-size:8px}.settings-rule-list b{color:#697985;font-size:8px;text-transform:capitalize}.billing-card{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.billing-card>div{padding:18px;border:1px solid #cce5dc;border-radius:13px;background:linear-gradient(135deg,#f0faf6,#f7fbfc)}.billing-card small,.billing-card strong,.billing-card span{display:block}.billing-card small{color:#4d806f;font-size:8px;font-weight:850}.billing-card strong{margin:7px 0 4px;font-size:18px}.billing-card span{color:var(--muted);font-size:8px}.subscription-channels{margin-top:20px}.subscription-channels h3{font-size:11px}.subscription-channels>div{display:flex;flex-wrap:wrap;gap:7px}.subscription-channels span{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#516675;font-size:8px;font-weight:750}.settings-empty{margin-top:20px;padding:28px;border:1px dashed #ccd8dc;border-radius:12px;text-align:center}.settings-empty strong{font-size:12px}.settings-empty p{margin:6px 0 0;color:var(--muted);font-size:9px}.button.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}

@media(max-width:760px){.settings-grid.three,.settings-stat-grid,.billing-card{grid-template-columns:1fr}.settings-heading{flex-direction:column}.field-wide{grid-column:auto}}

/* Product detail */
.detail-breadcrumb { display: flex; align-items: center; gap: 8px; margin: 2px 0 14px; color: var(--muted); font-size: 10px; }.detail-breadcrumb a { color: var(--green-dark); font-weight: 700; }.detail-breadcrumb strong { color: var(--ink-2); max-width: 520px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product-detail-hero { min-height: 290px; display: grid; grid-template-columns: 240px 1fr; gap: 26px; padding: 20px; }.product-gallery { position: relative; display: grid; place-items: center; min-height: 250px; border-radius: 12px; background: #F6F7F8; overflow: hidden; }.product-main-image { width: 100%; height: 250px; object-fit: contain; }.product-main-image.placeholder { display: grid; place-items: center; color: #F27A1A; background: #FFF1E7; font-size: 28px; font-weight: 850; }.product-image-count { position: absolute; right: 10px; bottom: 10px; padding: 5px 8px; border-radius: 6px; background: rgba(16,28,43,.82); color: #fff; font-size: 9px; font-weight: 700; }
.product-detail-copy { padding: 7px 8px 7px 0; display: flex; flex-direction: column; }.detail-topline { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 9.5px; }.detail-topline .status-pill { margin-left: auto; }.product-detail-copy h2 { margin: 14px 0 7px; max-width: 900px; font-size: 23px; line-height: 1.3; letter-spacing: -.45px; }.product-description { margin: 0; color: var(--muted); font-size: 10.5px; line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }.detail-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: auto; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }.detail-kpis div { padding: 12px; background: #FAFBFC; border-right: 1px solid var(--line); }.detail-kpis div:last-child { border: 0; }.detail-kpis span, .detail-kpis strong { display: block; }.detail-kpis span { color: var(--muted); font-size: 8.5px; }.detail-kpis strong { margin-top: 2px; font-size: 13px; }
.detail-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 13px; margin-top: 13px; }.detail-card { overflow: hidden; }.detail-definition-list { margin: 0; padding: 8px 17px 15px; }.detail-definition-list div { min-height: 42px; display: grid; grid-template-columns: 130px 1fr; gap: 12px; align-items: center; border-bottom: 1px solid #EEF1F3; }.detail-definition-list div:last-child { border: 0; }.detail-definition-list dt { color: var(--muted); font-size: 9.5px; }.detail-definition-list dd { margin: 0; text-align: right; color: var(--ink); font-size: 10.5px; font-weight: 700; overflow-wrap: anywhere; }.detail-definition-list dd small { display: block; color: var(--muted); font-weight: 500; font-size: 8.5px; }
.attribute-count { padding: 4px 7px; border-radius: 6px; background: #EEF3F6; color: #718091; font-size: 8.5px; font-weight: 700; }.attribute-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 13px 15px 16px; }.attribute-grid > div { min-height: 63px; padding: 9px 10px; border-radius: 8px; background: #F8FAFB; border: 1px solid #EEF1F3; }.attribute-grid span, .attribute-grid strong, .attribute-grid small { display: block; }.attribute-grid span { color: var(--muted); font-size: 8.5px; }.attribute-grid strong { margin-top: 2px; font-size: 10.5px; }.attribute-grid small { margin-top: 2px; color: #9BA6B0; font-size: 7.5px; }
.rejection-panel { display: flex; gap: 13px; margin-top: 13px; padding: 16px; border-color: #F1D6D6; background: #FFF9F9; }.rejection-icon { flex: 0 0 auto; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; background: var(--red-soft); color: var(--red); font-weight: 850; }.rejection-panel h3 { margin: 0 0 6px; font-size: 12px; }.rejection-panel p { margin: 5px 0; color: #7E6262; font-size: 9.5px; }
.variant-panel { margin-top: 13px; overflow: hidden; }.variant-table td { white-space: nowrap; }.variant-attributes { min-width: 170px; max-width: 300px; display: flex; flex-wrap: wrap; gap: 4px; }.variant-attributes span { padding: 3px 6px; border-radius: 5px; color: #637385; background: #F0F3F5; font-size: 8.5px; }.variant-attributes strong { font-size: inherit; }

.marketplace-tabs { display: inline-flex; gap: 5px; padding: 4px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.marketplace-tabs a { padding: 8px 12px; border-radius: 7px; color: #718091; font-size: 9.5px; font-weight: 750; white-space: nowrap; }
.marketplace-tabs a.active { color: #fff; background: #142535; }
.marketplace-alert { display: flex; align-items: center; gap: 11px; margin-bottom: 13px; padding: 12px 15px; border-color: #F0D9BA; background: #FFFBF5; }.marketplace-alert > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; color: #A65E08; background: #FFF0D8; font-weight: 850; }.marketplace-alert strong,.marketplace-alert small { display: block; }.marketplace-alert strong { font-size: 10.5px; }.marketplace-alert small { margin-top: 2px; color: var(--muted); font-size: 9px; }
.channel-presence { display: inline-flex; align-items: center; gap: 3px; }.channel-presence .logo-stack { margin-right: 3px; }.channel-dot { width: 6px; height: 6px; border-radius: 50%; background: #AEB8C1; }.channel-dot.active { background: var(--green); }.channel-dot.issue { background: var(--orange); }

/* Modal, search and notifications */
.modal-backdrop { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; background: rgba(10,19,29,.52); padding: 20px; backdrop-filter: blur(5px); }.modal { width: min(490px, 100%); max-height: calc(100vh - 40px); overflow-y: auto; background: #fff; border-radius: 16px; padding: 26px; box-shadow: 0 30px 80px rgba(0,0,0,.23); position: relative; animation: modalIn .2s ease; } @keyframes modalIn { from { opacity: 0; transform: translateY(8px) scale(.985); } }.modal-close { position: absolute; top: 13px; right: 14px; width: 30px; height: 30px; border: 0; border-radius: 8px; background: #F1F4F6; color: #6E7C8A; font-size: 19px; cursor: pointer; }.modal-icon { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 13px; margin-bottom: 13px; background: var(--green-soft); color: var(--green-dark); font-weight: 850; }.modal h2 { margin: 4px 0 2px; font-size: 19px; }.modal > p { color: var(--muted); font-size: 10.5px; margin: 0 0 18px; }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }.form-grid .field:last-child:nth-child(odd) { grid-column: 1 / -1; }.secure-note { display: flex; gap: 7px; align-items: flex-start; margin-top: 13px; padding: 9px 10px; border-radius: 8px; color: #668077; background: #F0F8F5; font-size: 9px; }.secure-note span { color: var(--green); font-weight: 800; }.modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }
.opencart-module-install{display:grid;gap:10px;margin:0 0 14px;padding:13px;border:1px solid #cfe6ef;border-radius:10px;background:#f3fbfe}.opencart-module-install[hidden]{display:none}.opencart-module-copy strong,.opencart-module-copy span{display:block}.opencart-module-copy strong{color:#176b8e;font-size:11px}.opencart-module-copy span{margin-top:4px;color:#5e7480;font-size:9px;line-height:1.55}.opencart-module-install .button{white-space:normal;text-align:center;line-height:1.25}.opencart-module-install>small{text-align:center;color:#78909b;font-size:8px;font-weight:750;letter-spacing:.35px}
.opencart-download-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.opencart-download-grid .button{min-height:38px;display:flex;align-items:center;justify-content:center;font-size:8.5px}
.woocommerce-api-guide{display:grid;gap:10px;margin:0 0 14px;padding:13px;border:1px solid #e0cfe0;border-radius:10px;background:#fbf6fb}.woocommerce-api-guide[hidden]{display:none}.woocommerce-api-copy strong,.woocommerce-api-copy span{display:block}.woocommerce-api-copy strong{color:#78476f;font-size:11px}.woocommerce-api-copy span{margin-top:4px;color:#715f70;font-size:9px;line-height:1.55}.woocommerce-api-guide ol{display:grid;gap:5px;margin:0;padding-left:18px;color:#715f70;font-size:9px;line-height:1.45}.woocommerce-api-guide .button{min-height:38px;display:flex;align-items:center;justify-content:center;white-space:normal;text-align:center;line-height:1.25}.woocommerce-api-guide .button[aria-disabled="true"]{opacity:.5;cursor:not-allowed;pointer-events:auto}.woocommerce-api-guide>small{text-align:center;color:#8a7588;font-size:8px;font-weight:700;line-height:1.4}
.toast { position: fixed; z-index: 120; right: 24px; bottom: 24px; max-width: 390px; min-height: 52px; padding: 10px 15px 10px 10px; display: flex; gap: 10px; align-items: center; border-radius: 11px; color: #E6FFF7; background: #112F27; box-shadow: 0 16px 42px rgba(10,30,24,.24); transform: translateY(90px); opacity: 0; pointer-events: none; transition: .3s ease; font-size: 11px; }.toast.show { transform: translateY(0); opacity: 1; }.toast.error { background: #492424; }.toast-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: rgba(255,255,255,.1); font-weight: 800; }
.search-panel { position: fixed; z-index: 50; top: 66px; right: 180px; width: 390px; max-height: 450px; overflow-y: auto; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 20px 55px rgba(20,34,50,.18); padding: 7px; }.search-panel-title { padding: 8px 10px 5px; color: #9AA5B0; font-size: 8px; font-weight: 800; letter-spacing: 1px; }.search-result { min-height: 55px; display: flex; align-items: center; gap: 9px; padding: 7px 9px; border-radius: 8px; }.search-result:hover { background: #F5F8F9; }.search-result strong, .search-result small { display: block; }.search-result strong { font-size: 10.5px; }.search-result small { color: var(--muted); font-size: 8.5px; }.search-empty { padding: 25px; text-align: center; color: var(--muted); font-size: 10px; }
.sidebar-overlay { display: none; }

@media (max-width: 1260px) {
    .dashboard-layout { grid-template-columns: .85fr 1.35fr; }.activity-panel { grid-column: 1 / -1; }.activity-list { display: grid; grid-template-columns: 1fr 1fr; }.activity-item { border-right: 1px solid #EFF2F4; }
    .integration-summary > div { min-width: 180px; margin-right: 14px; padding-right: 14px; }
    .integration-grid, .automation-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 1020px) {
    .sidebar { transform: translateX(-100%); transition: .25s ease; box-shadow: 20px 0 50px rgba(0,0,0,.2); }.sidebar.open { transform: translateX(0); }.sidebar-overlay { position: fixed; z-index: 35; inset: 0; background: rgba(8,15,22,.42); }.sidebar-overlay.show { display: block; }
    .main-area { width: 100%; margin-left: 0; }.mobile-menu { display: grid; place-items: center; border: 0; background: #EFF3F5; width: 38px; height: 38px; border-radius: 8px; margin-right: 10px; cursor: pointer; }.content { padding: 21px; }.topbar { padding: 0 21px; }
    .operation-stats div { min-width: 100px; padding: 0 12px; }.global-search { width: 240px; }.account-copy, .chevron { display: none; }
    .integration-summary { flex-wrap: wrap; gap: 12px; }.integration-summary > div { border: 0; margin: 0; }.integration-summary .button { margin-left: 0; }
    .flow-builder { grid-template-columns: 1fr; }.flow-arrow { transform: rotate(90deg); height: 52px; }.channel-choice-grid, .source-grid { grid-template-columns: 1fr 1fr; }
    .product-detail-hero { grid-template-columns: 190px 1fr; }.detail-grid { grid-template-columns: 1fr; }.detail-kpis { grid-template-columns: 1fr 1fr; }.detail-kpis div:nth-child(2) { border-right: 0; }.detail-kpis div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}

@media (max-width: 520px) {
    .opencart-download-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .topbar { height: 68px; padding: 0 14px; }.page-heading p, .global-search, .icon-button { display: none; }.content { padding: 15px 13px 35px; }.page-heading h1 { font-size: 16px; }.account-button { border: 0; padding-left: 0; }.avatar { width: 34px; height: 34px; }
    .hero-strip { align-items: flex-start; gap: 16px; }.hero-strip h2 { font-size: 19px; }.hero-strip p { font-size: 10px; max-width: 280px; }.hero-actions .secondary { display: none; }
    .metrics-grid { grid-template-columns: 1fr 1fr; }.metric-card { min-height: 125px; }.metric-card > strong { font-size: 21px; }.sparkline { display: none; }
    .operation-card { align-items: flex-start; }.operation-main { min-width: 0; }.operation-stats { display: none; }.operation-card > .dots-button { margin-left: auto; }
    .dashboard-layout { grid-template-columns: 1fr; }.activity-panel { grid-column: auto; }.activity-list { grid-template-columns: 1fr; }
    .page-actions-row { align-items: flex-start; gap: 10px; flex-direction: column; }.segmented-tabs { width: 100%; overflow-x: auto; }.segmented-tabs button, .segmented-tabs a { flex: 0 0 auto; }.action-group { width: 100%; justify-content: flex-end; }
    .products-actions-row { display: grid; grid-template-columns: minmax(0, 1fr); }
    .products-actions-row .marketplace-tabs { grid-column: auto; width: 100%; }
    .products-actions-row .segmented-tabs { flex-wrap: wrap; overflow: visible; }
    .products-actions-row .segmented-tabs a { flex: 1 1 calc(50% - 3px); justify-content: center; }
    .products-actions-row .action-group { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); justify-self: stretch; }
    .products-actions-row .action-group .button { width: 100%; padding-inline: 9px; }
    .product-tools { align-items: stretch; flex-direction: column; gap: 9px; }.table-search { width: 100%; }.catalog-search-form .table-search { width: 100%; }.catalog-summary { overflow-x: auto; }.filter-buttons { overflow-x: auto; }.product-cell { min-width: 210px; }.data-table th, .data-table td { padding: 10px; }.catalog-pagination { align-items: flex-start; flex-direction: column; }.catalog-pagination nav { max-width: 100%; overflow-x: auto; }
    .catalog-summary { justify-content: space-between; }.product-detail-hero { grid-template-columns: 1fr; }.product-gallery { min-height: 220px; }.product-main-image { height: 220px; }.product-detail-copy { padding: 0; }.product-detail-copy h2 { font-size: 19px; }.detail-kpis { margin-top: 20px; }.attribute-grid { grid-template-columns: 1fr; }
    .integration-grid, .automation-grid { grid-template-columns: 1fr; }.integration-summary { display: grid; grid-template-columns: 1fr 1fr; }.integration-summary > div { min-width: 0; }.integration-summary .button { grid-column: 1 / -1; }.section-heading-row { align-items: flex-start; gap: 10px; flex-direction: column; }.mini-search { width: 100%; }.custom-callout { grid-template-columns: 70px 1fr; }.custom-callout .button { grid-column: 1 / -1; }.custom-pattern { height: 70px; }
    .wizard-steps { min-height: 67px; padding: 0 7px; }.wizard-steps li { gap: 4px; }.wizard-steps li div { display: none; }.wizard-steps li:not(:last-child)::after { width: 50%; right: -25%; }.wizard-pane { padding: 23px 14px; min-height: 480px; }.wizard-heading h2 { font-size: 18px; }.channel-choice-grid, .source-grid { grid-template-columns: 1fr; }.target-grid { max-height: 260px; overflow-y: auto; }.rules-grid { grid-template-columns: 1fr; }.rule-card.prominent { grid-column: auto; grid-template-columns: 36px 1fr; }.rule-card.prominent .number-field { grid-column: 1 / -1; }.rule-preview { grid-column: 1 / -1; }.review-route { gap: 14px; }.route-line i { width: 22px; }.review-stats { grid-template-columns: 1fr 1fr; gap: 14px 0; }.review-stats div:nth-child(2) { border-right: 0; }.wizard-actions { padding: 0 14px; }.wizard-hint { display: none; }.job-row { grid-template-columns: 34px 1fr auto; }.job-progress { grid-column: 2 / -1; grid-row: 2; }
    .order-kpis { grid-template-columns: 1fr 1fr; }.settings-layout { grid-template-columns: 1fr; }.settings-nav { flex-direction: row; overflow-x: auto; }.settings-nav button { flex: 0 0 auto; }.settings-grid { grid-template-columns: 1fr; }
    .modal { padding: 22px 17px; }.form-grid { grid-template-columns: 1fr; }.form-grid .field:last-child:nth-child(odd) { grid-column: auto; }.search-panel { top: 68px; right: 12px; left: 12px; width: auto; }.toast { right: 12px; left: 12px; bottom: 12px; max-width: none; }
}

@media (max-width: 430px) {
    .metrics-grid { grid-template-columns: 1fr; }.metric-card { min-height: 112px; }.hero-actions .button { padding: 0 11px; }.channel-row { padding-left: 10px; padding-right: 10px; }.order-kpis { grid-template-columns: 1fr; }.integration-summary { grid-template-columns: 1fr; }.custom-callout { grid-template-columns: 1fr; }.custom-pattern { display: none; }.wizard-product .product-thumb { display: none; }.review-route { justify-content: space-around; }.modal-actions .button { flex: 1; }
}

.mapping-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px;margin-bottom:13px}.mapping-kpi{min-height:105px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff;color:inherit;text-decoration:none;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 8px;box-shadow:var(--shadow)}.mapping-kpi.active{border-color:#93aef4;box-shadow:0 0 0 2px #eaf0ff}.mapping-kpi>strong{grid-column:1/-1;font-size:22px}.mapping-kpi>small{grid-column:1/-1;color:var(--muted);font-size:8px}.mapping-kpi>span:not(.market-badge){font-size:10px;font-weight:800}.mapping-table-panel{overflow:hidden}.mapping-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border-bottom:1px solid var(--line)}.mapping-search{display:flex;gap:6px}.mapping-search input{width:230px;height:36px;border:1px solid #dce3e8;border-radius:8px;padding:0 10px;font-size:9px}.mapping-table{width:100%;border-collapse:collapse}.mapping-table th,.mapping-table td{padding:11px 12px;border-bottom:1px solid #edf1f3;text-align:left;font-size:9px}.mapping-table th{background:#f8fafb;color:#7c8996;font-size:8px}.mapping-table td>strong,.mapping-table td>small{display:block}.mapping-table td>small{margin-top:3px;color:var(--muted)}.mapping-channel{display:flex;align-items:center;gap:7px}.mapping-type{display:inline-flex;padding:4px 7px;border-radius:6px;font-size:8px;font-weight:800;background:#eef3f6}.mapping-type.category{color:#2354d7;background:#eaf0ff}.mapping-type.brand{color:#8a5b00;background:#fff4d8}.mapping-type.attribute{color:#08785b;background:#e6f7f1}.mapping-empty{padding:55px 20px;text-align:center}.mapping-empty>span{display:inline-grid;width:48px;height:48px;place-items:center;border-radius:13px;background:#eaf0ff;color:#2354d7;font-size:24px}.mapping-empty h3{margin:12px 0 5px}.mapping-empty p{max-width:520px;margin:0 auto 16px;color:var(--muted);font-size:10px}.mapping-edit-summary{padding:10px;margin-bottom:12px;border-radius:8px;background:#f5f7f9}.mapping-edit-summary span,.mapping-edit-summary strong{display:block}.mapping-edit-summary span{color:var(--muted);font-size:8px}.mapping-edit-summary strong{margin-top:3px;font-size:10px}.mapping-reference-box{margin-top:10px;padding:10px;border:1px solid #e1e7eb;border-radius:8px;background:#f8fafb}.mapping-reference-box select{width:100%;height:38px;margin-top:8px;border:1px solid #d9e1e8;border-radius:8px;background:#fff;padding:0 8px;font-size:9px}
.category-match-table th{white-space:nowrap}.category-match-cell{width:100%;min-height:54px;padding:8px 10px;border:1px solid #e4ebf1;border-radius:9px;background:#fff;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}.category-match-cell:hover{border-color:#93aef4;box-shadow:0 0 0 2px #eaf0ff}.category-match-cell strong,.category-match-cell small{display:block}.category-match-cell small{margin-top:3px;color:var(--muted);font-size:8px}.category-match-cell.empty{border-style:dashed;background:#f8fafb;color:#7c8996}#category-match-reference{width:100%;min-height:180px;border:1px solid #d9e1e8;border-radius:8px;padding:6px;background:#fff;font-size:9px}
.mapping-center{max-width:900px;margin:0 auto 18px;border:1px solid #dce6f7;border-radius:13px;background:#f8fbff;padding:16px}.mapping-center-head,.mapping-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}.mapping-center-head h3{margin:4px 0;font-size:15px}.mapping-center-head p,.mapping-actions span{margin:0;color:var(--muted);font-size:9px}.mapping-state{padding:5px 9px;border-radius:20px;background:#eaf0ff;color:#2354d7;font-size:9px;font-weight:800}.mapping-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.mapping-card{padding:12px;border:1px solid #e3e9f0;border-radius:10px;background:#fff}.mapping-card>strong,.mapping-card>small{display:block}.mapping-card>small{margin:3px 0 8px;color:var(--muted);font-size:8px}.mapping-card select{width:100%;height:38px;border:1px solid #d9e1e8;border-radius:8px;padding:0 9px;background:#fff;font-size:9px}.mapping-attributes{grid-column:1/-1;padding-top:10px;border-top:1px dashed #dce3ea}.mapping-attribute-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center;margin-top:7px}.mapping-attribute-row label{font-size:8px;color:var(--muted)}.mapping-actions{padding-top:12px;border-top:1px solid #e3e9f0}@media(max-width:760px){.mapping-grid{grid-template-columns:1fr}.mapping-attributes{grid-column:auto}.mapping-toolbar{align-items:stretch;flex-direction:column}.mapping-search input{width:100%}}
.pz-bulk-overview{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:14px 15px;border:1px solid #cfe1fb;border-radius:12px;background:linear-gradient(135deg,#f4f9ff 0%,#eefbf7 100%)}.pz-bulk-overview>div:first-child{display:flex;align-items:center;gap:11px}.pz-bulk-overview strong,.pz-bulk-overview small{display:block}.pz-bulk-overview small{margin-top:3px;color:var(--muted);font-size:8px}.pz-bulk-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#167e68;color:#fff;font-size:16px;box-shadow:0 6px 16px rgba(22,126,104,.18)}.pz-bulk-side{display:flex;align-items:center;gap:9px}.pz-bulk-side>button{white-space:nowrap}.pz-bulk-metrics{display:flex;gap:8px}.pz-bulk-metrics>span{min-width:74px;padding:8px 10px;border:1px solid #dce6ef;border-radius:9px;background:#fff;text-align:center}.pz-bulk-metrics>span.success{border-color:#bfe9da;background:#f0fbf7}.pz-bulk-metrics>span.warning{border-color:#f3ddb1;background:#fffaf0}.pz-bulk-metrics strong{font-size:15px}.pz-bulk-metrics small{font-size:7px}.pz-category-card{grid-column:1/-1;padding:15px}.pz-brand-card{grid-column:1/-1}.pz-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.pz-card-heading strong,.pz-card-heading small{display:block}.pz-card-heading small{margin-top:3px;color:var(--muted);font-size:8px}.pz-card-heading>span{padding:4px 7px;border-radius:12px;background:#eef8f5;color:#0b7b62;font-size:7px;font-weight:800}.pz-attribute-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.pz-attribute-head strong,.pz-attribute-head small{display:block}.pz-attribute-head small{margin-top:3px;color:var(--muted);font-size:8px}.pz-attribute-head>span{padding:4px 7px;border-radius:12px;background:#eaf0ff;color:#2354d7;font-size:7px;font-weight:800}.pz-attribute-list{display:grid;gap:7px}.pz-attribute-detail{overflow:hidden;border:1px solid #dfe7ef;border-radius:10px;background:#fbfcfd}.pz-attribute-detail[open]{border-color:#bfd2ee;background:#fff;box-shadow:0 5px 15px rgba(31,52,73,.05)}.pz-attribute-detail summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;cursor:pointer;list-style:none}.pz-attribute-detail summary::-webkit-details-marker{display:none}.pz-attribute-detail summary strong,.pz-attribute-detail summary small{display:block}.pz-attribute-detail summary small{margin-top:3px;color:#648078;font-size:8px}.pz-summary-arrow{color:#557089;font-size:14px;transition:transform .2s}.pz-attribute-detail[open] .pz-summary-arrow{transform:rotate(180deg)}.pz-attribute-body{padding:0 12px 12px}.pz-source-field{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:center;gap:10px;padding:9px;border-radius:8px;background:#f5f8fb}.pz-source-field>span{color:var(--muted);font-size:8px;font-weight:800}.pz-source-field select{height:35px}.pz-value-list{display:grid;gap:6px;margin-top:9px}.pz-value-row{display:grid;grid-template-columns:minmax(120px,1fr) 20px minmax(180px,1.2fr) 74px;align-items:center;gap:8px;padding:8px 9px;border:1px solid #e5ebf0;border-radius:9px;background:#fff}.pz-value-row.automatic{border-color:#c6eadf;background:#f5fcf9}.pz-value-row.saved{border-color:#d9e3ef;background:#f9fbfd}.pz-value-row.missing{border-color:#f0d2aa;background:#fffaf3}.pz-value-row.manual{border-color:#c9d8f2;background:#f7f9ff}.pz-source-value strong,.pz-source-value small{display:block}.pz-source-value strong{font-size:9px}.pz-source-value small{margin-top:2px;color:var(--muted);font-size:7px}.pz-value-link{text-align:center;color:#92a3b2}.pz-value-state{text-align:right;color:#667b8d;font-size:7px;font-weight:800}.pz-value-row.automatic .pz-value-state{color:#0b7b62}.pz-value-row.missing .pz-value-state{color:#a66612}.pz-value-empty{padding:18px;border:1px dashed #d8e1e9;border-radius:8px;color:var(--muted);font-size:8px;text-align:center}@media(max-width:760px){.pz-bulk-overview{align-items:stretch;flex-direction:column}.pz-bulk-side{align-items:stretch;flex-direction:column}.pz-bulk-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.pz-bulk-metrics>span{min-width:0}.pz-value-row{grid-template-columns:1fr}.pz-value-link{display:none}.pz-value-state{text-align:left}.pz-source-field{grid-template-columns:1fr}}

.reference-sync-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:13px}.reference-sync-card{padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.reference-sync-card>div{display:flex;align-items:center;gap:9px}.reference-sync-card>div span{display:flex;flex-direction:column}.reference-sync-card>div small,.reference-sync-card>small{color:var(--muted);font-size:8px}.reference-sync-card>button{margin:11px 0 7px}.mapping-builder{padding:15px;margin-bottom:13px}.mapping-builder-controls{display:grid;grid-template-columns:1fr auto 1fr 1fr;gap:10px;align-items:end}.mapping-builder-controls label,.attribute-category-pair label,.mapping-reference-picker{display:flex;flex-direction:column;gap:5px}.mapping-builder-controls label>span,.attribute-category-pair label>span,.mapping-reference-picker>span{color:var(--muted);font-size:8px;font-weight:800}.mapping-builder select,.mapping-builder input{border:1px solid #d9e1e8;border-radius:8px;background:#fff;font-size:9px}.mapping-builder-controls select,.attribute-category-pair select{height:39px;padding:0 9px}.mapping-builder-arrow{padding-bottom:11px;color:#2354d7;font-weight:900}.attribute-category-pair{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:12px;padding:12px;border-radius:10px;background:#f6f9fc}.mapping-pair-grid{display:grid;grid-template-columns:1fr 55px 1fr;gap:12px;align-items:center;margin-top:14px}.mapping-reference-picker input{height:36px;padding:0 9px}.mapping-reference-picker select{min-height:205px;padding:6px}.mapping-reference-picker option{padding:6px;border-radius:5px}.mapping-pair-link{text-align:center;color:#2354d7}.mapping-pair-link span,.mapping-pair-link small{display:block}.mapping-pair-link span{font-size:25px}.mapping-pair-link small{font-size:8px}.mapping-builder-footer{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}.mapping-builder-footer>span{color:var(--muted);font-size:9px}@media(max-width:760px){.mapping-builder-controls,.mapping-pair-grid,.attribute-category-pair{grid-template-columns:1fr}.mapping-pair-link,.mapping-builder-arrow{display:none}}

.mapping-pagination { max-width: none; padding: 12px 14px 0; }.mapping-pagination > span:not(.button) { flex: 1; }.mapping-pagination .disabled { opacity: .42; pointer-events: none; }
.mapping-scope-banner{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:13px;padding:13px 15px;border:1px solid #cfe1f2;border-radius:13px;background:#f4f9ff}.mapping-scope-banner>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#dfeeff;color:#2354a8;font-size:17px}.mapping-scope-banner strong,.mapping-scope-banner p{display:block}.mapping-scope-banner p{margin:4px 0 0;color:var(--muted);font-size:8px;line-height:1.5}.mapping-scope-banner>b{padding:5px 8px;border-radius:20px;background:#e2edfb;color:#285898;font-size:7px}.mapping-scope-banner.tenant{border-color:#cce8dc;background:#f2fbf7}.mapping-scope-banner.tenant>span{background:#dcf4e9;color:#08785a}.mapping-scope-banner.tenant>b{background:#daf2e7;color:#08785a}@media(max-width:760px){.mapping-scope-banner{grid-template-columns:36px 1fr}.mapping-scope-banner>b{grid-column:2;justify-self:start}}

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

/* Authentication */
.auth-page{min-height:100vh;background:radial-gradient(circle at 20% 15%,#e8f7f1 0,transparent 34%),linear-gradient(135deg,#eef3f5,#f8fafb);display:grid;place-items:center;padding:24px}.auth-shell{width:min(440px,100%)}.auth-card{padding:34px;border:1px solid #dfe7e8;border-radius:22px;background:#fff;box-shadow:0 28px 80px rgba(16,36,47,.14)}.auth-brand{display:flex;align-items:center;gap:9px;margin-bottom:30px}.auth-brand .brand-mark{position:static}.auth-brand strong{font-size:16px;letter-spacing:1px}.auth-brand small{margin-left:auto;color:var(--muted);font-size:9px}.auth-card h1{margin:9px 0 7px;font-size:25px}.auth-card>p{margin:0 0 22px;color:var(--muted);font-size:11px;line-height:1.6}.auth-form{display:grid;gap:13px}.auth-form label{display:grid;gap:6px}.auth-form label span{color:#526171;font-size:9px;font-weight:750}.auth-form input{width:100%;height:44px;border:1px solid #d8e1e6;border-radius:10px;padding:0 12px;outline:none}.auth-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(17,157,116,.1)}.auth-submit{width:100%;margin-top:5px}.auth-alert{margin-bottom:15px;padding:11px 12px;border-radius:9px;background:#fff0f0;color:#9d3535;font-size:10px}.auth-hint{color:var(--muted);font-size:8.5px;line-height:1.5}.account-form{margin:0}.account-button .account-role{color:var(--muted);font-size:8px}.account-button.logout-button{cursor:pointer}.team-user-list{display:grid;gap:7px;margin:8px 0 16px}.team-user-list>div{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px}.team-user-list .avatar{width:34px;height:34px}.team-user-list strong,.team-user-list small{display:block}.team-user-list small{margin-top:2px;color:var(--muted);font-size:8px}.team-user-list b{padding:5px 8px;border-radius:20px;background:#edf3f6;color:#526675;font-size:8px;text-transform:uppercase}.team-user-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;border-radius:12px;background:#f7f9fa}.team-user-form .button{grid-column:1/-1;justify-self:end}@media(max-width:760px){.team-user-form{grid-template-columns:1fr}}
/* Product questions */
.question-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;border-radius:24px;background:linear-gradient(135deg,#102133,#173b40);color:#fff;box-shadow:0 18px 48px rgba(18,33,50,.14)}
.question-hero h2{margin:7px 0 8px;font-size:30px}.question-hero p{max-width:690px;margin:0;color:#c7d5d8;line-height:1.55}.question-hero .eyebrow{color:#72e3bd}
.question-hero-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}.question-count{display:flex;flex-direction:column;text-align:right}.question-count strong{font-size:32px;line-height:1}.question-count span{margin-top:5px;color:#b7c8cc;font-size:13px}
.question-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:22px 0;padding:18px 20px;background:#fff;border:1px solid #e3e9ef;border-radius:18px}
.question-filters{display:flex;align-items:flex-end;gap:12px}.question-filters label{display:flex;flex-direction:column;gap:6px;color:#627286;font-size:12px;font-weight:700}.question-filters select,.question-filters input{height:44px;border:1px solid #d9e2ea;border-radius:11px;background:#fff;padding:0 13px;color:#172435;outline:none}.question-filters select{min-width:190px}.question-search input{width:280px}
.question-source-status{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.question-source-status>span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:700}.question-source-status .ready{background:#eaf8f2;color:#087d5c}.question-source-status .limited{background:#f2f4f7;color:#718095}
.question-list{display:grid;gap:16px}.question-card{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.15fr) minmax(320px,1fr);gap:22px;align-items:center;padding:20px;border:1px solid #e1e8ee;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(28,45,66,.045);transition:.25s ease}.question-card.answered{opacity:0;transform:translateY(-8px)}
.question-product{display:flex;align-items:center;gap:14px;min-width:0}.question-product img,.question-image-placeholder{width:68px;height:68px;border-radius:14px;object-fit:cover;background:#eef2f5;display:grid;place-items:center;color:#738195;font-weight:800;flex:0 0 auto}.question-product h3{margin:7px 0 5px;font-size:15px;line-height:1.35}.question-product small,.question-copy small{color:#8190a2;font-size:11px}.question-market{display:inline-flex;align-items:center;gap:7px;color:var(--question-brand);font-size:11px;font-weight:800}
.question-copy{padding:0 22px;border-left:1px solid #edf1f4;border-right:1px solid #edf1f4}.question-copy strong{display:block;margin-bottom:6px;color:#435267;font-size:12px}.question-copy p{margin:0 0 10px;color:#1d2a3a;line-height:1.55}
.question-answer-form{display:flex;flex-direction:column;gap:8px}.question-answer-form label{color:#536276;font-size:12px;font-weight:800}.question-answer-form textarea{width:100%;min-height:82px;resize:vertical;border:1px solid #d9e2ea;border-radius:12px;padding:11px 12px;font:inherit;color:#172435;outline:none}.question-answer-form textarea:focus{border-color:#12a878;box-shadow:0 0 0 3px rgba(18,168,120,.1)}.question-answer-form>div{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.question-empty{display:flex;min-height:330px;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border:1px solid #e1e8ee;border-radius:22px}.question-empty>span{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#e8f8f1;color:#0b9a6d;font-size:25px}.question-empty h3{margin:15px 0 5px}.question-empty p{margin:0 0 20px;color:#738195}
@media(max-width:1180px){.question-card{grid-template-columns:1fr 1fr}.question-answer-form{grid-column:1/-1}.question-copy{border-right:0}.question-toolbar{align-items:stretch;flex-direction:column}.question-source-status{justify-content:flex-start}}
@media(max-width:760px){.question-hero{align-items:flex-start;flex-direction:column;padding:22px}.question-hero-actions{width:100%;justify-content:space-between}.question-filters{align-items:stretch;flex-direction:column}.question-filters select,.question-filters input{width:100%}.question-card{grid-template-columns:1fr}.question-copy{padding:15px 0;border:0;border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4}}

/* ADJCROSS platform administration */
.tenant-switcher{margin:0}.tenant-switcher label{display:grid;gap:3px}.tenant-switcher label>span{color:var(--muted);font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.tenant-switcher select{min-width:170px;height:36px;border:1px solid #dce4e8;border-radius:9px;background:#fff;padding:0 28px 0 10px;color:#263746;font-size:9px;font-weight:750;outline:none}.tenant-switcher select:focus{border-color:#16a37a;box-shadow:0 0 0 3px rgba(22,163,122,.09)}
.platform-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;border-radius:22px;background:linear-gradient(125deg,#0d1d2d 0%,#123f43 68%,#0b6b57 100%);color:#fff;box-shadow:0 18px 46px rgba(15,35,50,.16)}.platform-hero h2{margin:7px 0 8px;font-size:29px}.platform-hero p{margin:0;color:#c7d9d9;font-size:11px}.platform-hero .eyebrow{color:#77e6c2}.platform-light{border-color:rgba(255,255,255,.25);background:#fff;color:#15313a}.platform-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.platform-kpis article{padding:17px 18px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.platform-kpis article.accent{border-color:#ccebdd;background:#f2fbf7}.platform-kpis span,.platform-kpis strong,.platform-kpis small{display:block}.platform-kpis span{color:#667889;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.platform-kpis strong{margin:9px 0 5px;font-size:26px}.platform-kpis small{color:var(--muted);font-size:8px}.platform-layout{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(520px,1.35fr);gap:14px;align-items:start}.platform-customers,.platform-detail{padding:0;overflow:hidden}.platform-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 17px;border-bottom:1px solid var(--line)}.platform-section-head h3{margin:3px 0 0;font-size:15px}.platform-section-head>span{color:var(--muted);font-size:9px}.platform-customer-list{display:grid;max-height:690px;overflow:auto}.platform-customer{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px 15px;border-bottom:1px solid #edf1f3;color:inherit;text-decoration:none;transition:.15s}.platform-customer:hover,.platform-customer.selected{background:#f5faf8}.platform-customer.selected{box-shadow:inset 3px 0 #109b73}.platform-customer-avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#e6f5f0;color:#087a5b;font-size:14px;font-weight:900}.platform-customer-copy strong,.platform-customer-copy small,.platform-customer-meta small{display:block}.platform-customer-copy small,.platform-customer-meta small{margin-top:4px;color:var(--muted);font-size:8px}.platform-customer-meta{text-align:right}.platform-customer-meta b{display:inline-flex;padding:4px 7px;border-radius:20px;font-size:7px;text-transform:uppercase}.platform-customer-meta b.active{background:#e5f7ef;color:#087b5b}.platform-customer-meta b.inactive{background:#f1f3f5;color:#74808b}.platform-empty,.platform-detail-placeholder{display:flex;min-height:330px;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center}.platform-empty p,.platform-detail-placeholder p{max-width:360px;margin:6px 0 16px;color:var(--muted);font-size:10px;line-height:1.6}.platform-detail-placeholder>span{display:grid;width:50px;height:50px;place-items:center;border-radius:14px;background:#e8f7f2;color:#098162;font-size:22px}.platform-detail-head{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 19px;border-bottom:1px solid var(--line)}.platform-detail-head h3{margin:4px 0;font-size:19px}.platform-detail-head p{margin:0;color:var(--muted);font-size:9px}.platform-subscription-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px;padding:16px;border:1px solid #cce5dc;border-radius:14px;background:linear-gradient(120deg,#f2fbf7,#f7fbff)}.platform-subscription-card small,.platform-subscription-card strong,.platform-subscription-card>div>span{display:block}.platform-subscription-card small{color:#49806f;font-size:7px;font-weight:900}.platform-subscription-card strong{margin:5px 0 3px;font-size:16px}.platform-subscription-card>div>span{color:var(--muted);font-size:8px}.platform-channel-tags{display:flex;max-width:55%;flex-wrap:wrap;justify-content:flex-end;gap:5px}.platform-channel-tags span{padding:5px 7px;border-radius:7px;background:#fff;color:#365366;font-size:7px;font-weight:800;box-shadow:0 2px 8px rgba(20,55,65,.07)}.platform-channel-tags span.muted{color:var(--muted)}.platform-usage{margin:0 16px 16px;padding:13px;border:1px solid var(--line);border-radius:12px}.platform-usage>div:first-child{display:flex;justify-content:space-between;font-size:9px}.platform-usage-track{height:7px;margin:9px 0 6px;overflow:hidden;border-radius:10px;background:#e7edef}.platform-usage-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#11a176,#35c794)}.platform-usage>small{color:var(--muted);font-size:7px}.platform-assignment{margin:0 16px 16px;border:1px solid var(--line);border-radius:12px;background:#fff}.platform-assignment summary{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;cursor:pointer;list-style:none;font-size:10px;font-weight:850}.platform-assignment summary::-webkit-details-marker{display:none}.platform-assignment form{display:grid;grid-template-columns:1.2fr .8fr;gap:11px;padding:0 14px 14px;border-top:1px solid var(--line);padding-top:13px}.platform-assignment fieldset{grid-column:1/-1;margin:0;padding:0;border:0}.platform-assignment legend{width:100%;margin-bottom:8px;font-size:9px;font-weight:800}.platform-assignment legend small{float:right;color:var(--muted)}.platform-channel-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.platform-channel-grid label input{position:absolute;opacity:0;pointer-events:none}.platform-channel-grid label span{display:grid;min-height:34px;place-items:center;padding:5px;border:1px solid #dce4e7;border-radius:8px;color:#526675;font-size:7px;font-weight:800;cursor:pointer;text-align:center}.platform-channel-grid label input:checked+span{border-color:#19a57c;background:#eaf9f3;color:#08785a;box-shadow:0 0 0 1px #19a57c}.platform-channel-grid label input:disabled+span{opacity:.45;cursor:not-allowed}.platform-form-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:3px}.platform-form-actions small{color:var(--muted);font-size:7px}.platform-activity{border-top:1px solid var(--line)}.platform-activity .platform-section-head{border-bottom:0}.platform-activity-list{display:grid;padding:0 17px 15px}.platform-activity-list>div{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-top:1px solid #edf1f3}.platform-activity-list strong,.platform-activity-list small{display:block}.platform-activity-list strong{font-size:9px}.platform-activity-list small{margin-top:3px;color:var(--muted);font-size:7px}.platform-activity-list b{font-size:10px}.activity-dot{width:7px;height:7px;border-radius:50%;background:#18a77d;box-shadow:0 0 0 3px #e2f6ef}.platform-activity-empty{padding:0 17px 24px;color:var(--muted);font-size:9px}.platform-modal>p{margin:-5px 0 16px;color:var(--muted);font-size:9px}.platform-modal form{display:grid;gap:11px}
@media(max-width:1100px){.platform-kpis{grid-template-columns:1fr 1fr}.platform-layout{grid-template-columns:1fr}.platform-customer-list{max-height:430px}}
@media(max-width:760px){.tenant-switcher{order:3;width:100%}.tenant-switcher select{width:100%}.platform-hero{align-items:flex-start;flex-direction:column;padding:22px}.platform-hero .button{width:100%}.platform-kpis{grid-template-columns:1fr 1fr}.platform-subscription-card{align-items:flex-start;flex-direction:column}.platform-channel-tags{max-width:none;justify-content:flex-start}.platform-assignment form{grid-template-columns:1fr}.platform-channel-grid{grid-template-columns:repeat(2,1fr)}}

/* Public ADJCROSS site and onboarding */
.auth-links{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;color:#93a0aa;font-size:9px}.auth-links a{color:#087d5d;font-weight:750}.auth-card>.form-back{margin-bottom:18px}
.demo-login-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:12px;border:1px solid #cde6dd;border-radius:11px;background:#f0faf6}.demo-login-card strong,.demo-login-card small{display:block}.demo-login-card strong{font-size:10px}.demo-login-card small{margin-top:3px;color:#668077;font-size:8px}.demo-login-card form{margin:0}.demo-mode-banner{display:flex;align-items:center;gap:13px;margin-bottom:16px;padding:13px 16px;border:1px solid #b9d9f0;border-radius:12px;background:linear-gradient(110deg,#f1f8fd,#f5fbf9)}.demo-mode-banner>span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:#256b9d;background:#dceefb;font-weight:900}.demo-mode-banner strong,.demo-mode-banner small{display:block}.demo-mode-banner strong{font-size:11px}.demo-mode-banner small{margin-top:3px;color:#667d8e;font-size:9px}.demo-mode-banner>b{margin-left:auto;padding:6px 9px;border-radius:20px;color:#286b9b;background:#dceefb;font-size:8px;letter-spacing:.7px}.demo-mode button:disabled,.demo-mode input:disabled{cursor:not-allowed!important}.demo-mode button:disabled{opacity:.48}
.public-page{min-height:100vh;color:#152536;background:#fbfcfc}.public-nav{position:sticky;z-index:20;top:0;min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1240px)/2));border-bottom:1px solid rgba(218,227,230,.8);background:rgba(251,252,252,.92);backdrop-filter:blur(14px)}.public-brand{display:flex;align-items:center;gap:9px;color:#142535}.public-brand .brand-mark{position:static}.public-brand strong{font-size:16px;letter-spacing:1.1px}.public-brand small{color:#81909d;font-size:9px}.public-nav nav{display:flex;gap:28px}.public-nav nav a{color:#576878;font-size:12px;font-weight:650}.public-nav>div{display:flex;align-items:center;gap:5px}.public-kicker{color:#07825f;font-size:10px;font-weight:850;letter-spacing:1.6px}.public-hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;max-width:1240px;margin:auto;padding:75px 28px}.public-hero-copy h1{max-width:610px;margin:18px 0;font-size:58px;line-height:1.02;letter-spacing:-2.5px}.public-hero-copy h1 em{color:#0b9a70;font-style:normal}.public-hero-copy>p{max-width:590px;margin:0;color:#647686;font-size:17px;line-height:1.7}.public-hero-actions{display:flex;gap:10px;margin:30px 0 24px}.public-hero-actions .button{min-height:48px;padding:0 20px;font-size:13px}.public-trust{display:flex;flex-wrap:wrap;gap:17px;color:#657a72;font-size:10px;font-weight:700}.public-product-preview{overflow:hidden;border:1px solid #dbe6e3;border-radius:23px;background:#fff;box-shadow:0 32px 90px rgba(21,61,55,.18);transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)}.preview-top{height:48px;display:flex;align-items:center;gap:7px;padding:0 16px;color:#fff;background:#102738}.preview-top b{margin-right:auto;font-size:11px;letter-spacing:1px}.preview-top span{width:7px;height:7px;border-radius:50%;background:#557080}.preview-body{min-height:410px;display:grid;grid-template-columns:58px 1fr}.preview-body aside{display:flex;flex-direction:column;align-items:center;gap:17px;padding-top:25px;background:#f2f6f6}.preview-body aside i{width:25px;height:25px;border-radius:7px;background:#dbe5e5}.preview-body aside i:first-child{background:#c8ede0}.preview-main{padding:32px}.preview-main>small{color:#159872;font-size:8px;font-weight:900;letter-spacing:1px}.preview-main h2{margin:6px 0 20px;font-size:19px}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.preview-metrics span{padding:13px;border:1px solid #e3e9e9;border-radius:10px}.preview-metrics b,.preview-metrics small{display:block}.preview-metrics b{font-size:16px}.preview-metrics small{margin-top:3px;color:#87959f;font-size:8px}.preview-chart{height:105px;display:flex;align-items:flex-end;gap:8px;margin:17px 0;padding:13px;border-radius:11px;background:#f4faf8}.preview-chart i{flex:1;border-radius:3px 3px 0 0;background:#b9e5d6}.preview-chart i:nth-child(1){height:25%}.preview-chart i:nth-child(2){height:47%}.preview-chart i:nth-child(3){height:39%}.preview-chart i:nth-child(4){height:67%}.preview-chart i:nth-child(5){height:55%}.preview-chart i:nth-child(6){height:80%}.preview-chart i:nth-child(7){height:72%}.preview-chart i:nth-child(8){height:94%}.preview-chart i:nth-child(9){height:84%;background:#15a277}.preview-row{display:flex;justify-content:space-between;padding:10px;border-top:1px solid #edf1f1;font-size:9px}.preview-row b{color:#0a946c}.public-market-strip{min-height:80px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:44px;padding:20px;border-block:1px solid #e4eaea;color:#6f7f8d;background:#fff;font-size:13px;font-weight:850}.public-section{max-width:1240px;margin:auto;padding:105px 28px}.public-section-head{max-width:670px;margin-bottom:40px}.public-section-head h2{margin:12px 0;font-size:39px;line-height:1.12;letter-spacing:-1.3px}.public-section-head p{margin:0;color:#71818e;font-size:14px;line-height:1.7}.public-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.public-feature-grid article{min-height:245px;padding:25px;border:1px solid #dfe7e8;border-radius:18px;background:#fff}.public-feature-grid article>span{display:grid;width:35px;height:35px;place-items:center;border-radius:9px;color:#087b5c;background:#e6f6f0;font-size:10px;font-weight:900}.public-feature-grid h3{margin:52px 0 10px;font-size:16px}.public-feature-grid p{margin:0;color:#71818f;font-size:11px;line-height:1.7}.public-how{max-width:1184px;margin:0 auto;padding:52px;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;border-radius:26px;color:#fff;background:linear-gradient(125deg,#102536,#12443f)}.public-how h2{margin:12px 0 0;font-size:34px}.public-how .public-kicker{color:#5ee0b4}.public-how ol{display:grid;gap:9px;margin:0;padding:0;list-style:none}.public-how li{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.045)}.public-how li>b{display:grid;width:35px;height:35px;place-items:center;border-radius:9px;color:#72e1bd;background:rgba(93,224,180,.12)}.public-how strong,.public-how small{display:block}.public-how strong{font-size:12px}.public-how small{margin-top:3px;color:#a9c1c0;font-size:9px}.public-pricing{padding-top:115px}.public-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.public-price-grid article{position:relative;padding:28px;border:1px solid #dde5e6;border-radius:20px;background:#fff}.public-price-grid article.popular{border-color:#18a77d;box-shadow:0 18px 50px rgba(22,151,111,.13)}.price-badge{position:absolute;top:-12px;left:24px;padding:6px 9px;border-radius:20px;color:#fff;background:#149b73;font-size:7px;font-weight:900;letter-spacing:.7px}.public-price-grid h3{margin:4px 0 18px;font-size:17px}.price strong{font-size:34px;letter-spacing:-1px}.price small{color:#80909d;font-size:10px}.public-price-grid article>p{color:#617584;font-size:10px}.public-price-grid ul{display:grid;gap:10px;margin:22px 0;padding:0;list-style:none;color:#506474;font-size:10px}.public-price-grid li:before{content:'✓';margin-right:8px;color:#0d9b71;font-weight:900}.public-footer{display:flex;align-items:center;gap:24px;max-width:1184px;margin:auto;padding:35px 0;border-top:1px solid #e0e7e8}.public-footer p{margin-right:auto;color:#788793;font-size:10px}.public-footer>a{color:#087d5d;font-size:10px;font-weight:800}
.public-form-shell{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:45px 20px;background:radial-gradient(circle at 10% 10%,#e2f5ee 0,transparent 30%),#f4f7f7}.public-form-card{width:min(460px,100%);padding:34px;border:1px solid #dde6e6;border-radius:22px;background:#fff;box-shadow:0 25px 75px rgba(18,48,49,.12)}.public-form-card.wide{width:min(940px,100%)}.form-back{display:inline-block;margin-bottom:26px;color:#6d7e8b;font-size:10px;font-weight:750}.public-form-card h1{margin:10px 0 7px;font-size:28px;letter-spacing:-.7px}.public-form-card>p{margin:0 0 23px;color:#71818e;font-size:11px;line-height:1.6}.public-register-form{display:grid;gap:20px}.register-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.public-register-form label>span,.register-choice h2,.register-channels legend{display:block;margin-bottom:6px;color:#506170;font-size:9px;font-weight:800}.public-register-form input:not([type=checkbox]):not([type=radio]){width:100%;height:43px;padding:0 11px;border:1px solid #d7e0e4;border-radius:9px;outline:none}.public-register-form input:focus{border-color:#18a77d;box-shadow:0 0 0 3px rgba(24,167,125,.09)}.register-choice h2{margin:0 0 8px;font-size:11px}.register-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.register-plan-grid label{position:relative}.register-plan-grid input{position:absolute;opacity:0}.register-plan-grid label>span{display:block;margin:0;padding:11px;border:1px solid #dbe3e5;border-radius:10px;cursor:pointer}.register-plan-grid strong,.register-plan-grid small{display:block}.register-plan-grid strong{font-size:10px}.register-plan-grid small{margin-top:3px;color:#81909c;font-size:8px}.register-plan-grid input:checked+span{border-color:#13a177;background:#eefaf6;box-shadow:inset 0 0 0 1px #13a177}.register-channels{margin:0;padding:0;border:0}.register-channels legend{width:100%;font-size:11px}.register-channels legend small{float:right;color:#82909a;font-size:8px}.register-channels>div{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.register-channels label{position:relative}.register-channels input{position:absolute;opacity:0}.register-channels label span{display:grid;min-height:39px;place-items:center;margin:0;padding:5px;border:1px solid #dbe3e5;border-radius:9px;text-align:center;cursor:pointer}.register-channels input:checked+span{border-color:#16a37a;color:#087b5c;background:#eaf8f3}.register-channels input:disabled+span{opacity:.4;cursor:not-allowed}.register-consent{display:flex;align-items:flex-start;gap:8px}.register-consent input{margin-top:1px}.register-consent span{margin:0!important;color:#71808c!important;font-weight:550!important;line-height:1.5}.form-security{display:block;text-align:center;color:#86939e;font-size:8px}.form-foot-link{display:block;margin-top:18px;text-align:center;color:#087d5d;font-size:9px;font-weight:750}.auth-success{margin-bottom:15px;padding:11px 12px;border-radius:9px;color:#08785a;background:#e8f7f1;font-size:10px}.development-link{display:grid;gap:6px;margin-bottom:15px;padding:11px;border:1px dashed #8bcbb6;border-radius:9px;background:#f2fbf8;font-size:9px}.development-link a{overflow-wrap:anywhere;color:#087d5d}
.checkout-pending-banner{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:14px 17px;border:1px solid #f0d6ad;border-radius:12px;background:#fff9ef}.checkout-pending-banner>span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:#a7630d;background:#ffebc8;font-weight:900}.checkout-pending-banner strong,.checkout-pending-banner small{display:block}.checkout-pending-banner strong{font-size:11px}.checkout-pending-banner small{margin-top:3px;color:#826f58;font-size:9px}.invite-flash{margin:0 16px 16px;padding:13px;border:1px solid #bfe4d6;border-radius:11px;background:#effaf6}.invite-flash strong,.invite-flash small,.invite-flash input{display:block}.invite-flash small{margin:4px 0 8px;color:#61796f;font-size:8px}.invite-flash input{width:100%;height:36px;padding:0 9px;border:1px solid #cce3da;border-radius:7px;background:#fff;font-size:8px}.pending-invites{display:grid;gap:7px;margin:10px 0 16px}.pending-invites>div{display:flex;align-items:center;justify-content:space-between;padding:10px;border:1px dashed #d6dfe3;border-radius:9px}.pending-invites strong,.pending-invites small{display:block}.pending-invites strong{font-size:9px}.pending-invites small{margin-top:2px;color:#7b8994;font-size:8px}.pending-invites b{color:#a46a19;font-size:8px}
@media(max-width:900px){.public-nav nav{display:none}.public-hero{grid-template-columns:1fr;padding-top:55px}.public-hero-copy h1{font-size:46px}.public-product-preview{transform:none}.public-feature-grid{grid-template-columns:1fr 1fr}.public-how{grid-template-columns:1fr;margin:0 20px}.public-price-grid{grid-template-columns:1fr}.public-footer{margin:0 24px}.register-channels>div{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.public-nav{padding:0 16px}.public-nav .public-brand small,.public-nav .button.ghost{display:none}.public-nav .button{padding:0 10px;font-size:10px}.public-hero{padding:45px 20px;gap:38px}.public-hero-copy h1{font-size:39px}.public-hero-copy>p{font-size:14px}.public-trust{display:grid}.public-market-strip{gap:18px}.public-section{padding:75px 20px}.public-section-head h2{font-size:32px}.public-feature-grid{grid-template-columns:1fr}.public-how{padding:28px}.public-how h2{font-size:27px}.register-fields,.register-plan-grid{grid-template-columns:1fr}.register-channels>div{grid-template-columns:repeat(2,1fr)}.public-form-card{padding:25px}.public-footer{align-items:flex-start;flex-direction:column;gap:10px}.public-footer p{margin:0}}

/* Faz 1: sipariş operasyonu, ürün düzenleme ve işlem merkezi */
.order-detail-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px}.order-detail-head h2{margin:6px 0 4px;font-size:23px}.order-detail-head p{margin:0;color:var(--muted);font-size:10px}.order-detail-summary{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px}.order-detail-summary>span{padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8fafb}.order-detail-summary small,.order-detail-summary strong{display:block}.order-detail-summary small{color:var(--muted);font-size:8px}.order-detail-summary strong{margin-top:5px;font-size:11px}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.order-workflow-card,.order-document-card,.order-lines-card,.order-history-card,.product-editor-panel{padding:20px}.operation-form{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:17px}.operation-form .button{justify-self:end;grid-column:1/-1}.field select,.field input{width:100%;min-height:39px;padding:0 10px;border:1px solid #dce3e8;border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:10px}.document-list{display:grid;gap:7px;margin-top:15px}.document-list>div{display:grid;grid-template-columns:1fr auto;gap:4px;padding:10px;border:1px solid var(--line);border-radius:9px}.document-list strong{font-size:9px}.document-list a{color:var(--green-dark);font-size:9px;font-weight:800}.document-list small{grid-column:1/-1;color:var(--muted);font-size:8px}.order-lines-card,.order-history-card{margin-top:14px}.operation-timeline{display:grid;gap:0;margin-top:14px}.operation-timeline>div{display:grid;grid-template-columns:18px 1fr;gap:8px;min-height:45px}.operation-timeline i{position:relative;width:9px;height:9px;margin-top:3px;border:2px solid #fff;border-radius:50%;background:var(--green);box-shadow:0 0 0 1px var(--green)}.operation-timeline i:after{content:"";position:absolute;top:10px;left:3px;width:1px;height:30px;background:#cfe3dc}.operation-timeline>div:last-child i:after{display:none}.operation-timeline strong,.operation-timeline small{display:block}.operation-timeline strong{font-size:10px}.operation-timeline small{margin-top:3px;color:var(--muted);font-size:8px}.muted-copy{color:var(--muted);font-size:10px}.issue-kpis{grid-template-columns:repeat(3,1fr)}.issues-panel{overflow:hidden}.issues-panel .product-tools h2{margin:5px 0 0}.order-source-filters a{display:inline-flex;align-items:center;min-height:29px;padding:0 9px;border-radius:6px;color:#758494;font-size:9px;font-weight:750}.order-source-filters a.active{color:var(--ink);background:#fff;box-shadow:0 1px 4px rgba(25,42,58,.12)}.issue-list{display:grid}.issue-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px 18px;border-top:1px solid var(--line)}.issue-severity{padding:5px 6px;border-radius:6px;text-align:center;color:#a53636;background:#fff0f0;font-size:7px;font-weight:900}.issue-row.warning .issue-severity{color:#916813;background:#fff8e5}.issue-row.critical .issue-severity{color:#fff;background:#a82e2e}.issue-row strong{font-size:10px}.issue-row p{margin:4px 0;color:#536676;font-size:9px}.issue-row small{color:var(--muted);font-size:8px}.product-editor-panel{margin-top:14px}.product-editor-panel .section-heading-row p{margin:4px 0 0;color:var(--muted);font-size:9px}.product-edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:18px 0}.product-edit-variants input{min-width:110px;width:100%;height:34px;padding:0 8px;border:1px solid #dce3e8;border-radius:7px;font-size:9px}.editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.bulk-edit-controls{display:flex;align-items:center;gap:6px}.bulk-edit-controls select,.bulk-edit-controls input{height:30px;border:1px solid #cddbd6;border-radius:6px;background:#fff;font-size:9px}.bulk-edit-controls select{padding:0 7px}.bulk-edit-controls input{width:86px;padding:0 7px}.order-bulk-bar{flex-wrap:wrap}.order-bulk-bar>button{white-space:nowrap}
@media(max-width:900px){.order-detail-head{align-items:flex-start;flex-direction:column}.order-detail-summary{width:100%}.order-detail-grid{grid-template-columns:1fr}.issue-row{grid-template-columns:50px 1fr}.issue-row>.button,.issue-row>.status-pill{grid-column:2;justify-self:start}.bulk-edit-controls{width:100%;flex-wrap:wrap}}
@media(max-width:620px){.order-detail-summary{grid-template-columns:1fr}.operation-form,.product-edit-fields{grid-template-columns:1fr}.issue-kpis{grid-template-columns:1fr}.issue-row{grid-template-columns:1fr}.issue-row>.button,.issue-row>.status-pill{grid-column:1}.bulk-edit-controls select{flex:1}.bulk-edit-controls input{width:72px}}

/* Phase 4 · analytics and decision support */
.analytics-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;margin-bottom:13px}.analytics-toolbar h2{margin:5px 0 2px;font-size:21px}.analytics-toolbar p{margin:0;color:var(--muted);font-size:10px}.analytics-filters{display:flex;align-items:flex-end;gap:8px}.analytics-filters label span{display:block;margin-bottom:4px;color:var(--muted);font-size:8px;font-weight:750}.analytics-filters select{min-width:135px;height:39px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:10px}.analytics-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.analytics-kpis article{position:relative;min-height:125px;padding:17px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 2px 8px rgba(15,30,45,.025)}.analytics-kpis article.risk{border-color:#f1dedc;background:linear-gradient(145deg,#fff,#fff9f8)}.analytics-kpis small,.analytics-kpis strong{display:block}.analytics-kpis small{color:var(--muted);font-size:9px}.analytics-kpis strong{margin-top:5px;font-size:21px;letter-spacing:-.5px}.analytics-kpis p{position:absolute;bottom:14px;left:17px;margin:0;color:#8996a3;font-size:8px}.analytics-delta{position:absolute;top:17px;right:16px;padding:4px 6px;border-radius:6px;font-size:8px;font-weight:850}.analytics-delta.up{color:#087d5d;background:var(--green-soft)}.analytics-delta.down{color:#b44343;background:var(--red-soft)}.analytics-kpi-icon{position:absolute;top:16px;right:16px;display:grid;width:26px;height:26px;place-items:center;border-radius:7px;color:#3564bb;background:var(--blue-soft);font-size:9px;font-weight:900}.analytics-kpi-icon.commission{color:#6651bf;background:#f0edff}.analytics-kpi-icon.risk{color:#b44343;background:var(--red-soft)}.analytics-main-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.75fr);gap:13px;margin-top:13px}.analytics-trend-card,.analytics-channel-card,.analytics-products-card,.analytics-stock-card,.analytics-city-card{overflow:hidden}.analytics-trend-card>.panel-head>strong{font-size:14px}.analytics-chart{height:285px;display:flex;align-items:flex-end;gap:5px;padding:35px 18px 18px;overflow-x:auto;background:linear-gradient(to bottom,rgba(225,232,237,.45) 1px,transparent 1px);background-size:100% 25%}.analytics-chart-column{position:relative;flex:1;min-width:18px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.analytics-chart-column i{width:min(24px,75%);min-height:2px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#29bf8d,#108a65);box-shadow:0 5px 12px rgba(24,167,118,.16)}.analytics-chart-column small{height:14px;color:#8593a0;font-size:7px;white-space:nowrap}.analytics-chart-value{position:absolute;top:-18px;color:#526474;font-size:6px;font-weight:800}.analytics-channel-list{display:grid;padding:7px 17px 14px}.analytics-channel-row{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f3}.analytics-channel-row:last-child{border-bottom:0}.analytics-channel-row>div>span{display:flex;justify-content:space-between;font-size:9px}.analytics-channel-row b{color:#4b5d6c}.analytics-channel-row i,.analytics-city-list i{display:block;height:5px;margin:6px 0;border-radius:10px;background:#edf2f3;overflow:hidden}.analytics-channel-row i em,.analytics-city-list i em{display:block;height:100%;border-radius:inherit;background:var(--green)}.analytics-channel-row small{color:var(--muted);font-size:7px}.analytics-detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.65fr);gap:13px;margin-top:13px}.analytics-table td:first-child{display:flex;align-items:center;gap:9px;min-width:260px}.analytics-rank{display:grid;flex:0 0 23px;width:23px;height:23px;place-items:center;border-radius:7px;color:#087d5d;background:var(--green-soft);font-size:8px;font-weight:900}.analytics-side-stack{display:grid;gap:13px}.analytics-stock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px}.analytics-stock-grid div{padding:13px 9px;border:1px solid var(--line);border-radius:10px;background:#f8fafb}.analytics-stock-grid strong,.analytics-stock-grid small{display:block}.analytics-stock-grid strong{font-size:17px}.analytics-stock-grid small{margin-top:4px;color:var(--muted);font-size:7px}.analytics-stock-grid .danger strong{color:#b44343}.analytics-stock-grid .warning strong{color:#b97015}.analytics-city-list{display:grid;gap:10px;padding:15px 17px}.analytics-city-list>div{display:grid;grid-template-columns:minmax(110px,.6fr) 1fr;align-items:center;gap:12px}.analytics-city-list span{display:flex;justify-content:space-between;gap:8px}.analytics-city-list strong{font-size:8px}.analytics-city-list small{color:var(--muted);font-size:7px}.analytics-empty{padding:32px 18px;color:var(--muted);font-size:9px;text-align:center}.analytics-note{display:flex;gap:10px;margin-top:13px;padding:13px 15px;border:1px solid #dce8e4;border-radius:10px;color:#597069;background:#f5fbf8;font-size:8px}.analytics-note strong{flex:0 0 auto;color:#167a5d}.analytics-note span{line-height:1.6}
.finance-overview{margin-top:13px;overflow:hidden}.finance-head{gap:18px}.finance-head .eyebrow{font-size:8px}.finance-head-actions{display:flex;align-items:center;gap:10px}.finance-head-actions small{max-width:260px;color:var(--muted);font-size:8px;text-align:right}.finance-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.finance-kpis>div{min-height:105px;padding:18px;background:#fff}.finance-kpis small,.finance-kpis strong,.finance-kpis span{display:block}.finance-kpis small{color:var(--muted);font-size:8px}.finance-kpis strong{margin:6px 0;font-size:20px}.finance-kpis span{color:#8a98a4;font-size:7px}.finance-kpis .positive{background:#f7fcfa}.finance-kpis .positive strong,.finance-positive-text{color:#087d5d}.finance-estimate-warning{display:flex;gap:10px;padding:10px 17px;border-top:1px solid #eadfb8;color:#7b6b31;background:#fffaf0;font-size:8px}.finance-detail-grid{display:grid;grid-template-columns:minmax(300px,.65fr) minmax(520px,1.35fr);gap:13px;margin-top:13px}.finance-breakdown-card,.finance-channel-card,.finance-transactions-card{overflow:hidden}.finance-breakdown-list{display:grid;gap:11px;padding:15px 17px}.finance-breakdown-list span{display:flex;justify-content:space-between;gap:10px;font-size:9px}.finance-breakdown-list b{color:#536474}.finance-breakdown-list i{display:block;height:6px;margin-top:6px;border-radius:10px;background:#edf1f3;overflow:hidden}.finance-breakdown-list i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5b6f86,#233c54)}.finance-channel-card .analytics-table td:first-child,.finance-transactions-card .analytics-table td:first-child{display:table-cell;min-width:auto}.finance-channel-card .market-badge,.finance-transactions-card .market-badge{vertical-align:middle}.finance-transactions-card{margin-top:13px}.finance-transactions-card .analytics-table{min-width:940px}.finance-transactions-card td strong{font-size:9px}.finance-debit{color:#b44343;font-weight:750}.finance-source{display:inline-flex;padding:4px 6px;border-radius:5px;color:#087d5d;background:var(--green-soft);font-size:7px;font-weight:850}.finance-source.estimated{color:#9a681e;background:#fff3dc}.button[disabled]{cursor:not-allowed;opacity:.65;transform:none}
@media(max-width:1180px){.analytics-kpis{grid-template-columns:repeat(3,1fr)}.analytics-main-grid,.analytics-detail-grid,.finance-detail-grid{grid-template-columns:1fr}.finance-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.analytics-toolbar{align-items:flex-start;flex-direction:column}.analytics-filters{width:100%;flex-wrap:wrap}.analytics-filters label{flex:1}.analytics-filters select{width:100%}.analytics-kpis{grid-template-columns:1fr 1fr}.finance-head{align-items:flex-start;flex-direction:column}.finance-head-actions{width:100%;justify-content:space-between}.finance-head-actions small{text-align:left}}
@media(max-width:560px){.analytics-kpis,.finance-kpis{grid-template-columns:1fr}.analytics-filters .button,.analytics-filters>a{flex:1}.analytics-chart{height:240px}.analytics-chart-column{min-width:24px}.analytics-note,.finance-estimate-warning{flex-direction:column}.finance-head-actions{align-items:stretch;flex-direction:column}.finance-kpis>div{min-height:90px}}

/* Public landing page · product-led redesign */
.landing-page{overflow-x:hidden;background:#f8faf9}.landing-page .public-nav{border-bottom:1px solid rgba(218,228,225,.8);background:rgba(248,250,249,.88);backdrop-filter:blur(18px)}.landing-page .public-nav nav{gap:30px}.landing-page .public-nav nav a{color:#5c6c70}.landing-page .public-nav nav a:hover{color:#087d5d}.landing-page .public-nav>div{gap:7px}.landing-page .button{border-radius:10px}.landing-page .button.primary{box-shadow:0 10px 25px rgba(15,151,111,.2)}
.landing-hero{position:relative;display:grid;grid-template-columns:minmax(390px,.88fr) minmax(520px,1.12fr);align-items:center;gap:64px;max-width:1280px;margin:auto;padding:92px 48px 74px}.landing-hero:before{position:absolute;z-index:-1;top:-260px;right:-280px;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,#d9f4e9 0,rgba(225,248,240,.62) 34%,transparent 68%);content:""}.landing-hero-copy h1{max-width:650px;margin:17px 0 22px;font-size:58px;line-height:1.04;letter-spacing:-2.8px}.landing-hero-copy h1 em{display:block;color:#0b906b;font-style:normal}.landing-hero-copy>p{max-width:585px;margin:0;color:#5d6f77;font-size:16px;line-height:1.75}.landing-hero .public-hero-actions{margin:30px 0 22px}.landing-hero .public-hero-actions .button{min-height:49px;padding:0 22px;font-size:12px}.landing-hero .public-hero-actions .secondary{background:#fff}.landing-proof{display:flex;flex-wrap:wrap;gap:10px 18px;color:#576b70;font-size:10px;font-weight:720}.landing-proof span{display:inline-flex;align-items:center;gap:6px}.landing-proof b{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;color:#087d5d;background:#dcf4eb;font-size:9px}
.landing-window{position:relative;margin:0;overflow:hidden;border:1px solid #dce7e3;border-radius:18px;background:#fff;box-shadow:0 28px 70px rgba(18,49,48,.15)}.landing-window figcaption{display:flex;align-items:center;gap:6px;height:35px;padding:0 13px;border-bottom:1px solid #e5ecea;background:#f8faf9}.landing-window figcaption>span{width:7px;height:7px;border-radius:50%;background:#d1dcd8}.landing-window figcaption>span:first-child{background:#f2a6a0}.landing-window figcaption>span:nth-child(2){background:#efce72}.landing-window figcaption>span:nth-child(3){background:#86ceb4}.landing-window figcaption small{margin-left:8px;color:#81908e;font-size:7px;font-weight:750;letter-spacing:.02em}.landing-window img{display:block;width:100%;height:auto;background:#eff3f5}.landing-hero-window{overflow:visible;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}.landing-hero-window figcaption,.landing-hero-window img{overflow:hidden}.landing-hero-window figcaption{border-radius:18px 18px 0 0}.landing-hero-window img{border-radius:0 0 18px 18px}.landing-floating-card{position:absolute;right:-27px;bottom:34px;display:grid;gap:3px;min-width:215px;padding:16px 18px;border:1px solid rgba(255,255,255,.75);border-radius:14px;background:rgba(13,39,43,.94);color:#fff;box-shadow:0 20px 42px rgba(10,35,38,.26);backdrop-filter:blur(10px)}.landing-floating-card small{color:#79daba;font-size:7px;font-weight:900;letter-spacing:.08em}.landing-floating-card strong{font-size:12px}.landing-floating-card span{color:#aebfbe;font-size:8px}
.landing-channels{max-width:1280px;margin:auto;padding:0 48px 28px;text-align:center}.landing-channels>small{display:block;margin-bottom:18px;color:#8a9999;font-size:8px;font-weight:900;letter-spacing:.13em}.landing-channels>div{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.landing-channels span{padding:8px 13px;border:1px solid #e1e8e6;border-radius:100px;color:#56696e;background:#fff;font-size:9px;font-weight:820;box-shadow:0 3px 10px rgba(20,45,44,.035)}.landing-channels span.commerce{border-color:#bce4d5;color:#087d5d;background:#effaf6}
.landing-section{max-width:1280px;margin:auto;padding:96px 48px}.landing-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:36px}.landing-section-head h2{max-width:680px;margin:12px 0 0;font-size:38px;line-height:1.12;letter-spacing:-1.4px}.landing-outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.landing-outcome-grid article{position:relative;min-height:260px;padding:28px;border:1px solid #dde7e3;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(19,49,46,.055);transition:transform .2s,border-color .2s,box-shadow .2s}.landing-outcome-grid article:hover{border-color:#b4dccd;box-shadow:0 20px 45px rgba(19,49,46,.09);transform:translateY(-4px)}.landing-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;color:#087d5d;background:#e8f7f1;font-size:19px;font-weight:900}.landing-outcome-grid h3{margin:30px 0 9px;font-size:19px}.landing-outcome-grid p{max-width:310px;margin:0;color:#687a7e;font-size:11px;line-height:1.65}.landing-outcome-grid small{position:absolute;right:28px;bottom:25px;color:#91a09d;font-size:7px;font-weight:900;letter-spacing:.1em}
.landing-product-tour{padding:46px 0 70px;background:linear-gradient(180deg,#0d2227 0%,#102b30 100%)}.landing-showcase{display:grid;grid-template-columns:minmax(350px,.68fr) minmax(540px,1.32fr);align-items:center;gap:68px;max-width:1280px;margin:auto;padding:92px 48px}.landing-showcase.reverse{grid-template-columns:minmax(540px,1.32fr) minmax(350px,.68fr)}.landing-showcase.reverse .landing-showcase-copy{grid-column:2;grid-row:1}.landing-showcase.reverse .landing-window{grid-column:1;grid-row:1}.landing-showcase-copy{position:relative;color:#fff}.landing-step{position:absolute;top:-70px;left:-7px;color:rgba(123,220,187,.11);font-size:86px;font-weight:950;line-height:1}.landing-showcase-copy .public-kicker{position:relative;color:#70dfb9}.landing-showcase-copy h2{position:relative;margin:14px 0 16px;font-size:37px;line-height:1.12;letter-spacing:-1.3px}.landing-showcase-copy>p{max-width:430px;margin:0;color:#b5c5c4;font-size:13px;line-height:1.75}.landing-showcase-copy ul{display:grid;gap:9px;margin:24px 0 0;padding:0;list-style:none;color:#d9e7e4;font-size:10px}.landing-showcase-copy li:before{margin-right:9px;color:#67d9b2;content:'✓'}.landing-showcase .landing-window{border-color:#355157;box-shadow:0 28px 65px rgba(0,0,0,.28)}.landing-stat{display:flex;align-items:center;gap:13px;margin-top:26px}.landing-stat strong{color:#70dfb9;font-size:32px}.landing-stat span{max-width:135px;color:#c0cfcd;font-size:10px;line-height:1.35}
.landing-campaign-preview{display:grid;gap:18px;min-height:440px;padding:30px;background:linear-gradient(145deg,#f8fbfa,#edf6f2);color:#1a3031}.landing-campaign-preview-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #dce9e4}.landing-campaign-preview-head small,.landing-campaign-preview-head strong{display:block}.landing-campaign-preview-head small{margin-bottom:5px;color:#118362;font-size:8px;font-weight:900;letter-spacing:.12em}.landing-campaign-preview-head strong{font-size:20px}.landing-campaign-preview-head>span{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:30px;color:#17684f;background:#dff3eb;font-size:8px;font-weight:850}.landing-campaign-preview-head i{width:6px;height:6px;border-radius:50%;background:#16a277}.landing-campaign-preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.landing-campaign-preview-metrics>div{padding:15px;border:1px solid #dce7e3;border-radius:12px;background:#fff}.landing-campaign-preview-metrics small,.landing-campaign-preview-metrics strong,.landing-campaign-preview-metrics span{display:block}.landing-campaign-preview-metrics small{color:#84938f;font-size:7px;font-weight:850;letter-spacing:.08em}.landing-campaign-preview-metrics strong{margin:5px 0 2px;font-size:24px}.landing-campaign-preview-metrics span{color:#778783;font-size:7px}.landing-campaign-preview-flow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:16px;border:1px solid #dce7e3;border-radius:13px;background:#fff}.landing-campaign-preview-flow>div span,.landing-campaign-preview-flow>div strong,.landing-campaign-preview-flow>div small{display:block}.landing-campaign-preview-flow>div span{color:#118362;font-size:7px;font-weight:900;letter-spacing:.08em}.landing-campaign-preview-flow>div strong{margin:5px 0;font-size:11px}.landing-campaign-preview-flow>div small{color:#82908d;font-size:7px}.landing-campaign-preview-flow>b{color:#18a37b}.landing-campaign-preview-safe{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px;border:1px solid #bfe2d4;border-radius:13px;background:#e8f7f1}.landing-campaign-preview-safe>span{display:grid;width:29px;height:29px;place-items:center;border-radius:9px;color:#fff;background:#159b74;font-size:11px;font-weight:900}.landing-campaign-preview-safe strong,.landing-campaign-preview-safe small{display:block}.landing-campaign-preview-safe strong{font-size:10px}.landing-campaign-preview-safe small{max-width:330px;margin-top:4px;color:#668079;font-size:7px;line-height:1.5}.landing-campaign-preview-safe>b{color:#087d5d;font-size:18px}
.landing-compare{display:grid;grid-template-columns:minmax(280px,.54fr) minmax(520px,1.46fr);gap:70px;max-width:1184px;margin:110px auto;padding:0 48px}.landing-compare h2{max-width:330px;margin:13px 0 0;font-size:39px;line-height:1.08;letter-spacing:-1.4px}.landing-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.landing-compare-grid article{padding:27px;border:1px solid #e0e7e5;border-radius:18px;background:#fff}.landing-compare-grid article.active{border-color:#a8dcc8;background:#ebf8f3;box-shadow:0 16px 40px rgba(23,117,90,.1)}.landing-compare-grid small{display:block;margin-bottom:17px;color:#91a09d;font-size:7px;font-weight:900;letter-spacing:.12em}.landing-compare-grid .active small{color:#087d5d}.landing-compare-grid p{margin:0;padding:12px 0;border-top:1px solid #edf1f0;color:#6b7a7d;font-size:10px;line-height:1.5}.landing-compare-grid .active p{color:#294c45}.landing-compare-grid b{margin-right:7px;color:#088260}
.landing-how{display:grid;grid-template-columns:.55fr 1.45fr;gap:75px;max-width:1184px;margin:0 auto 90px;padding:44px 48px;border:1px solid #dce6e2;border-radius:23px;background:#fff;box-shadow:0 14px 40px rgba(19,49,46,.055)}.landing-how h2{margin:10px 0 0;font-size:35px}.landing-how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none}.landing-how li{display:flex;gap:11px}.landing-how li>b{display:grid;flex:0 0 31px;width:31px;height:31px;place-items:center;border-radius:10px;color:#087d5d;background:#e5f5ef;font-size:10px}.landing-how strong,.landing-how small{display:block}.landing-how strong{font-size:11px}.landing-how small{margin-top:5px;color:#7d8d8d;font-size:8px;line-height:1.5}
.landing-page .public-pricing{max-width:1280px;padding-top:74px}.landing-page .public-pricing:before{display:none}.landing-page .public-pricing .public-section-head{max-width:690px;margin:0 auto 40px}.landing-page .public-pricing .public-price-grid article{border-color:#dce5e3;border-radius:20px;box-shadow:0 14px 38px rgba(19,49,46,.055)}.landing-page .public-pricing .public-price-grid article.popular{border-color:#1aa77d;box-shadow:0 20px 48px rgba(15,139,102,.14)}
.landing-final-cta{display:flex;max-width:1184px;margin:0 auto 95px;padding:54px 58px;align-items:center;gap:26px;border-radius:25px;background:linear-gradient(120deg,#0d252a,#10473f);color:#fff;box-shadow:0 24px 60px rgba(10,43,40,.18)}.landing-final-cta .public-kicker{position:absolute;color:#71dbb8;transform:translateY(-40px)}.landing-final-cta h2{margin:0;font-size:30px;white-space:nowrap}.landing-final-cta p{max-width:420px;margin:0 auto 0 0;color:#b9cdca;font-size:11px;line-height:1.6}.landing-final-cta .button{flex:0 0 auto;min-height:48px;padding:0 22px}.landing-page .public-footer{padding-top:38px;padding-bottom:38px}
@media(max-width:1050px){.landing-hero{grid-template-columns:1fr;gap:50px;max-width:880px}.landing-hero-copy{text-align:center}.landing-hero-copy h1,.landing-hero-copy>p{margin-right:auto;margin-left:auto}.landing-hero .public-hero-actions,.landing-proof{justify-content:center}.landing-hero-window{transform:none}.landing-floating-card{right:20px}.landing-outcome-grid{grid-template-columns:1fr 1fr}.landing-showcase,.landing-showcase.reverse{grid-template-columns:1fr;gap:48px;max-width:880px}.landing-showcase.reverse .landing-showcase-copy,.landing-showcase.reverse .landing-window{grid-column:1;grid-row:auto}.landing-showcase-copy>p{max-width:600px}.landing-compare{grid-template-columns:1fr;gap:30px}.landing-compare h2{max-width:650px}.landing-how{grid-template-columns:1fr;gap:30px;margin-right:30px;margin-left:30px}.landing-final-cta{flex-wrap:wrap;margin-right:30px;margin-left:30px}.landing-final-cta .public-kicker{position:static;flex-basis:100%;transform:none}.landing-final-cta p{margin-right:auto}}
@media(max-width:760px){.landing-page .public-nav nav{display:none}.landing-page .public-nav .button.ghost{display:none}.landing-hero{padding:58px 20px 52px}.landing-hero-copy h1{font-size:43px;letter-spacing:-1.9px}.landing-hero-copy>p{font-size:14px}.landing-floating-card{right:10px;bottom:15px;min-width:185px;padding:12px}.landing-channels{padding:0 20px 18px}.landing-section{padding:76px 20px}.landing-section-head h2{font-size:32px}.landing-outcome-grid{grid-template-columns:1fr}.landing-outcome-grid article{min-height:220px}.landing-showcase,.landing-showcase.reverse{padding:78px 20px}.landing-showcase-copy h2{font-size:31px}.landing-step{top:-57px;font-size:68px}.landing-compare{margin:80px auto;padding:0 20px}.landing-compare-grid{grid-template-columns:1fr}.landing-how{margin:0 20px 70px;padding:30px}.landing-how ol{grid-template-columns:1fr}.landing-page .public-pricing{padding:68px 20px}.landing-final-cta{display:block;margin:0 20px 75px;padding:38px 30px}.landing-final-cta h2{margin:11px 0;white-space:normal}.landing-final-cta p{margin-bottom:24px}.landing-page .public-footer{margin:0 20px}}
@media(max-width:480px){.landing-page .public-nav .public-brand small{display:none}.landing-page .public-nav{padding:0 12px}.landing-page .public-nav .button.primary{padding:0 10px;font-size:9px}.landing-hero-copy h1{font-size:36px;letter-spacing:-1.5px}.landing-hero .public-hero-actions{display:grid}.landing-hero .public-hero-actions .button{width:100%}.landing-proof{display:grid;justify-content:start;text-align:left}.landing-hero-window{border-radius:12px}.landing-window figcaption{height:29px}.landing-window figcaption small{font-size:6px}.landing-floating-card{position:static;border-radius:0 0 12px 12px}.landing-section-head{display:block}.landing-outcome-grid h3{margin-top:22px}.landing-showcase-copy h2,.landing-compare h2,.landing-how h2{font-size:28px}.landing-stat strong{font-size:27px}.landing-campaign-preview{min-height:0;padding:18px}.landing-campaign-preview-metrics{grid-template-columns:1fr}.landing-campaign-preview-flow{grid-template-columns:1fr}.landing-campaign-preview-flow>b{transform:rotate(90deg);text-align:center}.landing-campaign-preview-safe{grid-template-columns:auto 1fr}.landing-campaign-preview-safe>b{grid-column:2}.landing-compare-grid article{padding:22px}.landing-how{padding:27px 22px}.landing-final-cta{padding:32px 24px}.landing-final-cta h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.landing-outcome-grid article{transition:none}.landing-outcome-grid article:hover{transform:none}}

/* Campaign center */
.campaign-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:180px;margin-bottom:13px;padding:29px 32px;overflow:hidden;border-radius:16px;background:linear-gradient(118deg,#102b31 0%,#124a43 70%,#15745c 100%);color:#fff;box-shadow:0 18px 38px rgba(16,54,51,.14)}.campaign-hero:after{position:absolute;right:-70px;width:280px;height:280px;border:45px solid rgba(108,226,185,.08);border-radius:50%;content:""}.campaign-hero>div{position:relative;z-index:1}.campaign-hero .eyebrow{color:#75dfbb}.campaign-hero h2{margin:8px 0 7px;font-size:25px;letter-spacing:-.65px}.campaign-hero p{max-width:680px;margin:0;color:#bdd0cf;font-size:10px;line-height:1.7}.campaign-hero-state{flex:0 0 150px;padding:17px 18px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.075);backdrop-filter:blur(8px)}.campaign-hero-state span,.campaign-hero-state strong,.campaign-hero-state small{display:block}.campaign-hero-state span{color:#7bdfbd;font-size:7px;font-weight:900;letter-spacing:.11em}.campaign-hero-state strong{margin:3px 0;font-size:30px}.campaign-hero-state small{color:#b7cac8;font-size:8px}.campaign-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:13px}.campaign-metrics article{padding:15px 17px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.campaign-metrics span,.campaign-metrics strong,.campaign-metrics small{display:block}.campaign-metrics span{color:var(--muted);font-size:8px}.campaign-metrics strong{margin:3px 0;font-size:20px}.campaign-metrics small{color:#97a3ad;font-size:7px}.campaign-builder{margin-bottom:13px;overflow:hidden}.campaign-safe-badge{padding:5px 9px;border-radius:20px;color:#087d5d;background:var(--green-soft);font-size:7px;font-weight:900;letter-spacing:.07em}.campaign-builder form{padding:18px}.campaign-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.campaign-form-grid .campaign-name{grid-column:span 2}.campaign-form-grid .field>span{display:block;margin-bottom:5px;color:#617180;font-size:8px;font-weight:780}.campaign-form-grid .field>input,.campaign-form-grid .field>select,.campaign-value-input{width:100%;height:40px;border:1px solid #dce4e9;border-radius:9px;background:#fff}.campaign-form-grid .field>input,.campaign-form-grid .field>select{padding:0 10px;font-size:9px}.campaign-form-grid .field>small{display:block;margin-top:4px;color:var(--muted);font-size:7px}.campaign-value-input{display:flex;align-items:center;overflow:hidden}.campaign-value-input input{width:100%;height:100%;padding:0 10px;border:0;background:transparent;font-size:9px}.campaign-value-input b{display:grid;align-self:stretch;min-width:36px;place-items:center;border-left:1px solid #e2e8ec;color:#627686;background:#f7f9fa;font-size:9px}.campaign-channels{margin:18px 0;padding:0;border:0}.campaign-channels legend{margin-bottom:8px;color:#617180;font-size:8px;font-weight:780}.campaign-channels>div{display:flex;flex-wrap:wrap;gap:7px}.campaign-channels label{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:6px;min-width:160px;padding:9px 10px;border:1px solid #e1e7eb;border-radius:9px;background:#fafcfc;cursor:pointer}.campaign-channels input{accent-color:var(--green)}.campaign-channels label>strong{font-size:8px}.campaign-channels label>small{grid-column:2/-1;color:var(--muted);font-size:7px}.campaign-product-picker{overflow:hidden;border:1px solid #dfe6eb;border-radius:11px}.campaign-product-tools{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #e7ecef;background:#f8fafb}.campaign-product-tools>div{margin-right:auto}.campaign-product-tools strong,.campaign-product-tools small{display:block}.campaign-product-tools strong{font-size:10px}.campaign-product-tools small{margin-top:2px;color:var(--muted);font-size:7px}.campaign-product-tools>label{display:flex;align-items:center;gap:6px;width:245px;height:34px;padding:0 9px;border:1px solid #dce4e9;border-radius:8px;background:#fff;color:#82909c}.campaign-product-tools input{width:100%;border:0;background:transparent;font-size:8px}.campaign-product-list{max-height:330px;overflow:auto}.campaign-product-list>label{display:grid;grid-template-columns:22px minmax(240px,1fr) auto 105px;align-items:center;gap:10px;min-height:57px;padding:8px 12px;border-bottom:1px solid #edf1f3;cursor:pointer}.campaign-product-list>label:last-child{border-bottom:0}.campaign-product-list>label:hover{background:#f8fcfa}.campaign-product-list input{position:absolute;opacity:0;pointer-events:none}.campaign-check{display:grid;width:19px;height:19px;place-items:center;border:1px solid #cdd7de;border-radius:6px;color:transparent;background:#fff;font-size:9px}.campaign-product-list input:checked+.campaign-check{border-color:var(--green);color:#fff;background:var(--green)}.campaign-product-copy strong,.campaign-product-copy small{display:block}.campaign-product-copy strong{font-size:9px}.campaign-product-copy small{margin-top:3px;color:var(--muted);font-size:7px}.campaign-product-list>label>b{text-align:right;font-size:9px}.campaign-submit-bar{display:grid;grid-template-columns:minmax(190px,.55fr) minmax(300px,1.2fr) auto;align-items:center;gap:16px;margin-top:14px;padding:13px 15px;border:1px solid #cfe5dc;border-radius:11px;background:#f4fbf8}.campaign-submit-bar>div:first-child span,.campaign-submit-bar>div:first-child strong,.campaign-submit-bar>div:first-child small{display:block}.campaign-submit-bar>div:first-child span{color:#56736b;font-size:7px}.campaign-submit-bar>div:first-child strong{font-size:18px}.campaign-submit-bar>div:first-child small{color:#7c928c;font-size:7px}.campaign-submit-note{display:flex;align-items:center;gap:8px;color:#617a72}.campaign-submit-note>span{display:grid;flex:0 0 22px;width:22px;height:22px;place-items:center;border-radius:50%;background:#dff3eb;font-size:9px;font-weight:850}.campaign-submit-note small{font-size:7px;line-height:1.55}.campaign-history{overflow:hidden}.campaign-table-wrap{overflow:auto}.campaign-table{width:100%;min-width:1040px;border-collapse:collapse}.campaign-table th,.campaign-table td{padding:11px 13px;border-bottom:1px solid #edf1f3;text-align:left;vertical-align:middle}.campaign-table th{color:#81909c;background:#f8fafb;font-size:7px;letter-spacing:.04em}.campaign-table td>strong,.campaign-table td>small{display:block}.campaign-table td>strong{font-size:9px}.campaign-table td>small{max-width:230px;margin-top:3px;overflow:hidden;color:var(--muted);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.campaign-status{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:20px;font-size:7px;font-weight:850;white-space:nowrap}.campaign-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.campaign-status.scheduled{color:#315fba;background:var(--blue-soft)}.campaign-status.active{color:#087d5d;background:var(--green-soft)}.campaign-status.partial{color:#a66912;background:var(--orange-soft)}.campaign-status.completed{color:#536b66;background:#eef4f2}.campaign-status.cancelled{color:#7e8993;background:#f0f2f4}.campaign-row-actions{display:flex;justify-content:flex-end;gap:5px}.campaign-row-actions button{padding:5px 7px;border:1px solid #dfe5e9;border-radius:6px;background:#fff;font-size:7px;font-weight:750;cursor:pointer;white-space:nowrap}.campaign-row-actions button:hover{border-color:#9fd7c4;color:#087d5d}.campaign-row-actions button.danger:hover{border-color:#e2aaaa;color:#b44343}.campaign-row-actions button:disabled{opacity:.55;cursor:wait}
@media(max-width:1100px){.campaign-form-grid{grid-template-columns:1fr 1fr}.campaign-form-grid .campaign-name{grid-column:span 2}.campaign-submit-bar{grid-template-columns:1fr auto}.campaign-submit-note{grid-column:1/-1;grid-row:2}.campaign-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.campaign-hero{align-items:flex-start;flex-direction:column;padding:24px}.campaign-hero-state{width:100%}.campaign-form-grid{grid-template-columns:1fr}.campaign-form-grid .campaign-name{grid-column:auto}.campaign-product-tools{align-items:stretch;flex-wrap:wrap}.campaign-product-tools>label{order:3;width:100%}.campaign-product-list>label{grid-template-columns:22px 1fr auto}.campaign-product-channels{display:none}.campaign-submit-bar{grid-template-columns:1fr}.campaign-submit-note{grid-column:auto;grid-row:auto}.campaign-submit-bar .button{width:100%}.campaign-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.campaign-metrics{grid-template-columns:1fr}.campaign-channels label{width:100%}.campaign-product-list>label>b{display:none}}

/* BuyBox competition */
.buybox-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:190px;margin-bottom:13px;padding:30px 33px;overflow:hidden;border-radius:17px;color:#fff;background:linear-gradient(118deg,#101f32 0%,#123b47 58%,#0c765a 100%);box-shadow:0 18px 40px rgba(14,42,54,.15)}.buybox-hero:after{position:absolute;right:165px;width:230px;height:230px;border:42px solid rgba(87,226,180,.07);border-radius:50%;content:""}.buybox-hero>div{position:relative;z-index:1}.buybox-hero .eyebrow{color:#70dfb9}.buybox-hero h2{margin:8px 0 7px;font-size:26px;letter-spacing:-.7px}.buybox-hero p{max-width:760px;margin:0;color:#bbcecf;font-size:10px;line-height:1.75}.buybox-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.buybox-hero-badges span{padding:6px 9px;border:1px solid rgba(255,255,255,.11);border-radius:20px;color:#d5e7e3;background:rgba(255,255,255,.06);font-size:7px;font-weight:750}.buybox-hero-score{flex:0 0 160px;padding:19px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.075);backdrop-filter:blur(8px)}.buybox-hero-score span,.buybox-hero-score strong,.buybox-hero-score small{display:block}.buybox-hero-score span{color:#73dfbc;font-size:7px;font-weight:900;letter-spacing:.1em}.buybox-hero-score strong{margin:4px 0;font-size:34px}.buybox-hero-score small{color:#b7caca;font-size:8px}
.buybox-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:13px}.buybox-metrics article{padding:16px 18px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow)}.buybox-metrics article.success{border-color:#cce8dd;background:#f4fbf8}.buybox-metrics article.accent{border-color:#d8e2ef;background:#f6f9fc}.buybox-metrics article.warning{border-color:#f1dec1;background:#fffaf2}.buybox-metrics span,.buybox-metrics strong,.buybox-metrics small{display:block}.buybox-metrics span{color:#667988;font-size:8px}.buybox-metrics strong{margin:5px 0;font-size:23px}.buybox-metrics small{color:#93a0aa;font-size:7px}
.buybox-control-panel{margin-bottom:13px;overflow:hidden}.buybox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 19px;border-bottom:1px solid var(--line)}.buybox-toolbar h3{margin:3px 0 2px;font-size:14px}.buybox-toolbar p{margin:0;color:var(--muted);font-size:8px}.buybox-toolbar-actions{display:flex;align-items:center;gap:8px}.buybox-search{display:flex;align-items:center;gap:7px;width:245px;height:38px;padding:0 10px;border:1px solid #dce4e9;border-radius:9px;background:#fff;color:#82919d}.buybox-search input{width:100%;border:0;outline:0;background:transparent;font-size:8px}
.buybox-rule-list{display:grid}.buybox-rule-row{position:relative;display:grid;grid-template-columns:minmax(235px,1.4fr) 105px 125px 100px 102px 112px 85px 160px;align-items:center;gap:11px;padding:15px 17px 26px;border-bottom:1px solid #e9eef1;background:#fff}.buybox-rule-row:last-child{border-bottom:0}.buybox-rule-row.enabled{box-shadow:inset 3px 0 #159b74}.buybox-product{display:flex;align-items:center;gap:9px;min-width:0}.buybox-product>span:last-child{min-width:0}.buybox-product strong,.buybox-product small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buybox-product strong{font-size:9px}.buybox-product small{margin-top:4px;color:var(--muted);font-size:7px}.buybox-price-cell>span,.buybox-price-cell>strong,.buybox-price-cell>small{display:block}.buybox-price-cell>span{color:#84919b;font-size:6px;font-weight:850;letter-spacing:.04em}.buybox-price-cell>strong{margin:5px 0 3px;font-size:11px}.buybox-price-cell>small{color:#89969f;font-size:6px;white-space:nowrap}.buybox-price-cell.competitor>strong{color:#a04b3e}.buybox-position{display:grid;justify-items:start;gap:5px}.buybox-position>strong{font-size:16px}.buybox-position>strong.winner,.buybox-winning-text{color:#07815f}.buybox-status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:20px;color:#677681;background:#eef2f4;font-size:6px;font-weight:850;white-space:nowrap}.buybox-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.buybox-status.winning{color:#087d5d;background:#e2f5ed}.buybox-status.competing{color:#315fba;background:#e8effc}.buybox-status.floor{color:#a66a12;background:#fff0d9}.buybox-status.campaign{color:#8054af;background:#f2eafb}.buybox-status.error{color:#b44343;background:#fdeaea}.buybox-status.single{color:#526f67;background:#edf4f2}.buybox-field>span{display:block;margin-bottom:5px;color:#72818d;font-size:7px;font-weight:750}.buybox-field>div{display:flex;height:35px;overflow:hidden;border:1px solid #dce4e9;border-radius:8px;background:#fff}.buybox-field input{min-width:0;width:100%;padding:0 8px;border:0;outline:0;font-size:8px}.buybox-field>div>b{display:grid;min-width:27px;place-items:center;border-left:1px solid #e3e8ec;color:#72818d;background:#f7f9fa;font-size:8px}.buybox-field select{width:100%;height:35px;padding:0 7px;border:1px solid #dce4e9;border-radius:8px;background:#fff;font-size:8px}.buybox-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.buybox-switch{display:flex;align-items:center;gap:5px;margin-right:auto;cursor:pointer}.buybox-switch input{position:absolute;opacity:0}.buybox-switch>span{position:relative;width:28px;height:16px;border-radius:20px;background:#cbd4da;transition:.16s}.buybox-switch>span:after{position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#fff;content:"";transition:.16s}.buybox-switch input:checked+span{background:#159b74}.buybox-switch input:checked+span:after{transform:translateX(12px)}.buybox-switch b{font-size:7px}.buybox-row-message{position:absolute;right:17px;bottom:8px;color:#829098;font-size:6px}.buybox-row-message.error{color:#b44343}.buybox-table-link{color:#087d5d;font-size:8px;font-weight:800;white-space:nowrap}
.buybox-history{overflow:hidden}.buybox-history-table td>strong,.buybox-history-table td>small{display:block}.buybox-history-table td>strong{font-size:8px}.buybox-history-table td>small{margin-top:3px;color:var(--muted);font-size:7px}
@media(max-width:1250px){.buybox-rule-row{grid-template-columns:minmax(220px,1.5fr) 100px 115px 92px 95px 100px 80px}.buybox-row-actions{grid-column:1/-1;justify-content:flex-start;padding-top:2px}.buybox-row-message{right:17px}}
@media(max-width:900px){.buybox-metrics{grid-template-columns:1fr 1fr}.buybox-toolbar{align-items:flex-start;flex-direction:column}.buybox-toolbar-actions{width:100%}.buybox-search{flex:1}.buybox-rule-row{grid-template-columns:1.5fr 1fr 1fr}.buybox-product{grid-column:1/-1}.buybox-row-actions{grid-column:1/-1}.buybox-row-message{position:static;grid-column:1/-1}}
@media(max-width:620px){.buybox-hero{align-items:flex-start;flex-direction:column;padding:24px}.buybox-hero-score{width:100%}.buybox-metrics{grid-template-columns:1fr 1fr}.buybox-toolbar-actions{align-items:stretch;flex-direction:column}.buybox-search{width:100%}.buybox-rule-row{grid-template-columns:1fr 1fr;padding:15px}.buybox-product{grid-column:1/-1}.buybox-position{grid-column:1/-1}.buybox-row-actions{grid-column:1/-1}.buybox-field.interval{grid-column:1/-1}.buybox-metrics article{padding:14px}}
@media(max-width:400px){.buybox-metrics{grid-template-columns:1fr}.buybox-rule-row{grid-template-columns:1fr}.buybox-product,.buybox-position,.buybox-row-actions,.buybox-field.interval,.buybox-row-message{grid-column:1}}
.landing-outcome-grid{grid-template-columns:repeat(5,1fr)}
@media(max-width:1050px){.landing-outcome-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.landing-outcome-grid{grid-template-columns:1fr}}

/* Public commerce, payment assurance and legal pages */
.product-code{display:block;margin-bottom:7px;color:#81918f;font-size:7px;font-weight:900;letter-spacing:.08em}.tax-note{display:block;min-height:31px;margin:-4px 0 14px;color:#778986;font-size:8px;line-height:1.55}.public-price-grid .button{margin-top:3px}.purchase-actions{display:grid;gap:7px}.buy-now-link{text-align:center;color:#087d5d;font-size:9px;font-weight:820}.buy-now-link:hover{text-decoration:underline;text-underline-offset:3px}
.payment-confidence{display:flex;align-items:center;gap:55px;max-width:1184px;margin:0 auto 90px;padding:34px 40px;border:1px solid #dce7e3;border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(19,49,46,.05)}.payment-confidence>div:first-child{margin-right:auto}.payment-confidence h2{margin:8px 0 6px;font-size:24px;letter-spacing:-.6px}.payment-confidence p{max-width:620px;margin:0;color:#6e7f7f;font-size:10px;line-height:1.6}.payment-marks{display:flex;align-items:center;gap:10px}.payment-logo{width:92px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #dce4e4;border-radius:9px;background:#fff;box-shadow:0 4px 12px rgba(24,46,44,.04)}.payment-logo img{display:block;width:auto;max-width:62px;height:auto;max-height:29px;object-fit:contain}.troy-logo img{max-width:57px;max-height:27px}.mastercard-logo{position:relative;flex-direction:column;gap:1px}.mastercard-logo i{position:relative;width:38px;height:21px}.mastercard-logo i:before,.mastercard-logo i:after{position:absolute;top:0;width:21px;height:21px;border-radius:50%;content:""}.mastercard-logo i:before{left:1px;background:#ea001b}.mastercard-logo i:after{right:1px;background:#f79e1b;mix-blend-mode:multiply}.mastercard-logo b{color:#222;font-size:7px;font-weight:750;letter-spacing:-.25px}.payment-marks.compact{gap:6px}.payment-marks.compact .payment-logo{width:71px;height:37px}.payment-marks.compact .payment-logo img{max-width:49px;max-height:22px}.payment-marks.compact .troy-logo img{max-width:44px;max-height:21px}.payment-marks.compact .mastercard-logo i{width:31px;height:17px}.payment-marks.compact .mastercard-logo i:before,.payment-marks.compact .mastercard-logo i:after{width:17px;height:17px}.payment-marks.compact .mastercard-logo b{font-size:6px}
.public-footer-expanded{display:grid;grid-template-columns:1.5fr .65fr 1fr 1fr;align-items:start;gap:45px;padding:48px 0}.public-footer-expanded p{margin:11px 0 9px;line-height:1.6}.public-footer-expanded a{color:#667b78;font-size:9px;font-weight:650}.public-footer-expanded nav{display:grid;gap:9px}.public-footer-expanded nav strong,.footer-payment>strong{margin-bottom:3px;color:#253f3d;font-size:9px}.footer-brand-block>a{color:#087d5d}.footer-payment{display:grid;gap:10px}.footer-payment small{color:#83928f;font-size:7px}.footer-legal-line{display:flex;justify-content:space-between;max-width:1184px;margin:auto;padding:16px 0 24px;border-top:1px solid #e4e9e8;color:#879492;font-size:8px}.footer-legal-line a{color:#087d5d;font-weight:750}.register-consent a{color:#087d5d;text-decoration:underline;text-underline-offset:2px}
.legal-page{background:#f7f9f8}.legal-shell{display:grid;grid-template-columns:235px minmax(0,790px);gap:54px;max-width:1120px;margin:0 auto;padding:72px 28px 105px}.legal-menu{position:sticky;top:105px;align-self:start;display:grid;padding:18px;border:1px solid #dce5e2;border-radius:15px;background:#fff;box-shadow:0 12px 32px rgba(19,49,46,.045)}.legal-menu strong{padding:5px 9px 14px;color:#263e3c;font-size:10px}.legal-menu a{padding:10px 9px;border-radius:8px;color:#687b78;font-size:9px;font-weight:680}.legal-menu a:hover,.legal-menu a.active{color:#087d5d;background:#eaf7f2}.legal-content{padding:48px 54px;border:1px solid #dce5e2;border-radius:20px;background:#fff;box-shadow:0 18px 52px rgba(19,49,46,.06)}.legal-content h1{max-width:680px;margin:12px 0 18px;font-size:38px;line-height:1.12;letter-spacing:-1.25px}.legal-content h2{margin:34px 0 9px;color:#1b3935;font-size:16px}.legal-content p{margin:0;color:#617573;font-size:11px;line-height:1.85}.legal-content a{color:#087d5d;text-decoration:underline;text-underline-offset:2px}.legal-lead{padding-bottom:25px;border-bottom:1px solid #e6ecea;color:#435d59!important;font-size:13px!important}.document-meta{margin:-8px 0 22px!important;color:#8a9896!important;font-size:8px!important;font-weight:750}.legal-values{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.legal-values>div{padding:16px;border:1px solid #dfe8e5;border-radius:12px;background:#f8fbfa}.legal-values strong,.legal-values span{display:block}.legal-values strong{font-size:10px}.legal-values span{margin-top:6px;color:#71817f;font-size:8px;line-height:1.6}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:28px 0}.contact-grid>a,.contact-grid>div{display:grid;min-height:125px;align-content:center;padding:20px;border:1px solid #dfe8e5;border-radius:13px;background:#f8fbfa;text-decoration:none}.contact-grid small,.contact-grid strong,.contact-grid span{display:block}.contact-grid small{color:#118462;font-size:7px;font-weight:900;letter-spacing:.09em}.contact-grid strong{margin:7px 0 4px;color:#233f3b;font-size:12px;overflow-wrap:anywhere}.contact-grid span{color:#7b8b88;font-size:8px}.company-info{margin-top:30px}.company-info dl{margin:0;border:1px solid #e0e8e5;border-radius:12px}.company-info dl>div{display:grid;grid-template-columns:150px 1fr;padding:11px 15px;border-bottom:1px solid #e7eceb}.company-info dl>div:last-child{border-bottom:0}.company-info dt{color:#7b8987;font-size:9px}.company-info dd{margin:0;color:#263e3b;font-size:9px;font-weight:750}.legal-note{margin-top:30px!important;padding:16px 18px;border:1px solid #bfe1d4;border-radius:12px;color:#41635c!important;background:#eaf7f2}.contract-product{display:flex;align-items:center;gap:25px;margin:28px 0;padding:19px;border:1px solid #b9decf;border-radius:13px;background:#edf8f4}.contract-product>div{margin-right:auto}.contract-product small,.contract-product strong,.contract-product span{display:block}.contract-product small{color:#118462;font-size:7px;font-weight:900;letter-spacing:.08em}.contract-product strong{margin:5px 0 3px;font-size:12px}.contract-product span{color:#6b7e7a;font-size:8px}.contract-product>b{font-size:16px;white-space:nowrap}
.commerce-shell{max-width:1120px;min-height:610px;margin:0 auto;padding:70px 28px 100px}.commerce-head{max-width:790px}.commerce-head .form-back{margin-bottom:32px}.commerce-head h1{margin:11px 0 10px;font-size:40px;letter-spacing:-1.3px}.commerce-head>p{margin:0;color:#70807e;font-size:12px}.checkout-steps{display:flex;align-items:center;gap:0;margin:0 0 32px;padding:0;list-style:none}.checkout-steps li{position:relative;display:flex;align-items:center;gap:7px;min-width:145px;color:#879591;font-size:8px;font-weight:750}.checkout-steps li:not(:last-child):after{width:35px;height:1px;margin:0 12px;background:#d8e2df;content:""}.checkout-steps b{display:grid;flex:0 0 25px;width:25px;height:25px;place-items:center;border:1px solid #ccd9d5;border-radius:50%;background:#fff;font-size:8px}.checkout-steps .done,.checkout-steps .active{color:#176e57}.checkout-steps .done b{border-color:#159c75;color:#fff;background:#159c75}.checkout-steps .active b{border:2px solid #159c75;color:#087d5d;background:#eaf7f2}.form-checkout-steps{margin-bottom:25px}.form-checkout-steps li{min-width:0;flex:1}.form-checkout-steps li:not(:last-child):after{width:auto;flex:1;margin:0 8px}.cart-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:20px;margin-top:35px}.cart-item{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:18px;padding:25px;border:1px solid #dce6e3;border-radius:17px;background:#fff}.cart-item-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:13px;color:#fff;background:#159c75;font-size:18px;font-weight:900}.cart-item small{color:#118462;font-size:7px;font-weight:900;letter-spacing:.08em}.cart-item h2{margin:5px 0 8px;font-size:16px}.cart-item p{margin:0 0 10px;color:#6d7e7b;font-size:9px;line-height:1.65}.cart-item a{color:#087d5d;font-size:8px;font-weight:750}.cart-item>strong{font-size:15px;white-space:nowrap}.cart-summary{padding:25px;border-radius:17px;color:#fff;background:#102d30;box-shadow:0 17px 42px rgba(13,43,44,.16)}.cart-summary h2{margin:0 0 20px;font-size:17px}.cart-summary dl{display:grid;gap:11px;margin:0}.cart-summary dl>div{display:flex;justify-content:space-between;gap:15px;color:#c5d4d1;font-size:9px}.cart-summary dt,.cart-summary dd{margin:0}.cart-summary .total{margin-top:6px;padding-top:15px;border-top:1px solid rgba(255,255,255,.14);color:#fff;font-size:13px;font-weight:800}.cart-summary>p{margin:19px 0;color:#acc0bd;font-size:8px;line-height:1.6}.cart-summary .button{margin-bottom:12px}.cart-summary>small{display:block;margin-top:8px;color:#90aaa5;font-size:7px;line-height:1.6}.cart-summary>small a{color:#71dbb8}.purchase-button{min-height:48px;font-size:11px}.empty-cart{margin-top:35px;padding:45px;border:1px solid #dce6e3;border-radius:17px;text-align:center;background:#fff}.empty-cart h2{margin:0}.empty-cart p{color:#72827f;font-size:10px}
@media(max-width:1050px){.payment-confidence{margin-right:30px;margin-left:30px}.public-footer-expanded,.footer-legal-line{margin-right:30px;margin-left:30px}.public-footer-expanded{grid-template-columns:1.2fr 1fr 1fr}.footer-payment{grid-column:1/-1}.legal-shell{grid-template-columns:200px 1fr;gap:28px}.legal-content{padding:42px}}
@media(max-width:760px){.public-nav .public-cart-link{display:none}.payment-confidence{display:block;margin:0 20px 70px;padding:28px}.payment-marks{margin-top:22px}.public-footer-expanded{grid-template-columns:1fr 1fr;gap:30px;margin:0 20px}.footer-brand-block,.footer-payment{grid-column:1/-1}.footer-legal-line{margin:0 20px}.legal-shell{display:block;padding:35px 20px 70px}.legal-menu{position:static;display:flex;overflow:auto;margin-bottom:16px}.legal-menu strong{display:none}.legal-menu a{flex:0 0 auto}.legal-content{padding:32px 25px}.legal-content h1{font-size:30px}.legal-values{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.company-info dl>div{grid-template-columns:1fr;gap:4px}.cart-layout{grid-template-columns:1fr}.commerce-shell{padding:45px 20px 70px}.commerce-head h1{font-size:32px}.cart-item{grid-template-columns:auto 1fr}.cart-item>strong{grid-column:2}.contract-product{align-items:flex-start;flex-direction:column}.contract-product>b{font-size:14px}}
@media(max-width:480px){.payment-logo{width:75px;height:42px}.public-footer-expanded{grid-template-columns:1fr}.public-footer-expanded nav{grid-column:1}.legal-content{padding:27px 20px}.legal-content h1{font-size:27px}.cart-item{grid-template-columns:1fr}.cart-item>strong{grid-column:1}}

/* Authenticated checkout payment step */
.payment-page{max-width:1050px;margin:0 auto;padding:8px 0 45px}.payment-checkout-steps{margin-bottom:24px;padding:18px 22px;border:1px solid #dce5e2;border-radius:14px;background:#fff}.payment-checkout-steps li{flex:1;min-width:0}.payment-checkout-steps li:not(:last-child):after{width:auto;flex:1}.payment-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:18px;align-items:start}.payment-order-card,.secure-payment-card{border:1px solid #dce5e2;border-radius:17px;background:#fff;box-shadow:0 15px 38px rgba(18,49,46,.055)}.payment-order-card{padding:28px}.payment-order-card h2{margin:8px 0 5px;font-size:20px}.payment-order-card>p{margin:0 0 23px;color:#778784;font-size:9px}.payment-order-card dl{margin:0}.payment-order-card dl>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #e8edeb;color:#6d7e7b;font-size:9px}.payment-order-card dt,.payment-order-card dd{margin:0}.payment-order-card dd{color:#233f3b;font-weight:800;text-align:right}.payment-order-card .payment-total{padding-top:15px;border-bottom:0;color:#203b37;font-size:12px;font-weight:850}.payment-order-card .payment-total dd{color:#087d5d;font-size:17px}.payment-delivery-note{display:flex;gap:10px;margin-top:18px;padding:13px;border:1px solid #bce0d2;border-radius:11px;background:#ecf8f3}.payment-delivery-note>span{display:grid;flex:0 0 27px;width:27px;height:27px;place-items:center;border-radius:8px;color:#fff;background:#159b74;font-size:9px;font-weight:900}.payment-delivery-note strong,.payment-delivery-note small{display:block}.payment-delivery-note strong{font-size:9px}.payment-delivery-note small{margin-top:3px;color:#688079;font-size:7px;line-height:1.5}.payment-contract-links{display:grid;gap:6px;margin-top:16px}.payment-contract-links a{color:#087d5d;font-size:8px;font-weight:720;text-decoration:underline;text-underline-offset:2px}.secure-payment-card{padding:28px}.secure-payment-card>header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #e5ebe9}.secure-payment-card>header>div{display:flex;align-items:center;gap:10px}.secure-payment-card>header strong,.secure-payment-card>header small{display:block}.secure-payment-card>header strong{font-size:11px}.secure-payment-card>header small{margin-top:3px;color:#7d8c89;font-size:7px}.secure-payment-card>header>b{padding:6px 8px;border-radius:7px;color:#087d5d;background:#e9f7f2;font-size:7px}.secure-lock{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;color:#fff;background:#159c75;font-size:7px}.payment-activation-alert{display:flex;gap:11px;margin-bottom:19px;padding:14px;border:1px solid #f0d29e;border-radius:11px;background:#fff9ed}.payment-activation-alert>span{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:9px;color:#9a5c0b;background:#ffebc7}.payment-activation-alert strong{display:block;color:#6d470f;font-size:9px}.payment-activation-alert p{margin:4px 0 0;color:#8a714e;font-size:7px;line-height:1.6}.secure-payment-card fieldset{display:grid;gap:12px;margin:0;padding:0;border:0}.secure-payment-card fieldset>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.secure-payment-card fieldset label>span{display:block;margin-bottom:5px;color:#5d706c;font-size:8px;font-weight:780}.secure-payment-card fieldset input{width:100%;height:43px;padding:0 11px;border:1px solid #d6e0dd;border-radius:9px;background:#f7f9f8;color:#71817e;font-size:9px}.secure-payment-card fieldset:disabled{opacity:.62}.payment-approval{display:flex;align-items:flex-start;gap:8px;margin:15px 0;color:#71817e;font-size:7px;line-height:1.5}.payment-approval input{margin-top:1px}.payment-submit{min-height:48px}.payment-submit:disabled{opacity:.48;cursor:not-allowed}.payment-disabled-note{margin:11px 0 16px;color:#7c8b88;font-size:7px;line-height:1.55;text-align:center}.payment-disabled-note a{color:#087d5d}.payment-provider-marks{display:flex;align-items:center;justify-content:center;gap:17px;padding-top:15px;border-top:1px solid #e7ecea}.payment-provider-marks>span{display:flex;width:67px;height:28px;align-items:center;justify-content:center}.payment-provider-marks img{display:block;width:auto;max-width:52px;height:auto;max-height:23px;object-fit:contain}.payment-provider-marks .mastercard-symbol{flex-direction:column;gap:1px}.mastercard-symbol i{position:relative;width:31px;height:17px}.mastercard-symbol i:before,.mastercard-symbol i:after{position:absolute;top:0;width:17px;height:17px;border-radius:50%;content:""}.mastercard-symbol i:before{left:1px;background:#ea001b}.mastercard-symbol i:after{right:1px;background:#f79e1b;mix-blend-mode:multiply}.mastercard-symbol small{color:#222;font-size:5px}.payment-empty-state{padding:60px;border:1px solid #dce5e2;border-radius:17px;text-align:center;background:#fff}.payment-empty-state>span{display:grid;width:50px;height:50px;margin:0 auto 17px;place-items:center;border-radius:14px;color:#087d5d;background:#e8f7f1;font-size:18px}.payment-empty-state h2{margin:0}.payment-empty-state p{margin:8px 0 20px;color:#758481;font-size:9px}
.payment-provider-intro,.payment-result-alert{display:flex;gap:11px;margin-bottom:19px;padding:15px;border:1px solid #bce0d2;border-radius:11px;background:#edf9f4}.payment-provider-intro>.secure-lock,.payment-result-alert>span{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:9px;color:#fff;background:#159c75;font-size:8px;font-weight:900}.payment-provider-intro strong,.payment-result-alert strong{display:block;color:#24433e;font-size:10px}.payment-provider-intro p,.payment-result-alert p{margin:4px 0 0;color:#667d78;font-size:8px;line-height:1.6}.payment-result-alert.error{border-color:#efd0c2;background:#fff4ef}.payment-result-alert.error>span{background:#c75b2e}.payment-result-alert.error strong{color:#7b3218}.payment-result-alert.pending{border-color:#efdba8;background:#fff9eb}.payment-result-alert.pending>span{background:#be811e}.payment-start-form{display:grid;gap:3px}.payment-approval a{color:#087d5d;text-decoration:underline;text-underline-offset:2px}
@media(max-width:900px){.payment-layout{grid-template-columns:1fr}.payment-page{padding:0}.payment-checkout-steps span{display:none}}
@media(max-width:560px){.payment-order-card,.secure-payment-card{padding:20px}.secure-payment-card fieldset>div{grid-template-columns:1fr}.payment-provider-marks{gap:7px}.payment-checkout-steps li:not(:last-child):after{margin:0 5px}}

/* Professional Tosla card form */
.payment-form-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}.payment-provider-pill{display:inline-flex;padding:5px 8px;border:1px solid #bce2d4;border-radius:999px;color:#087d5d;background:#eef9f5;font-size:6px;font-weight:900;letter-spacing:.12em}.payment-form-heading h3{margin:8px 0 3px;color:#162d32;font-size:16px;letter-spacing:-.3px}.payment-form-heading p{margin:0;color:#70827e;font-size:7px}.payment-amount-chip{min-width:108px;padding:9px 11px;border:1px solid #dce8e4;border-radius:10px;text-align:right;background:#f8fbfa}.payment-amount-chip small,.payment-amount-chip strong{display:block}.payment-amount-chip small{color:#7b8d89;font-size:5px;font-weight:850;letter-spacing:.09em}.payment-amount-chip strong{margin-top:3px;color:#087d5d;font-size:13px}.tosla-card-form{display:grid}.payment-card-preview{position:relative;isolation:isolate;min-height:119px;margin-bottom:17px;padding:17px 19px;overflow:hidden;border-radius:15px;color:#fff;background:linear-gradient(135deg,#102e34 0%,#123e41 56%,#087d62 100%);box-shadow:0 14px 28px rgba(12,50,50,.17)}.payment-card-preview:before,.payment-card-preview:after{position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.1);border-radius:50%;content:""}.payment-card-preview:before{right:-43px;top:-74px;width:180px;height:180px}.payment-card-preview:after{right:5px;top:-41px;width:116px;height:116px}.payment-card-preview-top,.payment-card-preview>div:last-child{display:flex;align-items:center;justify-content:space-between}.payment-card-preview-top b{font-size:8px;letter-spacing:.15em}.payment-card-chip{width:29px;height:20px;border:1px solid rgba(255,255,255,.42);border-radius:5px;background:linear-gradient(135deg,#dbc893,#fff0bd)}.payment-card-preview-number{display:block;margin:16px 0 13px;color:#d9e9e6;font-size:12px;font-weight:720;letter-spacing:.16em}.payment-card-preview>div:last-child span small,.payment-card-preview>div:last-child span strong{display:block}.payment-card-preview>div:last-child small{color:#90b9b1;font-size:5px;font-weight:800;letter-spacing:.11em}.payment-card-preview>div:last-child strong{margin-top:2px;font-size:8px}.payment-card-preview em{font-size:7px;font-style:normal;font-weight:850;letter-spacing:.12em}.tosla-card-form fieldset{gap:11px}.tosla-card-form fieldset>div{gap:11px}.tosla-card-form .payment-field>span:first-child{display:flex;align-items:center;min-height:14px;margin-bottom:5px;color:#425b57;font-size:7px;font-weight:820}.payment-input-shell{position:relative;display:block!important;margin:0!important}.secure-payment-card .tosla-card-form fieldset input{height:45px;padding:0 12px 0 37px;border-color:#d3dfdc;background:#fff;color:#183633;font-size:9px;font-weight:650;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.secure-payment-card .tosla-card-form fieldset input::placeholder{color:#a4b0ad;font-weight:500}.secure-payment-card .tosla-card-form fieldset input:focus{border-color:#159c75;background:#fbfffd;box-shadow:0 0 0 3px rgba(21,156,117,.11)}.payment-field-icon{position:absolute;z-index:1;left:13px;top:50%;width:13px;height:13px;transform:translateY(-50%);opacity:.58}.payment-field-icon.person:before{position:absolute;left:4px;top:0;width:5px;height:5px;border:1.5px solid #315c55;border-radius:50%;content:""}.payment-field-icon.person:after{position:absolute;left:1px;bottom:0;width:11px;height:6px;border:1.5px solid #315c55;border-radius:7px 7px 3px 3px;content:""}.payment-field-icon.card{height:10px;border:1.5px solid #315c55;border-radius:2px}.payment-field-icon.card:after{position:absolute;left:1px;right:1px;top:3px;height:1.5px;background:#315c55;content:""}.payment-field-icon.calendar{border:1.5px solid #315c55;border-radius:2px}.payment-field-icon.calendar:before{position:absolute;left:1px;right:1px;top:3px;height:1.5px;background:#315c55;content:""}.payment-field-icon.lock{left:14px;top:54%;width:11px;height:9px;border:1.5px solid #315c55;border-radius:2px}.payment-field-icon.lock:before{position:absolute;left:2px;top:-7px;width:5px;height:6px;border:1.5px solid #315c55;border-bottom:0;border-radius:6px 6px 0 0;content:""}.payment-cvv-help{display:inline-grid;width:12px;height:12px;margin-left:4px;padding:0;place-items:center;border:1px solid #b9c8c4;border-radius:50%;color:#71837f;background:#fff;font-size:7px;font-weight:900;cursor:help}.payment-form-error{margin:11px 0 0;padding:9px 11px;border:1px solid #efc9b9;border-radius:8px;color:#863c21;background:#fff5f1;font-size:8px;line-height:1.5}.professional-payment-submit{position:relative;margin-top:14px;border-radius:10px;box-shadow:0 10px 20px rgba(8,125,93,.18);font-size:9px}.professional-payment-submit>b{position:absolute;right:16px;font-size:15px}.professional-payment-submit.is-processing>b{display:none}.payment-security-row{display:flex;align-items:center;justify-content:center;gap:15px;margin:11px 0 2px;color:#607570;font-size:6px;font-weight:700}.payment-security-row span{display:flex;align-items:center;gap:4px}.payment-security-row i{display:grid;width:12px;height:12px;place-items:center;border-radius:50%;color:#07815e;background:#e8f7f1;font-size:6px;font-style:normal}.payment-data-route{display:flex;align-items:center;justify-content:center;gap:5px;margin:12px 0 15px;color:#758681;font-size:6px;line-height:1.5;text-align:center}.payment-data-route span{font-size:8px}
@media(max-width:560px){.payment-form-heading{align-items:stretch;flex-direction:column}.payment-amount-chip{text-align:left}.payment-card-preview{min-height:112px}.payment-security-row{align-items:flex-start;flex-direction:column;gap:6px}.payment-data-route{align-items:flex-start;text-align:left}.tosla-card-form fieldset>div{grid-template-columns:1fr 1fr}}

/* Standalone payment and account activation shell */
.payment-standalone-body{min-width:320px;margin:0;color:#183633;background:#f2f7f5}.payment-standalone-body:before,.payment-standalone-body:after{position:fixed;z-index:-1;width:420px;height:420px;border-radius:50%;filter:blur(1px);content:"";pointer-events:none}.payment-standalone-body:before{right:-180px;top:90px;background:radial-gradient(circle,rgba(24,170,126,.1),transparent 67%)}.payment-standalone-body:after{left:-230px;bottom:-150px;background:radial-gradient(circle,rgba(18,54,67,.08),transparent 68%)}.payment-standalone-shell{display:flex;min-height:100vh;flex-direction:column}.payment-public-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;min-height:78px;padding:0 max(28px,calc((100vw - 1180px)/2));border-bottom:1px solid #dbe7e3;background:rgba(255,255,255,.92);box-shadow:0 5px 22px rgba(20,53,49,.035);backdrop-filter:blur(16px)}.payment-public-brand{display:flex;align-items:center;gap:11px;width:max-content;color:#102f35;text-decoration:none}.payment-public-brand .brand-mark{position:relative;left:auto;top:auto;transform:none}.payment-public-brand strong,.payment-public-brand small{display:block}.payment-public-brand strong{font-size:14px;letter-spacing:.14em}.payment-public-brand small{margin-top:2px;color:#65807a;font-size:6px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.payment-public-status{display:flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #d8e8e2;border-radius:10px;background:#f7fbf9}.payment-public-status>i{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;color:#fff;background:#139b73;font-size:8px;font-style:normal;font-weight:900}.payment-public-status strong,.payment-public-status small{display:block}.payment-public-status strong{font-size:8px}.payment-public-status small{margin-top:2px;color:#748783;font-size:6px}.payment-public-account{display:flex;align-items:center;justify-self:end;gap:8px}.payment-public-account>.avatar{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;color:#fff;background:#153743;font-size:10px;font-weight:850}.payment-public-account>span strong,.payment-public-account>span small{display:block}.payment-public-account>span strong{max-width:125px;overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.payment-public-account>span small{margin-top:2px;color:#7d8d8a;font-size:6px}.payment-public-account button{min-height:30px;margin-left:4px;padding:0 10px;border:1px solid #d9e4e1;border-radius:8px;color:#4d6661;background:#fff;font-size:7px;font-weight:780;cursor:pointer}.payment-public-account button:hover{border-color:#bcd5cd;color:#087d5d;background:#f4fbf8}.payment-public-main{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:38px 0 56px}.payment-public-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;max-width:1050px;margin:0 auto 20px}.payment-public-intro h1{margin:7px 0 5px;color:#102f35;font-size:28px;letter-spacing:-.8px}.payment-public-intro p{max-width:610px;margin:0;color:#6d817d;font-size:9px;line-height:1.65}.payment-public-trust{display:flex;flex:0 0 auto;align-items:center;gap:10px;padding:10px 13px;border:1px solid #d8e7e2;border-radius:11px;background:#fff;box-shadow:0 8px 22px rgba(21,57,51,.04)}.payment-public-trust>span{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#e9f8f2;font-size:12px}.payment-public-trust strong,.payment-public-trust small{display:block}.payment-public-trust strong{font-size:8px}.payment-public-trust small{margin-top:3px;color:#6f827e;font-size:6px}.payment-public-main .payment-page{padding-top:0}.payment-public-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;width:min(1050px,calc(100% - 48px));margin:auto auto 0;padding:18px 0 23px;border-top:1px solid #dbe7e3;color:#778985;font-size:7px}.payment-public-footer nav{display:flex;gap:17px}.payment-public-footer a{color:#4f6f68;text-decoration:none}.payment-public-footer a:hover{color:#087d5d}.payment-standalone-body .page-load-overlay,.payment-standalone-body .sidebar,.payment-standalone-body .topbar{display:none!important}
@media(max-width:760px){.payment-public-header{grid-template-columns:1fr auto;min-height:68px;padding:0 20px}.payment-public-status{display:none}.payment-public-account>span:not(.avatar){display:none}.payment-public-account button{margin-left:0}.payment-public-main{width:calc(100% - 32px);padding:28px 0 42px}.payment-public-intro{align-items:flex-start;flex-direction:column}.payment-public-intro h1{font-size:24px}.payment-public-trust{width:100%;box-sizing:border-box}.payment-public-footer{align-items:flex-start;flex-direction:column;width:calc(100% - 32px)}.payment-public-footer nav{flex-wrap:wrap}}
@media(max-width:420px){.payment-public-account>.avatar{display:none}.payment-public-brand strong{font-size:12px}.payment-public-brand small{font-size:5px}.payment-public-header{padding:0 15px}.payment-public-main{width:calc(100% - 24px)}}

.page-load-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:rgba(12,24,37,.34);backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s ease}.page-load-card{position:relative;display:grid;grid-template-columns:34px minmax(180px,1fr);align-items:center;gap:12px;width:min(330px,calc(100vw - 36px));padding:18px 18px 21px;border:1px solid rgba(255,255,255,.72);border-radius:15px;background:#fff;box-shadow:0 18px 55px rgba(8,22,35,.24)}.page-load-card strong,.page-load-card small{display:block}.page-load-card strong{color:#152638;font-size:12px}.page-load-card small{margin-top:3px;color:#788794;font-size:9.5px}.page-load-spinner{width:30px;height:30px;border:3px solid #dce9e4;border-top-color:var(--green);border-radius:50%;animation:page-load-spin .75s linear infinite}.page-load-track{position:absolute;right:18px;bottom:10px;left:18px;height:3px;overflow:hidden;border-radius:999px;background:#e7efec}.page-load-track b{display:block;width:40%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#53cda2);animation:page-load-progress 1.05s ease-in-out infinite}.is-navigating{cursor:progress}.is-navigating .page-load-overlay{opacity:1;visibility:visible;pointer-events:auto}@keyframes page-load-spin{to{transform:rotate(360deg)}}@keyframes page-load-progress{0%{transform:translateX(-120%)}100%{transform:translateX(350%)}}@media(prefers-reduced-motion:reduce){.page-load-spinner,.page-load-track b{animation-duration:1.8s}}