: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; }
.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: 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}}