:root { color-scheme: light; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; background: #f5f7fb; color: #17233b; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 1120px; background: #f5f7fb; }
button { font: inherit; }
.app-shell { display: flex; min-height: 100vh; }
.local-support-rail { position: fixed; z-index: 20; right: 0; top: min(72vh, 690px); min-width: 34px; border: 0; border-radius: 8px 0 0 8px; padding: 10px 7px; color: #fff; background: linear-gradient(180deg, #47b5ff, #2185dc); box-shadow: 0 5px 14px rgba(29, 123, 207, .26); cursor: pointer; font: inherit; font-size: 11px; font-weight: 700; line-height: 1.45; text-align: center; }.local-support-rail:hover { background: linear-gradient(180deg, #298fdf, #166cb7); }.local-support-rail:focus-visible { outline: 2px solid #1b77c5; outline-offset: 3px; }
.sidebar { width: 238px; padding: 22px 14px; background: #fff; border-right: 1px solid #e7ebf4; display: flex; flex-direction: column; }
.brand { display: flex; align-items: center; gap: 10px; padding: 0 10px 24px; color: #17233b; text-decoration: none; font-weight: 800; font-size: 19px; letter-spacing: -.4px; }
.brand-mark { display: grid; place-items: center; width: 32px; height: 32px; color: #fff; border-radius: 10px; background: linear-gradient(145deg, #2776ff, #7856ff); font-size: 12px; letter-spacing: 0; }
.environment-label { margin: 0 10px 17px; color: #6e7d95; font-size: 12px; }
.nav-heading { margin: 20px 10px 7px; color: #98a4b7; font-size: 11px; font-weight: 700; letter-spacing: .08em; }
.nav-item { width: 100%; display: flex; gap: 11px; align-items: center; border: 0; border-radius: 9px; padding: 10px 11px; color: #53627a; background: transparent; cursor: pointer; text-align: left; font-size: 14px; }
.nav-item:hover { background: #f4f7ff; color: #246cf3; }
.nav-item.is-active { background: #eaf2ff; color: #1763e8; font-weight: 700; }
.nav-item span { width: 15px; text-align: center; }
.sidebar-note { margin: auto 7px 0; padding: 12px; display: flex; gap: 8px; align-items: center; border-radius: 10px; color: #60708b; background: #f7f9fc; font-size: 12px; }
.status-dot { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: #35bd7f; box-shadow: 0 0 0 3px #dcf7e9; }
.workspace { min-width: 0; flex: 1; display: flex; flex-direction: column; }
.topbar { height: 72px; display: flex; justify-content: space-between; align-items: center; padding: 0 34px; background: rgba(255, 255, 255, .86); border-bottom: 1px solid #e7ebf4; }
body[data-active-screen="overview"] .workspace > .topbar { display: none; }
.content > .hero,
.content > .console-auth-panel,
.content > .metric-grid,
.content > .workbench-grid,
#local-ozon-integration-posture-view,
#local-fake-inventory-snapshot-view,
#draft-workbench,
#local-quality-rule-catalog,
#local-listing-rule-settings,
#local-pricing-template,
#local-pricing-calculator,
.local-pricing-calculator,
#overview-delivery-progress,
.reference-flow-card,
.reference-overview-detail-grid,
#legacy-store-reference-shell,
#local-collection-basket-views { display: none !important; }
.reference-progress-card[hidden],
.reference-flow-card[hidden],
.reference-overview-detail-grid[hidden] { display: none !important; }
.crumbs { display: flex; gap: 9px; align-items: center; color: #9ba7bb; font-size: 13px; }.panel-history-back { display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid #d9e5f0; border-radius: 5px; padding: 0; color: #397fbf; background: #fff; cursor: pointer; font: inherit; font-size: 15px; line-height: 1; }.panel-history-back:hover:not(:disabled) { border-color: #77b8ef; background: #eef8ff; }.panel-history-back:disabled { opacity: .42; cursor: default; }.panel-history-back:focus-visible { outline: 2px solid #4da7f5; outline-offset: 2px; }
.crumbs strong { color: #22304a; font-size: 14px; }
.scope-controls { display: flex; gap: 10px; align-items: center; }
.scope-chip { padding: 7px 10px; border: 1px solid #d7e4ff; border-radius: 7px; color: #286ee6; background: #f5f9ff; font-size: 12px; }
.scope-chip-muted { color: #7f8da5; border-color: #e5e9f0; background: #fff; }
.avatar { width: 30px; height: 30px; border: 0; border-radius: 50%; color: #fff; background: #51627e; font-size: 12px; }
.content { width: 100%; max-width: 1450px; flex: 1; margin: 0 auto; padding: 31px 34px 48px; }
.site-compliance-footer { display: grid; justify-items: center; gap: 5px; width: 100%; border-top: 1px solid #e4e9f1; padding: 17px 24px 21px; color: #78869a; background: #fff; font-size: 12px; line-height: 1.6; text-align: center; }
.site-compliance-footer p { margin: 0; }
.site-compliance-records { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; }
.site-compliance-footer a { color: #66778e; text-decoration: none; }
.site-compliance-footer a:hover { color: #1677ff; text-decoration: underline; }
.site-compliance-footer a:focus-visible { border-radius: 3px; outline: 2px solid #1677ff; outline-offset: 3px; }
.site-police-record { display: inline-flex; align-items: center; gap: 5px; }
.site-police-record img { display: block; width: 20px; height: 20px; object-fit: contain; }
.hero { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; padding: 28px 30px; border-radius: 16px; color: #fff; background: linear-gradient(105deg, #2359c6 0%, #3e78ed 55%, #8062ed 100%); box-shadow: 0 16px 34px rgba(60, 103, 199, .18); }
.eyebrow { margin: 0 0 8px; color: #8190a7; font-size: 12px; font-weight: 700; letter-spacing: .05em; }
.hero .eyebrow { color: #bed3ff; }
h1, h2, p { margin-top: 0; }
h1 { margin-bottom: 10px; font-size: 25px; letter-spacing: -.5px; }
h2 { margin-bottom: 0; color: #24324c; font-size: 17px; }
.hero-copy { max-width: 660px; margin-bottom: 0; color: #e4edff; font-size: 13px; line-height: 1.7; }
.release-state { display: flex; align-items: center; gap: 9px; padding: 9px 11px; white-space: nowrap; border: 1px solid rgba(255, 255, 255, .24); border-radius: 9px; color: #f1f6ff; background: rgba(18, 45, 107, .22); font-size: 12px; }
.release-state .status-dot { background: #7de3a9; box-shadow: 0 0 0 3px rgba(125, 227, 169, .22); }
.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 24px 0; }
.metric-card, .panel { border: 1px solid #e6ebf3; border-radius: 13px; background: #fff; box-shadow: 0 5px 15px rgba(35, 50, 79, .03); }
.metric-card { min-height: 130px; padding: 20px; }
.console-auth-panel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .95fr); gap: 22px; margin-top: 18px; }.console-auth-panel .workbench-notice { margin-bottom: 0; }.console-auth-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-content: start; }.console-auth-form .workbench-actions { grid-column: 1 / -1; margin-top: 0; }.console-auth-panel > .workbench-message { grid-column: 1 / -1; margin: 0; }.local-demo-role-management { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) minmax(360px, .95fr); gap: 18px 22px; padding: 18px 0 0; border-top: 1px solid #e8eef5; }.local-demo-role-management h3 { margin: 0 0 7px; color: #31435d; font-size: 15px; }.local-demo-role-management p:not(.eyebrow):not(.workbench-message) { margin: 0; color: #71819a; font-size: 12px; line-height: 1.6; }.local-demo-role-management > .workbench-message { grid-column: 1 / -1; margin: 0; }.local-demo-role-management select { width: 100%; border: 1px solid #dce4ef; border-radius: 7px; padding: 9px 10px; color: #35435d; background: #fff; font: inherit; font-size: 12px; }
.local-demo-role-management form[hidden] { display: none; }.role-account-eyebrow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }.role-account-eyebrow span { border: 1px solid #cfe3f5; border-radius: 12px; padding: 3px 8px; color: #2073b3; background: #f3f9ff; font-size: 10px; font-weight: 600; letter-spacing: 0; text-transform: none; }.role-permission-grid { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }.role-permission-grid article { border: 1px solid #e0e9f2; border-radius: 8px; padding: 12px 13px; background: #fbfdff; }.role-permission-grid span, .role-permission-grid strong, .role-permission-grid small { display: block; }.role-permission-grid span { color: #7e8fa3; font-size: 10px; }.role-permission-grid strong { margin: 5px 0; color: #2e5f89; font-size: 13px; }.role-permission-grid small { color: #74869a; font-size: 10px; line-height: 1.5; }
.metric-card p, .metric-card span { margin-bottom: 0; color: #8090a8; font-size: 12px; }
.metric-card strong { display: block; margin: 12px 0 7px; color: #263756; font-size: 25px; }
.workbench-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(310px, .85fr); gap: 18px; }
.panel { padding: 23px; }
.panel-heading { display: flex; gap: 12px; justify-content: space-between; align-items: flex-start; }
.tag, .role-badge, .view-mode { padding: 5px 8px; border-radius: 6px; font-size: 11px; font-weight: 700; }
.tag { color: #266de3; background: #eaf3ff; }.role-badge { color: #7358cb; background: #f1edff; }.view-mode { color: #75839b; background: #f4f6f9; }
.journey { display: grid; gap: 15px; margin: 25px 0 20px; padding: 0; list-style: none; }
.journey li { display: flex; gap: 13px; align-items: flex-start; }
.journey li > span { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 8px; color: #2670e9; background: #edf5ff; font-size: 11px; font-weight: 800; }
.journey strong { color: #34415a; font-size: 14px; }.journey p { margin: 4px 0 0; color: #8390a5; font-size: 12px; }
.panel-actions { display: flex; gap: 10px; border-top: 1px solid #edf0f5; padding-top: 17px; }
.primary-action, .text-action { border-radius: 8px; padding: 9px 12px; font-size: 12px; font-weight: 700; }
.primary-action { border: 0; color: #8ba9d6; background: #eaf2ff; }.text-action { border: 1px solid #d9e2f0; color: #94a0b2; background: #fff; }
.rule-list { display: grid; gap: 15px; margin: 24px 0 0; padding: 0; list-style: none; color: #56657d; font-size: 12px; line-height: 1.45; }
.rule-list span { display: inline-block; width: 18px; color: #2dab7a; font-weight: 800; }.rule-list li:nth-child(n+3) span { color: #a1acbc; }
.lower-panel { margin-top: 18px; }.todo-table { margin-top: 20px; }
.todo-row { display: grid; grid-template-columns: 1.45fr 1.1fr .75fr 1.2fr; gap: 14px; align-items: center; min-height: 48px; border-top: 1px solid #edf0f5; color: #56657d; font-size: 12px; }
.todo-head { min-height: 35px; border: 0; color: #9ba6b7; font-size: 11px; font-weight: 700; }
.badge { display: inline-block; padding: 4px 7px; border-radius: 5px; font-size: 11px; font-weight: 700; }.amber { color: #b77a14; background: #fff5e4; }.blue { color: #326fc7; background: #eaf3ff; }.green { color: #168558; background: #e6f8f0; }
.draft-workbench { margin-top: 18px; }.workbench-notice { max-width: 820px; margin: 15px 0 20px; color: #71819a; font-size: 12px; line-height: 1.6; }.draft-layout { display: grid; grid-template-columns: minmax(210px, .58fr) minmax(0, 1.42fr); gap: 22px; border-top: 1px solid #edf0f5; padding-top: 20px; }.draft-list { display: grid; align-content: start; gap: 9px; }.list-label { margin: 0 0 2px; color: #8a98ad; font-size: 11px; font-weight: 700; }.draft-select { display: grid; gap: 4px; width: 100%; padding: 13px; border: 1px solid #e1e8f2; border-radius: 9px; color: #46566f; background: #fff; cursor: pointer; text-align: left; }.draft-select strong { color: #32415a; font-size: 13px; }.draft-select span { color: #8795aa; font-size: 11px; }.draft-select:hover, .draft-select.is-selected { border-color: #95bcff; background: #f2f7ff; }.draft-select.is-selected strong { color: #2366dd; }.local-hint { margin: 5px 2px 0; color: #95a1b2; font-size: 11px; line-height: 1.5; }.draft-editor { min-width: 0; }.editor-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; color: #35435d; font-size: 13px; font-weight: 700; }.version-tag { padding: 4px 7px; border-radius: 5px; color: #6e7d95; background: #f3f5f8; font-size: 11px; font-weight: 600; }.draft-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }.field-label { display: grid; gap: 6px; color: #6c7a90; font-size: 11px; font-weight: 700; }.draft-input { width: 100%; border: 1px solid #dce4ef; border-radius: 7px; padding: 9px 10px; outline: none; color: #35435d; background: #fff; font: inherit; font-size: 12px; }.draft-input:focus { border-color: #7aabff; box-shadow: 0 0 0 3px #ebf3ff; }.workbench-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 18px; }.primary-workbench-action, .secondary-workbench-action { border-radius: 7px; padding: 9px 11px; cursor: pointer; font-size: 12px; font-weight: 700; }.primary-workbench-action { border: 1px solid #286dea; color: #fff; background: #2f75ed; }.secondary-workbench-action { border: 1px solid #cddcf4; color: #3671cf; background: #f7faff; }.workbench-message, .precheck-status, .mock-job { margin: 13px 0 0; padding: 9px 10px; border-radius: 7px; font-size: 12px; line-height: 1.45; }.workbench-message.is-neutral { color: #60738f; background: #f4f7fb; }.workbench-message.is-passed, .precheck-status.is-passed { color: #20865d; background: #eaf9f1; }.workbench-message.is-blocked, .precheck-status.is-blocked { color: #b36f17; background: #fff6e8; }.mock-job { color: #4d5d75; background: #f4f6fb; }
.local-business-views { margin-top: 18px; }.local-view-switch { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 2px; }.local-view-button { border: 1px solid #d7e2f1; border-radius: 7px; padding: 8px 10px; color: #64748b; background: #fff; cursor: pointer; font-size: 12px; font-weight: 700; }.local-view-button:hover, .local-view-button.is-selected { border-color: #94baf9; color: #2469df; background: #f2f7ff; }.local-view-heading { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; margin-top: 18px; padding-top: 18px; border-top: 1px solid #edf0f5; }.local-view-heading h3 { margin: 0 0 6px; color: #35435d; font-size: 15px; }.local-view-heading p { max-width: 660px; margin: 0; color: #7c8ba2; font-size: 12px; line-height: 1.55; }.local-view-badge { white-space: nowrap; padding: 5px 8px; border-radius: 6px; color: #5b64ad; background: #f1f0ff; font-size: 11px; font-weight: 700; }.local-summary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 18px; }.local-summary-card { min-height: 126px; padding: 16px; border: 1px solid #e6ebf3; border-radius: 10px; background: #fafcff; }.local-summary-card p { margin-bottom: 7px; color: #71819a; font-size: 12px; }.local-summary-card strong { display: block; color: #33435e; font-size: 25px; }.local-summary-status, .local-summary-amount { display: inline-block; margin-top: 9px; font-size: 11px; }.local-summary-status { margin-right: 7px; color: #3072d9; }.local-summary-amount { color: #8997aa; }.local-metric-note { margin: 16px 0 0; padding: 9px 10px; border-radius: 7px; color: #6f7f97; background: #f4f7fb; font-size: 11px; }.local-posture-actions { margin-top: 14px; }.local-posture-control-note { margin-top: 9px; }
@media (max-width: 1180px) { .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Clean-room Ozon console presentation: reference interaction patterns, local-only data. */
:root { background: #f5f7fa; color: #27354a; }
body { min-width: 1180px; background: #f5f7fa; }
.global-navigation { position: sticky; top: 0; z-index: 20; display: flex; height: 50px; align-items: center; gap: 24px; padding: 0 22px; border-bottom: 1px solid #edf0f5; background: rgba(255, 255, 255, .96); box-shadow: 0 2px 8px rgba(18, 43, 77, .04); }
.sidebar-toggle { display: grid; width: 30px; height: 30px; flex: 0 0 auto; place-items: center; border: 0; border-radius: 6px; padding: 0; color: #35445a; background: transparent; cursor: pointer; font-size: 20px; line-height: 1; }.sidebar-toggle-label { display: none; }
.sidebar-toggle:hover { color: #197fd5; background: #edf7ff; }.sidebar-toggle:focus-visible { outline: 2px solid #7ab9ef; outline-offset: 2px; }
.global-brand { display: inline-flex; align-items: center; gap: 7px; color: #1f2937; text-decoration: none; font-size: 18px; letter-spacing: -.4px; white-space: nowrap; }
.global-brand-mark { display: grid; width: 26px; height: 32px; place-items: center; color: #fff; border-radius: 8px; background: linear-gradient(145deg, #1d9bf0, #2169ed); font-size: 13px; }
.global-nav-links { display: flex; align-self: stretch; align-items: stretch; gap: 10px; }.global-nav-menu { position: relative; display: flex; align-self: stretch; }.global-nav-menu .global-nav-item.is-open, .resource-trigger.is-open { color: #1b8df1; background: #eaf5ff; }.global-nav-popover { position: absolute; top: calc(100% - 2px); left: 0; z-index: 30; display: grid; width: 216px; gap: 3px; border: 1px solid #dce8f4; border-radius: 9px; padding: 6px; background: #fff; box-shadow: 0 12px 28px rgba(29, 57, 94, .16); }.resource-nav-menu { align-self: center; }.resource-nav-menu .global-nav-popover { right: 0; left: auto; top: calc(100% + 8px); }.global-nav-popover[hidden] { display: none; }.global-nav-popover button { display: grid; gap: 3px; width: 100%; border: 0; border-radius: 6px; padding: 9px 10px; color: #2c435e; background: transparent; cursor: pointer; text-align: left; font-size: 12px; font-weight: 700; }.global-nav-popover button:hover, .global-nav-popover button:focus-visible { color: #1b75bd; background: #edf7ff; outline: 0; }.global-nav-popover button span { color: #8190a2; font-size: 10px; font-weight: 400; }
.global-nav-item { position: relative; border: 0; padding: 0 12px; color: #202b3d; background: transparent; cursor: pointer; font-weight: 700; font-size: 15px; }
.global-nav-item:hover, .global-nav-item.is-active { color: #1b8df1; background: #eaf5ff; }
.global-nav-item.is-active::after { position: absolute; right: 11px; bottom: 3px; left: 11px; height: 3px; border-radius: 3px; background: #1890ff; content: ''; }
.hot-badge { position: absolute; top: 3px; right: -4px; padding: 0 3px; border-radius: 4px; color: #fff; background: #ff5b63; font-size: 9px; line-height: 14px; }
.global-nav-actions { display: flex; min-width: 0; margin-left: auto; align-items: center; gap: 10px; white-space: nowrap; }
.extension-trigger, .service-trigger, .channel-switch, .resource-trigger, .utility-button { border: 0; background: transparent; color: #526277; cursor: pointer; font-size: 12px; }
.extension-trigger { padding: 6px 9px; border: 1px dashed #84b8e9; border-radius: 16px; color: #3189dd; background: #fafdff; }
.service-trigger { padding: 7px 11px; border-radius: 16px; color: #fff; background: #268df4; }
.membership-chip { display: inline-flex; height: 30px; align-items: center; gap: 6px; border: 0; border-radius: 15px; padding: 0 11px; color: #7753c8; background: linear-gradient(90deg, #eee5ff, #f7ebff); cursor: pointer; font: inherit; font-size: 11px; white-space: nowrap; }
.membership-chip b { border-radius: 10px; padding: 2px 5px; color: #fff; background: #9a6ee8; font-size: 9px; }
.membership-chip:hover, .membership-chip:focus-visible { color: #6844b5; background: linear-gradient(90deg, #e6d9ff, #f1e0ff); outline: 0; box-shadow: 0 0 0 2px rgba(132, 86, 215, .14); }
.channel-switch { display: flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid #edf0f5; border-radius: 16px; color: #3e4c61; background: #fff; }
.resource-trigger { border-radius: 6px; padding: 6px 7px; }
.resource-nav-menu .resource-account-popover { width: 320px; gap: 0; overflow: hidden; border-color: #e4e9f0; border-radius: 8px; padding: 0; box-shadow: 0 10px 28px rgba(31, 48, 72, .16); }.resource-account-header { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 18px 14px; border-bottom: 1px solid #eef1f5; background: #fff; }.resource-account-header > div { display: grid; grid-template-columns: auto auto; align-items: baseline; column-gap: 8px; }.resource-account-header h3 { grid-column: 1 / -1; margin: 0 0 12px; color: #2f3f54; font-size: 14px; }.resource-account-header span { color: #8b98a8; font-size: 11px; }.resource-account-header strong { color: #ff7426; font-size: 20px; }.resource-account-header button { width: auto; border: 0; border-radius: 5px; padding: 6px 13px; color: #fff; background: #2e8df2; font-size: 11px; text-align: center; }.resource-account-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 14px 10px 16px; background: #fff; }.resource-account-features button { display: grid; justify-items: center; gap: 6px; border-radius: 7px; padding: 8px 4px; text-align: center; }.resource-account-features button:hover, .resource-account-features button:focus-visible { background: #f4f9ff; }.resource-account-features i { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 8px; color: #46a16d; background: #f0fbf4; font-style: normal; font-size: 14px; }.resource-account-features button:nth-child(2) i { color: #ed8a2c; background: #fff7ea; }.resource-account-features button:nth-child(3) i { color: #835bc7; background: #f7f0ff; }.resource-account-features strong { color: #415269; font-size: 11px; }.resource-account-features span { color: #8794a6; font-size: 10px; }
.global-search-shell { display: flex; height: 30px; align-items: center; overflow: hidden; border: 1px solid #eef1f5; border-radius: 6px; background: #fff; transition: border-color .15s, box-shadow .15s; }.global-search-shell:focus-within, .global-search-shell:hover { border-color: #9fcaf1; box-shadow: 0 0 0 2px rgba(49, 141, 221, .09); }.global-search-shell .global-search-icon { width: 30px; height: 28px; padding: 0; color: #596b80; }.global-search-shell input { width: 126px; height: 28px; border: 0; padding: 0 9px 0 1px; color: #5d6b7c; background: transparent; outline: 0; font: inherit; font-size: 11px; cursor: pointer; }.global-search-shell input::placeholder { color: #a0a9b5; opacity: 1; }
.channel-switch #global-active-store-label { display: block; max-width: 112px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body[data-platform="ozon"] #global-workspace-trigger { display: none; }
.channel-dot { width: 14px; height: 14px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #fff 0 22%, #317cf2 25% 45%, #ea3f45 48% 65%, #f9c749 68%); }
.utility-button { width: 25px; padding: 4px 0; color: #708097; font-size: 19px; }
.global-navigation .avatar { width: 29px; height: 29px; background: #223041; font-size: 11px; }
.app-shell { min-height: calc(100vh - 50px); }
.sidebar { width: 200px; flex: 0 0 200px; padding: 12px 10px 16px; background: #fff; box-shadow: 2px 0 9px rgba(31, 47, 74, .035); }
body.is-sidebar-collapsed .sidebar { display: none; }
.brand { gap: 7px; padding: 5px 10px 14px; color: #26344a; font-size: 15px; font-weight: 700; }
.brand-mark { width: 21px; height: 21px; border-radius: 5px; background: #f0a826; font-size: 12px; }
.sidebar-platform-label { display: flex; align-items: center; gap: 7px; min-height: 34px; padding: 4px 10px 9px; color: #21324a; font-size: 14px; }
.sidebar-platform-label > span { color: #4098e4; font-size: 17px; }
.sidebar-platform-label strong { font-weight: 600; }
.sidebar nav { display: grid; gap: 3px; }
.nav-item { min-height: 36px; gap: 8px; padding: 8px 10px; border-radius: 7px; color: #29364a; font-size: 13px; font-weight: 600; }
.nav-item:hover { color: #178cf1; background: #f2f8ff; }
.nav-item.is-active { color: #fff; background: #1890ff; box-shadow: 0 4px 9px rgba(24, 144, 255, .18); }
.nav-item span { color: currentColor; }
.nav-item:focus-visible, .nav-subitem:focus-visible { outline: 2px solid #78b8ee; outline-offset: 1px; }
.nav-group { margin: 3px 0 2px; border-top: 1px solid #eef0f3; padding-top: 7px; }
.nav-group-title { display: flex; width: 100%; gap: 8px; align-items: center; margin: 0; border: 0; padding: 4px 10px; color: #2e3b50; background: transparent; cursor: pointer; font: inherit; font-size: 13px; font-weight: 700; text-align: left; }.nav-group-title:hover { color: #247dcc; background: #f2f8fe; }.nav-group-title:focus-visible { outline: 2px solid #78b8ee; outline-offset: 1px; }
.nav-group.has-active-item .nav-group-title { border-radius: 5px; color: #168cf2; background: #f1f8ff; }
.nav-group-title b { margin-left: auto; color: #9eabba; font-size: 11px; }
.nav-subitems { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; padding: 4px 3px 2px; }
.nav-subitems:not(.nav-subitems-two-column) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.nav-group.is-collapsed .nav-subitems { display: none; }
.nav-subitem { min-width: 0; border: 0; padding: 6px 7px; overflow: hidden; color: #39475a; background: transparent; cursor: pointer; text-align: left; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.nav-subitem:hover, .nav-subitem.is-active { border-radius: 5px; color: #168cf2; background: #f1f8ff; }
.sidebar-note { margin: auto 3px 0; padding: 9px; border-radius: 7px; color: #789; background: #f8fafc; font-size: 11px; }
/* M00: observed reference desktop shell; own brand and existing route contracts. */
body[data-platform="ozon"] .global-navigation { gap: 0; padding: 0 10px; }
body[data-platform="ozon"] .global-navigation > .sidebar-toggle { width: 28px; margin-right: 18px; }
body[data-platform="ozon"] .global-brand { flex: 0 0 126px; }
body[data-platform="ozon"] .global-nav-links { height: 40px; align-self: center; gap: 8px; margin-left: 16px; }
body[data-platform="ozon"] .global-nav-item { border-radius: 4px; padding: 0 16px; font-size: 20px; }
body[data-platform="ozon"] .global-nav-item.is-active::after { display: none; }
body[data-platform="ozon"] .sidebar { position: sticky; top: 50px; align-self: flex-start; height: calc(100vh - 50px); overflow-y: auto; scrollbar-width: thin; }
body[data-platform="ozon"] .sidebar-platform-label { min-height: 47px; font-size: 16px; }
body[data-platform="ozon"] .sidebar nav { gap: 4px; }
body[data-platform="ozon"] .nav-item, body[data-platform="ozon"] .nav-group-title { font-size: 14px; }
body[data-platform="ozon"] .nav-subitem { min-height: 36px; padding-top: 8px; padding-bottom: 8px; font-size: 14px; line-height: 20px; }
.workspace { background: #f5f7fa; }
.topbar { height: 38px; padding: 0 22px; background: #fff; border-bottom: 1px solid #eef1f5; }
body[data-platform="ozon"] .workspace > .topbar { display: none; }
.crumbs { color: #a1adbb; font-size: 12px; }
.crumbs strong { color: #4b5a6e; font-size: 12px; }
.scope-controls { gap: 7px; }.scope-chip { padding: 4px 7px; font-size: 10px; }.scope-reset { min-height: 25px; border: 1px solid #b8d9f7; border-radius: 5px; padding: 0 8px; color: #287fc9; background: #fff; cursor: pointer; font: inherit; font-size: 10px; font-weight: 700; }.scope-reset:hover { border-color: #5aa9eb; background: #eff8ff; }.scope-reset:focus-visible { outline: 2px solid #4da7f5; outline-offset: 2px; }.content { max-width: none; margin: 0; padding: 20px 20px 46px; }
.catalog-reference-shell { overflow: hidden; border: 1px solid #edf0f5; border-radius: 11px; background: #fff; box-shadow: 0 4px 14px rgba(20, 45, 79, .055); }
.catalog-tabs { display: flex; height: 43px; align-items: stretch; gap: 21px; padding: 0 20px; border-bottom: 1px solid #edf0f4; background: #fff; }
.catalog-data-tab { position: relative; border: 0; padding: 0 1px; color: #77869a; background: transparent; cursor: pointer; font-size: 13px; }.catalog-data-tab sup { display: inline-grid; min-width: 17px; height: 17px; margin-left: 3px; place-items: center; border-radius: 9px; color: #5580aa; background: #edf5fc; font-size: 9px; }.catalog-data-tab.is-active sup { color: #fff; background: #2494ed; }
.catalog-data-tab.is-active { color: #2d3c50; font-weight: 700; }.catalog-data-tab.is-active::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: #1890ff; content: ''; }
.catalog-data-tab > span { display: block; }.catalog-data-tab > small { display: block; margin-top: 2px; color: #9aa6b5; font-size: 8px; font-weight: 400; }.catalog-data-tab.reference-unavailable-action:disabled { color: #7a8798; opacity: 1; cursor: not-allowed; }
.catalog-change-panel { min-height: 370px; padding: 22px 24px 28px; background: #f8fafc; }.catalog-change-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; }.catalog-change-heading p { margin: 0 0 3px; color: #8a98aa; font-size: 11px; }.catalog-change-heading h2 { margin: 0; color: #27364b; font-size: 18px; }.catalog-change-heading em { border-radius: 999px; padding: 5px 10px; color: #2578c7; background: #e9f5ff; font-size: 10px; font-style: normal; }.catalog-change-summary { margin: 0 0 10px; border: 1px solid #dcecf9; border-radius: 7px; padding: 10px 12px; color: #5d7188; background: #fff; font-size: 12px; }.catalog-change-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 12px; }.catalog-change-filters { display: flex; gap: 6px; }.catalog-change-filters button { border: 1px solid #dce5ef; border-radius: 6px; padding: 6px 10px; color: #6c7c90; background: #fff; cursor: pointer; font: inherit; font-size: 11px; }.catalog-change-filters button.is-active { border-color: #2895ee; color: #fff; background: #2895ee; }.catalog-change-toolbar label { display: flex; align-items: center; gap: 7px; color: #68798f; font-size: 11px; }.catalog-change-toolbar select { height: 30px; border: 1px solid #dce5ef; border-radius: 5px; padding: 0 8px; color: #4b5d74; background: #fff; font: inherit; }.catalog-change-list { display: grid; gap: 9px; }.catalog-change-list article { display: grid; grid-template-columns: 38px minmax(180px, 1fr) auto; align-items: center; gap: 12px; border: 1px solid #e5ebf2; border-radius: 8px; padding: 12px 14px; background: #fff; box-shadow: 0 2px 8px rgba(20, 45, 79, .035); }.catalog-change-list i { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; color: #1677d2; background: #e9f5ff; font-style: normal; font-weight: 800; }.catalog-change-list article.is-reverted i { color: #8794a6; background: #eef1f5; }.catalog-change-list strong, .catalog-change-list span { display: block; }.catalog-change-list strong { color: #2b3b50; font-size: 12px; }.catalog-change-list span { margin-top: 3px; color: #7d8ca0; font-size: 10px; }.catalog-change-list em { border-radius: 999px; padding: 4px 8px; color: #208653; background: #e7f7ef; font-size: 10px; font-style: normal; }.catalog-change-list article.is-reverted em { color: #6f7c8d; background: #eef1f5; }.catalog-change-empty { border: 1px dashed #ccd9e7; border-radius: 8px; padding: 48px 20px; text-align: center; color: #7b899a; background: #fff; font-size: 12px; }
.catalog-extension-panel { min-height: 360px; padding: 22px 24px 28px; background: #f8fafc; }.catalog-extension-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }.catalog-extension-heading p, .catalog-extension-heading h2 { margin: 0; }.catalog-extension-heading p { color: #8a98aa; font-size: 11px; }.catalog-extension-heading h2 { margin-top: 3px; color: #27364b; font-size: 18px; }.catalog-extension-heading > span { border-radius: 999px; padding: 5px 10px; color: #1677d2; background: #e9f5ff; font-size: 10px; }.catalog-extension-panel > p { color: #718095; line-height: 1.7; }.catalog-extension-actions { display: flex; gap: 8px; margin: 12px 0; }.catalog-extension-status { border: 1px solid #dcecf9; border-radius: 7px; padding: 10px 12px; background: #fff; }.catalog-extension-candidates { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }.catalog-extension-candidates li { display: grid; grid-template-columns: 72px minmax(180px, 1fr) auto minmax(100px, auto); align-items: center; gap: 12px; border: 1px solid #e5ebf2; border-radius: 8px; padding: 12px 14px; background: #fff; }.catalog-extension-candidates li b { color: #1677d2; }.catalog-extension-candidates li span { color: #33475f; }.catalog-extension-candidates li time { color: #8492a6; font-size: 11px; }.catalog-extension-candidates li.is-empty { display: block; padding: 42px 18px; text-align: center; color: #7b899a; border-style: dashed; }.catalog-extension-candidate-action { min-height: 30px; border: 1px solid #70b4ef; border-radius: 5px; padding: 0 10px; color: #237bc9; background: #fff; cursor: pointer; font: inherit; font-size: 10px; font-weight: 700; }.catalog-extension-candidate-action:hover:not(:disabled) { background: #eef7ff; }.catalog-extension-candidate-action:disabled { border-color: #d8e0e8; color: #8c99a8; background: #f4f6f8; cursor: not-allowed; }
.ozon-readonly-panel { min-height: 430px; padding: 22px 24px 28px; background: #f8fafc; }.ozon-readonly-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }.ozon-readonly-heading p { margin: 0 0 4px; color: #7d8ea3; font-size: 11px; }.ozon-readonly-heading h2 { margin: 0; color: #26384d; font-size: 18px; }.ozon-readonly-heading > span { border-radius: 999px; padding: 5px 10px; color: #21744b; background: #e5f6ed; font-size: 10px; font-weight: 700; }.ozon-readonly-notice, .ozon-readonly-status { margin: 13px 0 0; border: 1px solid #dbe8f4; border-radius: 7px; padding: 10px 12px; color: #5f738a; background: #fff; font-size: 11px; line-height: 1.6; }.ozon-readonly-controls { display: flex; align-items: end; gap: 9px; margin-top: 13px; }.ozon-readonly-controls label { display: grid; min-width: 240px; gap: 5px; color: #637a93; font-size: 10px; font-weight: 700; }.ozon-readonly-controls select { height: 34px; border: 1px solid #d3e0ec; border-radius: 5px; padding: 0 9px; color: #36506c; background: #fff; font: inherit; }.ozon-readonly-status.is-failed { border-color: #f3d8d8; color: #a74a4a; background: #fff7f7; }.ozon-readonly-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 13px; }.ozon-readonly-summary article { border: 1px solid #e1e9f1; border-radius: 8px; padding: 11px 12px; background: #fff; }.ozon-readonly-summary span, .ozon-readonly-summary strong { display: block; }.ozon-readonly-summary span { color: #8594a6; font-size: 10px; }.ozon-readonly-summary strong { margin-top: 6px; color: #2e465f; font-size: 13px; }.ozon-readonly-table { overflow: auto; margin-top: 13px; border: 1px solid #e1e8f0; border-radius: 8px; background: #fff; }.ozon-readonly-row { display: grid; min-width: 760px; grid-template-columns: minmax(230px, 1.8fr) minmax(120px, .8fr) minmax(130px, .9fr) 80px 80px 80px; gap: 12px; align-items: center; min-height: 58px; padding: 9px 13px; border-bottom: 1px solid #edf1f5; color: #41536a; font-size: 11px; }.ozon-readonly-row:last-child { border-bottom: 0; }.ozon-readonly-row.is-head { min-height: 40px; color: #2f4056; background: #f3f6fa; font-weight: 700; }.ozon-readonly-row strong, .ozon-readonly-row small { display: block; }.ozon-readonly-row strong { overflow: hidden; color: #2076c3; text-overflow: ellipsis; white-space: nowrap; }.ozon-readonly-row small { margin-top: 3px; color: #91a0b1; }.ozon-readonly-empty { padding: 48px 18px; text-align: center; color: #7d8da0; font-size: 12px; }
.catalog-filter-row { display: flex; align-items: center; gap: 18px; padding: 18px 20px; border-bottom: 1px solid #f0f2f5; }
.collection-workflow-notice { margin: 0 20px 12px; border: 1px solid #d7eafd; border-radius: 7px; padding: 9px 12px; color: #386181; background: #f5faff; font-size: 12px; line-height: 1.6; }
.collection-workflow-notice .text-action { margin-left: 10px; }
.catalog-filter-row label { display: flex; flex: 1 1 0; min-width: 0; gap: 9px; align-items: center; color: #2d384a; white-space: nowrap; font-size: 12px; }
.catalog-filter-row label[hidden], .catalog-filter-row select[hidden] { display: none !important; }
.catalog-filter-row input, .catalog-filter-row select { width: 250px; min-width: 0; max-width: 100%; flex: 0 1 250px; height: 34px; border: 1px solid #dce3ec; border-radius: 4px; padding: 0 10px; outline: 0; color: #445166; background: #fff; font: inherit; font-size: 12px; }
.catalog-filter-row #public-catalog-shop-filter { width: 254px; flex-basis: 254px; }
.catalog-filter-row input:focus, .catalog-filter-row select:focus { border-color: #73b6f5; box-shadow: 0 0 0 2px #eaf5ff; }
.catalog-advanced-filters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 28px; padding: 14px 20px; border-bottom: 1px solid #edf1f5; background: #fbfdff; }.catalog-advanced-filters[hidden], .catalog-legacy-advanced-controls[hidden] { display: none; }.catalog-advanced-filters > label { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 8px; align-items: center; min-width: 0; color: #597088; font-size: 11px; white-space: nowrap; }.catalog-advanced-filters input, .catalog-advanced-filters select { width: 100%; min-width: 0; height: 31px; border: 1px solid #dce5ef; border-radius: 5px; padding: 0 9px; color: #445e78; background: #fff; outline: 0; font: inherit; font-size: 11px; }.catalog-advanced-filters input:focus, .catalog-advanced-filters select:focus { border-color: #6fb3ee; box-shadow: 0 0 0 2px #eef7ff; }.catalog-range-fields { display: flex; gap: 5px; align-items: center; min-width: 0; }.catalog-range-fields input { flex: 1 1 0; min-width: 0; }.catalog-range-fields em, .catalog-range-fields b { flex: 0 0 auto; color: #8b98a8; font-size: 10px; font-style: normal; font-weight: 400; }
.catalog-filter-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 10px; margin-left: auto; }
.catalog-primary, .catalog-secondary, .catalog-link { min-height: 34px; border-radius: 5px; padding: 0 14px; cursor: pointer; font-size: 12px; transition: .15s ease; }
.catalog-primary { border: 1px solid #1890ff; color: #fff; background: #1890ff; }.catalog-primary:hover { border-color: #147bd8; background: #147bd8; }
.catalog-secondary { border: 1px solid #70b4ef; color: #237bc9; background: #fff; }.catalog-secondary:hover { background: #f1f8ff; }
.catalog-link { border: 0; color: #5284b4; background: transparent; }.catalog-link:hover { color: #168cf2; }
.catalog-tool-row { display: flex; flex-wrap: wrap; gap: 9px; min-width: 1180px; padding: 15px 16px 12px; }.catalog-tool-badge-wrap { position: relative; display: inline-flex; }.catalog-tool-badge-wrap > sup { position: absolute; z-index: 1; top: -9px; right: -4px; border-radius: 8px 8px 8px 2px; padding: 1px 4px; color: #fff; background: #f15d5d; font-size: 8px; font-weight: 800; line-height: 1.35; }.catalog-selection-summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 18px 12px; border: 1px solid #bfe0fb; border-radius: 6px; padding: 8px 10px; color: #3d719b; background: #f2f9ff; font-size: 11px; line-height: 1.45; }.catalog-selection-summary[hidden] { display: none; }.catalog-selection-summary button { flex: 0 0 auto; border: 0; border-radius: 4px; padding: 4px 7px; color: #287bc9; background: #dff1ff; cursor: pointer; font: inherit; font-size: 10px; }.catalog-selection-summary button:hover { color: #fff; background: #3298ef; }
.catalog-tool-row .catalog-primary, .catalog-tool-row .catalog-secondary { min-height: 33px; }.catalog-tool-row .catalog-secondary { border-color: #7bbbf3; }
.reference-unavailable-action:disabled { border-color: #cbd6e1 !important; color: #7d8a9a !important; background: #f8fafc !important; opacity: 1 !important; cursor: not-allowed !important; }.reference-unavailable-action small { margin-left: 4px; border-radius: 999px; padding: 2px 5px; color: #9a6b1a; background: #fff2d3; font-size: 8px; }
.catalog-local-notice { margin: 0 18px 12px; padding: 8px 10px; border-radius: 4px; color: #728198; background: #f7fbff; font-size: 11px; line-height: 1.5; }
.catalog-status-tabs { display: flex; gap: 31px; overflow: hidden; padding: 0 24px; border-top: 1px solid #edf0f4; border-bottom: 1px solid #e4e9f0; background: #f7f9fc; }
.catalog-status-tab { position: relative; height: 44px; border: 0; color: #65758a; background: transparent; cursor: pointer; font-size: 12px; white-space: nowrap; }.catalog-status-tab sup { margin-left: 4px; padding: 1px 5px; border-radius: 9px; color: #fff; background: #2f91ed; font-size: 10px; }.catalog-status-tab.is-active { color: #1c344e; font-weight: 700; }.catalog-status-tab.is-active::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: #1890ff; content: ''; }
.catalog-empty-state { display: grid; min-height: 360px; place-items: center; border-bottom: 1px solid #edf0f4; padding: 42px 20px; text-align: center; color: #98a5b5; background: #fff; font-size: 12px; }.catalog-empty-state[hidden] { display: none; }
.catalog-grid { min-width: 1500px; overflow: visible; }.catalog-grid-head, .catalog-product-row { display: grid; grid-template-columns: 34px minmax(300px, 2fr) 150px 70px 105px 160px 140px 88px 88px 110px 120px 96px; align-items: center; column-gap: 12px; }
.catalog-grid-head { min-height: 49px; padding: 0 15px; color: #25354b; background: #f3f6fa; font-size: 12px; font-weight: 700; }.catalog-product-row { min-height: 104px; padding: 13px 15px; border-bottom: 1px solid #edf0f4; color: #38465b; font-size: 12px; }.catalog-product-row:hover { background: #fbfdff; }.catalog-product-row.is-local-projection-focus { box-shadow: inset 3px 0 0 #1890ff; background: #f2f9ff; }.catalog-product-row.is-filtered-out, .catalog-product-row.is-page-hidden, .catalog-product-row[data-legacy-sample] { display: none !important; }.catalog-grid-head > span:last-child, .catalog-product-row > span:last-child { position: sticky; right: 0; z-index: 1; background: inherit; }
.catalog-product-row small { display: block; margin-top: 5px; color: #97a4b4; font-size: 10px; line-height: 1.25; }.catalog-product-row b { color: #26364d; font-weight: 700; }.catalog-product { display: flex; gap: 12px; align-items: center; min-width: 0; }.catalog-product > span { min-width: 0; }.catalog-product strong { display: block; overflow: hidden; color: #1675cf; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }.product-thumb { display: grid; width: 57px; height: 57px; flex: 0 0 auto; place-items: center; border-radius: 7px; color: #fff; font-style: normal; font-size: 19px; font-weight: 800; }.thumb-charcoal { background: linear-gradient(145deg, #0d1119, #566170); }.thumb-cutter { background: linear-gradient(145deg, #202c43, #ce7d3a); }.thumb-storage { background: linear-gradient(145deg, #6b4ec5, #ad91ed); }.thumb-magnet { background: linear-gradient(145deg, #5d5f65, #b8bec9); }.thumb-trimmer { background: linear-gradient(145deg, #389f85, #cce39a); }
.ozon-buyer-product-link { display: block; overflow: hidden; color: #1675cf; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; text-decoration: none; }.ozon-buyer-product-link:hover { text-decoration: underline; }.ozon-snapshot-product-image { border: 1px solid #edf1f5; border-radius: 7px; object-fit: contain; background: #fff; }.ozon-content-rating { text-align: center; }.ozon-content-rating-ring { display: grid; width: 36px; height: 36px; margin: 0 auto; place-items: center; border: 3px solid #52c41a; border-radius: 50%; color: #42a918 !important; background: #fff; font-size: 12px; }.ozon-content-rating-ring.is-medium { border-color: #faad14; color: #d48806 !important; }.ozon-content-rating-ring.is-low { border-color: #ff7875; color: #cf1322 !important; }.ozon-content-rating small { color: #3fa715; text-align: center; }
.status-selling, .status-ready, .status-paused, .status-archived { display: inline-block; padding: 3px 7px; border-radius: 4px; font-style: normal; font-size: 11px; }.status-selling { color: #16865d; background: #e8f9f0; }.status-ready { color: #166fc8; background: #edf6ff; }.status-paused { color: #a16b16; background: #fff7e7; }.status-archived { color: #6f7180; background: #f0f2f5; }
.catalog-row-actions { display: grid; gap: 5px; }.catalog-row-actions button { border: 1px solid #85bef2; border-radius: 5px; padding: 4px 5px; color: #287fd0; background: #fff; cursor: pointer; font-size: 10px; }.catalog-row-actions button:hover { color: #fff; background: #3298ef; }
body[data-platform="ozon"] .catalog-product-row > .catalog-row-actions { align-self: stretch; align-content: center; padding-left: 8px; background: #fff; box-shadow: -8px 0 12px rgba(35, 66, 102, .06); }
body[data-platform="ozon"] .catalog-product-row:hover > .catalog-row-actions { background: #fbfdff; }
body[data-platform="ozon"] .catalog-grid-head > span:last-child { z-index: 2; align-self: stretch; display: flex; align-items: center; padding-left: 8px; background: #f3f6fa; }
.catalog-pagination { display: flex; justify-content: flex-end; align-items: center; gap: 8px; padding: 15px 20px; color: #718097; font-size: 12px; }.catalog-pagination > span:first-child { margin-right: auto; }.catalog-pagination button, .catalog-pagination select, .catalog-pagination input { height: 27px; border: 1px solid #e0e7ef; border-radius: 3px; color: #62748b; background: #fff; font: inherit; }.catalog-pagination button { min-width: 27px; cursor: pointer; }.catalog-pagination select { min-width: 84px; padding: 0 7px; }.catalog-pagination input { width: 48px; padding: 0 6px; text-align: center; }.catalog-pagination button:hover:not(:disabled) { border-color: #8bbfec; color: #237bc9; background: #f2f9ff; }.catalog-pagination button:disabled { cursor: not-allowed; opacity: .52; }.catalog-pagination button.is-current { border-color: #1890ff; color: #fff; background: #1890ff; }.catalog-pagination button.is-current:hover { border-color: #1890ff; color: #fff; background: #1890ff; }.catalog-pagination #catalog-page-buttons { display: flex; gap: 5px; }
.catalog-editor-dialog { width: min(470px, calc(100vw - 42px)); border: 0; border-radius: 12px; padding: 0; color: #2a394e; box-shadow: 0 18px 55px rgba(13, 34, 62, .22); }.catalog-editor-dialog::backdrop { background: rgba(18, 33, 53, .35); }.catalog-editor-dialog form { padding: 22px; }.catalog-dialog-heading { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }.catalog-dialog-heading p { margin: 0 0 5px; color: #7f8da0; font-size: 11px; font-weight: 700; }.catalog-dialog-heading h2 { font-size: 18px; }.catalog-dialog-close { width: 28px; height: 28px; border: 0; border-radius: 6px; color: #8290a3; background: #f4f7fa; cursor: pointer; font-size: 20px; line-height: 1; }.catalog-dialog-note { margin: 17px 0; padding: 9px 10px; border-radius: 6px; color: #60758e; background: #f5f9fd; font-size: 12px; line-height: 1.55; }.catalog-dialog-field { display: grid; gap: 7px; color: #526277; font-size: 12px; font-weight: 700; }.catalog-dialog-field input, .catalog-dialog-field select { width: 100%; height: 36px; border: 1px solid #d9e3ed; border-radius: 5px; padding: 0 10px; outline: 0; color: #2d3c51; background: #fff; font: inherit; font-size: 13px; }.catalog-dialog-field input:focus, .catalog-dialog-field select:focus { border-color: #6cb4f4; box-shadow: 0 0 0 2px #e8f5ff; }.catalog-dialog-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; }.catalog-dialog-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 21px; }.local-product-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }.local-product-detail-grid article { min-height: 61px; border: 1px solid #e5edf5; border-radius: 7px; padding: 10px; background: #fbfdff; }.local-product-detail-grid span, .local-product-detail-grid strong { display: block; }.local-product-detail-grid span { color: #8a99ab; font-size: 10px; }.local-product-detail-grid strong { margin-top: 6px; overflow: hidden; color: #36506e; font-size: 11px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }.product-thumb.local-image-sky { background: linear-gradient(145deg, #65c7ff, #2a78da); }.product-thumb.local-image-mint { background: linear-gradient(145deg, #78d8bd, #278f80); }.product-thumb.local-image-violet { background: linear-gradient(145deg, #aa89ee, #6540b4); }.product-thumb.local-image-amber { background: linear-gradient(145deg, #f5bd68, #c97925); }
.ozon-catalog-action-dialog { width: min(620px, calc(100vw - 42px)); }.ozon-catalog-action-scope { display: flex; flex-wrap: wrap; gap: 8px; margin: -7px 0 14px; }.ozon-catalog-action-scope span { border-radius: 999px; padding: 5px 9px; color: #2e73b5; background: #edf7ff; font-size: 11px; }.ozon-catalog-action-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }.ozon-catalog-action-fields:empty { display: none; }.ozon-catalog-action-preview { max-height: 255px; overflow: auto; margin-top: 14px; }.ozon-catalog-action-preview:empty { display: none; }.ozon-catalog-action-preview ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }.ozon-catalog-action-preview li { display: grid; gap: 3px; border: 1px solid #e4edf6; border-radius: 6px; padding: 9px 10px; background: #fbfdff; }.ozon-catalog-action-preview li strong { overflow: hidden; color: #34516f; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.ozon-catalog-action-preview li span { color: #74879b; font-size: 11px; line-height: 1.45; }.ozon-catalog-action-preview .is-warning { border-color: #f2d39e; background: #fffaf0; }.ozon-catalog-action-preview .is-success { border-color: #bfe4cf; background: #f4fcf7; }
.catalog-editor-preview { margin: -7px 0 15px; border: 1px solid #dbeaf7; border-radius: 7px; padding: 10px 11px; background: #fbfdff; }.catalog-editor-preview strong { display: block; color: #3479b8; font-size: 11px; }.catalog-editor-preview ul { display: grid; gap: 5px; max-height: 122px; overflow: auto; margin: 8px 0 0; padding: 0; list-style: none; }.catalog-editor-preview li { color: #60758e; font-size: 10px; line-height: 1.45; }.catalog-editor-preview em { color: #26845f; font-style: normal; font-weight: 700; }
.local-reset-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 14px 0; }.local-reset-summary article { border: 1px solid #e1eaf3; border-radius: 7px; padding: 10px; background: #fbfdff; }.local-reset-summary strong, .local-reset-summary span { display: block; }.local-reset-summary strong { margin-top: 5px; color: #47637e; font-size: 12px; }.local-reset-summary span { color: #75869a; font-size: 10px; line-height: 1.45; }
.local-name-check-summary { margin: 0 0 11px; padding: 9px 10px; border-left: 3px solid #67b5ef; color: #40709c; background: #f2f9ff; font-size: 11px; line-height: 1.45; }.local-name-check-list { display: grid; gap: 7px; max-height: min(38vh, 270px); overflow: auto; }.local-name-check-list article { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; align-items: center; border: 1px solid #e6edf5; border-radius: 7px; padding: 9px 10px; background: #fbfdff; }.local-name-check-list strong { overflow: hidden; color: #38516d; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.local-name-check-list span { color: #8291a3; font-size: 10px; }.local-name-check-list em { grid-row: 1 / span 2; grid-column: 2; padding: 3px 5px; border-radius: 4px; color: #287d59; background: #e8f8ef; font-size: 9px; font-style: normal; }.local-name-check-list .is-blocked em { color: #a16b16; background: #fff4df; }
.local-catalog-status-list { display: grid; gap: 6px; margin: 14px 0; }.local-catalog-status-list span { border: 1px solid #e5edf5; border-radius: 6px; padding: 8px 10px; color: #526b84; background: #fbfdff; font-size: 11px; }
.local-export-preview-summary { margin: 0 0 10px; color: #4a718f; font-size: 11px; }.local-export-preview-content { max-height: min(42vh, 300px); overflow: auto; margin: 0; border: 1px solid #e1eaf3; border-radius: 7px; padding: 11px; color: #405875; background: #f8fbfe; font-family: Consolas, "Microsoft YaHei", monospace; font-size: 10px; line-height: 1.65; white-space: pre; }
.store-reference-shell { margin-top: 18px; overflow: hidden; border: 1px solid #e9edf3; border-radius: 11px; background: #fff; box-shadow: 0 4px 14px rgba(20, 45, 79, .045); }.store-shell-heading { display: flex; justify-content: space-between; align-items: center; padding: 17px 22px; border-bottom: 1px solid #edf0f4; }.store-shell-heading p { margin: 0 0 4px; color: #8694a6; font-size: 11px; font-weight: 700; }.store-shell-heading h2 { font-size: 17px; }.store-shell-heading > span { padding: 5px 8px; border-radius: 4px; color: #4683bc; background: #eef7ff; font-size: 11px; }.store-filter-row { display: flex; align-items: center; gap: 20px; padding: 16px 22px; }.store-filter-row label { display: flex; align-items: center; gap: 9px; color: #2d394c; font-size: 12px; }.store-filter-row input, .store-filter-row select { width: 170px; height: 34px; border: 1px solid #dce3ec; border-radius: 4px; padding: 0 9px; color: #4a5a70; background: #fff; font: inherit; font-size: 12px; }.store-filter-row > div { display: flex; gap: 9px; }.store-tool-row { display: flex; flex-wrap: wrap; gap: 9px; border-top: 1px solid #eff2f5; padding: 13px 18px; }.store-metric-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 5px 18px 13px; }.store-metric-row article { min-height: 84px; padding: 13px 15px; border: 1px solid #e8edf3; border-radius: 7px; background: #fafcff; }.store-metric-row p, .store-metric-row span { margin: 0; color: #8b98a9; font-size: 11px; }.store-metric-row strong { display: block; margin: 7px 0 5px; color: #27384f; font-size: 17px; }.store-table { border-top: 1px solid #e7ecf2; }.store-table-head, .store-table-row { display: grid; grid-template-columns: 1.4fr .8fr .55fr .75fr .75fr .55fr .85fr .8fr 1.1fr; gap: 10px; align-items: center; padding: 0 18px; }.store-table-head { min-height: 43px; color: #2c3e55; background: #f4f7fb; font-size: 11px; font-weight: 700; }.store-table-row { min-height: 75px; color: #4b5c71; border-top: 1px solid #edf0f4; font-size: 12px; }.store-table-row strong { display: block; color: #287bcc; }.store-table-row small { display: block; margin-top: 5px; color: #99a5b5; font-size: 10px; }.store-table-row button { margin-right: 5px; border: 1px solid #89bef0; border-radius: 4px; padding: 4px 6px; color: #287ece; background: #fff; cursor: pointer; font-size: 10px; }.store-table-row button:hover { color: #fff; background: #2d94ed; }
.store-source-tabs { display: flex; gap: 28px; min-height: 43px; align-items: stretch; padding: 0 20px; border-bottom: 1px solid #e7ecf2; background: #fbfcfe; }.store-source-tab { position: relative; border: 0; padding: 0 2px; color: #65758a; background: transparent; cursor: pointer; font: inherit; font-size: 12px; }.store-source-tab.is-active { color: #1d3d5e; font-weight: 700; }.store-source-tab.is-active::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; border-radius: 2px; background: #1890ff; content: ''; }.store-source-tab:focus-visible { outline: 2px solid #68b0ef; outline-offset: 3px; }.store-source-panel[hidden] { display: none; }.store-reference-shell > .persistent-shop-registry.store-source-panel { border-top: 0; }
.store-ozon-source-panel { min-height: 318px; padding-bottom: 20px; background: #fbfdff; }.store-ozon-boundary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; padding: 5px 18px 14px; }.store-ozon-boundary-grid article { min-height: 94px; border: 1px solid #dfeaf4; border-radius: 8px; padding: 13px; background: #fff; }.store-ozon-boundary-grid span, .store-ozon-boundary-grid strong, .store-ozon-boundary-grid small { display: block; }.store-ozon-boundary-grid span { color: #8190a3; font-size: 10px; }.store-ozon-boundary-grid strong { margin: 7px 0 5px; color: #285f8e; font-size: 13px; }.store-ozon-boundary-grid small { color: #8796a8; font-size: 9px; line-height: 1.45; }.store-ozon-actions { display: flex; align-items: center; gap: 12px; margin: 0 18px; border-top: 1px solid #e8eef5; padding-top: 14px; }.store-ozon-actions span { color: #74869a; font-size: 10px; line-height: 1.45; }
.collection-reference-shell { margin-top: 18px; overflow: hidden; border: 1px solid #e8edf4; border-radius: 11px; background: #fff; box-shadow: 0 4px 14px rgba(20, 45, 79, .045); }.collection-shell-heading { display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 17px 22px; border-bottom: 1px solid #edf0f4; }.collection-shell-heading p { margin: 0 0 4px; color: #8b98a9; font-size: 11px; font-weight: 700; }.collection-shell-heading h2 { margin: 0; color: #2a3a50; font-size: 17px; }.collection-shell-heading > span { padding: 5px 8px; border-radius: 4px; color: #516bad; background: #eff4ff; font-size: 11px; }.collection-local-notice { margin: 13px 18px 0; padding: 9px 11px; border-left: 3px solid #65b5f1; color: #637790; background: #f4faff; font-size: 12px; line-height: 1.55; }.collection-toolbar { display: flex; align-items: center; gap: 11px; padding: 15px 18px; }.collection-toolbar input { width: 235px; height: 34px; border: 1px solid #dce4ee; border-radius: 5px; padding: 0 10px; color: #40516a; font: inherit; font-size: 12px; outline: 0; }.collection-toolbar input:focus { border-color: #72b6f1; box-shadow: 0 0 0 2px #edf8ff; }.collection-toolbar .collection-toolbar-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }.collection-status-tabs { display: flex; gap: 28px; padding: 0 21px; border-top: 1px solid #edf0f4; border-bottom: 1px solid #e7ecf2; background: #f7f9fc; }.collection-status-tab { position: relative; height: 42px; border: 0; color: #66768b; background: transparent; cursor: pointer; font-size: 12px; }.collection-status-tab.is-active { color: #1f344e; font-weight: 700; }.collection-status-tab.is-active::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; border-radius: 2px; background: #1890ff; content: ''; }.collection-status-tab sup { margin-left: 4px; padding: 1px 5px; border-radius: 9px; color: #fff; background: #5ca8eb; font-size: 10px; }.collection-table { min-width: 930px; }.collection-table-head, .collection-table-row { display: grid; grid-template-columns: 34px minmax(250px, 1.65fr) minmax(130px, .7fr) minmax(90px, .48fr) minmax(90px, .48fr) minmax(130px, .68fr) minmax(125px, .72fr) 170px; gap: 12px; align-items: center; padding: 0 18px; }.collection-table-head { min-height: 43px; color: #34435a; background: #f3f6fa; font-size: 11px; font-weight: 700; }.collection-table-row { min-height: 82px; color: #4b5c71; border-bottom: 1px solid #edf1f5; font-size: 12px; }.collection-table-row.is-filtered-out { display: none; }.collection-table-row strong { display: block; overflow: hidden; color: #267cc7; text-overflow: ellipsis; white-space: nowrap; }.collection-table-row small { display: block; margin-top: 5px; color: #99a6b7; font-size: 10px; }.collection-stage { display: inline-block; padding: 4px 7px; border-radius: 4px; color: #247dca; background: #eaf5ff; font-style: normal; font-size: 11px; }.collection-stage.is-draft-ready { color: #21835b; background: #e7f9ef; }.collection-stage.is-editing { color: #a27419; background: #fff4df; }.collection-row-actions { display: flex; flex-wrap: wrap; gap: 6px; }.collection-row-actions button { border: 1px solid #82bee9; border-radius: 4px; padding: 4px 7px; color: #287ecc; background: #fff; cursor: pointer; font-size: 10px; }.collection-row-actions button:hover { color: #fff; background: #3498ea; }.collection-empty { margin: 0; padding: 32px; color: #7c8ca1; text-align: center; font-size: 12px; }.collection-footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 13px 18px; color: #7c8ca0; background: #fbfcfe; font-size: 11px; }.collection-editor-dialog { width: min(470px, calc(100vw - 42px)); border: 0; border-radius: 12px; padding: 0; color: #2a394e; box-shadow: 0 18px 55px rgba(13, 34, 62, .22); }.collection-editor-dialog::backdrop { background: rgba(18, 33, 53, .35); }.collection-editor-dialog form { padding: 22px; }
.is-console-screen-hidden { display: none !important; }
.listing-reference-shell { margin-top: 18px; overflow: hidden; background: transparent; }.listing-shell-heading { display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 17px 22px; border-bottom: 1px solid #edf0f4; }.listing-shell-heading p { margin: 0 0 4px; color: #8b98a9; font-size: 11px; font-weight: 700; }.listing-shell-heading h2 { margin: 0; color: #2a3a50; font-size: 17px; }.listing-shell-heading > span { padding: 5px 8px; border-radius: 4px; color: #347eaa; background: #eaf7ff; font-size: 11px; }.listing-local-notice { margin: 13px 18px 0; padding: 9px 11px; border-left: 3px solid #78b9e9; color: #61758f; background: #f5fbff; font-size: 12px; line-height: 1.55; }.listing-editor-layout { display: grid; grid-template-columns: 275px minmax(0, 1fr); gap: 20px; padding: 18px; }.listing-store-empty { display: grid; justify-items: start; gap: 9px; margin: 18px; border: 1px dashed #bfdaf0; border-radius: 9px; padding: 24px; background: #f8fcff; }.listing-store-empty strong { color: #326d9f; font-size: 14px; }.listing-store-empty span { color: #71859a; font-size: 12px; line-height: 1.55; }.listing-draft-list { display: grid; align-content: start; gap: 8px; }.listing-draft-list > p { margin: 0 0 2px; color: #8b98a9; font-size: 11px; font-weight: 700; }.listing-draft-button { display: grid; gap: 5px; width: 100%; border: 1px solid #e0e7ef; border-radius: 7px; padding: 12px; color: #526276; background: #fff; cursor: pointer; text-align: left; }.listing-draft-button:hover, .listing-draft-button.is-selected { border-color: #8abdf0; background: #f2f8ff; }.listing-draft-button strong { color: #337bc1; font-size: 13px; }.listing-draft-button span { color: #8795a8; font-size: 11px; }.listing-editor { min-width: 0; border-left: 1px solid #edf0f4; padding-left: 20px; }.listing-editor-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 14px; }.listing-editor-heading h3 { margin: 0; color: #34445b; font-size: 14px; }.listing-editor-status { padding: 4px 7px; border-radius: 4px; color: #2a7bcb; background: #edf7ff; font-size: 11px; }.listing-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }.listing-field { display: grid; gap: 6px; color: #65758a; font-size: 11px; font-weight: 700; }.listing-field input { width: 100%; height: 35px; border: 1px solid #dce4ee; border-radius: 5px; padding: 0 10px; color: #36465e; outline: 0; font: inherit; font-size: 12px; }.listing-field input:focus { border-color: #6fb5f2; box-shadow: 0 0 0 2px #eef8ff; }.listing-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 18px; }.listing-message { margin: 14px 0 0; padding: 9px 10px; border-radius: 6px; color: #66778c; background: #f4f7fb; font-size: 12px; line-height: 1.5; }.listing-message.is-passed { color: #247e5b; background: #e9f9f0; }.listing-message.is-blocked { color: #a67219; background: #fff5e5; }
.extension-guide-dialog { width: min(520px, calc(100vw - 42px)); border: 0; border-radius: 12px; padding: 0; color: #2a394e; box-shadow: 0 18px 55px rgba(13, 34, 62, .22); }.extension-guide-dialog::backdrop { background: rgba(18, 33, 53, .35); }.extension-guide-dialog form { padding: 22px; }.extension-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }.extension-guide-grid article { display: grid; gap: 6px; min-height: 68px; border: 1px solid #e6edf5; border-radius: 7px; padding: 11px; background: #fbfdff; }.extension-guide-grid strong { color: #3379be; font-size: 12px; }.extension-guide-grid span { color: #78889d; font-size: 11px; line-height: 1.4; }.extension-adapter-plan { margin-top: 11px; border-left: 3px solid #67b4eb; padding: 8px 10px; color: #517390; background: #f4faff; font-size: 10px; line-height: 1.5; }.extension-guide-tool-row { display: flex; flex-wrap: wrap; gap: 8px; }.extension-preview-trigger { margin-top: 14px; }.extension-readiness { margin-top: 10px; border: 1px solid #cfe5f8; border-radius: 8px; padding: 11px; background: #f7fcff; }.extension-readiness > strong { color: #2f6fa7; font-size: 11px; }.extension-readiness ul { display: grid; gap: 6px; margin: 9px 0 0; padding: 0; list-style: none; }.extension-readiness li { display: grid; grid-template-columns: 34px 1fr; gap: 7px; align-items: start; color: #607990; font-size: 10px; line-height: 1.45; }.extension-readiness em { border-radius: 999px; padding: 2px 5px; color: #25845d; background: #e5f7ee; font-style: normal; text-align: center; }.extension-local-preview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 10px; border: 1px solid #cfe5f8; border-radius: 8px; padding: 11px; background: #f5fbff; }.extension-local-preview div { display: grid; gap: 4px; }.extension-local-preview strong { color: #347cbd; font-size: 12px; }.extension-local-preview span, .extension-local-preview p { color: #70849b; font-size: 10px; line-height: 1.45; }.extension-local-preview p { grid-column: 1 / -1; margin: 2px 0 0; border-top: 1px solid #dcecf8; padding-top: 8px; }.extension-install-steps { display: grid; gap: 8px; margin: 15px 0 0; padding: 0; list-style: none; }.extension-install-steps li { display: grid; grid-template-columns: 22px 1fr; gap: 8px; align-items: center; color: #6e8098; font-size: 11px; line-height: 1.45; }.extension-install-steps b { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; color: #fff; background: #55a8ec; font-size: 10px; }.extension-guide-path { margin: 14px 0 0; color: #718098; font-size: 11px; }.extension-guide-path code { color: #3a78bc; }
.overview-reference-shell { overflow: hidden; border: 1px solid #e7edf4; border-radius: 11px; background: #fff; box-shadow: 0 4px 14px rgba(20, 45, 79, .045); }.overview-heading { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 23px 24px; background: linear-gradient(135deg, #f9fcff, #f1f8ff); }.overview-heading p { margin: 0 0 5px; color: #5084bc; font-size: 11px; font-weight: 700; }.overview-heading h1 { margin: 0 0 8px; color: #26384f; font-size: 24px; }.overview-heading span { color: #7d8ca0; font-size: 12px; }.overview-heading-actions { display: flex; gap: 9px; flex: 0 0 auto; }.overview-metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; padding: 17px 18px; }.overview-metric-grid article { min-height: 100px; border: 1px solid #e7edf4; border-radius: 8px; padding: 15px; background: #fff; }.overview-metric-grid p, .overview-metric-grid span { margin: 0; color: #8b98a9; font-size: 11px; }.overview-metric-grid strong { display: block; margin: 8px 0 6px; color: #2d4662; font-size: 25px; }.overview-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .8fr); gap: 14px; padding: 0 18px 18px; }.overview-card { border: 1px solid #e6ebf2; border-radius: 8px; padding: 17px; background: #fff; }.overview-card-heading { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; padding-bottom: 13px; border-bottom: 1px solid #edf1f5; }.overview-card-heading p { margin: 0 0 5px; color: #8b98a9; font-size: 11px; font-weight: 700; }.overview-card-heading h2 { margin: 0; color: #30425a; font-size: 15px; }.overview-card-heading > span { padding: 4px 7px; border-radius: 4px; font-size: 10px; }.overview-journey { display: grid; gap: 0; margin: 3px 0 0; padding: 0; list-style: none; }.overview-journey li { display: grid; grid-template-columns: 34px minmax(0, 1fr) 86px; gap: 10px; align-items: center; min-height: 66px; border-bottom: 1px solid #f0f3f6; }.overview-journey li:last-child { border-bottom: 0; }.overview-journey b { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; color: #fff; background: #52a4ee; font-size: 10px; }.overview-journey strong, .overview-journey span { display: block; }.overview-journey strong { color: #34465e; font-size: 12px; }.overview-journey span { margin-top: 4px; color: #8a98ab; font-size: 11px; }.overview-journey button { border: 1px solid #88bfea; border-radius: 4px; padding: 5px; color: #2c7fc9; background: #fff; cursor: pointer; font-size: 10px; }.overview-status-list { display: grid; gap: 0; margin: 5px 0 0; padding: 0; list-style: none; }.overview-status-list li { display: flex; justify-content: space-between; gap: 10px; min-height: 39px; align-items: center; border-bottom: 1px solid #f0f3f6; color: #718096; font-size: 11px; }.overview-status-list li:last-child { border-bottom: 0; }.overview-status-list strong { color: #3980bc; font-size: 11px; }
.hero { margin-top: 18px; }.console-auth-panel { margin-top: 18px; }
@media (max-width: 1280px) { .global-navigation { gap: 9px; padding: 0 12px; }.global-nav-actions { gap: 4px; }.membership-chip { padding-right: 8px; padding-left: 8px; }.catalog-filter-row { gap: 10px; }.catalog-filter-row input, .catalog-filter-row select { width: 130px; }.catalog-status-tabs { gap: 18px; } }

.utility-badge[hidden] { display: none; }
.global-notification-entry { display: block; width: 100%; border: 0; padding: 0; color: inherit; background: transparent; cursor: pointer; font: inherit; text-align: left; }
.global-notification-entry:hover strong { color: #217cc8; }
.global-notification-entry:focus-visible { border-radius: 4px; outline: 2px solid #68aff0; outline-offset: 3px; }
.global-notification-list li.is-server-notification b::after { content: ''; }

/* Overview mirrors the reference dashboard hierarchy using deliberately local sample data. */
.utility-notification-button { position: relative; }.utility-badge { position: absolute; top: -2px; right: -3px; display: grid; min-width: 13px; height: 13px; place-items: center; border: 1px solid #fff; border-radius: 9px; color: #fff; background: #f25f66; font-size: 8px; line-height: 1; }.global-workspace-dialog { width: min(560px, calc(100vw - 42px)); border: 0; border-radius: 12px; padding: 0; color: #2a394e; box-shadow: 0 18px 55px rgba(13, 34, 62, .22); }.global-workspace-dialog::backdrop { background: rgba(18, 33, 53, .35); }.global-workspace-dialog form { padding: 22px; }.global-context-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }.global-context-grid article { min-height: 64px; border: 1px solid #e5edf5; border-radius: 7px; padding: 10px; background: #fbfdff; }.global-context-grid span, .global-context-grid strong { display: block; }.global-context-grid span { color: #8a99ab; font-size: 10px; }.global-context-grid strong { margin-top: 6px; color: #36506e; font-size: 11px; line-height: 1.4; }.global-command-input { display: grid; gap: 7px; color: #526277; font-size: 12px; font-weight: 700; }.global-command-input input { width: 100%; height: 39px; border: 1px solid #d9e3ed; border-radius: 6px; padding: 0 11px; color: #2d3c51; outline: 0; font: inherit; font-size: 13px; }.global-command-input input:focus { border-color: #6cb4f4; box-shadow: 0 0 0 2px #e8f5ff; }.global-command-results { display: grid; gap: 6px; max-height: min(48vh, 380px); overflow: auto; margin-top: 15px; }.global-command-group-label { margin: 8px 2px 3px; color: #8796aa; font-size: 10px; font-weight: 700; }.global-command-result { display: flex; min-height: 47px; align-items: center; justify-content: space-between; gap: 14px; border: 1px solid #e3ebf4; border-radius: 7px; padding: 8px 11px; color: #354a64; background: #fbfdff; cursor: pointer; text-align: left; }.global-command-result:hover { border-color: #8ec1ef; background: #eef8ff; }.global-command-result strong, .global-command-result small { display: block; }.global-command-result strong { color: #2e71b3; font-size: 12px; }.global-command-result small { margin-top: 3px; color: #8493a5; font-size: 10px; }.global-command-result em { flex: 0 0 auto; color: #2d8bd9; font-size: 10px; font-style: normal; }.global-command-empty { margin: 12px 2px; color: #8a98aa; font-size: 11px; }.global-notification-list { display: grid; gap: 0; max-height: min(48vh, 380px); overflow: auto; margin: 15px 0 0; padding: 0; list-style: none; }.global-notification-list li { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 9px; min-height: 51px; padding: 10px 2px; border-bottom: 1px solid #edf2f6; }.global-notification-list li:last-child { border-bottom: 0; }.global-notification-list b { color: #2e86d5; font-size: 10px; }.global-notification-list strong, .global-notification-list span { display: block; }.global-notification-list strong { color: #3b4e66; font-size: 11px; }.global-notification-list span { margin-top: 4px; color: #8a98aa; font-size: 10px; line-height: 1.35; }
.global-header-popover[open] { position: fixed; inset: 56px 44px auto auto; z-index: 55; display: block; margin: 0; border: 1px solid #e1e8f0; border-radius: 8px; background: #fff; box-shadow: 0 14px 36px rgba(31, 48, 72, .18); }.global-header-popover::backdrop { display: none; }.global-header-popover form { padding: 0; }.global-header-popover-heading { display: flex; min-height: 46px; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #edf1f5; padding: 0 15px; }.global-header-popover-heading strong { color: #33465e; font-size: 13px; }.global-header-popover-heading button { display: grid; width: 28px; height: 28px; place-items: center; border: 0; border-radius: 5px; color: #73849a; background: transparent; cursor: pointer; }.global-header-popover-heading button:hover { color: #257ed0; background: #edf6ff; }.global-search-popover[open] { right: 86px; width: min(430px, calc(100vw - 30px)); }.global-search-popover .global-command-input { padding: 13px 14px 0; }.global-search-popover .global-command-results { max-height: min(52vh, 430px); margin-top: 10px; padding: 0 14px 14px; }.global-notification-popover[open] { right: 34px; width: min(360px, calc(100vw - 30px)); }.global-notification-popover .global-notification-list { max-height: min(55vh, 460px); margin: 0; padding: 0 15px; }.global-notification-popover .global-notification-list li { position: relative; display: block; min-height: 50px; padding: 11px 4px 11px 14px; }.global-notification-popover .global-notification-list li.is-unread::before { position: absolute; top: 17px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #f05d63; content: ''; }.global-notification-popover .global-notification-list b { display: inline-block; margin-top: 5px; color: #8a98aa; font-weight: 400; }.global-notification-popover .global-notification-list b::after { content: ' ·'; }.global-notification-popover .global-notification-list strong { font-size: 12px; }.global-notification-footer { padding: 11px 14px 14px; border-top: 1px solid #edf1f5; }.global-notification-footer button { width: 100%; min-height: 34px; border: 0; border-radius: 5px; color: #fff; background: #2b8df2; cursor: pointer; font: inherit; font-size: 11px; font-weight: 700; }.global-notification-footer button:hover { background: #177bdc; }
.overview-reference-shell { border: 0; background: transparent; box-shadow: none; }
.local-pricing-calculator { display: grid; gap: 12px; margin-top: 15px; border: 1px solid #dcebf8; border-radius: 10px; padding: 15px; background: linear-gradient(135deg, #f7fcff, #edf7ff); }.local-pricing-calculator-heading { display: flex; align-items: center; gap: 8px; color: #29435f; font-size: 14px; font-weight: 800; }.local-pricing-calculator-heading span { border-radius: 999px; padding: 3px 7px; color: #317ab8; background: #dff0ff; font-size: 10px; font-weight: 700; }.local-pricing-calculator-note { margin: -5px 0 0; color: #72849a; font-size: 11px; line-height: 1.5; }.local-pricing-calculator-fields { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }.local-pricing-calculator-field, .local-pricing-calculator-draft { display: grid; gap: 5px; color: #6a7d93; font-size: 10px; font-weight: 700; }.local-pricing-calculator-field input, .local-pricing-calculator-draft select { min-width: 0; height: 34px; border: 1px solid #cfe0ef; border-radius: 6px; padding: 0 9px; color: #2d4762; background: #fff; outline: 0; font: inherit; font-size: 12px; }.local-pricing-calculator-field input:focus, .local-pricing-calculator-draft select:focus { border-color: #54a9ed; box-shadow: 0 0 0 2px rgba(84, 169, 237, .15); }.local-pricing-calculator-result { display: grid; grid-template-columns: auto auto; width: fit-content; column-gap: 10px; align-items: baseline; padding: 8px 11px; border: 1px solid #cce5fb; border-radius: 7px; background: #fff; }.local-pricing-calculator-result span { color: #71849a; font-size: 10px; }.local-pricing-calculator-result strong { color: #1974c1; font-size: 20px; }.local-pricing-calculator-result em { grid-column: 1 / -1; margin-top: 2px; color: #43815f; font-size: 10px; font-style: normal; }.local-pricing-calculator-message { margin: -4px 0 0; color: #71849a; font-size: 10px; }.local-pricing-calculator-actions { display: flex; flex-wrap: wrap; align-items: end; gap: 9px; }.local-pricing-calculator-draft { min-width: min(100%, 245px); flex: 1 1 220px; }.local-pricing-calculator .catalog-primary, .local-pricing-calculator .catalog-secondary { min-height: 34px; white-space: nowrap; }
.reference-overview-grid { display: grid; grid-template-columns: minmax(0, 1.9fr) minmax(260px, .78fr); gap: 17px; }
.reference-realtime-card, .reference-account-card, .reference-quick-card, .reference-info-card { border: 1px solid #ecf0f5; border-radius: 14px; background: #fff; box-shadow: 0 4px 13px rgba(24, 46, 77, .035); }
.reference-realtime-card { overflow: hidden; }.reference-section-title { display: flex; min-height: 43px; align-items: center; gap: 7px; padding: 0 15px; border-bottom: 1px solid #eef2f6; color: #1d324f; font-size: 14px; }.reference-section-title > span { width: 5px; height: 17px; border-radius: 5px; background: #329cf5; }.reference-section-title em { padding: 3px 6px; border-radius: 4px; color: #2879c7; background: #eaf5ff; font-size: 10px; font-style: normal; }.reference-realtime-card .reference-section-title em { margin-left: auto; color: #26344a; background: transparent; font-size: 11px; font-weight: 700; }.reference-section-title a, .reference-section-action { margin-left: auto; border: 0; padding: 0; color: #267bcd; background: transparent; cursor: pointer; text-decoration: none; font: inherit; font-size: 11px; font-weight: 600; }.reference-section-action:focus-visible { outline: 2px solid #4da7f5; outline-offset: 3px; }
.reference-stat-row { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); padding: 19px 17px 16px; }.reference-stat-row article { text-align: center; }.reference-stat-row b { display: block; color: #102e58; font-size: 18px; }.reference-stat-row span { display: block; margin-top: 6px; color: #8997aa; font-size: 11px; }
.reference-trend-row { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; padding: 15px 26px 21px; }.reference-trend-row article { position: relative; min-height: 70px; }.reference-trend-row p { margin: 0 0 5px; color: #697993; font-size: 12px; }.reference-trend-row b { display: block; color: #153254; font-size: 20px; }.reference-trend-row span { color: #8492a5; font-size: 11px; }.reference-trend-row span i { color: #38a95d; font-style: normal; }.reference-trend-row svg { position: absolute; right: 0; bottom: 7px; width: 48%; height: 40px; fill: none; stroke: #3b9cff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.5; }.reference-trend-row .green-trend { stroke: #51bb36; }
.reference-trend-row .local-profit-trend b { color: #268a5d; }
.reference-account-card { position: relative; display: grid; grid-template-columns: 44px 1fr 24px; align-content: start; gap: 9px; padding: 19px 17px; }.reference-avatar { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; color: #fff; background: linear-gradient(145deg, #2b8bf0, #2947ad); font-weight: 800; }.reference-account-card p { margin: 0; color: #344660; font-size: 12px; }.reference-account-card strong { color: #1d3153; font-size: 14px; }.reference-account-card > button { width: 25px; height: 25px; border: 0; border-radius: 50%; color: #72829a; background: #f3f6fa; cursor: pointer; }.reference-account-tag { grid-column: 1 / -1; width: fit-content; padding: 4px 9px; border-radius: 12px; color: #a36d13; background: #fff4d8; font-size: 10px; }.reference-account-copy { grid-column: 1 / -1; min-height: 31px; color: #8291a6 !important; line-height: 1.45; }.reference-account-card > button.reference-account-login { grid-column: 1 / -1; width: fit-content; height: auto; border-radius: 5px; padding: 0; color: #277cbd; background: transparent; font-size: 11px; text-align: left; }.reference-account-card > button.reference-account-login:hover { color: #155f9f; text-decoration: underline; }.reference-account-card > button.reference-account-login:focus-visible { outline: 2px solid #65acf0; outline-offset: 3px; }.reference-account-meter { display: grid; grid-template-columns: 1fr auto; grid-column: 1 / -1; gap: 6px; color: #6b7b91; font-size: 11px; }.reference-account-meter b { color: #316fd1; }.reference-account-meter i { grid-column: 1 / -1; height: 7px; overflow: hidden; border-radius: 7px; background: #e7eef7; }.reference-account-meter em { display: block; width: 70%; height: 100%; background: #338eff; transition: width .2s ease; }.reference-account-actions { display: grid; grid-template-columns: 1fr 1fr; grid-column: 1 / -1; gap: 8px; margin-top: 6px; }.reference-account-actions button { border: 0; border-radius: 8px; padding: 9px 6px; color: #5f718b; background: #f1f5fa; cursor: pointer; font-size: 11px; }.reference-account-actions button:last-child { color: #fff; background: #267dff; }
.reference-quick-card { margin-top: 17px; overflow: hidden; }.reference-quick-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); padding: 0 7px 11px; }.reference-quick-grid button { position: relative; display: grid; min-height: 164px; align-content: center; justify-items: center; gap: 8px; border: 0; border-right: 1px solid #e4ecfa; color: #17315b; background: linear-gradient(105deg, #f7fbff, #eff6ff); cursor: pointer; }.reference-quick-grid button::after { position: absolute; top: 0; right: -1px; width: 22px; height: 100%; clip-path: polygon(0 0, 100% 50%, 0 100%, 35% 50%); background: #fff; content: ''; }.reference-quick-grid button:last-child { border-right: 0; }.reference-quick-grid i { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: #1a8df2; background: #e0f1ff; font-size: 20px; font-style: normal; }.reference-quick-grid b { font-size: 12px; }.reference-quick-grid span { position: relative; z-index: 1; padding: 4px 8px; border: 1px solid #287eff; border-radius: 12px; color: #146eef; background: #fff; font-size: 10px; }.reference-quick-grid button:hover { background: #eaf5ff; }
.reference-flow-card { margin-top: 17px; overflow: hidden; border: 1px solid #ecf0f5; border-radius: 14px; background: #fff; box-shadow: 0 4px 13px rgba(24, 46, 77, .035); }.reference-flow-card .reference-section-title { flex-wrap: wrap; }.reference-flow-card .reference-section-title em { margin-left: 2px; }.reference-flow-card .reference-section-action { margin-left: 0; }.reference-flow-card .reference-section-action-muted { margin-left: auto; }.reference-section-action-primary { border-radius: 999px; padding: 5px 9px; color: #fff; background: #267dff; }.reference-section-action-primary:hover { background: #176de5; }.reference-section-action-primary:disabled { color: #94a3b5; background: #e8edf3; cursor: not-allowed; }.reference-flow-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 14px 15px 11px; }.reference-flow-grid button { position: relative; display: grid; min-height: 94px; align-content: start; gap: 7px; border: 0; border-right: 1px dashed #dfe9f3; padding: 8px 16px; color: #41556f; background: transparent; cursor: pointer; text-align: left; }.reference-flow-grid button:last-child { border-right: 0; }.reference-flow-grid button:hover { background: #f3f9ff; }.reference-flow-grid b { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 50%; color: #fff; background: #3c9cf2; font-size: 9px; }.reference-flow-grid strong { color: #245783; font-size: 12px; }.reference-flow-grid span { color: #8090a4; font-size: 10px; line-height: 1.4; }.reference-flow-grid i { color: #2b8bdd; font-style: normal; font-weight: 800; }.reference-flow-note { margin: 0 15px 13px; padding: 8px 10px; border-left: 3px solid #82bee9; color: #74859a; background: #f7fbff; font-size: 10px; line-height: 1.5; }.reference-flow-note strong { display: block; margin-bottom: 2px; color: #347bb8; font-size: 11px; }
.reference-lower-grid { display: grid; grid-template-columns: 1.15fr 1.35fr 1.15fr; gap: 17px; margin-top: 17px; }.reference-info-card { min-height: 176px; overflow: hidden; }.reference-info-card ol { display: grid; gap: 8px; margin: 13px 18px; padding-left: 22px; color: #536780; font-size: 11px; }.reference-info-card li::marker { color: #3194ed; font-weight: 700; }.reference-video-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 15px; }.reference-video-row b { display: grid; min-height: 84px; place-items: center; border-radius: 8px; color: #fff; background: linear-gradient(145deg, #1763dc, #64aaff); font-size: 12px; }.reference-info-card ul { display: grid; gap: 12px; margin: 15px; padding: 0; list-style: none; color: #536780; font-size: 11px; }.reference-info-card ul i { margin-right: 6px; padding: 2px 4px; border-radius: 3px; color: #fff; background: #ff7358; font-size: 9px; font-style: normal; }

.reference-guide-list button { border: 0; padding: 0; color: #4f657e; background: transparent; cursor: pointer; font: inherit; text-align: left; }.reference-guide-list button:hover { color: #167bd0; }.reference-guide-list button:focus-visible { border-radius: 3px; outline: 2px solid #61adf0; outline-offset: 3px; }
.reference-update-list { gap: 0 !important; margin: 5px 15px !important; }.reference-update-list li { display: grid; grid-template-columns: 35px minmax(0, 1fr); gap: 8px; min-height: 44px; align-items: start; padding: 8px 0; border-bottom: 1px solid #edf2f6; }.reference-update-list li:last-child { border-bottom: 0; }.reference-update-list i { width: fit-content; margin: 1px 0 0 !important; }.reference-update-list span, .reference-update-list strong, .reference-update-list small { display: block; }.reference-update-list strong { color: #3a4f67; font-size: 10px; }.reference-update-list small { margin-top: 3px; color: #8b98aa; font-size: 9px; line-height: 1.35; }
.reference-overview-detail-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(310px, .75fr); gap: 17px; margin-top: 17px; }.reference-overview-detail-grid .reference-info-card { min-height: 176px; }

.reference-activity-list { gap: 0 !important; margin: 5px 15px !important; }.reference-activity-list li { display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 8px; align-items: start; min-height: 46px; padding: 9px 0; border-bottom: 1px solid #edf2f6; }.reference-activity-list li:last-child { border-bottom: 0; }.reference-activity-list b { color: #2e86d5; font-size: 10px; }.reference-activity-list strong, .reference-activity-list span { display: block; }.reference-activity-list strong { overflow: hidden; color: #3b4e66; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.reference-activity-list span { margin-top: 4px; color: #8a98aa; font-size: 10px; line-height: 1.35; }

.local-store-scope-copy { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }.local-store-scope-copy article { min-height: 64px; border: 1px solid #e5edf5; border-radius: 7px; padding: 10px; background: #fbfdff; }.local-store-scope-copy span, .local-store-scope-copy strong { display: block; }.local-store-scope-copy span { color: #8a99ab; font-size: 10px; }.local-store-scope-copy strong { margin-top: 6px; color: #36506e; font-size: 11px; line-height: 1.4; }

/* Store management uses the same compact filter-and-table rhythm as the reference page. */
.store-reference-shell { margin-top: 0; overflow-x: auto; border-radius: 4px; box-shadow: none; }.store-shell-heading, .store-metric-row { display: none; }.store-filter-row { min-width: 1210px; gap: 16px; border-bottom: 1px solid #edf1f5; padding: 15px 20px; }.store-filter-row input, .store-filter-row select { width: 154px; }.store-tool-row { min-width: 1210px; border-top: 0; padding: 13px 18px; }.store-table { min-width: 1210px; }.store-table-head, .store-table-row { grid-template-columns: minmax(135px, 1.25fr) minmax(68px, .62fr) minmax(84px, .72fr) 56px 72px 70px 62px 76px 66px 86px 86px 82px 118px; gap: 7px; padding: 0 14px; }.store-table-head { min-height: 43px; font-size: 10px; }.store-table-row { min-height: 68px; font-size: 10px; }.store-table-row small { font-size: 9px; }.store-table-row button { padding: 3px 4px; font-size: 9px; }
.catalog-reference-shell, .store-reference-shell, .listing-reference-shell, #local-collection-basket-views, #local-listing-audit-views, #local-business-views, #local-pricing-precheck-views { scroll-margin-top: 66px; }
.feature-workspace { overflow: hidden; border: 1px solid #e5ebf3; border-radius: 11px; background: #fff; box-shadow: 0 4px 14px rgba(20, 45, 79, .045); }.feature-workspace-shell-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 17px 22px; border-bottom: 1px solid #edf1f5; }.feature-workspace-shell-heading p, .feature-workspace-heading p { margin: 0 0 4px; color: #8b98a9; font-size: 11px; font-weight: 700; }.feature-workspace-shell-heading h2 { margin: 0; color: #2a3a50; font-size: 17px; }.feature-workspace-shell-heading > span, .feature-workspace-badge { padding: 5px 8px; border-radius: 4px; color: #397eb8; background: #eaf6ff; font-size: 11px; }.feature-workspace-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 22px; }.feature-workspace-heading h2 { margin: 0 0 8px; color: #233b5a; font-size: 21px; }.feature-workspace-heading span:not(.feature-workspace-badge) { display: block; max-width: 600px; color: #718198; font-size: 12px; line-height: 1.6; }.feature-workspace-flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; padding: 0 22px; }.feature-workspace-flow article { min-height: 110px; border: 1px solid #e5edf6; border-radius: 9px; padding: 15px; background: linear-gradient(135deg, #fbfdff, #f2f8ff); }.feature-workspace-flow b { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 50%; color: #fff; background: #3998ef; font-size: 10px; }.feature-workspace-flow strong { display: block; margin-top: 10px; color: #2f4663; font-size: 13px; }.feature-workspace-flow span { display: block; margin-top: 7px; color: #8291a4; font-size: 11px; line-height: 1.5; }.feature-workspace-actions { display: flex; flex-wrap: wrap; gap: 9px; padding: 19px 22px 12px; }.feature-workspace-notice { margin: 0 22px 21px; padding: 10px 12px; border-left: 3px solid #73b8ed; color: #63768e; background: #f3f9ff; font-size: 12px; line-height: 1.5; }.feature-workspace-notice.is-reviewed { border-left-color: #57b77f; color: #2d7a57; background: #eefaf3; }
.local-inventory-console { display: grid; gap: 10px; margin: 17px 22px 0; border: 1px solid #d8eadf; border-radius: 9px; padding: 14px; background: #f6fcf8; }.local-inventory-console-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.local-inventory-console-heading strong { color: #2a5f48; font-size: 13px; }.local-inventory-console-heading span { padding: 3px 7px; border-radius: 999px; color: #3a8b64; background: #e2f5e9; font-size: 10px; }.local-inventory-controls { display: grid; grid-template-columns: minmax(0, 1fr) 130px; gap: 10px; }.local-inventory-controls label { display: grid; gap: 5px; color: #668374; font-size: 10px; font-weight: 700; }.local-inventory-controls select, .local-inventory-controls input { width: 100%; height: 34px; border: 1px solid #c9e1d2; border-radius: 6px; padding: 0 9px; color: #30594a; background: #fff; outline: 0; font: inherit; font-size: 12px; }.local-inventory-controls select:focus, .local-inventory-controls input:focus { border-color: #5eb384; box-shadow: 0 0 0 2px rgba(94, 179, 132, .14); }.local-inventory-record-list { display: grid; gap: 5px; margin: 0; padding: 0; list-style: none; }.local-inventory-record-list li { padding: 7px 9px; border-radius: 5px; color: #4b725f; background: #fff; font-size: 11px; }
.local-shop-operations-console { display: grid; gap: 10px; margin: 17px 22px 0; border: 1px solid #d8e4f2; border-radius: 9px; padding: 14px; background: linear-gradient(135deg, #fbfdff, #f2f7fc); }.local-shop-operations-console-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.local-shop-operations-console-heading strong { color: #315b85; font-size: 13px; }.local-shop-operations-console-heading span { padding: 3px 7px; border-radius: 999px; color: #3d78af; background: #e6f2ff; font-size: 10px; }.local-shop-operations-controls { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }.local-shop-operations-controls label { display: grid; gap: 5px; color: #617d9b; font-size: 10px; font-weight: 700; }.local-shop-operations-controls select { width: 100%; height: 34px; border: 1px solid #cbddeb; border-radius: 6px; padding: 0 9px; color: #315b85; background: #fff; outline: 0; font: inherit; font-size: 12px; }.local-shop-operations-controls select:focus { border-color: #64a4df; box-shadow: 0 0 0 2px rgba(100, 164, 223, .14); }.local-shop-operations-record-list { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }.local-shop-operations-record-list li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 9px; border-radius: 5px; color: #52718f; background: #fff; font-size: 11px; line-height: 1.45; }.store-action-undo, .catalog-action-undo { margin-left: 10px; border: 1px solid #3b8ff6; border-radius: 5px; padding: 4px 10px; color: #1677e8; background: #fff; font: inherit; font-weight: 700; cursor: pointer; }.store-action-undo:hover, .catalog-action-undo:hover { background: #eef6ff; }
.local-support-flow-console { display: grid; gap: 10px; margin: 17px 22px 0; border: 1px solid #d9e7f5; border-radius: 9px; padding: 14px; background: linear-gradient(135deg, #fcfeff, #eef7ff); }.local-support-flow-console-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.local-support-flow-console-heading strong { color: #356a9a; font-size: 13px; }.local-support-flow-console-heading span { padding: 3px 7px; border-radius: 999px; color: #447bac; background: #e3f1ff; font-size: 10px; }.local-support-flow-status { margin: 0; padding: 9px 10px; border-left: 3px solid #70afe4; color: #436a91; background: #fff; font-size: 12px; line-height: 1.5; }.local-support-flow-list { display: grid; gap: 6px; margin: 0; padding-left: 20px; color: #5f7f9e; font-size: 11px; line-height: 1.5; }.local-support-flow-list li { padding-left: 3px; }
.local-product-tools-console { display: grid; gap: 10px; margin: 17px 22px 0; border: 1px solid #d4e8e1; border-radius: 9px; padding: 14px; background: linear-gradient(135deg, #fbfefd, #eefaf5); }.local-product-tools-console-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.local-product-tools-console-heading strong { color: #347567; font-size: 13px; }.local-product-tools-console-heading span { padding: 3px 7px; border-radius: 999px; color: #438373; background: #e2f4ec; font-size: 10px; }.local-product-tools-record-list { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }.local-product-tools-record-list li { padding: 8px 9px; border-radius: 5px; color: #527a6d; background: #fff; font-size: 11px; line-height: 1.45; }
.local-extension-delivery-console { display: grid; gap: 13px; margin: 17px 22px 0; border: 1px solid #cfe3f7; border-radius: 10px; padding: 16px; background: linear-gradient(135deg, #fafdff, #edf7ff); }.local-extension-delivery-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }.local-extension-delivery-heading > div { display: grid; gap: 3px; }.local-extension-delivery-heading span { color: #4c9bd7; font-size: 9px; font-weight: 800; letter-spacing: .12em; }.local-extension-delivery-heading strong { color: #285f91; font-size: 16px; }.local-extension-delivery-heading small { color: #70869a; font-size: 10px; }.local-extension-delivery-heading em { border-radius: 999px; padding: 5px 8px; color: #257a58; background: #e5f7ee; font-size: 9px; font-style: normal; white-space: nowrap; }.local-extension-delivery-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }.local-extension-delivery-metrics article { display: grid; gap: 5px; border: 1px solid #dfebf6; border-radius: 7px; padding: 10px; background: rgba(255,255,255,.78); }.local-extension-delivery-metrics span { color: #8091a2; font-size: 9px; }.local-extension-delivery-metrics strong { color: #2f73ad; font-size: 12px; }.local-extension-delivery-metrics small { overflow: hidden; color: #8597a9; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.local-extension-delivery-boundary { display: grid; gap: 5px; border-left: 3px solid #4b9ee2; padding: 8px 10px; color: #607890; background: #fff; font-size: 10px; line-height: 1.5; }.local-extension-delivery-boundary strong { color: #2e75ae; }.local-extension-delivery-boundary code { overflow: hidden; color: #4f7598; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.local-extension-delivery-actions { display: flex; flex-wrap: wrap; gap: 8px; }.local-extension-delivery-actions a { display: inline-flex; align-items: center; text-decoration: none; }
.local-image-text-workbench { display: grid; gap: 13px; margin: 17px 22px 0; border: 1px solid #d7def6; border-radius: 10px; padding: 16px; background: linear-gradient(135deg, #fcfdff, #f2f5ff); }.local-image-text-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }.local-image-text-heading > div { display: grid; gap: 3px; }.local-image-text-heading span { color: #637ac8; font-size: 9px; font-weight: 800; letter-spacing: .12em; }.local-image-text-heading strong { color: #405b9a; font-size: 16px; }.local-image-text-heading small { color: #73839d; font-size: 10px; }.local-image-text-heading em { border-radius: 999px; padding: 5px 8px; color: #5970ae; background: #e9edff; font-size: 9px; font-style: normal; white-space: nowrap; }.local-image-text-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 13px; }.local-image-text-controls { display: grid; align-content: start; gap: 9px; }.local-image-text-controls label { display: grid; gap: 5px; color: #64748f; font-size: 10px; }.local-image-text-controls input:not([type="color"]), .local-image-text-controls select { width: 100%; height: 34px; border: 1px solid #d9e1ef; border-radius: 6px; padding: 0 9px; color: #445875; background: #fff; font: inherit; font-size: 10px; }.local-image-text-controls input[type="file"] { height: auto; padding: 7px; }.local-image-text-controls input[type="color"] { width: 100%; height: 34px; border: 1px solid #d9e1ef; border-radius: 6px; padding: 3px; background: #fff; }.local-image-text-preview { display: grid; gap: 7px; min-width: 0; }.local-image-text-preview canvas { width: 100%; max-height: 390px; border: 1px solid #d3dded; border-radius: 8px; background: #e9eef6; object-fit: contain; }.local-image-text-preview p { margin: 0; color: #6c7f99; font-size: 9px; line-height: 1.45; }.local-image-text-actions { display: flex; flex-wrap: wrap; gap: 8px; }
@media (max-width: 980px) { .local-extension-delivery-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 980px) { .local-image-text-layout { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .local-extension-delivery-console, .local-image-text-workbench { margin-right: 14px; margin-left: 14px; }.local-extension-delivery-heading, .local-image-text-heading { flex-direction: column; }.local-extension-delivery-metrics { grid-template-columns: 1fr; } }
.local-store-readiness-console { display: grid; gap: 10px; margin: 17px 22px 0; border: 1px solid #ddd9ec; border-radius: 9px; padding: 14px; background: linear-gradient(135deg, #fcfbff, #f5f3fd); }.local-store-readiness-console-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.local-store-readiness-console-heading strong { color: #5e5188; font-size: 13px; }.local-store-readiness-console-heading span { padding: 3px 7px; border-radius: 999px; color: #6f609f; background: #ebe7fa; font-size: 10px; }.local-store-readiness-controls { display: flex; flex-wrap: wrap; gap: 8px; }.local-store-readiness-controls label { display: inline-flex; align-items: center; gap: 6px; padding: 7px 9px; border: 1px solid #ded8f1; border-radius: 6px; color: #645783; background: #fff; font-size: 11px; cursor: pointer; }.local-store-readiness-controls input { accent-color: #6d5dac; }.local-store-readiness-record-list { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }.local-store-readiness-record-list li { padding: 8px 9px; border-radius: 5px; color: #706689; background: #fff; font-size: 11px; line-height: 1.45; }
.local-whd-orders-console { display: grid; gap: 11px; margin: 17px 22px 0; overflow: auto; border: 1px solid #d8e8f6; border-radius: 9px; padding: 14px; background: linear-gradient(135deg, #fbfdff, #f2f8fd); }.local-whd-orders-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.local-whd-orders-heading strong { color: #2d6f9f; font-size: 13px; }.local-whd-orders-heading span { padding: 3px 7px; border-radius: 999px; color: #3d769f; background: #e8f4fc; font-size: 10px; }.local-whd-orders-filter { display: flex; align-items: center; gap: 8px; color: #5d728a; font-size: 11px; }.local-whd-orders-filter select { height: 32px; border: 1px solid #dbe5ef; border-radius: 5px; padding: 0 9px; color: #40566f; background: #fff; font: inherit; }.local-whd-orders-table { min-width: 720px; border: 1px solid #e2ebf3; border-radius: 7px; background: #fff; }
.local-order-followup-console { display: grid; gap: 10px; margin: 17px 22px 0; border: 1px solid #eadfcb; border-radius: 9px; padding: 14px; background: linear-gradient(135deg, #fffdf9, #fff7e9); }.local-order-followup-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.local-order-followup-heading strong { color: #8b632a; font-size: 13px; }.local-order-followup-heading span { padding: 3px 7px; border-radius: 999px; color: #946f3d; background: #f8ead3; font-size: 10px; }.local-order-followup-card { display: flex; align-items: center; justify-content: space-between; gap: 14px; border: 1px solid #f0e2cd; border-radius: 7px; padding: 11px 12px; background: #fff; }.local-order-followup-card.is-done { border-color: #cfe7d8; background: #f7fcf9; }.local-order-followup-copy { display: grid; gap: 4px; }.local-order-followup-copy b { color: #594226; font-size: 12px; }.local-order-followup-copy span { color: #907b61; font-size: 10px; }.local-order-followup-status { border-radius: 999px; padding: 4px 8px; color: #996515; background: #fff0cd; font-size: 10px; white-space: nowrap; }.local-order-followup-card.is-done .local-order-followup-status { color: #397552; background: #e3f4e9; }
.local-operations-tasks-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }.local-operations-tasks-heading strong { color: #243758; font-size: 13px; }.local-operations-tasks-heading span { padding: 3px 7px; border-radius: 999px; color: #2867a8; background: #eaf4ff; font-size: 10px; }
body.is-compact-workspace .content { padding: 12px 14px 28px; }
body.is-compact-workspace .reference-stat-row { padding-top: 14px; padding-bottom: 13px; }
body.is-compact-workspace .reference-quick-grid button { min-height: 112px; }
body.is-compact-workspace .catalog-product-row, body.is-compact-workspace .store-table-row, body.is-compact-workspace .collection-table-row { min-height: 66px; }
body.is-compact-workspace .feature-workspace-heading { padding-top: 16px; padding-bottom: 16px; }
body.is-compact-workspace .feature-workspace-flow article { min-height: 88px; padding: 12px; }
.local-interface-setting-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 10px 0 2px; }
.local-interface-setting-grid label { display: grid; gap: 6px; color: #63758a; font-size: 11px; font-weight: 700; }
.local-interface-setting-grid select { width: 100%; height: 34px; border: 1px solid #d7e3ee; border-radius: 6px; padding: 0 9px; color: #304761; background: #fff; font: inherit; font-size: 12px; outline: 0; }
.local-interface-setting-grid select:focus { border-color: #6caee8; box-shadow: 0 0 0 2px #e9f5ff; }
body.is-theme-indigo .global-brand-mark { background: linear-gradient(145deg, #6456e8, #4236b5); }
body.is-theme-indigo .global-nav-item:hover, body.is-theme-indigo .global-nav-item.is-active { color: #5a4bd4; background: #f0efff; }
body.is-theme-indigo .global-nav-item.is-active::after { background: #6555df; }
body.is-theme-indigo .nav-item:hover { color: #5a4bd4; background: #f4f2ff; }
body.is-theme-indigo .nav-item.is-active { color: #fff; background: #6555df; box-shadow: 0 4px 9px rgba(101, 85, 223, .18); }
body.is-theme-indigo .reference-section-title > span { background: #6555df; }
body.is-theme-indigo .primary-workbench-action, body.is-theme-indigo .catalog-primary { border-color: #6555df; background: #6555df; }
.local-store-communications-console { display: grid; gap: 10px; margin: 17px 22px 0; border: 1px solid #f0dfc6; border-radius: 9px; padding: 14px; background: linear-gradient(135deg, #fffdf9, #fff7ea); }.local-store-communications-console-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.local-store-communications-console-heading strong { color: #8b6429; font-size: 13px; }.local-store-communications-console-heading span { display: grid; gap: 2px; padding: 3px 7px; border-radius: 8px; color: #a3742d; background: #fff0d6; font-size: 10px; }.local-store-communications-console-heading small { color: #997950; font-size: 10px; font-weight: 500; }.local-store-communications-record-list { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }.local-store-communications-record-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 8px; padding: 8px 9px; border-radius: 5px; color: #806a4b; background: #fff; font-size: 11px; line-height: 1.45; }.local-store-communications-record-list li small { grid-column: 1 / -1; color: #9a805c; }.local-store-communications-record-list input, .local-store-communications-console .local-shop-operations-controls input, .local-store-communications-console .local-shop-operations-controls textarea { width: 100%; border: 1px solid #e1d1b8; border-radius: 6px; padding: 7px 9px; color: #6d5736; background: #fff; outline: 0; font: inherit; font-size: 11px; }.local-store-communications-console .local-shop-operations-controls textarea { min-height: 72px; resize: vertical; }.local-store-communications-record-list input:focus, .local-store-communications-console .local-shop-operations-controls input:focus, .local-store-communications-console .local-shop-operations-controls textarea:focus { border-color: #d3a65d; box-shadow: 0 0 0 2px rgba(211, 166, 93, .14); }
.local-ai-assistant-preview { display: grid; gap: 9px; margin: 17px 22px 0; border: 1px solid #ded6fb; border-radius: 9px; padding: 14px; background: linear-gradient(135deg, #fbfaff, #f4f1ff); }.local-ai-assistant-preview > strong { color: #534285; font-size: 13px; }.local-ai-assistant-preview > p { margin: 0; color: #7a6d9d; font-size: 11px; line-height: 1.5; }.local-ai-assistant-preview ul { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }.local-ai-assistant-preview li { display: grid; grid-template-columns: 66px minmax(0, 1fr); gap: 8px; padding: 8px 9px; border-radius: 5px; background: #fff; }.local-ai-assistant-preview b { color: #62519a; font-size: 11px; }.local-ai-assistant-preview span { color: #726b85; font-size: 11px; line-height: 1.45; }
.local-favorites-console { display: grid; gap: 11px; margin: 17px 22px 0; border: 1px solid #d8e7f4; border-radius: 9px; padding: 14px; background: linear-gradient(135deg, #fcfeff, #f2f8fd); }.local-favorites-console-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.local-favorites-console-heading strong { color: #315f87; font-size: 13px; }.local-favorites-console-heading span { padding: 3px 7px; border-radius: 999px; color: #3979b1; background: #e5f2fd; font-size: 10px; }.local-favorites-controls label { display: grid; max-width: 360px; gap: 5px; color: #647f98; font-size: 10px; font-weight: 700; }.local-favorites-controls select { width: 100%; height: 34px; border: 1px solid #cbddec; border-radius: 6px; padding: 0 9px; color: #315b7f; background: #fff; outline: 0; font: inherit; font-size: 12px; }.local-favorites-controls select:focus { border-color: #64a4df; box-shadow: 0 0 0 2px rgba(100, 164, 223, .14); }.local-favorites-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }.local-favorite-card { display: grid; min-width: 0; gap: 6px; border: 1px solid #e0eaf3; border-radius: 8px; padding: 11px; background: #fff; }.local-favorite-card.is-selected { border-color: #66ace7; box-shadow: inset 0 0 0 1px rgba(71, 157, 225, .16); }.local-favorite-card span { color: #8a98aa; font-size: 9px; }.local-favorite-card strong { overflow: hidden; color: #3477b3; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.local-favorite-card b { color: #506982; font-size: 10px; }.local-favorite-card em { width: fit-content; border-radius: 4px; padding: 3px 6px; font-size: 9px; font-style: normal; }.local-favorite-card em.is-ready { color: #24815b; background: #e6f8ef; }.local-favorite-card em.is-drafted { color: #2778b9; background: #e6f3ff; }.local-favorite-card em.is-blocked { color: #9b6c19; background: #fff4df; }
.catalog-reference-shell, .store-reference-shell, .listing-reference-shell, #local-collection-basket-views, #local-listing-audit-views, #local-business-views, #local-pricing-precheck-views, #local-feature-workspace { scroll-margin-top: 66px; }
.reference-video-row button { border: 0; padding: 0; background: transparent; cursor: pointer; }.reference-video-row button:focus-visible { outline: 2px solid #4da7f5; outline-offset: 3px; }
.reference-role-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; padding: 15px 14px 9px; }.reference-role-grid button { position: relative; display: grid; min-height: 74px; align-content: center; gap: 6px; border: 1px solid #e5edf6; border-radius: 8px; color: #327fc6; background: linear-gradient(135deg, #fbfdff, #f1f8ff); cursor: pointer; text-align: center; }.reference-role-grid button:hover { border-color: #80b9ed; background: #eaf6ff; }.reference-role-grid button.is-current-session-role::after { position: absolute; top: 5px; right: 5px; border-radius: 999px; padding: 2px 5px; color: #fff; background: #34a56f; content: '当前会话'; font-size: 8px; font-weight: 700; }.reference-role-grid b { font-size: 12px; }.reference-role-grid span { color: #8291a4; font-size: 10px; }.reference-role-note { margin: 0 15px 13px !important; color: #8190a3 !important; font-size: 10px !important; line-height: 1.5; }
.feature-workspace-records { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; padding: 17px 22px 0; }.feature-workspace-records span { min-height: 45px; border: 1px solid #e6edf5; border-radius: 7px; padding: 11px; color: #657890; background: #fbfdff; font-size: 11px; line-height: 1.45; }.feature-workspace-input { flex: 1 1 235px; min-width: 180px; height: 34px; border: 1px solid #dce4ee; border-radius: 5px; padding: 0 10px; color: #40516a; outline: 0; font: inherit; font-size: 12px; }.feature-workspace-input:focus { border-color: #72b6f1; box-shadow: 0 0 0 2px #edf8ff; }
.local-business-workspace { margin: 16px 0 0; overflow: hidden; border: 1px solid #e6edf5; border-radius: 9px; background: #fbfdff; }.local-business-workspace-heading { padding: 12px 15px; border-bottom: 1px solid #eaf0f6; color: #2d4662; background: #f5f9fd; font-size: 13px; font-weight: 700; }.business-table { min-width: 760px; overflow: auto; }.business-table-row { display: grid; grid-template-columns: minmax(150px, 1.6fr) minmax(120px, 1.1fr) 72px 88px 100px 128px; gap: 12px; align-items: center; min-height: 54px; padding: 0 15px; border-bottom: 1px solid #edf2f6; color: #66788f; font-size: 11px; }.business-table-row strong { color: #347dc2; font-size: 12px; }.business-table-head { min-height: 39px; color: #53657a; background: #f1f5fa; font-size: 11px; font-weight: 700; }.business-status { display: inline-block; width: fit-content; padding: 4px 7px; border-radius: 4px; color: #a16d13; background: #fff4df; font-size: 10px; }.business-status.is-done { color: #27815b; background: #e6f8ee; }.analytics-periods { display: flex; gap: 8px; padding: 14px 16px 0; }.analytics-local-chart { display: grid; grid-template-columns: repeat(7, 1fr); align-items: end; gap: 13px; height: 152px; margin: 14px 17px 17px; padding: 10px 14px 0; border-bottom: 1px solid #dde7f1; background: linear-gradient(to top, #f4f8fc 1px, transparent 1px) 0 100% / 100% 33%; }.analytics-local-column { position: relative; display: block; min-height: 22px; height: var(--bar-height); border-radius: 6px 6px 0 0; background: linear-gradient(180deg, #65b5fb, #2e8eee); }.analytics-local-column i { position: absolute; top: calc(100% + 7px); left: 50%; color: #8a99ab; font-size: 10px; font-style: normal; transform: translateX(-50%); }
.analytics-chart-heading { display: flex; align-items: center; justify-content: space-between; margin: 16px 17px 0; border-top: 1px solid #e8eff6; padding-top: 14px; }.analytics-chart-heading strong { color: #315b7f; font-size: 13px; }.analytics-chart-heading span { color: #8494a7; font-size: 10px; }.analytics-local-chart { height: 174px; padding-top: 30px; }.analytics-local-column b { position: absolute; bottom: calc(100% + 5px); left: 50%; color: #3978ad; font-size: 9px; font-weight: 700; transform: translateX(-50%); white-space: nowrap; }
.business-status.is-running { color: #306bb6; background: #eaf3ff; }
.analytics-local-activity { margin: 16px 17px 0; border: 1px solid #e1ebf5; border-radius: 8px; background: #f9fcff; }.analytics-local-activity-heading { padding: 10px 12px; border-bottom: 1px solid #e7eff7; color: #355b7d; font-size: 12px; font-weight: 700; }.analytics-local-activity ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 10px 12px; list-style: none; }.analytics-local-activity li { display: grid; gap: 4px; min-width: 0; color: #74869c; font-size: 11px; line-height: 1.4; }.analytics-local-activity strong { color: #3d7fbe; font-size: 11px; }.analytics-local-activity span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.local-visual-dashboard { --visual-cyan: #44d7ff; --visual-blue: #2f7dff; display: grid; gap: 15px; margin: 16px; border: 1px solid rgba(91,190,255,.38); border-radius: 12px; padding: 18px; color: #eaf7ff; background: radial-gradient(circle at 78% 8%, rgba(39,125,255,.32), transparent 27%), linear-gradient(145deg, #071c3d, #0a2b5b 52%, #071a38); box-shadow: 0 16px 40px rgba(4,29,67,.17); }.local-visual-dashboard:fullscreen { overflow: auto; margin: 0; border-radius: 0; padding: 28px; }.local-visual-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }.local-visual-heading > div:first-child { display: grid; gap: 4px; }.local-visual-heading strong { color: #fff; font-size: 19px; letter-spacing: .04em; }.local-visual-heading small, .local-visual-panel small { color: #8eb8da; font-size: 10px; }.local-visual-kicker { color: var(--visual-cyan); font-size: 9px; font-weight: 800; letter-spacing: .16em; }.local-visual-toolbar { display: flex; align-items: center; gap: 7px; }.local-visual-toolbar span { border: 1px solid rgba(68,215,255,.42); border-radius: 999px; padding: 5px 9px; color: var(--visual-cyan); font-size: 10px; }.local-visual-toolbar select, .local-visual-toolbar button { min-height: 29px; border: 1px solid rgba(116,195,255,.38); border-radius: 6px; padding: 4px 9px; color: #dff5ff; background: rgba(14,57,105,.8); font-size: 10px; }.local-visual-toolbar button { cursor: pointer; }.local-visual-kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 9px; }.local-visual-kpis article { display: grid; gap: 5px; min-width: 0; border: 1px solid rgba(87,180,255,.22); border-radius: 8px; padding: 12px; background: rgba(10,48,94,.68); }.local-visual-kpis span { color: #87b6d9; font-size: 10px; }.local-visual-kpis strong { overflow: hidden; color: #fff; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }.local-visual-kpis small { color: #58d9ff; font-size: 9px; }.local-visual-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 11px; }.local-visual-panel { min-width: 0; overflow: hidden; border: 1px solid rgba(87,180,255,.22); border-radius: 8px; background: rgba(7,36,75,.74); }.local-visual-panel h3 { margin: 0; border-bottom: 1px solid rgba(87,180,255,.18); padding: 11px 13px; color: #dff7ff; font-size: 12px; }.local-visual-table { min-width: 520px; }.local-visual-table .business-table-head, .local-visual-table-row { display: grid; grid-template-columns: 42px minmax(130px, 1.5fr) 82px 65px 105px; align-items: center; gap: 8px; min-height: 38px; padding: 0 12px; }.local-visual-order-table .business-table-head, .local-visual-order-table .local-visual-table-row { grid-template-columns: 105px minmax(130px, 1.5fr) 78px 58px 100px; }.local-visual-table .business-table-head { color: #72acd4; background: rgba(20,69,120,.62); font-size: 9px; }.local-visual-table-row { border-top: 1px solid rgba(87,180,255,.1); color: #a6c5de; font-size: 9px; }.local-visual-table-row b { color: var(--visual-cyan); }.local-visual-table-row strong { overflow: hidden; color: #effaff; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.local-visual-table-row span:last-child { color: #7ae7ff; font-weight: 700; }.local-visual-empty { margin: 0; padding: 18px; color: #8eb8da; font-size: 10px; }.local-visual-safety { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; color: #82aecf; font-size: 9px; }.local-visual-safety strong { border-radius: 999px; padding: 4px 8px; color: #54f0b5; background: rgba(45,192,136,.12); }.local-visual-safety span:last-child { margin-left: auto; }
@media (max-width: 900px) { .local-visual-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }.local-visual-grid { grid-template-columns: 1fr; }.local-visual-heading { align-items: stretch; flex-direction: column; }.local-visual-toolbar { flex-wrap: wrap; } }
@media (max-width: 640px) { .local-visual-dashboard { margin: 10px; padding: 12px; }.local-visual-kpis { grid-template-columns: 1fr; }.local-visual-safety span:last-child { margin-left: 0; } }
.analytics-action-list { display: grid; gap: 10px; margin: 15px 16px 0; border: 1px solid #d9e8f6; border-radius: 8px; padding: 13px; background: linear-gradient(135deg, #fbfdff, #f5f9fe); }.analytics-action-list-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.analytics-action-list-heading strong { color: #2a628f; font-size: 13px; }.analytics-action-list-heading span { border-radius: 999px; padding: 4px 9px; color: #a16513; background: #fff3db; font-size: 10px; font-weight: 700; }.analytics-action-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }.analytics-action-card { display: grid; align-content: start; gap: 7px; min-width: 0; border: 1px solid #deebf6; border-radius: 7px; padding: 11px; background: #fff; }.analytics-action-card.is-done { border-color: #d9eee4; background: #fbfffd; }.analytics-action-card > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }.analytics-action-card strong { color: #385873; font-size: 11px; }.analytics-action-card b { color: #2384d7; font-size: 18px; }.analytics-action-card p { min-height: 31px; margin: 0; color: #71849a; font-size: 10px; line-height: 1.5; }.analytics-action-state { width: fit-content; border-radius: 4px; padding: 3px 6px; color: #a16513; background: #fff1d7; font-size: 9px; font-weight: 700; }.analytics-action-state.is-done { color: #238058; background: #e7f7ee; }
.local-reference-job-projection { margin-top: 16px; border: 1px solid #e3edf6; border-radius: 9px; padding: 14px; background: #fafdff; }.local-reference-job-projection h4 { margin: 0; color: #35526f; font-size: 13px; }.local-reference-job-projection > p { margin: 6px 0 0; color: #7c8da1; font-size: 11px; line-height: 1.5; }.local-reference-job-projection .local-summary-grid { margin-top: 12px; }.local-reference-job-projection .local-summary-card { min-height: 92px; }.local-reference-job-projection .local-summary-card strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 900px) { .feature-workspace-records, .analytics-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.reference-overview-grid, .overview-grid, .reference-lower-grid, .reference-overview-detail-grid { grid-template-columns: 1fr; }.reference-quick-grid, .reference-flow-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.reference-stat-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }.listing-editor-layout { grid-template-columns: 1fr; }.listing-editor { border-left: 0; border-top: 1px solid #edf0f4; padding-top: 18px; padding-left: 0; } }
.global-role-matrix { display: grid; gap: 8px; margin-top: 14px; }.global-role-matrix article { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 9px; align-items: center; border: 1px solid #e5edf5; border-radius: 7px; padding: 9px 10px; background: #fbfdff; }.global-role-matrix article.is-current-role { border-color: #8fc2f3; background: #f0f8ff; }.global-role-matrix strong { color: #397dbf; font-size: 11px; }.global-role-matrix span { color: #74869e; font-size: 10px; line-height: 1.4; }.global-role-matrix em { padding: 3px 5px; border-radius: 4px; color: #718299; background: #f0f3f7; font-size: 9px; font-style: normal; }.global-role-matrix .is-current-role em { color: #2478bd; background: #dff1ff; }
.global-store-selector { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 10px; align-items: center; margin-top: 14px; color: #53657b; font-size: 12px; font-weight: 700; }.global-store-selector select { width: 100%; height: 37px; border: 1px solid #d8e4ef; border-radius: 6px; padding: 0 10px; color: #304761; background: #fff; font: inherit; font-size: 12px; outline: 0; }.global-store-selector select:focus { border-color: #6eb3ed; box-shadow: 0 0 0 2px #eaf6ff; }.global-store-selector-status { margin: 8px 0 0; color: #77889d; font-size: 10px; line-height: 1.45; }
@media (max-width: 1280px) { .catalog-reference-shell { overflow-x: auto; }.catalog-grid-head, .catalog-product-row { grid-template-columns: 28px minmax(260px, 1.9fr) 125px 60px 90px 130px 110px 72px 72px 90px 100px 78px; column-gap: 7px; }.catalog-grid-head { padding: 0 10px; font-size: 10px; }.catalog-product-row { min-height: 86px; padding: 10px; font-size: 10px; }.catalog-product { gap: 8px; }.product-thumb { width: 45px; height: 45px; font-size: 15px; }.catalog-product-row small { margin-top: 3px; font-size: 9px; }.catalog-row-actions { gap: 3px; }.catalog-row-actions button { padding: 3px 2px; font-size: 9px; } }

.store-table-row[hidden] { display: none; }
.store-table-row.is-active-store { background: #f2f8ff; box-shadow: inset 3px 0 0 #2f95ec; }.store-table-row.is-active-store strong { color: #146fbe; }.store-table-row [data-store-action="切换本地店铺"][aria-current="true"] { border-color: #56a3e6; color: #fff; background: #2d94ed; }
.store-table-head > span:last-child, .store-table-row > span:last-child { position: sticky; right: 0; z-index: 2; align-self: stretch; display: flex; align-items: center; padding-left: 8px; background: #fff; box-shadow: -8px 0 12px rgba(35, 66, 102, .06); }.store-table-head > span:last-child { z-index: 3; background: #f4f7fb; }.store-table-row > span:last-child { flex-wrap: wrap; gap: 4px; align-content: center; }.store-table-row > span:last-child button { flex: 0 0 auto; margin-right: 0; white-space: nowrap; }.store-table-row.is-active-store > span:last-child { background: #f2f8ff; }
.local-pricing-tool-focus { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 7px 10px; align-items: center; border: 1px solid #d6e9f9; border-radius: 7px; padding: 9px 10px; color: #4f728f; background: #fff; font-size: 11px; }.local-pricing-tool-focus span { color: #2d7ec2; font-weight: 800; }.local-pricing-tool-focus strong { color: #71859a; font-size: 10px; font-weight: 700; }.local-pricing-tool-focus b { color: #1b76c4; font-size: 15px; }.local-pricing-tool-focus em { grid-column: 1 / -1; color: #71859b; font-size: 10px; font-style: normal; line-height: 1.45; }
.local-business-entry-focus { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 7px 10px; align-items: center; border: 1px solid #d6e9f9; border-radius: 7px; padding: 9px 10px; color: #4f728f; background: #fff; font-size: 11px; }.local-business-entry-focus span { color: #2d7ec2; font-weight: 800; }.local-business-entry-focus strong { color: #71859a; font-size: 10px; font-weight: 700; }.local-business-entry-focus b { color: #1b76c4; font-size: 15px; }.local-business-entry-focus em { grid-column: 1 / -1; color: #71859b; font-size: 10px; font-style: normal; line-height: 1.45; }.business-table-empty { grid-template-columns: 1fr; color: #71859b; }
.local-analytics-report-console { display: grid; gap: 10px; margin: 15px 16px 0; overflow-x: auto; border: 1px solid #d9e8f6; border-radius: 8px; padding: 13px; background: linear-gradient(135deg, #fbfdff, #f3f8fd); }.local-analytics-report-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.local-analytics-report-heading div { display: grid; gap: 3px; }.local-analytics-report-heading strong { color: #2a6fa7; font-size: 13px; }.local-analytics-report-heading span { color: #71879b; font-size: 10px; }.local-analytics-report-list { min-width: 820px; border: 1px solid #e2ecf5; border-radius: 6px; background: #fff; }.local-analytics-report-list .business-table-row { grid-template-columns: 120px 56px 90px 120px 90px 90px 100px; min-height: 46px; }
.store-reference-shell, .collection-reference-shell { overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; }
.local-business-workspace { overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; }
.business-table { overflow: visible; }
.business-table-orders { min-width: 920px; }.business-table-orders .business-table-row { grid-template-columns: minmax(120px, 1.2fr) minmax(155px, 1.5fr) 54px 82px 90px minmax(118px, 1fr) minmax(168px, 1.35fr); }.business-linked-task { color: #59738d; font-size: 10px; }.local-order-procurement-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 11px 15px; border-bottom: 1px solid #eaf0f6; background: #fff; }.local-order-procurement-filters input, .local-order-procurement-filters select { height: 32px; border: 1px solid #d9e4ef; border-radius: 5px; padding: 0 9px; color: #40566f; background: #fff; font: inherit; }.local-order-procurement-filters input { min-width: 210px; }.local-order-procurement-filters span { margin-left: auto; color: #71859a; font-size: 10px; }
#local-business-views.is-order-reference-active > .panel-heading, #local-business-views.is-order-reference-active > .workbench-notice, #local-business-views.is-procurement-reference-active > .panel-heading, #local-business-views.is-procurement-reference-active > .workbench-notice { display: none; }
#local-business-views.is-order-reference-active, #local-business-views.is-procurement-reference-active { margin-top: 0; border: 0; border-radius: 0; padding: 0; background: transparent; box-shadow: none; }
.ozon-order-reference-shell { overflow: hidden; border: 1px solid #e4e9ef; border-radius: 8px; background: #fff; box-shadow: 0 3px 10px rgba(35,55,80,.035); }
.ozon-order-reference-tabs { display: flex; min-width: 100%; min-height: 50px; align-items: end; gap: 26px; border-bottom: 1px solid #e9edf2; padding: 0 18px; }
.ozon-order-reference-tabs button, .ozon-order-reference-statuses button { position: relative; min-height: 49px; border: 0; padding: 0; color: #677487; background: transparent; cursor: pointer; font: inherit; font-size: 11px; opacity: 1; }
.ozon-order-reference-tabs button[aria-selected="true"], .ozon-order-reference-statuses button[aria-selected="true"] { color: #24364e; font-weight: 700; }
.ozon-order-reference-tabs button[aria-selected="true"]::after, .ozon-order-reference-statuses button[aria-selected="true"]::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: #2d98ef; content: ''; }
.ozon-order-reference-tabs sup { margin-left: 5px; border-radius: 999px; padding: 1px 5px; color: #fff; background: #ff5252; font-size: 8px; }
.ozon-order-reference-topbar { display: flex; min-width: 100%; justify-content: space-between; align-items: center; padding: 12px 18px 0; }.ozon-order-reference-topbar button { min-height: 30px; border: 1px solid #7ab9ed; border-radius: 5px; padding: 0 11px; color: #287fc9; background: #fff; cursor: pointer; font: inherit; font-size: 10px; }.ozon-order-reference-topbar .ozon-order-auto-sync { border: 0; color: #64798e; }.ozon-order-reference-topbar .ozon-order-auto-sync::before { display: inline-block; width: 27px; height: 14px; margin-right: 7px; border-radius: 10px; vertical-align: -2px; background: #d8e0e9; content: ''; }
.ozon-order-reference-filters { display: grid; grid-template-columns: repeat(3, minmax(200px, 1fr)) auto; gap: 11px 18px; min-width: 100%; align-items: center; border-bottom: 1px solid #eef1f5; padding: 14px 18px; }
.ozon-order-reference-filters label { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 8px; align-items: center; min-width: 0; color: #526378; font-size: 10px; }.ozon-order-reference-filters label.is-advanced { display: none; }.ozon-order-reference-shell.is-filter-expanded .ozon-order-reference-filters label.is-advanced { display: grid; }.ozon-order-reference-filters input, .ozon-order-reference-filters select { width: 100%; min-width: 0; height: 35px; border: 1px solid #dfe5ed; border-radius: 6px; padding: 0 11px; color: #768497; background: #fff; font: inherit; font-size: 11px; outline: 0; }.ozon-order-reference-filters input:focus, .ozon-order-reference-filters select:focus { border-color: #73b6f0; box-shadow: 0 0 0 2px #eef8ff; }
.ozon-order-reference-filter-actions, .ozon-order-reference-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }.ozon-order-reference-filter-actions { justify-content: flex-end; }
.ozon-order-reference-filters button, .ozon-order-reference-actions button { min-height: 34px; border: 1px solid #3098ef; border-radius: 6px; padding: 0 13px; color: #278be3; background: #fff; cursor: pointer; font: inherit; font-size: 11px; opacity: 1; }
.ozon-order-reference-filters button.is-primary, .ozon-order-reference-actions button:first-child { color: #fff; background: #2f99ef; }.ozon-order-reference-filters button.is-link { border-color: transparent; }
.ozon-order-reference-actions { min-width: 100%; padding: 13px 18px; }
.ozon-order-reference-statuses { display: flex; min-width: 100%; min-height: 44px; overflow-x: auto; align-items: end; gap: 27px; border-top: 1px solid #eef1f5; border-bottom: 1px solid #e9edf2; padding: 0 18px; background: #f8fafc; }.ozon-order-reference-statuses button { min-height: 43px; white-space: nowrap; }.ozon-order-reference-statuses sup { margin-left: 5px; border-radius: 9px; padding: 1px 5px; color: #fff; background: #2f91ed; font-size: 9px; }
.ozon-order-reference-summary { display: flex; min-width: 100%; flex-wrap: wrap; gap: 24px; padding: 10px 18px; color: #67788d; font-size: 10px; }.ozon-order-reference-summary span:first-child { color: #2c6faa; font-weight: 700; }
.ozon-order-reference-table { min-width: 0; overflow-x: auto; border-top: 1px solid #e6ebf1; }.ozon-order-reference-table-head { display: grid; min-width: 1350px; grid-template-columns: 32px 70px 170px 220px 105px 155px 150px 145px 165px 90px; gap: 10px; align-items: center; min-height: 46px; padding: 0 16px; color: #33455c; background: #f3f6fa; font-size: 10px; font-weight: 700; }.ozon-order-reference-table-head > span:last-child { position: sticky; right: 0; z-index: 1; align-self: stretch; display: flex; align-items: center; background: #f3f6fa; }.ozon-order-reference-empty { min-width: 1350px; min-height: 300px; margin: 0; display: grid; place-items: center; color: #9aa7b6; font-size: 11px; }
.ozon-order-reference-table-head.is-processing { grid-template-columns: 32px 70px 155px 200px 100px 100px 140px 130px 130px 150px 90px; }
.ozon-order-reference-empty, .ozon-procurement-reference-empty { grid-template-rows: 132px auto; align-content: center; justify-items: center; gap: 8px; }
.ozon-order-reference-boundary { min-width: 100%; margin: 0; border-top: 1px solid #edf1f5; padding: 10px 18px; color: #8a6b2f; background: #fff9e9; font-size: 10px; }
.ozon-procurement-reference-shell { overflow-x: auto; border: 1px solid #e4e9ef; border-radius: 8px; background: #fff; box-shadow: 0 3px 10px rgba(35,55,80,.035); }
.ozon-procurement-reference-filters { display: grid; grid-template-columns: repeat(2, minmax(280px, 1fr)) auto; gap: 11px 12px; min-width: 920px; align-items: center; padding: 18px; background: #fff; }
.ozon-procurement-reference-filters label { min-width: 0; }.ozon-procurement-reference-filters label.is-advanced { display: none; }.ozon-procurement-reference-shell.is-filter-expanded .ozon-procurement-reference-filters label.is-advanced { display: block; }
.ozon-procurement-reference-filters input, .ozon-procurement-reference-filters select { width: 100%; min-width: 0; height: 36px; border: 1px solid #dfe5ed; border-radius: 6px; padding: 0 12px; color: #758499; background: #fff; font: inherit; font-size: 11px; outline: 0; }.ozon-procurement-reference-filters input:focus, .ozon-procurement-reference-filters select:focus { border-color: #72b5ef; box-shadow: 0 0 0 2px #eef8ff; }
.ozon-procurement-date-range { display: none; grid-template-columns: minmax(0, 1fr) 22px minmax(0, 1fr); align-items: center; }.ozon-procurement-reference-shell.is-filter-expanded .ozon-procurement-reference-filters label.ozon-procurement-date-range { display: grid; }.ozon-procurement-date-range em { color: #68778b; font-size: 11px; font-style: normal; text-align: center; }
.ozon-procurement-reference-filter-actions, .ozon-procurement-reference-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }.ozon-procurement-reference-filter-actions { justify-content: flex-end; }
.ozon-procurement-reference-filters button, .ozon-procurement-reference-actions button { min-height: 34px; border: 1px solid #3098ef; border-radius: 6px; padding: 0 15px; color: #278be3; background: #fff; cursor: pointer; font: inherit; font-size: 11px; opacity: 1; }.ozon-procurement-reference-filters button.is-primary, .ozon-procurement-reference-actions button:first-child { color: #fff; background: #2f99ef; }.ozon-procurement-reference-filters button.is-link { border-color: transparent; }.ozon-procurement-reference-actions button:disabled { border-color: #efcbd0; color: #d99199; background: #fff1f2; cursor: not-allowed; }
.ozon-procurement-reference-actions { min-width: 920px; border-top: 1px solid #eef1f5; padding: 16px 18px 12px; }
.ozon-procurement-reference-notices { display: flex; min-width: 920px; align-items: center; justify-content: space-between; gap: 18px; padding: 8px 18px 16px; color: #526378; font-size: 10px; }.ozon-procurement-reference-notices strong { color: #394c64; font-weight: 500; }.ozon-procurement-reference-notices span { color: #3e4d61; }
.ozon-procurement-reference-table { min-width: 1380px; border-top: 1px solid #e5eaf0; }.ozon-procurement-reference-table-head { display: grid; grid-template-columns: 32px 190px 120px 90px 70px 130px 95px 82px 115px 115px 95px 90px 82px; gap: 9px; align-items: center; min-height: 50px; padding: 0 16px; color: #2f4056; background: #f2f5f9; font-size: 10px; font-weight: 700; }.ozon-procurement-reference-table-head > span:last-child { position: sticky; right: 0; z-index: 1; align-self: stretch; display: flex; align-items: center; justify-content: center; background: #f2f5f9; box-shadow: -7px 0 9px rgba(39,55,78,.035); }.ozon-procurement-reference-empty { min-height: 320px; margin: 0; display: grid; place-items: center; color: #9aa7b6; font-size: 11px; }
.ozon-procurement-reference-boundary { min-width: 920px; margin: 0; border-top: 1px solid #edf1f5; padding: 10px 18px; color: #8a6b2f; background: #fff9e9; font-size: 10px; }
.ozon-feature-reference-shell { overflow: hidden; margin-bottom: 18px; border: 1px solid #e4e9ef; border-radius: 8px; background: #fff; box-shadow: 0 3px 10px rgba(35,55,80,.035); }
#ozon-verified-panel-shell { scroll-margin-top: 66px; }
.ozon-feature-reference-tabs, .ozon-feature-reference-statuses { display: flex; min-height: 48px; align-items: end; gap: 26px; overflow-x: auto; border-bottom: 1px solid #e9edf2; padding: 0 18px; }
.ozon-feature-reference-tabs button, .ozon-feature-reference-statuses button { position: relative; min-height: 47px; border: 0; padding: 0; white-space: nowrap; color: #65758a; background: transparent; font: inherit; font-size: 11px; opacity: 1; }
.ozon-feature-reference-tabs button[aria-selected="true"], .ozon-feature-reference-statuses button.is-active { color: #258fe5; font-weight: 700; }
.ozon-feature-reference-tabs button[aria-selected="true"]::after, .ozon-feature-reference-statuses button.is-active::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: #2d98ef; content: ''; }
.ozon-feature-reference-filters, .ozon-feature-reference-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; padding: 14px 18px; }
.ozon-feature-reference-filters { border-bottom: 1px solid #eef1f5; }
.ozon-feature-reference-filters input, .ozon-feature-reference-filters select { width: 190px; height: 35px; border: 1px solid #dfe5ed; border-radius: 6px; padding: 0 11px; color: #768497; background: #fff; font: inherit; font-size: 11px; }
.ozon-feature-reference-filters input[hidden], .ozon-feature-reference-filters select[hidden] { display: none; }
.ozon-feature-reference-filters button, .ozon-feature-reference-actions button, .ozon-feature-reference-section button { min-height: 34px; border: 1px solid #3098ef; border-radius: 6px; padding: 0 13px; color: #278be3; background: #fff; font: inherit; font-size: 11px; opacity: 1; }
.ozon-feature-reference-filters button.is-primary { color: #fff; background: #2f99ef; }
.ozon-feature-reference-filters button.is-link { border-color: transparent; }
.ozon-feature-reference-actions small, .ozon-feature-reference-section small { margin-left: -6px; margin-right: 4px; color: #94a4b6; font-size: 8px; }
.ozon-feature-reference-tabs button:not(:disabled), .ozon-feature-reference-statuses button:not(:disabled), .ozon-feature-reference-filters button:not(:disabled) { cursor: pointer; }
.ozon-feature-reference-feedback { margin: 0; border-top: 1px solid #edf1f5; padding: 9px 18px; color: #65758a; background: #f8fbfe; font-size: 10px; }
.ozon-feature-reference-notice { margin: 0; border-top: 1px solid #edf1f5; padding: 10px 18px; color: #a87723; background: #fff9ea; font-size: 10px; }
.ozon-feature-reference-instructions { margin: 0; border-top: 1px solid #edf1f5; padding: 0 18px 12px; color: #65758a; background: #fff9ea; font-size: 10px; }
.ozon-feature-reference-instructions > p { margin: 0 0 6px; color: #34455a; font-weight: 600; }
.ozon-feature-reference-instructions ul { margin: 0; padding-left: 18px; line-height: 1.75; }
.ozon-shop-cleanup-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #edf1f5; padding: 14px 18px; color: #26364c; }
.ozon-shop-cleanup-heading strong { font-size: 12px; }
.ozon-shop-cleanup-heading button { min-height: 32px; border: 1px solid #3298ee; border-radius: 6px; padding: 0 14px; color: #2889dc; background: #fff; font: inherit; font-size: 10px; cursor: pointer; }
.ozon-shop-cleanup-store { display: flex; flex-wrap: wrap; align-items: end; gap: 14px; border-bottom: 1px solid #edf1f5; padding: 14px 18px; }
.ozon-shop-cleanup-store label { display: grid; gap: 7px; color: #4d5d72; font-size: 10px; }
.ozon-shop-cleanup-store select { width: 220px; height: 34px; border: 1px solid #dfe5ed; border-radius: 5px; padding: 0 10px; color: #5e7086; background: #fff; font: inherit; font-size: 10px; }
.ozon-shop-cleanup-store p { margin: 0 0 8px; color: #8a98a9; font-size: 10px; }
.ozon-shop-cleanup-reference-shell { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.ozon-shop-cleanup-heading { border-radius: 9px 9px 0 0; background: #fff; }
.ozon-shop-cleanup-heading strong::before { display: inline-grid; width: 32px; height: 32px; place-items: center; margin-right: 10px; border-radius: 7px; color: #278be3; background: #edf7ff; content: '▣'; vertical-align: middle; }
.ozon-shop-cleanup-store { margin-bottom: 16px; border-radius: 0 0 9px 9px; background: #fff; box-shadow: 0 6px 18px rgb(44 69 96 / 5%); }
.ozon-shop-cleanup-store label { width: 100%; }
.ozon-shop-cleanup-store select { width: 100%; }
.ozon-shop-cleanup-store p { width: 100%; border: 1px solid #f5e3c1; border-radius: 4px; padding: 10px 12px; color: #c58a27; background: #fff8ec; }
.ozon-shop-cleanup-section { margin: 0 0 16px; border: 0; border-radius: 9px; padding: 0 20px 20px; background: #fff; box-shadow: 0 6px 18px rgb(44 69 96 / 5%); }
.ozon-shop-cleanup-section h3 { display: flex; min-height: 56px; align-items: center; gap: 10px; margin: 0 -20px 18px; border-bottom: 1px solid #edf1f5; padding: 0 20px; }
.ozon-shop-cleanup-section h3::before { display: inline-grid; width: 30px; height: 30px; flex: 0 0 auto; place-items: center; border-radius: 6px; color: #e8a52c; background: #fff7e7; content: '▣'; }
.ozon-shop-cleanup-section p { border: 1px solid #f5e3c1; border-radius: 4px; padding: 10px 12px; color: #8b7859; background: #fff8ec; }
.ozon-shop-cleanup-section:nth-of-type(2) h3::before { color: #fff; background: #ff3c43; content: '!'; }
.ozon-shop-cleanup-section:nth-of-type(2) p { border-color: #ffd4d7; color: #e44f57; background: #fff1f2; }
.ozon-shop-cleanup-section:nth-of-type(3) h3::before { color: #268ee1; background: #edf7ff; content: '↺'; }
.ozon-shop-cleanup-section:nth-of-type(4) h3::before { color: #617389; background: #f1f4f7; content: '≡'; }
.ozon-shop-cleanup-section button:disabled { cursor: not-allowed; opacity: 1; }
.ozon-shop-cleanup-section:first-of-type button:disabled { border-color: #ff9fa2; color: #fff; background: #ff9fa2; }
.ozon-shop-cleanup-section:nth-of-type(2) button:disabled { border-color: #ffc8cb; color: #ef8d93; background: #fff; }
.ozon-shop-cleanup-section:nth-of-type(3) button:disabled { border-color: #9bcff4; color: #258cde; background: #fff; }
.ozon-shop-cleanup-reference-shell > .ozon-feature-reference-table { margin-top: 0; border: 0; border-radius: 9px; background: #fff; box-shadow: 0 6px 18px rgb(44 69 96 / 5%); }
.ozon-shop-analysis-store { display: flex; align-items: center; gap: 14px; border-bottom: 1px solid #edf1f5; padding: 14px 18px; }
.ozon-shop-analysis-store select { width: 220px; height: 34px; border: 1px solid #dfe5ed; border-radius: 5px; padding: 0 10px; color: #5e7086; background: #fff; font: inherit; font-size: 10px; }
.ozon-shop-analysis-store p { margin: 0; color: #e36b6b; font-size: 10px; }
.ozon-shop-analysis-periods { border-bottom: 0; padding-bottom: 7px; }
.ozon-shop-analysis-date-row { display: flex; align-items: center; gap: 9px; padding: 0 18px 12px; }
.ozon-shop-analysis-date-row input, .ozon-shop-analysis-details input { height: 34px; border: 1px solid #dfe5ed; border-radius: 5px; padding: 0 10px; color: #5e7086; background: #fff; font: inherit; font-size: 10px; }
.ozon-shop-analysis-chart { margin: 0 18px 14px; border: 1px solid #e7edf4; border-radius: 7px; }
.ozon-shop-analysis-chart > div { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #edf1f5; padding: 12px 14px; color: #34455a; font-size: 11px; }
.ozon-shop-analysis-chart button, .ozon-shop-analysis-details button { min-height: 32px; border: 1px solid #3298ee; border-radius: 6px; padding: 0 14px; color: #2889dc; background: #fff; font: inherit; font-size: 10px; cursor: pointer; }
.ozon-shop-analysis-chart > p { margin: 0; padding: 48px 18px; color: #9aa7b5; text-align: center; font-size: 11px; }
.ozon-shop-analysis-details { border-top: 1px solid #edf1f5; padding: 14px 18px; }
.ozon-shop-analysis-details h3 { margin: 0 0 12px; color: #34455a; font-size: 12px; }
.ozon-shop-analysis-details > div { display: flex; align-items: center; gap: 9px; }
.ozon-shop-analysis-details input { width: 220px; }
.ozon-shop-analysis-table > div { min-width: 1500px; }
.ozon-shop-messages-tabs { padding-bottom: 0; }
.ozon-shop-messages-toolbar { display: flex; align-items: end; gap: 12px; border-bottom: 1px solid #edf1f5; padding: 14px 18px; }
.ozon-shop-messages-toolbar label { display: grid; gap: 7px; color: #4d5d72; font-size: 10px; }
.ozon-shop-messages-toolbar select { width: 220px; height: 34px; border: 1px solid #dfe5ed; border-radius: 5px; padding: 0 10px; color: #5e7086; background: #fff; font: inherit; font-size: 10px; }
.ozon-shop-messages-toolbar button { min-height: 34px; border: 1px solid #3298ee; border-radius: 6px; padding: 0 14px; color: #2889dc; background: #fff; font: inherit; font-size: 10px; cursor: pointer; }
.ozon-shop-messages-workspace { display: grid; grid-template-columns: minmax(260px, 34%) minmax(420px, 1fr); min-height: 360px; }
.ozon-shop-messages-workspace > section { display: grid; place-items: center; min-width: 0; padding: 24px; color: #9aa7b5; font-size: 11px; }
.ozon-shop-messages-workspace > section + section { border-left: 1px solid #edf1f5; }
.ozon-shop-messages-workspace p { margin: 0; }
.ozon-feature-reference-section { margin: 14px 18px; border: 1px solid #e7edf4; border-radius: 7px; padding: 15px; }
.ozon-feature-reference-section h3 { margin: 0 0 8px; color: #2d3d53; font-size: 13px; }
.ozon-feature-reference-section p { margin: 0 0 12px; color: #7b8999; font-size: 10px; }
.ozon-feature-reference-section > div { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.ozon-feature-reference-table { overflow-x: auto; border-top: 1px solid #edf1f5; }
.ozon-feature-reference-table > div { display: grid; grid-auto-columns: minmax(110px, 1fr); grid-auto-flow: column; min-width: max-content; min-height: 43px; align-items: center; padding: 0 18px; color: #34465c; background: #f5f7fa; font-size: 10px; font-weight: 700; }
.ozon-feature-reference-table > div span { min-width: 110px; text-align: center; }
.ozon-feature-reference-table.has-selection-column > div span:first-child { display: grid; min-width: 44px; place-items: center; }
.ozon-feature-reference-table.has-selection-column > div input[type="checkbox"] { width: 14px; height: 14px; }
.ozon-feature-reference-table > p { display: grid; min-height: 270px; grid-template-rows: 132px auto; align-content: center; justify-items: center; gap: 8px; margin: 0; padding: 30px 18px; color: #9aa7b5; text-align: center; font-size: 11px; }
.ozon-feature-reference-table > p::before, .ozon-order-reference-empty::before, .ozon-procurement-reference-empty::before { width: 150px; height: 132px; content: ''; background: url('/assets/empty-box-original.png') center / contain no-repeat; opacity: .72; }
.ozon-collection-reference-shell .ozon-feature-reference-actions { border-top: 0; padding-top: 12px; padding-bottom: 12px; }.ozon-collection-reference-shell .ozon-feature-reference-notice { color: #65758a; background: #f7fbff; }.ozon-collection-reference-table > div { grid-auto-flow: initial; grid-template-columns: 44px minmax(150px, 1.1fr) minmax(220px, 1.7fr) 90px 145px 145px 90px; min-width: 1050px; }.ozon-collection-reference-table > div span { min-width: 0; text-align: left; }.ozon-collection-reference-table > div span:first-child { display: grid; place-items: center; }.ozon-collection-reference-table > div input { width: 14px; height: 14px; }
.ozon-feature-reference-boundary { margin: 0; border-top: 1px solid #edf1f5; padding: 10px 18px; color: #8a6b2f; background: #fff9e9; font-size: 10px; }
.ozon-knowledge-filter-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 18px; }
.ozon-knowledge-filter-row input { width: 220px; height: 36px; border: 1px solid #dfe5ed; border-radius: 6px; padding: 0 12px; color: #5e7086; background: #fff; font: inherit; font-size: 11px; outline: 0; }
.ozon-knowledge-filter-row input:focus { border-color: #73b6ef; box-shadow: 0 0 0 2px #edf8ff; }
.ozon-knowledge-filter-row button, .ozon-knowledge-pagination button { min-height: 34px; border: 1px solid #3298ee; border-radius: 6px; padding: 0 14px; color: #2889dc; background: #fff; font: inherit; font-size: 11px; cursor: pointer; }
.ozon-knowledge-filter-row button.is-primary { color: #fff; background: #2f98ee; }
.ozon-knowledge-table-wrap { overflow-x: auto; border-top: 1px solid #e7ecf2; }
.ozon-knowledge-table-wrap table { width: 100%; min-width: 1060px; border-spacing: 0; border-collapse: separate; color: #40526a; font-size: 10px; }
.ozon-knowledge-table-wrap th { height: 42px; border-right: 1px solid #e7ecf2; border-bottom: 1px solid #e7ecf2; padding: 8px 10px; color: #34475e; background: #f3f6fa; font-weight: 700; text-align: center; white-space: nowrap; }
.ozon-knowledge-table-wrap th:first-child { min-width: 310px; text-align: left; }
.ozon-knowledge-table-wrap td { border-bottom: 1px solid #edf1f5; padding: 0; background: #fff; }
.ozon-knowledge-empty { display: grid; min-height: 290px; place-items: center; color: #9aa8b8; font-size: 11px; }
.ozon-knowledge-pagination { display: flex; min-height: 54px; align-items: center; justify-content: flex-end; gap: 8px; padding: 0 18px; color: #6d7e91; font-size: 10px; }
.ozon-knowledge-pagination select { height: 31px; border: 1px solid #dfe5ed; border-radius: 5px; padding: 0 8px; color: #68798e; background: #fff; font: inherit; font-size: 10px; }
.ozon-knowledge-pagination button { min-width: 31px; min-height: 31px; padding: 0; }
.ozon-knowledge-pagination button:disabled { border-color: #e6eaf0; color: #bdc6d0; background: #f7f8fa; cursor: not-allowed; }
.ozon-knowledge-pagination strong { display: grid; min-width: 30px; height: 30px; place-items: center; border-radius: 5px; color: #fff; background: #2e95e9; }
.ozon-logistics-tabs { align-items: center; gap: 11px; padding: 10px 18px; }
.ozon-logistics-tabs button { min-height: 31px; border: 1px solid #dbe5ef; border-radius: 5px; padding: 0 12px; }
.ozon-logistics-tabs button[aria-selected="true"] { border-color: #2f98ed; color: #fff; background: #2f98ed; }
.ozon-logistics-tabs button[aria-selected="true"]::after { display: none; }
.ozon-logistics-table-wrap table { min-width: 1780px; }
.ozon-logistics-table-wrap th:first-child { min-width: 100px; text-align: center; }
.ozon-pricing-reference-notice { margin: 0; border-bottom: 1px solid #e8edf3; padding: 9px 18px; color: #4f89b8; background: #f1f8ff; font-size: 10px; }
.ozon-pricing-reference-layout { display: grid; grid-template-columns: minmax(580px, 1.45fr) minmax(330px, .8fr); gap: 14px; padding: 14px; background: #f6f8fb; }
.ozon-pricing-reference-form-panel, .ozon-pricing-reference-results > section { border: 1px solid #edf1f5; border-radius: 8px; background: #fff; }
.ozon-pricing-reference-form-panel { min-width: 0; padding: 20px; }
.ozon-pricing-reference-form-panel h1 { margin: 0 0 24px; color: #087bdf; font-size: 23px; text-align: center; }
.ozon-pricing-reference-form-panel h2, .ozon-pricing-reference-results h2 { margin: 22px 0 14px; color: #3d5068; font-size: 13px; }
.ozon-pricing-reference-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
.ozon-pricing-reference-search input { min-width: 0; height: 38px; border: 1px solid #dce3eb; border-radius: 6px; padding: 0 12px; color: #64758a; background: #fff; font: inherit; font-size: 10px; }
.ozon-pricing-reference-search button, .ozon-pricing-reference-control button, .ozon-pricing-reference-start, .ozon-pricing-reference-details button { min-height: 36px; border: 1px solid #2d97ed; border-radius: 6px; padding: 0 15px; color: #278bdf; background: #fff; font: inherit; font-size: 10px; cursor: pointer; }
.ozon-pricing-reference-search button, .ozon-pricing-reference-start { color: #fff; background: #2e95e9; }
.ozon-pricing-reference-fields { display: grid; gap: 11px; }
.ozon-pricing-reference-fields > label { display: grid; grid-template-columns: 145px minmax(0, 1fr); align-items: center; gap: 12px; color: #4b5d73; font-size: 10px; }
.ozon-pricing-reference-fields > label > span { text-align: right; }
.ozon-pricing-reference-control { display: flex; min-width: 0; align-items: center; }
.ozon-pricing-reference-control input, .ozon-pricing-reference-control select { min-width: 0; height: 36px; flex: 1 1 auto; border: 1px solid #dce3eb; padding: 0 11px; color: #5f7187; background: #fff; font: inherit; font-size: 10px; outline: 0; }
.ozon-pricing-reference-control input:first-child, .ozon-pricing-reference-control select:first-child { border-radius: 6px 0 0 6px; }
.ozon-pricing-reference-control input:last-child, .ozon-pricing-reference-control select:last-child { border-radius: 6px; }
.ozon-pricing-reference-control em { display: grid; height: 36px; min-width: 36px; place-items: center; border: 1px solid #dce3eb; border-left: 0; color: #7b8999; background: #fafbfc; font-size: 10px; font-style: normal; }
.ozon-pricing-reference-control button { margin-left: 8px; white-space: nowrap; }
.ozon-pricing-dimensions .ozon-pricing-reference-control input { width: 33%; border-radius: 0; }
.ozon-pricing-dimensions .ozon-pricing-reference-control input:first-of-type { border-radius: 6px 0 0 6px; }
.ozon-pricing-dimensions .ozon-pricing-reference-control em { min-width: 26px; border-right: 0; background: #fff; }
.ozon-pricing-sale-prices .ozon-pricing-reference-control { gap: 8px; }
.ozon-pricing-sale-prices .ozon-pricing-reference-control input[type="number"] { border-radius: 6px; }
.ozon-pricing-sale-prices .ozon-pricing-reference-control input[type="checkbox"] { width: 34px; min-width: 34px; height: 20px; flex: 0 0 34px; accent-color: #2e95e9; }
.ozon-pricing-reference-start { display: block; min-width: 140px; margin: 22px auto 0; }
.ozon-pricing-reference-results { display: grid; min-width: 0; align-content: start; gap: 12px; }
.ozon-pricing-reference-results > section { padding: 16px; }
.ozon-pricing-reference-results h2 { margin: 0 0 16px; }
.ozon-pricing-reference-summary { position: relative; overflow: hidden; min-height: 190px; background: linear-gradient(145deg, #fff 0%, #f2f6ff 100%) !important; }
.ozon-pricing-reference-summary > strong { display: block; margin: 10px 0 5px; color: #f14f6d; font-size: 38px; }
.ozon-pricing-reference-summary > p { margin: 0 0 18px; color: #778597; font-size: 11px; }
.ozon-pricing-reference-summary > small { display: block; margin-top: 16px; color: #8391a3; font-size: 9px; }
.ozon-pricing-result-values { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ozon-pricing-result-values > div { white-space: pre-line; color: #7a8798; font-size: 10px; line-height: 1.65; }
.ozon-pricing-result-values > div::first-line { color: #f14f6d; font-size: 24px; font-weight: 800; }
.ozon-pricing-safety { display: grid; grid-template-columns: 1fr auto; gap: 7px; color: #7e8b9b; font-size: 9px; }
.ozon-pricing-safety i { grid-column: 1 / -1; height: 10px; border-radius: 999px; background: #dce5f4; }
.ozon-pricing-reference-logistics { min-height: 115px; }
.ozon-pricing-reference-logistics p { margin: 0; color: #8794a4; font-size: 10px; }
.ozon-pricing-reference-details > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ozon-pricing-reference-details > div h2 { margin: 0; }
.ozon-pricing-reference-details button { min-height: 30px; padding: 0 10px; }
.ozon-pricing-reference-details > p { display: flex; min-height: 32px; align-items: center; justify-content: space-between; gap: 12px; margin: 0; border-bottom: 1px dashed #e8edf3; color: #66768a; font-size: 10px; }
.ozon-pricing-reference-details > p strong { color: #8794a3; }
@media (max-width: 980px) { .ozon-pricing-reference-layout { grid-template-columns: 1fr; }.ozon-pricing-reference-fields > label { grid-template-columns: 125px minmax(0, 1fr); } }
@media (max-width: 640px) { .ozon-knowledge-filter-row input { width: 100%; }.ozon-knowledge-filter-row button { flex: 1 1 120px; }.ozon-pricing-reference-layout { padding: 9px; }.ozon-pricing-reference-form-panel { padding: 15px 11px; }.ozon-pricing-reference-fields > label { grid-template-columns: 1fr; gap: 5px; }.ozon-pricing-reference-fields > label > span { text-align: left; }.ozon-pricing-reference-search { grid-template-columns: 1fr; }.ozon-pricing-reference-search button { width: 100%; } }
.ozon-feature-settings-content { min-width: 0; }
.ozon-feature-settings-sync-note { margin: 0; border-bottom: 1px solid #edf1f5; padding: 10px 18px; color: #63768c; background: #fbfdff; font-size: 10px; }
.ozon-feature-settings-info { display: grid; gap: 6px; border-bottom: 1px solid #edf1f5; padding: 14px 18px; color: #6d7f93; background: #fbfdff; font-size: 10px; line-height: 1.55; }
.ozon-feature-settings-info p { margin: 0; }
.ozon-feature-settings-template-table > div { grid-auto-flow: unset; grid-template-columns: 145px minmax(280px, 1fr) 180px 180px; min-width: 790px; }
.ozon-feature-settings-template-row { border-top: 1px solid #edf1f5; color: #677a91 !important; background: #fff !important; font-weight: 400 !important; }
.ozon-feature-settings-template-row strong { color: #344b65; font-size: 11px; }
.ozon-feature-settings-row-actions { display: flex; justify-content: center; gap: 6px; }
.ozon-feature-settings-row-actions button, .ozon-feature-settings-packing-heading button, .ozon-feature-settings-template-actions button { min-height: 30px; border: 1px solid #3098ef; border-radius: 5px; padding: 0 10px; color: #278be3; background: #fff; font: inherit; font-size: 10px; cursor: pointer; }
.ozon-feature-settings-row-actions button:disabled, .ozon-feature-settings-packing-heading button:disabled, .ozon-feature-settings-template-actions button:disabled { cursor: not-allowed; opacity: .48; }
.ozon-feature-settings-packing-heading { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #edf1f5; padding: 0 18px; }
.ozon-feature-settings-packing-heading strong { color: #2d4159; font-size: 13px; }
.ozon-feature-settings-packing-heading button { color: #fff; background: #2f99ef; }
.ozon-feature-settings-packing-layout { display: grid; grid-template-columns: 210px minmax(620px, 1fr); min-height: 470px; }
.ozon-feature-settings-template-list { display: grid; align-content: start; gap: 9px; border-right: 1px solid #e8edf3; padding: 16px; background: #fbfcfe; }
.ozon-feature-settings-template-list > strong { color: #40546d; font-size: 11px; }
.ozon-feature-settings-template-list button { min-height: 37px; border: 1px solid #dce6ef; border-radius: 6px; padding: 0 10px; color: #5c7088; background: #fff; text-align: left; }
.ozon-feature-settings-template-list button.is-active { border-color: #7bb9ed; color: #2788dc; background: #eef8ff; }
.ozon-feature-settings-template-editor { min-width: 0; padding: 18px; }
.ozon-feature-settings-template-editor h3 { margin: 0 0 15px; color: #30465f; font-size: 13px; }
.ozon-feature-settings-template-form { display: grid; grid-template-columns: minmax(240px, 1fr) minmax(240px, 1fr); gap: 12px; }
.ozon-feature-settings-template-form label { display: grid; gap: 6px; color: #5d6e82; font-size: 10px; font-weight: 700; }
.ozon-feature-settings-template-form input, .ozon-feature-settings-template-form select { width: 100%; height: 35px; border: 1px solid #dfe5ed; border-radius: 6px; padding: 0 11px; color: #42566f; background: #fff; font: inherit; font-size: 11px; }
.ozon-feature-settings-template-help { margin: 12px 0; border-radius: 6px; padding: 9px 11px; color: #76879a; background: #f5f8fb; font-size: 9px; line-height: 1.5; }
.ozon-feature-settings-template-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 12px; border: 1px solid #e7edf4; border-radius: 7px; padding: 13px; }
.ozon-feature-settings-template-fields label { display: flex; min-width: 0; align-items: center; gap: 6px; color: #5d7087; font-size: 10px; }
.ozon-feature-settings-template-fields input { accent-color: #2f99ef; }
.ozon-feature-settings-template-fields span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ozon-feature-settings-template-actions { display: flex; gap: 8px; margin-top: 13px; }
.ozon-feature-settings-template-preview { display: grid; min-height: 90px; align-content: center; gap: 6px; margin-top: 13px; border: 1px dashed #b8cce0; border-radius: 7px; padding: 16px; color: #7b8da1; background: #fbfdff; text-align: center; font-size: 10px; }
.ozon-feature-settings-template-preview strong { color: #3a536e; font-size: 12px; }
@media (max-width: 960px) { .ozon-feature-settings-packing-layout { grid-template-columns: 1fr; }.ozon-feature-settings-template-list { border-right: 0; border-bottom: 1px solid #e8edf3; }.ozon-feature-settings-template-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .ozon-feature-settings-template-form, .ozon-feature-settings-template-fields { grid-template-columns: 1fr; }.ozon-feature-settings-packing-heading { align-items: stretch; flex-direction: column; padding-top: 12px; padding-bottom: 12px; }.ozon-feature-settings-packing-heading button { width: 100%; } }
.ozon-buyer-reviews-store-row { display: flex; align-items: center; border-bottom: 1px solid #edf1f5; padding: 14px 18px; }
.ozon-buyer-reviews-store-row select, .ozon-buyer-reviews-filter-row input, .ozon-buyer-reviews-filter-row select { width: 190px; height: 35px; border: 1px solid #dfe5ed; border-radius: 6px; padding: 0 11px; color: #65768a; background: #fff; font: inherit; font-size: 11px; }
.ozon-buyer-reviews-status-row { display: flex; min-height: 48px; align-items: center; gap: 25px; overflow-x: auto; border-bottom: 1px solid #edf1f5; padding: 0 18px; }
.ozon-buyer-reviews-status-row strong { color: #3c5067; font-size: 11px; }
.ozon-buyer-reviews-status-row button { position: relative; min-height: 47px; border: 0; padding: 0 3px; color: #6d7e91; background: transparent; font: inherit; font-size: 11px; cursor: pointer; }
.ozon-buyer-reviews-status-row button.is-active { color: #258fe5; font-weight: 700; }
.ozon-buyer-reviews-status-row button.is-active::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: #2d98ef; content: ''; }
.ozon-buyer-reviews-filter-row, .ozon-buyer-reviews-action-row { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; border-bottom: 1px solid #edf1f5; padding: 14px 18px; }
.ozon-buyer-reviews-filter-row button, .ozon-buyer-reviews-action-row button { min-height: 34px; border: 1px solid #3098ef; border-radius: 6px; padding: 0 13px; color: #278be3; background: #fff; font: inherit; font-size: 11px; cursor: pointer; }
.ozon-buyer-reviews-filter-row button.is-primary { color: #fff; background: #2f99ef; }
.ozon-buyer-reviews-filter-row button.is-pending-reply { border-color: #f0b44e; color: #ad7416; background: #fff9eb; }
.ozon-buyer-reviews-action-row { background: #fbfdff; }
@media (max-width: 640px) { .ozon-buyer-reviews-store-row select, .ozon-buyer-reviews-filter-row input, .ozon-buyer-reviews-filter-row select { width: 100%; }.ozon-buyer-reviews-filter-row button, .ozon-buyer-reviews-action-row button { flex: 1 1 120px; } }
.ozon-image-translation-heading { display: flex; min-height: 86px; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid #edf1f5; padding: 16px 20px; }
.ozon-image-translation-heading > div:first-child { display: grid; gap: 6px; }
.ozon-image-translation-heading h1 { margin: 0; color: #253a53; font-size: 20px; }
.ozon-image-translation-heading p { margin: 0; color: #7a899b; font-size: 11px; }
.ozon-image-translation-points { display: flex; align-items: center; gap: 8px; border: 1px solid #e2e9f1; border-radius: 8px; padding: 9px 10px; background: #fbfdff; }
.ozon-image-translation-points > div, .ozon-image-translation-quota > div { display: grid; gap: 2px; min-width: 78px; }
.ozon-image-translation-points span, .ozon-image-translation-quota span { color: #7a8b9f; font-size: 9px; }
.ozon-image-translation-points strong, .ozon-image-translation-quota strong { color: #2c84d4; font-size: 13px; }
.ozon-image-translation-points button, .ozon-image-translation-quota button, .ozon-image-translation-upload-panel button { min-height: 31px; border: 1px solid #2f98ed; border-radius: 6px; padding: 0 11px; color: #288be1; background: #fff; font: inherit; font-size: 10px; cursor: pointer; }
.ozon-image-translation-points button:last-child, .ozon-image-translation-quota button:last-child, .ozon-image-translation-upload-panel button.ozon-image-translation-start { color: #fff; background: #2f98ed; }
.ozon-image-translation-workspace { display: grid; grid-template-columns: minmax(440px, .92fr) minmax(420px, 1.08fr); gap: 14px; padding: 16px 18px; background: #f7f9fc; }
.ozon-image-translation-upload-panel, .ozon-image-translation-result-panel { min-width: 0; border: 1px solid #e1e8f0; border-radius: 8px; padding: 16px; background: #fff; }
.ozon-image-translation-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #edf1f5; padding-bottom: 13px; }
.ozon-image-translation-section-heading > div { display: grid; grid-template-columns: auto auto; align-items: baseline; gap: 4px 10px; }
.ozon-image-translation-section-heading span { color: #344a63; font-size: 13px; font-weight: 700; }
.ozon-image-translation-section-heading strong { color: #2c8bdd; font-size: 11px; }
.ozon-image-translation-section-heading small { grid-column: 1 / -1; color: #8a99ab; font-size: 9px; }
.ozon-image-translation-option-group { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 14px 0 0; border: 0; padding: 0; }
.ozon-image-translation-option-group legend { float: left; width: 100%; margin-bottom: 7px; color: #40566f; font-size: 11px; font-weight: 700; }
.ozon-image-translation-option-group label { display: flex; align-items: center; gap: 5px; color: #62758b; font-size: 10px; }
.ozon-image-translation-option-group input { accent-color: #2e95eb; }
.ozon-image-translation-quota { display: flex; align-items: center; gap: 8px; margin-top: 14px; border: 1px solid #e5ebf2; border-radius: 7px; padding: 10px; background: #fafcff; }
.ozon-image-translation-channel-note { margin: 14px 0 10px; border-radius: 6px; padding: 8px 10px; color: #7b8da1; background: #f3f7fb; font-size: 9px; line-height: 1.5; }
.ozon-image-translation-upload-panel button.ozon-image-translation-start { width: 100%; min-height: 38px; }
.ozon-image-translation-upload-panel button.ozon-image-translation-start:disabled { border-color: #dce4ed; color: #9ca9b6; background: #edf1f5; cursor: not-allowed; }
.ozon-image-translation-result-panel { display: grid; min-height: 390px; place-content: center; gap: 8px; border-style: dashed; color: #8796a8; text-align: center; }
.ozon-image-translation-result-panel strong { color: #536980; font-size: 13px; }
.ozon-image-translation-result-panel span { max-width: 320px; font-size: 10px; line-height: 1.55; }
@media (max-width: 980px) { .ozon-image-translation-workspace { grid-template-columns: 1fr; }.ozon-image-translation-result-panel { min-height: 230px; } }
@media (max-width: 640px) { .ozon-image-translation-heading { align-items: stretch; flex-direction: column; }.ozon-image-translation-points { justify-content: space-between; }.ozon-image-translation-workspace { padding: 10px; }.ozon-image-translation-quota { flex-wrap: wrap; } }
.ozon-external-ai-heading { display: flex; min-height: 112px; align-items: center; gap: 15px; border-bottom: 1px solid #edf1f5; padding: 20px 22px; background: linear-gradient(135deg, #fbfdff, #f3f8fd); }
.ozon-external-ai-mark { display: grid; width: 48px; height: 48px; flex: 0 0 48px; place-items: center; border-radius: 12px; color: #fff; background: linear-gradient(145deg, #319ef3, #2578d6); font-size: 15px; font-weight: 800; }
.ozon-external-ai-heading > div { display: grid; flex: 1 1 auto; gap: 4px; }
.ozon-external-ai-heading > div > span { color: #318ad2; font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.ozon-external-ai-heading h1 { margin: 0; color: #2c4059; font-size: 20px; }
.ozon-external-ai-heading p { margin: 0; color: #7a8a9e; font-size: 10px; }
.ozon-external-ai-heading em { border-radius: 999px; padding: 5px 9px; color: #a66c11; background: #fff1d8; font-size: 9px; font-style: normal; font-weight: 700; }
.ozon-external-ai-state-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 18px 22px; }
.ozon-external-ai-state-grid article { display: grid; min-height: 104px; align-content: center; gap: 7px; border: 1px solid #e2eaf3; border-radius: 8px; padding: 14px; background: #fbfdff; }
.ozon-external-ai-state-grid span { color: #8796a8; font-size: 9px; }
.ozon-external-ai-state-grid strong { color: #3a5672; font-size: 13px; }
.ozon-external-ai-state-grid small { color: #7b8da0; font-size: 9px; line-height: 1.5; }
.ozon-external-ai-actions { display: flex; flex-wrap: wrap; gap: 9px; border-top: 1px solid #edf1f5; padding: 14px 22px; }
.ozon-external-ai-actions button { min-height: 34px; border: 1px solid #2f98ed; border-radius: 6px; padding: 0 14px; color: #278be3; background: #fff; font: inherit; font-size: 10px; cursor: pointer; }
.ozon-external-ai-actions button:first-child { color: #fff; background: #2f98ed; }
@media (max-width: 720px) { .ozon-external-ai-heading { align-items: flex-start; flex-wrap: wrap; }.ozon-external-ai-heading em { margin-left: 63px; }.ozon-external-ai-state-grid { grid-template-columns: 1fr; } }
.is-public-legacy-hidden { display: none !important; }
.ozon-internal-draft-frame[hidden] { display: none !important; }
#local-feature-workspace.is-reference-shell-active > .feature-workspace-shell-heading { display: none; }
#local-feature-workspace.is-reference-shell-active { border: 0; background: transparent; box-shadow: none; }
#local-feature-workspace.is-reference-shell-active > #local-feature-workspace-root { padding: 0; }
#local-feature-workspace.is-reference-shell-active .feature-workspace-heading { margin-top: 18px; border: 1px solid #e6ebf2; border-radius: 8px 8px 0 0; background: #fff; }
#local-business-views.is-order-reference-active #local-business-views-root > .local-view-switch { margin-top: 14px; }
.local-order-batch-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid #e7eef5; padding: 9px 15px; background: #f7fbff; }.local-order-batch-actions span { color: #6d8298; font-size: 10px; }
.business-table-operations .business-table-row { grid-template-columns: minmax(150px, 1.6fr) minmax(120px, 1.1fr) 72px 88px minmax(128px, .9fr); }
.local-promotion-workspace-tabs { display: flex; gap: 8px; padding: 12px 15px 0; border-bottom: 1px solid #eaf0f6; background: #fff; }.local-promotion-workspace-tabs .local-view-button { border-width: 0 0 2px; border-radius: 0; padding: 9px 12px 10px; background: transparent; }.local-promotion-workspace-tabs .local-view-button.is-selected { border-color: #2888ed; color: #1677d2; background: transparent; }.local-promotion-custom-draft { background: #f8fbff; }.business-table-promotions { min-width: 930px; }.business-table-promotions .business-table-row { grid-template-columns: 110px minmax(150px, 1.5fr) 82px minmax(130px, 1.1fr) 88px minmax(150px, 1.1fr); }.business-table-promotions .business-table-row > span:last-child { display: flex; flex-wrap: wrap; gap: 6px; }
.reference-section-action + .reference-section-action { margin-left: 0; }
.reference-section-action-muted { color: #8493a6; }
.reference-role-grid button.is-selected { border-color: #65adea; color: #176fb8; background: #eaf6ff; box-shadow: inset 0 0 0 1px rgba(72, 160, 234, .15); }
.reference-role-preview { margin: 0 15px 8px !important; color: #3978ad !important; font-size: 10px !important; line-height: 1.5; }
.local-summary-action { display: block; margin-top: 10px; border: 0; padding: 0; color: #267bc4; background: transparent; cursor: pointer; font: inherit; font-size: 11px; font-weight: 700; text-align: left; }
.local-summary-action:hover { color: #115eaa; text-decoration: underline; }
.local-summary-action:focus-visible { outline: 2px solid #5daee8; outline-offset: 3px; border-radius: 2px; }
.skip-link { position: fixed; z-index: 100; top: 8px; left: 10px; padding: 9px 12px; border-radius: 6px; color: #fff; background: #176fb8; font-size: 12px; font-weight: 700; transform: translateY(-160%); transition: transform .15s ease; }
.skip-link:focus { transform: translateY(0); outline: 2px solid #b7e3ff; outline-offset: 2px; }
button:focus-visible, a:focus-visible { outline: 2px solid #5daee8; outline-offset: 2px; }
.extension-preview-fields { display: flex; flex-wrap: wrap; gap: 7px 12px; margin: 14px 0 0; border: 1px solid #deebf5; border-radius: 8px; padding: 10px 11px; color: #54718f; background: #fbfdff; }
.extension-preview-fields legend { padding: 0 4px; color: #347cbd; font-size: 11px; font-weight: 700; }
.extension-preview-fields p { flex-basis: 100%; margin: 0 0 2px; color: #788a9f; font-size: 10px; line-height: 1.45; }
.extension-preview-fields label { display: inline-flex; align-items: center; gap: 5px; color: #58738f; font-size: 11px; cursor: pointer; }
.extension-preview-fields input { accent-color: #3a9dec; }
.extension-local-preview [hidden] { display: none; }
.local-action-toast { position: fixed; top: 66px; right: 18px; z-index: 80; display: grid; min-width: 220px; max-width: min(360px, calc(100vw - 36px)); gap: 3px; border: 1px solid #cae4f8; border-radius: 9px; padding: 11px 13px; color: #2b4e6d; background: rgba(250, 253, 255, .98); box-shadow: 0 12px 32px rgba(29, 70, 109, .16); opacity: 0; transform: translateY(-8px); transition: opacity .16s ease, transform .16s ease; pointer-events: none; }.local-action-toast.is-visible { opacity: 1; transform: translateY(0); }.local-action-toast[hidden] { display: none; }.local-action-toast strong, .local-action-toast span { display: block; }.local-action-toast strong { color: #216da9; font-size: 12px; }.local-action-toast span { color: #7d8da0; font-size: 10px; }

/* Narrow screens retain the same local workflows without forcing a desktop-width canvas. */
@media (max-width: 760px) {
  .local-support-rail { top: auto; right: 10px; bottom: 14px; border-radius: 8px; padding: 7px 9px; font-size: 10px; }
  .local-pricing-calculator-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }.local-pricing-calculator-result { width: 100%; }
  body { min-width: 0; overflow-x: hidden; }
  .global-navigation { position: static; height: auto; min-height: 52px; gap: 7px; flex-wrap: wrap; padding: 8px 12px; }.sidebar-toggle { width: auto; grid-auto-flow: column; gap: 4px; padding: 0 8px; font-size: 17px; }.sidebar-toggle-label { display: inline; font-size: 10px; font-weight: 700; }
  .global-brand { font-size: 15px; }.global-brand-mark { width: 24px; height: 27px; font-size: 11px; }
  .global-nav-links { order: 3; width: 100%; min-width: 0; min-height: 34px; overflow-x: auto; gap: 2px; }
  .global-nav-item { flex: 0 0 auto; min-height: 34px; padding: 0 9px; font-size: 12px; }.global-nav-item.is-active::after { right: 8px; left: 8px; }
  .global-nav-actions { gap: 3px; flex-wrap: wrap; justify-content: flex-end; }.membership-chip { display: none; }.channel-switch { display: flex; padding: 5px 7px; font-size: 10px; }.channel-dot { width: 11px; height: 11px; }.extension-trigger, .service-trigger { padding: 6px 7px; font-size: 10px; }.utility-button { width: 22px; font-size: 16px; }
  .app-shell { display: block; min-height: auto; }.sidebar { width: 100%; padding: 8px; border-right: 0; border-bottom: 1px solid #e8edf3; box-shadow: none; }.brand, .environment-label, .sidebar-note, .sidebar-platform-label { display: none; }
  .sidebar nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }.nav-item { min-height: 35px; padding: 7px 8px; font-size: 12px; }.nav-group { margin: 0; padding: 5px 0 0; }.nav-group-title { padding: 4px 7px; font-size: 12px; }.nav-subitems, .nav-subitems:not(.nav-subitems-two-column) { grid-template-columns: repeat(2, minmax(0, 1fr)); }.nav-subitem { padding: 6px; font-size: 11px; }
  .topbar { height: auto; min-height: 38px; gap: 7px; flex-wrap: wrap; padding: 8px 12px; }.crumbs { min-width: 0; flex: 1 1 180px; overflow: hidden; white-space: nowrap; }.scope-controls { flex: 0 0 auto; margin-left: auto; }.scope-chip-muted { display: none; }.local-action-toast { top: auto; right: 12px; bottom: 14px; left: 12px; max-width: none; }
  .content { padding: 11px 10px 32px; }.reference-overview-grid, .reference-lower-grid, .reference-overview-detail-grid, .overview-grid, .console-auth-panel, .local-demo-role-management, .workbench-grid { grid-template-columns: 1fr; }.role-permission-grid { grid-template-columns: 1fr; }.reference-stat-row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 0; }.reference-trend-row { grid-template-columns: 1fr; gap: 10px; padding: 14px 17px; }
  .reference-quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.reference-quick-grid button { min-height: 112px; }.reference-quick-grid button::after { display: none; }.reference-role-grid { grid-template-columns: 1fr; }.reference-role-grid button { min-height: 52px; grid-template-columns: 72px 1fr; align-items: center; padding: 0 12px; text-align: left; }.reference-role-grid span { text-align: right; }
  .reference-flow-card .reference-section-title { min-height: 58px; padding: 8px 12px; }.reference-flow-card .reference-section-action-muted { margin-left: 0; }
  .store-source-tabs { gap: 16px; overflow-x: auto; padding: 0 12px; }.store-source-tab { min-height: 42px; white-space: nowrap; }.store-ozon-boundary-grid { grid-template-columns: 1fr; padding-right: 12px; padding-left: 12px; }.store-ozon-actions { align-items: flex-start; flex-direction: column; margin-right: 12px; margin-left: 12px; }
  .catalog-filter-row, .collection-toolbar, .store-filter-row { flex-wrap: wrap; min-width: 0; padding-right: 12px; padding-left: 12px; }.catalog-filter-row input, .catalog-filter-row select, .store-filter-row input, .store-filter-row select, .collection-toolbar input { width: min(100%, 240px); }.store-tool-row { min-width: 0; }.catalog-status-tabs, .collection-status-tabs { gap: 10px; overflow-x: auto; padding-right: 12px; padding-left: 12px; }
  .catalog-extension-heading { align-items: flex-start; flex-direction: column; }.catalog-extension-actions { flex-wrap: wrap; }.catalog-extension-candidates li { grid-template-columns: 1fr; align-items: start; gap: 5px; }
  .listing-editor-layout, .draft-layout { grid-template-columns: 1fr; }.listing-editor { border-top: 1px solid #edf0f4; border-left: 0; padding-top: 18px; padding-left: 0; }.listing-draft-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }.listing-draft-list > p { grid-column: 1 / -1; }.listing-fields, .draft-fields, .catalog-dialog-fields, .local-product-detail-grid, .local-store-scope-copy, .global-context-grid, .console-auth-form { grid-template-columns: 1fr; }
  .feature-workspace-heading, .local-view-heading, .panel-heading { gap: 10px; flex-direction: column; }.feature-workspace-flow, .feature-workspace-records, .local-summary-grid, .analytics-action-grid { grid-template-columns: 1fr; }.feature-workspace-heading, .feature-workspace-flow, .feature-workspace-records, .feature-workspace-actions { padding-right: 14px; padding-left: 14px; }.feature-workspace-notice, .local-inventory-console, .local-shop-operations-console, .local-store-communications-console, .local-store-readiness-console, .local-product-tools-console, .local-support-flow-console, .local-favorites-console, .local-whd-orders-console, .local-order-followup-console { margin-right: 14px; margin-left: 14px; }.local-inventory-controls, .local-favorites-list { grid-template-columns: 1fr; }
  .panel { padding: 16px; }.extension-guide-grid, .local-reset-summary { grid-template-columns: 1fr; }.catalog-editor-dialog, .collection-editor-dialog, .extension-guide-dialog, .global-workspace-dialog { width: min(100vw - 24px, 520px); }
}

/* Verified global theme/layout frame. The controls affect only the current ERP UI. */
.layout-settings-rail { position: fixed; z-index: 38; right: 0; top: 58%; display: grid; width: 34px; height: 40px; place-items: center; border: 1px solid #d9e7f4; border-right: 0; border-radius: 8px 0 0 8px; color: #288edc; background: #fff; box-shadow: 0 6px 18px rgba(31, 72, 110, .14); cursor: pointer; font-size: 16px; }
.layout-settings-rail:hover { color: #fff; background: #2e98eb; }
.layout-settings-drawer { position: fixed; z-index: 60; top: 0; right: 0; width: min(360px, calc(100vw - 32px)); height: 100vh; overflow-y: auto; border-left: 1px solid #e1e8f0; color: #28394f; background: #fff; box-shadow: -18px 0 46px rgba(28, 47, 73, .18); }
.layout-settings-drawer[hidden] { display: none; }
.layout-settings-drawer > header { display: flex; height: 54px; align-items: center; justify-content: space-between; border-bottom: 1px solid #edf1f5; padding: 0 18px; }
.layout-settings-drawer > header strong { font-size: 15px; }
.layout-settings-drawer > header button { width: 30px; height: 30px; border: 0; border-radius: 5px; color: #708197; background: transparent; cursor: pointer; font-size: 21px; }
.layout-settings-drawer > section { border-bottom: 1px solid #edf1f5; padding: 21px 18px; }
.layout-settings-drawer h3 { margin: 0 0 16px; color: #2b3a4f; font-size: 15px; }
.layout-theme-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.layout-theme-options button { display: grid; gap: 7px; border: 1px solid transparent; border-radius: 7px; padding: 5px; color: #66768b; background: transparent; cursor: pointer; font-size: 11px; }
.layout-theme-options button[aria-pressed="true"] { border-color: #3399ec; color: #2588dc; }
.layout-theme-preview { display: block; height: 82px; border: 1px solid #dae2eb; border-radius: 5px; background: linear-gradient(90deg, #242b38 0 24%, #f0f3f7 24%); box-shadow: 0 3px 9px rgba(35, 55, 80, .08); }
.layout-theme-preview.is-light { background: linear-gradient(90deg, #fff 0 24%, #f3f6fa 24%); }
.layout-settings-label { margin: 19px 0 10px; color: #5c6b7f; font-size: 12px; }
.layout-theme-colors { display: flex; gap: 10px; }
.layout-theme-colors button { width: 24px; height: 24px; border: 3px solid #fff; border-radius: 50%; background: #258fe5; box-shadow: 0 0 0 1px #d4dce6; cursor: pointer; }
.layout-theme-colors button:nth-child(2) { background: #6555df; }
.layout-theme-colors button[aria-pressed="true"] { box-shadow: 0 0 0 2px #3897e5; }
.layout-setting-switch { display: flex; min-height: 43px; align-items: center; justify-content: space-between; gap: 14px; color: #55657a; font-size: 12px; cursor: pointer; }
.layout-setting-switch input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.layout-setting-switch i { position: relative; width: 34px; height: 18px; flex: 0 0 auto; border-radius: 18px; background: #c7d0db; transition: background .15s ease; }
.layout-setting-switch i::after { position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: 0 1px 4px rgba(28, 45, 68, .25); content: ''; transition: transform .15s ease; }
.layout-setting-switch input:checked + i { background: #2f98eb; }
.layout-setting-switch input:checked + i::after { transform: translateX(16px); }
.layout-setting-switch input:focus-visible + i { outline: 2px solid #77baf0; outline-offset: 2px; }
.layout-settings-drawer > footer { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; padding: 18px; }
.layout-settings-drawer > footer button { min-height: 36px; border: 1px solid #dce4ed; border-radius: 6px; color: #506177; background: #fff; cursor: pointer; font-size: 12px; }
.layout-settings-drawer > footer button:first-child { border-color: #2f98eb; color: #fff; background: #2f98eb; }
.layout-settings-drawer > footer p { grid-column: 1 / -1; margin: 4px 0 0; color: #8391a2; font-size: 10px; line-height: 1.55; }
.layout-tags-view { display: none; min-height: 34px; align-items: end; border-bottom: 1px solid #e8edf3; padding: 0 244px; background: #fff; }
.layout-tags-view button { min-height: 30px; border: 1px solid #e0e7ef; border-bottom: 0; border-radius: 5px 5px 0 0; padding: 0 13px; color: #2b86d3; background: #f7fbff; font-size: 11px; }
body.is-tags-view-enabled .layout-tags-view { display: flex; }
body:not(.is-fixed-header) .global-navigation { position: relative; }
body.is-fixed-header .global-navigation { position: sticky; }
body.is-logo-hidden .global-brand { display: none; }
body.is-topnav-enabled .sidebar { display: none; }
body.is-topnav-enabled .workspace { width: 100%; }
body.is-topnav-enabled .layout-tags-view { padding-left: 22px; }
body.is-dynamic-title-enabled .crumbs strong { color: #1788df; }

@media (max-width: 760px) {
  .layout-settings-rail { top: auto; right: 10px; bottom: 62px; border-right: 1px solid #d9e7f4; border-radius: 8px; }
  .layout-tags-view { padding: 0 10px; }
}

.local-analytics-report-list { min-width: 1170px; }
.local-analytics-report-list .business-table-row { grid-template-columns: 120px 56px 90px 120px 90px 105px 160px 90px 90px 100px; }

.extension-package-download { display: inline-flex; min-height: 31px; align-items: center; justify-content: center; border: 1px solid #2494ed; border-radius: 6px; padding: 0 12px; color: #fff; background: #2494ed; text-decoration: none; font-size: 11px; font-weight: 700; }
.extension-package-download:hover { border-color: #1683dd; background: #1683dd; }
.extension-package-download:focus-visible { outline: 2px solid #78b8ee; outline-offset: 2px; }
.local-export-download { display: inline-flex; min-height: 31px; align-items: center; justify-content: center; text-decoration: none; }
.local-export-download[hidden] { display: none; }
.local-analytics-report-heading .local-analytics-report-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 7px; }
.local-product-detail-grid article.local-order-profit-detail { border-color: #bde6cf; background: #f2fbf6; }.local-product-detail-grid article.local-order-profit-detail strong { color: #168356; font-size: 13px; }
.local-order-profit-console { overflow-x: auto; }
.local-order-profit-summary { min-width: 720px; margin: 12px 0; }
.business-table-profit { min-width: 880px; }
.business-table-profit .business-table-row { grid-template-columns: 120px 92px 92px 110px 92px 70px 110px; }

#overview-reference-shell,
#store-reference-shell,
.catalog-reference-shell,
#listing-reference-shell,
#local-listing-audit-views,
#local-pricing-precheck-views,
#local-business-views,
#local-ai-boundary-views,
#local-feature-workspace { scroll-margin-top: 66px; }

@media (max-width: 760px) {
  #overview-reference-shell,
  #store-reference-shell,
  .catalog-reference-shell,
  #listing-reference-shell,
  #local-listing-audit-views,
  #local-pricing-precheck-views,
  #local-listing-rule-settings,
  #local-business-views,
  #local-ai-boundary-views,
  #local-feature-workspace { scroll-margin-top: 104px; }
}

@media (prefers-reduced-motion: reduce) { .local-action-toast { transition: none; }.catalog-reference-shell *, .feature-workspace * { scroll-behavior: auto !important; } }

.persistent-shop-registry { min-width: 980px; border-top: 14px solid #f5f7fa; padding-bottom: 18px; }
.persistent-shop-registry-heading { display: flex; justify-content: space-between; align-items: center; padding: 17px 22px 9px; }
.persistent-shop-registry-heading p, .persistent-shop-registry-heading h3 { margin: 0; }
.persistent-shop-registry-heading p { color: #8694a6; font-size: 10px; font-weight: 700; }
.persistent-shop-registry-heading h3 { margin-top: 4px; color: #20334d; font-size: 15px; }
.persistent-shop-registry-heading > span { border-radius: 12px; padding: 5px 9px; color: #287ece; background: #eef7ff; font-size: 10px; }
.persistent-shop-registry-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; padding: 0 18px 13px; }
.persistent-shop-registry-grid article { border: 1px solid #e8edf3; border-radius: 7px; padding: 11px 13px; background: #fbfdff; }
.persistent-shop-registry-grid p, .persistent-shop-registry-grid span { margin: 0; color: #8694a6; font-size: 10px; }
.persistent-shop-registry-grid strong { display: block; margin: 5px 0; color: #20334d; font-size: 16px; }
.persistent-shop-registry-create, .persistent-shop-registry-row { display: grid; grid-template-columns: minmax(220px, 1.4fr) 120px 95px 120px; gap: 9px; align-items: center; padding: 10px 18px; border-top: 1px solid #edf1f5; }
.persistent-shop-registry-create input, .persistent-shop-registry-row input, .persistent-shop-registry-row select { min-width: 0; height: 33px; border: 1px solid #dce3ec; border-radius: 4px; padding: 0 9px; color: #40536c; background: #fff; font-size: 11px; }
.persistent-shop-registry-row small { color: #8a98aa; font-size: 9px; }
.persistent-shop-registry-empty { margin: 8px 18px 0; color: #7f8da0; font-size: 11px; }
.persistent-shop-selection { display: grid; grid-template-columns: minmax(240px, 1fr) minmax(220px, 1.4fr) 120px; gap: 10px; align-items: end; margin: 0 18px 13px; border: 1px solid #dbe9f7; border-radius: 7px; padding: 12px; background: #f7fbff; }
.persistent-shop-selection label { display: grid; gap: 5px; color: #53677f; font-size: 10px; }
.persistent-shop-selection select { height: 34px; border: 1px solid #cfdceb; border-radius: 4px; padding: 0 9px; background: #fff; color: #20334d; font-size: 11px; }
.persistent-shop-selection p { margin: 0; color: #657a92; font-size: 10px; line-height: 1.55; }

.catalog-primary:disabled { border-color: #aebdcb; color: #f7f9fb; background: #aebdcb; cursor: not-allowed; opacity: .68; filter: saturate(.35); }
.catalog-secondary:disabled { border-color: #d8e0e9; color: #8b99aa; background: #f4f7fa; cursor: not-allowed; opacity: .72; filter: saturate(.35); }
.listing-draft-button:disabled { cursor: not-allowed; opacity: .62; }
.listing-draft-button:disabled:not(.is-selected) { border-color: #e5eaf0; background: #f7f9fb; }
.extension-pairing-console { display: grid; gap: 9px; margin-top: 12px; border: 1px solid #dce9f8; border-radius: 10px; padding: 12px; background: #f8fbff; }
.extension-pairing-console > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.extension-pairing-console strong { color: #315675; font-size: 12px; }
.extension-pairing-console p { margin: 0; color: #71839a; font-size: 11px; line-height: 1.5; }
.extension-pairing-console code { overflow-wrap: anywhere; border: 1px dashed #88b8e7; border-radius: 7px; padding: 9px; color: #175b9b; background: #fff; font-size: 11px; user-select: all; }
.extension-pairing-console ul { display: grid; gap: 6px; max-height: 160px; overflow: auto; margin: 0; padding: 0; list-style: none; }
.extension-pairing-console li { border-top: 1px solid #e3ebf5; padding-top: 7px; color: #5b6f87; font-size: 11px; }
.extension-pairing-console li b { margin-right: 6px; color: #2879c2; }
.persistent-interface-settings-console { border-color: #cfe1f3; background: linear-gradient(135deg, #fbfdff, #f1f7fd); }
.persistent-interface-settings-controls { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.persistent-interface-settings-controls label { display: grid; gap: 5px; color: #617b96; font-size: 10px; font-weight: 700; }
.persistent-interface-settings-controls select { width: 100%; height: 34px; border: 1px solid #cbddeb; border-radius: 6px; padding: 0 9px; color: #315b85; background: #fff; outline: 0; font: inherit; font-size: 12px; }
.persistent-interface-settings-controls select:focus { border-color: #64a4df; box-shadow: 0 0 0 2px rgba(100, 164, 223, .14); }
.persistent-interface-settings-controls select:disabled { color: #7d8da0; background: #f2f5f8; cursor: not-allowed; }
.persistent-interface-settings-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.persistent-interface-settings-console .local-metric-note.is-blocked { color: #a45353; }
@media (max-width: 760px) { .persistent-interface-settings-controls { grid-template-columns: 1fr; } }

.listing-mode-tabs { display: flex; gap: 32px; min-width: 760px; border-bottom: 1px solid #e7ecf2; padding: 0 20px; background: #fff; }
.ozon-publish-store-frame, .ozon-publish-input-frame, .ozon-publish-format-frame, .ozon-internal-draft-frame { border: 1px solid #edf1f6; background: #fff; box-shadow: 0 3px 12px rgba(29, 58, 96, .035); }
.ozon-publish-store-frame { min-height: 330px; margin-top: 18px; }
.ozon-publish-section-heading { display: flex; min-height: 46px; align-items: center; gap: 12px; border-bottom: 1px solid #edf1f5; padding: 0 16px; }
.ozon-publish-section-heading h2, .ozon-publish-format-frame h2 { position: relative; margin: 0; padding-left: 11px; color: #26384e; font-size: 16px; }
.ozon-publish-section-heading h2::before, .ozon-publish-format-frame h2::before { position: absolute; top: 2px; bottom: 2px; left: 0; width: 4px; border-radius: 3px; background: #2b9cf1; content: ''; }
.ozon-publish-section-heading > span { color: #daa54d; font-size: 11px; }
.ozon-publish-section-heading > label { display: inline-flex; align-items: center; gap: 5px; margin-left: auto; color: #697b90; font-size: 11px; }
.ozon-publish-store-grid { display: grid; grid-template-columns: repeat(2, minmax(220px, 1fr)); gap: 12px; padding: 12px 18px; }
.ozon-publish-store-grid label { display: flex; min-height: 42px; align-items: center; gap: 9px; border-radius: 5px; padding: 0 12px; color: #27384d; background: #f8f9fb; font-size: 12px; }
.ozon-publish-store-grid small { margin-left: auto; color: #2f91df; font-size: 10px; }
.ozon-publish-input-layout { display: grid; grid-template-columns: minmax(0, 3fr) minmax(245px, 1fr); gap: 16px; margin-top: 18px; }
.ozon-publish-input-frame { min-height: 285px; }
.ozon-publish-reference-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.ozon-publish-reference-actions button, .ozon-publish-footer-frame button { min-height: 30px; border: 1px solid #72b8eb; border-radius: 5px; padding: 0 11px; color: #3993d7; background: #fff; font: inherit; font-size: 10px; }
.ozon-publish-reference-actions button:disabled, .ozon-publish-footer-frame button:disabled { cursor: not-allowed; opacity: .82; }
.ozon-publish-reference-actions small, .ozon-publish-external small { display: block; color: #9badc0; font-size: 8px; font-weight: 400; }
.ozon-publish-input-frame textarea { display: block; box-sizing: border-box; width: calc(100% - 32px); min-height: 185px; margin: 16px; resize: none; border: 1px solid #dbe3ed; border-radius: 5px; padding: 12px 14px; color: #5c6f85; outline: 0; background: #fff; font: inherit; font-size: 11px; }
.ozon-publish-input-frame textarea::placeholder { color: #a6b2c1; }
.ozon-publish-format-frame { min-height: 285px; padding: 0 16px 16px; }
.ozon-publish-format-frame h2 { min-height: 46px; display: flex; align-items: center; border-bottom: 1px solid #edf1f5; }
.ozon-publish-format-frame h2::before { top: 14px; bottom: 14px; }
.ozon-publish-format-frame ol { display: grid; gap: 12px; margin: 17px 0 0; padding-left: 24px; color: #65778b; font-size: 11px; }
.ozon-publish-footer-frame { position: sticky; bottom: 0; z-index: 4; display: flex; min-width: 980px; min-height: 56px; align-items: center; gap: 8px; margin-top: 0; border: 1px solid #e2e9f1; padding: 0 16px; color: #697b90; background: rgba(255, 255, 255, .97); box-shadow: 0 -3px 12px rgba(32, 60, 97, .08); font-size: 10px; }
.ozon-publish-footer-frame .ozon-publish-template { width: 230px; text-align: left; }
.ozon-publish-footer-frame .ozon-publish-refresh { width: 30px; padding: 0; font-size: 16px; }
.ozon-publish-footer-spacer { flex: 1; }
.ozon-publish-footer-frame .ozon-publish-external { min-width: 108px; border-color: #1b9cf0; color: #fff; background: #1b9cf0; }
.ozon-publish-switch { position: relative; width: 37px; height: 21px; border-radius: 12px; background: #4da5e9; }
.ozon-publish-switch::after { position: absolute; top: 3px; right: 3px; width: 15px; height: 15px; border-radius: 50%; background: #fff; content: ''; }
.ozon-internal-draft-frame { margin-top: 18px; }
.ozon-internal-draft-frame > .ozon-publish-section-heading > span { color: #728399; }
.listing-mode-tab { position: relative; min-height: 44px; border: 0; padding: 0 2px; color: #68798e; background: transparent; cursor: pointer; font-size: 12px; }
.listing-mode-tab.is-active { color: #247fc9; font-weight: 700; }
.listing-mode-tab.is-active::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; border-radius: 2px; background: #2b95ed; content: ''; }
.listing-mode-panel { min-width: 900px; }
.listing-batch-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 18px; background: #fbfcfe; }
.listing-batch-select-all { display: inline-flex; align-items: center; gap: 8px; color: #586b82; font-size: 11px; font-weight: 700; }
.listing-batch-actions, .listing-sku-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.listing-batch-table { overflow-x: auto; border-top: 1px solid #edf1f5; border-bottom: 1px solid #edf1f5; }
.listing-batch-row { display: grid; grid-template-columns: 32px minmax(250px, 1.5fr) 105px 84px 105px 145px 92px; gap: 12px; min-width: 930px; min-height: 70px; align-items: center; padding: 0 18px; border-bottom: 1px solid #edf1f5; color: #53657a; font-size: 11px; }
.listing-batch-row:last-child { border-bottom: 0; }
.listing-batch-row.is-head { min-height: 42px; color: #34465c; background: #f3f6fa; font-weight: 700; }
.listing-batch-row strong, .listing-batch-row small { display: block; }
.listing-batch-row strong { color: #267bc4; font-size: 12px; }
.listing-batch-row small { margin-top: 5px; color: #8f9db0; font-size: 9px; }
.listing-batch-root > .listing-message, #listing-batch-root > .listing-message { margin: 13px 18px 16px; }
.listing-sku-workspace { display: grid; gap: 12px; padding: 18px; }
.listing-sku-heading { display: flex; justify-content: space-between; gap: 14px; align-items: center; }
.listing-sku-heading strong, .listing-sku-heading span { display: block; }
.listing-sku-heading strong { color: #34465b; font-size: 14px; }
.listing-sku-heading span { margin-top: 5px; color: #8291a4; font-size: 10px; }
.listing-sku-heading em { border-radius: 999px; padding: 4px 8px; color: #2b7cc3; background: #edf7ff; font-size: 9px; font-style: normal; }
.listing-sku-workspace > label { color: #536980; font-size: 11px; font-weight: 700; }
.listing-sku-workspace textarea { width: 100%; resize: vertical; border: 1px solid #dbe4ed; border-radius: 6px; padding: 11px; color: #354960; background: #fff; outline: 0; font: inherit; font-size: 12px; line-height: 1.6; }
.listing-sku-workspace textarea:focus { border-color: #70b4ee; box-shadow: 0 0 0 2px #eef8ff; }
.listing-manual-workspace { display: grid; gap: 16px; padding: 18px; }
.listing-manual-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.listing-manual-fields label { display: grid; gap: 7px; color: #536980; font-size: 11px; font-weight: 700; }
.listing-manual-fields input { width: 100%; height: 38px; border: 1px solid #dbe4ed; border-radius: 6px; padding: 0 11px; color: #354960; background: #fff; outline: 0; font: inherit; font-size: 12px; }
.listing-manual-fields input:focus { border-color: #70b4ee; box-shadow: 0 0 0 2px #eef8ff; }
.listing-sku-preview-summary { display: flex; justify-content: space-between; gap: 12px; border: 1px solid #d8e8f6; border-radius: 6px 6px 0 0; padding: 10px 12px; color: #688098; background: #f7fbff; font-size: 10px; }
.listing-sku-preview-summary strong { color: #247cc3; font-size: 11px; }
.listing-sku-preview-table { overflow-x: auto; border: 1px solid #e3eaf1; border-top: 0; border-radius: 0 0 6px 6px; }
.listing-sku-preview-row { display: grid; grid-template-columns: minmax(190px, 1fr) 120px 100px minmax(150px, .8fr); gap: 12px; min-width: 650px; min-height: 46px; align-items: center; padding: 0 12px; border-bottom: 1px solid #edf1f5; color: #53657a; font-size: 11px; }
.listing-sku-preview-row:last-child { border-bottom: 0; }
.listing-sku-preview-row.is-head { min-height: 38px; color: #34465c; background: #f3f6fa; font-weight: 700; }
.listing-sku-preview-row strong { color: #267bc4; }
@media (max-width: 980px) { .listing-reference-shell { overflow-x: auto; }.listing-editor-layout { grid-template-columns: 230px minmax(580px, 1fr); }.listing-batch-toolbar { align-items: flex-start; flex-direction: column; }.listing-sku-heading { align-items: flex-start; flex-direction: column; } }
@media (max-width: 980px) { .listing-manual-fields { grid-template-columns: repeat(2, minmax(220px, 1fr)); } }

.listing-record-filters, .listing-record-actions, .listing-management-toolbar, .listing-management-create { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 14px; }
.listing-record-filters input, .listing-record-filters select, .listing-management-toolbar input, .listing-management-create input { min-width: 150px; height: 34px; border: 1px solid #dce4ee; border-radius: 5px; padding: 0 10px; color: #40516a; background: #fff; outline: 0; font: inherit; font-size: 11px; }
.listing-record-filters input:nth-child(2), .listing-management-toolbar input, .listing-management-create input:nth-child(2) { flex: 1 1 250px; }
.listing-record-filters input:focus, .listing-record-filters select:focus, .listing-management-toolbar input:focus, .listing-management-create input:focus { border-color: #72b6f1; box-shadow: 0 0 0 2px #edf8ff; }
.listing-record-table, .listing-management-table { overflow-x: auto; margin-top: 13px; border: 1px solid #e5ebf2; border-radius: 7px; }
.listing-record-row { display: grid; grid-template-columns: 34px 112px minmax(220px, 1.45fr) 100px 145px 92px 130px 90px 90px; gap: 10px; min-width: 1110px; min-height: 72px; align-items: center; padding: 0 12px; border-bottom: 1px solid #edf1f5; color: #53657a; font-size: 10px; }
.listing-record-row:last-child, .listing-management-row:last-child { border-bottom: 0; }
.listing-record-row.is-head { min-height: 40px; color: #34465c; background: #f3f6fa; font-weight: 700; }
.listing-record-row strong, .listing-management-row strong { display: block; color: #267bc4; font-size: 11px; }
.listing-record-row small, .listing-management-row small { display: block; margin-top: 4px; color: #95a3b5; font-size: 9px; }
.listing-record-status, .listing-management-status { display: inline-block; border-radius: 4px; padding: 4px 6px; color: #3977aa; background: #edf6ff; font-style: normal; white-space: nowrap; }
.listing-record-status.is-succeeded, .listing-management-status.is-default { color: #23815d; background: #e8f8ef; }
.listing-record-status.is-blocked { color: #aa711f; background: #fff3df; }
.listing-record-row-action button, .listing-management-actions button { border: 1px solid #86bce9; border-radius: 4px; padding: 5px 7px; color: #287dcc; background: #fff; cursor: pointer; font-size: 9px; }
.listing-record-row-action button:hover, .listing-management-actions button:hover:not(:disabled) { color: #fff; background: #3498ea; }
.listing-record-empty, .listing-management-empty { margin: 0; padding: 32px; color: #7c8ca1; text-align: center; font-size: 11px; }
.listing-management-tabs { display: flex; gap: 24px; overflow-x: auto; margin-top: 15px; border-bottom: 1px solid #e5ebf2; white-space: nowrap; }
.listing-management-tab { position: relative; min-width: max-content; height: 42px; border: 0; color: #64758b; background: transparent; cursor: pointer; font-size: 11px; }
.listing-management-tab.is-active { color: #2375bd; font-weight: 800; }
.listing-management-tab.is-active::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: #2794e8; content: ''; }
.listing-management-create { border-top: 1px dashed #e1e8f0; padding-top: 13px; }
.listing-management-row { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(220px, 1.35fr) 85px 100px 150px; gap: 12px; min-width: 780px; min-height: 62px; align-items: center; padding: 0 13px; border-bottom: 1px solid #edf1f5; color: #53657a; font-size: 10px; }
.listing-management-row.is-head { min-height: 39px; color: #34465c; background: #f3f6fa; font-weight: 700; }
.listing-management-actions { display: flex; gap: 6px; }
.listing-management-actions button:disabled { border-color: #dfe6ee; color: #a8b3c0; cursor: not-allowed; }
.listing-rule-subsection { margin-top: 22px; border-top: 1px solid #e6ebf1; padding-top: 18px; }
.listing-rule-subsection > div:first-child { display: flex; justify-content: space-between; gap: 12px; color: #34465c; font-size: 12px; }
.listing-rule-subsection > div:first-child span { color: #8493a6; font-size: 10px; }

@media (max-width: 760px) {
  .listing-record-filters, .listing-management-create { align-items: stretch; flex-direction: column; }
  .listing-record-filters input, .listing-record-filters select, .listing-management-create input { width: 100%; }
}

.reference-progress-card { margin-top: 17px; overflow: hidden; border: 1px solid #e8edf4; border-radius: 14px; background: #fff; box-shadow: 0 4px 13px rgba(24, 46, 77, .035); }
.delivery-progress-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: 1px solid #edf1f5; }
.delivery-progress-grid section { min-height: 154px; border-right: 1px solid #edf1f5; border-bottom: 1px solid #edf1f5; padding: 15px 16px; }
.delivery-progress-grid section:nth-child(3n) { border-right: 0; }
.delivery-progress-grid section:nth-last-child(-n+3) { border-bottom: 0; }
.delivery-progress-grid section > div:first-child { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 9px; align-items: start; }
.delivery-progress-grid section > div:first-child > b { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 7px; color: #fff; background: #5ba6ea; font-size: 9px; }
.delivery-progress-grid section span strong, .delivery-progress-grid section span small { display: block; }
.delivery-progress-grid section span strong { color: #30445e; font-size: 12px; }
.delivery-progress-grid section span small { margin-top: 4px; color: #8997a9; font-size: 9px; line-height: 1.4; }
.delivery-progress-grid section em { border-radius: 999px; padding: 4px 7px; font-size: 9px; font-style: normal; white-space: nowrap; }
.delivery-progress-grid section em.is-done { color: #16784f; background: #e7f8ef; }
.delivery-progress-grid section em.is-active { color: #1e73b7; background: #e8f4ff; }
.delivery-progress-grid section em.is-ready { color: #566ca4; background: #eef2ff; }
.delivery-progress-grid section em.is-blocked { color: #a26c12; background: #fff3dc; }
.delivery-progress-grid section > p { margin: 13px 0 0; color: #718197; font-size: 10px; line-height: 1.55; }
.delivery-progress-grid section > div:last-child:not(:first-child) { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.delivery-progress-grid section button { border: 1px solid #84bce9; border-radius: 4px; padding: 5px 8px; color: #257bc2; background: #fff; cursor: pointer; font-size: 9px; }
.delivery-progress-grid section button:hover { color: #fff; background: #318ed9; }
.delivery-progress-latest { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 0; border-top: 1px solid #e6edf5; padding: 12px 16px; color: #718197; background: #f8fbfe; font-size: 10px; line-height: 1.45; }.delivery-progress-latest strong { color: #2c78b8; }.delivery-progress-latest span { text-align: right; }
.delivery-evidence-board { border-top: 1px solid #e5edf6; background: #fff; }
.delivery-evidence-board summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; color: #31465e; cursor: pointer; list-style: none; }
.delivery-evidence-board summary::-webkit-details-marker { display: none; }
.delivery-evidence-board summary span strong, .delivery-evidence-board summary span small { display: block; }
.delivery-evidence-board summary span strong { font-size: 12px; }
.delivery-evidence-board summary span small { margin-top: 4px; color: #8595a8; font-size: 9px; line-height: 1.45; }
.delivery-evidence-board summary em { border-radius: 999px; padding: 5px 8px; color: #2778b9; background: #e9f5ff; font-size: 9px; font-style: normal; white-space: nowrap; }
.delivery-evidence-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid #edf2f7; background: #f8fbfe; }
.delivery-evidence-grid section { min-height: 146px; border-right: 1px solid #e8eef5; border-bottom: 1px solid #e8eef5; padding: 14px 16px; }
.delivery-evidence-grid section:nth-child(3n) { border-right: 0; }
.delivery-evidence-grid section:nth-last-child(-n+3) { border-bottom: 0; }
.delivery-evidence-grid section > span { display: block; color: #8b99aa; font-size: 9px; }
.delivery-evidence-grid section > strong { display: block; margin-top: 6px; color: #263e59; font-size: 13px; }
.delivery-evidence-grid section > b { display: inline-grid; min-width: 46px; margin-top: 8px; border-radius: 8px; padding: 7px 10px; place-items: center; color: #158254; background: #e6f8ef; font-size: 15px; }
.delivery-evidence-grid section > p { margin: 9px 0 0; color: #718197; font-size: 9px; line-height: 1.55; }
.delivery-evidence-grid section > div { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.delivery-evidence-grid button { border: 1px solid #86bee9; border-radius: 4px; padding: 5px 8px; color: #267cc1; background: #fff; cursor: pointer; font-size: 9px; }
.delivery-evidence-grid button:hover { color: #fff; background: #318ed9; }
@media (max-width: 1120px) { .delivery-progress-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.delivery-progress-grid section, .delivery-progress-grid section:nth-child(3n) { border-right: 1px solid #edf1f5; border-bottom: 1px solid #edf1f5; }.delivery-progress-grid section:nth-child(2n) { border-right: 0; }.delivery-progress-grid section:nth-last-child(-n+2) { border-bottom: 0; } }
@media (max-width: 1120px) { .delivery-evidence-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.delivery-evidence-grid section, .delivery-evidence-grid section:nth-child(3n) { border-right: 1px solid #e8eef5; border-bottom: 1px solid #e8eef5; }.delivery-evidence-grid section:nth-child(2n) { border-right: 0; }.delivery-evidence-grid section:nth-last-child(-n+2) { border-bottom: 0; } }
@media (max-width: 760px) { .delivery-progress-grid { grid-template-columns: 1fr; }.delivery-progress-grid section, .delivery-progress-grid section:nth-child(2n), .delivery-progress-grid section:nth-child(3n) { border-right: 0; border-bottom: 1px solid #edf1f5; }.delivery-progress-grid section:last-child { border-bottom: 0; } }
@media (max-width: 760px) { .delivery-evidence-grid { grid-template-columns: 1fr; }.delivery-evidence-grid section, .delivery-evidence-grid section:nth-child(2n), .delivery-evidence-grid section:nth-child(3n) { border-right: 0; border-bottom: 1px solid #e8eef5; }.delivery-evidence-grid section:last-child { border-bottom: 0; } }
@media (max-width: 760px) { .delivery-progress-latest { align-items: flex-start; flex-direction: column; }.delivery-progress-latest span { text-align: left; } }

/* Production capability boundary and verified Wildberries shell. */
.platform-switch-menu { align-self: center; }
.platform-switch-trigger { display: flex; align-items: center; gap: 6px; border: 1px solid #e5eaf1; border-radius: 16px; padding: 6px 10px; color: #3f4e62; background: #fff; cursor: pointer; font: inherit; font-size: 12px; }
.platform-switch-trigger:hover, .platform-switch-trigger.is-open { border-color: #a7ceed; color: #1d7fc8; background: #f3f9ff; }
.platform-switch-trigger:focus-visible { outline: 2px solid #61adf0; outline-offset: 2px; }
.platform-switch-dot { width: 14px; height: 14px; border: 3px solid #2c7df0; border-radius: 50%; box-shadow: inset 0 0 0 2px #fff; background: #eb3d56; }
.platform-switch-popover { right: 0; left: auto; top: calc(100% + 8px); width: 230px; }
.platform-switch-popover button { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.platform-switch-popover button strong { font-size: 12px; }
.platform-switch-popover button span { border-radius: 999px; padding: 3px 6px; color: #8a96a7; background: #f2f5f8; font-size: 9px; }
#ozon-sidebar-nav[hidden], #wildberries-sidebar-nav[hidden], #ozon-sidebar-platform-label[hidden], #wildberries-sidebar-platform-label[hidden], #ozon-sidebar-note[hidden], #wildberries-sidebar-note[hidden] { display: none !important; }
.sidebar-note.is-coming-soon { color: #9a6b1a; background: #fff8e8; }
.sidebar-note.is-coming-soon .status-dot { background: #f3ae31; box-shadow: 0 0 0 3px #fff0c9; }
.wildberries-coming-soon-shell { display: grid; gap: 14px; }
.wb-page-heading { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 20px; border: 1px solid #e6ebf2; border-radius: 12px; padding: 16px 20px; background: #fff; box-shadow: 0 4px 13px rgba(24, 46, 77, .035); }
.wb-page-heading[hidden], .wb-page-boundary[hidden] { display: none !important; }
.wb-page-heading p { margin: 0 0 5px; color: #7d8da1; font-size: 11px; }
.wb-page-heading h2 { color: #24364e; font-size: 18px; }
.wb-page-heading > span, .wb-unavailable-heading span { border-radius: 999px; padding: 6px 10px; color: #9a6916; background: #fff3d7; font-size: 10px; font-weight: 700; }
.wb-page-boundary { margin: 0; border-left: 3px solid #62aef0; padding: 10px 13px; color: #6c7e94; background: #f5faff; font-size: 11px; line-height: 1.55; }
#wildberries-page-body { display: grid; gap: 14px; }
.wb-overview-card, .wb-unavailable-card { overflow: hidden; border: 1px solid #e7ecf2; border-radius: 12px; background: #fff; box-shadow: 0 4px 13px rgba(24, 46, 77, .035); }
.wb-section-title { min-height: 44px; border-bottom: 1px solid #edf1f5; padding: 13px 17px; color: #203653; font-size: 14px; font-weight: 700; }
.wb-section-title::before { display: inline-block; width: 5px; height: 17px; margin-right: 8px; border-radius: 5px; vertical-align: -4px; background: #3199f1; content: ''; }
.wb-metric-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); padding: 22px 18px; }
.wb-metric-grid article { min-height: 56px; border-right: 1px solid #eef2f6; text-align: center; }
.wb-metric-grid article:last-child { border-right: 0; }
.wb-metric-grid strong, .wb-metric-grid span { display: block; }
.wb-metric-grid strong { color: #153250; font-size: 20px; }
.wb-metric-grid span { margin-top: 8px; color: #8a98aa; font-size: 11px; }
.wb-quick-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); padding: 9px; }
.wb-quick-grid button { min-height: 130px; border: 0; border-right: 1px solid #e4ecf7; color: #17315b; background: linear-gradient(105deg, #f7fbff, #eff6ff); cursor: pointer; font-size: 12px; font-weight: 700; }
.wb-quick-grid button:last-child { border-right: 0; }
.wb-quick-grid button:hover { color: #167bd0; background: #e9f5ff; }
.wb-unavailable-card { min-height: 430px; }
.wb-unavailable-heading { display: flex; min-height: 62px; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid #edf1f5; padding: 0 18px; }
.wb-unavailable-heading strong { color: #2d4058; font-size: 15px; }
.wb-unavailable-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 18px; }
.wb-unavailable-facts p { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0; border: 1px solid #e5ebf2; border-radius: 8px; padding: 13px; color: #7b8a9d; background: #fbfdff; font-size: 11px; }
.wb-unavailable-facts strong { color: #345675; font-size: 11px; }
.wb-empty-state { display: grid; min-height: 270px; margin: 0 18px 18px; place-items: center; border: 1px dashed #ccd9e6; border-radius: 8px; color: #9a6b1a; background: #fcfdff; font-size: 13px; font-weight: 700; }
body[data-platform="wildberries"] .channel-switch { display: none; }
body[data-platform="wildberries"] .workspace > .topbar { display: none; }
body[data-platform="wildberries"] .workspace > .content { max-width: none; padding: 16px 20px 44px; }

/* M00: normal-console visual composition host. Component styles stay namespaced. */
#mounted-visual-page-host { min-width: 1120px; margin: -20px -20px 20px; overflow: auto; background: #f5f7fa; scroll-margin-top: 66px; }
#mounted-visual-page-host[hidden] { display: none !important; }
#mounted-visual-page-host > .ozon-smart-listing-page { margin: 20px; }
#mounted-visual-page-host > .ozon-orders-page,
#mounted-visual-page-host > .ozon-order-workspace-page:not(.is-visual) { margin: 20px; }
.visual-persistent-companion { min-width: 980px; margin-top: 18px; border: 1px solid #e3e9f0; border-radius: 8px; background: #fff; }
.visual-persistent-companion-heading { display: block; border-bottom: 1px solid #edf1f5; padding: 13px 18px; color: #30445e; font-size: 13px; font-weight: 700; }
.visual-persistent-companion > .workbench-message { margin: 16px 18px; }
body[data-platform="ozon"] .sidebar .ozon-common-external-link { display: flex; align-items: center; color: #39475a; text-decoration: none; }
body[data-platform="ozon"] .sidebar .ozon-common-external-link:hover { color: #168cf2; }
body[data-mounted-visual-panel="定价工具"] #local-pricing-template,
body[data-mounted-visual-panel="利润计算器"] #local-pricing-template { display: block !important; }
.wb-reference-page-shell { display: grid; gap: 16px; color: #303c4b; }
.wb-reference-tabs { display: flex; min-height: 54px; align-items: end; gap: 30px; border: 1px solid #e5e9ef; border-radius: 9px; padding: 0 20px; background: #fff; box-shadow: 0 3px 10px rgba(35, 55, 80, .035); }
.wb-reference-tabs button { position: relative; min-height: 53px; border: 0; padding: 0; color: #657286; background: transparent; font: inherit; font-size: 12px; }
.wb-reference-tabs button[aria-selected="true"] { color: #202d3e; }
.wb-reference-tabs button[aria-selected="true"]::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: #2798f0; content: ''; }
.wb-reference-tabs button:disabled { opacity: 1; }
.wb-reference-filters { border: 1px solid #e5e9ef; border-radius: 9px; padding: 19px; background: #fff; box-shadow: 0 3px 10px rgba(35, 55, 80, .035); }
.wb-reference-filter-controls { display: flex; align-items: center; gap: 12px; }
.wb-reference-filter-controls input { width: min(235px, 22vw); height: 38px; border: 1px solid #dfe5ed; border-radius: 7px; padding: 0 14px; color: #6c7b8e; background: #fff; font: inherit; font-size: 12px; outline: 0; }
.wb-reference-filter-controls input::placeholder { color: #b1bac6; }
.wb-reference-filter-controls button, .wb-reference-actions button, .wb-publish-footer button { min-width: 72px; height: 38px; border: 1px solid #2f99ef; border-radius: 7px; padding: 0 16px; color: #238bea; background: #fff; font: inherit; font-size: 12px; }
.wb-reference-filter-controls button.is-primary, .wb-reference-actions button.is-primary, .wb-publish-footer button.is-primary { color: #fff; background: #2f99ef; }
.wb-reference-filter-controls button.is-link { min-width: auto; border-color: transparent; padding-inline: 4px; color: #4a8fd3; }
.wb-reference-filter-controls button:disabled, .wb-reference-actions button:disabled, .wb-publish-footer button:disabled { opacity: 1; cursor: not-allowed; }
.wb-reference-table-card { overflow: hidden; border: 1px solid #e5e9ef; border-radius: 9px; background: #fff; box-shadow: 0 3px 10px rgba(35, 55, 80, .035); }
.wb-reference-table-card > .wb-reference-tabs { border-right: 0; border-left: 0; border-radius: 0; box-shadow: none; }
.wb-reference-actions { display: flex; min-height: 76px; align-items: center; gap: 12px; padding: 16px 19px; }
.wb-coming-soon-inline { margin-left: auto; border-radius: 999px; padding: 5px 9px; color: #a16f18; background: #fff3d5; font-size: 10px; font-weight: 700; }
.wb-reference-notice { margin: -3px 19px 14px; border-radius: 5px; padding: 9px 12px; color: #7d8997; background: #f4f8fc; font-size: 11px; }
.wb-reference-table-scroll { position: relative; min-height: 390px; overflow: auto; border-top: 1px solid #edf0f4; }
.wb-reference-table-scroll table { width: 100%; min-width: 920px; border-collapse: collapse; table-layout: auto; }
.wb-reference-table-scroll th { height: 51px; border-bottom: 1px solid #e4e8ee; padding: 0 22px; color: #344154; background: #f7f8fa; font-size: 12px; font-weight: 600; white-space: nowrap; text-align: center; }
.wb-reference-table-scroll th:first-child { width: 36px; padding-inline: 12px; color: #ccd4de; }
.wb-reference-empty { position: absolute; inset: 52px 0 0; display: grid; place-items: center; color: #9ba7b5; background: linear-gradient(#fff, #fff); font-size: 12px; }
.wb-reference-empty::before { position: absolute; top: 29%; color: #e5e9ee; content: '◇'; font-size: 78px; line-height: 1; }
.wb-reference-pagination { min-height: 48px; border-top: 1px solid #edf0f4; padding: 15px 20px; color: #7a8796; font-size: 11px; text-align: right; }
.wb-cleanup-shell { display: grid; gap: 16px; }
.wb-cleanup-card { position: relative; display: grid; gap: 13px; border: 1px solid #e5e9ef; border-radius: 9px; padding: 20px; background: #fff; box-shadow: 0 3px 10px rgba(35, 55, 80, .035); }
.wb-cleanup-card > strong { border-left: 4px solid #2f99ef; padding-left: 9px; color: #26384f; font-size: 15px; }
.wb-cleanup-card > label { color: #526176; font-size: 12px; font-weight: 600; }
.wb-cleanup-card > input { width: min(360px, 100%); height: 38px; border: 1px solid #dfe5ed; border-radius: 7px; padding: 0 13px; color: #778596; background: #f8fafc; font: inherit; font-size: 12px; }
.wb-cleanup-card > p { margin: 0; border-radius: 6px; padding: 10px 12px; color: #6d7e91; background: #f5f9fd; font-size: 11px; }
.wb-cleanup-card > p.is-warning { color: #a36918; background: #fff7e7; }
.wb-cleanup-card > div { display: flex; flex-wrap: wrap; gap: 12px; }
.wb-cleanup-card button { min-height: 38px; border: 1px solid #ef7c7c; border-radius: 7px; padding: 0 16px; color: #d86262; background: #fff6f6; font: inherit; font-size: 12px; opacity: 1; }
.wb-cleanup-card .wb-coming-soon-inline { position: absolute; top: 18px; right: 18px; }
.wb-extension-shell { display: grid; gap: 16px; }
.wb-extension-hero { position: relative; overflow: hidden; border: 1px solid #e5e9ef; border-radius: 10px; padding: 34px; background: linear-gradient(135deg, #f2f8ff, #fff 54%, #f8f4ff); box-shadow: 0 4px 14px rgba(35, 55, 80, .05); }
.wb-extension-mark { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 14px; color: #fff; background: linear-gradient(145deg, #8d42dc, #5343de); font-size: 18px; font-weight: 800; }
.wb-extension-hero h1 { margin: 18px 0 6px; color: #253852; font-size: 24px; }
.wb-extension-hero > em { position: absolute; top: 34px; right: 34px; border-radius: 999px; padding: 7px 12px; color: #9a6916; background: #fff1cd; font-size: 11px; font-style: normal; font-weight: 700; }
.wb-extension-hero > p { margin: 0; color: #718095; font-size: 12px; }
.wb-extension-hero ol { margin: 24px 0; padding-left: 22px; color: #53647a; font-size: 12px; line-height: 2; }
.wb-extension-feature-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-bottom: 24px; }
.wb-extension-feature-grid article { display: grid; min-height: 92px; place-items: center; border: 1px solid #e0e8f3; border-radius: 8px; color: #3f5772; background: rgba(255,255,255,.82); font-size: 12px; font-weight: 700; text-align: center; }
.wb-extension-hero > button { min-width: 118px; height: 40px; border: 0; border-radius: 7px; color: #fff; background: #2f99ef; font: inherit; font-size: 12px; opacity: .58; }
.wb-publish-shell { padding-bottom: 76px; }
.wb-publish-store-card, .wb-publish-editor-card, .wb-publish-format-card { overflow: hidden; border: 1px solid #e5e9ef; border-radius: 9px; background: #fff; box-shadow: 0 3px 10px rgba(35, 55, 80, .035); }
.wb-publish-store-card header, .wb-publish-editor-card > header { display: flex; min-height: 52px; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid #edf0f4; padding: 0 14px; }
.wb-publish-store-card header strong, .wb-publish-editor-card > header > strong, .wb-publish-format-card > strong { border-left: 4px solid #2f99ef; padding-left: 8px; color: #26384f; font-size: 15px; }
.wb-publish-store-card header label { color: #68778a; font-size: 11px; }
.wb-publish-store-empty { display: grid; min-height: 138px; place-content: center; gap: 7px; color: #8793a3; text-align: center; }
.wb-publish-store-empty span { color: #e5e9ee; font-size: 44px; }
.wb-publish-store-empty p { margin: 0; font-size: 12px; }
.wb-publish-store-empty em { color: #ae791b; font-size: 10px; font-style: normal; }
.wb-publish-editor-grid { display: grid; grid-template-columns: minmax(0, 3fr) minmax(260px, 1fr); gap: 16px; }
.wb-publish-editor-card > header { padding-right: 10px; }
.wb-publish-editor-card .wb-reference-actions { min-height: 0; flex-wrap: wrap; justify-content: flex-end; padding: 9px 0; }
.wb-publish-editor-card .wb-reference-actions button { min-width: auto; height: 31px; padding: 0 11px; }
.wb-publish-editor-card .wb-reference-actions .wb-coming-soon-inline { display: none; }
.wb-publish-editor-card textarea { width: calc(100% - 28px); min-height: 245px; margin: 14px; resize: none; border: 1px solid #dfe5ec; border-radius: 7px; padding: 15px; color: #66778a; background: #fff; font: inherit; font-size: 12px; line-height: 1.6; outline: 0; }
.wb-publish-editor-card textarea::placeholder { color: #acb5c0; }
.wb-publish-format-card { padding-bottom: 14px; }
.wb-publish-format-card > strong { display: block; margin: 14px; }
.wb-publish-format-card ul { margin: 0; padding: 0 24px 0 36px; color: #6d7a8d; font-size: 11px; line-height: 1.9; }
.wb-publish-footer { position: sticky; z-index: 2; bottom: 0; display: flex; min-height: 62px; align-items: center; justify-content: space-between; gap: 20px; border: 1px solid #e1e6ec; border-radius: 8px; padding: 9px 14px; background: #fff; box-shadow: 0 -4px 16px rgba(33, 54, 77, .08); }
.wb-publish-footer label, .wb-publish-footer > div { display: flex; align-items: center; gap: 12px; color: #657286; font-size: 11px; }
.wb-publish-footer label > span { color: #334a63; font-weight: 700; }
.wb-publish-footer input { width: 270px; height: 38px; border: 1px solid #dde4ec; border-radius: 7px; padding: 0 12px; color: #68778a; background: #fff; font: inherit; font-size: 11px; }
@media (max-width: 1280px) { .platform-switch-trigger { padding: 5px 7px; font-size: 10px; }.platform-switch-popover { width: 205px; }.wb-metric-grid, .wb-quick-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.wb-metric-grid article:nth-child(3) { border-right: 0; }.wb-quick-grid button:nth-child(3) { border-right: 0; } }
@media (max-width: 900px) { .wb-reference-filter-controls { flex-wrap: wrap; }.wb-reference-filter-controls input { width: min(100%, 290px); }.wb-publish-editor-grid { grid-template-columns: 1fr; }.wb-publish-footer { position: static; align-items: flex-start; flex-direction: column; }.wb-publish-footer > div { flex-wrap: wrap; } }

.public-store-management { overflow-x: auto; border: 1px solid #e8edf3; border-radius: 5px; background: #fff; box-shadow: 0 3px 12px rgba(28, 54, 85, .035); scroll-margin-top: 66px; }
.public-store-filter-row [hidden] { display: none !important; }
.billing-center { min-height: 620px; border: 1px solid #e8edf3; border-radius: 6px; background: #f7f9fc; box-shadow: 0 3px 12px rgba(28,54,85,.035); scroll-margin-top: 66px; }
.billing-heading { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; border-bottom: 1px solid #e9edf3; background: #fff; }
.billing-heading p { margin: 0 0 5px; color: #8a97a9; font-size: 11px; }.billing-heading h2 { margin: 0; font-size: 18px; }.billing-heading > span { padding: 5px 10px; border-radius: 4px; color: #256fc7; background: #edf6ff; font-size: 11px; }
.billing-summary-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; padding: 18px 20px; }
.billing-summary-grid article { min-height: 112px; padding: 19px 20px; border: 1px solid #e6ebf2; border-radius: 7px; background: #fff; }.billing-summary-grid span { color: #7f8c9f; font-size: 12px; }.billing-summary-grid strong { display: block; margin: 10px 0 7px; color: #26384f; font-size: 23px; }.billing-summary-grid small { color: #a0aab8; font-size: 10px; }.billing-balance-card { background: linear-gradient(135deg,#1677ff,#285bd7) !important; color: #fff; }.billing-balance-card span,.billing-balance-card small,.billing-balance-card strong { color: #fff; }
.billing-content-grid { display: grid; grid-template-columns: minmax(280px,.78fr) minmax(520px,1.6fr); gap: 14px; padding: 0 20px 22px; }
.billing-recharge-card,.billing-records-card { border: 1px solid #e6ebf2; border-radius: 7px; padding: 20px; background: #fff; }.billing-section-title { display: flex; align-items: center; justify-content: space-between; }.billing-section-title h3 { margin: 0; font-size: 16px; }.billing-section-title span { padding: 4px 7px; border-radius: 3px; color: #a06c1e; background: #fff6e5; font-size: 10px; }.billing-recharge-card > p { color: #8290a4; font-size: 11px; line-height: 1.65; }.billing-amount-presets { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin: 18px 0; }.billing-amount-presets button { min-height: 34px; border: 1px solid #cbdcf1; border-radius: 4px; color: #246fca; background: #fff; cursor: pointer; }.billing-amount-presets button:hover,.billing-amount-presets button.is-active { border-color: #1677ff; background: #edf6ff; }.billing-recharge-card label { display: grid; gap: 7px; color: #435269; font-size: 11px; }.billing-recharge-card input { height: 40px; border: 1px solid #d9e1ec; border-radius: 4px; padding: 0 11px; }.billing-recharge-card > .catalog-primary { width: 100%; margin-top: 14px; }.billing-notice { min-height: 18px; margin: 13px 0 0 !important; text-align: center; }
.billing-record-tabs { display: flex; gap: 26px; border-bottom: 1px solid #e7ecf3; }.billing-record-tabs button { position: relative; border: 0; padding: 0 2px 13px; color: #7f8ca0; background: none; cursor: pointer; font-weight: 700; }.billing-record-tabs button.is-active { color: #1677ff; }.billing-record-tabs button.is-active::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: #1677ff; content: ''; }.billing-record-panel { margin-top: 13px; }.billing-record-head,.billing-record-row { display: grid; grid-template-columns: 1.25fr .65fr .65fr 1fr; gap: 10px; align-items: center; min-height: 40px; padding: 0 10px; }.billing-record-head { color: #5d6d83; background: #f4f7fb; font-size: 10px; font-weight: 800; }.billing-record-row { border-bottom: 1px solid #edf1f5; color: #4d5e74; font-size: 10px; }.billing-record-row strong { color: #2676ce; }.billing-record-panel > div > p { padding: 70px 0; color: #9ba6b5; text-align: center; }
@media (max-width: 980px) { .billing-content-grid { grid-template-columns: 1fr; }.billing-summary-grid { grid-template-columns: 1fr; } }
.billing-center { display: grid; grid-template-columns: 188px minmax(0, 1fr); min-height: 680px; overflow: hidden; border: 1px solid #e5eaf1; border-radius: 4px; background: #fff; }
.billing-account-sidebar { border-right: 1px solid #e9edf2; padding: 12px 8px; background: #fff; }
.billing-account-brand { display: flex; align-items: center; gap: 9px; border-bottom: 1px solid #edf1f5; margin: -2px 3px 8px; padding: 8px 6px 15px; color: #26384f; }
.billing-account-brand span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 7px; color: #1677ff; background: #edf5ff; font-size: 11px; font-weight: 900; }
.billing-account-brand strong { font-size: 15px; }
.billing-account-sidebar > button, .billing-account-group button { display: flex; width: 100%; min-height: 34px; align-items: center; border: 0; border-radius: 4px; padding: 0 13px; color: #44546a; background: transparent; cursor: pointer; font-size: 11px; text-align: left; }
.billing-account-sidebar > button:hover, .billing-account-group button:hover { color: #1677ff; background: #f0f7ff; }
.billing-account-sidebar > button.is-active { color: #1677ff; background: #eaf4ff; font-weight: 700; }
.billing-account-group { margin-top: 4px; }
.billing-account-group h3 { display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 8px 13px; color: #2f4056; font-size: 11px; }
.billing-account-group h3 span { color: #98a4b3; font-size: 9px; }
.billing-account-group div { display: grid; gap: 2px; }
.billing-account-group button { padding-left: 29px; color: #6c798b; }
.billing-account-group button.is-active { color: #1677ff; background: #eaf4ff; font-weight: 700; }
.billing-account-main { min-width: 0; padding: 18px; background: #f7f9fc; }
.billing-reference-panel { min-height: 610px; border: 1px solid #e8edf3; border-radius: 4px; padding: 18px; background: #fff; }
.billing-reference-panel[hidden] { display: none; }
.billing-reference-panel > header { display: flex; min-height: 38px; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid #edf1f5; margin: -2px 0 17px; }
.billing-reference-panel > header h2 { margin: 0; color: #28394f; font-size: 16px; }
.billing-reference-panel > header span { padding: 3px 7px; border-radius: 3px; color: #a06c1e; background: #fff6e5; font-size: 9px; }
.billing-filter-grid { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 13px 16px; }
.billing-filter-grid label, .billing-custom-amount { display: grid; gap: 6px; color: #48596f; font-size: 10px; }
.billing-filter-grid input, .billing-filter-grid select, .billing-custom-amount input { width: 100%; height: 34px; border: 1px solid #dbe2eb; border-radius: 3px; padding: 0 9px; color: #526176; background: #fff; font: inherit; }
.billing-date-range { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 5px; }
.billing-date-range i { color: #8d99aa; font-style: normal; }
.billing-filter-actions { display: flex; justify-content: flex-end; gap: 8px; margin: 15px 0 18px; }
.billing-filter-actions button { min-width: 62px; }
.billing-record-table { overflow-x: auto; border-top: 1px solid #edf1f5; }
.billing-record-head, .billing-record-row { min-width: 880px; }
.billing-orders-table .billing-record-head, .billing-orders-table .billing-record-row { grid-template-columns: 1.2fr 1.25fr 1fr .8fr .8fr .8fr 1fr 1fr .55fr; }
.billing-package-records-table .billing-record-head, .billing-package-records-table .billing-record-row { grid-template-columns: 1.1fr 1fr .7fr .75fr .85fr .85fr 1fr 1fr 1fr; }
.billing-usage-table .billing-record-head, .billing-usage-table .billing-record-row { grid-template-columns: 1.1fr .8fr 1.1fr .9fr .8fr .7fr 1.3fr; }
.billing-product-services-table .billing-record-head, .billing-product-services-table .billing-record-row { grid-template-columns: 1.15fr .9fr 1fr .7fr 1.15fr .85fr 1.2fr; }
.billing-online-users-table .billing-record-head, .billing-online-users-table .billing-record-row { grid-template-columns: .45fr 1.35fr 1fr .85fr .65fr .8fr .9fr .85fr .9fr 1.1fr .65fr; }
.billing-activation-table .billing-record-head, .billing-activation-table .billing-record-row { grid-template-columns: 1.1fr 1fr 1fr .75fr .7fr .65fr .85fr .8fr .85fr .7fr; }
.billing-third-party-table .billing-record-head, .billing-third-party-table .billing-record-row { grid-template-columns: .8fr 1fr .75fr .85fr 1.25fr 1fr .7fr; }
.billing-ali1688-table .billing-record-head, .billing-ali1688-table .billing-record-row { grid-template-columns: .85fr 1fr 1.2fr 1fr 1.5fr .85fr .9fr 1fr 1fr; }
.billing-record-head { min-height: 42px; color: #526178; background: #f4f7fb; }
.billing-record-table > div > p { min-width: 880px; margin: 0; padding: 88px 0; color: #9da8b7; text-align: center; }
.billing-package-tabs { display: flex; flex-wrap: wrap; gap: 20px; border-bottom: 1px solid #edf1f5; margin-bottom: 22px; }
.billing-package-tabs button { position: relative; border: 0; padding: 0 2px 12px; color: #6f7d90; background: transparent; cursor: pointer; font-size: 11px; }
.billing-package-tabs button.is-active { color: #1677ff; font-weight: 700; }
.billing-package-tabs button.is-active::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: #1677ff; content: ''; }
.billing-reference-panel > h3 { margin: 18px 0 10px; color: #34465d; font-size: 12px; }
.billing-amount-presets { grid-template-columns: repeat(4, minmax(105px, 1fr)); max-width: 720px; margin: 0 0 16px; }
.billing-amount-presets button { display: grid; min-height: 58px; place-items: center; gap: 2px; }
.billing-amount-presets strong { color: #2c4058; font-size: 12px; }.billing-amount-presets span { color: #8995a5; font-size: 9px; }
.billing-custom-amount { max-width: 330px; margin: 12px 0; }
.billing-payment-option { display: flex; width: 230px; min-height: 44px; align-items: center; gap: 8px; border: 1px solid #dce4ed; border-radius: 4px; padding: 0 12px; color: #42536a; font-size: 11px; }
.billing-payment-option small { margin-left: auto; color: #a36e1e; }
.billing-pay-button { min-width: 120px; margin-top: 16px; }
.billing-notice { min-height: 18px; margin: 12px 0 0 !important; color: #936c27; text-align: left; }
.billing-commerce-catalog { display: grid; grid-template-columns: repeat(3, minmax(150px, 1fr)); gap: 10px; max-width: 880px; }.billing-commerce-catalog > p { grid-column: 1 / -1; margin: 0; border: 1px dashed #dce4ed; border-radius: 5px; padding: 28px 16px; color: #8d99aa; text-align: center; font-size: 11px; }.billing-commerce-card { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: center; border: 1px solid #dfe6ef; border-radius: 5px; padding: 13px; background: #fff; }.billing-commerce-card div { display: grid; gap: 4px; }.billing-commerce-card strong { color: #34465d; font-size: 12px; }.billing-commerce-card span { color: #8995a5; font-size: 10px; }.billing-commerce-card b { color: #e26d2c; font-size: 15px; }.billing-commerce-card button { grid-column: 1 / -1; justify-self: start; }
.billing-payment-heading { margin-top: 18px !important; }.billing-payment-methods { display: grid; grid-template-columns: repeat(2, minmax(180px, 260px)); gap: 10px; }.billing-payment-methods button { display: grid; gap: 4px; border: 1px solid #dfe6ef; border-radius: 5px; padding: 12px 14px; color: #3d4f66; background: #fff; text-align: left; }.billing-payment-methods button:disabled { cursor: not-allowed; opacity: .72; }.billing-payment-methods strong { font-size: 12px; }.billing-payment-methods span { color: #7c899a; font-size: 10px; }.billing-payment-methods small { color: #a36e1e; font-size: 9px; }
.billing-payment-tips { border-top: 1px solid #edf1f5; margin-top: 20px; padding-top: 13px; color: #77869a; font-size: 10px; }.billing-payment-tips strong { color: #53637a; }.billing-payment-tips p { margin: 5px 0; }
.billing-quick-entry, .billing-product-services { margin-bottom: 20px; }
.billing-quick-entry h3, .billing-product-services h3, .billing-reference-panel > h3 { margin: 0 0 11px; color: #34465d; font-size: 12px; }
.billing-quick-entry > div { display: grid; grid-template-columns: repeat(5, minmax(90px, 1fr)); gap: 13px; }
.billing-quick-entry button { display: grid; min-height: 86px; place-items: center; border: 1px solid #e3e9f1; border-radius: 5px; color: #4a98df; background: linear-gradient(145deg, #f8fbff, #eef6ff); cursor: pointer; }
.billing-quick-entry button span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; color: #fff; background: #5aaaf0; font-size: 19px; }
.billing-ozon-mark { display: inline-grid; min-width: 34px; height: 22px; place-items: center; border-radius: 12px; margin-right: 5px; color: #fff; background: #2469d8; font-size: 9px; }
.billing-activation-form { display: flex; max-width: 540px; gap: 8px; margin-bottom: 14px; }.billing-activation-form input { flex: 1; height: 36px; border: 1px solid #dbe2eb; border-radius: 3px; padding: 0 10px; }
.billing-activation-tips { border: 1px solid #e8edf3; border-radius: 4px; margin: 0 0 18px; padding: 10px 13px; color: #7d8999; background: #f8fafc; font-size: 10px; }.billing-activation-tips p { margin: 5px 0; }
@media (max-width: 980px) { .billing-center { grid-template-columns: 154px minmax(0, 1fr); }.billing-filter-grid { grid-template-columns: repeat(2, minmax(140px, 1fr)); }.billing-amount-presets, .billing-commerce-catalog { grid-template-columns: repeat(2, minmax(100px, 1fr)); } }
@media (max-width: 620px) { .billing-payment-methods { grid-template-columns: 1fr; } }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; }
.public-store-filter-row { display: flex; min-width: 1180px; min-height: 76px; align-items: center; gap: 12px; border-bottom: 1px solid #edf1f5; padding: 0 20px; }
.public-store-filter-row label { display: flex; align-items: center; color: #26384d; font-size: 12px; white-space: nowrap; }
.public-store-filter-row input, .public-store-filter-row select { width: 226px; height: 36px; border: 1px solid #dce4ed; border-radius: 5px; padding: 0 12px; color: #485a70; background: #fff; font: inherit; font-size: 12px; outline: 0; }
.public-store-filter-row .public-store-filter-field select { width: 122px; }
.public-store-filter-row #public-store-name-filter { width: 194px; }
.public-store-filter-row #public-store-cookie-filter, .public-store-filter-row #public-store-status-filter { width: 260px; }
.public-store-filter-row input:focus, .public-store-filter-row select:focus { border-color: #55a8ef; box-shadow: 0 0 0 2px rgba(47, 153, 239, .1); }
.public-store-filter-row > div { display: flex; align-items: center; gap: 9px; }
.public-store-expand { border: 0; color: #4d82ba; background: transparent; cursor: pointer; font: inherit; font-size: 11px; }
.public-store-toolbar { display: flex; min-width: 1180px; min-height: 72px; align-items: center; gap: 10px; border-bottom: 1px solid #edf1f5; padding: 10px 16px; }
.public-store-toolbar > button { flex: 0 0 auto; }
.public-store-quota { display: flex; min-width: 184px; height: 38px; align-items: center; gap: 8px; border: 1px solid #dce9f5; border-radius: 5px; padding: 0 10px; color: #3977b1; background: #f7fbff; font-size: 10px; white-space: nowrap; }
.public-store-quota i { position: relative; width: 58px; height: 5px; overflow: hidden; border-radius: 4px; background: #dbe9f7; }
.public-store-quota i b { display: block; width: 0; height: 100%; border-radius: inherit; background: #58a8ed; transition: width .2s ease; }
.public-store-quota:first-of-type i b { background: #ee6a73; }
.public-store-quota strong { margin-left: auto; color: #2869aa; font-size: 11px; }
.public-store-notification { flex: 0 0 auto; border: 0; padding: 0 2px; color: #2372bd; background: transparent; cursor: pointer; font: inherit; font-size: 11px; font-weight: 700; white-space: nowrap; }
.public-store-notification small { display: inline-grid; width: 15px; height: 15px; place-items: center; border-radius: 50%; color: #fff; background: #8c98a8; font-size: 9px; }
.public-store-metrics { display: grid; min-width: 1180px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; padding: 14px 16px; background: #fff; }
.public-store-metrics article { position: relative; min-height: 106px; border: 1px solid #e7ecf2; border-radius: 7px; padding: 20px 16px; background: #fff; box-shadow: 0 2px 8px rgba(29, 54, 85, .035); }
.public-store-metrics span, .public-store-metrics small { display: block; color: #8492a5; font-size: 10px; }
.public-store-metrics strong { display: block; margin: 8px 0 5px; color: #263a52; font-size: 19px; }
.public-store-metrics article:nth-child(2) strong { color: #2788de; }
.public-store-metrics em { position: absolute; right: 18px; top: 34px; display: grid; width: 40px; height: 40px; place-items: center; border-radius: 8px; color: #3993dc; background: #f2f8ff; font-style: normal; font-size: 18px; }
.public-store-metrics article:nth-child(2) em { color: #48a870; background: #f1fbf4; }
.public-store-metrics article:nth-child(3) em { color: #7655cf; background: #f7f2ff; }
.public-store-notice { min-width: 1180px; margin: 0; border-top: 1px solid #edf1f5; padding: 9px 18px; color: #63758b; background: #f5faff; font-size: 11px; }
.public-store-table { min-width: 1870px; border-top: 1px solid #e7ecf2; }
.public-store-table-head, .public-store-table-row { display: grid; grid-template-columns: 34px minmax(155px, 1.3fr) 104px 116px 112px 118px 112px 110px 118px 96px 134px 134px 130px 88px; gap: 8px; align-items: center; padding: 0 15px; }
.public-store-table-head { min-height: 45px; color: #2b3f57; background: #f4f7fb; font-size: 10px; font-weight: 700; }
.public-store-table-row { min-height: 70px; border-top: 1px solid #edf1f5; color: #536479; font-size: 10px; }
.public-store-table-row strong { display: block; overflow: hidden; color: #287fce; text-overflow: ellipsis; white-space: nowrap; }
.public-store-table-row small { display: block; margin-top: 5px; color: #97a4b5; font-size: 9px; }
.public-store-table-head small { color: #8d99a9; font-size: 9px; }
.public-store-row-selection, .public-store-select-all { display: grid; place-items: center; }
.public-store-table-head > span:last-child, .public-store-table-row > span:last-child { position: sticky; right: 0; z-index: 2; align-self: stretch; display: grid; align-content: center; gap: 4px; padding-left: 8px; background: #fff; box-shadow: -8px 0 14px rgba(34, 63, 97, .07); }
.public-store-table-head > span:last-child { z-index: 3; background: #f4f7fb; }
.public-store-table-row button { width: 74px; border: 1px solid #78b5e7; border-radius: 5px; padding: 4px 7px; color: #287fce; background: #fff; cursor: pointer; font-size: 9px; }
.public-store-table-row button.is-primary { color: #fff; background: #3998ea; }
.public-store-table-row button.is-danger { border-color: #eb6a73; color: #d34e58; }
.public-store-table-row em { display: inline-flex; min-height: 23px; align-items: center; border-radius: 4px; padding: 0 8px; color: #307cc1; background: #ecf6ff; font-style: normal; }
.public-store-table-row em.is-valid, .public-store-table-row em.is-active { color: #29945c; background: #eaf8f0; }
.public-store-table-row em.is-invalid, .public-store-table-row em.is-disabled { color: #d05c37; background: #fff1e8; }
.public-store-toggle-cell { display: flex; justify-content: center; }
.public-store-toggle-cell input { width: 30px; height: 16px; accent-color: #2f99ef; }
.public-store-table-body { min-height: 190px; }
.public-store-empty { display: grid; min-height: 190px; place-items: center; margin: 0; color: #a0aab7; font-size: 12px; }
.public-store-pagination { display: flex; min-width: 1180px; min-height: 54px; align-items: center; justify-content: flex-end; gap: 8px; border-top: 1px solid #edf1f5; padding: 0 18px; color: #7f8da0; font-size: 11px; }
.public-store-pagination button { min-width: 28px; height: 28px; border: 1px solid #dce5ee; border-radius: 4px; color: #55687d; background: #fff; }
.public-store-pagination button[aria-current="page"] { border-color: #2f99ef; color: #fff; background: #2f99ef; }
.public-store-pagination select, .public-store-pagination input { height: 28px; border: 1px solid #dce5ee; border-radius: 4px; padding: 0 7px; color: #55687d; background: #fff; font: inherit; }
.public-store-pagination input { width: 46px; text-align: center; }
.public-store-action-dialog { width: min(520px, calc(100vw - 30px)); }
.public-store-action-content { display: grid; gap: 14px; padding: 0 22px 18px; }
.public-store-action-content label { display: grid; gap: 7px; color: #40556d; font-size: 12px; }
.public-store-action-content input, .public-store-action-content select { height: 38px; border: 1px solid #dce5ee; border-radius: 5px; padding: 0 10px; color: #3d536b; background: #fff; font: inherit; }
.public-store-action-content .public-store-delete-warning { margin: 0; border: 1px solid #f5c8cb; border-radius: 6px; padding: 13px; color: #b84952; background: #fff5f6; line-height: 1.7; }
.public-store-action-status { min-height: 20px; margin: 0 22px 14px; color: #3f7eb6; font-size: 12px; }
.public-store-action-status.is-error { color: #d34e58; }
.public-store-action-dialog.is-delete { width: min(420px, calc(100vw - 30px)); border-radius: 9px; }
.public-store-action-dialog.is-delete form { padding: 17px 18px 16px; }
.public-store-action-dialog.is-delete .catalog-dialog-heading { align-items: center; }
.public-store-action-dialog.is-delete .catalog-dialog-heading p { display: none; }
.public-store-action-dialog.is-delete .catalog-dialog-heading h2 { margin: 0; font-size: 16px; }
.public-store-action-dialog.is-delete .catalog-dialog-close { background: transparent; }
.public-store-action-dialog.is-delete .catalog-dialog-note { margin: 14px 18px 8px; padding: 0; color: #5d6673; background: transparent; font-size: 13px; }
.public-store-action-dialog.is-delete .public-store-action-content { padding: 0 18px; }
.public-store-action-dialog.is-delete .public-store-delete-warning { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 9px; align-items: start; border: 0; padding: 0; color: #df8a19; background: transparent; font-size: 12px; line-height: 1.75; }
.public-store-delete-icon { display: grid; width: 20px; height: 20px; place-items: center; margin-top: 1px; border-radius: 50%; color: #fff; background: #faad14; font-size: 12px; font-weight: 800; line-height: 1; }
.public-store-action-dialog.is-delete .public-store-action-status { margin: 8px 18px 0; }
.public-store-action-dialog.is-delete .public-store-action-status:empty { display: none; }
.public-store-action-dialog.is-delete .catalog-dialog-actions { margin-top: 15px; }
.ozon-shop-binding-dialog { width: min(720px, calc(100vw - 28px)); max-height: calc(100vh - 34px); overflow: auto; border: 0; border-radius: 8px; padding: 0; color: #2a3c52; background: #fff; box-shadow: 0 22px 70px rgba(17, 37, 62, .26); }
.ozon-shop-binding-dialog::backdrop { background: rgba(18, 32, 50, .38); }
.ozon-shop-binding-dialog form { margin: 0; }
.ozon-shop-binding-heading { display: flex; min-height: 66px; align-items: center; justify-content: space-between; border-bottom: 1px solid #edf1f5; padding: 0 20px; }
.ozon-shop-binding-heading h2 { margin: 0; font-size: 17px; }
.ozon-shop-binding-heading button { width: 30px; height: 30px; border: 0; border-radius: 5px; color: #8492a3; background: transparent; cursor: pointer; font-size: 23px; }
.ozon-shop-binding-body { display: grid; gap: 13px; padding: 18px 24px 4px; }
.ozon-shop-binding-body label { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 62px; align-items: center; gap: 8px 12px; color: #35475d; font-size: 12px; }
.ozon-shop-binding-body label > span { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 5px; }
.ozon-shop-field-label { display: inline-flex; align-items: center; justify-content: flex-start; gap: 4px; }
.ozon-shop-field-label small { color: #d48a24; }
.ozon-shop-required { color: #df515a; font-weight: 400; }
.ozon-shop-binding-body label small { color: #a0aab7; font-weight: 400; }
.ozon-shop-binding-body label small b { color: inherit; font-weight: 400; }
.ozon-shop-binding-body input, .ozon-shop-binding-body select, .ozon-shop-binding-body textarea { width: 100%; border: 1px solid #dce4ed; border-radius: 5px; padding: 0 10px; color: #344a63; background: #fff; font: inherit; font-size: 12px; outline: 0; }
.ozon-shop-binding-body input, .ozon-shop-binding-body select { grid-column: 1; height: 36px; }
.ozon-shop-binding-body #ozon-shop-api-key { height: 54px; }
.ozon-shop-binding-body textarea { height: 96px; min-height: 96px; resize: vertical; padding-top: 9px; line-height: 1.5; }
.ozon-shop-binding-body input:focus, .ozon-shop-binding-body select:focus, .ozon-shop-binding-body textarea:focus { border-color: #4fa7ef; box-shadow: 0 0 0 2px rgba(47, 153, 239, .1); }
.ozon-shop-binding-body label > a { grid-column: 2; color: #2f8fe0; font-size: 10px; text-decoration: none; white-space: nowrap; }
.ozon-shop-binding-body .ozon-shop-cookie-field { align-items: start; }
.ozon-shop-cookie-field textarea { grid-column: 1 / -1; }
.ozon-shop-contract-link, .ozon-shop-cookie-warning, .ozon-shop-security-note, .ozon-shop-binding-status { margin: -6px 0 0; font-size: 10px; line-height: 1.55; }
.ozon-shop-help-trigger { border: 0; padding: 0; color: #2f8fe0; background: transparent; font: inherit; text-decoration: none; cursor: pointer; }
.ozon-shop-contract-link { color: #8190a2; }
.ozon-shop-cookie-warning { color: #bd7920; }
.ozon-shop-security-note { border-radius: 5px; padding: 8px 10px; color: #60758c; background: #f4f9fe; }
.ozon-shop-binding-status { min-height: 16px; color: #287fce; }
.ozon-shop-binding-status.is-error { color: #ce4e4e; }
.ozon-shop-binding-actions { display: flex; justify-content: flex-end; gap: 10px; border-top: 1px solid #edf1f5; margin-top: 0; padding: 14px 20px; }
.ozon-shop-binding-actions button { min-width: 78px; height: 34px; border: 1px solid #d9e2eb; border-radius: 5px; color: #52667b; background: #fff; cursor: pointer; font: inherit; font-size: 12px; }
.ozon-shop-binding-actions button[type="submit"] { border-color: #2f99ef; color: #fff; background: #2f99ef; }
.ozon-shop-binding-actions button:disabled { cursor: wait; opacity: .65; }
@media (max-width: 760px) { .ozon-shop-binding-body { padding-right: 15px; padding-left: 15px; }.ozon-shop-binding-body label { grid-template-columns: 1fr; gap: 6px; }.ozon-shop-binding-body label > .ozon-shop-help-trigger { justify-self: start; }.ozon-shop-contract-link, .ozon-shop-cookie-warning, .ozon-shop-security-note, .ozon-shop-binding-status { margin-left: 0; } }

/* Ozon order data-screen frame verified against the visible reference hierarchy. */
.local-visual-dashboard {
  --visual-cyan: #27d9ff;
  --visual-blue: #078bff;
  display: grid;
  min-width: 1120px;
  min-height: 690px;
  gap: 8px;
  margin: 0;
  border: 1px solid #0b61a3;
  border-radius: 0;
  padding: 6px 10px 10px;
  color: #dff8ff;
  background:
    radial-gradient(circle at 52% -12%, rgba(17, 108, 196, .46), transparent 33%),
    radial-gradient(circle at 8% 92%, rgba(0, 91, 166, .24), transparent 31%),
    linear-gradient(150deg, #02142e 0%, #031b3e 46%, #020e24 100%);
  box-shadow: inset 0 0 46px rgba(5, 85, 159, .18);
}
.local-visual-brand { border: 0; padding: 0; background: transparent; cursor: pointer; font: inherit; text-align: left; }
.local-visual-brand:focus-visible { outline: 1px solid #50dfff; outline-offset: 4px; }
.is-visual-dashboard-active { min-width: 1120px; background: #020e24; }
.is-visual-dashboard-active .global-navigation,
.is-visual-dashboard-active .layout-tags-view,
.is-visual-dashboard-active .local-support-rail,
.is-visual-dashboard-active .app-shell > .sidebar,
.is-visual-dashboard-active .workspace > .topbar { display: none; }
.is-visual-dashboard-active .app-shell { min-height: 100vh; }
.is-visual-dashboard-active .workspace,
.is-visual-dashboard-active .content { width: 100%; max-width: none; margin: 0; padding: 0; }
.is-visual-dashboard-active #ozon-verified-panel-shell.local-visual-dashboard { width: 100%; min-height: 100vh; }
.is-visual-dashboard-active #mounted-visual-page-host { width: 100%; min-width: 1280px; min-height: 100vh; margin: 0; overflow: hidden; background: #020e24; }
.is-visual-dashboard-active #mounted-visual-page-host > .ozon-order-workspace-page.is-visual { width: 100%; min-height: 100vh; margin: 0; }
.is-visual-dashboard-active #local-business-views { display: none; }
.local-visual-dashboard:fullscreen { overflow: auto; width: 100vw; min-width: 1120px; min-height: 100vh; padding: 8px 12px; }
.local-visual-heading { position: relative; display: grid; min-height: 48px; grid-template-columns: minmax(240px, 1fr) auto minmax(420px, 1fr); align-items: start; gap: 18px; border-bottom: 1px solid rgba(40, 185, 255, .28); }
.local-visual-heading::after { position: absolute; right: 23%; bottom: -1px; left: 23%; height: 2px; content: ''; background: linear-gradient(90deg, transparent, #2be4ff, transparent); }
.local-visual-brand { align-self: center; color: #f8d36f; font-size: 15px; letter-spacing: .08em; text-shadow: 0 0 9px rgba(255, 209, 80, .4); }
.local-visual-title { display: grid !important; justify-items: center; gap: 1px !important; }
.local-visual-title strong { color: #f4fbff; font-size: 23px; font-style: italic; letter-spacing: .06em; text-shadow: 0 0 12px rgba(52, 183, 255, .55); white-space: nowrap; }
.local-visual-title small { color: #78c8ef; font-size: 9px; }
.local-visual-toolbar { justify-self: end; display: flex; align-items: center; gap: 5px; }
.local-visual-toolbar select, .local-visual-toolbar input, .local-visual-toolbar button { min-height: 26px; border: 1px solid rgba(39, 178, 255, .36); border-radius: 1px; padding: 3px 7px; color: #dff7ff; background: rgba(4, 39, 79, .86); font: inherit; font-size: 9px; color-scheme: dark; }
.local-visual-toolbar select { min-width: 90px; }
.local-visual-toolbar input { width: 112px; }
.local-visual-toolbar button { width: 28px; cursor: pointer; font-size: 15px; }
.local-visual-toolbar > span { border: 0; padding: 0; color: #49bce9; background: transparent; }
.local-visual-grid { display: grid; min-height: 580px; grid-template-columns: minmax(280px, .92fr) minmax(480px, 1.48fr) minmax(280px, .92fr); gap: 9px; }
.local-visual-column { display: grid; min-width: 0; gap: 9px; }
.local-visual-column.is-left { grid-template-rows: .82fr 1.2fr .9fr; }
.local-visual-column.is-center { grid-template-rows: 92px 1fr 1.05fr; }
.local-visual-column.is-right { grid-template-rows: 1fr .78fr .96fr; }
.local-visual-panel { position: relative; min-width: 0; overflow: hidden; border: 1px solid rgba(43, 185, 255, .38); border-radius: 0; background: linear-gradient(150deg, rgba(3, 30, 68, .88), rgba(2, 18, 45, .72)); box-shadow: inset 0 0 22px rgba(0, 113, 198, .08); }
.local-visual-panel::before, .local-visual-panel::after { position: absolute; width: 13px; height: 13px; border-color: #35d7ff; content: ''; pointer-events: none; }
.local-visual-panel::before { left: -1px; bottom: -1px; border-left: 2px solid; border-bottom: 2px solid; }
.local-visual-panel::after { right: -1px; top: -1px; border-top: 2px solid; border-right: 2px solid; }
.local-visual-panel h3 { display: flex; min-height: 27px; align-items: center; justify-content: space-between; margin: 0; border: 0; border-bottom: 1px solid rgba(48, 194, 255, .3); padding: 0 10px; color: #e8fbff; background: linear-gradient(90deg, rgba(0, 123, 220, .5), rgba(5, 56, 107, .42) 72%, transparent); font-size: 11px; font-style: italic; }
.local-visual-panel h3::before { width: 3px; height: 14px; margin-right: 6px; content: ''; background: #29ddff; box-shadow: 0 0 7px #2cddff; }
.local-visual-panel h3 span { margin-right: auto; }
.local-visual-panel h3 em { color: #4bb9df; font-size: 8px; font-style: normal; font-weight: 500; }
.local-visual-kpis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 42px; padding: 4px 28px; }
.local-visual-kpis article { position: relative; display: grid; min-width: 0; place-items: center; gap: 0; border: 0; border-radius: 0; padding: 3px 9px; background: radial-gradient(circle, rgba(16, 104, 194, .28), transparent 67%); }
.local-visual-kpis article::before, .local-visual-kpis article::after { position: absolute; top: 28px; width: 1px; height: 35px; content: ''; background: linear-gradient(transparent, #1baef0, transparent); }
.local-visual-kpis article::before { left: 0; }.local-visual-kpis article::after { right: 0; }
.local-visual-kpis span { color: #bdeaff; font-size: 10px; }
.local-visual-kpis strong { color: #fff; font-size: 27px; letter-spacing: .17em; text-shadow: 0 0 12px rgba(39, 209, 255, .55); }
.local-visual-kpis small { color: #3cbce8; font-size: 8px; }
.local-visual-table { min-width: 0; }
.local-visual-table .business-table-head { display: grid; min-width: 0; grid-template-columns: repeat(var(--local-visual-columns, 4), minmax(0, 1fr)); align-items: center; gap: 4px; min-height: 26px; padding: 0 8px; color: #8fd9f5; background: rgba(10, 71, 126, .36); font-size: 8px; }
.local-visual-column.is-left .local-visual-panel:nth-child(2) .business-table-head { --local-visual-columns: 6; }
.local-visual-column.is-center .local-visual-panel:last-child .business-table-head { --local-visual-columns: 6; }
.local-visual-empty { display: grid; min-height: 54px; place-items: center; margin: 0; color: #4f91b4; font-size: 9px; }
.local-visual-chart { position: relative; display: flex; min-height: 92px; align-items: end; justify-content: space-around; gap: 6px; padding: 24px 24px 17px; background-image: repeating-linear-gradient(0deg, transparent 0 23px, rgba(74, 170, 218, .11) 24px), repeating-linear-gradient(90deg, transparent 0 44px, rgba(74, 170, 218, .07) 45px); }
.local-visual-chart i { width: 9%; min-height: 4px; border-radius: 1px 1px 0 0; background: linear-gradient(#24ecff, #087cbf); opacity: .34; }
.local-visual-chart i:nth-child(1) { height: 22%; }.local-visual-chart i:nth-child(2) { height: 47%; }.local-visual-chart i:nth-child(3) { height: 35%; }.local-visual-chart i:nth-child(4) { height: 68%; }.local-visual-chart i:nth-child(5) { height: 51%; }.local-visual-chart i:nth-child(6) { height: 73%; }.local-visual-chart i:nth-child(7) { height: 42%; }
.local-visual-chart span { position: absolute; inset: 0; display: grid; place-items: center; color: #55b8dc; font-size: 9px; }
.local-visual-chart.is-line i, .local-visual-chart.is-rise i, .local-visual-chart.is-area i { width: 13%; background: linear-gradient(#22f3dc, rgba(11, 152, 190, .18)); }
.local-visual-chart.is-donut { min-height: 145px; align-items: center; justify-content: center; background-image: repeating-linear-gradient(0deg, transparent 0 31px, rgba(74, 170, 218, .1) 32px); }
.local-visual-chart.is-donut::after { width: 74px; height: 74px; border: 14px solid rgba(43, 216, 255, .55); border-right-color: rgba(255, 173, 45, .8); border-radius: 50%; content: ''; opacity: .35; }
.local-visual-chart.is-donut i { display: none; }
.local-visual-core-charts { display: grid; min-height: 175px; grid-template-columns: 1fr 112px 1fr; align-items: center; }
.local-visual-buyer-count { display: grid; width: 82px; height: 82px; place-items: center; justify-self: center; border: 1px solid rgba(42, 218, 255, .42); border-radius: 50%; color: #a5e8ff; background: radial-gradient(circle, rgba(34, 181, 235, .28), rgba(1, 21, 52, .84) 67%); font-size: 10px; line-height: 1.8; text-align: center; white-space: pre-line; box-shadow: 0 0 18px rgba(24, 180, 238, .18); }
.local-visual-status-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 5px; padding: 18px 8px 12px; }
.local-visual-status-grid div { display: grid; justify-items: center; gap: 4px; min-width: 0; color: #bfeeff; font-size: 8px; text-align: center; }
.local-visual-status-grid i { display: grid; width: 33px; height: 33px; place-items: center; border: 1px solid rgba(39, 215, 255, .56); transform: rotate(45deg); color: #45dcff; background: rgba(9, 83, 137, .38); font-size: 15px; font-style: normal; }
.local-visual-status-grid i::first-letter { transform: rotate(-45deg); }
.local-visual-status-grid strong { color: #2ce3ff; font-size: 14px; }
.local-visual-safety { display: flex; min-height: 27px; align-items: center; justify-content: center; gap: 12px; border: 1px solid rgba(45, 196, 255, .24); color: #67b9d9; background: rgba(1, 20, 47, .72); font-size: 9px; }
.local-visual-safety strong { border-radius: 2px; padding: 3px 8px; color: #8feaff; background: rgba(27, 166, 219, .18); }
.local-visual-safety span:last-child { margin-left: 0; }
@media (max-width: 1180px) { .local-visual-dashboard { min-width: 980px; }.local-visual-grid { grid-template-columns: 250px minmax(430px, 1fr) 250px; }.local-visual-title strong { font-size: 19px; }.local-visual-heading { grid-template-columns: 190px auto 390px; } }

/* Membership frame follows the reference hierarchy; pricing and payment remain intentionally unconnected. */
.membership-dialog { width: min(920px, calc(100vw - 36px)); max-height: calc(100vh - 40px); overflow: auto; border: 0; border-radius: 9px; padding: 0; color: #27384d; background: #fff; box-shadow: 0 24px 80px rgba(13, 32, 58, .3); }
.membership-dialog::backdrop { background: rgba(20, 31, 46, .42); }
.membership-dialog form { margin: 0; }
.membership-dialog-heading { display: flex; min-height: 58px; align-items: center; justify-content: space-between; border-bottom: 1px solid #edf0f4; padding: 0 22px; }
.membership-dialog-heading strong { font-size: 17px; }
.membership-dialog-heading button { width: 30px; height: 30px; border: 0; border-radius: 5px; color: #8290a1; background: transparent; cursor: pointer; font-size: 23px; }
.membership-dialog-body { padding: 18px 24px 0; }
.membership-plan-tabs { display: flex; gap: 32px; border-bottom: 1px solid #e8edf3; }
.membership-plan-tabs button { position: relative; min-width: 88px; height: 39px; border: 0; color: #68798d; background: transparent; cursor: pointer; font: inherit; font-size: 13px; }
.membership-plan-tabs button.is-active { color: #2789de; font-weight: 700; }
.membership-plan-tabs button.is-active::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: #2d96ec; content: ''; }
.membership-period-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-top: 17px; }
.membership-period-grid button { display: grid; min-height: 108px; align-content: center; justify-items: center; gap: 7px; border: 1px solid #e2e8ef; border-radius: 7px; color: #42556c; background: #fff; cursor: pointer; font: inherit; }
.membership-period-grid button:hover, .membership-period-grid button.is-selected { border-color: #4da4ec; background: #f3f9ff; box-shadow: 0 4px 12px rgba(47, 143, 220, .1); }
.membership-period-grid strong { font-size: 13px; }.membership-period-grid span { color: #df693f; font-size: 18px; font-weight: 800; }.membership-period-grid small { color: #9ca8b6; font-size: 10px; }
.membership-platform { display: flex; align-items: center; gap: 8px; margin-top: 16px; color: #7a899b; font-size: 11px; }.membership-platform strong { border-radius: 14px; padding: 4px 10px; color: #387dc1; background: #eaf5ff; }.membership-platform em { margin-left: auto; color: #aa771c; font-style: normal; }
.membership-benefits { margin-top: 16px; }.membership-benefits h3 { margin: 0 0 9px; color: #33465c; font-size: 14px; }.membership-benefits-table { overflow: hidden; border: 1px solid #e5ebf1; border-radius: 6px; }.membership-benefits-table > div { display: grid; min-height: 34px; grid-template-columns: 1.2fr 1fr 1fr; align-items: center; border-bottom: 1px solid #edf1f5; }.membership-benefits-table > div:last-child { border-bottom: 0; }.membership-benefits-table > div:first-child { color: #32465d; background: #f5f7fa; }.membership-benefits-table b, .membership-benefits-table span { padding: 8px 13px; border-right: 1px solid #edf1f5; font-size: 11px; }.membership-benefits-table b:last-child, .membership-benefits-table span:last-child { border-right: 0; }.membership-benefits-table span { color: #718096; }
.membership-dialog-status { margin: 13px 0; border-left: 3px solid #f0b44b; padding: 8px 10px; color: #936c27; background: #fff9ec; font-size: 11px; line-height: 1.5; }
.membership-dialog-footer { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; border-top: 1px solid #edf1f5; padding: 14px 24px; }.membership-dialog-footer strong { color: #df643d; font-size: 24px; }.membership-dialog-footer span { color: #8794a4; font-size: 10px; }.membership-dialog-footer button { min-width: 110px; height: 36px; border: 0; border-radius: 5px; color: #fff; background: #2f94e8; cursor: pointer; font: inherit; font-size: 12px; }
@media (max-width: 760px) { .membership-period-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.membership-dialog-footer { grid-template-columns: 1fr auto; }.membership-dialog-footer span { grid-row: 2; grid-column: 1 / -1; } }

.account-nav-menu { align-self: center; }
.account-nav-popover { top: calc(100% + 8px); right: 0; left: auto; width: 292px; max-height: calc(100vh - 70px); overflow: auto; padding: 8px; }
.account-nav-profile { border-bottom: 1px solid #edf1f5; padding-bottom: 6px; }
.account-nav-summary { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 9px; align-items: center; margin: 0 2px; padding: 5px; }
.account-nav-summary > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(145deg, #2f9af0, #234b98); font-size: 12px; font-weight: 800; }
.account-nav-summary p, .account-nav-summary b, .account-nav-summary strong, .account-nav-summary small { display: block; margin: 0; }
.account-nav-summary b { color: #253b55; font-size: 11px; }
.account-nav-summary strong { overflow: hidden; color: #33475f; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.account-nav-summary small { margin-top: 4px; color: #8795a6; font-size: 9px; line-height: 1.35; }
.account-nav-popover button { display: flex; min-height: 34px; align-items: center; justify-content: space-between; }
.account-nav-profile-actions { display: flex; align-items: center; justify-content: flex-end; gap: 4px; padding: 0 2px; }
.account-nav-profile-actions button { width: auto; min-height: 26px; padding: 4px 7px; color: #438fd0; font-size: 10px; }
.account-nav-auth-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 6px 7px 8px; }
.account-nav-auth-actions button { min-height: 32px; justify-content: center; border: 1px solid #2688e8; color: #2688e8; background: #fff; font-size: 11px; font-weight: 700; }
.account-nav-auth-actions button:last-child { color: #fff; background: #2688e8; }
.account-nav-auth-actions[hidden], .account-nav-profile-actions[hidden], #account-nav-logout[hidden] { display: none; }
.account-nav-section { border-bottom: 1px solid #edf1f5; padding: 7px 2px; }
.account-nav-section h3 { margin: 0 5px 5px; color: #7c899a; font-size: 10px; font-weight: 500; }
.account-nav-points { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 6px; padding: 2px 5px 5px; color: #50627a; font-size: 10px; }
.account-nav-points strong { color: #ed8b35; font-size: 14px; text-align: right; }
.account-nav-points button { width: auto; min-height: 25px; padding: 3px 7px; color: #1f86d4; background: #edf7ff; font-size: 10px; }
.account-nav-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px; }
.account-nav-grid button, .account-nav-sites button { min-height: 29px; justify-content: center; padding: 5px 4px; font-size: 10px; font-weight: 500; text-align: center; }
.account-nav-sites { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3px; }
.account-nav-sites button:first-child { color: #257fce; background: #eef7ff; }
.account-nav-tools { grid-template-columns: repeat(4, minmax(0, 1fr)); }
#account-nav-logout { color: #b35b5b; }
.account-nav-popover button:disabled { color: #a9b2be; cursor: not-allowed; background: transparent; }

/* Public /index fidelity pass: preserve local-safe behavior while matching the verified BCS shell. */
.reference-overview-grid { grid-template-columns: minmax(0, 1fr) 278px; gap: 16px; }
.reference-realtime-card,
.reference-account-card { min-height: 270px; }
.reference-account-state { display: flex; grid-column: 1 / -1; align-items: center; gap: 8px; color: #8a97a8; font-size: 10px; }
.reference-account-state .reference-account-tag { grid-column: auto; }
.reference-membership-expiry { display: grid; grid-template-columns: auto 1fr auto; grid-column: 1 / -1; align-items: center; gap: 7px; border-radius: 7px; padding: 7px 9px; color: #6d7c90; background: #eef5ff; font-size: 10px; }
.reference-membership-expiry strong { color: #2b72c7; font-size: 11px; }
.reference-membership-expiry em { border-radius: 999px; padding: 3px 7px; color: #2b72c7; background: #fff; font-style: normal; white-space: nowrap; }
.reference-account-settings { flex: 0 0 auto; }
.reference-quick-grid { padding: 0 7px 12px; }
.reference-quick-grid button { min-height: 262px; }
.reference-quick-grid .quick-entry-illustration { position: relative; width: 54px; height: 50px; border: 1px solid #c9e7ff; border-radius: 12px 12px 16px 16px; color: #168cf2; background: linear-gradient(145deg, #f8fdff 0 28%, #cbeaff 30% 68%, #7fcaff 70% 100%); box-shadow: 0 12px 20px rgba(46, 153, 234, .18), inset 0 -6px 12px rgba(36, 138, 220, .12); font-size: 19px; text-shadow: 0 1px #fff; transform: perspective(90px) rotateX(4deg); }
.reference-quick-grid .quick-entry-illustration::before { position: absolute; z-index: -1; right: 5px; bottom: -9px; left: 5px; height: 12px; border-radius: 50%; background: rgba(34, 140, 222, .17); filter: blur(3px); content: ''; }
.reference-lower-grid { grid-template-columns: minmax(265px, .94fr) minmax(340px, 1.2fr) minmax(285px, 1fr); gap: 16px; }
.reference-info-card { min-height: 324px; }
.reference-info-card ol { gap: 10px; margin-top: 16px; font-size: 11px; }
.reference-video-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 14px; }
.reference-video-row button { display: grid; grid-template-columns: 72px minmax(0, 1fr); min-height: 72px; align-items: center; gap: 8px; overflow: hidden; border: 1px solid #e1eaf5; border-radius: 7px; color: #304966; background: #f8fbff; text-align: left; }
.reference-video-row .reference-video-cover { display: grid; height: 100%; min-height: 70px; place-items: center; color: #fff; background: linear-gradient(145deg, #1763dc, #64aaff); font-size: 20px; font-weight: 800; }
.reference-video-row b { display: block; min-height: 0; padding-right: 6px; color: #34506f; background: transparent; font-size: 10px; line-height: 1.35; }
.reference-video-row b small { display: block; margin-top: 5px; color: #8c9aaa; font-size: 9px; font-weight: 500; }
.reference-update-list { max-height: 280px; overflow-y: auto; }
.reference-update-list li { grid-template-columns: 34px minmax(0, 1fr) 92px; min-height: 57px; }
.reference-update-list time { color: #97a3b2; font-size: 8px; white-space: nowrap; }

@media (max-width: 900px) and (min-width: 761px) {
  .reference-overview-grid { grid-template-columns: minmax(0, 1fr) 270px; }
  .reference-quick-grid button { min-height: 170px; }
  .reference-lower-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .global-navigation { position: sticky; top: 0; z-index: 50; height: 52px; min-height: 52px; flex-wrap: nowrap; gap: 8px; padding: 0 12px; }
  .sidebar-toggle { width: 36px; height: 36px; grid-auto-flow: row; padding: 0; font-size: 19px; }
  .sidebar-toggle-label,
  .global-nav-links,
  .global-nav-actions > :not(.account-nav-menu) { display: none; }
  .global-brand { font-size: 16px; }
  .global-brand-mark { width: 27px; height: 31px; }
  .global-nav-actions { display: flex; margin-left: auto; flex-wrap: nowrap; }
  .account-nav-menu { display: flex; }
  .global-navigation .avatar { width: 30px; height: 30px; }
  .app-shell { display: block; min-height: calc(100vh - 52px); }
  body:not(.is-sidebar-collapsed) .sidebar { position: fixed; z-index: 46; top: 52px; bottom: 0; left: 0; display: flex; width: min(276px, calc(100vw - 42px)); overflow-y: auto; border-right: 1px solid #dfe7f0; border-bottom: 0; padding: 12px 10px 18px; box-shadow: 14px 0 36px rgba(30, 52, 79, .2); }
  body:not(.is-sidebar-collapsed) .sidebar-platform-label { display: flex; }
  body:not(.is-sidebar-collapsed) .sidebar nav { grid-template-columns: 1fr; }
  body:not(.is-sidebar-collapsed) .nav-subitems,
  body:not(.is-sidebar-collapsed) .nav-subitems:not(.nav-subitems-two-column) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .content { padding: 12px 12px 32px; }
  .reference-overview-grid { grid-template-columns: 1fr; gap: 16px; }
  .reference-realtime-card,
  .reference-account-card { min-height: 0; }
  .reference-stat-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px 0; padding: 22px 12px 18px; }
  .reference-trend-row { grid-template-columns: 1fr; gap: 14px; padding: 16px 18px 22px; }
  .reference-trend-row article { min-height: 76px; }
  .reference-account-card { padding: 18px 12px 12px; }
  .reference-quick-grid { grid-template-columns: 1fr; gap: 7px; padding: 8px 10px 12px; }
  .reference-quick-grid button { min-height: 108px; grid-template-columns: 62px minmax(0, 1fr); grid-template-rows: auto auto; align-content: center; justify-items: start; gap: 7px 15px; border: 1px solid #dceafb; border-radius: 9px; padding: 14px 22px; text-align: left; }
  .reference-quick-grid button::after { display: none; }
  .reference-quick-grid .quick-entry-illustration { grid-row: 1 / 3; width: 50px; height: 46px; }
  .reference-quick-grid b { align-self: end; font-size: 14px; }
  .reference-quick-grid span { align-self: start; }
  .reference-lower-grid { grid-template-columns: 1fr; gap: 16px; }
  .reference-info-card { min-height: 0; }
  .reference-video-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .reference-video-row button { grid-template-columns: 1fr; grid-template-rows: 76px auto; }
  .reference-video-row .reference-video-cover { min-height: 76px; }
  .reference-video-row b { min-height: 48px; padding: 7px 8px; }
  .reference-update-list { max-height: none; }
  .reference-update-list li { grid-template-columns: 34px minmax(0, 1fr); }
  .reference-update-list time { grid-column: 2; }
}

.catalog-price-menu-wrap { position: relative; display: inline-flex; }
.catalog-price-menu { position: absolute; top: calc(100% + 8px); right: 0; z-index: 40; display: grid; min-width: 94px; padding: 6px 0; border: 1px solid #e4e7ed; border-radius: 4px; background: #fff; box-shadow: 0 2px 12px #0000001a; }
.catalog-price-menu[hidden] { display: none; }
.catalog-price-menu button { border: 0; padding: 8px 16px; color: #606266; background: transparent; text-align: left; white-space: nowrap; font: inherit; font-size: 12px; cursor: pointer; }
.catalog-price-menu button:hover, .catalog-price-menu button:focus-visible { color: #409eff; background: #ecf5ff; }
.ozon-batch-price-dialog { position: fixed; width: min(1400px, calc(100vw - 80px)); max-width: none; height: min(850px, calc(100vh - 54px)); max-height: none; margin: auto; padding: 0 24px; overflow: hidden; border: 0; border-radius: 14px; color: #303133; background: #fff; box-shadow: 0 18px 55px #0d223e38; font-family: Arial, "Microsoft YaHei", sans-serif; font-size: 14px; }
.ozon-batch-price-dialog[open] { display: flex; flex-direction: column; }
.ozon-batch-price-dialog::backdrop { background: #0008; }
.ozon-batch-price-heading { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; height: 76px; }
.ozon-batch-price-heading h2 { margin: 0; color: #263143; font-size: 20px; font-weight: 700; }
.ozon-batch-price-close { border: 0; padding: 8px 4px; color: #a0a4aa; background: none; font-size: 22px; cursor: pointer; }
.ozon-batch-price-toolbar { flex: 0 0 auto; display: flex; align-items: center; gap: 14px; min-height: 58px; }
.ozon-batch-price-remove { height: 36px; padding: 0 20px; border: 1px solid #ff4949; border-radius: 8px; color: #ff4949; background: #fef0f0; font: inherit; cursor: pointer; }
.ozon-batch-price-remove-icon { display: inline-block; width: 12px; height: 13px; margin-right: 6px; vertical-align: -2px; }
.ozon-batch-price-message { flex: 1; margin: 0; color: #b26b00; font-size: 12px; line-height: 1.5; }
.ozon-batch-price-scroll { flex: 1; min-height: 0; overflow: auto; border: 1px solid #dce4ed; }
.ozon-batch-price-table { width: 100%; min-width: 1250px; border-collapse: separate; border-spacing: 0; table-layout: fixed; font-size: 14px; }
.ozon-batch-price-table col { width: 10.5%; }
.ozon-batch-price-table col:nth-child(1) { width: 3.6%; }
.ozon-batch-price-table col:nth-child(2) { width: 6.7%; }
.ozon-batch-price-table col:nth-child(3) { width: 26.7%; }
.ozon-batch-price-table th, .ozon-batch-price-table td { border-right: 1px solid #dce4ed; border-bottom: 1px solid #dce4ed; padding: 10px; text-align: center; font-weight: 400; }
.ozon-batch-price-table th { position: sticky; top: 0; z-index: 1; height: 86px; background: #f0f5fa; color: #001b3a; font-weight: 700; }
.ozon-batch-price-table th:nth-child(3) { text-align: left; }
.ozon-batch-price-table td { height: 103px; }
.ozon-batch-price-table tr:last-child td { border-bottom: 0; }
.ozon-batch-price-table th:last-child, .ozon-batch-price-table td:last-child { border-right: 0; }
.ozon-batch-price-table input[type="checkbox"] { width: 14px; height: 14px; margin: 0; accent-color: #409eff; }
.ozon-batch-price-table input[type="text"] { width: 100%; height: 36px; padding: 0 12px; border: 1px solid #cbd8e7; border-radius: 4px; color: #606266; background: #fff; font: inherit; outline: none; }
.ozon-batch-price-table input::placeholder { color: #c0c4cc; }
.ozon-batch-price-table input:focus { border-color: #409eff; }
.ozon-batch-price-table input[readonly] { background: #f5f9fd; }
.ozon-batch-price-table img, .ozon-batch-price-no-image { display: block; width: 64px; height: 64px; margin: auto; object-fit: contain; }
.ozon-batch-price-no-image { padding-top: 22px; color: #bfc7d2; background: #f5f7fa; font-size: 12px; }
.ozon-batch-price-table .ozon-batch-price-product { text-align: left; font-size: 12px; }
.ozon-batch-price-product span, .ozon-batch-price-product small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ozon-batch-price-product small { margin-top: 7px; color: #909399; font-size: 12px; }
.ozon-batch-price-weight { color: #ff421f; }
.ozon-batch-price-set { display: block; margin: 13px auto 0; padding: 0; border: 0; color: #409eff; background: none; font: inherit; font-size: 12px; cursor: pointer; }
.ozon-batch-price-rule-dialog { position: fixed; inset: 6vh 0 auto; width: 420px; max-width: calc(100vw - 40px); min-height: 291px; margin: 0 auto; padding: 20px 24px 14px; border: 0; border-radius: 14px; color: #303133; background: #fff; box-shadow: 0 12px 35px #0003; font-family: Arial, "Microsoft YaHei", sans-serif; font-size: 14px; }
.ozon-batch-price-rule-dialog::backdrop { background: #0006; }
.ozon-batch-price-rule-heading { display: flex; align-items: center; justify-content: space-between; }
.ozon-batch-price-rule-heading h2 { margin: 0; color: #263143; font-size: 20px; font-weight: 700; }
.ozon-batch-price-rule-heading .ozon-batch-price-close { padding: 0 1px; }
.ozon-batch-price-rule-options { display: grid; grid-template-columns: 1fr 1fr; column-gap: 26px; row-gap: 14px; margin-top: 39px; }
.ozon-batch-price-rule-options label { display: flex; align-items: center; gap: 7px; min-height: 18px; color: #606266; cursor: pointer; font-size: 14px; }
.ozon-batch-price-rule-options input { width: 14px; height: 14px; margin: 0; accent-color: #409eff; }
.ozon-batch-price-rule-options label:has(input:checked) { color: #409eff; }
.ozon-batch-price-rule-value { display: block; width: 100%; height: 36px; margin-top: 15px; padding: 0 11px; border: 1px solid #dcdfe6; border-radius: 4px; color: #606266; background: #fff; font: inherit; outline: none; }
.ozon-batch-price-rule-value:focus { border-color: #409eff; }
.ozon-batch-price-rule-value::-webkit-inner-spin-button { opacity: 1; }
.ozon-batch-price-rule-error { margin: 8px 0 0; color: #f56c6c; font-size: 12px; line-height: 1.4; }
.ozon-batch-price-rule-error:empty { display: none; }
.ozon-batch-price-rule-footer { display: flex; justify-content: flex-end; gap: 10px; margin-top: 22px; }
.ozon-batch-price-rule-footer button { min-width: 74px; min-height: 36px; }
.ozon-batch-price-footer { flex: 0 0 auto; display: flex; align-items: center; justify-content: flex-end; gap: 12px; min-height: 72px; }
.ozon-batch-price-footer button { min-width: 78px; min-height: 36px; }
.ozon-batch-price-boundary { margin: 0 auto 0 0; color: #909399; font-size: 11px; }
.ozon-batch-price-before { display: block; padding-top: 4px; color: #909399; font-size: 11px; }
.ozon-batch-price-empty { color: #909399; }
.ozon-batch-price-dialog button:disabled { opacity: .5; cursor: not-allowed; }