/* ---- site/ozon-app/vendor/jsvectormap.min.css ---- */
:root{--jvm-border-color: #E5E6E7;--jvm-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--jvm-tooltip-font-size: 0.9rem;--jvm-tooltip-bg-color: #337FFA;--jvm-tooltip-color: #FFF;--jvm-tooltip-padding: 3px 5px;--jvm-tooltip-shadow: var(--jvm-box-shadow);--jvm-tooltip-radius: 3px;--jvm-zoom-btn-bg-color: #292929;--jvm-zoom-btn-color: #FFF;--jvm-zoom-btn-size: 15px;--jvm-zoom-btn-radius: 3px;--jvm-series-container-right: 15px;--jvm-legend-bg-color: #FFF;--jvm-legend-radius: 0.15rem;--jvm-legend-margin-left: 0.75rem;--jvm-legend-padding: 0.6rem;--jvm-legend-title-padding-bottom: 0.5rem;--jvm-legend-title-margin-bottom: 0.575rem;--jvm-legend-tick-margin-top: 0.575rem;--jvm-legend-tick-sample-radius: 0;--jvm-legend-tick-sample-height: 12px;--jvm-legend-tick-sample-width: 30px;--jvm-legend-tick-text-font-size: 12px;--jvm-legend-tick-text-margin-top: 3px}image,text,.jvm-zoom-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jvm-container{position:relative;height:100%;width:100%}.jvm-tooltip{border-radius:var(--jvm-tooltip-radius);background-color:var(--jvm-tooltip-bg-color);color:var(--jvm-tooltip-color);font-size:var(--jvm-tooltip-font-size);box-shadow:var(--jvm-tooltip-shadow);padding:var(--jvm-tooltip-padding);white-space:nowrap;position:absolute;display:none}.jvm-tooltip.active{display:block}.jvm-zoom-btn{background-color:var(--jvm-zoom-btn-bg-color);color:var(--jvm-zoom-btn-color);border-radius:var(--jvm-zoom-btn-radius);height:var(--jvm-zoom-btn-size);width:var(--jvm-zoom-btn-size);box-sizing:border-box;position:absolute;left:10px;line-height:var(--jvm-zoom-btn-size);text-align:center;cursor:pointer}.jvm-zoom-btn.jvm-zoomin{top:var(--jvm-zoom-btn-size)}.jvm-zoom-btn.jvm-zoomout{top:calc(var(--jvm-zoom-btn-size)*2 + var(--jvm-zoom-btn-size)/3)}.jvm-series-container{position:absolute;right:var(--jvm-series-container-right)}.jvm-series-container.jvm-series-h{bottom:15px}.jvm-series-container.jvm-series-v{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.75rem;top:15px}.jvm-legend{background-color:var(--jvm-legend-bg-color);border:1px solid var(--jvm-border-color);margin-left:var(--jvm-legend-margin-left);border-radius:var(--jvm-legend-radius);padding:var(--jvm-legend-padding);box-shadow:var(--jvm-box-shadow)}.jvm-legend-title{line-height:1;border-bottom:1px solid var(--jvm-border-color);padding-bottom:var(--jvm-legend-title-padding-bottom);margin-bottom:var(--jvm-legend-title-margin-bottom);text-align:left}.jvm-legend-tick{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:40px}.jvm-legend-tick:not(:first-child){margin-top:var(--jvm-legend-tick-margin-top)}.jvm-legend-tick-sample{border-radius:var(--jvm-legend-tick-sample-radius);margin-right:.45rem;height:var(--jvm-legend-tick-sample-height);width:var(--jvm-legend-tick-sample-width)}.jvm-legend-tick-text{font-size:var(--jvm-legend-tick-text-font-size);text-align:center;line-height:1}.jvm-line[animation=true]{-webkit-animation:jvm-line-animation 10s linear forwards infinite;animation:jvm-line-animation 10s linear forwards infinite}@-webkit-keyframes jvm-line-animation{from{stroke-dashoffset:250}}@keyframes jvm-line-animation{from{stroke-dashoffset:250}}

/* ---- site/ozon-app/ozon-structure.css ---- */
/* Structural rules migrated from v10.30.2. Savdo UI v2 owns color, typography, borders, elevation and component appearance. */ /* Feature layout 1 */* { box-sizing: border-box; }body { margin: 0; min-width: 320px; }button { cursor: pointer; }.hidden { display: none !important; }.mobile-only { display: none; }.login-screen {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(420px, .75fr);
}.login-visual {
  padding: 8vw;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}.login-visual::after {
  content: ""; position: absolute; width: 440px; height: 440px; right: -120px; transform: rotate(24deg);
}.brand-mark, .mini-logo {
  width: 58px; height: 58px; display: grid;
}.login-visual h1 { margin: 22px 0; max-width: 850px; }.login-visual > p:not(.eyebrow) { max-width: 650px; }.eyebrow { margin: 0 0 8px; }.login-visual .eyebrow { margin-top: 32px; }.login-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }.login-badges span { padding: 9px 13px; }.login-card { padding: clamp(44px, 7vw, 100px); display: flex; flex-direction: column; justify-content: center; }.login-card h2 { margin: 28px 0 8px; }.login-card p { margin: 0 0 28px; }.login-card small { text-align: center; margin-top: 15px; }.login-method { display:grid;gap:14px; }.login-divider { display:flex;gap:12px;margin:4px 0; }.login-divider::before,.login-divider::after { content:"";height:1px;flex:1; }.legacy-login {padding:0 14px; }.legacy-login summary { padding:13px 0;cursor:pointer; }.legacy-login form { display:grid;gap:12px;padding:0 0 14px; }label { display: grid; gap: 8px; }input, select, textarea { padding: 12px 14px;
  transition: .2s border, .2s box-shadow;
}textarea { resize: vertical; min-height: 88px; }.button { padding: 11px 16px; display: inline-flex; justify-content: center; gap: 8px; white-space: nowrap; }.button.primary:hover { transform: translateY(-1px); }.button.wide { width: 100%; min-height: 48px; }.form-error { min-height: 18px; margin-top: 10px; }.app-shell { min-height: 100vh; display: grid; grid-template-columns: 235px minmax(0,1fr); }.sidebar { padding: 28px 18px; position: sticky; top: 0; height: 100vh;
  display: flex; flex-direction: column; z-index: 10;
}.logo { display: flex; gap: 12px; padding: 0 10px 28px; }.logo > span { width: 35px; height: 35px; display: grid; }.sidebar nav { display: grid; gap: 7px; }.nav-item { width: 100%; padding: 12px 13px; display: flex; gap: 12px; text-align: left; }.nav-item i { width: 25px; text-align: center; }.sidebar-bottom { margin-top: auto; }.safe-note { padding: 14px; display: grid; gap: 5px; margin-bottom: 10px; }.app-workspace { min-width: 0; }.topbar { height: 86px; padding: 18px clamp(20px,4vw,54px); display: flex; justify-content: space-between; position: sticky; top: 0; z-index: 8; }.topbar h2 { margin: 0; }.topbar-actions { display: flex; gap: 9px; }.topbar select { min-width: 190px; padding-block: 10px; }.icon-button { width: 42px; height: 42px; }main { padding: 32px clamp(18px,4vw,54px) 70px; max-width: 1800px; margin: auto; }.page { display: none; }.page.active { display: block; }.hero { min-height: 215px; padding: 38px 42px; display: flex; justify-content: space-between; overflow: hidden; position: relative;
}.hero::before { content:""; position:absolute; inset:-80px -50px auto auto; width:320px; height:320px; }.hero h1 { margin: 12px 0 8px; position:relative; }.hero p { margin: 0; }.hero-orb { width: 138px; height: 138px; display:grid; text-align:center; position:relative; transform:rotate(7deg); }.hero-orb span { transform:rotate(-7deg); }.hero-orb small { transform:rotate(-7deg); }.pill { display:inline-flex; padding:7px 11px; }.toolbar { padding:12px; margin:22px 0; display:flex; justify-content:space-between; gap:14px; }.preset-list { display:flex; flex-wrap:wrap; gap:5px; }.preset-list button { padding:9px 12px; }.date-range { display:flex; gap:6px; }.date-range input { width:145px; padding:9px 10px; }.period-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }.period-card { overflow:hidden; }.period-card-head { padding:14px 16px; }.period-card-head b { display:block; }.period-card-head span { opacity:.75; }.period-card-body { padding:14px 16px; display:grid; gap:10px; }.period-sub { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.period-sub b { display:block; margin-top:3px; }.section-heading { margin:34px 0 14px; display:flex; justify-content:space-between; gap:16px; }.section-heading h2 { margin:0; }.section-heading p { margin-bottom:5px; }.metric-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:13px; }.metric-card { padding:17px; min-width:0; position:relative; overflow:hidden; }.metric-card::after { content:""; position:absolute; width:45px; height:45px; opacity:.12; right:-9px; top:-9px; }.metric-card strong { display:block; margin:9px 0 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.dashboard-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(270px,.7fr); gap:16px; margin-top:16px; }.panel-heading { padding:20px 22px 12px; display:flex; justify-content:space-between; }.panel-heading h3 { margin:4px 0 0; }.legend { display:flex; gap:6px; }.sales-dot,.payout-dot { width:8px;height:8px;display:inline-block; }.payout-dot { margin-left:8px; }.chart { height:260px; padding:0 18px 18px; }.chart svg { width:100%;height:100%;overflow:visible; }.quality-panel { padding-bottom:16px; }.quality-score { width:118px;height:118px;margin:10px auto 18px;display:grid;text-align:center;position:relative; }.quality-score::after { content:"";position:absolute;inset:10px; }.quality-score b,.quality-score span { position:relative;z-index:1; }.quality-list { display:grid; gap:10px; padding:0 22px; }.quality-item { display:flex;justify-content:space-between;gap:10px; }.quality-warning { margin:15px 20px 0;padding:11px; }.table-panel { overflow:hidden; }.table-tools { padding:14px 16px; display:flex;justify-content:space-between;gap:14px; }.search { width:min(420px,100%); }.table-scroll { overflow:auto; }.table-scroll.tall { max-height:calc(100vh - 260px); }table { width:100%;min-width:1050px; }th { padding:12px 11px;text-align:right;position:sticky;top:0;z-index:1; }td { padding:12px 11px;text-align:right;white-space:nowrap; }th:first-child,td:first-child { text-align:left; }.product-cell { display:flex;gap:10px;min-width:270px; }.product-image { width:40px;height:40px;object-fit:cover; }.product-placeholder { width:40px;height:40px;display:grid; }.product-cell b { display:block;max-width:235px;overflow:hidden;text-overflow:ellipsis; }.product-cell small { display:block;margin-top:4px; }.status { padding:5px 8px; }.cost-input { width:90px;padding:8px;text-align:right; }.page-intro { display:flex;justify-content:space-between;gap:20px;margin-bottom:22px; }.page-intro h1 { margin:12px 0 7px; }.page-intro p { margin:0; }.button-row { display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end; }.file-button input { display:none; }.check { display:flex;gap:7px;white-space:nowrap; }.check input { width:16px;height:16px; }.split-layout { display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px; }.form-panel { padding:24px;display:grid;gap:16px; }.form-panel h3 { margin:0 0 4px; }.field-row { display:grid;grid-template-columns:1fr 1fr;gap:10px; }.delete-button {padding:6px 9px; }.admin-layout { display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px; }.admin-user-form { gap:14px; }.admin-user-form p { margin:6px 0 0; }.admin-users-panel { overflow:hidden; }.admin-users-panel table { min-width:1050px; }.admin-users-panel td:first-child small { display:block;margin-top:4px; }.admin-row-actions { display:flex;justify-content:flex-end;gap:8px; }.admin-row-actions .button { padding:7px 10px; }.admin-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;margin:0 0 18px}.admin-summary-card{padding:17px 18px}.admin-summary-card span{display:block}.admin-summary-card b{display:block;margin-top:7px}.admin-users-panel table{min-width:1450px}.admin-detail{margin-top:18px;overflow:hidden}.admin-detail-heading{display:flex;justify-content:space-between;gap:18px}.admin-detail-heading h3{margin:5px 0}.admin-detail-heading p{margin:0}.admin-controls-form{display:grid;grid-template-columns:minmax(320px,1.3fr) minmax(320px,.9fr) auto;gap:18px;padding:0 24px 24px}.admin-control-block{display:grid;gap:11px}.admin-module-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:8px}.admin-module-grid label{display:flex;gap:8px;padding:10px 11px}.admin-limit-grid{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:9px}.admin-limit-grid label{display:grid;gap:6px}.admin-limit-grid input{width:100%;height:42px;padding:0 10px}.admin-detail-section{padding:22px 24px}.admin-detail-section .table-scroll{margin-top:12px;max-height:430px}.admin-detail-section table{min-width:1000px}.admin-detail-section td small{display:block;margin-top:3px}.admin-section-title{display:flex;justify-content:space-between;gap:14px}.admin-section-title h3{margin:0}.admin-compliance-panel{margin-top:18px;overflow:hidden}.admin-compliance-panel table{min-width:1200px}.admin-compliance-panel .panel-heading p{margin:5px 0 0;max-width:760px}.admin-risk{display:inline-flex;padding:5px 8px}.admin-flag-controls{display:grid;grid-template-columns:140px minmax(190px,1fr) auto;gap:7px;min-width:470px}.admin-flag-controls select,.admin-flag-controls input{height:38px;padding:0 9px}.admin-activity-outcome{display:inline-flex;padding:4px 7px}.admin-data-tags{display:flex;flex-wrap:wrap;gap:5px}.admin-data-tags span{padding:4px 7px}@media(max-width:1350px){.admin-summary-grid{grid-template-columns:repeat(3,1fr)}.admin-controls-form{grid-template-columns:1fr 1fr}.admin-controls-form>.button{grid-column:1/-1;justify-self:start}}@media(max-width:760px){.admin-summary-grid{grid-template-columns:repeat(2,1fr)}.admin-controls-form{grid-template-columns:1fr;padding:0 15px 18px}.admin-controls-form>.button{grid-column:auto;width:100%}.admin-module-grid,.admin-limit-grid{grid-template-columns:1fr}.admin-detail-section{padding:17px 15px}.admin-detail-heading,.admin-section-title{flex-direction:column}.admin-flag-controls{grid-template-columns:1fr;min-width:260px}}.button {
  min-height: 40px;
  padding: 10px 15px;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}.icon-button {
  width: 40px;
  height: 40px;
  transition: background .18s ease, border-color .18s ease, color .18s ease;
}.app-shell { grid-template-columns: 244px minmax(0, 1fr); }.sidebar {
  padding: 22px 15px 16px;
  overflow-y: auto;
}.logo {
  gap: 11px;
  padding: 0 10px 22px;
}.logo .logo-symbol {
  width: 38px;
  height: 38px;
}.logo div { min-width: 0; display: grid; gap: 3px; }.sidebar nav { gap: 4px; margin-top: 15px; }.nav-section-label {
  display: block;
  padding: 13px 13px 6px;
}.nav-item {
  min-height: 42px;
  padding: 10px 12px;
}.nav-item i {
  width: 22px;
  height: 22px;
  display: grid;
}.nav-item .nav-dot {
  width: 6px;
  height: 6px;
  margin-left: auto;
}.sidebar-bottom { padding-top: 14px; }.account-card {
  display: flex;
  gap: 10px;
  padding: 10px;
}.account-avatar,
.profile-button > span {
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  display: grid;
}.account-card div { min-width: 0; display: grid; gap: 3px; }.account-card b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.account-card div span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.sidebar-bottom .nav-item { margin-top: 5px; }.topbar {
  height: 72px;
  padding: 0 28px;
  gap: 18px;
}.topbar-search {
  width: min(360px, 32vw);
  height: 40px;
  display: flex;
  gap: 9px;
  padding: 0 11px;
}.topbar-search > span { transform: rotate(-12deg); }.topbar-search input {
  width: 100%;
  min-width: 0;
  padding: 0;
}.topbar-search kbd {
  padding: 3px 6px;
  white-space: nowrap;
}.topbar-page-title { display: none; }.topbar-actions { margin-left: auto; gap: 8px; }.topbar select { min-width: 175px; height: 40px; padding: 0 34px 0 12px; }.topbar-icon { position: relative; }.notification-dot {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 6px;
  height: 6px;
}.profile-button {
  height: 40px;
  display: flex;
  gap: 8px;
  padding: 3px 9px 3px 4px;
}.profile-button > span { width: 32px; height: 32px; }.profile-button b { max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }main { max-width: 1660px; padding: 27px clamp(22px, 3.1vw, 46px) 70px; }.dashboard-page-heading {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 20px;
}.dashboard-page-heading h1 { margin: 3px 0 6px; }.dashboard-page-heading p:last-child { margin: 0; }.heading-separator { margin: 0 7px; }.dashboard-heading-actions { display: flex; gap: 8px; }.date-control {
  min-height: 40px;
  display: inline-flex;
  padding: 0 13px;
}.date-control::before { content: "▣"; margin-right: 7px; }.status-banner { margin: -4px 0 16px; }.panel-heading { padding: 19px 20px 11px; }.metric-note-chip { padding: 4px 7px; }.dashboard-feature-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(280px, .55fr);
  gap: 16px;
  margin-bottom: 16px;
}.dashboard-performance-panel { min-height: 400px; overflow: hidden; }.performance-content {
  min-height: 245px;
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 14px;
  padding: 4px 20px 10px;
}.performance-value > span { display: block; }.performance-value strong { display: block; margin: 10px 0 7px; }.performance-value small { display: block; max-width: 180px; }.dashboard-trend-chart { position: relative; height: 230px; min-width: 0; }.dashboard-trend-chart svg { width: 100%; height: 100%; overflow: visible; }.dashboard-chart-tooltip {
  position: absolute;
  z-index: 3;
  min-width: 132px;
  padding: 9px 10px;
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, -110%);
  transition: opacity .12s ease;
}.dashboard-chart-tooltip b { display: block; margin-bottom: 3px; }.chart-empty-state { height: 100%; display: grid; padding: 20px; text-align: center; }.performance-footer { display: grid; grid-template-columns: repeat(3, 1fr); }.performance-footer > div { position: relative; min-height: 83px; padding: 15px 17px; }.performance-footer > div::after { content: ""; position: absolute; left: 0; right: 0; height: 3px; }.performance-footer span,
.performance-footer b,
.performance-footer small { display: block; }.performance-footer b { margin-top: 7px; }.performance-footer small { margin-top: 4px; }.dashboard-side-stack { display: grid; grid-template-rows: 1fr 1fr; gap: 16px; }.dashboard-health-panel { min-height: 192px; text-align: center; overflow: hidden; }.dashboard-health-panel .panel-heading { text-align: left; }.health-gauge {
  position: relative;
  width: 108px;
  height: 108px;
  display: grid;
  margin: -3px auto 7px;
  transform: rotate(-90deg);
}.health-gauge::before { content: ""; position: absolute; width: 82px; height: 82px; }.health-gauge > div { position: relative; z-index: 1; display: grid; transform: rotate(90deg); }.dashboard-health-panel > p { max-width: 250px; margin: 0 auto 15px; padding: 0 16px; }.dashboard-ai-panel {
  position: relative;
  min-height: 192px;
  padding: 19px;
  overflow: hidden;
}.dashboard-ai-panel h3 { margin: 4px 0 0; }.ai-orb {
  position: absolute;
  right: 24px;
  top: 43px;
  width: 57px;
  height: 57px;
}.ai-orb::after { content: ""; position: absolute; inset: 50px -18px -24px; filter: blur(12px); }.ai-quick-input {
  position: absolute;
  left: 17px;
  right: 17px;
  min-height: 38px;
  display: flex;
  gap: 8px;
  padding: 0 7px 0 11px;
  text-align: left;
}.ai-quick-input b { width: 25px; height: 25px; margin-left: auto; display: grid; }.order-feed-panel { margin-top: 0; }.order-feed-heading { padding: 19px 20px 13px; }.order-feed-heading h2 { margin: 4px 0; }.section-heading { margin-top: 29px; }.operational-grid { grid-template-columns: minmax(0, 1.2fr) minmax(330px, .8fr); }.dashboard-widget-hidden { display: none !important; }.widget-dialog { width: min(840px, calc(100vw - 24px)); max-width: 840px; }.widget-dialog-card { position: relative; max-height: min(780px, calc(100vh - 36px)); padding: 0; overflow: auto; }.widget-dialog-head { position: sticky; top: 0; z-index: 2; display: flex; justify-content: space-between; gap: 20px; padding: 23px 26px 18px; }.widget-dialog-head h2 { margin: 5px 0 5px; }.widget-dialog-head p { margin: 0; }.widget-dialog-head .dialog-close { position: static; flex: 0 0 auto; }.widget-catalog { display: grid; grid-template-columns: 1fr 1fr; }.widget-option {
  position: relative;
  min-height: 156px;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 16px;
  padding: 22px 24px;
  cursor: pointer;
  transition: background .18s ease;
}.widget-option > input { position: absolute; right: 15px; top: 15px; width: 17px; height: 17px; }.widget-option > div { min-width: 0; }.widget-option b { display: block; padding-right: 18px; }.widget-option p { margin: 7px 0 11px; }.widget-option em { display: inline-flex; padding: 5px 7px; }.widget-preview { width: 112px; height: 88px; display: flex; justify-content: center; gap: 7px; padding: 13px; }.widget-preview i { display: block; }.widget-preview-metrics i { width: 23px; height: 44px; }.widget-preview-metrics i:nth-child(2) { height: 59px; }.widget-preview-metrics i:nth-child(3) { height: 34px; }.widget-preview-chart { position: relative; }.widget-preview-chart::before { content: ""; position: absolute; left: 15px; right: 15px; height: 2px; }.widget-preview-chart i { width: 78px; height: 38px; transform: skewY(-12deg); }.widget-preview-orders { flex-direction: column; gap: 7px; }.widget-preview-orders i { width: 78px; height: 18px; }.widget-preview-recommendations { flex-direction: column; gap: 9px; }.widget-preview-recommendations i { width: 76px; height: 22px; }.widget-preview-table { flex-direction: column; gap: 7px; }.widget-preview-table i { width: 77px; height: 9px; }.widget-preview-abc i { width: 25px; height: 42px; display: grid; }.login-screen {
  grid-template-columns: minmax(0, 1.1fr) minmax(400px, .7fr);
  gap: 24px;
  padding: 24px;
}.login-visual { padding: 7vw; }.login-card { margin: 24px 24px 24px 0; padding: clamp(38px, 5vw, 72px); }@media (max-width: 1280px) {
  .app-shell { grid-template-columns: 218px minmax(0, 1fr); }
  .sidebar { padding-inline: 12px; }
  .topbar { padding-inline: 20px; }
  .profile-button b { display: none; }
  .dashboard-feature-grid { grid-template-columns: minmax(0, 1.45fr) minmax(250px, .55fr); }
  .performance-content { grid-template-columns: 165px minmax(0, 1fr); }
  .operational-grid { grid-template-columns: 1fr; }
}@media (max-width: 1050px) {
  .topbar-search { display: none; }
  .topbar-page-title { display: block; }
  .topbar select { min-width: 145px; }
  .dashboard-feature-grid { grid-template-columns: 1fr; }
  .dashboard-side-stack { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .dashboard-health-panel, .dashboard-ai-panel { min-height: 205px; }
  .dashboard-performance-panel { min-height: auto; }
}@media (max-width: 760px) {
  .app-shell { display: block; }
  .sidebar { position: fixed; left: -260px; z-index: 40; width: 244px; transition: left .22s ease; }
  .sidebar.open { left: 0; }
  .topbar { height: 66px; padding: 0 12px; }
  .topbar-page-title { display: none; }
  .topbar-actions { width: calc(100% - 48px); justify-content: flex-end; }
  .topbar-actions #syncButton { width: 40px; min-width: 40px; padding: 0; }
  .topbar-actions .topbar-icon,
  .profile-button { display: none; }
  .topbar select { width: min(46vw, 170px); min-width: 0; }
  main { padding: 20px 13px 45px; }
  .dashboard-page-heading { flex-direction: column; margin-bottom: 16px; }
  .dashboard-heading-actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
  .dashboard-heading-actions .date-control { grid-column: 1 / -1; }
  .performance-content { grid-template-columns: 1fr; }
  .performance-value { padding: 5px 0 0; }
  .dashboard-trend-chart { height: 195px; }
  .dashboard-side-stack { grid-template-columns: 1fr; }
  .performance-footer { grid-template-columns: 1fr; }
  .widget-catalog { grid-template-columns: 1fr; }
  .widget-option { grid-template-columns: 94px minmax(0, 1fr); min-height: 136px; padding: 18px; }
  .widget-preview { width: 94px; height: 76px; }
  .widget-dialog-head { padding: 20px 18px 16px; }
  .login-screen { display: block; padding: 0; }
  .login-visual { display: none; }
  .login-card { min-height: 100vh; margin: 0; }
}@media (max-width: 430px) {
  .dashboard-heading-actions { grid-template-columns: 1fr; }
  .dashboard-heading-actions .date-control { grid-column: auto; }
  .order-feed-actions { width: 100%; }
  .widget-option { grid-template-columns: 1fr; }
  .widget-preview { width: 100%; }
}.knowledge-hero {
  min-height:220px;padding:35px 40px;display:flex;justify-content:space-between;gap:30px;overflow:hidden;position:relative;
}.knowledge-hero h1 {margin:13px 0 10px; }.knowledge-hero p { max-width:760px;margin:0; }.knowledge-flow { min-width:330px;padding:21px;display:flex;justify-content:center;gap:8px;position:relative;z-index:1; }.knowledge-flow span { padding:8px 10px;white-space:nowrap; }.knowledge-stats { display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:20px 0; }.knowledge-stat { padding:17px 19px; }.knowledge-stat b { display:block;margin-top:7px; }.ozon-library-card { padding:19px 21px;margin-bottom:18px;display:grid;grid-template-columns:auto minmax(260px,1fr) minmax(300px,.9fr) auto;gap:17px; }.ozon-library-mark { width:54px;height:54px;display:grid; }.ozon-library-copy h3 { margin:4px 0 4px; }.ozon-library-copy p { margin:0; }.ozon-library-state { display:grid;gap:8px;min-width:0; }.ozon-library-state-head { display:flex;justify-content:space-between;gap:12px; }.ozon-library-state-head span { padding:5px 8px;white-space:nowrap; }.ozon-library-state small {white-space:normal; }.mpstats-import { padding:18px 20px;margin-bottom:18px;display:grid;grid-template-columns:auto minmax(240px,1fr) minmax(210px,.7fr) 145px auto auto;gap:13px; }.mpstats-icon { width:48px;height:48px;display:grid; }.mpstats-copy h3 { margin:4px 0 3px; }.mpstats-copy p { margin:0; }.mpstats-import .form-error { grid-column:3/-1;margin:0;min-height:0; }.mpstats-file { min-height:43px;max-width:180px;overflow:hidden; }.mpstats-file span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.mpstats-upload-progress { grid-column:3/-1;display:grid;gap:7px; }.mpstats-progress { height:8px;overflow:hidden; }.mpstats-progress i { display:block;width:0;height:100%;transition:width .25s ease; }.mpstats-history { margin:-4px 0 18px;padding:20px; }.mpstats-history .panel-heading { display:flex;justify-content:space-between;gap:18px; }.mpstats-history .panel-heading h3 { margin:4px 0 0; }.mpstats-history .panel-heading > small {max-width:460px;text-align:right; }.mpstats-jobs { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px; }.mpstats-job {padding:13px;display:grid;gap:10px; }.mpstats-job-head { display:flex;justify-content:space-between;gap:12px; }.mpstats-job-head b { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:440px; }.mpstats-job-head small { display:block;margin-top:4px; }.mpstats-job-head > span { flex:0 0 auto;padding:5px 8px; }.mpstats-job-meta { display:flex;gap:13px;min-width:0; }.mpstats-job-meta strong {overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.mpstats-job-delete { margin-left:auto;cursor:pointer; }.mpstats-empty {margin:8px 0 0; }.knowledge-layout { display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px; }.knowledge-form { padding:25px;display:grid;gap:16px; }.panel-heading.no-pad { padding:0 0 5px; }.knowledge-textarea { min-height:260px; }.knowledge-actions { display:flex;justify-content:space-between;gap:12px; }.knowledge-guide { display:grid;gap:11px; }.guide-card {padding:16px;display:flex;gap:13px; }.guide-card > span { flex:0 0 30px;height:30px;display:grid; }.guide-card p { margin:5px 0 0; }.knowledge-warning { padding:14px; }.source-type { display:inline-flex;padding:5px 8px; }.index-status { display:inline-flex;gap:5px; }.index-status::before { content:"";width:7px;height:7px; }.message-sources {max-width:90%;display:flex;flex-wrap:wrap;gap:6px;margin-top:-6px; }.message-sources a,.message-sources span { padding:6px 9px; }.assistant-layout { min-height:calc(100vh - 150px);display:grid;grid-template-columns:minmax(300px,.8fr) minmax(450px,1.2fr);gap:30px; }.assistant-copy { padding:30px; }.assistant-copy h1 {margin:22px 0; }.assistant-copy p {max-width:520px; }.suggestions { display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:25px; }.suggestions button {padding:13px;text-align:left; }.chat-card { height:min(680px,calc(100vh - 170px));display:grid;grid-template-rows:1fr auto;overflow:hidden; }.chat-messages { padding:25px;overflow:auto;display:flex;flex-direction:column;gap:13px; }.message { max-width:82%;padding:13px 15px;white-space:pre-wrap; }.chat-input {padding:14px;display:flex;gap:10px; }.chat-input textarea { min-height:46px;max-height:130px;flex:1; }.settings-form { padding:28px;max-width:900px;display:grid;gap:25px; }.setting-row { display:flex;justify-content:space-between;gap:20px;padding-bottom:20px; }.setting-row h3 { margin:0 0 6px; }.setting-row p { margin:0; }.settings-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }.settings-grid.compact { grid-template-columns:220px; }.switch input { display:none; }.switch span { width:49px;height:28px;display:block;position:relative;transition:.2s; }.switch span::after { content:"";position:absolute;width:22px;height:22px;top:3px;left:3px;transition:.2s; }.switch input:checked + span::after { transform:translateX(21px); }.status-banner { padding:13px 16px;margin-bottom:16px; }dialog {padding:0;width:min(520px,calc(100% - 28px)); }.dialog-card { padding:30px;display:grid;gap:16px;position:relative; }.dialog-card h2 { margin:2px 0 -8px; }.dialog-card p {margin:0 0 5px; }.dialog-close { position:absolute;right:16px;top:14px;width:34px;height:34px; }.toast { position:fixed;right:25px;max-width:380px;padding:14px 17px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s;z-index:50; }.toast.show { opacity:1;transform:none; }@media (max-width: 1200px) {
  .metric-grid { grid-template-columns:repeat(3,1fr); }
  .period-cards { grid-template-columns:repeat(2,1fr); }
}@media (max-width: 900px) {
  .login-screen { grid-template-columns:1fr; }
  .login-visual { display:none; }
  .app-shell { grid-template-columns:1fr; }
  .sidebar { position:fixed;left:-250px;width:235px;transition:.25s; }
  .sidebar.open { left:0; }
  .mobile-only { display:block; }
  .topbar { padding:15px 18px;gap:10px; }
  .topbar > div:nth-child(2) { display:none; }
  .topbar-actions { min-width:0;flex:1;justify-content:flex-end; }
  .topbar select { min-width:0;max-width:180px; }
  main { padding:20px 15px 60px; }
  .dashboard-grid,.split-layout,.assistant-layout { grid-template-columns:1fr; }
  .knowledge-layout { grid-template-columns:1fr; }
  .mpstats-import { grid-template-columns:48px 1fr; }
  .ozon-library-card { grid-template-columns:54px 1fr; }
  .ozon-library-copy { grid-column:2; }
  .ozon-library-state,.ozon-library-card > .button { grid-column:1/-1; }
  .mpstats-copy { grid-column:2; }
  .mpstats-title,.mpstats-date,.mpstats-file,.mpstats-import > .button,.mpstats-import .form-error { grid-column:1/-1;max-width:none; }
  .mpstats-upload-progress { grid-column:1/-1; }
  .mpstats-jobs { grid-template-columns:1fr; }
  .mpstats-history .panel-heading {flex-direction:column; }
  .mpstats-history .panel-heading > small { text-align:left; }
  .knowledge-hero {flex-direction:column; }
  .knowledge-flow { min-width:0;width:100%;overflow:auto;justify-content:flex-start; }
  .knowledge-stats { grid-template-columns:1fr 1fr; }
  .assistant-copy { padding:10px; }
  .chat-card { height:600px; }
  .hero { padding:28px; }
  .hero-orb { display:none; }
  .toolbar {flex-direction:column; }
  .date-range { flex-wrap:wrap; }
  .settings-grid { grid-template-columns:1fr; }
}@media (max-width: 600px) {
  .login-card { padding:32px 22px; }
  .topbar #syncButton {padding-inline:13px; }
  .period-cards,.metric-grid { grid-template-columns:1fr 1fr; }
  .period-card:nth-child(n+3) { display:none; }
  .metric-card { padding:14px; }
  .page-intro {flex-direction:column; }
  .button-row { justify-content:flex-start; }
  .field-row,.suggestions { grid-template-columns:1fr; }
}.period-more {
  justify-self:center;
  padding:5px 2px 2px;
  cursor:pointer;
}.finance-dialog {
  width:min(720px,calc(100% - 24px));
  max-height:min(900px,calc(100vh - 24px));
  overflow:hidden;
}.finance-dialog-head {
  display:flex;
  justify-content:space-between;
  padding:24px 28px;
}.finance-dialog-head b { display:block; }.finance-dialog-head span { display:block;margin-top:7px;opacity:.95; }.finance-dialog-close {
  cursor:pointer;
  padding:4px;
}.finance-dialog-body {
  max-height:calc(100vh - 135px);
  overflow:auto;
  overscroll-behavior:contain;
}.finance-detail-row summary,
.finance-flat-row {
  min-height:70px;
  padding:18px 28px;
  display:flex;
  justify-content:space-between;
  gap:20px;
}.finance-detail-row summary {
  cursor:pointer;
}.finance-detail-row summary::-webkit-details-marker { display:none; }.finance-detail-row summary span::before {
  content:"›";
  display:inline-block;
  margin-right:20px;
  transform:rotate(0deg);
  transition:transform .18s ease;
}.finance-detail-row[open] summary span::before { transform:rotate(90deg); }.finance-detail-row summary b,
.finance-flat-row b {text-align:right; }.finance-sub-list {
  padding:0 28px 16px 66px;
}.finance-sub-row {
  min-height:42px;
  display:flex;
  justify-content:space-between;
  gap:20px;
}.finance-footnote {
  margin:0;
  padding:16px 28px 24px;
}@media (max-width:640px) {
  .finance-dialog-head { padding:20px; }
  .finance-detail-row summary,.finance-flat-row { padding:16px 20px; }
  .finance-sub-list { padding:0 20px 14px 50px; }
  .finance-detail-row summary span::before { margin-right:12px; }
}.performance-settings { margin-top:18px; }.performance-settings h3 { margin:10px 0 4px; }.performance-grid { grid-template-columns:1fr 1fr; }.connection-badge { display:inline-flex;padding:8px 11px;white-space:nowrap; }.settings-note {padding:10px 0; }.tax-expense-option { display:flex;gap:10px;padding:12px 14px; }.tax-expense-option input { width:18px;height:18px;margin:1px 0 0;flex:0 0 auto; }.button-row.left { justify-content:flex-start; }.button.secondary:disabled { opacity:.45;cursor:not-allowed; }@media (max-width:760px) { .performance-grid { grid-template-columns:1fr; } }.sidebar {
  overflow-y: auto;
}.order-feed-panel { margin:18px 0 28px;padding:0;overflow:hidden; }.order-feed-heading { display:flex;justify-content:space-between;gap:18px;padding:20px 22px 14px; }.order-feed-heading h2 { margin:4px 0; }.order-feed-heading p { margin:0; }.order-feed-actions { display:flex;justify-content:flex-end;gap:14px;flex-wrap:wrap; }.scheme-switch { display:flex;gap:4px;padding:4px; }.scheme-switch button {padding:8px 12px;cursor:pointer;white-space:nowrap; }.order-feed-strip { display:flex;gap:0;overflow-x:auto;padding:0 14px 8px;min-height:126px; }.order-feed-card {display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;flex:0 0 286px;min-width:0;padding:16px 14px;text-align:left;cursor:pointer; }.order-feed-card img,.order-feed-image-placeholder { width:58px;height:72px;object-fit:cover;display:grid; }.order-feed-copy { display:grid;gap:5px;min-width:0; }.order-feed-copy > b { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.order-feed-copy > small {overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.order-feed-meta { display:flex;gap:5px;min-width:0; }.order-feed-empty { display:grid;gap:6px;min-width:100%;min-height:116px;cursor:pointer; }.scheme-badge,.transit-status-badge { display:inline-flex;width:max-content;padding:5px 8px;white-space:nowrap; }.recommendation-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 28px;
}.recommendation-card {
  padding: 20px;
  position: relative;
  overflow: hidden;
}.recommendation-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
}.recommendation-head {
  display: flex;
  gap: 8px;
}.recommendation-head span {
  width: 24px;
  height: 24px;
  display: grid;
}.recommendation-card h3 {
  margin: 13px 0 8px;
}.recommendation-card p {
  margin: 0;
}.recommendation-action {
  margin-top: 14px;
  padding: 12px 14px;
}.risk-chip {
  display: inline-flex;
  padding: 6px 9px;
  white-space: nowrap;
}.abc-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 28px;
}.abc-card {
  display: flex;
  gap: 16px;
  padding: 20px;
}.abc-card > strong {
  width: 54px;
  height: 54px;
  display: grid;
}.abc-card p {
  margin: 5px 0 0;
}.finance-intro {
  margin-bottom: 16px;
}.finance-toolbar {
  margin-bottom: 18px;
}.report-tabs,
.feedback-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 22px 0 14px;
}.report-tabs button,
.feedback-tabs button {
  padding: 10px 14px;
  cursor: pointer;
}.finance-report-content {
  min-height: 300px;
  margin-bottom: 24px;
}.report-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}.report-head h2 {
  margin: 5px 0 0;
}.report-warning,
.report-note,
.empty-state {
  padding: 14px 16px;
}.report-note {
  margin-top: 16px;
}.empty-state {
  text-align: center;
}.statement-table {
  display: grid;
  gap: 1px;
  overflow: hidden;
}.statement-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 13px 16px;
}.report-metric-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}.report-metric {
  padding: 16px;
  display: grid;
  gap: 7px;
}.abc-badge {
  width: 32px;
  height: 32px;
  display: inline-grid;
}.finance-secondary-grid {
  margin-top: 0;
}.assistant-analysis-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0 24px;
}.analysis-action {
  min-height: 120px;
  text-align: left;
  padding: 18px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  transition: transform .18s ease, box-shadow .18s ease;
}.analysis-action:hover {
  transform: translateY(-2px);
}.seo-audit-panel {
  margin-bottom: 24px;
  overflow: hidden;
}.seo-audit-head {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 18px;
}.seo-audit-head h2 { margin: 5px 0 8px; }.seo-audit-head p { margin: 0; max-width: 760px; }.seo-audit-head > a { flex: 0 0 auto; }.seo-audit-form {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(320px, 1.4fr) auto;
  gap: 14px;
  padding: 20px 0 14px;
}.seo-audit-form label { display: grid; gap: 7px; }.seo-audit-form select,
.seo-audit-form textarea {
  width: 100%;
  padding: 11px 12px;
}.seo-audit-form textarea { min-height: 72px; resize: vertical; }.seo-audit-form .button { min-height: 44px; }.seo-audit-result { display: grid; gap: 18px; margin-top: 16px; }.seo-score-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }.seo-score-card {
  padding: 16px;
}.seo-score-card span { display: block; }.seo-score-card b { display: block; margin-top: 6px; }.seo-score-note { margin: -8px 0 0; }.seo-factor-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }.seo-factor-card {
  min-height: 148px;
  padding: 16px;
}.seo-factor-head { display: flex; justify-content: space-between; gap: 10px; }.seo-factor-head span { white-space: nowrap; }.seo-factor-card strong { display: block; margin: 12px 0 7px; }.seo-factor-card p { margin: 0; }.seo-result-section {
  padding: 18px;
}.seo-result-section h3 { margin: 0 0 12px; }.seo-result-section ul { margin: 0; padding-left: 20px; }.seo-query-table { overflow-x: auto; }.seo-query-table table { min-width: 680px; }.seo-query-coverage { display: inline-flex; padding: 4px 8px; }.seo-draft-grid { display: grid; grid-template-columns: 1fr 1.35fr; gap: 14px; }.seo-draft-field { display: grid; gap: 8px; }.seo-draft-field textarea {
  min-height: 150px;
  width: 100%;
  resize: vertical;
  padding: 13px;
}.seo-draft-field:first-child textarea { min-height: 100px; }.seo-copy-row { display: flex; justify-content: space-between; gap: 12px; }.seo-mini-button { padding: 7px 10px; cursor: pointer; }.seo-recommendation-list { display: grid; gap: 10px; }.seo-recommendation {
  padding: 14px;
}.seo-recommendation small { display: block; margin-top: 6px; }.seo-competitor-note { padding: 12px 14px; }.seo-source-list { display: flex; flex-wrap: wrap; gap: 8px; }.seo-source-list a,
.seo-source-list span { padding: 7px 10px; }.seo-disclaimer { padding: 14px 16px; }.assistant-layout-wide {
  grid-template-columns: minmax(260px, .7fr) minmax(420px, 1.3fr);
}.feedback-list {
  display: grid;
  gap: 14px;
  margin-top: 14px;
}.feedback-card {
  padding: 20px;
}.feedback-card-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}.feedback-card-head > div {
  display: grid;
  gap: 5px;
}.feedback-card blockquote {
  margin: 16px 0 10px;
  padding: 14px 16px;
  white-space: pre-wrap;
}.feedback-draft-area {
  margin-top: 16px;
}.feedback-draft {
  min-height: 115px;
  width: 100%;
  resize: vertical;
}.feedback-message {
  min-height: 20px;
  margin-top: 9px;
}@media (max-width: 1180px) {
  .assistant-analysis-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .report-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .seo-audit-form { grid-template-columns: 1fr 1.3fr; }
  .seo-audit-form .button { grid-column: 1 / -1; justify-self: start; }
  .seo-factor-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}@media (max-width: 820px) {
  .recommendation-grid,
  .abc-summary,
  .assistant-analysis-grid,
  .report-metric-grid {
    grid-template-columns: 1fr;
  }
  .assistant-layout-wide { grid-template-columns: 1fr; }
  .seo-audit-head { flex-direction: column; }
  .seo-audit-form,
  .seo-score-grid,
  .seo-factor-grid,
  .seo-draft-grid { grid-template-columns: 1fr; }
  .seo-audit-form .button { width: 100%; }
  .feedback-card-head,
  .report-head { flex-direction: column; }
}.formula-box {
  margin: 0 0 16px;
  padding: 13px 15px;
}.compact-heading { margin-top: 22px; margin-bottom: 10px; }.compact-heading h3 { margin: 3px 0 0; }.unit-table-scroll { max-height: 620px; }.unit-products-table { min-width: 2400px; }.unit-products-table th { position: sticky; top: 0; z-index: 2; }.unit-products-table .product-cell { min-width: 260px; white-space: normal; }.feedback-product-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}.feedback-product-facts span {
  display: inline-flex;
  gap: 4px;
  padding: 5px 8px;
}.period-live-note { display:block; margin-top:5px; }.store-knowledge-card {
  margin: 20px 0;
  padding: 24px;
  display: grid;
  gap: 18px;
}.store-knowledge-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}.store-knowledge-head h3 { margin: 5px 0 8px; }.store-knowledge-head p { margin: 0; max-width: 850px; }.store-knowledge-status {
  padding: 13px 15px;
}.store-knowledge-stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(110px, 1fr));
  gap: 10px;
}.store-knowledge-stats article {
  padding: 15px;
}.store-knowledge-stats span { display: block; }.store-knowledge-stats b { display: block; margin-top: 7px; }.store-knowledge-columns {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(260px, .6fr);
  gap: 18px;
}.store-signal-list, .store-type-list { margin-top: 10px; display: grid; gap: 8px; }.store-signal {
  overflow: hidden;
}.store-signal summary {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
}.store-signal summary::-webkit-details-marker { display: none; }.store-signal > div { padding: 10px 14px; }.store-signal p { margin: 0 0 8px; }.store-signal p:last-child { margin-bottom: 0; }.store-type-list { display: flex; flex-wrap: wrap; }.store-type-chip {
  display: inline-flex;
  gap: 8px;
  padding: 9px 11px;
}.store-type-chip i {
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  display: inline-grid;
}.compact-heading { margin: 2px 0 0; }.store-knowledge-recent { display: grid; gap: 9px; }.store-source-card {
  display: grid;
  grid-template-columns: minmax(240px, 1.2fr) minmax(280px, 1fr) minmax(140px, .7fr) auto;
  gap: 14px;
  padding: 14px;
}.store-source-main { min-width: 0; display: grid; gap: 4px; }.store-source-main b { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }.store-source-metrics { display: flex; flex-wrap: wrap; gap: 6px 10px; }.store-source-signals { display: flex; flex-wrap: wrap; gap: 5px; }.store-source-signals em { padding: 5px 7px; }.store-source-card > a { white-space: nowrap; }.empty-inline, .empty-block { padding: 12px; }.empty-block { text-align: center; padding: 28px; }@media (max-width: 1100px) {
  .store-knowledge-stats { grid-template-columns: repeat(3, 1fr); }
  .store-source-card { grid-template-columns: 1fr 1fr; }
}@media (max-width: 760px) {
  .store-knowledge-head { flex-direction: column; }
  .store-knowledge-columns { grid-template-columns: 1fr; }
  .store-knowledge-stats { grid-template-columns: 1fr 1fr; }
  .store-source-card { grid-template-columns: 1fr; }
}.products-period-toolbar {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  margin: 0 0 18px;
  padding: 16px 18px;
}.products-period-summary {
  min-width: 260px;
  display: grid;
  gap: 4px;
}.products-period-summary small {
  max-width: 620px;
}.products-period-actions {
  display: grid;
  justify-items: end;
  gap: 8px;
}.product-preset-list {
  justify-content: flex-end;
}@media (max-width: 1050px) {
  .products-period-toolbar {
    flex-direction: column;
  }
  .products-period-actions {
    width: 100%;
    justify-items: start;
  }
  .product-preset-list {
    justify-content: flex-start;
  }
}@media (max-width: 680px) {
  .products-period-actions .date-range {
    width: 100%;
  }
  .products-period-actions .date-range input {
    flex: 1;
    min-width: 125px;
    width: auto;
  }
}.table-note { text-align: right; }#costTable .cost-input { min-width: 150px; max-width: 190px; }@media (max-width: 760px) { .table-note { text-align:left; } }.finance-report-content .table-scroll table { min-width: 1100px; }.finance-report-content .unit-products-table { min-width: 2650px; }.finance-report-content .connection-badge { white-space: nowrap; }.advertising-toolbar {
  margin-bottom: 16px;
}.advertising-status {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 16px;
  padding: 22px 24px;
}.advertising-status h3 {
  margin: 10px 0 6px;
}.advertising-status p {
  margin: 0;
}.ad-counts {
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 8px;
  min-width: 180px;
}.advertising-panel {
  margin-top: 18px;
  padding: 0;
  overflow: hidden;
}.advertising-tools {
  padding: 18px 20px 0;
}.advertising-tools .search {
  min-width: min(520px, 100%);
}.compact-select {
  min-width: 170px;
  padding: 12px 14px;
}.advertising-panel .report-tabs {
  padding: 14px 20px 0;
}.advertising-content {
  padding: 0 20px 22px;
}.advertising-table {
  max-height: 680px;
}.advertising-table table {
  min-width: 1500px;
}.advertising-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
}.advertising-table .campaign-row td:first-child {
  min-width: 290px;
}.product-cell {
  display: flex;
  gap: 10px;
  min-width: 300px;
}.product-cell img {
  width: 44px;
  height: 56px;
  object-fit: cover;
}.diagnostic-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 18px;
}.data-check-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}.data-check-list > div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 8px;
}@media (max-width: 900px) {
  .advertising-status,
  .advertising-intro {
    flex-direction: column;
  }
  .diagnostic-grid {
    grid-template-columns: 1fr;
  }
}.finance-tree-toolbar {
  display:flex;justify-content:space-between;gap:24px;
  padding:24px 28px 18px;
}.finance-tree-toolbar h2 { margin:4px 0 5px; }.finance-tree-toolbar p { margin:0; }.finance-tree-actions { display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end; }.button.compact { min-height:34px;padding:8px 12px; }.finance-source-legend { display:flex;gap:8px;flex-wrap:wrap;padding:14px 28px; }.finance-source-legend span { display:inline-flex;padding:6px 9px; }.finance-tree-list { padding:0 28px; }.finance-tree-node { position:relative; }.finance-tree-node > summary {
  min-height:72px;padding:18px 0;display:flex;justify-content:space-between;gap:22px;cursor:pointer;
}.finance-tree-node > summary::-webkit-details-marker { display:none; }.finance-tree-main-label { min-width:0;display:flex;gap:10px; }.finance-tree-main-label > span { overflow-wrap:anywhere; }.finance-tree-main-label::before {
  content:"";width:9px;height:9px;
  transform:rotate(-45deg);transition:transform .18s ease;margin-right:5px;flex:0 0 auto;
}.finance-tree-node[open] > summary .finance-tree-main-label::before { transform:rotate(45deg) translate(-2px,-2px); }.finance-tree-main-value { display:flex;flex-direction:column;gap:6px;white-space:nowrap; }.finance-tree-main-value small { padding:4px 7px; }.finance-alert { display:inline-grid;width:20px;height:20px;flex:0 0 auto; }.finance-info { display:inline-grid;width:17px;height:17px;cursor:help;flex:0 0 auto; }.finance-tree-children { position:relative;margin:0 0 10px 18px;padding:0 0 0 38px; }.finance-tree-note { margin:0 0 10px -8px;padding:10px 14px; }.finance-tree-meta { display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px -8px; }.finance-tree-meta span { padding:6px 9px; }.finance-tree-leaf,
.finance-tree-children > .finance-tree-node > summary {
  position:relative;min-height:58px;padding:13px 0;display:flex;justify-content:space-between;gap:24px;
}.finance-tree-leaf::before,
.finance-tree-children > .finance-tree-node > summary::before {
  content:"";position:absolute;left:-38px;top:50%;width:27px;
}.finance-tree-leaf-label { display:flex;gap:9px;min-width:0; }.finance-tree-leaf-label > span { overflow-wrap:anywhere; }.finance-tree-leaf b { margin-left:auto;white-space:nowrap; }.finance-tree-children > .finance-tree-node > summary { min-height:62px; }.finance-tree-children .finance-tree-children { margin-left:10px; }.finance-payout-total { margin:16px 28px 0;padding:24px 0;display:flex;justify-content:space-between;gap:20px; }.finance-payout-total b {white-space:nowrap; }.finance-reconciliation { margin:0 28px 18px;padding:12px 14px;display:flex;justify-content:space-between;gap:18px; }.finance-management-block { margin:0 28px 18px;overflow:hidden; }.finance-management-block > summary { min-height:60px;padding:15px 18px;display:flex;justify-content:space-between;gap:18px;cursor:pointer; }.finance-management-block > summary::-webkit-details-marker { display:none; }.finance-management-grid { padding:0 18px 12px; }.finance-dialog .ozon-finance-tree .finance-tree-toolbar { padding-top:18px; }.finance-report-content:has(.ozon-finance-tree) { padding:0;overflow:hidden; }@media (max-width:760px) {
  .finance-tree-toolbar { flex-direction:column;padding:20px; }
  .finance-tree-actions { width:100%;justify-content:flex-start; }
  .finance-source-legend,.finance-tree-list { padding-left:20px;padding-right:20px; }
  .finance-tree-node > summary { min-height:64px;gap:12px; }
  .finance-tree-children { margin-left:9px;padding-left:25px; }
  .finance-tree-leaf::before,.finance-tree-children > .finance-tree-node > summary::before { left:-25px;width:18px; }
  .finance-payout-total,.finance-reconciliation,.finance-management-block { margin-left:20px;margin-right:20px; }
}.finance-tree-detail-action {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:0 0 14px -8px;
  padding:12px 14px;
}.finance-service-dialog .finance-dialog-card { width:min(1500px,96vw); }.service-detail-wrap { padding-bottom:24px; }.service-detail-summary {
  display:grid;
  grid-template-columns:repeat(6,minmax(150px,1fr));
  gap:12px;
  padding:22px 28px 12px;
}.service-detail-toolbar {
  display:flex;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin:12px 28px;
  padding:12px 14px;
}.service-detail-section { margin:14px 28px;overflow:hidden; }.service-detail-section > summary {
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  cursor:pointer;
}.service-detail-section > summary::-webkit-details-marker { display:none; }.service-detail-section > summary::before { content:"+";margin-right:10px; }.service-detail-section[open] > summary::before { content:"−"; }.service-detail-section table { min-width:900px; }.service-detail-section td small { display:block;margin-top:4px; }.loading-state { padding:50px;text-align:center; }@media (max-width:1200px) {
  .service-detail-summary { grid-template-columns:repeat(3,minmax(150px,1fr)); }
}@media (max-width:720px) {
  .service-detail-summary { grid-template-columns:1fr 1fr;padding:16px; }
  .service-detail-toolbar,.service-detail-section { margin-left:16px;margin-right:16px; }
  .finance-tree-detail-action {flex-direction:column; }
}.finance-service-dialog {
  width:min(1500px,calc(100vw - 24px));
  max-width:none;
  max-height:calc(100vh - 24px);
  padding:0;
  margin:auto;
  box-sizing:border-box;
}.finance-service-dialog .finance-dialog-card {
  width:100%;
  min-width:0;
  max-width:100%;
  height:min(940px,calc(100vh - 24px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
}.finance-service-dialog .finance-dialog-head { flex:0 0 auto; }.finance-service-dialog .finance-dialog-body {
  flex:1 1 auto;
  min-height:0;
  max-height:none;
  overflow:auto;
}.finance-service-dialog .service-detail-wrap { min-width:0; }.finance-service-dialog .table-scroll { width:100%;max-width:100%;overflow:auto; }.finance-service-dialog table { width:max-content;min-width:100%; }.finance-service-dialog th,.finance-service-dialog td { white-space:nowrap; }.finance-service-dialog td:first-child,.finance-service-dialog th:first-child { position:sticky;left:0;z-index:2; }.finance-service-dialog thead th:first-child {z-index:3; }.accrual-report { padding-bottom:24px; }.accrual-report-head { display:flex;justify-content:space-between;gap:18px;padding:24px 26px 16px; }.accrual-report-head p { max-width:780px; }.accrual-import-bar { display:flex;gap:18px;flex-wrap:wrap;margin:0 26px 16px;padding:16px; }.accrual-import-bar label { display:grid;gap:6px;min-width:min(520px,100%); }.accrual-import-bar select,.accrual-filters input,.accrual-filters select { min-height:42px;padding:0 12px; }.accrual-import-bar > div { display:grid;gap:2px; }.accrual-filters { display:grid;grid-template-columns:minmax(260px,2fr) repeat(3,minmax(170px,1fr)) auto;gap:10px;margin:0 26px 12px; }.accrual-result-summary { display:flex;gap:24px;flex-wrap:wrap;margin:0 26px 10px; }.accrual-table-scroll { margin:0 26px;max-height:620px; }.accrual-table-scroll table { min-width:1600px; }.accrual-table-scroll th { position:sticky;top:0;z-index:2; }.accrual-table-scroll td small { display:block;margin-top:3px; }.accrual-pagination { display:flex;justify-content:flex-end;gap:10px;margin:14px 26px 0; }.hidden { display:none!important; }@media (max-width:1100px) {
  .accrual-filters { grid-template-columns:1fr 1fr; }
  .accrual-report-head { flex-direction:column; }
}@media (max-width:720px) {
  .finance-service-dialog { width:calc(100vw - 8px);max-height:calc(100vh - 8px); }
  .finance-service-dialog .finance-dialog-card { height:calc(100vh - 8px); }
  .finance-service-dialog .finance-dialog-head { padding:16px; }
  .service-detail-summary { grid-template-columns:1fr 1fr; }
  .accrual-import-bar,.accrual-filters,.accrual-result-summary,.accrual-table-scroll,.accrual-pagination { margin-left:14px;margin-right:14px; }
  .accrual-filters { grid-template-columns:1fr; }
}.transit-scheme-toolbar { display:flex;justify-content:space-between;gap:18px;padding:16px 20px;margin-bottom:16px; }.transit-scheme-toolbar > div:first-child { display:grid;gap:4px; }.transit-activity-panel { padding:22px 24px;margin-bottom:16px;display:grid;gap:18px; }.transit-activity-head { display:flex;justify-content:space-between;gap:24px; }.transit-activity-head h2 { margin:5px 0 4px; }.transit-activity-head p { margin:0; }.transit-activity-controls { display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end; }.transit-activity-controls label { min-width:180px; }.transit-activity-controls input { min-height:42px; }.transit-period-switch { display:flex;gap:5px;padding:5px; }.transit-period-switch button {padding:9px 14px;cursor:pointer; }.transit-activity-metrics { display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px; }.transit-activity-card { position:relative;overflow:hidden;display:grid;gap:7px;min-height:112px;padding:16px 17px; }.transit-activity-card::before { content:"";position:absolute;inset:0 auto 0 0;width:4px; }.transit-activity-note { margin:0; }.transit-status { padding:20px 24px;display:grid;gap:14px; }.transit-status-row { display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px; }.transit-status-row > div { display:grid;gap:5px;padding:14px 16px; }.success-box,.info-box,.warning-box { padding:13px 15px; }.transit-metrics { grid-template-columns:repeat(3,minmax(180px,1fr)); }.transit-metric-card { min-height:130px;display:grid;gap:8px; }.transit-panel { overflow:hidden; }.transit-content { min-height:240px; }.transit-table { min-width:1180px; }.transit-product-money-table { min-width:1560px; }.transit-posting-money-table { min-width:1740px; }.transit-calendar-table { min-width:1480px; }.transit-table td small { display:block;margin-top:4px; }.transit-table .product-cell { min-width:280px; }.transit-posting-products { display:grid;gap:8px;min-width:330px;white-space:normal; }.transit-posting-product { display:grid;grid-template-columns:44px minmax(170px,1fr) auto;gap:9px; }.transit-posting-product img,.posting-product-placeholder { width:44px;height:54px;object-fit:cover;display:grid; }.transit-posting-product b { display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.transit-posting-product small { display:block;margin-top:3px!important; }.transit-posting-product strong { white-space:nowrap; }.posting-products-more { padding-left:53px; }.transit-calendar-note { margin:18px 20px 0; }.order-map-toolbar { display:flex; justify-content:space-between; gap:18px; padding:16px 18px; margin-bottom:14px; }.order-map-toolbar .date-range { display:flex; gap:12px; }.order-map-toolbar label { display:grid; gap:6px; }.order-map-toolbar input { min-width:150px; }.order-map-tabs { margin:0; }.order-map-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:14px 0; }.order-map-metric { display:flex; gap:14px; min-height:104px; padding:18px; }.order-map-metric > i { width:42px; height:42px; display:grid; }.order-map-metric div { display:grid; gap:4px; min-width:0; }.order-map-metric b { overflow-wrap:anywhere; }.order-map-card { padding:0; overflow:hidden; }.order-map-card .panel-heading { padding:18px 20px; }.order-map-canvas { height:480px; min-height:420px; }.order-map-canvas .jvm-zoom-btn { width:28px; height:28px; }.order-map-bottom { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); gap:14px; margin-top:14px; }.order-map-bottom > .panel { padding:18px; }.order-map-city-list { display:grid; gap:12px; margin-top:14px; }.order-map-city { display:grid; grid-template-columns:28px minmax(0,1fr) auto; gap:10px; }.order-map-city > span { width:26px; height:26px; display:grid; }.order-map-city > div { display:grid; grid-template-columns:1fr auto; gap:2px 10px; min-width:0; }.order-map-city b,.order-map-city small { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.order-map-city i { grid-column:1 / -1; height:5px; overflow:hidden; }.order-map-city i em { display:block; height:100%; }.order-map-scheme-grid { display:grid; grid-template-columns:1fr; gap:12px; margin-top:14px; }.order-map-scheme-grid article { display:grid; grid-template-columns:90px 1fr auto; gap:8px 12px; padding:14px; }.order-map-scheme-grid article > i { grid-column:1 / -1; height:6px; overflow:hidden; }.order-map-scheme-grid article > i em { display:block; height:100%; }@media (max-width:1100px) { .order-map-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}.order-map-bottom{grid-template-columns:1fr;} }@media (max-width:720px) { .order-map-toolbar{flex-direction:column}.order-map-toolbar .date-range{display:grid;grid-template-columns:1fr 1fr}.order-map-toolbar input{min-width:0;width:100%}.order-map-metrics{grid-template-columns:1fr}.order-map-canvas{height:390px;min-height:340px}.order-map-tabs{overflow:auto}.order-map-scheme-grid article{grid-template-columns:72px 1fr}.order-map-scheme-grid article>small{grid-column:1/-1} }.loading-line { padding:14px; }.empty-cell { padding:36px!important;text-align:center; }.diagnostic-grid { display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;padding:20px; }.diagnostic-card { display:grid;gap:7px;padding:16px; }.transit-content > .info-box { margin:0 20px 20px; }@media (max-width:1100px) {
  .transit-metrics,.transit-status-row,.diagnostic-grid,.transit-activity-metrics { grid-template-columns:repeat(2,minmax(160px,1fr)); }
  .transit-activity-head {flex-direction:column; }
  .transit-activity-controls { justify-content:flex-start; }
  .order-feed-heading {flex-direction:column; }
  .order-feed-actions { justify-content:flex-start; }
}@media (max-width:720px) {
  .transit-metrics,.transit-status-row,.diagnostic-grid,.transit-activity-metrics { grid-template-columns:1fr; }
  .transit-activity-panel { padding:16px; }
  .transit-activity-controls { width:100%;display:grid; }
  .transit-period-switch { display:grid;grid-template-columns:repeat(3,1fr); }
  .transit-status { padding:14px; }
  .transit-scheme-toolbar {flex-direction:column;padding:14px; }
  .transit-scheme-toolbar .scheme-switch { width:100%;display:grid;grid-template-columns:repeat(3,1fr); }
  .order-feed-heading { padding:16px; }
  .order-feed-actions { width:100%;flex-direction:column; }
  .order-feed-card { flex-basis:260px; }
}.accrual-view-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 26px 18px;padding:6px}.accrual-view-tabs button{padding:10px 14px;cursor:pointer}.accrual-overview,.accrual-bonus-report,.accrual-operations-report{padding:0 26px 26px}.accrual-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.accrual-kpi-grid article,.accrual-mini-grid article{display:grid;gap:5px;padding:16px}.accrual-formula-card{display:grid;grid-template-columns:minmax(140px,1.2fr) minmax(140px,1fr) auto minmax(160px,1fr) auto minmax(170px,1fr);gap:10px;padding:18px;margin-bottom:14px}.accrual-formula-card>div{display:grid;gap:4px}.accrual-formula-card p{grid-column:1/-1;margin:4px 0 0}.accrual-cost-formula-card{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(210px,1fr) auto minmax(250px,1.25fr);gap:12px;padding:18px;margin-bottom:14px}.accrual-cost-formula-card>div{display:grid;gap:4px}.accrual-cost-formula-card p{grid-column:1/-1;margin:4px 0 0}.accrual-payout-formula-card{grid-template-columns:minmax(160px,1fr) auto minmax(180px,1.1fr) auto minmax(180px,1.1fr) auto minmax(160px,1fr)}.accrual-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}.accrual-section-head{display:flex;justify-content:space-between;gap:16px;margin:8px 0 12px}.accrual-section-head h3{margin:3px 0 0}.accrual-section-head p{margin:5px 0 0;max-width:760px}.accrual-groups{display:grid;gap:10px}.accrual-group-card{overflow:hidden}.accrual-group-card>summary{display:grid;grid-template-columns:42px minmax(220px,1fr) auto minmax(150px,auto);gap:12px;padding:14px 16px;cursor:pointer}.accrual-group-card>summary::-webkit-details-marker{display:none}.accrual-group-icon{display:grid;width:36px;height:36px}.accrual-group-name{display:grid;gap:3px}.accrual-group-card summary em{padding:5px 8px}.accrual-group-card summary strong{text-align:right}.accrual-group-table{margin:0;max-height:420px}.accrual-group-table table{min-width:840px}.accrual-group-table th,.accrual-group-table td{padding:10px 12px}.accrual-group-table .number-cell{text-align:right;white-space:nowrap}.strong-note{margin:0 0 12px}.accrual-bonus-filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.accrual-bonus-filter input{flex:1;min-width:240px;min-height:42px;padding:0 12px}.accrual-bonus-table{max-height:680px}.accrual-bonus-table table{min-width:2100px}.accrual-bonus-table th{position:sticky;top:0;z-index:2}.accrual-bonus-table td small{display:block;margin-top:3px}.accrual-bonus-table td:nth-child(1){position:sticky;left:0;z-index:1;min-width:260px}.accrual-bonus-table th:nth-child(1){position:sticky;left:0;z-index:4}#financeReportTabs button[data-report="accruals"]{white-space:normal;max-width:230px}@media(max-width:1050px){.accrual-kpi-grid,.accrual-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.accrual-formula-card,.accrual-cost-formula-card{grid-template-columns:1fr 1fr}.accrual-formula-card i,.accrual-cost-formula-card i{display:none}.accrual-group-card>summary{grid-template-columns:38px 1fr auto}.accrual-group-card summary em{display:none}.accrual-group-card summary strong{grid-column:2/4;text-align:left}}@media(max-width:680px){.accrual-overview,.accrual-bonus-report,.accrual-operations-report{padding-left:14px;padding-right:14px}.accrual-view-tabs{margin-left:14px;margin-right:14px}.accrual-kpi-grid,.accrual-mini-grid{grid-template-columns:1fr}.accrual-formula-card,.accrual-cost-formula-card{grid-template-columns:1fr}.accrual-section-head{flex-direction:column}.accrual-group-card>summary{grid-template-columns:36px 1fr}.accrual-group-card summary strong{grid-column:2;text-align:left}.accrual-bonus-filter input,.accrual-bonus-filter button{width:100%}}.price-snapshot-cell{display:grid;gap:2px;min-width:190px}.price-snapshot-cell span,.price-snapshot-cell b{display:block}.price-snapshot-cell small{display:block;margin-bottom:5px}.accrual-bonus-table table{min-width:2920px}.capital-section{margin-top:22px;overflow:hidden}.capital-heading p{margin:6px 0 0;max-width:980px}.capital-form{padding:0 24px 20px}.capital-form-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px}.capital-form-grid label{display:grid;gap:7px}.capital-form-grid input,.capital-form-grid select{width:100%;min-height:44px;padding:0 12px}.capital-comment{grid-column:span 2}.capital-form-actions{display:flex;justify-content:space-between;gap:18px;margin-top:14px}.capital-form-actions small{max-width:820px}.capital-section table{min-width:1050px}.promotion-rule-note{margin:0 0 14px;padding:13px 16px}.promotion-products-table{min-width:1440px}.promotion-check-column{width:132px;text-align:center}.promotion-checkbox{position:relative;display:inline-flex;justify-content:center;cursor:pointer}.promotion-checkbox input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}.promotion-checkbox span{width:24px;height:24px;display:grid}.promotion-checkbox input:checked+span::after{content:"✓"}.promotion-not-applicable{display:inline-block}.promotion-action-list{display:grid;gap:3px}.promotion-action-list small{display:block}@media(max-width:1200px){.capital-form-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.capital-comment{grid-column:span 2}}@media(max-width:720px){.capital-form{padding:0 14px 16px}.capital-form-grid{grid-template-columns:1fr}.capital-comment{grid-column:auto}.capital-form-actions{flex-direction:column}.capital-form-actions .button{width:100%}}.accrual-profit-summary{margin-top:14px;overflow:hidden}.accrual-profit-row{display:grid;grid-template-columns:minmax(260px,1fr) minmax(170px,auto);gap:18px;padding:18px 20px}.accrual-profit-row>span{display:grid;gap:4px}.accrual-profit-row strong{text-align:right;white-space:nowrap}.accrual-profit-summary>p{margin:0;padding:12px 20px}@media(max-width:680px){.accrual-profit-row{grid-template-columns:1fr;padding:15px}.accrual-profit-row strong{text-align:left}.accrual-profit-summary>p{padding:11px 15px}}@media(max-width:1050px){.admin-layout{grid-template-columns:1fr}.admin-user-form{max-width:680px}}.accrual-management-heading{display:flex;justify-content:space-between;gap:16px;padding:14px 20px}.accrual-profit-row.management-detail-row{padding-top:13px;padding-bottom:13px}.accrual-profit-summary>.finance-reconciliation{margin:0}@media(max-width:680px){.accrual-management-heading{flex-direction:column;padding:13px 15px}}.accrual-missing-cost-action{grid-column:1/-1;display:flex!important;gap:12px;flex-wrap:wrap;margin-top:3px}.missing-cost-dialog{width:min(1080px,calc(100vw - 24px));max-width:none}.missing-cost-dialog .finance-dialog-card{display:flex;flex-direction:column;max-height:calc(100vh - 24px);overflow:hidden}.missing-cost-dialog .finance-dialog-body{flex:1 1 auto;min-height:0;max-height:none;padding:22px 26px 26px}.missing-cost-dialog-content{display:grid;gap:14px}.missing-cost-dialog-table{max-height:520px}.missing-cost-dialog-table table{min-width:900px}.missing-cost-dialog-table th{position:sticky;top:0;z-index:2}.missing-cost-dialog-table td small{display:block;margin-top:4px}.missing-cost-dialog-table td:first-child{min-width:280px}.missing-cost-dialog-table input{width:170px;min-height:42px;padding:0 12px}.missing-cost-dialog-actions{display:flex;justify-content:space-between;gap:18px;padding-top:4px}@media(max-width:680px){.missing-cost-dialog .finance-dialog-body{padding:15px}.missing-cost-dialog-actions{flex-direction:column}.missing-cost-dialog-actions .button{width:100%}.accrual-missing-cost-action{flex-direction:column}.accrual-missing-cost-action .button{width:100%}}.sync-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}.sync-progress.hidden{display:none}.sync-step{display:flex;gap:10px;padding:12px 14px}.sync-step-dot{flex:0 0 auto;width:11px;height:11px}.sync-step-text{display:flex;flex-direction:column;min-width:0}.sync-step-text b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-step-text small{display:block;margin-top:3px;white-space:normal;overflow-wrap:anywhere}@media(max-width:760px){.sync-progress{grid-template-columns:1fr}}.billing-nav-item{margin-top:5px}.billing-page{max-width:1540px}.billing-current{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:28px;margin-bottom:26px;padding:22px 24px}.billing-current h2,.billing-section-heading h2,.billing-builder-copy h2,.admin-billing-heading h2{margin:5px 0 4px}.billing-current p,.billing-section-heading p,.billing-builder-copy p,.admin-billing-heading p{margin:0}.billing-current-metrics{display:flex;gap:10px}.billing-current-metrics span{min-width:100px;padding:11px 13px}.billing-current-metrics small,.billing-current-metrics b{display:block}.billing-current-metrics b{margin-top:4px}.billing-section-heading,.admin-billing-heading{display:flex;justify-content:space-between;gap:20px;margin:24px 0 14px}.billing-plans-grid,.admin-plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.billing-plan-card,.admin-plan-card{position:relative;min-width:0;display:flex;flex-direction:column;padding:22px}.billing-popular{position:absolute;top:14px;right:14px;padding:5px 9px}.billing-plan-card h3,.admin-plan-card h3{margin:8px 0 7px}.billing-plan-card>p,.admin-plan-card>p{min-height:56px;margin:0}.billing-plan-price,.admin-plan-price{display:flex;gap:7px;margin:18px 0}.billing-plan-card ul{display:grid;gap:9px;margin:0 0 18px;padding:0}.billing-plan-card li{position:relative;padding-left:20px}.billing-plan-card li:before{content:"✓";position:absolute;left:0}.billing-plan-limits,.admin-plan-limits-inline{display:flex;flex-wrap:wrap;gap:6px;margin:auto 0 15px}.billing-plan-limits span,.admin-plan-limits-inline span,.admin-plan-tags span{padding:5px 8px}.billing-builder-panel{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.7fr);gap:28px;margin-top:22px;padding:26px}.billing-builder-copy{position:sticky;top:100px}.billing-builder-price{display:grid;margin-top:24px;padding:17px}.billing-builder-price b{margin:5px 0}.billing-builder-form{display:grid;gap:18px}.billing-builder-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.billing-module-choice{display:flex;grid-template-columns:none;gap:10px;min-height:64px;padding:11px 12px;cursor:pointer}.billing-module-choice.required{cursor:default}.billing-module-choice input{width:18px;height:18px}.billing-module-choice b,.billing-module-choice small{display:block}.billing-module-choice small{margin-top:3px}.billing-builder-limits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.billing-builder-limits label{min-width:0}.billing-builder-limits select{width:100%;min-width:0}.billing-payments-panel{margin-top:22px;overflow:hidden}.billing-payments-panel table{min-width:760px}.admin-billing-section{margin:8px 0 28px;padding:4px 0 26px}.admin-plan-card{padding:18px}.admin-plan-card.archived{opacity:.64}.admin-plan-card-top{display:flex;justify-content:space-between}.admin-plan-card>p{min-height:50px}.admin-plan-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.admin-plan-card>.button{margin-top:auto}.admin-builder-form{display:grid;gap:20px;margin-top:16px;padding:22px}.admin-builder-header{display:flex;justify-content:space-between;gap:18px}.admin-builder-header h3{margin:8px 0 4px}.admin-builder-header p{margin:0}.admin-builder-main-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.admin-builder-main-grid .wide{grid-column:1/-1}.admin-builder-subtitle{display:block;margin-bottom:10px}.admin-builder-module-prices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.admin-builder-module-prices label,.admin-builder-history-prices label{padding:10px}.admin-builder-module-prices label span,.admin-builder-history-prices label span{min-height:28px;display:block}.admin-builder-module-prices input,.admin-builder-history-prices input{width:100%}.admin-builder-history-prices{display:grid;grid-template-columns:repeat(3,minmax(0,180px));gap:9px}.admin-builder-required-modules{grid-template-columns:repeat(4,minmax(0,1fr));padding:0}.admin-billing-tables{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.admin-billing-tables>.panel{min-width:0;overflow:hidden}.admin-billing-tables table{min-width:720px}.admin-payment-settings-form{display:grid;grid-template-columns:minmax(250px,1.3fr) repeat(2,minmax(180px,.8fr)) auto;gap:14px;margin-top:16px;padding:20px}.admin-payment-settings-form h3{margin:8px 0 4px}.admin-payment-settings-form p{margin:0}.admin-payment-check{display:flex;grid-template-columns:none;gap:8px}.admin-payment-check input{width:17px;height:17px}.admin-limit-grid select{width:100%;height:42px;padding:0 10px}.billing-dialog{width:min(980px,calc(100vw - 24px));max-width:none;padding:0}.billing-dialog-card{max-height:calc(100vh - 28px);overflow:auto;margin:0;padding:0}.billing-dialog-card>header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;gap:20px;padding:20px 22px}.billing-dialog-card>header h2{margin:4px 0}.billing-dialog-card>header p{margin:0}.billing-dialog-card>footer{position:sticky;display:flex;justify-content:flex-end;gap:9px;padding:16px 22px}.admin-plan-main-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:20px 22px 0}.admin-plan-main-grid .wide{grid-column:1/-1}.admin-plan-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 22px 20px}.billing-dialog-card>.admin-builder-subtitle,.billing-dialog-card>div>.admin-builder-subtitle{margin:20px 22px 10px}.admin-plan-modules label{display:flex;grid-template-columns:none;gap:8px;padding:10px}.admin-plan-modules input{width:17px;height:17px}.admin-plan-limits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 22px 22px}.checkout-card{width:min(680px,100%);margin:auto}.billing-checkout-summary{display:grid;gap:9px;padding:20px 22px}.billing-checkout-summary>div{display:flex;justify-content:space-between;gap:16px;padding-bottom:9px}.billing-checkout-summary .total{padding:14px 0 0}.billing-promo-row{display:grid;grid-template-columns:1fr auto;gap:9px;padding:0 22px 18px}.billing-payment-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 22px 18px}.billing-payment-methods label{display:flex;grid-template-columns:none;gap:8px;padding:12px;cursor:pointer}.billing-payment-methods input{margin-top:2px}.billing-payment-methods b,.billing-payment-methods small{display:block}.billing-payment-methods small{margin-top:3px}.billing-checkout-notice{margin:0 22px 18px;padding:12px 13px}.billing-checkout-actions{display:flex;justify-content:flex-end;gap:9px;padding:0 22px 22px}@media(max-width:1200px){.billing-plans-grid,.admin-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-builder-main-grid,.admin-builder-module-prices{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-builder-limits{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-billing-tables{grid-template-columns:1fr}.admin-payment-settings-form{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-payment-settings-form>div,.admin-payment-settings-form>.button{grid-column:1/-1}.admin-payment-settings-form>.button{justify-self:start}}@media(max-width:820px){.billing-current{grid-template-columns:1fr}.billing-current-metrics{overflow:auto}.billing-builder-panel{grid-template-columns:1fr}.billing-builder-copy{position:static}.billing-builder-modules,.admin-plan-modules{grid-template-columns:1fr}.admin-builder-main-grid,.admin-builder-module-prices,.admin-plan-main-grid,.admin-plan-limits{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-payment-methods{grid-template-columns:1fr}}@media(max-width:580px){.billing-plans-grid,.admin-plans-grid{grid-template-columns:1fr}.billing-section-heading,.admin-billing-heading,.admin-builder-header{flex-direction:column}.billing-builder-limits,.admin-builder-main-grid,.admin-builder-module-prices,.admin-plan-main-grid,.admin-plan-limits,.admin-payment-settings-form{grid-template-columns:1fr}.billing-promo-row{grid-template-columns:1fr}.billing-promo-row .button{width:100%}.billing-current-metrics{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr))}.billing-dialog-card>footer,.billing-checkout-actions{flex-direction:column}.billing-dialog-card>footer .button,.billing-checkout-actions .button{width:100%}.admin-payment-settings-form>.button{width:100%}}html{scroll-behavior:smooth}body.admin-portal .sidebar nav>*{display:none!important}body.admin-portal .sidebar nav #adminNav,
body.admin-portal .sidebar nav #adminReturnToCabinet{display:flex!important}body.admin-portal .sidebar-bottom [data-page="profile"],
body.admin-portal .topbar-search,
body.admin-portal #shopSelect,
body.admin-portal #addShopButton,
body.admin-portal .sync-actions,
body.admin-portal #notificationButton,
body.admin-portal #profileButton{display:none!important}body.admin-portal .topbar{justify-content:flex-end}body.admin-portal #pageTitle{display:block;margin-right:auto}body.admin-portal #adminPage{max-width:1680px;margin:0 auto}body.admin-portal .sidebar-header .logo small:after{content:"OWNER CONTROL"}.admin-quick-nav{position:sticky;top:74px;z-index:9;display:flex;gap:7px;overflow:auto;margin:0 0 20px;padding:8px}.admin-quick-nav a{flex:0 0 auto;padding:9px 13px}.admin-promo-panel,.admin-audit-panel{margin-top:16px;overflow:hidden}.admin-promo-panel table{min-width:1050px}.admin-audit-panel table{min-width:760px}.admin-control-dialog-card{width:min(780px,100%);margin:auto}.admin-dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 22px}.admin-dialog-grid .wide{grid-column:1/-1}.admin-dialog-grid label{min-width:0}.admin-dialog-grid label small{display:block;margin-top:5px}.admin-dialog-grid input,.admin-dialog-grid select,.admin-dialog-grid textarea{width:100%}.admin-dialog-checks{display:flex;gap:18px;flex-wrap:wrap;padding:0 22px 20px}.admin-dialog-checks label{display:flex;grid-template-columns:none;gap:8px}.admin-dialog-checks input{width:17px;height:17px}body.subscription-locked .sidebar nav>*{display:none!important}body.subscription-locked .sidebar nav .billing-nav-item{display:flex!important}body.subscription-locked .sidebar-bottom [data-page="profile"],
body.subscription-locked .topbar-search,
body.subscription-locked #shopSelect,
body.subscription-locked #addShopButton,
body.subscription-locked .sync-actions,
body.subscription-locked #notificationButton{display:none!important}body.subscription-locked .topbar{justify-content:flex-end}body.subscription-locked #pageTitle{display:block;margin-right:auto}@media(max-width:820px){.admin-quick-nav{top:62px}.admin-dialog-grid{grid-template-columns:1fr}.admin-dialog-grid .wide{grid-column:auto}}@media(max-width:580px){.admin-quick-nav{margin-right:-4px;margin-left:-4px}.admin-control-dialog-card{width:100%}.admin-dialog-grid{padding:16px}.admin-dialog-checks{flex-direction:column;padding:0 16px 16px}}.assistant-page{max-width:1680px;margin:0 auto}.assistant-page-head{display:flex;justify-content:space-between;gap:28px;margin-bottom:20px}.assistant-page-head>div:first-child{max-width:900px}.assistant-page-head h1{margin:9px 0 7px}.assistant-page-head p{margin:0;max-width:900px}.assistant-live-context{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.assistant-ai-status,.assistant-period-badge{display:inline-flex;gap:8px;min-height:34px;padding:7px 11px;white-space:nowrap}.assistant-ai-status i{width:8px;height:8px}.assistant-workspace{display:grid;grid-template-columns:minmax(290px,350px) minmax(0,1fr);gap:16px}.assistant-playbooks,.assistant-chat-shell{overflow:hidden}.assistant-playbooks{padding:18px}.assistant-playbooks-head{padding:2px 2px 15px}.assistant-playbooks-head h2{margin:5px 0 5px}.assistant-playbooks-head p{margin:0}.assistant-playbook-list{display:grid;gap:8px}.assistant-playbook{position:relative;width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;min-height:70px;padding:10px 10px 10px 11px;text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.assistant-playbook:hover{transform:translateY(-1px)}.assistant-playbook.is-running{pointer-events:none}.assistant-playbook.is-running:after{content:"";position:absolute;right:10px;top:10px;width:13px;height:13px}.assistant-playbook>i{width:34px;height:34px;display:grid}.assistant-playbook>span{min-width:0;display:grid;gap:3px}.assistant-playbook small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assistant-playbook em{padding:5px 7px}.assistant-chat-shell{height:min(740px,calc(100vh - 150px));min-height:620px;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.assistant-chat-head{display:flex;justify-content:space-between;gap:18px;padding:15px 17px}.assistant-chat-title{display:flex;gap:11px;min-width:0}.assistant-avatar{flex:0 0 auto;width:38px;height:38px;display:grid}.assistant-chat-title h2{margin:0}.assistant-chat-title p{margin:3px 0 0}.assistant-chat-tools{display:flex;justify-content:flex-end;gap:6px;min-width:0;flex-wrap:wrap}.assistant-chat-tools span,.assistant-chat-tools button{min-height:29px;padding:6px 9px;white-space:nowrap}.assistant-chat-messages{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:22px}.assistant-chat-messages::-webkit-scrollbar{width:7px}.assistant-welcome{margin:auto;width:min(640px,100%);display:grid;justify-items:center;text-align:center;padding:28px}.assistant-welcome-mark{width:58px;height:58px;display:grid;margin-bottom:15px}.assistant-welcome h3{margin:0}.assistant-welcome p{margin:7px 0 18px}.assistant-welcome-suggestions{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.assistant-welcome-suggestions button{padding:8px 10px}.assistant-user-message{max-width:min(76%,720px);padding:11px 14px;white-space:pre-wrap}.assistant-response{width:min(92%,900px);display:grid;gap:0;overflow:hidden}.assistant-response-meta{display:flex;gap:9px;padding:11px 13px}.assistant-response-meta small{margin-left:auto;text-align:right}.assistant-response-badge{display:inline-flex;gap:6px;white-space:nowrap}.assistant-response-badge i{width:7px;height:7px}.assistant-response-body{padding:17px 18px;white-space:pre-wrap;overflow-wrap:anywhere}.assistant-response-notice{margin:0 17px 14px;padding:10px 11px}.assistant-response-sources{display:grid;gap:7px;padding:0 17px 14px}.assistant-response-sources>div{display:flex;gap:6px;flex-wrap:wrap}.assistant-response-sources a,.assistant-response-sources span{padding:6px 8px}.assistant-response-actions{display:flex;gap:7px;padding:10px 13px}.assistant-response-actions button{padding:6px 8px}.assistant-thinking{display:inline-flex;gap:5px;height:20px}.assistant-thinking i{width:7px;height:7px}.assistant-composer{display:grid;gap:7px;padding:13px 15px 12px}.assistant-composer-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:6px;transition:border-color .18s ease,box-shadow .18s ease}.assistant-composer textarea{width:100%;min-height:50px;max-height:180px;padding:9px 10px;resize:none}.assistant-composer textarea:disabled{opacity:.65}.assistant-composer-box>button{min-width:112px;height:42px;display:flex;justify-content:center;gap:8px;padding:0 12px}.assistant-composer-box>button b{width:20px;height:20px;display:grid}.assistant-composer-box>button:disabled{cursor:wait;opacity:.72}.assistant-composer-foot{display:flex;justify-content:space-between;gap:12px}.assistant-seo-panel{margin-top:18px}@media(max-width:1200px){
  .assistant-workspace{grid-template-columns:minmax(260px,310px) minmax(0,1fr)}
  .assistant-playbook em{display:none}
  .assistant-playbook{grid-template-columns:34px minmax(0,1fr)}
  .assistant-chat-tools span{display:none}
}@media(max-width:950px){
  .assistant-page-head{flex-direction:column}
  .assistant-live-context{justify-content:flex-start}
  .assistant-workspace{grid-template-columns:1fr}
  .assistant-playbook-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .assistant-chat-shell{height:680px;min-height:600px}
  .assistant-chat-tools span{display:inline-flex}
}@media(max-width:680px){
  .assistant-live-context{display:grid;width:100%}.assistant-ai-status,.assistant-period-badge{justify-content:center;white-space:normal;text-align:center}
  .assistant-playbooks{padding:13px}
  .assistant-playbook-list{grid-template-columns:1fr}
  .assistant-playbook em{display:block}
  .assistant-playbook{grid-template-columns:34px minmax(0,1fr) auto}
  .assistant-chat-shell{height:650px;min-height:560px}
  .assistant-chat-head{padding:12px;flex-direction:column}
  .assistant-chat-tools{width:100%;justify-content:flex-start}.assistant-chat-tools span{display:inline-flex}.assistant-chat-tools button{margin-left:auto}
  .assistant-chat-messages{padding:14px}
  .assistant-welcome{padding:18px 4px}
  .assistant-user-message{max-width:90%}
  .assistant-response{width:100%}.assistant-response-meta{flex-direction:column}.assistant-response-meta small{margin-left:0;text-align:left}
  .assistant-response-body{padding:15px}
  .assistant-composer{padding:10px}.assistant-composer-box{grid-template-columns:1fr}.assistant-composer-box>button{width:100%}
  .assistant-composer-foot{display:none}
} /* Feature layout 2 */*,
*::before,
*::after {
  box-sizing: border-box;
}html {
  min-width: 320px;
  scroll-behavior: smooth;
}body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
}button:not(:disabled),
summary,
select,
input[type="checkbox"],
input[type="radio"] {
  cursor: pointer;
}button:disabled,
input:disabled,
select:disabled,
textarea:disabled {
  cursor: not-allowed;
}.hidden {
  display: none !important;
}.app-shell {
  display: grid;
  grid-template-columns: var(--ui-sidebar-width) minmax(0, 1fr);
  min-height: 100vh;
  transition: grid-template-columns .26s cubic-bezier(.22, 1, .36, 1);
}.app-shell.sidebar-collapsed {
  grid-template-columns: var(--ui-sidebar-collapsed) minmax(0, 1fr);
}.app-workspace {
  min-width: 0;
  min-height: 100vh;
}main {
  width: 100%;
  max-width: var(--ui-page-max);
  min-width: 0;
  margin: 0 auto;
  padding: 28px clamp(18px, 2.7vw, 42px) 70px;
}.page,
.page > *,
.panel,
.toolbar,
.table-scroll,
.form-panel,
.settings-form,
.dialog-card,
.marking-dialog-card,
.fulfillment-dialog-card,
.finance-dialog-card,
.rfbs-workspace {
  min-width: 0;
  max-width: 100%;
}.sidebar {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  flex-direction: column;
  width: auto;
  height: 100vh;
  min-width: 0;
  padding: 14px 12px;
  overflow-x: hidden;
  overflow-y: auto;
}.sidebar-header {
  position: relative;
  display: flex;
  min-height: 56px;
  gap: 8px;
  padding: 0 2px 13px;
}.logo {
  display: flex;
  flex: 1;
  min-width: 0;
  gap: 11px;
  padding: 0 4px;
  overflow: hidden;
}.logo .logo-symbol {
  display: grid;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
}.logo div,
.account-card div,
.nav-item > span,
.nav-item > em,
.nav-section-label {
  transition: opacity .14s ease, transform .2s ease, width .2s ease;
}.logo b {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.logo small {
  display: block;
  margin-top: 2px;
  white-space: nowrap;
}.sidebar-toggle {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  padding: 0;
}.sidebar-toggle:hover {
  transform: translateY(-1px);
}.sidebar-toggle svg {
  width: 18px;
  height: 18px;
  transition: transform .26s cubic-bezier(.22, 1, .36, 1);
}.sidebar nav {
  display: grid;
  gap: 3px;
  margin-top: 9px;
}.nav-section-label {
  display: block;
  padding: 16px 11px 6px;
  overflow: hidden;
  white-space: nowrap;
}.nav-item {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 46px;
  gap: 11px;
  padding: 6px 9px;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}.nav-item i {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}.nav-item i svg {
  width: 20px;
  height: 20px;
}.nav-item:hover {
  transform: translateX(2px);
}.nav-item.active::after {
  content: "";
  position: absolute;
  right: 7px;
  width: 5px;
  height: 5px;
}.nav-new,
.nav-count,
.nav-dot {
  margin-left: auto;
}.nav-new {
  padding: 3px 6px;
}.nav-count {
  display: grid;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
}.nav-dot {
  width: 6px;
  height: 6px;
}.sidebar-bottom {
  display: grid;
  gap: 3px;
  margin-top: auto;
  padding-top: 12px;
}.account-card {
  display: flex;
  min-width: 0;
  gap: 10px;
  margin-bottom: 5px;
  padding: 9px;
  overflow: hidden;
}.account-avatar {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
}.account-card b,
.account-card span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.app-shell.sidebar-collapsed .sidebar {
  padding-inline: 9px;
}.app-shell.sidebar-collapsed .sidebar-header {
  min-height: 92px;
  flex-direction: column;
  justify-content: center;
  gap: 7px;
  padding-inline: 0;
}.app-shell.sidebar-collapsed .logo {
  flex: 0 0 40px;
  padding: 0;
}.app-shell.sidebar-collapsed .logo div,
.app-shell.sidebar-collapsed .nav-item > span,
.app-shell.sidebar-collapsed .nav-item > em,
.app-shell.sidebar-collapsed .nav-section-label,
.app-shell.sidebar-collapsed .account-card div {
  width: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transform: translateX(-6px);
}.app-shell.sidebar-collapsed .nav-item > span,
.app-shell.sidebar-collapsed .nav-item > em {
  display: none;
}.app-shell.sidebar-collapsed .sidebar-toggle {
  width: 32px;
  height: 28px;
  flex-basis: 28px;
}.app-shell.sidebar-collapsed .sidebar-toggle svg {
  transform: rotate(180deg);
}.app-shell.sidebar-collapsed .nav-section-label {
  height: 8px;
  padding: 0;
}.app-shell.sidebar-collapsed .nav-item,
.app-shell.sidebar-collapsed .sidebar-bottom .nav-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  min-height: 48px;
  padding: 6px;
  transform: none;
}.app-shell.sidebar-collapsed .nav-item i {
  width: 36px;
  height: 36px;
  flex-basis: 36px;
  margin: 0;
}.app-shell.sidebar-collapsed .nav-item.active::after {
  right: 1px;
}.app-shell.sidebar-collapsed .account-card {
  justify-content: center;
  padding: 7px;
}.topbar {
  position: sticky;
  top: 0;
  z-index: 25;
  display: flex;
  height: var(--ui-topbar-height);
  min-width: 0;
  gap: 14px;
  padding: 0 clamp(18px, 2.7vw, 42px);
}.topbar-search {
  display: flex;
  width: min(360px, 31vw);
  height: 42px;
  min-width: 0;
  gap: 9px;
  padding: 0 11px;
}.topbar-search > svg,
.topbar-search > span {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}.topbar-search input {
  width: 100%;
  min-width: 0;
  height: 38px;
  padding: 0;
}.topbar-search kbd {
  padding: 3px 6px;
  white-space: nowrap;
}.topbar-page-title {
  display: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.topbar-actions {
  display: flex;
  min-width: 0;
  gap: 8px;
  margin-left: auto;
}.sync-actions {
  display: inline-flex;
  gap: 6px;
  min-width: 0;
}.sync-actions .button {
  white-space: nowrap;
}#fullSyncButton {
  padding-inline: 12px;
}.full-sync-icon { display: none; }.topbar select {
  width: auto;
  min-width: 180px;
  max-width: 250px;
}.icon-button,
.profile-button {
  display: inline-flex;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 11px;
}.icon-button:hover,
.profile-button:hover {
  transform: translateY(-1px);
}.icon-button svg,
.button svg {
  width: 18px;
  height: 18px;
}.profile-button {
  gap: 8px;
  padding-right: 13px;
}.profile-button > span {
  display: grid;
  width: 28px;
  height: 28px;
}.profile-button b {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.theme-toggle .theme-sun,
.theme-toggle .theme-moon {
  display: grid;
}html[data-theme="light"] .theme-moon,
html[data-theme="dark"] .theme-sun {
  display: none;
}.notification-dot {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 7px;
  height: 7px;
}.dashboard-page-heading,
.page-intro,
.marking-head,
.fulfillment-head,
.rfbs-head {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 20px;
}.dashboard-page-heading h1,
.page-intro h1,
.marking-head h1,
.fulfillment-head h1,
.rfbs-head h1,
.page h1 {
  margin: 0;
}.dashboard-page-heading p,
.page-intro p,
.page-subtitle {
  margin: 7px 0 0;
}.eyebrow,
.panel-kicker {
  display: block;
  margin: 0 0 7px;
}.heading-separator { padding: 0 6px; }.dashboard-heading-actions,
.button-row,
.rfbs-sync-controls,
.marking-head-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}.date-control {
  display: inline-flex;
  min-height: 42px;
  padding: 0 12px;
}.button,
.file-button {
  display: inline-flex;
  justify-content: center;
  min-height: 42px;
  gap: 8px;
  padding: 0 15px;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease, color .16s ease;
}.button:hover,
.file-button:hover {
  transform: translateY(-1px);
}.button.wide { width: 100%; }.button:disabled,
.icon-button:disabled,
.file-button:has(input:disabled) {
  opacity: .55;
  transform: none;
}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
select,
textarea,
.search,
.compact-select,
.cost-input,
.marking-search {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: var(--ui-control-height);
  padding: 0 12px;
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}textarea {
  min-height: 96px;
  padding-block: 11px;
  resize: vertical;
}select {
  padding-right: 34px;
  text-overflow: ellipsis;
}input::placeholder,
textarea::placeholder {
  opacity: .9;
}input:disabled,
select:disabled,
textarea:disabled,
input[readonly],
textarea[readonly] {
  opacity: .82;
}.field-row,
.settings-grid,
.performance-grid,
.marking-form-grid,
.fulfillment-form-grid,
.rfbs-detail-grid {
  gap: 14px;
}.date-range {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}.date-range input {
  width: 150px;
}.panel,
.toolbar,
.metric-card,
.period-card,
.recommendation-card,
.abc-card,
.guide-card {
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background-color .18s ease;
}.metric-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
}.metric-card {
  position: relative;
  min-height: 118px;
  padding: 17px;
  overflow: hidden;
}.metric-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  opacity: .72;
}.metric-card::after {
  content: "";
  position: absolute;
  top: -28px;
  right: -28px;
  width: 86px;
  height: 86px;
  opacity: .055;
}.metric-card strong,
.metric-card b {
  display: block;
  margin: 9px 0 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.period-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}.period-card {
  overflow: hidden;
}.period-card-head {
  padding: 13px 15px;
}.period-card-body { padding: 14px 15px; }.sales-plan-card {
  position: relative;
  overflow: hidden;
}.dashboard-feature-grid,
.dashboard-lower-grid {
  gap: 14px;
}.table-scroll {
  width: 100%;
  max-width: 100%;
  overflow: auto;
}.table-scroll::-webkit-scrollbar { width: 9px; height: 9px; }table {
  width: 100%;
  min-width: 960px;
}th,
td {
  padding: 12px 13px;
  vertical-align: middle;
}th {
  position: sticky;
  top: 0;
  z-index: 2;
  text-align: left;
  white-space: nowrap;
}.cost-input { min-width: 112px; text-align: right; }.settings-form,
.form-panel,
.knowledge-form {
  padding: clamp(18px, 2.3vw, 28px);
}.setting-row {
  padding-block: 17px;
}.crm-board { min-width: 0; }dialog,
.dialog-card,
.widget-dialog-card,
.finance-dialog-card,
.marking-dialog-card,
.fulfillment-dialog-card,
.chat-card {
  max-width: calc(100vw - 24px);
}.sync-progress {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 9px;
  margin-bottom: 18px;
}.sync-step {
  position: relative;
  min-width: 0;
  overflow: hidden;
}.sync-step.run::after,
.loading-state::after,
.loading-line::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  pointer-events: none;
}.loading-state,
.loading-line {
  position: relative;
  overflow: hidden;
}.sync-icon { display: inline-block; }html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .search,
html[data-theme="dark"] .cost-input,
html[data-theme="dark"] .topbar-search,
html[data-theme="dark"] .marking-search {
  opacity: 1;
}html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder,
html[data-theme="dark"] .topbar-search input::placeholder,
html[data-theme="dark"] .marking-search input::placeholder {
  opacity: 1 !important;
}html[data-theme="dark"] input:disabled,
html[data-theme="dark"] select:disabled,
html[data-theme="dark"] textarea:disabled,
html[data-theme="dark"] input[readonly],
html[data-theme="dark"] textarea[readonly] {
  opacity: .82;
}.login-screen {
  gap: 18px;
  padding: 18px;
}.login-card {
  margin: 0;
}.sidebar-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 35;
}@media (max-width: 1320px) {
  .topbar-search { width: min(300px, 24vw); }
  .topbar #syncButton { padding-inline: 12px; }
  .profile-button b { display: none; }
}@media (max-width: 1080px) {
  .topbar-search { display: none; }
  .topbar-page-title { display: block; }
  .topbar-actions { margin-left: auto; }
  .topbar select { width: min(180px, 23vw); min-width: 135px; }
  .period-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}@media (max-width: 760px) {
  .app-shell,
  .app-shell.sidebar-collapsed {
    display: block;
  }

  .sidebar {
    position: fixed;
    left: -280px;
    width: min(268px, 88vw);
    padding: 14px 12px;
    transition: left .24s cubic-bezier(.22, 1, .36, 1);
  }

  .sidebar.open { left: 0; }
  .sidebar.open + .sidebar-backdrop { display: block; }
  .sidebar-toggle { display: none; }

  .app-shell.sidebar-collapsed .sidebar-header {
    min-height: 56px;
    flex-direction: row;
    justify-content: flex-start;
  }

  .app-shell.sidebar-collapsed .logo { flex: 1; }
  .app-shell.sidebar-collapsed .logo div,
  .app-shell.sidebar-collapsed .nav-item > span,
  .app-shell.sidebar-collapsed .nav-item > em,
  .app-shell.sidebar-collapsed .nav-section-label,
  .app-shell.sidebar-collapsed .account-card div {
    width: auto;
    opacity: 1;
    pointer-events: auto;
    transform: none;
    display: revert;
  }

  .app-shell.sidebar-collapsed .nav-section-label { height: auto; padding: 16px 11px 6px; }
  .app-shell.sidebar-collapsed .nav-item,
  .app-shell.sidebar-collapsed .sidebar-bottom .nav-item,
  .app-shell.sidebar-collapsed .account-card { justify-content: flex-start; }

  .app-shell.sidebar-collapsed .nav-item,
  .app-shell.sidebar-collapsed .sidebar-bottom .nav-item {
    display: flex;
    grid-template-columns: none;
    gap: 12px;
  }

  .topbar { height: 64px; gap: 8px; padding-inline: 11px; }
  .mobile-only { display: grid !important; }
  .topbar-page-title { max-width: 130px; }
  .topbar-actions { width: auto; }
  .topbar #syncButton .sync-label { display: none; }
  .topbar #fullSyncButton { width: 40px; padding: 0; }
  .topbar #fullSyncButton .full-sync-label { display: none; }
  .topbar #fullSyncButton .full-sync-icon { display: inline; }
  .topbar select { width: min(40vw, 168px); min-width: 110px; max-width: 168px; }
  .profile-button { display: none; }

  main { padding: 20px 13px 48px; }
  .dashboard-page-heading,
  .page-intro,
  .marking-head,
  .fulfillment-head,
  .rfbs-head { flex-direction: column; }
  .dashboard-heading-actions,
  .button-row,
  .rfbs-sync-controls,
  .marking-head-actions { justify-content: flex-start; width: 100%; }
  .toolbar,
  .table-tools,
  .rfbs-toolbar { flex-direction: column; }
  .date-range { display: grid; grid-template-columns: 1fr auto 1fr; }
  .date-range input { width: 100%; }
  .date-range .button { grid-column: 1 / -1; }
  .field-row,
  .settings-grid,
  .performance-grid,
  .marking-form-grid,
  .fulfillment-form-grid,
  .rfbs-detail-grid { grid-template-columns: 1fr !important; }
  .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}@media (max-width: 520px) {
  .topbar #addShopButton,
  .topbar #notificationButton,
  .topbar-page-title { display: none; }
  .topbar select { width: min(47vw, 166px); }
  .button-row .button,
  .button-row .file-button,
  .rfbs-sync-controls .button { flex: 1 1 100%; }
  .period-cards,
  .metric-grid,
  .abc-summary,
  .recommendation-grid,
  .fulfillment-summary,
  .rfbs-summary,
  .marking-metrics { grid-template-columns: 1fr !important; }
  .metric-card { min-height: 108px; }
}@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
  }
}.app-shell {
  grid-template-columns: var(--ui-sidebar-width) minmax(0, 1fr);
}.sidebar {
  gap: 18px;
  padding: 22px 16px 18px;
}.sidebar-header {
  min-height: 48px;
  gap: 8px;
  padding: 0 2px 16px;
}.logo {
  gap: 10px;
  padding: 0 6px;
}.logo .logo-symbol {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
}.sidebar-toggle {
  width: 30px;
  height: 30px;
  flex-basis: 30px;
}.sidebar-toggle:hover {
  transform: none;
}.sidebar-toggle svg { width: 14px; height: 14px; }.sidebar nav { gap: 2px; margin-top: 0; }.nav-section-label {
  padding: 9px 10px 6px;
}.nav-item {
  min-height: 38px;
  gap: 12px;
  padding: 8px 10px;
  transition: background-color .18s ease, color .18s ease;
}.nav-item i {
  width: 18px;
  height: 18px;
  flex-basis: 18px;
}.nav-item i svg { width: 17px; height: 17px; }.nav-item:hover {
  transform: none;
}.nav-item.active::after { display: none; }.nav-new {
  padding: 2px 6px;
}.nav-count {
  min-width: 20px;
  height: 20px;
}.sidebar-bottom { padding-top: 14px; }.account-card {
  margin-bottom: 6px;
  padding: 6px 8px;
}.account-avatar {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
}.app-shell.sidebar-collapsed .sidebar { padding: 20px 10px 16px; }.app-shell.sidebar-collapsed .sidebar-header {
  min-height: 82px;
  gap: 8px;
  padding-bottom: 14px;
}.app-shell.sidebar-collapsed .logo { flex-basis: 32px; }.app-shell.sidebar-collapsed .logo .logo-symbol { width: 32px; height: 32px; flex-basis: 32px; }.app-shell.sidebar-collapsed .sidebar-toggle { width: 28px; height: 28px; flex-basis: 28px; }.app-shell.sidebar-collapsed .nav-item { min-height: 40px; padding: 7px; }.app-shell.sidebar-collapsed .nav-item i { width: 24px; height: 24px; flex-basis: 24px; }.app-shell.sidebar-collapsed .nav-item i svg { width: 18px; height: 18px; }.app-shell.sidebar-collapsed .account-card { padding: 6px; }.app-shell.sidebar-collapsed .account-avatar { width: 32px; height: 32px; flex-basis: 32px; }.topbar {
  height: var(--ui-topbar-height);
  gap: 12px;
  padding: 0 32px;
}.topbar-search {
  width: min(360px, 30vw);
  height: 36px;
}.topbar-actions { gap: 6px; }.topbar select,
.topbar #shopSelect {
  width: auto;
  min-width: 168px;
  height: 36px;
  padding: 0 32px 0 10px;
}.icon-button,
.profile-button {
  height: 36px;
}.icon-button { width: 36px; }.icon-button:hover,
.profile-button:hover { transform: none; }.profile-button { padding: 0 8px; }.profile-button > span { width: 28px; height: 28px; }main {
  padding: 28px 32px 56px;
}.dashboard-page-heading,
.page-intro,
.marking-page-intro,
.fulfillment-intro,
.rfbs-intro,
.operations-heading {
  gap: 24px;
  margin-bottom: 22px;
}.dashboard-page-heading h1,
.page-intro h1,
.marking-page-intro h1,
.fulfillment-intro h1,
.rfbs-intro h1,
.operations-heading h1 {
  margin: 4px 0 7px;
}.panel-heading {
  gap: 16px;
  padding: 18px 20px 14px;
}.panel-heading h3 {
  margin-top: 3px;
}.metric-card {
  min-height: 116px;
  padding: 17px;
  overflow: hidden;
}.metric-card::after { opacity: .08; }.period-card { overflow: hidden; }.sales-plan-card {
  padding: 18px 20px;
}.button,
.file-button,
button[data-ds="button"] {
  min-height: 36px;
  padding: 8px 13px;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}.button:hover,
.file-button:hover { transform: none; }.button.compact { min-height: 30px; padding: 6px 10px; }.button.wide { min-height: 42px; }.button:disabled { opacity: .5; }.text-button {
  min-height: 30px;
  padding: 5px 8px;
}.delete-button {
  min-height: 30px;
}:where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea) {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}:where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select) {
  height: 40px;
  padding: 0 11px;
}select { padding-right: 32px; }textarea { min-height: 96px; padding: 9px 11px; resize: vertical; }:where(input, select, textarea)::placeholder { opacity: 1; }:where(input, select, textarea):disabled,
:where(input, select, textarea)[readonly] {
  opacity: 1;
}.table-scroll::-webkit-scrollbar { width: 6px; height: 6px; }th {
  padding: 10px 11px 11px;
}td {
  padding: 11px;
}tbody tr { transition: background-color .16s ease; }.cost-input { width: 98px !important; height: 34px !important; text-align: right; }.status,
.pill,
.admin-risk,
.admin-activity-outcome,
.connection-badge,
.rfbs-status,
.transit-status,
.advertising-status {
  display: inline-flex;
  gap: 4px;
}.report-tabs,
.fulfillment-tabs,
.marking-subnav,
.operations-tabs,
.feedback-tabs,
.transit-period-switch {
  gap: 3px;
  padding: 3px;
}:where(.report-tabs, .fulfillment-tabs, .marking-subnav, .operations-tabs, .feedback-tabs, .transit-period-switch) button {
  min-height: 32px;
  padding: 6px 11px;
}.login-screen { grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr); }.login-visual {
  padding: clamp(48px, 7vw, 96px);
}html[data-theme="dark"] :where(input, select, textarea):disabled,
html[data-theme="dark"] :where(input, select, textarea)[readonly] {
  opacity: 1;
}html[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator,
html[data-theme="dark"] input[type="time"]::-webkit-calendar-picker-indicator { filter: invert(1) opacity(.72); }@media (max-width: 1200px) {
  .topbar { padding-inline: 22px; }
  main { padding-inline: 22px; }
}@media (max-width: 900px) {
  .topbar-search { display: none; }
  .topbar-page-title { display: block; }
}@media (max-width: 760px) {
  .sidebar { width: min(280px, 88vw); padding: 22px 16px 18px; }
  .topbar { height: 60px; padding-inline: 12px; }
  main { padding: 20px 16px 48px; }
  .panel-heading { padding: 16px; }
  .metric-card { min-height: 104px; }
  .login-screen { grid-template-columns: 1fr; }
  .login-visual { display: none; }
  .login-card { min-height: 100vh; padding: 30px 22px; }
}@media (max-width: 520px) {
  .topbar #syncButton { width: 36px; padding: 0; }
  .topbar #syncButton .sync-label { display: none; }
  .topbar select,
  .topbar #shopSelect { width: min(49vw, 166px); min-width: 116px; }
  .button-row .button,
  .button-row .file-button { width: 100%; }
}.promotion-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.promotion-metrics article{display:grid;gap:7px;padding:18px}.promotion-toolbar{display:flex;gap:12px;margin-bottom:14px;padding:14px}.promotion-toolbar input{flex:1;min-width:180px}.promotion-toolbar select{width:210px}.promotion-floor-input{width:110px;min-height:36px}.promotion-status{display:inline-flex;padding:5px 9px}.button.compact{min-height:32px;padding:6px 10px}@media(max-width:850px){.promotion-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.promotion-toolbar{flex-direction:column}.promotion-toolbar select{width:100%}}.app-shell {
  width: 100%;
  max-width: 100vw;
  overflow-x: clip;
}.promotion-control-page,
.promotion-control-page > *,
.promotion-table-panel,
.promotion-table-scroll {
  min-width: 0;
  max-width: 100%;
}.promotion-table-panel {
  overflow: hidden;
  contain: inline-size;
}.promotion-table-scroll {
  width: 100%;
  max-height: none;
  overflow-x: auto;
  overflow-y: hidden;
}.promotion-products-table {
  width: 100%;
  min-width: 1360px;
  table-layout: fixed;
}.promotion-table-scroll.is-empty .promotion-products-table {
  min-width: 100%;
}.promotion-products-table th:nth-child(1) { width: 270px; }.promotion-products-table th:nth-child(2) { width: 180px; }.promotion-products-table th:nth-child(3),
.promotion-products-table th:nth-child(4) { width: 112px; }.promotion-products-table th:nth-child(5) { width: 132px; }.promotion-products-table th:nth-child(6) { width: 185px; }.promotion-products-table th:nth-child(7) { width: 145px; }.promotion-products-table th:nth-child(8) { width: 132px; }.promotion-products-table th:nth-child(9) { width: 160px; }.promotion-products-table td:first-child b,
.promotion-products-table td:first-child small,
.promotion-action-list b,
.promotion-action-list small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.promotion-products-table td:first-child,
.promotion-products-table th:first-child {
  position: sticky;
  left: 0;
}.promotion-products-table td:first-child {
  z-index: 3;
}.promotion-products-table th:first-child {
  z-index: 5;
}.promotion-products-table select,
.promotion-products-table .promotion-floor-input {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}@media (max-width: 760px) {
  .promotion-products-table { min-width: 1260px; }
  .promotion-table-scroll.is-empty .promotion-products-table { min-width: 100%; }
} /* Feature layout 3 */.nav-item.marking-nav-item { position: relative; }.nav-new { margin-left: auto; padding: 3px 6px; }.marking-page-intro p { max-width: 850px; }.marking-page-intro .button-row { margin: 0; }.marking-page .button:disabled,
.marking-dialog .button:disabled { cursor: not-allowed; opacity: .45; transform: none; }.marking-connection-bar { display: grid; grid-template-columns: minmax(180px,1fr) 34px minmax(180px,1fr) 34px minmax(180px,1fr) auto; gap: 8px; margin: 18px 0 14px; padding: 13px 15px; }.marking-connection-bar > i { height: 1px; }.marking-connection { min-width: 0; display: grid; grid-template-columns: auto 1fr; column-gap: 9px; padding: 2px 3px; }.marking-connection::before { content: ""; grid-row: 1 / span 3; width: 10px; height: 10px; }.marking-connection > b { grid-column: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.marking-connection > small { grid-column: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.marking-connection-settings { padding: 10px 12px; }.marking-workflow { display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto 1fr auto; gap: 10px; margin-bottom: 14px; padding: 14px 18px; }.marking-workflow > i { height: 1px; }.marking-workflow button { display: flex; gap: 8px; min-width: 0; white-space: nowrap; }.marking-workflow button b { width: 24px; height: 24px; flex: 0 0 auto; display: grid; }.marking-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 11px; margin-bottom: 14px; }.marking-metric { position: relative; overflow: hidden; min-height: 104px; padding: 16px; }.marking-metric::after { content: ""; position: absolute; width: 70px; height: 70px; right: -22px; }.marking-metric span { display: block; }.marking-metric b { display: block; margin: 7px 0 2px; }.marking-layout { display: grid; grid-template-columns: 174px minmax(0,1fr); gap: 13px; }.marking-subnav { position: sticky; top: 103px; display: grid; gap: 5px; padding: 10px; }.marking-subnav button { display: flex; gap: 10px; min-height: 42px; padding: 9px 10px; text-align: left; }.marking-subnav button i { width: 22px; height: 22px; display: grid; }.marking-content { min-width: 0; min-height: 530px; overflow: hidden; }.marking-content-head { display: flex; justify-content: space-between; gap: 20px; padding: 20px 21px 16px; }.marking-content-head h2 { margin: 4px 0 4px; }.marking-content-head p { max-width: 800px; margin: 0; }.marking-head-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }.marking-export-note { display: flex; justify-content: space-between; gap: 14px; margin: 12px 15px 0; padding: 10px 12px; }.marking-export-note span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.marking-version { padding: 7px 10px; }.marking-toolbar { display: flex; gap: 10px; padding: 12px 15px; }.marking-search { position: relative; display: block; flex: 1; max-width: 560px; }.marking-search i { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); }.marking-search input { width: 100%; height: 38px; padding: 8px 12px 8px 39px; }.marking-result-count,.marking-selection { margin-left: auto; }.marking-table { width: 100%; }.marking-table th { position: sticky; top: 0; z-index: 2; padding: 11px 12px; text-align: left; white-space: nowrap; }.marking-table td { padding: 10px 12px; vertical-align: middle; }.marking-table td b { display: block; }.marking-table td small { display: block; max-width: 330px; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.marking-table input[type="checkbox"] { width: 16px; height: 16px; }.marking-product { display: flex; gap: 10px; min-width: 230px; }.marking-product img,.marking-product-placeholder { width: 38px; height: 38px; flex: 0 0 auto; object-fit: contain; }.marking-product-placeholder { display: grid; }.marking-product > div { min-width: 0; }.marking-product b { max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.marking-source { display: inline-flex; width: fit-content; padding: 5px 8px; white-space: nowrap; }.marking-gtin-input { width: 150px; height: 36px; padding: 8px 10px; }.marking-row-actions { display: flex; flex-wrap: wrap; gap: 5px; }.marking-error-text { display: block; max-width: 260px; margin-top: 5px; }.marking-action-hint { display: block; max-width: 190px; }.marking-status { display: inline-flex; gap: 6px; width: fit-content; padding: 5px 8px; white-space: nowrap; }.marking-status i { width: 6px; height: 6px; }.marking-safety-note { margin: 12px 15px 0; padding: 11px 13px; }.marking-empty { min-height: 350px; display: grid; padding: 40px 20px; text-align: center; }.marking-empty > i { width: 52px; height: 52px; display: grid; }.marking-empty h3 { margin: 14px 0 5px; }.marking-empty p { max-width: 470px; margin: 0; }.marking-empty .button { margin-top: 14px; }.marking-loading { min-height: 500px; display: grid; gap: 13px; }.marking-loading span { width: 28px; height: 28px; }.marking-split { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(250px,.65fr); gap: 13px; padding: 14px; }.marking-code-list { max-height: 530px; }.marking-history-card { min-width: 0; padding: 13px; }.marking-history-card .panel-heading { padding: 0 0 10px; }.marking-history-card h3 { margin: 3px 0 0; }.marking-job-list,.marking-document-list { display: grid; gap: 7px; max-height: 500px; overflow: auto; }.marking-job-list button { width: 100%; display: flex; justify-content: space-between; gap: 10px; padding: 10px; text-align: left; }.marking-job-list button span { min-width: 0; }.marking-job-list b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.marking-job-list small { display: block; margin-top: 4px; }.marking-document-list article { padding: 11px; }.marking-document-list article > div:first-child { display: flex; justify-content: space-between; gap: 8px; }.marking-document-list article p { margin: 8px 0 3px; }.marking-document-list article > small { display: block; }.marking-document-list .marking-row-actions { margin-top: 9px; }.marking-settings-form { display: grid; gap: 12px; padding: 14px; }.marking-settings-form > section { padding: 16px; }.marking-setting-title { display: flex; gap: 11px; margin-bottom: 13px; }.marking-setting-title > span { width: 28px; height: 28px; flex: 0 0 auto; display: grid; }.marking-setting-title > div { min-width: 0; }.marking-setting-title h3 { margin: 0; }.marking-setting-title p { margin: 3px 0 0; }.marking-setting-title > em { margin-left: auto; }.marking-form-grid { display: grid; gap: 10px; }.marking-form-grid.two { grid-template-columns: repeat(2,minmax(0,1fr)); }.marking-form-grid.three { grid-template-columns: repeat(3,minmax(0,1fr)); }.marking-form-grid label { min-width: 0; }.marking-form-grid input,.marking-form-grid select { width: 100%; min-width: 0; min-height: 39px; padding: 9px 11px; }.marking-settings-form .button-row { margin: 12px 0 0; }.marking-settings-footer { display: flex; justify-content: space-between; gap: 20px; padding: 15px 17px; }.marking-settings-footer b { display: block; }.marking-settings-footer p { margin: 4px 0 0; }.marking-dialog { width: min(720px,calc(100vw - 24px)); max-width: 720px; }.marking-dialog-card { position: relative; max-height: calc(100vh - 30px); overflow: auto; padding: 27px; }.marking-dialog-card h2 { margin: 12px 0 5px; }.marking-dialog-card > p { max-width: 620px; margin: 0 0 18px; }.marking-dialog-card code { padding: 2px 5px; }.marking-modal-form { display: grid; gap: 13px; }.marking-modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 5px; padding-top: 14px; }.marking-document-preview { display: grid; grid-template-columns: 90px 1fr; gap: 4px 10px; padding: 12px; }.marking-document-preview small { grid-column: 2; }.marking-upd-products { display: grid; gap: 8px; padding: 13px; }.marking-upd-products h3 { margin: 0; }.marking-upd-products > p { margin: -3px 0 3px; }.marking-upd-product { display: grid; grid-template-columns: minmax(150px,1.3fr) minmax(130px,1fr) minmax(110px,.7fr); gap: 9px; padding: 10px; }.marking-upd-product b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.marking-upd-product small { display: block; margin-top: 3px; }.marking-upd-product input { min-height: 37px; }.marking-certificate-list { display: grid; gap: 8px; }.marking-certificate-list button { display: flex; gap: 12px; padding: 13px; text-align: left; }.marking-certificate-list button > span { width: 31px; height: 31px; display: grid; }.marking-certificate-list b { display: block; }.marking-certificate-list small { display: block; max-width: 570px; margin: 3px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.marking-print-dialog { width: calc(100vw - 20px); max-width: none; height: calc(100vh - 20px); }.marking-print-shell { min-height: 100%; }.marking-print-toolbar { position: sticky; top: 0; z-index: 5; display: flex; justify-content: space-between; gap: 20px; padding: 14px 18px; }.marking-print-toolbar span { display: block; }.marking-print-toolbar b { display: block; margin-top: 3px; }.marking-print-labels { display: grid; grid-template-columns: repeat(auto-fill,var(--label-width,58mm)); justify-content: center; gap: 8mm; padding: 12mm; }.marking-print-label { width: var(--label-width,58mm); height: var(--label-height,30mm); overflow: hidden; display: grid; grid-template-columns: auto 1fr; gap: 3mm; padding: 2mm; }.marking-print-label canvas { width: calc(var(--label-height,30mm) - 4mm) !important; height: calc(var(--label-height,30mm) - 4mm) !important; }.marking-print-label div { min-width: 0; }.marking-print-label b { display: block; }.marking-print-label span { display: block; margin-top: 2mm; overflow-wrap: anywhere; }@media (max-width: 1180px) {
  .marking-connection-bar { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .marking-connection-bar > i { display: none; }
  .marking-connection-settings { grid-column: 1 / -1; }
  .marking-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .marking-workflow button span { display: none; }
  .marking-split { grid-template-columns: 1fr; }
  .marking-history-card { order: -1; }
  .marking-form-grid.three { grid-template-columns: repeat(2,minmax(0,1fr)); }
}@media (max-width: 760px) {
  .marking-page-intro .button-row { width: 100%; }
  .marking-page-intro .button { flex: 1; }
  .marking-connection-bar { grid-template-columns: 1fr; }
  .marking-workflow { grid-template-columns: repeat(5,1fr); gap: 5px; padding: 11px 8px; }
  .marking-workflow > i { display: none; }
  .marking-workflow button { justify-content: center; }
  .marking-metrics { grid-template-columns: 1fr 1fr; }
  .marking-metric { min-height: 94px; padding: 13px; }
  .marking-layout { grid-template-columns: 1fr; }
  .marking-subnav { position: static; grid-template-columns: repeat(6,minmax(78px,1fr)); overflow-x: auto; }
  .marking-subnav button { justify-content: center; padding: 8px; }
  .marking-subnav button span { display: none; }
  .marking-content-head { flex-direction: column; }
  .marking-head-actions { justify-content: stretch; }
  .marking-head-actions .button { flex: 1; }
  .marking-export-note { flex-direction: column; }
  .marking-export-note span { white-space: normal; }
  .marking-toolbar { flex-wrap: wrap; }
  .marking-search { flex-basis: 100%; max-width: none; }
  .marking-result-count,.marking-selection { margin-left: 0; }
  .marking-form-grid.two,.marking-form-grid.three { grid-template-columns: 1fr; }
  .marking-settings-footer { flex-direction: column; }
  .marking-settings-footer .button { width: 100%; }
  .marking-dialog-card { padding: 22px 16px 18px; }
  .marking-modal-actions { flex-direction: column-reverse; }
  .marking-modal-actions .button { width: 100%; }
  .marking-upd-product { grid-template-columns: 1fr; }
}@media print {
  body * { visibility: hidden !important; }
  #markingPrintDialog,#markingPrintDialog * { visibility: visible !important; }
  #markingPrintDialog { position: absolute; inset: 0; width: auto; height: auto; max-width: none; margin: 0; overflow: visible; }
  .marking-print-toolbar { display: none !important; }
  .marking-print-labels { display: block; padding: 0; }
  .marking-print-label { margin: 0; }
} /* Feature layout 4 */.nav-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;display:grid}.sales-plan-card{position:relative;display:grid;grid-template-columns:minmax(220px,.7fr) minmax(360px,1.4fr) 42px;gap:22px;margin:0 0 16px;padding:22px 28px}.sales-plan-card h3{margin:5px 0 0}.sales-plan-values{display:flex;gap:28px}.sales-plan-values b{margin-left:6px}.sales-plan-progress{grid-column:2/3;height:11px;overflow:hidden}.sales-plan-progress i{display:block;width:0;height:100%;transition:width .35s}.sales-plan-card>.icon-button{grid-column:3;grid-row:1/3}.operations-heading,.profile-hero{display:flex;justify-content:space-between;margin-bottom:22px}.operations-heading h1,.profile-hero h1{margin:3px 0 6px}.operations-heading p:last-child,.profile-hero p:last-child{margin:0}.operations-tabs{display:flex;gap:8px;margin-bottom:22px}.operations-tabs button{padding:12px 17px}.crm-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.crm-stat{padding:17px;display:flex;gap:12px}.crm-stat i{width:38px;height:38px;display:grid}.crm-stat b{display:block}.crm-toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:18px}.crm-filters{display:flex;gap:8px;flex-wrap:wrap}.crm-filters button{padding:9px 15px}.crm-toolbar input{width:min(330px,100%)}.crm-board{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:14px;overflow:auto}.crm-column{min-height:430px;padding:15px}.crm-column-head{display:flex;justify-content:space-between;margin-bottom:13px}.crm-column-head b span{display:inline-grid;min-width:23px;height:23px;margin-left:6px}.task-card{padding:14px;margin-bottom:10px}.task-card h4{margin:5px 0 9px}.task-card p{margin:0 0 10px}.task-meta{display:flex;justify-content:space-between}.task-card select{padding:6px}.crm-table td small{display:block;margin-top:4px}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.team-card{display:flex;gap:13px}.team-avatar{width:44px;height:44px;display:grid}.team-card div{min-width:0}.team-card small{display:block}.team-card button{margin-left:auto}.analytics-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.category-bars{display:grid;gap:13px}.category-bar{display:grid;grid-template-columns:110px 1fr 38px;gap:10px}.category-bar i{height:9px;overflow:hidden}.category-bar i span{display:block;height:100%}.activity-list{display:grid;gap:12px}.activity-item{display:flex;gap:11px}.activity-item i{width:30px;height:30px;display:grid}.activity-item small{display:block}.report-settings-card{padding:30px}.report-periods{display:flex;gap:14px;margin-bottom:24px}.report-periods label{flex:0 1 330px}.report-periods input{position:absolute;opacity:0}.report-periods span{display:flex;flex-direction:column;padding:20px}.report-periods small{margin-top:5px}.report-setting-row{display:grid;grid-template-columns:1fr minmax(210px,330px) auto;gap:20px;padding:22px 0}.report-setting-row p{margin:5px 0 0}.report-time-grid{display:grid;grid-template-columns:repeat(2,minmax(200px,340px));gap:15px;margin:22px 0}.report-time-grid label{display:grid;gap:7px}.profile-hero{justify-content:flex-start;gap:20px}.profile-avatar-large{width:78px;height:78px;display:grid}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-grid>label{display:grid;gap:12px;padding:24px}.profile-access{grid-column:1/-1;display:grid;grid-template-columns:110px 1fr 110px 1fr auto;gap:12px}.operations-dialog .dialog-card{width:min(760px,calc(100vw - 30px));max-height:90vh;overflow:auto}.operations-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.operations-form-grid .wide{grid-column:1/-1}.operations-form-grid label{display:grid;gap:7px}.operations-form-grid textarea{min-height:110px}.operations-dialog h2{margin-top:0}@media(max-width:1100px){.crm-summary-grid{grid-template-columns:repeat(3,1fr)}.crm-board{grid-template-columns:repeat(2,minmax(260px,1fr))}.sales-plan-card{grid-template-columns:1fr 1fr 42px}.analytics-layout{grid-template-columns:1fr}}@media(max-width:720px){.operations-heading{gap:14px;flex-direction:column}.crm-summary-grid{grid-template-columns:1fr 1fr}.crm-toolbar{flex-direction:column}.crm-toolbar input{width:100%}.crm-board{grid-template-columns:1fr}.sales-plan-card{grid-template-columns:1fr 40px}.sales-plan-values{grid-column:1;flex-wrap:wrap;gap:10px 18px}.sales-plan-progress{grid-column:1}.sales-plan-card>.icon-button{grid-column:2;grid-row:1}.report-periods,.profile-grid{display:grid;grid-template-columns:1fr}.report-setting-row{grid-template-columns:1fr auto}.report-setting-row>input{grid-column:1/-1}.report-time-grid{grid-template-columns:1fr}.profile-access{grid-column:auto;display:grid;grid-template-columns:1fr}.operations-form-grid{grid-template-columns:1fr}.operations-form-grid .wide{grid-column:auto}}.task-calendar-panel{padding:0;overflow:hidden}.task-calendar-head{display:flex;justify-content:space-between;gap:16px;padding:20px 22px}.task-calendar-head h2{margin:4px 0 0}.task-calendar-weekdays,.task-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.task-calendar-weekdays{padding:0}.task-calendar-weekdays b{padding:11px 8px;text-align:center}.task-calendar-grid{padding:0}.task-calendar-day{min-height:145px;padding:8px;cursor:pointer;transition:background .15s ease}.task-calendar-day.outside .task-calendar-date{opacity:.45}.task-calendar-date{width:30px;height:30px;display:grid;margin:0 0 6px auto;cursor:pointer}.task-calendar-day>div{display:grid;gap:5px}.task-calendar-item{width:100%;min-width:0;display:grid;gap:2px;padding:6px 8px;text-align:left}.task-calendar-item.status-done{opacity:.58}.task-calendar-item b,.task-calendar-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-calendar-item span{opacity:.78}.task-calendar-more{padding-left:8px}.task-calendar-legend{display:flex;flex-wrap:wrap;gap:14px;padding:14px 20px 18px}.task-calendar-legend span::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px}.task-calendar-legend small{margin-left:auto}.task-calendar-shell{display:grid;grid-template-columns:270px minmax(0,1fr)}.task-calendar-side-title{display:flex;justify-content:space-between;padding:20px}.task-calendar-side-title h2{margin:0}.task-mini-head{display:grid;grid-template-columns:34px 1fr 34px;gap:5px;padding:18px 16px 10px}.task-mini-head b{text-align:center}.task-mini-head button{height:30px;cursor:pointer}.task-mini-weekdays,.task-mini-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;padding:0 14px}.task-mini-weekdays b{padding:6px 0;text-align:center}.task-mini-day{position:relative;min-height:31px;cursor:pointer}.task-mini-day.outside{opacity:.32}.task-mini-day i{position:absolute;left:50%;width:4px;height:4px;transform:translateX(-50%)}.task-calendar-categories{display:grid;gap:5px;margin-top:20px;padding:16px 18px 22px}.task-calendar-categories h3{margin:0 0 8px}.task-calendar-category{display:grid;grid-template-columns:10px 1fr auto;gap:9px;padding:9px;text-align:left;cursor:pointer}.task-calendar-category>i{width:9px;height:9px}.task-calendar-main{min-width:0}.task-calendar-main .task-calendar-head{display:grid;grid-template-columns:auto 1fr auto}.task-calendar-main .task-calendar-head h2{text-align:center;margin:0}@media(max-width:1100px){.task-calendar-shell{grid-template-columns:220px minmax(820px,1fr);overflow:auto}.task-calendar-main{min-width:820px}}@media(max-width:720px){.task-calendar-shell{display:block}.task-calendar-sidebar{display:none}.task-calendar-main .task-calendar-head{min-width:820px}} /* Feature layout 5 */.nav-detail-tree{display:grid;gap:3px}.nav-detail-parent{width:100%}.nav-detail-parent>b{margin-left:auto;transition:transform .18s}.nav-detail-parent[aria-expanded="false"]>b{transform:rotate(-90deg)}.nav-detail-children{display:grid;gap:2px;margin:0 8px 7px 48px;padding-left:10px}.nav-detail-children.collapsed{display:none}.nav-detail-children button{min-height:34px;padding:7px 10px;text-align:left;cursor:pointer}.app-shell.sidebar-collapsed .nav-detail-children,.app-shell.sidebar-collapsed .nav-detail-parent>b{display:none}.ozon-period-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) auto auto auto;gap:10px}.ozon-detail-search{height:42px;display:flex;gap:9px;padding:0 13px}.ozon-detail-search input{width:100%;min-width:0;padding:0!important}.ozon-period-button{display:flex;gap:8px;max-width:360px}.ozon-period-button b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden-period-inputs{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ozon-selected-period{display:flex;gap:7px;margin:-4px 0 14px;padding:10px 14px}.ozon-period-dialog{width:min(980px,calc(100vw - 28px));padding:0}.ozon-period-dialog-card{padding:0;overflow:hidden}.ozon-period-dialog-card>header{display:flex;justify-content:space-between;gap:22px;padding:26px 28px 21px}.ozon-period-dialog-card h2{margin:4px 0 6px}.ozon-period-dialog-card header p{max-width:660px;margin:0}.ozon-period-dialog-card>footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 28px}.ozon-period-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:22px 28px}.ozon-period-options>label{position:relative;display:block;cursor:pointer}.ozon-period-options>label>input[type="radio"]{position:absolute;opacity:0;pointer-events:none}.ozon-period-options>label>span{min-height:76px;display:flex;flex-direction:column;justify-content:center;padding:14px 48px 14px 16px;transition:border-color .15s,background .15s,transform .15s}.ozon-period-options>label>span::after{content:"";position:absolute;right:17px;top:28px;width:18px;height:18px}.ozon-period-options>label>span small{margin-top:5px}.ozon-period-options>label>input:checked+span{transform:translateY(-1px)}.custom-period-option{grid-column:1/-1}.custom-period-fields{display:none;grid-template-columns:1fr auto 1fr;gap:9px;margin-top:10px;padding:12px}.ozon-period-dialog-card.is-custom .custom-period-fields{display:grid}.custom-period-fields input{width:100%}.period-card{position:relative;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.period-card:hover{transform:translateY(-2px)}.period-card.active{overflow:visible}.period-card.active::after{content:"";position:absolute;left:50%;width:16px;height:16px;transform:translateX(-50%) rotate(45deg)}.period-card .period-sub{grid-template-columns:1fr 1fr}.period-card .period-sub small{display:block;margin-top:3px}.period-cards.custom-period-cards{grid-template-columns:minmax(320px,620px);justify-content:center}.period-cards.custom-period-cards .period-card{width:100%}.report-tab-group-label{padding:8px 12px}.ozon-detail-heading{display:flex;justify-content:space-between;gap:18px;margin-bottom:18px}.ozon-detail-heading h2{margin:4px 0 5px}.ozon-detail-heading p{margin:0}.ozon-detail-heading-actions{display:flex;gap:10px}.ozon-detail-heading-actions label,.order-filters label{display:grid;gap:5px}.ozon-detail-heading-actions select,.order-filters select{min-width:170px}.ozon-detail-filter-strip{display:flex;gap:18px;margin-bottom:14px;padding:11px 13px}.order-filters{flex-wrap:wrap}.order-filters>span{margin-left:auto}.ozon-details-table{min-width:1480px}.ozon-details-table.orders{min-width:1900px}.ozon-details-table th{position:sticky;top:0;z-index:2;white-space:nowrap}.ozon-details-table th>button{display:flex;gap:6px;width:100%;padding:0;text-align:left;cursor:pointer}.ozon-details-table td{vertical-align:middle;white-space:nowrap}.ozon-details-table td small{display:block;margin-top:4px}.ozon-product-cell{min-width:260px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px}.ozon-product-cell.compact{min-width:230px}.ozon-product-cell img,.ozon-product-placeholder{width:44px;height:44px;object-fit:cover}.ozon-product-placeholder{display:grid}.ozon-product-cell b{display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ozon-product-cell button,.ozon-more-products{padding:0;cursor:pointer}.ozon-row-info{width:32px;height:32px;cursor:pointer}.ozon-detail-expanded td{padding:0!important}.ozon-detail-expanded td>div{display:flex;flex-wrap:wrap;gap:10px 22px;padding:16px 20px;white-space:normal}.ozon-detail-expanded td>div>b{flex:0 0 100%}.ozon-detail-expanded td>div>strong{flex:0 0 100%}.ozon-order-products{display:grid!important;grid-template-columns:repeat(2,minmax(220px,1fr))}.ozon-order-products>b,.ozon-order-products>strong{grid-column:1/-1}.ozon-order-status{display:inline-flex;padding:5px 9px}.ozon-pagination{display:flex;justify-content:space-between;gap:12px;padding:16px 2px 2px}.ozon-pagination.single{justify-content:flex-end}.ozon-pagination button{padding:8px 13px;cursor:pointer}.ozon-pagination button:disabled{opacity:.45;cursor:not-allowed}.ozon-details-loading{min-height:260px;display:grid;justify-items:center;gap:12px}.ozon-details-loading i{width:34px;height:34px}.ozon-detail-source{margin:13px 0 0}@media(max-width:1100px){.ozon-period-toolbar{grid-template-columns:1fr auto auto}.ozon-period-toolbar>#resetOzonPeriod{grid-column:3}.ozon-detail-heading{flex-direction:column}.ozon-detail-heading-actions{width:100%;flex-wrap:wrap}.ozon-period-options{grid-template-columns:1fr}.custom-period-option{grid-column:auto}}@media(max-width:720px){.ozon-period-toolbar{grid-template-columns:1fr 1fr}.ozon-detail-search{grid-column:1/-1}.ozon-period-button{grid-column:1/-1;max-width:none}.ozon-selected-period{flex-direction:column}.period-cards.custom-period-cards{grid-template-columns:1fr}.period-cards.custom-period-cards .period-card{display:block!important}.ozon-period-dialog-card>header,.ozon-period-options,.ozon-period-dialog-card>footer{padding-left:16px;padding-right:16px}.custom-period-fields{grid-template-columns:1fr}.custom-period-fields i{display:none}.ozon-detail-heading-actions{display:grid;grid-template-columns:1fr}.ozon-detail-heading-actions label,.ozon-detail-heading-actions select,.ozon-detail-heading-actions button{width:100%}.ozon-detail-filter-strip{flex-direction:column}.order-filters>span{margin-left:0}.ozon-pagination{flex-direction:column;text-align:center}.ozon-order-products{grid-template-columns:1fr}.ozon-order-products>b,.ozon-order-products>strong{grid-column:auto}} /* Feature layout 6 */.fulfillment-toolbar {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}.fulfillment-tabs {
  margin: 0;
}.fulfillment-date-range {
  margin-left: auto;
}.fulfillment-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(155px, 1fr));
  gap: 14px;
  margin: 18px 0;
}.fulfillment-stat {
  min-height: 116px;
  padding: 18px;
}.fulfillment-stat span,
.fulfillment-stat small {
  display: block;
}.fulfillment-stat b {
  display: block;
  margin: 10px 0 5px;
}.fulfillment-content {
  min-height: 340px;
}.fulfillment-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(320px, 0.7fr);
  gap: 18px;
}.fulfillment-panel-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}.fulfillment-panel-head h2,
.fulfillment-panel-head h3 {
  margin: 4px 0;
}.fulfillment-panel-head p {
  margin: 4px 0 0;
}.fulfillment-breakdown {
  display: grid;
  gap: 12px;
}.fulfillment-breakdown-row {
  display: grid;
  grid-template-columns: minmax(170px, 1fr) minmax(120px, 2fr) 130px;
  gap: 12px;
}.fulfillment-breakdown-row i {
  height: 9px;
  overflow: hidden;
}.fulfillment-breakdown-row i b {
  display: block;
  height: 100%;
}.fulfillment-breakdown-row strong {
  text-align: right;
}.fulfillment-kpi-note {
  margin-top: 18px;
  padding: 14px 16px;
}.fulfillment-table td small,
.fulfillment-table td span {
  display: block;
}.fulfillment-table td small {
  margin-top: 4px;
}.fulfillment-table .button.compact {
  white-space: nowrap;
}.fulfillment-cost-stack {
  min-width: 160px;
}.fulfillment-cost-stack b,
.fulfillment-cost-stack span,
.fulfillment-cost-stack small {
  display: block;
}.fulfillment-cost-stack span {
  margin-top: 3px;
}.fulfillment-provider-grid,
.fulfillment-tariff-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 14px;
}.fulfillment-provider-card,
.fulfillment-tariff-card {
  position: relative;
  padding: 18px;
}.fulfillment-provider-card h3,
.fulfillment-tariff-card h3 {
  margin: 7px 0;
}.fulfillment-provider-card p,
.fulfillment-tariff-card p {
  min-height: 20px;
  margin: 4px 0;
}.fulfillment-provider-card .icon-button,
.fulfillment-tariff-card .icon-button {
  position: absolute;
  top: 12px;
  right: 12px;
}.fulfillment-badge {
  display: inline-flex;
  padding: 5px 9px;
}.fulfillment-empty {
  padding: 42px 22px;
  text-align: center;
}.fulfillment-dialog {
  width: min(920px, calc(100vw - 28px));
  max-width: none;
  padding: 0;
}.fulfillment-dialog-card {
  position: relative;
  max-height: min(88vh, 900px);
  overflow: auto;
  padding: 28px;
}.fulfillment-dialog-card h2 {
  margin: 0 0 6px;
}.fulfillment-dialog-card > div > p {
  margin: 0 42px 22px 0;
}.fulfillment-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}.fulfillment-form-grid label {
  display: grid;
  gap: 7px;
}.fulfillment-form-grid label.wide,
.fulfillment-form-grid > .wide,
.fulfillment-form-section,
.fulfillment-live-total,
.fulfillment-allocation-editor {
  grid-column: 1 / -1;
}.fulfillment-form-grid input,
.fulfillment-form-grid select,
.fulfillment-form-grid textarea {
  width: 100%;
}.fulfillment-form-section {
  padding: 16px;
}.fulfillment-form-section > b {
  display: block;
  margin-bottom: 12px;
}.fulfillment-mode-row,
.fulfillment-switch-row {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
}.fulfillment-mode-row label,
.fulfillment-switch-row label {
  display: flex;
  gap: 8px;
}.fulfillment-mode-row input,
.fulfillment-switch-row input {
  width: auto;
}.fulfillment-live-total {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding: 15px;
}.fulfillment-live-total div span,
.fulfillment-live-total div b {
  display: block;
}.fulfillment-live-total div span {
  margin-bottom: 4px;
}.fulfillment-form-help {
  padding: 13px 15px;
}.fulfillment-allocation-editor {
  max-height: 340px;
  overflow: auto;
}.fulfillment-allocation-editor table {
  margin: 0;
}.fulfillment-allocation-editor input[type="checkbox"] {
  width: auto;
}.fulfillment-allocation-editor input[type="number"] {
  min-width: 90px;
}.fulfillment-history-line {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}.fulfillment-danger-note {
  padding: 12px 14px;
}@media (max-width: 1200px) {
  .fulfillment-summary {
    grid-template-columns: repeat(3, 1fr);
  }
  .fulfillment-provider-grid,
  .fulfillment-tariff-grid {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
  }
}@media (max-width: 820px) {
  .fulfillment-summary,
  .fulfillment-grid,
  .fulfillment-provider-grid,
  .fulfillment-tariff-grid,
  .fulfillment-form-grid,
  .fulfillment-live-total {
    grid-template-columns: 1fr;
  }
  .fulfillment-breakdown-row {
    grid-template-columns: 1fr;
  }
  .fulfillment-breakdown-row strong {
    text-align: left;
  }
  .fulfillment-dialog-card {
    padding: 22px 16px;
  }
} /* Feature layout 7 */.rfbs-sync-controls,
.rfbs-toolbar,
.rfbs-actions,
.rfbs-inline-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}.rfbs-sync-controls label {
  display: grid;
  gap: 5px;
}.rfbs-sync-controls select {
  min-width: 145px;
  padding: 10px 12px;
}.rfbs-status {
  margin-bottom: 16px;
  padding: 14px 18px;
}.rfbs-status-line {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}.rfbs-status-line > div {
  display: grid;
  gap: 3px;
}.rfbs-status-line small,
.rfbs-card small,
.rfbs-cell small,
.rfbs-detail-grid small {
  display: block;
}.rfbs-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}.rfbs-card {
  min-height: 118px;
  padding: 17px;
}.rfbs-card b {
  display: block;
  margin: 9px 0 4px;
}.rfbs-workspace {
  padding: 0;
  overflow: hidden;
}.rfbs-toolbar {
  justify-content: space-between;
  padding: 15px 18px;
}.rfbs-toolbar .report-tabs {
  margin: 0;
}.rfbs-toolbar .report-tabs em {
  display: inline-flex;
  min-width: 20px;
  height: 20px;
  justify-content: center;
  margin-left: 5px;
}.rfbs-content {
  min-height: 360px;
}.rfbs-content table {
  width: 100%;
}.rfbs-content th,
.rfbs-content td {
  padding: 14px 15px;
  text-align: left;
  vertical-align: top;
}.rfbs-content th {
  position: sticky;
  top: 0;
  z-index: 2;
}.rfbs-cell {
  display: grid;
  gap: 4px;
  min-width: 150px;
}.rfbs-products {
  display: grid;
  gap: 7px;
  min-width: 230px;
}.rfbs-product {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
}.rfbs-product span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 260px;
}.rfbs-badge {
  display: inline-flex;
  width: max-content;
  min-height: 25px;
  padding: 4px 9px;
}.rfbs-actions .button,
.rfbs-inline-actions .button {
  min-height: 34px;
  padding: 7px 11px;
}.rfbs-dialog .finance-dialog-card {
  width: min(900px, calc(100vw - 32px));
}.rfbs-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 18px;
}.rfbs-detail-grid > div {
  min-height: 75px;
  padding: 12px;
}.rfbs-detail-grid b {
  display: block;
  margin-top: 5px;
  overflow-wrap: anywhere;
}.rfbs-warning-list {
  margin: 12px 0 0;
  padding-left: 20px;
}.rfbs-sensitive-note {
  margin: 12px 0;
  padding: 11px 13px;
}@media (max-width: 1180px) {
  .rfbs-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rfbs-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}@media (max-width: 760px) {
  .rfbs-summary { grid-template-columns: 1fr 1fr; }
  .rfbs-toolbar, .rfbs-status-line { flex-direction: column; }
  .rfbs-toolbar .search { width: 100%; }
  .rfbs-detail-grid { grid-template-columns: 1fr; }
}@media (max-width: 480px) {
  .rfbs-summary { grid-template-columns: 1fr; }
} /* Feature layout 8 */.nav-finance-tree { display: grid; gap: 3px; min-width: 0; }.nav-finance-parent-row { position: relative; min-width: 0; }.nav-finance-parent { width: 100%; padding-right: 42px !important; }.nav-finance-toggle {
  position: absolute;
  top: 50%;
  right: 6px;
  z-index: 2;
  width: 30px;
  height: 30px;
  display: grid;
  padding: 0;
  transform: translateY(-50%);
  cursor: pointer;
}.nav-finance-toggle span { display: block; transition: transform .18s ease; }.nav-finance-toggle[aria-expanded="false"] span { transform: rotate(-90deg); }.nav-finance-children {
  display: grid;
  gap: 2px;
  margin: 1px 8px 8px 48px;
  padding-left: 10px;
}.nav-finance-children.collapsed { display: none; }.nav-finance-children button {
  min-height: 31px;
  padding: 6px 9px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}.app-shell.sidebar-collapsed .nav-finance-children,
.app-shell.sidebar-collapsed .nav-finance-toggle { display: none; }.app-shell.sidebar-collapsed .nav-finance-parent { padding-right: 7px !important; }.period-cards { gap: 14px; }.period-cards .period-card {
  min-width: 0;
  min-height: 318px;
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
}.period-cards .period-card:hover { transform: translateY(-2px); }.period-cards .period-card.active {
  overflow: visible;
}.period-cards .period-card-head,
.period-cards .period-card:nth-child(2) .period-card-head,
.period-cards .period-card:nth-child(3) .period-card-head,
.period-cards .period-card:nth-child(4) .period-card-head,
.period-cards.custom-period-cards .period-card-head {
  min-height: 66px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 17px;
}.period-cards .period-card-head span {
  max-width: 145px;
  opacity: 1;
  text-align: right;
}.period-cards .period-card-body {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 15px;
  padding: 18px 17px 14px;
}.period-cards .period-main {
  margin-top: 7px;
  overflow-wrap: anywhere;
}.period-cards .period-live-note { display: block; margin-top: 7px; }.period-cards .period-sub { gap: 13px 18px; }.period-cards .period-sub > div { min-width: 0; }.period-cards .period-sub b {
  margin-top: 5px;
  white-space: normal;
  overflow-wrap: anywhere;
}.period-cards .period-sub small { margin-top: 4px; }.period-cards .period-more { justify-self: center; }.period-cards.custom-period-cards { grid-template-columns: minmax(440px, 720px); }.period-cards.custom-period-cards .period-card { min-height: 286px; }.ozon-period-dialog { width: min(1120px, calc(100vw - 28px)); }.ozon-period-dialog-card.calendar-only > header { padding: 25px 30px 20px; }.ozon-period-dialog-card.calendar-only > header h2 { margin: 4px 0 5px; }.ozon-period-dialog-card.calendar-only > header p { max-width: 760px; }.ozon-range-summary {
  display: grid;
  grid-template-columns: minmax(170px, 1fr) auto minmax(170px, 1fr);
  gap: 14px;
  margin: 20px 30px 12px;
  padding: 13px 16px;
}.ozon-range-summary > div { min-width: 0; }.ozon-range-summary span,
.ozon-range-summary b { display: block; }.ozon-range-summary b { margin-top: 3px; }.ozon-range-summary > small { grid-column: 1 / -1; }.ozon-calendar-toolbar {
  display: grid;
  grid-template-columns: 42px 1fr 42px;
  gap: 10px;
  margin: 0 30px;
}.ozon-calendar-toolbar button {
  width: 42px;
  height: 42px;
  padding: 0;
  cursor: pointer;
}.ozon-calendar-toolbar strong { text-align: center; }.ozon-range-calendar {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  padding: 15px 30px 26px;
}.ozon-calendar-month {
  min-width: 0;
  padding: 17px;
}.ozon-calendar-month h3 { margin: 0 0 14px; text-align: center; }.ozon-calendar-week,
.ozon-calendar-days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }.ozon-calendar-week { margin-bottom: 7px; }.ozon-calendar-week b { padding: 5px 0; text-align: center; }.ozon-calendar-days > span { min-height: 48px; }.ozon-calendar-day {
  position: relative;
  min-width: 0;
  height: 48px;
  display: grid;
  padding: 0;
  cursor: pointer;
}.ozon-calendar-day:disabled { opacity: .28; cursor: not-allowed; }.ozon-period-dialog-card.calendar-only > footer { padding: 17px 30px 22px; }.ozon-period-dialog-card.calendar-only > footer .button { min-width: 145px; }.dashboard-abc-report { margin-top: 14px; overflow: hidden; }.dashboard-abc-report .report-head { padding: 18px 20px 5px; }.dashboard-abc-report .formula-box { margin: 12px 20px; }@media (max-width: 1220px) {
  .period-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .period-cards .period-card { min-height: 292px; }
}@media (max-width: 760px) {
  .nav-finance-children { margin-left: 42px; }
  .period-cards,
  .period-cards.custom-period-cards { grid-template-columns: 1fr; }
  .period-cards .period-card:nth-child(n) { display: grid; min-height: 0; }
  .period-cards .period-card.active { overflow: hidden; }
  .period-cards .period-card.active::after { display: none; }
  .period-cards .period-card-head { flex-direction: column; min-height: 0; }
  .period-cards .period-card-head span { max-width: none; text-align: left; }
  .ozon-period-dialog-card.calendar-only > header,
  .ozon-period-dialog-card.calendar-only > footer { padding-left: 18px; padding-right: 18px; }
  .ozon-range-summary { grid-template-columns: 1fr auto 1fr; margin-inline: 18px; }
  .ozon-calendar-toolbar { margin-inline: 18px; }
  .ozon-range-calendar { grid-template-columns: 1fr; padding-inline: 18px; }
  .ozon-calendar-day { height: 44px; }
  .ozon-calendar-days > span { min-height: 44px; }
  .ozon-period-dialog-card.calendar-only > footer .button { flex: 1; min-width: 0; }
}@media (prefers-reduced-motion: reduce) {
  .nav-finance-toggle span,
  .period-cards .period-card { transition: none; }
}.nav-beta-tree { margin-top: 1px; }.nav-beta-parent .nav-new {
  right: 43px;
  padding: 2px 5px;
}.nav-beta-children { max-height: 356px; overflow-y: auto; }.nav-beta-children::-webkit-scrollbar { width: 4px; }.beta-safety-note {
  display: flex;
  gap: 7px;
  margin-bottom: 14px;
  padding: 12px 14px;
}.beta-safety-note b { flex: 0 0 auto; }.beta-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}.beta-metric {
  position: relative;
  min-width: 0;
  min-height: 106px;
  padding: 15px 16px;
  overflow: hidden;
}.beta-metric::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; }.beta-metric span, .beta-metric strong, .beta-metric small { display: block; min-width: 0; }.beta-metric strong { margin: 8px 0 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.beta-content { min-height: 330px; padding: 0; overflow: hidden; }.beta-content-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 17px 19px;
}.beta-content-head h2 { margin: 0 0 4px; }.beta-content-head p { max-width: 760px; margin: 0; }.beta-source { flex: 0 0 auto; padding: 5px 8px; }.beta-table-wrap { width: 100%; overflow: auto; }.beta-table { width: 100%; min-width: 820px; }.beta-table th, .beta-table td { padding: 11px 14px; text-align: left; vertical-align: middle; }.beta-table th { position: sticky; top: 0; z-index: 1; }.beta-table td b, .beta-table td small { display: block; }.beta-table td small { margin-top: 2px; }.beta-status { display: inline-flex; gap: 5px; padding: 4px 7px; white-space: nowrap; }.beta-status::before { content: ""; width: 6px; height: 6px; }.beta-api-list { display: grid; gap: 9px; padding: 15px; }.beta-api-row { display: grid; grid-template-columns: minmax(150px, .9fr) minmax(250px, 1.3fr) auto minmax(170px, .8fr); gap: 12px; padding: 12px 13px; }.beta-api-row b, .beta-api-row code, .beta-api-row small { min-width: 0; }.beta-api-row code { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.beta-guide { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; padding: 15px; }.beta-guide article { padding: 15px; }.beta-guide article i { width: 28px; height: 28px; display: grid; margin-bottom: 10px; }.beta-guide article b { display: block; }.beta-guide article p { margin: 5px 0 0; }.beta-empty { padding: 42px 20px; text-align: center; }.beta-empty b { display: block; margin-bottom: 6px; }.beta-empty p { max-width: 620px; margin: 0 auto; }.beta-score { display: inline-grid; min-width: 34px; height: 27px; }@media (max-width: 1180px) {
  .beta-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .beta-api-row { grid-template-columns: minmax(130px, .8fr) minmax(220px, 1.2fr) auto; }
  .beta-api-row small { grid-column: 1 / -1; }
}@media (max-width: 740px) {
  .nav-beta-children { max-height: none; }
  .beta-safety-note { display: block; }
  .beta-safety-note b { display: block; margin-bottom: 3px; }
  .beta-metrics { grid-template-columns: 1fr; }
  .beta-content-head { flex-direction: column; }
  .beta-api-row { grid-template-columns: 1fr; }
  .beta-api-row code { white-space: normal; overflow-wrap: anywhere; }
  .beta-api-row small { grid-column: auto; }
  .beta-guide { grid-template-columns: 1fr; }
}

/* ---- site/ozon-app/savdo-ui.css ---- */
/* Savdo UI v2 — selected visual direction, built for the real Ozon application. */
@font-face{font-family:Inter;src:url('./assets/fonts/inter-cyrillic-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('./assets/fonts/inter-cyrillic-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('./assets/fonts/inter-cyrillic-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('./assets/fonts/inter-cyrillic-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Inter Tight';src:url('./assets/fonts/inter-tight-cyrillic-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('./assets/fonts/jetbrains-mono-cyrillic-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}

:root{
  color-scheme:light;
  --sidebar-width:248px;--sidebar-compact:76px;--topbar-height:72px;
  --bg:#f5f6fa;--bg-body:#f5f6fa;--bg-card:#fff;--bg-surface:#fff;--bg-surface-secondary:#f8f9fc;
  --bg-muted:#f8f9fc;--bg-hover:#f2f3f8;--bg-sidebar:#fff;
  --card:#fff;--card-soft:#fafbfe;--text:#1b1d29;--t-base:#1b1d29;--muted:#74788d;--t-muted:#74788d;--t-light:#9ba0b4;
  --line:#e7e8ef;--border:#e7e8ef;--border-soft:#eff0f5;
  --primary:#635bff;--primary-dark:#5148ee;--primary-dk:#5148ee;--primary-soft:#eeecff;--primary-lt:#eeecff;--primary-ring:rgba(99,91,255,.16);
  --purple:#8b5cf6;--blue:#4b8bff;--cyan:#20b8d4;--green:#20b486;--orange:#ff9f43;--red:#f35d6f;--pink:#ed62a3;
  --success:#169b6b;--success-soft:#e7f8f1;--danger:#df4356;--danger-soft:#ffedf0;--warning:#d98219;--warning-soft:#fff4df;--info:#3777e3;--info-soft:#ebf3ff;
  --shadow-card:0 1px 2px rgba(30,34,60,.035),0 8px 24px rgba(30,34,60,.035);
  --shadow-lg:0 18px 55px rgba(28,31,54,.14);--shadow-sm:0 4px 14px rgba(30,34,60,.08);
  --radius:16px;--radius-sm:11px;
}

html[data-theme="dark"]{
  color-scheme:dark;--bg:#11131b;--bg-body:#11131b;--bg-card:#1a1d28;--bg-surface:#1a1d28;--bg-surface-secondary:#20232f;
  --bg-muted:#20232f;--bg-hover:#272b38;--bg-sidebar:#171923;--card:#1a1d28;--card-soft:#20232f;
  --text:#f5f6fb;--t-base:#f5f6fb;--muted:#a6abbe;--t-muted:#a6abbe;--t-light:#7e849a;
  --line:#2b2f3d;--border:#2b2f3d;--border-soft:#242835;--primary:#887fff;--primary-dark:#9a94ff;--primary-dk:#7067ef;
  --primary-soft:rgba(120,110,255,.15);--primary-lt:rgba(120,110,255,.15);--primary-ring:rgba(136,127,255,.22);
  --success-soft:rgba(32,180,134,.13);--danger-soft:rgba(243,93,111,.13);--warning-soft:rgba(255,159,67,.13);--info-soft:rgba(75,139,255,.13);
  --shadow-card:0 1px 1px rgba(0,0,0,.16),0 12px 30px rgba(0,0,0,.12);--shadow-lg:0 24px 65px rgba(0,0,0,.35)
}

*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{min-height:100vh;margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button{border:0}
a{color:inherit;text-decoration:none}
svg{display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.hidden{display:none!important}
.mobile-only{display:none!important}
.page{display:none;min-width:0;animation:savdo-page-in .22s ease}
.page.active{display:block}
@keyframes savdo-page-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

/* App shell */
.shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}
.app-workspace,.main{min-width:0;margin:0;background:var(--bg)}
.sidebar{position:fixed;z-index:35;inset:0 auto 0 0;width:var(--sidebar-width);display:flex;flex-direction:column;overflow-y:auto;background:var(--bg-sidebar);border-right:1px solid var(--line);transition:width .22s ease,transform .22s ease}
.brand{height:var(--topbar-height);display:flex;align-items:center;gap:11px;padding:0 17px;border-bottom:1px solid var(--line)}
.brand-logo{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#7c70ff,#5148ee);box-shadow:0 8px 20px rgba(99,91,255,.24)}
.brand-logo svg{width:24px;height:24px;stroke:none}
.brand-text{min-width:0;line-height:1.1}
.brand-name{font-family:'Inter Tight',Inter,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.02em}
.brand-tag{margin-top:4px;color:var(--t-light);font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.sidebar-toggle{margin-left:auto;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:transparent;color:var(--t-light);cursor:pointer}
.sidebar-toggle:hover{background:var(--bg-hover);color:var(--text)}
.sidebar-toggle svg{width:17px;height:17px}
.sidebar-scroll{flex:1;overflow:auto;padding:16px 12px 12px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.nav-section{display:grid;gap:3px;margin-bottom:18px}
.nav-label{padding:0 11px 7px;color:var(--t-light);font-size:10px;font-weight:700;letter-spacing:.11em}
.nav-link.nav-item{position:relative;width:100%;min-height:40px;padding:9px 10px;display:flex;align-items:center;gap:11px;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;text-align:left;transition:background .15s,color .15s,transform .15s}
.nav-link.nav-item>svg{width:19px;height:19px;flex:0 0 19px}
.nav-link.nav-item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500}
.nav-link.nav-item:hover{background:var(--bg-hover);color:var(--text);transform:translateX(1px)}
.nav-link.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:600}
.nav-link.nav-item.active::after{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:var(--primary)}
.nav-badge{margin-left:auto;padding:2px 6px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:8px;font-style:normal;font-weight:800;letter-spacing:.06em}
.nav-badge.new{background:#e9f8f2;color:#168a62}.nav-badge.pro{background:#fff1e3;color:#c87616}
.nav-item-group{min-width:0}.nav-finance-parent-row{display:flex;align-items:center}.nav-finance-parent-row>.nav-item{flex:1;min-width:0}
.nav-finance-toggle{width:30px;height:34px;display:grid;place-items:center;border-radius:8px;background:transparent;color:var(--t-light);cursor:pointer}
.nav-finance-toggle svg{width:15px;height:15px;transition:transform .18s}.nav-item-group.is-open .nav-finance-toggle svg{transform:rotate(90deg)}
.nav-submenu{display:none;margin:3px 0 3px 29px;padding:3px 0 3px 11px;border-left:1px solid var(--line)}
.nav-item-group.is-open>.nav-submenu{display:grid;gap:2px}
.nav-submenu button{padding:7px 9px;border-radius:7px;background:transparent;color:var(--t-light);cursor:pointer;text-align:left;font-size:11.5px}
.nav-submenu button:hover,.nav-submenu button.active{background:var(--primary-soft);color:var(--primary)}
.sidebar-footer{padding:11px 12px;border-top:1px solid var(--line)}
.workspace{width:100%;display:flex;align-items:center;gap:10px;padding:8px;border-radius:11px;background:transparent;cursor:pointer;text-align:left}
.workspace:hover{background:var(--bg-hover)}
.workspace-avatar,.account-avatar{width:35px;height:35px;display:grid;place-items:center;flex:0 0 35px;border-radius:11px;background:linear-gradient(135deg,#635bff,#8b5cf6);color:#fff;font-weight:700}
.workspace-text{min-width:0;display:grid}.workspace-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.workspace-role{margin-top:2px;color:var(--t-light);font-size:10px}
.workspace-chev{margin-left:auto;width:14px;height:14px;color:var(--t-light)}
.drawer-backdrop{display:none}

.app-workspace{grid-column:2;min-height:100vh}
.topbar{position:sticky;z-index:25;top:0;height:var(--topbar-height);padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:color-mix(in srgb,var(--bg-card) 92%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.crumbs{display:flex;align-items:center;gap:8px;min-width:0;color:var(--t-light);font-size:12px}
.crumbs .sep{width:13px;height:13px}.crumbs .current{color:var(--text);font-weight:600}
.topbar-actions{display:flex;align-items:center;gap:8px;min-width:0}
.topbar-store{display:flex;align-items:center;gap:5px}.topbar-store .select{min-width:150px;max-width:220px}
.select,select,input,textarea{min-height:40px;padding:0 12px;background:var(--card);border:1px solid var(--line);border-radius:10px;outline:none;transition:border .15s,box-shadow .15s,background .15s}
textarea{padding:12px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}
.cmd{height:40px;min-width:190px;display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--bg-muted);border:1px solid var(--line);border-radius:10px}
.cmd svg{width:17px;height:17px;color:var(--t-light)}.cmd input{width:100%;min-height:0;padding:0;background:transparent;border:0;box-shadow:none}.kbd{padding:2px 5px;border:1px solid var(--line);border-radius:5px;background:var(--card);color:var(--t-light);font-size:10px}
.icon-btn,.icon-button,.hamburger{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--card);border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:.15s}
.icon-btn:hover,.icon-button:hover,.hamburger:hover{border-color:#d7d9e4;background:var(--bg-hover);color:var(--text)}
.icon-btn svg,.hamburger svg{width:18px;height:18px}.count{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:var(--red);color:#fff;font-size:9px}
.dd-wrap{position:relative}.dd-menu{position:absolute;right:0;top:calc(100% + 10px);width:310px;display:none;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg)}
.dd-wrap.open .dd-menu{display:block}.dd-head,.dd-profile-head{padding:14px 16px;border-bottom:1px solid var(--line);font-weight:700}.dd-head{display:flex;align-items:center;gap:8px}.dd-head svg{width:17px;height:17px}
.dd-list{max-height:360px;overflow:auto}.dd-item,.dd-menu-item{width:100%;padding:11px 15px;display:flex;align-items:center;gap:9px;background:transparent;border-bottom:1px solid var(--border-soft);color:var(--muted);text-align:left}.dd-menu-item{cursor:pointer}.dd-menu-item:hover{background:var(--bg-hover);color:var(--text)}.dd-menu-item svg{width:17px;height:17px}.dd-divider{height:1px;background:var(--line)}.dd-menu-item.danger{color:var(--danger)}
.profile-button{width:auto;min-width:40px;padding:3px 8px 3px 3px;display:flex;align-items:center;gap:8px;border-radius:11px;background:var(--card);border:1px solid var(--line);cursor:pointer}.profile-button>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#635bff,#8b5cf6);color:#fff;font-size:11px;font-weight:700}.profile-button>b{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}

.content{min-width:0;padding:26px 28px 48px;background:var(--bg)}
.content>.page{max-width:1720px;margin:0 auto}

/* Page headers and controls */
.hero,.page-intro{position:relative;margin:0 0 18px;padding:0;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.hero::before,.hero::after{display:none!important}.hero-text{position:relative;z-index:1}.hero h1,.page-intro h1{margin:3px 0 5px;font-family:'Inter Tight',Inter,sans-serif;font-size:30px;line-height:1.12;letter-spacing:-.025em}.hero p,.page-intro p{margin:0;color:var(--muted);font-size:12.5px}
.eyebrow,.panel-kicker{margin:0;color:var(--t-light);font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.pill{min-height:24px;padding:4px 8px;display:inline-flex;align-items:center;border-radius:7px;background:var(--primary-soft);color:var(--primary);font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.hero-actions,.button-row,.products-period-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.heading-separator{margin:0 7px;color:var(--line)}
.date-control{min-height:38px;padding:0 12px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--muted);font-size:11px;font-weight:600}
.btn,.button{min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s,border .15s,background .15s}
.btn:hover,.button:hover{transform:translateY(-1px);border-color:#d5d6e2;box-shadow:var(--shadow-sm)}
.btn--primary,.button.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn--primary:hover,.button.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}
.btn--ghost,.button.secondary,.button.ghost{background:var(--card);color:var(--muted)}.button.compact{min-height:34px;padding:0 11px;font-size:11px}.wide{width:100%}
.toolbar,[class$="-toolbar"]{margin:0 0 16px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-card)}
.preset-list,.report-tabs,.feedback-tabs,.scheme-switch,.transit-period-switch,.marking-subnav,.rfbs-nav,.crm-tabs,.admin-subnav,.accrual-view-tabs{padding:3px;display:flex;gap:3px;flex-wrap:wrap;background:var(--bg-muted);border:1px solid var(--line);border-radius:10px}
.preset-list button,.report-tabs button,.feedback-tabs button,.scheme-switch button,.transit-period-switch button,.marking-subnav button,.rfbs-nav button,.crm-tabs button,.admin-subnav button,.accrual-view-tabs button{min-height:31px;padding:0 10px;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;font-size:11px}
.preset-list button:hover,.preset-list button.active,.report-tabs button.active,.feedback-tabs button.active,.scheme-switch button.active,.transit-period-switch button.active,.marking-subnav button.active,.rfbs-nav button.active,.crm-tabs button.active,.admin-subnav button.active,.accrual-view-tabs button.active{background:var(--card);box-shadow:0 2px 8px rgba(30,34,60,.07);color:var(--primary);font-weight:600}
.date-range{display:flex;align-items:center;gap:7px}.date-range input{width:142px;min-height:36px;font-size:11px}

/* Cards and information hierarchy */
.card,.panel,.metric-card,.report-metric,.beta-metric,.marking-metric,.order-map-metric,.transit-metric,.knowledge-stat,.admin-summary-card,.crm-stat-card,.fulfillment-metric{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card)}
.panel{overflow:hidden}.panel-heading,.card-head,.report-head,.order-feed-heading,.admin-detail-heading{padding:18px 20px 13px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.panel-heading h2,.panel-heading h3,.report-head h2,.order-feed-heading h2{margin:4px 0 0;font-family:'Inter Tight',Inter,sans-serif;font-size:17px;letter-spacing:-.015em}.panel-heading p,.report-head p,.order-feed-heading p{margin:5px 0 0;color:var(--muted);font-size:11px}
.section-heading{margin:26px 0 11px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.section-heading h2,.section-heading h3{margin:3px 0 0;font-family:'Inter Tight',Inter,sans-serif;font-size:18px}.section-heading>small{color:var(--muted)}
.metric-grid,.kpi-grid,.report-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.metric-card,.report-metric{position:relative;min-width:0;min-height:122px;padding:17px;overflow:hidden;transition:transform .15s,box-shadow .15s,border .15s}
.metric-card::before,.report-metric::before{content:"";position:absolute;top:-24px;right:-22px;width:72px;height:72px;border-radius:50%;background:color-mix(in srgb,var(--accent,var(--primary)) 13%,transparent)}
.metric-card:hover,.report-metric:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent,var(--primary)) 30%,var(--line));box-shadow:0 12px 30px rgba(30,34,60,.08)}
.metric-card span,.report-metric span{position:relative;display:block;color:var(--muted);font-size:11px;font-weight:500}.metric-card strong,.metric-card b,.report-metric b{position:relative;display:block;margin:10px 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:'Inter Tight',Inter,sans-serif;font-size:23px;letter-spacing:-.025em}.metric-card small,.report-metric small{position:relative;color:var(--t-light);font-size:9.5px}.metric-card.positive strong{color:var(--success)}

/* Dashboard */
.sales-plan-card{position:relative;margin-bottom:12px;padding:15px 18px;display:grid;grid-template-columns:minmax(180px,.7fr) minmax(280px,1.3fr) 34px;align-items:center;gap:18px}.sales-plan-card h3{margin:3px 0 0;font-size:14px}.sales-plan-values{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;color:var(--muted);font-size:10px}.sales-plan-values span{display:grid;gap:2px}.sales-plan-values b{color:var(--text);font-size:12px}.sales-plan-values strong{color:var(--primary);font-size:18px}.sales-plan-progress{position:absolute;left:18px;right:62px;bottom:8px;height:4px;overflow:hidden;border-radius:999px;background:var(--bg-muted)}.sales-plan-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--purple))}
.dashboard-feature-grid{margin-top:12px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.63fr);gap:12px}.dashboard-performance-panel{min-height:315px}.performance-content{padding:0 20px 12px;display:grid;grid-template-columns:210px minmax(0,1fr);align-items:end;gap:12px}.performance-value{padding-bottom:24px}.performance-value span{display:block;color:var(--muted);font-size:10px}.performance-value strong{display:block;margin:8px 0 4px;font-family:'Inter Tight';font-size:30px}.performance-value small{color:var(--t-light);font-size:9px}.dashboard-trend-chart{min-height:190px}.dashboard-trend-chart svg{width:100%;height:100%}.performance-footer{padding:11px 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border-top:1px solid var(--line)}.performance-footer>*{min-width:0}.performance-footer span,.performance-footer small{color:var(--t-light);font-size:9px}.performance-footer b{display:block;margin-top:4px;font-size:12px}
.dashboard-side-stack{display:grid;grid-template-rows:1fr 1fr;gap:12px}.dashboard-health-panel{text-align:center}.health-gauge{width:88px;height:88px;margin:0 auto 7px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--green) calc(var(--health)*1%),var(--bg-muted) 0)}.health-gauge::before{content:"";grid-area:1/1;width:68px;height:68px;border-radius:50%;background:var(--card)}.health-gauge>div{grid-area:1/1;position:relative;z-index:1;display:grid}.health-gauge strong{font-size:21px}.health-gauge small{color:var(--t-light);font-size:8px}.dashboard-health-panel>p{padding:0 16px 12px;margin:0;color:var(--muted);font-size:9px}
.dashboard-ai-panel{position:relative;padding:17px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;overflow:hidden;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--primary-soft) 48%,var(--card)))}.dashboard-ai-panel h3{margin:4px 0}.ai-orb{width:54px;height:54px;border-radius:18px;background:radial-gradient(circle at 32% 28%,#fff 0 5%,transparent 6%),linear-gradient(135deg,#6e65ff,#c35cff);box-shadow:0 12px 28px rgba(116,81,255,.26)}.ai-quick-input{grid-column:1/-1;min-height:34px;padding:0 10px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--muted);cursor:pointer;font-size:10px}.ai-quick-input b{margin-left:auto}
.order-feed-panel{margin-top:12px}.order-feed-strip{padding:0 18px 18px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,1fr);gap:10px;overflow:auto}.order-feed-card{border:1px solid var(--line)!important;border-radius:12px!important;background:var(--card)!important}.recommendation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.recommendation-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--shadow-card)}
.dashboard-grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-abc-report{margin-top:12px}.abc-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}

/* Finance — approved four-comparison-card design */
.finance-intro{margin-bottom:14px}.finance-toolbar{display:grid;grid-template-columns:minmax(230px,1fr) auto auto auto;justify-content:stretch}.ozon-detail-search{height:40px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:var(--bg-muted)}.ozon-detail-search input{width:100%;min-height:0;padding:0;border:0;background:transparent;box-shadow:none}.ozon-selected-period{margin:-7px 0 11px;color:var(--t-light);font-size:10px}
.period-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.period-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--shadow-card);cursor:pointer;transition:.16s}.period-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--period-accent,var(--primary));opacity:.95}.period-card:nth-child(2){--period-accent:var(--blue)}.period-card:nth-child(3){--period-accent:var(--green)}.period-card:nth-child(4){--period-accent:var(--orange)}.period-card:hover,.period-card.active{transform:translateY(-2px);border-color:color-mix(in srgb,var(--period-accent) 38%,var(--line));box-shadow:0 14px 34px rgba(32,35,60,.09)}
.period-card-head{padding:16px 16px 11px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border-soft)}.period-card-head b{font-family:'Inter Tight';font-size:15px}.period-card-head span{color:var(--t-light);font-size:9px}.period-card-body{padding:13px 16px 15px;display:grid;gap:12px}.period-main{margin-top:6px;font-family:'Inter Tight';font-size:19px;font-weight:700;letter-spacing:-.025em}.period-sub{display:grid;grid-template-columns:1fr 1fr;gap:10px}.period-sub>div{min-width:0;color:var(--t-light);font-size:9px}.period-sub b{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:10px}.period-sub small{display:block;margin-top:2px;font-size:8px}.period-more{justify-self:start;padding:0;background:transparent;color:var(--primary);cursor:pointer;font-size:10px;font-weight:600}.period-live-note{display:block;margin-top:3px;color:var(--warning);font-size:8px}
.finance-report-content{margin-top:12px}.finance-report-content>.report-head{border-bottom:1px solid var(--line)}.finance-secondary-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr)}.chart{height:270px;padding:0 18px 18px}.chart svg{width:100%;height:100%}.quality-panel{padding-bottom:16px}.quality-list{padding:0 18px;display:grid;gap:9px}.quality-item{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.quality-score{margin:5px auto 14px}
.formula-box,.report-warning,.report-note,.status-banner,.settings-note{margin:13px 20px;padding:11px 13px;border-radius:10px;background:var(--info-soft);border:1px solid color-mix(in srgb,var(--info) 18%,var(--line));color:var(--muted);font-size:10.5px}.report-warning{background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 20%,var(--line));color:var(--warning)}

/* Selected P&L B — visual profit bridge */
.profit-bridge{margin:18px 20px 4px;padding:18px;display:grid;grid-template-columns:repeat(var(--bridge-count,6),minmax(100px,1fr));align-items:end;gap:8px;border:1px solid var(--line);border-radius:14px;background:var(--bg-muted)}
.profit-bridge-item{min-width:0;display:grid;align-content:end;gap:7px}.profit-bridge-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px}.profit-bridge-item b{font-size:11px}.profit-bridge-bar{min-height:26px;height:var(--bridge-height,70px);border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,color-mix(in srgb,var(--bridge-color,var(--primary)) 80%,#fff),var(--bridge-color,var(--primary)));box-shadow:inset 0 1px rgba(255,255,255,.25)}
.profit-bridge-item.negative{--bridge-color:var(--red)}.profit-bridge-item.total{--bridge-color:var(--green)}.profit-bridge-item.sales{--bridge-color:var(--blue)}
.statement-table{margin:14px 20px 20px;border:1px solid var(--line);border-radius:12px;overflow:auto}.statement-row.total td,.statement-row.result td,.statement-row.profit td,.statement-row.strong td{background:var(--primary-soft);font-weight:700}.statement-row.negative td:last-child{color:var(--danger)}
.cashflow-calendar{margin:18px 20px;display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.cashflow-day{min-height:92px;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--card)}.cashflow-day>span{color:var(--t-light);font-size:9px}.cashflow-day b{display:block;margin-top:8px;font-size:11px}.cashflow-day small{display:block;margin-top:4px;font-size:9px}.cashflow-day.positive b{color:var(--success)}.cashflow-day.negative b{color:var(--danger)}

/* Data-heavy screens: Products A, Orders A and all registries */
.data-card,.table-panel{overflow:hidden}.table-tools,.data-toolbar{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:var(--card)}
.search{width:min(390px,100%);min-height:38px;background:var(--bg-muted)}.table-note{color:var(--t-light);font-size:9.5px}.table-scroll{max-width:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.table-scroll.tall{max-height:calc(100vh - 260px)}
table{width:100%;min-width:920px;border-collapse:separate;border-spacing:0;background:var(--card)}thead{background:var(--bg-muted)}th{position:sticky;z-index:2;top:0;padding:11px 12px;border-bottom:1px solid var(--line);background:var(--bg-muted);color:var(--t-light);font-size:9px;font-weight:700;letter-spacing:.035em;text-align:right;text-transform:uppercase;white-space:nowrap}td{padding:11px 12px;border-bottom:1px solid var(--border-soft);color:var(--muted);font-size:11px;text-align:right;white-space:nowrap}th:first-child,td:first-child{text-align:left}tbody tr{transition:background .12s}tbody tr:hover{background:var(--bg-hover)}tbody tr:last-child td{border-bottom:0}td b{color:var(--text);font-weight:600}td small{color:var(--t-light)}
.product-cell{min-width:270px;display:flex;align-items:center;gap:10px}.product-cell b{display:block;max-width:245px;overflow:hidden;text-overflow:ellipsis}.product-cell small{display:block;margin-top:3px}.product-image,.order-product-image,.posting-product-placeholder,.product-placeholder{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;object-fit:contain;border:1px solid var(--line);border-radius:9px;background:var(--bg-muted)}
.status,.connection-badge,.scheme-badge,.transit-status-badge,.fulfillment-badge,.marking-status,.abc-badge,.assistant-period-badge,.assistant-response-badge{padding:4px 7px;display:inline-flex;align-items:center;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:9px;font-weight:600}.status.good,.connection-badge.on,.fulfillment-badge.good,.marking-status.good{background:var(--success-soft);color:var(--success)}.status.bad,.connection-badge.off,.fulfillment-badge.bad,.marking-status.bad{background:var(--danger-soft);color:var(--danger)}.status.warn,.fulfillment-badge.warn,.marking-status.warn{background:var(--warning-soft);color:var(--warning)}
.money-positive{color:var(--success)!important}.money-negative{color:var(--danger)!important}.missing-value{color:var(--warning)}
.data-table{width:100%}.promotion-checkbox{position:relative;display:inline-flex;align-items:center;justify-content:center}.promotion-checkbox input{width:16px;height:16px;min-height:0;accent-color:var(--primary)}.promotion-not-applicable{display:inline-grid;place-items:center;min-width:16px;color:var(--t-light)}
.sync-progress{margin-bottom:12px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--card);box-shadow:var(--shadow-card)}.sync-step.partial{background:var(--warning-soft);color:var(--warning)}

/* Expenses B — budget, calendar and recurrent payments */
#expensesPage>.hero{margin-bottom:18px}.expense-dashboard{display:grid;grid-template-columns:1.05fr 1.95fr;gap:12px}.expense-budget-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.expense-budget-card{padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--shadow-card)}.expense-budget-card span{color:var(--muted);font-size:10px}.expense-budget-card b{display:block;margin-top:7px;font-family:'Inter Tight';font-size:19px}.expense-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.expense-calendar-cell{min-height:72px;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--card);font-size:9px}.expense-calendar-cell.has-payment{background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 20%,var(--line))}
.split-layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:12px}.form-panel{padding:20px;display:grid;gap:13px}.form-panel h3{margin:0;font-family:'Inter Tight'}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field,.form-field{display:grid;gap:6px}.field label,.form-field label,.field-label{color:var(--muted);font-size:10px;font-weight:600}.check{display:flex;align-items:center;gap:7px}.check input{min-height:0;width:16px;height:16px}

/* Cost builder */
#costsPage .page-intro{margin-bottom:18px}#costsPage .data-card{position:relative}.cost-input{width:92px;min-height:34px;text-align:right}.cost-breakdown,.cost-detail-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.cost-breakdown>*{padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--bg-muted)}

/* Specialized workspaces */
.assistant-workspace,.feedback-workspace{min-height:620px;overflow:hidden;display:grid;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-card)}.assistant-workspace{grid-template-columns:290px minmax(0,1fr)}.assistant-rail{background:var(--bg-muted);border-right:1px solid var(--line)}.assistant-chat-shell{background:var(--card)}.assistant-message.user{background:var(--primary);color:#fff}.assistant-response-card{background:var(--bg-muted);border:1px solid var(--line);border-radius:12px}
.assistant-response.is-conversation{border-left:3px solid var(--primary)}.assistant-composer{background:var(--card);border-top:1px solid var(--line)}
.feedback-workspace{grid-template-columns:340px minmax(0,1fr)}.feedback-item.active{background:var(--primary-soft);box-shadow:inset 3px 0 var(--primary)}
.knowledge-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:12px}.knowledge-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.knowledge-stat{padding:16px}.knowledge-stat b{display:block;margin-top:6px;font-size:18px}.guide-card{padding:14px;display:flex;gap:12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.settings-form{max-width:980px;padding:23px;display:grid;gap:19px}.setting-row{padding-bottom:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.setting-row h3{margin:0 0 4px}.setting-row p{margin:0;color:var(--muted);font-size:11px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.switch input{display:none}.switch span{position:relative;width:44px;height:25px;display:block;border-radius:999px;background:#d9dbe5;transition:.18s}.switch span::after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:.18s}.switch input:checked+span{background:var(--primary)}.switch input:checked+span::after{transform:translateX(19px)}
.admin-layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:12px}.admin-summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.admin-summary-card{padding:15px}.admin-summary-card span{color:var(--muted);font-size:10px}.admin-summary-card b{display:block;margin-top:6px;font-size:18px}.admin-detail-section{padding:18px 20px}.admin-controls-form{padding:0 20px 20px;display:grid;grid-template-columns:1.3fr .9fr auto;gap:14px}.admin-module-grid,.admin-limit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
body.admin-portal .topbar{border-bottom-color:color-mix(in srgb,var(--primary) 24%,var(--line))}.admin-quick-nav{display:flex;gap:6px;flex-wrap:wrap}body.subscription-locked .page:not(#billingPage){filter:saturate(.65);pointer-events:none}
.billing-plans-grid,.beta-grid,.crm-stats,.fulfillment-metrics,.marking-metrics,.order-map-metrics,.transit-activity-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.billing-plan,.beta-card{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--card);box-shadow:var(--shadow-card)}

/* Dialogs, loaders, auth */
dialog{padding:0;border:0;border-radius:16px;background:var(--card);color:var(--text);box-shadow:var(--shadow-lg)}dialog::backdrop{background:rgba(18,20,31,.54);backdrop-filter:blur(3px)}.dialog-card,.widget-dialog-card{padding:25px;background:var(--card);border:1px solid var(--line);border-radius:16px}.dialog-close,.finance-dialog-close{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:var(--bg-muted);cursor:pointer}.finance-dialog{width:min(1120px,calc(100vw - 40px));max-height:calc(100vh - 40px)}.finance-dialog-body{max-height:calc(100vh - 130px);overflow:auto}.toast{position:fixed;z-index:100;right:24px;bottom:24px;max-width:380px;padding:13px 16px;border:1px solid var(--line);border-radius:11px;background:var(--card);box-shadow:var(--shadow-lg);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}
.loading-state,.empty-state{min-height:170px;padding:35px;display:grid;place-items:center;color:var(--muted);text-align:center}.loading-state::before{content:"";width:25px;height:25px;border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:savdo-spin .8s linear infinite}@keyframes savdo-spin{to{transform:rotate(360deg)}}
html[data-theme="dark"] input:-webkit-autofill,html[data-theme="dark"] input:-webkit-autofill:hover,html[data-theme="dark"] input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--card) inset;-webkit-text-fill-color:var(--t-base)}
.error-shell{min-height:100vh;padding:24px;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,var(--primary-soft),transparent 42%),var(--bg)}.error-card{width:min(620px,100%);padding:42px;overflow:hidden;text-align:center;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:var(--shadow-lg)}.error-eyebrow{color:var(--primary);font-family:'JetBrains Mono';font-size:10px;letter-spacing:.08em;text-transform:uppercase}.error-code{margin:14px 0 -12px;background:linear-gradient(135deg,var(--primary),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent;font-family:'Inter Tight';font-size:116px;font-weight:700;line-height:1}.error-title{margin:0;font-family:'Inter Tight';font-size:29px}.error-sub{max-width:470px;margin:12px auto 22px;color:var(--muted)}.error-actions{display:flex;justify-content:center;gap:8px}.error-actions svg{width:17px;height:17px}.error-meta{margin-top:28px;padding-top:16px;display:flex;justify-content:center;gap:24px;border-top:1px solid var(--line);color:var(--t-light);font-size:9px}.error-meta strong{margin-right:5px;color:var(--muted)}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1fr) minmax(440px,1fr);background:var(--bg)}.auth-aside{position:relative;padding:34px 44px;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(145deg,#272144,#4b3fc1 54%,#6d5bf1);color:#fff}.auth-aside::after{content:"";position:absolute;width:480px;height:480px;right:-170px;bottom:-220px;border:90px solid rgba(255,255,255,.07);border-radius:50%}.auth-brand{display:flex;align-items:center;gap:12px}.auth-brand .logo{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.15)}.auth-brand svg{width:26px}.auth-brand .name{font-family:'Inter Tight';font-size:20px}.auth-aside-body{position:relative;z-index:1;max-width:560px;margin:auto 0}.auth-aside-eyebrow{font-family:'JetBrains Mono';font-size:10px;letter-spacing:.12em;opacity:.65}.auth-aside-body h1{margin:14px 0 16px;font-family:'Inter Tight';font-size:45px;line-height:1.05;letter-spacing:-.035em}.auth-aside-body>p{max-width:500px;font-size:15px;line-height:1.65;opacity:.76}.auth-quote{margin-top:34px;padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.08);font-size:12px}.auth-quote-author{margin-top:14px;display:flex;align-items:center;gap:10px;font-size:10px;opacity:.72}.auth-quote-author .av{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.15)}.auth-aside-footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;opacity:.55}.auth-main{position:relative;display:grid;place-items:center;padding:55px}.auth-main-top{position:absolute;top:24px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.auth-card{width:min(410px,100%);padding:31px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow-card)}.auth-card h2{margin:8px 0 5px;font-family:'Inter Tight';font-size:28px}.auth-card .sub{margin:0 0 22px;color:var(--muted);font-size:11px}.auth-form{display:grid;gap:13px}.input-icon{position:relative}.input-icon .ico{position:absolute;z-index:1;left:11px;top:50%;transform:translateY(-50%);color:var(--t-light)}.input-icon .ico svg{width:17px;height:17px}.input-icon input{width:100%;padding-left:37px}.auth-submit{margin-top:3px}.auth-divider{margin:19px 0;text-align:center;color:var(--t-light);font-size:9px}.legacy-login summary{color:var(--muted);cursor:pointer;font-size:10px}.auth-form-note,.auth-main-bottom{color:var(--t-light);font-size:9px;text-align:center}.auth-main-bottom{position:absolute;bottom:22px}.form-error{min-height:16px;color:var(--danger);font-size:10px}

/* Compact navigation */
.shell.sidebar-collapsed{grid-template-columns:var(--sidebar-compact) minmax(0,1fr)}.shell.sidebar-collapsed .sidebar{width:var(--sidebar-compact)}.shell.sidebar-collapsed .app-workspace{grid-column:2}.shell.sidebar-collapsed .brand{padding:0 18px}.shell.sidebar-collapsed .brand-text,.shell.sidebar-collapsed .nav-label,.shell.sidebar-collapsed .nav-link.nav-item>span,.shell.sidebar-collapsed .nav-badge,.shell.sidebar-collapsed .nav-finance-toggle,.shell.sidebar-collapsed .workspace-text,.shell.sidebar-collapsed .workspace-chev{display:none}.shell.sidebar-collapsed .sidebar-toggle{position:absolute;right:-15px;top:20px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);transform:rotate(180deg)}.shell.sidebar-collapsed .nav-link.nav-item{justify-content:center;padding:9px}.shell.sidebar-collapsed .nav-submenu{display:none}.shell.sidebar-collapsed .workspace{justify-content:center}

/* Responsive */
@media(max-width:1400px){.metric-grid,.kpi-grid,.report-metric-grid{grid-template-columns:repeat(3,1fr)}.admin-summary-grid{grid-template-columns:repeat(3,1fr)}.period-cards{grid-template-columns:repeat(2,1fr)}.billing-plans-grid,.beta-grid,.crm-stats,.fulfillment-metrics,.marking-metrics,.order-map-metrics,.transit-activity-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1180px){.topbar{padding:0 20px}.content{padding:22px 20px 42px}.topbar-search{display:none}.dashboard-feature-grid,.finance-secondary-grid{grid-template-columns:1fr}.dashboard-side-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.split-layout,.admin-layout{grid-template-columns:1fr}.knowledge-layout{grid-template-columns:1fr}.profit-bridge{overflow:auto;grid-template-columns:repeat(var(--bridge-count,6),140px)}.admin-controls-form{grid-template-columns:1fr 1fr}.admin-controls-form>.button{grid-column:1/-1;justify-self:start}}
@media(max-width:860px){.mobile-only{display:grid!important}.shell,.shell.sidebar-collapsed{display:block}.sidebar,.shell.sidebar-collapsed .sidebar{width:min(300px,86vw);transform:translateX(-101%);box-shadow:var(--shadow-lg)}.shell.mobile-menu-open .sidebar{transform:none}.app-workspace,.shell.sidebar-collapsed .app-workspace{margin:0}.drawer-backdrop{position:fixed;z-index:30;inset:0;background:rgba(18,20,31,.4)}.shell.mobile-menu-open .drawer-backdrop{display:block}.topbar{height:64px;padding:0 14px}.crumbs>#pageSection,.crumbs>.sep{display:none}.topbar-store .select{min-width:115px;max-width:145px}.sync-actions .full-sync-label,.sync-actions .sync-label,.profile-button>b{display:none}.profile-button{padding-right:3px}.content{padding:18px 14px 34px}.hero,.page-intro{align-items:flex-start;flex-direction:column}.hero-actions{width:100%;justify-content:flex-start}.finance-toolbar{grid-template-columns:1fr auto}.finance-toolbar>.button:nth-of-type(n+2){display:none}.period-cards{grid-template-columns:1fr 1fr}.metric-grid,.kpi-grid,.report-metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.recommendation-grid,.abc-summary{grid-template-columns:1fr}.performance-content{grid-template-columns:1fr}.performance-value{padding-bottom:0}.performance-footer{grid-template-columns:1fr 1fr}.assistant-workspace,.feedback-workspace{grid-template-columns:1fr}.assistant-rail,.feedback-workspace>:first-child{display:none}.expense-dashboard{grid-template-columns:1fr}.expense-budget-strip{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr 1fr}.auth-shell{grid-template-columns:1fr}.auth-aside{display:none}.auth-main{padding:45px 18px}}
@media(max-width:580px){.topbar-actions{gap:5px}.topbar-store .icon-btn,.sync-actions #fullSyncButton,.notificationButton{display:none}.topbar-store .select{max-width:120px}.hero h1,.page-intro h1{font-size:26px}.period-cards,.metric-grid,.kpi-grid,.report-metric-grid,.dashboard-side-stack,.knowledge-stats,.billing-plans-grid,.beta-grid,.crm-stats,.fulfillment-metrics,.marking-metrics,.order-map-metrics,.transit-activity-metrics{grid-template-columns:1fr}.sales-plan-card{grid-template-columns:1fr auto}.sales-plan-values{grid-column:1/-1}.sales-plan-progress{right:18px}.field-row,.settings-grid,.admin-module-grid,.admin-limit-grid{grid-template-columns:1fr}.period-card-body{padding:12px 14px}.toolbar,[class$="-toolbar"]{align-items:stretch;flex-direction:column}.date-range{width:100%;display:grid;grid-template-columns:1fr auto 1fr}.date-range input{width:100%}.expense-budget-strip{grid-template-columns:1fr}.cashflow-calendar{grid-template-columns:repeat(2,1fr)}.admin-controls-form{grid-template-columns:1fr}.metric-card,.report-metric{min-height:108px}.auth-card{padding:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.sidebar,.topbar,.toolbar,.hero-actions,.button,.btn{display:none!important}.shell,.shell.sidebar-collapsed{display:block}.app-workspace{margin:0}.content{padding:0;background:#fff}.page{display:none}.page.active{display:block}.card,.panel,.metric-card,.report-metric{break-inside:avoid;box-shadow:none}}

/* ---- site/ozon-app/reference-ui.css ---- */
/* Savdo v10.37.0 — literal implementation of the four approved reference screens. */
:root{
  --ref-blue:#2868f5;--ref-violet:#6636ed;--ref-green:#20ae68;--ref-orange:#ff9418;
  --ref-red:#ff5561;--ref-cyan:#20bcd4;--ref-text:#15182b;--ref-muted:#687087;
  --ref-line:#e4e8f0;--ref-soft:#f7f9fc;--ref-card:#fff;--ref-shadow:0 2px 9px rgba(21,31,55,.045)
}
html[data-theme="dark"]{
  --ref-text:#f4f6fb;--ref-muted:#9ba4ba;--ref-line:#30384b;--ref-soft:#181d2a;--ref-card:#202635;--ref-shadow:0 2px 12px rgba(0,0,0,.18)
}
.reference-month-control{min-height:42px;display:flex;align-items:center;border:1px solid var(--ref-line);border-radius:10px;background:var(--ref-card);box-shadow:var(--ref-shadow);overflow:hidden}.reference-month-control span{padding:0 11px;font-weight:700;white-space:nowrap}.reference-month-control button{width:36px;align-self:stretch;border:0;background:transparent;color:var(--ref-muted);font-size:18px}.reference-month-control button:hover{color:var(--ref-blue);background:var(--ref-soft)}
.reference-page{color:var(--ref-text);font-size:13px}.reference-page h1,.reference-page h2,.reference-page h3{font-family:Inter,'Inter Tight',sans-serif;color:var(--ref-text)}
.reference-page-head{margin:0 0 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.reference-page-head h1{margin:0 0 7px;font-size:30px;line-height:1.1;letter-spacing:-.035em}.reference-page-head p{margin:0;color:var(--ref-muted);font-size:13px}.reference-sync{font-size:11px!important}
.reference-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.reference-control,.reference-primary,.reference-gradient{min-height:44px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ref-line);border-radius:11px;background:var(--ref-card);color:var(--ref-text);font-weight:600;white-space:nowrap;box-shadow:var(--ref-shadow)}.reference-primary{border-color:var(--ref-blue);background:var(--ref-blue);color:#fff}.reference-gradient{border:0;background:linear-gradient(135deg,#7350f4,#4c1be2);color:#fff;box-shadow:0 8px 20px rgba(91,53,232,.22)}
.reference-panel{border:1px solid var(--ref-line);border-radius:16px;background:var(--ref-card);box-shadow:var(--ref-shadow);overflow:hidden}.reference-panel-title{min-height:58px;padding:17px 20px 10px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.reference-panel-title h2{margin:0;font-size:16px}.reference-panel-title p,.reference-panel-title span{margin:6px 0 0;color:var(--ref-muted);font-size:10px}

/* Главная — exact screen composition */
.reference-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.reference-kpi-card{min-height:142px;padding:20px;border:1px solid var(--ref-line);border-radius:17px;background:var(--ref-card);box-shadow:var(--ref-shadow)}.reference-kpi-head{display:flex;align-items:center;gap:13px}.reference-kpi-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--kpi-color) 25%,transparent)}.reference-kpi-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.reference-kpi-card span{color:var(--ref-muted);font-size:12px}.reference-kpi-card strong{display:block;margin-top:5px;font-size:28px;letter-spacing:-.035em}.reference-kpi-compare{margin-top:14px;display:flex;align-items:center;gap:10px;color:var(--ref-muted);font-size:10px}.reference-kpi-compare b{padding:4px 8px;border:1px solid #a9dfbd;border-radius:7px;background:#eefaf2;color:#2fa65c;font-size:11px}.reference-kpi-card.blue{--kpi-color:var(--ref-blue)}.reference-kpi-card.green{--kpi-color:var(--ref-green)}.reference-kpi-card.violet{--kpi-color:#7446e8}.reference-kpi-card.orange{--kpi-color:var(--ref-orange)}.reference-kpi-icon{background:var(--kpi-color)}
.reference-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(360px,1fr);gap:14px}.reference-dashboard-main,.reference-dashboard-side{display:grid;align-content:start;gap:14px}.reference-profit-panel{min-height:402px}.reference-profit-layout{padding:0 18px 5px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:8px;align-items:end}.reference-profit-summary{padding:0 0 38px 2px}.reference-profit-summary>span{display:block;margin:9px 0 5px;color:var(--ref-muted);font-size:11px}.reference-profit-summary>strong{display:block;margin-bottom:23px;font-size:29px;letter-spacing:-.035em}.reference-profit-summary .reference-green-dot::before{content:"";width:8px;height:8px;margin-right:8px;display:inline-block;border-radius:50%;background:var(--ref-green)}.reference-profit-summary>small{display:inline-block;padding:5px 8px;border-radius:7px;background:#eff9f3;color:var(--ref-green)}.reference-profit-panel .dashboard-trend-chart{height:264px;min-height:264px}.reference-profit-footer{padding:14px 18px 17px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.reference-profit-footer>div{min-height:65px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--footer-color) 28%,var(--ref-line));border-radius:10px;background:color-mix(in srgb,var(--footer-color) 5%,var(--ref-card))}.reference-profit-footer span,.reference-profit-footer small{display:block;color:var(--ref-muted);font-size:9px}.reference-profit-footer b{display:block;margin:5px 0 2px;color:var(--ref-text);font-size:14px}
.reference-top-products table{min-width:720px}.reference-top-products th{position:static;background:transparent;text-transform:none;letter-spacing:0}.reference-top-products td,.reference-top-products th{padding:10px 18px}.reference-top-products td:first-child{min-width:290px}.reference-top-products .reference-product-inline{display:flex;align-items:center;gap:10px}.reference-top-products img,.reference-top-products .product-placeholder{width:38px;height:38px;object-fit:contain;border-radius:7px}.reference-rating{color:#ffae20}.reference-profit-value{color:var(--ref-green)!important;font-weight:700}
.reference-expense-structure{min-height:260px}.reference-donut-wrap{padding:0 20px 18px;display:grid;grid-template-columns:190px 1fr;gap:14px;align-items:center}.reference-donut{width:180px;height:180px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--ref-blue) 0 var(--a),var(--ref-green) var(--a) var(--b),var(--ref-red) var(--b) var(--c),var(--ref-orange) var(--c) var(--d),#8254df var(--d) 100%)}.reference-donut::before{content:"";width:108px;height:108px;border-radius:50%;background:var(--ref-card)}.reference-donut-center{position:absolute;text-align:center}.reference-donut-center b{display:block;font-size:16px}.reference-donut-center span{color:var(--ref-muted);font-size:9px}.reference-donut-legend{display:grid;gap:10px}.reference-donut-legend div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;color:var(--ref-muted);font-size:10px}.reference-donut-legend i{width:8px;height:8px;border-radius:50%;background:var(--legend-color)}.reference-donut-legend b{color:var(--ref-muted);font-weight:600}
.reference-orders-week{min-height:150px}.reference-week-bars{height:100px;padding:0 22px 17px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.reference-week-bar{height:100%;flex:1;display:grid;grid-template-rows:18px 1fr 16px;text-align:center;color:var(--ref-muted);font-size:9px}.reference-week-bar i{width:min(30px,100%);height:var(--h);margin:auto auto 0;border-radius:7px 7px 3px 3px;background:var(--bar-color);box-shadow:0 5px 10px color-mix(in srgb,var(--bar-color) 18%,transparent)}.reference-week-bar.active span:last-child{color:var(--bar-color);font-weight:700}
.reference-plan-panel{min-height:145px}.reference-gauge{padding:0 26px 18px;text-align:center}.reference-gauge-track{height:78px;overflow:hidden;position:relative}.reference-gauge-track::before{content:"";position:absolute;width:220px;height:110px;left:50%;top:7px;transform:translateX(-50%);border:18px solid #e1e4eb;border-bottom:0;border-radius:130px 130px 0 0}.reference-gauge-fill{position:absolute;width:220px;height:110px;left:50%;top:7px;transform:translateX(-50%);border:18px solid transparent;border-top-color:var(--ref-green);border-left-color:#ff654d;border-right-color:#66bd43;border-bottom:0;border-radius:130px 130px 0 0;clip-path:inset(0 calc((100 - var(--plan))*1%) 0 0)}.reference-gauge b{font-size:26px;color:var(--ref-green)}.reference-gauge small{display:block;color:var(--ref-muted)}
.reference-ai-panel{min-height:178px;padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between}.reference-ai-panel h2{margin:0 0 8px;font-size:15px}.reference-ai-row{display:flex;align-items:center;justify-content:center;gap:28px}.reference-ai-orb{width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fff 0 5%,#7c73ff 17%,#4136ee 43%,#16c1e9 77%,#51f6ff 100%);box-shadow:0 0 25px rgba(71,89,255,.35)}.reference-ai-row p{margin:0;font-size:17px}.reference-ai-row strong{color:var(--ref-green);font-size:20px}.reference-ai-input{min-height:40px;width:100%;padding:0 12px;display:flex;align-items:center;border:1px solid var(--ref-line);border-radius:20px;background:var(--ref-card);color:var(--ref-muted)}.reference-ai-input b{margin-left:auto;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--ref-blue);color:#fff}

/* Товары — exact screen composition */
.reference-product-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.reference-product-metric{min-height:116px;padding:20px;display:flex;align-items:center;gap:15px;border:1px solid var(--ref-line);border-radius:16px;background:var(--ref-card);box-shadow:var(--ref-shadow)}.reference-product-metric i{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--metric-a),var(--metric-b));color:#fff;font-size:25px;font-style:normal;box-shadow:0 8px 18px color-mix(in srgb,var(--metric-a) 22%,transparent)}.reference-product-metric span{display:block;color:var(--ref-muted)}.reference-product-metric b{display:block;margin-top:7px;font-size:25px}.reference-products-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(290px,1fr);gap:18px}.reference-product-table-panel{min-width:0}.reference-product-filters{padding:12px;display:grid;grid-template-columns:minmax(250px,1.4fr) repeat(3,minmax(125px,.65fr)) auto;gap:8px;border-bottom:1px solid var(--ref-line)}.reference-product-filters input,.reference-product-filters select,.reference-product-filters button{min-height:44px;width:100%;padding:0 12px;border:1px solid var(--ref-line);border-radius:9px;background:var(--ref-card);color:var(--ref-text);font-size:11px}.reference-search{min-height:44px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid var(--ref-line);border-radius:9px;color:var(--ref-muted)}.reference-search input{padding:0;border:0;outline:0;background:transparent}.reference-product-filters button{background:var(--ref-soft);font-weight:600}.reference-product-table{min-width:930px}.reference-product-table th{top:0;text-transform:none;letter-spacing:0}.reference-product-table td,.reference-product-table th{padding:10px 11px}.reference-product-table .reference-product-name{min-width:185px}.reference-product-table .reference-product-name b{max-width:155px;display:block;overflow:hidden;text-overflow:ellipsis}.reference-product-table .reference-spark{width:64px;height:28px}.reference-product-table .reference-spark svg{width:100%;height:100%}.reference-product-table .reference-stock.good{color:var(--ref-green)}.reference-product-table .reference-stock.warn{color:var(--ref-orange)}.reference-product-table .reference-stock.bad{color:var(--ref-red)}.reference-product-table .reference-margin{color:var(--ref-green);font-weight:700}.reference-row-menu{border:0;background:transparent;color:var(--ref-muted);font-size:18px}.reference-status{padding:5px 9px;display:inline-flex;border-radius:8px;background:#eaf8f1;color:#269c62;font-size:10px;font-weight:600}.reference-status.warn{background:#fff3df;color:#e98b12}.reference-status.bad{background:#ffebed;color:var(--ref-red)}
.reference-pagination{min-height:66px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ref-line);color:var(--ref-muted);font-size:10px}.reference-pagination-pages{display:flex;gap:5px}.reference-pagination button{min-width:34px;height:34px;border:1px solid var(--ref-line);border-radius:8px;background:var(--ref-card);color:var(--ref-text)}.reference-pagination button.active{border-color:#d8ceff;background:#f0ecff;color:var(--ref-violet)}
.reference-product-side{display:grid;align-content:start;gap:14px}.reference-ranked-list{padding:5px 18px 16px;display:grid;gap:12px}.reference-ranked-item{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:10px}.reference-ranked-item b{font-weight:500}.reference-ranked-item span{color:var(--ref-muted)}.reference-ranked-item i{grid-column:1/-1;height:7px;border-radius:5px;background:linear-gradient(90deg,var(--rank-color) var(--rank-width),transparent var(--rank-width));border-bottom:1px solid var(--ref-line)}.reference-ranked-more{margin-top:5px;border:0;background:transparent;color:var(--ref-violet);text-align:left;font-weight:600}.reference-issue-list{display:grid}.reference-issue{padding:12px 16px;display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;border-top:1px solid var(--ref-line)}.reference-issue i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--issue-bg);color:var(--issue-color);font-style:normal}.reference-issue b{display:block;font-size:11px}.reference-issue span{color:var(--ref-muted);font-size:9px}.reference-issue>a{color:var(--ref-muted);font-size:20px}

/* Заказы — finance report switches into a literal orders screen */
#financePage.reference-orders-mode>.finance-intro,#financePage.reference-orders-mode>.ozon-selected-period,#financePage.reference-orders-mode>#periodCards,#financePage.reference-orders-mode>#metricCards,#financePage.reference-orders-mode>.finance-secondary-grid{display:none!important}#financePage.reference-orders-mode>.finance-toolbar{position:absolute;top:0;right:0;margin:0;display:flex;justify-content:flex-end;padding:0;border:0;background:transparent;box-shadow:none}#financePage.reference-orders-mode>.finance-toolbar>.ozon-detail-search,#financePage.reference-orders-mode>.finance-toolbar>#ozonDetailFilterButton,#financePage.reference-orders-mode>.finance-toolbar>#resetOzonPeriod{display:none}#financePage.reference-orders-mode>.finance-toolbar .ozon-period-button{min-height:44px}
#financePage.reference-orders-mode::before{content:"Заказы";display:block;margin:0 0 42px;color:var(--ref-text);font-family:Inter,'Inter Tight',sans-serif;font-size:30px;font-weight:700;letter-spacing:-.035em}#financePage.reference-orders-mode::after{content:"Контроль заказов, сборки и отгрузок";position:absolute;top:39px;left:0;color:var(--ref-muted);font-size:13px}#financePage.reference-orders-mode{position:relative;padding-top:0}.reference-orders-shell{display:grid;gap:14px;background:transparent!important}.reference-order-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.reference-order-metric{min-height:150px;padding:20px;border:1px solid var(--ref-line);border-radius:16px;background:var(--ref-card);box-shadow:var(--ref-shadow)}.reference-order-metric-head{display:flex;justify-content:space-between;align-items:flex-start}.reference-order-metric span{font-weight:600}.reference-order-metric b{display:block;margin-top:8px;font-size:27px}.reference-order-metric i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--order-color) 12%,var(--ref-card));color:var(--order-color);font-style:normal;font-size:19px}.reference-order-spark{height:38px;margin-top:10px}.reference-order-spark svg{width:100%;height:100%}.reference-order-analytics{display:grid;grid-template-columns:1fr 1fr;gap:14px}.reference-order-status,.reference-order-days{min-height:165px;padding:17px 20px;border:1px solid var(--ref-line);border-radius:16px;background:var(--ref-card);box-shadow:var(--ref-shadow)}.reference-order-status h3,.reference-order-days h3{margin:0 0 14px;font-size:14px}.reference-status-bar{height:36px;display:flex;overflow:hidden;border-radius:7px}.reference-status-bar i{display:grid;place-items:center;color:#fff;font-style:normal;font-weight:700}.reference-status-legend{margin-top:13px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.reference-status-legend span{color:var(--ref-muted);font-size:9px}.reference-status-legend b{display:block;margin-top:4px;color:var(--ref-text);font-size:11px}.reference-order-days-bars{height:110px;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid var(--ref-line);background:repeating-linear-gradient(to bottom,transparent 0 35px,var(--ref-line) 36px)}.reference-order-days-bars i{flex:1;min-width:5px;height:var(--h);border-radius:3px 3px 0 0;background:#64a5f6}.reference-orders-shell .ozon-detail-heading{display:none}.reference-orders-shell .ozon-detail-filter-strip{padding:12px;display:flex;align-items:center;gap:10px;border:1px solid var(--ref-line);border-bottom:0;border-radius:0;background:var(--ref-card)}.reference-orders-shell .ozon-details-table-wrap{border:1px solid var(--ref-line);border-radius:0}.reference-orders-shell .ozon-pagination{border:1px solid var(--ref-line);border-top:0;border-radius:0 0 16px 16px}.reference-orders-shell .ozon-detail-source{display:none}.reference-order-tabs{display:flex;gap:22px;border-bottom:1px solid var(--ref-line)}.reference-order-tabs button{padding:10px 2px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ref-muted)}.reference-order-tabs button.active{border-color:var(--ref-violet);color:var(--ref-violet);font-weight:700}.reference-order-toolbar{padding:12px;display:grid;grid-template-columns:minmax(280px,1fr) repeat(3,130px) auto;gap:10px;border:1px solid var(--ref-line);border-bottom:0;border-radius:16px 16px 0 0;background:var(--ref-card)}.reference-order-toolbar>button{min-height:44px;padding:0 13px;border:1px solid var(--ref-line);border-radius:9px;background:var(--ref-card);color:var(--ref-text)}.reference-order-toolbar .reference-order-filter-button{background:var(--ref-soft);font-weight:600}.reference-orders-table{min-width:1120px}.reference-orders-table th{top:0;text-transform:none;letter-spacing:0}.reference-orders-table td,.reference-orders-table th{padding:10px 12px}.reference-order-number{color:var(--ref-blue)!important}.reference-scheme{padding:5px 10px;display:inline-flex;border-radius:8px;background:#e6f2ff;color:#2874e9;font-weight:700}.reference-scheme.fbs{background:#e5f8f0;color:#1aa06c}.reference-scheme.rfbs{background:#efe9ff;color:#6b38e8}

/* Расходы — exact screen composition */
.reference-tabs{margin:0 0 14px;display:flex;gap:25px;border-bottom:1px solid var(--ref-line)}.reference-tabs button{padding:0 8px 11px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--ref-muted)}.reference-tabs button.active{border-color:var(--ref-blue);color:var(--ref-blue);font-weight:700}.reference-expense-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.reference-expense-metric{min-height:142px;padding:20px;border:1px solid var(--ref-line);border-radius:15px;background:var(--ref-card);box-shadow:var(--ref-shadow)}.reference-expense-metric-head{display:flex;align-items:flex-start;justify-content:space-between}.reference-expense-metric span{font-weight:600}.reference-expense-metric i{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--expense-color) 12%,var(--ref-card));color:var(--expense-color);font-style:normal;font-size:23px}.reference-expense-metric b{display:block;margin:7px 0 12px;color:var(--expense-color);font-size:22px}.reference-expense-progress{height:4px;border-radius:3px;background:var(--ref-line)}.reference-expense-progress em{height:100%;width:var(--progress);display:block;border-radius:3px;background:var(--expense-color)}.reference-expense-metric small{display:block;margin-top:9px;color:var(--ref-muted);font-size:9px}
.reference-expense-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px}.reference-calendar-panel{min-height:440px}.reference-expense-calendar{padding:0 12px 9px;display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--ref-line);border-left:1px solid var(--ref-line)}.reference-calendar-weekday{min-height:33px;padding:9px 5px;text-align:center;color:var(--ref-muted);font-size:10px;border-right:1px solid var(--ref-line);border-bottom:1px solid var(--ref-line)}.reference-calendar-day{min-height:72px;padding:7px;position:relative;border-right:1px solid var(--ref-line);border-bottom:1px solid var(--ref-line);font-size:10px}.reference-calendar-day.outside{color:#b9bfcb}.reference-calendar-day.today{background:#eef5ff}.reference-calendar-day.today>b{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--ref-blue);color:#fff}.reference-calendar-event{margin-top:5px;padding:5px 6px;border-radius:6px;background:var(--event-bg);color:var(--event-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:600}.reference-calendar-legend{padding:10px 18px 15px;display:flex;gap:17px;flex-wrap:wrap;color:var(--ref-muted);font-size:9px}.reference-calendar-legend .overdue{color:var(--ref-red)}.reference-calendar-legend .today{color:var(--ref-blue)}.reference-calendar-legend .soon{color:var(--ref-orange)}.reference-calendar-legend .later{color:var(--ref-violet)}.reference-calendar-legend .paid{color:var(--ref-green)}
.reference-expense-side-top{display:grid;grid-template-columns:1fr 1.2fr;gap:14px}.reference-budget-list,.reference-upcoming-list{padding:3px 17px 15px;display:grid;gap:12px}.reference-budget-row{font-size:9px}.reference-budget-row>div{display:flex;justify-content:space-between;gap:8px}.reference-budget-row b{font-weight:500}.reference-budget-row span{color:var(--ref-muted)}.reference-budget-row i{height:4px;margin-top:7px;display:block;border-radius:3px;background:linear-gradient(90deg,var(--budget-color) var(--budget-width),var(--ref-line) var(--budget-width))}.reference-upcoming-row{padding:10px 0;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;border-bottom:1px solid var(--ref-line);font-size:9px}.reference-upcoming-row:last-child{border-bottom:0}.reference-upcoming-row time{font-weight:600}.reference-upcoming-row i{color:var(--upcoming-color);font-style:normal;font-size:16px}.reference-upcoming-row b{text-align:right}.reference-recurring-panel{min-height:292px}.reference-expense-table{min-width:720px}.reference-expense-table th{position:static;text-transform:none;letter-spacing:0}.reference-expense-table td,.reference-expense-table th{padding:9px 12px}.reference-expense-name{display:flex;align-items:center;gap:8px}.reference-expense-name i{width:25px;height:25px;display:grid;place-items:center;border-radius:6px;background:var(--category-color);color:#fff;font-style:normal}.reference-expense-toggle{width:35px;height:19px;padding:2px;display:inline-flex;border-radius:12px;background:var(--ref-blue)}.reference-expense-toggle::after{content:"";width:15px;height:15px;margin-left:auto;border-radius:50%;background:#fff}.reference-expense-toggle.off{background:#cfd5df}.reference-expense-toggle.off::after{margin-left:0}.reference-cash-impact{min-height:292px;padding-bottom:13px}.reference-cash-summary{padding:0 20px}.reference-cash-summary>span{color:var(--ref-muted);font-size:9px}.reference-cash-summary>b{display:block;margin:5px 0;font-size:16px}.reference-cash-chart{height:135px;padding:7px 15px}.reference-cash-chart svg{width:100%;height:100%}.reference-cash-warning{margin:0 16px;padding:10px;border:1px solid #ffcaa0;border-radius:8px;background:#fff9f3;color:var(--ref-muted);font-size:9px}.reference-cash-warning b{display:block;color:var(--ref-red)}
.reference-dialog{width:min(520px,calc(100vw - 30px));border:0;background:transparent}.reference-dialog-card{padding:22px;border:1px solid var(--ref-line);border-radius:16px;background:var(--ref-card);box-shadow:0 25px 70px rgba(12,18,35,.24)}.reference-dialog-head{display:flex;align-items:center;justify-content:space-between}.reference-dialog-head button{width:34px;height:34px;border:0;border-radius:8px;background:var(--ref-soft);color:var(--ref-text);font-size:22px}.reference-expenses .capital-section{margin-top:14px}

/* Desktop image density and responsive fallbacks */
@media(min-width:1181px){body:not(.admin-portal) .content{max-width:1720px;padding:24px 28px 64px}.reference-dashboard .reference-page-head{margin-bottom:17px}.reference-products .reference-page-head{margin-bottom:22px}}
@media(max-width:1100px){.reference-kpi-grid,.reference-expense-metrics{grid-template-columns:repeat(2,1fr)}.reference-product-metrics,.reference-order-metrics{grid-template-columns:repeat(3,1fr)}.reference-products-layout,.reference-dashboard-grid{grid-template-columns:1fr}.reference-product-side{grid-template-columns:1fr 1fr}.reference-dashboard-side{grid-template-columns:repeat(2,1fr)}.reference-product-filters{grid-template-columns:1fr 1fr 1fr}.reference-product-filters .reference-search{grid-column:1/-1}.reference-expense-layout{grid-template-columns:1fr}}
@media(max-width:820px){.reference-page-head{align-items:flex-start;flex-direction:column}.reference-head-actions{width:100%;justify-content:flex-start}.reference-kpi-grid,.reference-product-metrics,.reference-order-metrics,.reference-expense-metrics{grid-template-columns:1fr 1fr}.reference-dashboard-side,.reference-product-side,.reference-expense-side-top,.reference-order-analytics{grid-template-columns:1fr}.reference-profit-layout{grid-template-columns:1fr}.reference-profit-summary{padding:0 2px}.reference-product-filters{grid-template-columns:1fr 1fr}.reference-dashboard-grid{display:block}.reference-dashboard-main,.reference-dashboard-side{margin-bottom:14px}.reference-expense-calendar{overflow:auto}.reference-calendar-day{min-width:80px}.reference-status-legend{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.reference-kpi-grid,.reference-product-metrics,.reference-order-metrics,.reference-expense-metrics{grid-template-columns:1fr}.reference-head-actions>*{flex:1}.reference-profit-footer{grid-template-columns:1fr}.reference-donut-wrap{grid-template-columns:1fr}.reference-donut{margin:auto}.reference-product-filters{grid-template-columns:1fr}.reference-product-filters .reference-search{grid-column:auto}.reference-pagination>span:first-child{display:none}.reference-page-head h1,#financePage.reference-orders-mode::before{font-size:25px}}
@media print{.reference-head-actions,.reference-product-filters,.reference-tabs{display:none!important}.reference-dashboard-grid,.reference-products-layout,.reference-expense-layout{display:block}.reference-panel{margin-bottom:12px;box-shadow:none}}

/* ---- site/ozon-app/reference-unified.css ---- */
/*
 * Savdo v10.37.0 — one visual language for every workspace.
 *
 * The four approved screens remain the source of truth. This layer brings
 * every other route to the same density, card geometry, controls, tables and
 * responsive behaviour without changing business markup or API contracts.
 */

:root{
  --unified-blue:#2868f5;
  --unified-violet:#6636ed;
  --unified-green:#20ae68;
  --unified-orange:#ff9418;
  --unified-red:#ff5561;
  --unified-cyan:#20bcd4;
  --unified-text:#15182b;
  --unified-muted:#687087;
  --unified-line:#e4e8f0;
  --unified-soft:#f7f9fc;
  --unified-card:#fff;
  --unified-shadow:0 2px 9px rgba(21,31,55,.045);
}

html[data-theme="dark"]{
  --unified-text:#f4f6fb;
  --unified-muted:#9ba4ba;
  --unified-line:#30384b;
  --unified-soft:#181d2a;
  --unified-card:#202635;
  --unified-shadow:0 2px 12px rgba(0,0,0,.18);
}

/* The top bar becomes a compact action bar after global search is removed. */
.topbar-actions{margin-left:auto}
.topbar-store{min-width:220px}
.topbar-store .select{width:100%;min-width:180px}

/* Generic page composition — deliberately excludes the literal Orders mode. */
.unified-standard-page:not(.reference-orders-mode){
  color:var(--unified-text);
  font-size:13px;
}

.unified-standard-page:not(.reference-orders-mode)>:not(.hero):not(.page-intro)+*{
  scroll-margin-top:92px;
}

.unified-standard-page:not(.reference-orders-mode)>.hero,
.unified-standard-page:not(.reference-orders-mode)>.page-intro,
.unified-standard-page:not(.reference-orders-mode)>.operations-heading,
.unified-standard-page:not(.reference-orders-mode)>.profile-hero{
  min-height:auto;
  margin:0 0 22px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  overflow:visible;
  border:0!important;
  border-radius:0;
  background:transparent!important;
  box-shadow:none!important;
}

.unified-standard-page:not(.reference-orders-mode)>.hero::before,
.unified-standard-page:not(.reference-orders-mode)>.hero::after,
.unified-standard-page:not(.reference-orders-mode)>.page-intro::before,
.unified-standard-page:not(.reference-orders-mode)>.page-intro::after{
  display:none!important;
}

.unified-standard-page:not(.reference-orders-mode)>.hero h1,
.unified-standard-page:not(.reference-orders-mode)>.page-intro h1,
.unified-standard-page:not(.reference-orders-mode)>.operations-heading h1,
.unified-standard-page:not(.reference-orders-mode)>.profile-hero h1{
  margin:0 0 7px;
  color:var(--unified-text);
  font-family:Inter,'Inter Tight',sans-serif;
  font-size:30px;
  font-weight:700;
  line-height:1.1;
  letter-spacing:-.035em;
}

.unified-standard-page:not(.reference-orders-mode)>.hero p,
.unified-standard-page:not(.reference-orders-mode)>.page-intro p,
.unified-standard-page:not(.reference-orders-mode)>.operations-heading p,
.unified-standard-page:not(.reference-orders-mode)>.profile-hero p{
  max-width:760px;
  margin:0;
  color:var(--unified-muted);
  font-size:13px;
  line-height:1.55;
}

.unified-standard-page:not(.reference-orders-mode) .pill,
.unified-standard-page:not(.reference-orders-mode) .eyebrow,
.unified-standard-page:not(.reference-orders-mode) .panel-kicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin:0 0 8px;
  padding:5px 9px;
  border:1px solid color-mix(in srgb,var(--page-accent,var(--unified-blue)) 18%,var(--unified-line));
  border-radius:8px;
  background:color-mix(in srgb,var(--page-accent,var(--unified-blue)) 8%,var(--unified-card));
  color:var(--page-accent,var(--unified-blue));
  font-family:Inter,system-ui,sans-serif;
  font-size:9px;
  font-weight:700;
  letter-spacing:.045em;
  text-transform:uppercase;
}

/* A controlled accent for each business area. */
#financePage{--page-accent:var(--unified-blue)}
#transitPage,#orderMapPage,#realFbsPage{--page-accent:var(--unified-cyan)}
#costsPage,#fulfillmentPage{--page-accent:var(--unified-green)}
#advertisingPage,#promotionsPage,#knowledgePage{--page-accent:var(--unified-violet)}
#assistantPage,#feedbackPage,#crmPage{--page-accent:#7350f4}
#markingPage{--page-accent:var(--unified-orange)}
#reportsPage,#profilePage,#settingsPage{--page-accent:var(--unified-blue)}
#billingPage{--page-accent:var(--unified-violet)}
#betaPage{--page-accent:var(--unified-orange)}
#adminPage{--page-accent:#7548e8}

/* Buttons and page-level controls copy the approved 44px controls. */
.unified-standard-page:not(.reference-orders-mode) .button,
.unified-standard-page:not(.reference-orders-mode) .btn,
.unified-standard-page:not(.reference-orders-mode) button.reference-control{
  min-height:44px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid var(--unified-line);
  border-radius:11px;
  background:var(--unified-card);
  color:var(--unified-text);
  font-size:11px;
  font-weight:600;
  box-shadow:var(--unified-shadow);
  transition:border-color .16s,background .16s,color .16s,transform .16s;
}

.unified-standard-page:not(.reference-orders-mode) .button:hover,
.unified-standard-page:not(.reference-orders-mode) .btn:hover{
  border-color:color-mix(in srgb,var(--page-accent) 35%,var(--unified-line));
  background:color-mix(in srgb,var(--page-accent) 4%,var(--unified-card));
  transform:translateY(-1px);
}

.unified-standard-page:not(.reference-orders-mode) .button.primary,
.unified-standard-page:not(.reference-orders-mode) .btn--primary{
  border-color:var(--page-accent);
  background:var(--page-accent);
  color:#fff;
  box-shadow:0 8px 20px color-mix(in srgb,var(--page-accent) 22%,transparent);
}

.unified-standard-page:not(.reference-orders-mode) .button.primary:hover,
.unified-standard-page:not(.reference-orders-mode) .btn--primary:hover{
  background:color-mix(in srgb,var(--page-accent) 88%,#000);
  color:#fff;
}

/* Inputs, selects and compact filters use one geometry on every route. */
.unified-standard-page:not(.reference-orders-mode) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
.unified-standard-page:not(.reference-orders-mode) select,
.unified-standard-page:not(.reference-orders-mode) textarea{
  min-height:44px;
  padding:0 12px;
  border:1px solid var(--unified-line);
  border-radius:9px;
  outline:0;
  background:var(--unified-card);
  color:var(--unified-text);
  font-size:11px;
  box-shadow:none;
}

.unified-standard-page:not(.reference-orders-mode) textarea{
  min-height:104px;
  padding-top:11px;
  resize:vertical;
}

.unified-standard-page:not(.reference-orders-mode) input:focus,
.unified-standard-page:not(.reference-orders-mode) select:focus,
.unified-standard-page:not(.reference-orders-mode) textarea:focus{
  border-color:var(--page-accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--page-accent) 13%,transparent);
}

/* Panels become the same white, lightly bordered surfaces as the references. */
.unified-standard-page:not(.reference-orders-mode) .panel,
.unified-standard-page:not(.reference-orders-mode) .card,
.unified-standard-page:not(.reference-orders-mode) .assistant-workspace,
.unified-standard-page:not(.reference-orders-mode) .feedback-workspace,
.unified-standard-page:not(.reference-orders-mode) .billing-plan,
.unified-standard-page:not(.reference-orders-mode) .beta-card,
.unified-standard-page:not(.reference-orders-mode) .guide-card{
  border:1px solid var(--unified-line);
  border-radius:16px;
  background:var(--unified-card);
  box-shadow:var(--unified-shadow);
}

.unified-standard-page:not(.reference-orders-mode) .panel-heading,
.unified-standard-page:not(.reference-orders-mode) .card-head,
.unified-standard-page:not(.reference-orders-mode) .report-head,
.unified-standard-page:not(.reference-orders-mode) .section-heading{
  min-height:58px;
  padding:17px 20px 12px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid color-mix(in srgb,var(--unified-line) 72%,transparent);
}

.unified-standard-page:not(.reference-orders-mode) .panel-heading h2,
.unified-standard-page:not(.reference-orders-mode) .panel-heading h3,
.unified-standard-page:not(.reference-orders-mode) .section-heading h2,
.unified-standard-page:not(.reference-orders-mode) .section-heading h3{
  margin:0;
  color:var(--unified-text);
  font-family:Inter,'Inter Tight',sans-serif;
  font-size:16px;
  letter-spacing:-.015em;
}

.unified-standard-page:not(.reference-orders-mode) .panel-heading p,
.unified-standard-page:not(.reference-orders-mode) .section-heading p{
  margin:5px 0 0;
  color:var(--unified-muted);
  font-size:10px;
}

/* Toolbars are quiet filter surfaces, not secondary hero cards. */
.unified-standard-page:not(.reference-orders-mode)>.toolbar,
.unified-standard-page:not(.reference-orders-mode)>.panel[class$="-toolbar"],
.unified-standard-page:not(.reference-orders-mode) .data-toolbar,
.unified-standard-page:not(.reference-orders-mode) .table-tools,
.unified-standard-page:not(.reference-orders-mode) .crm-toolbar,
.unified-standard-page:not(.reference-orders-mode) .rfbs-toolbar{
  margin:0 0 14px;
  padding:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid var(--unified-line);
  border-radius:14px;
  background:var(--unified-card);
  box-shadow:var(--unified-shadow);
}

.unified-standard-page:not(.reference-orders-mode) .panel>.data-toolbar,
.unified-standard-page:not(.reference-orders-mode) .panel>.table-tools,
.unified-standard-page:not(.reference-orders-mode) .panel>.rfbs-toolbar{
  margin:0;
  border:0;
  border-bottom:1px solid var(--unified-line);
  border-radius:0;
  box-shadow:none;
}

/* Tabs follow the selected Products/Orders underline pattern. */
.unified-standard-page:not(.reference-orders-mode) .report-tabs,
.unified-standard-page:not(.reference-orders-mode) .operations-tabs,
.unified-standard-page:not(.reference-orders-mode) .assistant-mode-tabs{
  min-height:44px;
  padding:0 14px;
  display:flex;
  align-items:flex-end;
  gap:22px;
  overflow:auto;
  border:0;
  border-bottom:1px solid var(--unified-line);
  border-radius:0;
  background:var(--unified-card);
  box-shadow:none;
  scrollbar-width:thin;
}

.unified-standard-page:not(.reference-orders-mode) .report-tabs button,
.unified-standard-page:not(.reference-orders-mode) .operations-tabs button,
.unified-standard-page:not(.reference-orders-mode) .assistant-mode-tabs button{
  min-height:44px;
  padding:0 2px;
  border:0;
  border-bottom:2px solid transparent;
  border-radius:0;
  background:transparent;
  color:var(--unified-muted);
  font-size:11px;
  font-weight:500;
  white-space:nowrap;
  box-shadow:none;
}

.unified-standard-page:not(.reference-orders-mode) .report-tabs button.active,
.unified-standard-page:not(.reference-orders-mode) .operations-tabs button.active,
.unified-standard-page:not(.reference-orders-mode) .assistant-mode-tabs button.active{
  border-bottom-color:var(--page-accent);
  background:transparent;
  color:var(--page-accent);
  font-weight:700;
}

/* KPI families share the approved card proportions and calm colour semantics. */
.unified-standard-page:not(.reference-orders-mode) .metric-grid,
.unified-standard-page:not(.reference-orders-mode) .kpi-grid,
.unified-standard-page:not(.reference-orders-mode) .report-metric-grid,
.unified-standard-page:not(.reference-orders-mode) .rfbs-summary,
.unified-standard-page:not(.reference-orders-mode) .fulfillment-summary,
.unified-standard-page:not(.reference-orders-mode) .knowledge-stats,
.unified-standard-page:not(.reference-orders-mode) .marking-metrics,
.unified-standard-page:not(.reference-orders-mode) .order-map-metrics,
.unified-standard-page:not(.reference-orders-mode) .transit-activity-metrics,
.unified-standard-page:not(.reference-orders-mode) .admin-summary-grid,
.unified-standard-page:not(.reference-orders-mode) .crm-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:14px;
}

.unified-standard-page:not(.reference-orders-mode) .metric-grid>*,
.unified-standard-page:not(.reference-orders-mode) .kpi-grid>*,
.unified-standard-page:not(.reference-orders-mode) .report-metric-grid>*,
.unified-standard-page:not(.reference-orders-mode) .rfbs-summary>*,
.unified-standard-page:not(.reference-orders-mode) .fulfillment-summary>*,
.unified-standard-page:not(.reference-orders-mode) .knowledge-stats>*,
.unified-standard-page:not(.reference-orders-mode) .marking-metrics>*,
.unified-standard-page:not(.reference-orders-mode) .order-map-metrics>*,
.unified-standard-page:not(.reference-orders-mode) .transit-activity-metrics>*,
.unified-standard-page:not(.reference-orders-mode) .admin-summary-grid>*,
.unified-standard-page:not(.reference-orders-mode) .crm-summary-grid>*{
  --metric-accent:var(--unified-blue);
  min-width:0;
  min-height:126px;
  padding:19px;
  position:relative;
  overflow:hidden;
  border:1px solid var(--unified-line);
  border-radius:16px;
  background:var(--unified-card);
  box-shadow:inset 0 3px var(--metric-accent),var(--unified-shadow);
}

.unified-standard-page:not(.reference-orders-mode) :is(.metric-grid,.kpi-grid,.report-metric-grid,.rfbs-summary,.fulfillment-summary,.knowledge-stats,.marking-metrics,.order-map-metrics,.transit-activity-metrics,.admin-summary-grid,.crm-summary-grid)>*:nth-child(4n+2){--metric-accent:var(--unified-green)}
.unified-standard-page:not(.reference-orders-mode) :is(.metric-grid,.kpi-grid,.report-metric-grid,.rfbs-summary,.fulfillment-summary,.knowledge-stats,.marking-metrics,.order-map-metrics,.transit-activity-metrics,.admin-summary-grid,.crm-summary-grid)>*:nth-child(4n+3){--metric-accent:var(--unified-violet)}
.unified-standard-page:not(.reference-orders-mode) :is(.metric-grid,.kpi-grid,.report-metric-grid,.rfbs-summary,.fulfillment-summary,.knowledge-stats,.marking-metrics,.order-map-metrics,.transit-activity-metrics,.admin-summary-grid,.crm-summary-grid)>*:nth-child(4n+4){--metric-accent:var(--unified-orange)}

.unified-standard-page:not(.reference-orders-mode) :is(.metric-card,.report-metric,.knowledge-stat,.marking-metric,.order-map-metric,.transit-metric,.fulfillment-metric,.admin-summary-card,.crm-stat-card)::before{
  top:18px;
  right:18px;
  width:42px;
  height:42px;
  border-radius:12px;
  background:color-mix(in srgb,var(--metric-accent) 10%,var(--unified-card));
}

.unified-standard-page:not(.reference-orders-mode) :is(.metric-card,.report-metric,.knowledge-stat,.marking-metric,.order-map-metric,.transit-metric,.fulfillment-metric,.admin-summary-card,.crm-stat-card) strong,
.unified-standard-page:not(.reference-orders-mode) :is(.metric-card,.report-metric,.knowledge-stat,.marking-metric,.order-map-metric,.transit-metric,.fulfillment-metric,.admin-summary-card,.crm-stat-card) b{
  color:var(--unified-text);
  font-family:Inter,'Inter Tight',sans-serif;
  font-size:23px;
  letter-spacing:-.03em;
}

/* Finance retains its approved four-period comparison hierarchy. */
#financePage.unified-standard-page:not(.reference-orders-mode)>.finance-intro{margin-bottom:18px}
#financePage.unified-standard-page:not(.reference-orders-mode)>.finance-toolbar{
  display:grid;
  grid-template-columns:minmax(250px,1fr) auto auto auto;
}
#financePage.unified-standard-page:not(.reference-orders-mode)>.period-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:14px;
}
#financePage.unified-standard-page:not(.reference-orders-mode) .period-card{
  min-height:194px;
  border-color:var(--unified-line);
  border-radius:16px;
  box-shadow:var(--unified-shadow);
}
#financePage.unified-standard-page:not(.reference-orders-mode) .period-card::before{height:4px}
#financePage.unified-standard-page:not(.reference-orders-mode)>#metricCards{grid-template-columns:repeat(4,minmax(0,1fr))}
#financePage.unified-standard-page:not(.reference-orders-mode)>.finance-report-content{margin-top:14px}
#financePage.unified-standard-page:not(.reference-orders-mode) .profit-bridge-card{border-radius:16px}

/* Tables and registries match Products A / Orders A. */
.unified-standard-page:not(.reference-orders-mode) .table-scroll{
  max-width:100%;
  overflow:auto;
  border-radius:0 0 16px 16px;
  scrollbar-width:thin;
  scrollbar-color:var(--unified-line) transparent;
}

.unified-standard-page:not(.reference-orders-mode) table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  background:var(--unified-card);
}

.unified-standard-page:not(.reference-orders-mode) th{
  height:43px;
  padding:10px 12px;
  border-bottom:1px solid var(--unified-line);
  background:var(--unified-soft);
  color:var(--unified-muted);
  font-size:9px;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:none;
}

.unified-standard-page:not(.reference-orders-mode) td{
  min-height:54px;
  padding:10px 12px;
  border-bottom:1px solid color-mix(in srgb,var(--unified-line) 70%,transparent);
  color:var(--unified-muted);
  font-size:10.5px;
}

.unified-standard-page:not(.reference-orders-mode) tbody tr:hover{background:var(--unified-soft)}
.unified-standard-page:not(.reference-orders-mode) td b{color:var(--unified-text)}

/* Fulfilment, transit and advertising use one main-workspace hierarchy. */
#transitPage .transit-scheme-toolbar,
#transitPage .transit-activity-panel,
#orderMapPage .order-map-toolbar,
#realFbsPage .rfbs-workspace,
#fulfillmentPage .fulfillment-toolbar,
#advertisingPage .advertising-panel{
  margin-bottom:14px;
}

#transitPage .scheme-switch,
#transitPage .transit-period-switch,
#orderMapPage .order-map-tabs{
  display:flex;
  gap:5px;
  padding:4px;
  border:1px solid var(--unified-line);
  border-radius:10px;
  background:var(--unified-soft);
}

#transitPage .scheme-switch button,
#transitPage .transit-period-switch button,
#orderMapPage .order-map-tabs button{
  min-height:34px;
  padding:0 12px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:var(--unified-muted);
  box-shadow:none;
}

#transitPage .scheme-switch button.active,
#transitPage .transit-period-switch button.active,
#orderMapPage .order-map-tabs button.active{
  background:var(--unified-card);
  color:var(--page-accent);
  box-shadow:var(--unified-shadow);
}

#orderMapPage .order-map-bottom,
#advertisingPage .advertising-content,
#knowledgePage .store-knowledge-columns{
  gap:14px;
}

/* Chat, reviews and CRM keep their purpose while sharing the same shell. */
#assistantPage .assistant-workspace,
#feedbackPage .feedback-workspace{
  min-height:650px;
  overflow:hidden;
}

#assistantPage .assistant-rail,
#feedbackPage .feedback-list{
  background:var(--unified-soft);
  border-right:1px solid var(--unified-line);
}

#assistantPage .assistant-composer,
#feedbackPage .feedback-composer{
  border-top:1px solid var(--unified-line);
  background:var(--unified-card);
}

#crmPage>.operations-tabs{
  margin-bottom:14px;
  border:1px solid var(--unified-line);
  border-radius:16px 16px 0 0;
}

#crmPage>.crm-toolbar{border-radius:14px}

/* Settings and account pages use readable two-column cards on desktop. */
#settingsPage .settings-form,
#reportsPage .report-settings-card{
  max-width:none;
  padding:22px;
}

#settingsPage .setting-row,
#reportsPage .report-setting-row{
  padding:17px 0;
  border-bottom:1px solid var(--unified-line);
}

#profilePage .profile-hero{
  justify-content:flex-start;
  padding:0;
}

#profilePage .profile-avatar-large{
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:linear-gradient(135deg,var(--unified-violet),var(--unified-blue));
  color:#fff;
  font-size:24px;
  box-shadow:0 10px 24px rgba(74,74,220,.2);
}

#profilePage .profile-grid{gap:14px}
#profilePage .profile-grid>.panel{padding:18px}

/* Billing and admin become clean management dashboards. */
#billingPage .billing-section-heading,
#adminPage .admin-billing-heading{
  margin:22px 0 12px;
  padding:0;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
}

#billingPage .billing-plans-grid,
#betaPage .beta-grid{
  gap:14px;
}

#billingPage .billing-plan{
  overflow:hidden;
  box-shadow:inset 0 4px var(--unified-violet),var(--unified-shadow);
}

#billingPage .billing-builder-panel,
#billingPage .billing-payments-panel,
#adminPage .admin-anchor-section{
  margin-top:14px;
}

#adminPage .admin-quick-nav{
  margin:0 0 14px;
  padding:8px;
  display:flex;
  gap:6px;
  border:1px solid var(--unified-line);
  border-radius:12px;
  background:var(--unified-card);
  box-shadow:var(--unified-shadow);
}

#adminPage .admin-quick-nav a{
  padding:9px 12px;
  border-radius:8px;
  color:var(--unified-muted);
  font-size:10px;
  font-weight:600;
}

#adminPage .admin-quick-nav a:hover{
  background:color-mix(in srgb,var(--page-accent) 8%,var(--unified-card));
  color:var(--page-accent);
}

/* Marking stays a workflow, but visually belongs to the same product. */
#markingPage .marking-workflow{
  margin-bottom:14px;
  padding:14px;
  border:1px solid var(--unified-line);
  border-radius:16px;
  background:var(--unified-card);
  box-shadow:var(--unified-shadow);
}

#markingPage .marking-workflow button{
  border:0;
  background:transparent;
  box-shadow:none;
}

#markingPage .marking-workflow button b{
  background:color-mix(in srgb,var(--unified-orange) 12%,var(--unified-card));
  color:var(--unified-orange);
}

#markingPage .marking-workflow button.active b{
  background:var(--unified-orange);
  color:#fff;
}

#markingPage .marking-subnav{
  border:1px solid var(--unified-line);
  border-radius:16px;
  background:var(--unified-card);
  box-shadow:var(--unified-shadow);
}

#markingPage .marking-subnav button.active{
  background:color-mix(in srgb,var(--unified-orange) 9%,var(--unified-card));
  color:var(--unified-orange);
}

/* Dark theme details that otherwise retain pale light-only fills. */
html[data-theme="dark"] .unified-standard-page:not(.reference-orders-mode) .settings-note,
html[data-theme="dark"] .unified-standard-page:not(.reference-orders-mode) .status-banner,
html[data-theme="dark"] .unified-standard-page:not(.reference-orders-mode) .ozon-selected-period{
  background:var(--unified-soft);
  color:var(--unified-muted);
}

html[data-theme="dark"] .reference-kpi-compare b,
html[data-theme="dark"] .reference-profit-summary>small,
html[data-theme="dark"] .reference-status{
  border-color:rgba(32,174,104,.3);
  background:rgba(32,174,104,.14);
  color:#59d995;
}

html[data-theme="dark"] .reference-status.warn{
  background:rgba(255,148,24,.14);
  color:#ffb45a;
}

html[data-theme="dark"] .reference-status.bad{
  background:rgba(255,85,97,.14);
  color:#ff7d88;
}

html[data-theme="dark"] .reference-calendar-day.today{background:rgba(40,104,245,.13)}
html[data-theme="dark"] .reference-cash-warning{
  border-color:rgba(255,148,24,.34);
  background:rgba(255,148,24,.1);
}
html[data-theme="dark"] .reference-scheme{background:rgba(40,104,245,.15);color:#74a4ff}
html[data-theme="dark"] .reference-scheme.fbs{background:rgba(32,174,104,.15);color:#58d795}
html[data-theme="dark"] .reference-scheme.rfbs{background:rgba(102,54,237,.18);color:#a68aff}

/* Responsive behaviour follows the approved one/two-column fallbacks. */
@media(max-width:1400px){
  .unified-standard-page:not(.reference-orders-mode) :is(.metric-grid,.kpi-grid,.report-metric-grid,.rfbs-summary,.fulfillment-summary,.knowledge-stats,.marking-metrics,.order-map-metrics,.transit-activity-metrics,.admin-summary-grid,.crm-summary-grid),
  #financePage.unified-standard-page:not(.reference-orders-mode)>#metricCards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #financePage.unified-standard-page:not(.reference-orders-mode)>.period-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:1100px){
  .topbar-store{min-width:0}
  .unified-standard-page:not(.reference-orders-mode)>.hero,
  .unified-standard-page:not(.reference-orders-mode)>.page-intro,
  .unified-standard-page:not(.reference-orders-mode)>.operations-heading{
    align-items:flex-start;
  }
  #financePage.unified-standard-page:not(.reference-orders-mode)>.finance-toolbar{grid-template-columns:1fr auto}
  #financePage.unified-standard-page:not(.reference-orders-mode)>.finance-toolbar>.ozon-detail-search{grid-column:1/-1}
}

@media(max-width:820px){
  .unified-standard-page:not(.reference-orders-mode)>.hero,
  .unified-standard-page:not(.reference-orders-mode)>.page-intro,
  .unified-standard-page:not(.reference-orders-mode)>.operations-heading,
  .unified-standard-page:not(.reference-orders-mode)>.profile-hero{
    align-items:flex-start;
    flex-direction:column;
  }
  .unified-standard-page:not(.reference-orders-mode)>.hero .button-row,
  .unified-standard-page:not(.reference-orders-mode)>.page-intro .button-row,
  .unified-standard-page:not(.reference-orders-mode)>.operations-heading .button-row{
    width:100%;
    justify-content:flex-start;
  }
  .unified-standard-page:not(.reference-orders-mode) .toolbar,
  .unified-standard-page:not(.reference-orders-mode) .data-toolbar,
  .unified-standard-page:not(.reference-orders-mode) .table-tools,
  .unified-standard-page:not(.reference-orders-mode) .crm-toolbar,
  .unified-standard-page:not(.reference-orders-mode) .rfbs-toolbar{
    align-items:stretch;
    flex-direction:column;
  }
}

@media(max-width:560px){
  .unified-standard-page:not(.reference-orders-mode)>.hero h1,
  .unified-standard-page:not(.reference-orders-mode)>.page-intro h1,
  .unified-standard-page:not(.reference-orders-mode)>.operations-heading h1,
  .unified-standard-page:not(.reference-orders-mode)>.profile-hero h1{
    font-size:25px;
  }
  .unified-standard-page:not(.reference-orders-mode) :is(.metric-grid,.kpi-grid,.report-metric-grid,.rfbs-summary,.fulfillment-summary,.knowledge-stats,.marking-metrics,.order-map-metrics,.transit-activity-metrics,.admin-summary-grid,.crm-summary-grid),
  #financePage.unified-standard-page:not(.reference-orders-mode)>#metricCards,
  #financePage.unified-standard-page:not(.reference-orders-mode)>.period-cards{
    grid-template-columns:1fr;
  }
  .unified-standard-page:not(.reference-orders-mode) .button-row>*{flex:1}
  #financePage.unified-standard-page:not(.reference-orders-mode)>.finance-toolbar{grid-template-columns:1fr}
}

@media print{
  .unified-standard-page .hero .button-row,
  .unified-standard-page .page-intro .button-row,
  .unified-standard-page .toolbar,
  .unified-standard-page .report-tabs,
  .unified-standard-page .operations-tabs{display:none!important}
  .unified-standard-page .panel,
  .unified-standard-page .card{box-shadow:none!important}
}

/* Savdo v10.37.0 — daily work screens: CRM, marking, calendar and finance. */

/* CRM board: four clearly separated work zones. */
#crmPage .crm-summary-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
}

#crmPage .crm-board{
  align-items:start;
  gap:14px;
  padding:2px 0 12px;
}

#crmPage .crm-column{
  --crm-accent:var(--unified-blue);
  min-height:330px;
  padding:12px;
  display:flex;
  flex-direction:column;
  border:1px solid color-mix(in srgb,var(--crm-accent) 25%,var(--unified-line));
  border-top:4px solid var(--crm-accent);
  border-radius:16px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--crm-accent) 9%,var(--unified-card)),var(--unified-card) 145px);
  box-shadow:0 8px 24px rgba(27,35,65,.06);
}

#crmPage .crm-column[data-status="todo"]{--crm-accent:#1f5fc4}
#crmPage .crm-column[data-status="in_progress"]{--crm-accent:#a94f00}
#crmPage .crm-column[data-status="review"]{--crm-accent:#6842c2}
#crmPage .crm-column[data-status="done"]{--crm-accent:#087443}

#crmPage .crm-column-head{
  min-height:42px;
  margin:0 0 10px;
  padding:2px 2px 10px;
  display:flex;
  align-items:center;
  border-bottom:1px solid color-mix(in srgb,var(--crm-accent) 23%,var(--unified-line));
}

#crmPage .crm-column-head b{
  display:flex;
  align-items:center;
  color:var(--unified-text);
  font-size:13px;
}

#crmPage .crm-column-head b span{
  place-items:center;
  border-radius:999px;
  background:var(--crm-accent);
  color:#fff;
  font-size:10px;
  box-shadow:0 5px 12px color-mix(in srgb,var(--crm-accent) 26%,transparent);
}

#crmPage .crm-column-head .icon-button{
  width:36px;
  height:36px;
  margin-left:auto;
  border-color:color-mix(in srgb,var(--crm-accent) 30%,var(--unified-line));
  background:color-mix(in srgb,var(--crm-accent) 10%,var(--unified-card));
  color:var(--crm-accent);
  font-size:18px;
}

#crmPage .task-card{
  margin:0 0 10px;
  padding:14px;
  overflow:hidden;
  border:1px solid var(--unified-line);
  border-left:3px solid var(--crm-accent);
  border-radius:12px;
  background:var(--unified-card);
  box-shadow:0 5px 16px rgba(20,30,55,.07);
}

#crmPage .task-card:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--crm-accent) 32%,var(--unified-line));
  box-shadow:0 9px 22px rgba(20,30,55,.1);
}

#crmPage .task-card h4{
  margin:8px 0;
  color:var(--unified-text);
  font-size:13px;
  overflow-wrap:anywhere;
}

#crmPage .task-card p{
  margin:0 0 10px;
  color:var(--unified-muted);
  font-size:12px;
  line-height:1.5;
}

#crmPage .task-chip{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:4px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
}

#crmPage .task-priority-low{background:rgba(32,174,104,.12);color:#15915a}
#crmPage .task-priority-medium{background:rgba(255,148,24,.14);color:#c76b00}
#crmPage .task-priority-high{background:rgba(255,85,97,.13);color:#e94452}

#crmPage .task-overdue{
  border-color:color-mix(in srgb,var(--unified-red) 42%,var(--unified-line));
  border-left-color:var(--unified-red);
}

#crmPage .task-meta{
  display:grid;
  gap:9px;
  color:var(--unified-muted);
  font-size:12px;
  line-height:1.45;
}

#crmPage .task-card select{
  width:100%;
  min-height:36px;
  padding:0 34px 0 10px;
  background-color:var(--unified-soft);
  font-size:12px;
}

#crmPage .crm-column>.empty-state{
  min-height:0;
  margin:0;
  padding:20px 10px;
  display:block;
  border:1px dashed color-mix(in srgb,var(--crm-accent) 32%,var(--unified-line));
  border-radius:11px;
  background:color-mix(in srgb,var(--crm-accent) 5%,var(--unified-card));
  color:var(--unified-muted);
  text-align:center;
  font-size:12px;
}

#crmPage .crm-filters button{
  min-height:38px;
  padding:0 14px;
  border:1px solid var(--unified-line);
  border-radius:9px;
  background:var(--unified-card);
  color:var(--unified-muted);
  cursor:pointer;
}

#crmPage .crm-filters button.active{
  border-color:var(--page-accent);
  background:color-mix(in srgb,var(--page-accent) 11%,var(--unified-card));
  color:var(--page-accent);
  font-weight:700;
  box-shadow:0 5px 14px color-mix(in srgb,var(--page-accent) 12%,transparent);
}

/* Marking: constrain SVG icons and restore the intended workbench. */
#markingPage .marking-layout{
  display:grid!important;
  grid-template-columns:188px minmax(0,1fr)!important;
  align-items:start;
}

#markingPage .marking-subnav{
  position:sticky;
  top:92px;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px;
  padding:9px;
}

#markingPage .marking-subnav button{
  width:100%;
  min-height:46px;
  padding:8px 10px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  border:1px solid transparent;
  border-radius:10px;
  text-align:left;
}

#markingPage .marking-subnav button svg{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px;
  padding:5px;
  border-radius:8px;
  background:var(--unified-soft);
}

#markingPage .marking-subnav button.active svg{
  background:#a94f00;
  color:#fff;
  box-shadow:0 6px 14px rgba(255,148,24,.22);
}

#markingPage .marking-workflow{
  display:grid!important;
  align-items:center!important;
}

#markingPage .marking-workflow button{
  min-height:36px;
  padding:0;
  display:flex;
  align-items:center;
}

#markingPage .marking-workflow button b{place-items:center}

#markingPage .marking-connection-settings{
  min-height:40px;
  border:1px solid color-mix(in srgb,var(--unified-orange) 30%,var(--unified-line));
  border-radius:10px;
  background:color-mix(in srgb,var(--unified-orange) 10%,var(--unified-card));
  color:var(--unified-orange);
  cursor:pointer;
  font-weight:700;
}

#markingPage .marking-connection-settings:hover,
#markingPage .marking-connection-settings:focus-visible{
  border-color:var(--unified-orange);
  background:color-mix(in srgb,var(--unified-orange) 16%,var(--unified-card));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--unified-orange) 15%,transparent);
}

#markingPage .marking-content{
  border:1px solid var(--unified-line);
  border-radius:16px;
  background:var(--unified-card);
  box-shadow:var(--unified-shadow);
}

#markingPage .marking-search{
  position:relative;
  min-height:40px;
  display:block;
  flex:1;
  padding:0!important;
  border:0!important;
  border-radius:10px;
  background:transparent!important;
  box-shadow:none!important;
}

#markingPage .marking-search svg{
  position:absolute!important;
  z-index:2;
  left:13px;
  top:50%;
  width:18px!important;
  height:18px!important;
  transform:translateY(-50%);
  color:var(--unified-muted);
  pointer-events:none;
}

#markingPage .marking-search input{
  height:40px;
  padding:0 12px 0 42px!important;
  border:1px solid var(--unified-line)!important;
  background:var(--unified-card)!important;
}

#markingPage .marking-head-actions svg,
#markingPage .marking-row-actions svg{
  width:17px!important;
  height:17px!important;
  flex:0 0 17px;
}

#markingPage .marking-product-placeholder svg{
  width:19px!important;
  height:19px!important;
}

#markingPage .marking-empty{
  min-height:330px;
  place-items:center;
  align-content:center;
  gap:0;
  border-top:1px solid var(--unified-line);
  background:linear-gradient(180deg,var(--unified-card),var(--unified-soft));
}

#markingPage .marking-empty>i,
#markingPage .marking-empty>.marking-empty-icon{
  width:54px!important;
  height:54px!important;
  padding:14px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:color-mix(in srgb,var(--unified-orange) 11%,var(--unified-card));
  color:var(--unified-orange);
}

#markingPage .marking-table tbody tr:hover{
  background:color-mix(in srgb,var(--unified-orange) 4%,var(--unified-card));
}

/* Date-range dialog: explicit styles beat the generic [class$="-toolbar"] rule. */
#ozonPeriodDialog{
  width:min(1120px,calc(100vw - 24px));
  max-height:calc(100vh - 24px);
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:20px;
  background:var(--card);
  box-shadow:0 28px 85px rgba(13,18,38,.28);
}

#ozonPeriodDialog .ozon-period-dialog-card{
  max-height:calc(100vh - 24px);
  overflow:auto;
  background:var(--card);
}

#ozonPeriodDialog .ozon-period-dialog-card>header{
  position:sticky;
  z-index:5;
  top:0;
  padding:24px 30px 19px;
  border-bottom:1px solid var(--line);
  background:color-mix(in srgb,var(--card) 94%,transparent);
  backdrop-filter:blur(14px);
}

#ozonPeriodDialog .ozon-range-summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);
  align-items:center;
  gap:12px;
  margin:18px 30px 12px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:15px;
  background:var(--bg-muted);
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 45%,transparent);
}

#ozonPeriodDialog .ozon-range-summary>div:not(.ozon-range-feedback){
  min-height:66px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--card);
  box-shadow:var(--shadow-card);
}

#ozonPeriodDialog .ozon-range-summary>i{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--primary-soft);
  color:var(--primary);
  font-style:normal;
  font-weight:700;
}

#ozonPeriodDialog .ozon-range-summary span{
  color:var(--t-light);
  font-size:9px;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
}

#ozonPeriodDialog .ozon-range-summary b{
  margin-top:5px;
  color:var(--text);
  font-size:13px;
}

#ozonPeriodDialog .ozon-range-summary.has-start>div:first-child,
#ozonPeriodDialog .ozon-range-summary.has-range>div:nth-of-type(2){
  border-color:color-mix(in srgb,var(--primary) 38%,var(--line));
  background:color-mix(in srgb,var(--primary) 7%,var(--card));
  box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 12%,transparent);
}

#ozonPeriodDialog .ozon-range-feedback{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:1px 3px 0;
}

#ozonPeriodDialog .ozon-range-feedback small{
  color:var(--muted);
  font-size:10px;
}

#ozonPeriodDialog #clearOzonCalendarPeriod{
  min-height:30px;
  padding:0 10px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--primary);
  cursor:pointer;
  font-size:10px;
  font-weight:700;
}

#ozonPeriodDialog #clearOzonCalendarPeriod:hover{background:var(--primary-soft)}
#ozonPeriodDialog #clearOzonCalendarPeriod:disabled{opacity:.35;cursor:not-allowed}

#ozonPeriodDialog .ozon-calendar-toolbar{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 44px!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 30px!important;
  padding:7px!important;
  border:1px solid var(--line)!important;
  border-radius:13px!important;
  background:var(--bg-muted)!important;
  box-shadow:none!important;
}

#ozonPeriodDialog .ozon-calendar-toolbar strong{
  color:var(--text);
  font-size:12px;
  text-align:center;
}

#ozonPeriodDialog .ozon-calendar-toolbar button{
  width:40px;
  height:40px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--card);
  color:var(--text);
  box-shadow:var(--shadow-card);
  font-size:20px;
  cursor:pointer;
}

#ozonPeriodDialog .ozon-calendar-toolbar button:hover:not(:disabled){
  border-color:var(--primary);
  color:var(--primary);
  transform:translateY(-1px);
}

#ozonPeriodDialog .ozon-calendar-toolbar button:disabled{opacity:.32;cursor:not-allowed;box-shadow:none}

#ozonPeriodDialog .ozon-range-calendar{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  padding:14px 30px 24px!important;
}

#ozonPeriodDialog .ozon-calendar-month{
  min-width:0;
  padding:17px;
  border:1px solid var(--line);
  border-radius:15px;
  background:var(--card);
  box-shadow:var(--shadow-card);
}

#ozonPeriodDialog .ozon-calendar-month h3{
  margin:0 0 14px;
  color:var(--text);
  font-family:'Inter Tight',Inter,sans-serif;
  font-size:15px;
  text-align:center;
}

#ozonPeriodDialog .ozon-calendar-week b{
  padding:5px 0 9px;
  color:var(--t-light);
  font-size:9px;
  font-weight:700;
  text-align:center;
}

#ozonPeriodDialog .ozon-calendar-days{row-gap:3px}

#ozonPeriodDialog .ozon-calendar-day{
  appearance:none;
  position:relative;
  z-index:1;
  width:100%;
  height:44px;
  min-height:44px;
  padding:0;
  display:grid!important;
  place-items:center;
  border:1px solid transparent;
  border-radius:10px;
  outline:0;
  background:transparent;
  color:var(--text);
  box-shadow:none;
  font-size:11px;
  font-weight:600;
  cursor:pointer;
  transition:background .12s,color .12s,box-shadow .12s,transform .12s,border-color .12s;
}

#ozonPeriodDialog .ozon-calendar-day:hover:not(:disabled),
#ozonPeriodDialog .ozon-calendar-day:focus-visible{
  z-index:3;
  border-color:color-mix(in srgb,var(--primary) 38%,var(--line));
  background:var(--primary-soft);
  color:var(--primary);
  box-shadow:0 0 0 3px var(--primary-ring);
}

#ozonPeriodDialog .ozon-calendar-day.today:not(.range-start):not(.range-end){
  border-color:color-mix(in srgb,var(--primary) 45%,var(--line));
  color:var(--primary);
}

#ozonPeriodDialog .ozon-calendar-day.range-preview,
#ozonPeriodDialog .ozon-calendar-day.in-range{
  border-radius:6px;
  background:color-mix(in srgb,var(--primary) 13%,var(--card));
  color:var(--primary);
}

#ozonPeriodDialog .ozon-calendar-day.range-start,
#ozonPeriodDialog .ozon-calendar-day.range-end,
#ozonPeriodDialog .ozon-calendar-day.preview-start,
#ozonPeriodDialog .ozon-calendar-day.preview-end{
  z-index:2;
  border-color:transparent;
  border-radius:11px;
  background:linear-gradient(135deg,var(--primary),var(--purple));
  color:#fff;
  box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 32%,transparent);
  transform:translateY(-1px);
}

#ozonPeriodDialog .ozon-calendar-day:is(.range-start,.range-end,.preview-start,.preview-end):hover:not(:disabled){
  border-color:transparent;
  background:linear-gradient(135deg,var(--primary),var(--purple));
  color:#fff;
  box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 32%,transparent),0 0 0 3px var(--primary-ring);
}

#ozonPeriodDialog .ozon-calendar-day:is(.range-start,.range-end,.preview-start,.preview-end):focus-visible{
  border-color:#fff;
  background:linear-gradient(135deg,var(--primary),var(--purple));
  color:#fff;
  box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 32%,transparent),0 0 0 4px var(--primary-ring);
}

#ozonPeriodDialog .ozon-calendar-day:disabled{
  opacity:.24;
  background:transparent;
  color:var(--t-light);
  cursor:not-allowed;
}

#ozonPeriodDialog .ozon-period-dialog-card>footer{
  position:sticky;
  z-index:5;
  bottom:0;
  padding:16px 30px 20px;
  border-top:1px solid var(--line);
  background:color-mix(in srgb,var(--card) 94%,transparent);
  backdrop-filter:blur(14px);
}

/* Finance detail: summary first, then clearly separated semantic cards. */
#financeDialog{
  width:min(1180px,calc(100vw - 24px));
  max-height:calc(100vh - 24px);
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:20px;
  background:var(--card);
  box-shadow:0 28px 85px rgba(13,18,38,.3);
}

#financeDialog .finance-dialog-card{
  max-height:calc(100vh - 24px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:0;
  border-radius:20px;
  background:var(--card);
}

#financeDialog .finance-dialog-head{
  position:relative;
  z-index:8;
  flex:0 0 auto;
  padding:20px 26px;
  align-items:center;
  border-bottom:1px solid var(--line);
  background:var(--card);
}

#financeDialog .finance-dialog-head b{
  color:var(--text);
  font-family:'Inter Tight',Inter,sans-serif;
  font-size:20px;
}

#financeDialog .finance-dialog-head span{color:var(--muted);font-size:10px}

#financeDialog .finance-dialog-close{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--bg-muted);
  color:var(--muted);
}

#financeDialog .finance-dialog-body{
  flex:1 1 auto;
  min-height:0;
  max-height:none;
  overflow:auto;
  background:var(--bg);
}

.ozon-finance-tree .finance-tree-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0!important;
  padding:18px 24px 12px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.ozon-finance-tree .finance-tree-toolbar p{margin:4px 0 0;color:var(--muted);font-size:11px}

.finance-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  padding:0 24px 14px;
}

.finance-summary-card{
  --summary-tone:var(--primary);
  position:relative;
  min-width:0;
  min-height:108px;
  padding:15px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--summary-tone) 25%,var(--line));
  border-radius:14px;
  background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--summary-tone) 8%,var(--card)));
  box-shadow:0 7px 20px rgba(26,34,58,.06);
}

.finance-summary-card::after{
  content:"";
  position:absolute;
  top:-28px;
  right:-24px;
  width:78px;
  height:78px;
  border-radius:50%;
  background:color-mix(in srgb,var(--summary-tone) 12%,transparent);
}

.finance-summary-card.income{--summary-tone:var(--green)}
.finance-summary-card.deductions{--summary-tone:var(--red)}
.finance-summary-card.payout{--summary-tone:var(--blue)}
.finance-summary-card.profit{--summary-tone:#20ae68}
.finance-summary-card.warning{--summary-tone:var(--orange)}
.finance-summary-card span,.finance-summary-card small{position:relative;z-index:1;color:var(--muted);font-size:10px}
.finance-summary-card span{font-weight:700;text-transform:uppercase;letter-spacing:.055em}
.finance-summary-card b{position:relative;z-index:1;display:block;margin:10px 0 5px;color:var(--summary-tone);font-family:'Inter Tight',Inter,sans-serif;font-size:20px;line-height:1.15;overflow-wrap:anywhere}

.ozon-finance-tree .finance-source-legend{
  margin:0 24px 12px;
  padding:8px 10px;
  display:flex;
  gap:7px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--card);
}

.ozon-finance-tree .finance-source-legend span{
  padding:5px 8px;
  border-radius:7px;
  background:var(--info-soft);
  color:var(--info);
  font-size:10px;
  font-weight:700;
}

.ozon-finance-tree .finance-source-legend .calculated{background:var(--primary-soft);color:var(--primary)}

.ozon-finance-tree .finance-tree-list{
  padding:0 24px;
  display:grid;
  gap:10px;
}

.finance-tree-list>.finance-tree-node{
  --finance-tone:var(--primary);
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--finance-tone) 24%,var(--line));
  border-left:4px solid var(--finance-tone);
  border-radius:14px;
  background:var(--card);
  box-shadow:0 5px 17px rgba(24,33,58,.055);
}

.finance-tree-node.finance-tone-income,.finance-tone-income{--finance-tone:#20ae68}
.finance-tree-node.finance-tone-returns,.finance-tone-returns{--finance-tone:#f05463}
.finance-tree-node.finance-tone-commission,.finance-tone-commission{--finance-tone:#ff9418}
.finance-tree-node.finance-tone-logistics,.finance-tone-logistics{--finance-tone:#3f83f8}
.finance-tree-node.finance-tone-partners,.finance-tone-partners{--finance-tone:#7b56e8}
.finance-tree-node.finance-tone-fbo,.finance-tone-fbo{--finance-tone:#20bcd4}
.finance-tree-node.finance-tone-advertising,.finance-tone-advertising{--finance-tone:#9b59e8}
.finance-tree-node.finance-tone-fines,.finance-tone-fines{--finance-tone:#ed5b67}
.finance-tree-node.finance-tone-adjustments,.finance-tone-adjustments{--finance-tone:#4f7fea}
.finance-tree-node.finance-tone-other-income,.finance-tone-other-income{--finance-tone:#2ca66d}
.finance-tree-node.finance-tone-neutral,.finance-tone-neutral{--finance-tone:var(--primary)}

.ozon-finance-tree .finance-tree-node>summary{
  min-height:64px;
  padding:14px 16px;
  align-items:center;
  border:0;
  background:linear-gradient(90deg,color-mix(in srgb,var(--finance-tone) 7%,var(--card)),var(--card) 52%);
}

.ozon-finance-tree .finance-tree-node>summary:hover{
  background:color-mix(in srgb,var(--finance-tone) 9%,var(--card));
}

.ozon-finance-tree .finance-tree-main-label{
  align-items:center;
  color:var(--text);
  font-size:13px;
  font-weight:650;
}

.ozon-finance-tree .finance-tree-main-label::before{
  width:8px;
  height:8px;
  margin:0 7px 0 1px;
  border:solid var(--finance-tone);
  border-width:0 2px 2px 0;
  background:transparent;
}

.ozon-finance-tree .finance-tree-main-value{align-items:flex-end}
.ozon-finance-tree .finance-tree-main-value b,
.ozon-finance-tree .finance-tree-leaf b,
.ozon-finance-tree .finance-payout-total b,
.ozon-finance-tree .finance-management-block>summary b{
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:13px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}

.ozon-finance-tree .finance-tree-list>.finance-tree-node>summary .finance-tree-main-value b{color:var(--finance-tone);font-size:14px}

.ozon-finance-tree .finance-tree-main-value small{
  border-radius:6px;
  background:color-mix(in srgb,var(--finance-tone) 10%,var(--card));
  color:var(--finance-tone);
  font-size:10px;
  font-weight:700;
}

.ozon-finance-tree .finance-tree-children{
  margin:0;
  padding:10px 16px 13px 34px;
  border-top:1px solid var(--line);
  background:var(--bg-muted);
}

.ozon-finance-tree .finance-tree-note{
  margin:0 0 9px;
  padding:9px 11px;
  border:1px solid color-mix(in srgb,var(--finance-tone) 18%,var(--line));
  border-radius:9px;
  background:color-mix(in srgb,var(--finance-tone) 5%,var(--card));
  color:var(--muted);
  font-size:11px;
  line-height:1.5;
}

.ozon-finance-tree .finance-tree-meta{
  margin:0 0 8px;
  gap:6px;
}

.ozon-finance-tree .finance-tree-meta span{
  padding:5px 8px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--card);
  color:var(--muted);
  font-size:10px;
}

.ozon-finance-tree .finance-tree-leaf,
.ozon-finance-tree .finance-tree-children>.finance-tree-node>summary{
  min-height:42px;
  padding:9px 0;
  align-items:center;
  border-bottom:1px solid var(--line);
  color:var(--muted);
  font-size:12px;
}

.ozon-finance-tree .finance-tree-children>:last-child,
.ozon-finance-tree .finance-tree-children>.finance-tree-node:last-child>summary{border-bottom:0}

.ozon-finance-tree .finance-tree-leaf::before,
.ozon-finance-tree .finance-tree-children>.finance-tree-node>summary::before{
  left:-20px;
  width:13px;
  border-top:1px solid color-mix(in srgb,var(--finance-tone) 35%,var(--line));
}

.ozon-finance-tree .finance-tree-leaf-label{align-items:center}
.ozon-finance-tree .finance-tree-leaf b{color:var(--text)}
.ozon-finance-tree .finance-value-negative>.finance-tree-leaf-label+ b,
.ozon-finance-tree .finance-value-chargeSigned>.finance-tree-leaf-label+ b{color:var(--danger)}
.ozon-finance-tree .finance-value-positive>.finance-tree-leaf-label+ b{color:var(--success)}

.ozon-finance-tree .finance-info,
.ozon-finance-tree .finance-alert{
  place-items:center;
  border-radius:50%;
  background:color-mix(in srgb,var(--finance-tone) 12%,var(--card));
  color:var(--finance-tone);
  font-size:9px;
  font-style:normal;
  font-weight:800;
}

.ozon-finance-tree .finance-tree-detail-action{
  margin:0 0 9px;
  padding:10px;
  align-items:center;
  border:1px dashed color-mix(in srgb,var(--finance-tone) 30%,var(--line));
  border-radius:10px;
  background:var(--card);
}

.ozon-finance-tree .finance-tree-detail-action small{color:var(--muted);font-size:10px}

.ozon-finance-tree .finance-payout-total{
  margin:14px 24px 10px;
  padding:19px 20px;
  align-items:center;
  border:1px solid rgba(32,174,104,.28);
  border-radius:14px;
  background:linear-gradient(135deg,color-mix(in srgb,#20ae68 12%,var(--card)),var(--card));
  color:var(--text);
  box-shadow:0 8px 24px rgba(32,174,104,.09);
  font-weight:700;
}

.ozon-finance-tree .finance-payout-total b{color:#20ae68;font-size:16px}

.ozon-finance-tree .finance-reconciliation{
  margin:0 24px 10px;
  padding:11px 13px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--card);
  font-size:11px;
}

.ozon-finance-tree .finance-reconciliation.ok{border-color:rgba(32,174,104,.28);background:color-mix(in srgb,#20ae68 7%,var(--card));color:#168b57}
.ozon-finance-tree .finance-reconciliation.warn{border-color:rgba(255,148,24,.3);background:color-mix(in srgb,#ff9418 8%,var(--card));color:#ba6806}

.ozon-finance-tree .finance-management-block{
  margin:0 24px 12px;
  border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));
  border-radius:13px;
  background:var(--card);
  box-shadow:0 5px 17px rgba(24,33,58,.05);
}

.ozon-finance-tree .finance-management-block>summary{
  min-height:58px;
  padding:13px 16px;
  align-items:center;
  background:color-mix(in srgb,var(--primary) 7%,var(--card));
  color:var(--text);
  font-size:11px;
  font-weight:700;
}

.ozon-finance-tree .finance-management-block>summary b{color:var(--primary)}
.ozon-finance-tree .finance-management-grid{padding:6px 16px 11px}

.ozon-finance-tree .finance-footnote{
  margin:0;
  padding:13px 24px 22px;
  color:var(--t-light);
  font-size:10px;
  line-height:1.55;
}

html[data-theme="dark"] #crmPage .crm-column,
html[data-theme="dark"] #crmPage .task-card,
html[data-theme="dark"] .finance-tree-list>.finance-tree-node,
html[data-theme="dark"] .finance-summary-card{
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}

@media(max-width:1180px){
  #crmPage .crm-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  #crmPage .crm-board{grid-template-columns:repeat(2,minmax(260px,1fr))}
  #markingPage .marking-layout{grid-template-columns:1fr!important}
  #markingPage .marking-subnav{position:static;grid-template-columns:repeat(6,minmax(82px,1fr))!important;overflow:auto}
  #markingPage .marking-subnav button{justify-content:center}
  #markingPage .marking-subnav button span{display:none}
  .finance-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  #crmPage .crm-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #crmPage .crm-board{grid-template-columns:1fr}
  #crmPage .crm-column{min-height:0}
  #ozonPeriodDialog .ozon-range-summary{grid-template-columns:1fr 32px 1fr;margin-inline:16px}
  #ozonPeriodDialog .ozon-calendar-toolbar{margin-inline:16px!important}
  #ozonPeriodDialog .ozon-range-calendar{grid-template-columns:1fr!important;padding-inline:16px!important}
  #ozonPeriodDialog .ozon-period-dialog-card>header,
  #ozonPeriodDialog .ozon-period-dialog-card>footer{padding-inline:16px}
  .ozon-finance-tree .finance-tree-toolbar{align-items:stretch!important;flex-direction:column!important;padding-inline:16px!important}
  .ozon-finance-tree .finance-tree-actions{justify-content:flex-start}
  .finance-summary-grid{padding-inline:16px;grid-template-columns:1fr 1fr}
  .ozon-finance-tree .finance-source-legend,
  .ozon-finance-tree .finance-tree-list,
  .ozon-finance-tree .finance-payout-total,
  .ozon-finance-tree .finance-reconciliation,
  .ozon-finance-tree .finance-management-block{margin-left:16px;margin-right:16px}
  .ozon-finance-tree .finance-tree-list{padding:0}
  .ozon-finance-tree .finance-payout-total{flex-direction:column;align-items:flex-start}
  #financeDialog .finance-dialog-head{padding-inline:16px}
  .ozon-finance-tree .finance-tree-children{padding-left:28px}
}

@media(max-width:480px){
  #ozonPeriodDialog .ozon-range-summary{grid-template-columns:1fr}
  #ozonPeriodDialog .ozon-range-summary>i{display:none}
  .finance-summary-grid{grid-template-columns:1fr}
  .ozon-finance-tree .finance-tree-node>summary{align-items:flex-start;flex-direction:column;gap:7px}
  .ozon-finance-tree .finance-tree-main-value{align-items:flex-start;padding-left:25px}
}

#markingPrintConfirm[hidden]{display:none!important}

@media(max-width:560px){
  #crmPage .crm-summary-grid{grid-template-columns:1fr}
}

/* Savdo v10.39.0 — restored daily dashboard widgets. */
.reference-panel-action,
.reference-text-action{
  min-height:34px;
  padding:7px 11px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--card);
  color:var(--primary);
  cursor:pointer;
  font-size:10px;
  font-weight:700;
}

.reference-panel-action:hover,
.reference-text-action:hover{border-color:color-mix(in srgb,var(--primary) 38%,var(--line));background:var(--primary-soft)}

.reference-plan-contract{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.reference-section-kicker{
  display:block;
  margin-bottom:4px;
  color:var(--primary);
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
}

.reference-order-feed-panel,
.reference-risk-panel,
.reference-abc-section{margin-top:16px}

.reference-order-feed-panel{overflow:hidden}
.reference-order-feed-head{align-items:center!important}
.reference-order-feed-head h2{margin:2px 0 4px!important}
.reference-order-feed-head p{margin:0;color:var(--muted);font-size:10px}
.reference-order-feed-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.reference-order-feed-actions .scheme-switch{padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--bg-muted)}
.reference-order-feed-actions .scheme-switch button{min-height:30px;padding:6px 11px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:10px;font-weight:700}
.reference-order-feed-actions .scheme-switch button.active{background:var(--card);color:var(--primary);box-shadow:0 3px 10px rgba(35,46,75,.09)}
.reference-order-feed-strip{padding:2px 16px 18px!important;gap:10px!important}
.reference-order-feed-strip .order-feed-card{
  flex:0 0 286px;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:var(--card)!important;
  box-shadow:0 6px 18px rgba(28,38,65,.06)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.reference-order-feed-strip .order-feed-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 30%,var(--line))!important;box-shadow:0 10px 24px rgba(28,38,65,.1)!important}
.reference-order-feed-strip .order-feed-card img,
.reference-order-feed-strip .order-feed-image-placeholder{border-radius:9px;background:var(--bg-muted)}
.reference-order-feed-strip .order-feed-empty{min-height:108px;border:1px dashed var(--line);border-radius:12px;background:var(--bg-muted);color:var(--muted)}

.reference-insights-grid{margin-top:16px;display:grid;grid-template-columns:minmax(0,2.2fr) minmax(250px,.8fr);gap:14px}
.reference-recommendations-panel,.reference-health-panel{min-width:0}
.reference-recommendation-grid{padding:0 16px 16px;margin:0;grid-template-columns:repeat(2,minmax(0,1fr))}
.reference-recommendation-grid .recommendation-card{min-height:145px;border-radius:12px;box-shadow:0 5px 17px rgba(24,33,58,.055)}
.reference-health-panel{display:flex;flex-direction:column;align-items:center;text-align:center}
.reference-health-panel .reference-panel-title{align-self:stretch;text-align:left}
.reference-health-panel .health-gauge{margin:8px auto 10px}
.reference-health-panel>p{max-width:260px;margin:0;padding:0 18px 18px;color:var(--muted);font-size:10px;line-height:1.55}

.reference-risk-panel{overflow:hidden}
.reference-risk-panel table{min-width:720px}
.reference-risk-panel .risk-chip{display:inline-flex;padding:5px 8px;border-radius:7px;background:var(--warning-soft);color:var(--warning);font-size:9px;font-weight:700}

.reference-section-head{margin:0 0 12px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.reference-section-head h2{margin:2px 0 4px;font-family:'Inter Tight',Inter,sans-serif;font-size:20px}
.reference-section-head p{margin:0;color:var(--muted);font-size:11px}
.reference-abc-summary{margin:0 0 12px}
.reference-abc-summary .abc-card{border:1px solid var(--line);border-radius:13px;background:var(--card);box-shadow:0 5px 17px rgba(24,33,58,.055)}
.reference-abc-report{overflow:hidden}

#operationalMetrics svg{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important}
.crm-stat-icon,.order-map-metric-icon{
  flex:0 0 auto;
  width:38px;
  height:38px;
  padding:8px;
  border-radius:10px;
  background:color-mix(in srgb,var(--metric-accent,var(--primary)) 12%,var(--card));
  color:var(--metric-accent,var(--primary));
}
.order-map-metric-icon{width:42px;height:42px}

/* Savdo v10.39.0 — literal finance detail composition from the approved reference. */
#financeDialog .finance-dialog-head{padding:18px 24px}
#financeDialog .finance-dialog-head b{font-family:Inter,sans-serif;font-size:13px;font-weight:750}
#financeDialog .finance-dialog-head span{margin-top:7px;font-size:11px}
#financeDialog .finance-dialog-body{background:var(--card)}

.finance-reference-modal .finance-tree-toolbar{padding:16px 14px 13px!important;border-bottom:0!important}
.finance-reference-modal .finance-tree-toolbar h2{margin:0 0 6px;color:var(--text);font-family:'Inter Tight',Inter,sans-serif;font-size:20px;letter-spacing:-.02em}
.finance-reference-modal .finance-tree-toolbar p{font-size:11px}
.finance-reference-modal .finance-tree-actions .button{background:var(--card)}

.finance-detail-tabs{
  display:flex;
  gap:4px;
  margin:0 14px 16px;
  border-bottom:1px solid var(--line);
}
.finance-detail-tabs button{
  min-height:44px;
  padding:0 14px;
  border:0;
  border-bottom:3px solid transparent;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
  font-size:12px;
  font-weight:650;
}
.finance-detail-tabs button:hover{color:var(--text)}
.finance-detail-tabs button.active{border-bottom-color:#2f7bf6;color:var(--text)}
.finance-detail-panel[hidden]{display:none!important}
.finance-reference-modal .finance-detail-panel>.finance-tree-list{padding:0 14px;gap:12px}

.finance-tone-revenue{--finance-tone:#3f83f8}
.finance-tone-discount{--finance-tone:#8b5cf6}
.finance-tone-partner-program{--finance-tone:#20bcd4}

.finance-reference-modal .finance-modal-node{
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--finance-tone) 38%,var(--line));
  border-left:5px solid var(--finance-tone);
  border-radius:9px;
  background:var(--card);
  box-shadow:0 5px 16px rgba(24,33,58,.07);
}
.finance-reference-modal .finance-modal-node>summary{
  min-height:0;
  padding:14px 16px 12px;
  display:block;
  border:0;
  background:var(--card);
}
.finance-reference-modal .finance-modal-node>summary:hover{background:color-mix(in srgb,var(--finance-tone) 3%,var(--card))}
.finance-modal-summary{display:grid;gap:8px}
.finance-modal-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}
.finance-reference-modal .finance-tree-main-label{font-size:14px;font-weight:760}
.finance-reference-modal .finance-tree-main-value{display:flex;align-items:center;flex-direction:row;gap:8px}
.finance-reference-modal .finance-tree-main-value b{
  min-width:145px;
  padding:8px 14px;
  border-radius:7px;
  background:color-mix(in srgb,var(--finance-tone) 11%,var(--card));
  color:var(--finance-tone)!important;
  text-align:right;
  font-size:14px!important;
}
.finance-reference-modal .finance-tree-main-value small{background:color-mix(in srgb,var(--finance-tone) 10%,var(--card));color:var(--finance-tone)}
.finance-modal-description{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
.finance-reference-modal .finance-tree-meta{margin:0;gap:8px}
.finance-reference-modal .finance-tree-meta span{padding:5px 9px;background:var(--bg-muted);font-size:10px}
.finance-reference-modal .finance-tree-meta b{color:var(--text)}

.finance-modal-meter{height:5px;overflow:hidden;border-radius:999px;background:var(--bg-muted)}
.finance-modal-meter i{display:block;width:var(--finance-bar,0%);height:100%;border-radius:inherit;background:var(--finance-tone);transition:width .25s ease}

.finance-reference-modal .finance-modal-node>.finance-tree-children{
  margin:0;
  padding:12px 14px 14px;
  display:grid;
  gap:9px;
  border-top:1px solid var(--line);
  background:color-mix(in srgb,var(--bg-muted) 55%,var(--card));
}
.finance-reference-modal .finance-modal-node>.finance-tree-children::before{display:none}
.finance-reference-modal .finance-modal-row{
  min-height:0;
  padding:11px 13px 9px;
  display:block;
  border:1px solid var(--line);
  border-left:4px solid var(--finance-tone);
  border-radius:8px;
  background:var(--card);
  box-shadow:0 3px 11px rgba(24,33,58,.045);
}
.finance-reference-modal .finance-modal-row::before{display:none!important}
.finance-modal-row-main{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}
.finance-reference-modal .finance-modal-row .finance-tree-leaf-label{color:var(--text);font-size:11px}
.finance-reference-modal .finance-modal-row b{
  min-width:138px;
  margin:0;
  padding:7px 12px;
  border-radius:7px;
  background:color-mix(in srgb,var(--finance-tone) 11%,var(--card));
  color:var(--finance-tone)!important;
  text-align:right;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:11px;
}
.finance-reference-modal .finance-tree-detail-action{margin:0;padding:10px 12px}
.finance-reference-modal .finance-payout-total{margin:14px 14px 10px}
.finance-reference-modal .finance-reconciliation{margin:0 14px 12px}
.finance-reference-modal #financeCalculatedPanel .finance-summary-grid{padding:0 14px 14px}
.finance-reference-modal #financeCalculatedPanel .finance-management-block{margin:0 14px 12px}
.finance-reference-modal .finance-footnote{padding:10px 14px 20px}

@media(max-width:980px){
  .reference-insights-grid{grid-template-columns:1fr}
  .reference-health-panel{min-height:230px}
}

@media(max-width:760px){
  .reference-order-feed-head{align-items:flex-start!important;flex-direction:column}
  .reference-order-feed-actions{width:100%;justify-content:flex-start}
  .reference-recommendation-grid{grid-template-columns:1fr}
  .finance-reference-modal .finance-tree-toolbar{padding-inline:14px!important}
  .finance-detail-tabs{overflow-x:auto}
  .finance-detail-tabs button{white-space:nowrap}
  .finance-modal-heading{align-items:flex-start;flex-direction:column}
  .finance-reference-modal .finance-tree-main-value{width:100%;padding-left:0}
  .finance-reference-modal .finance-tree-main-value b{min-width:0;width:100%;text-align:left}
  .finance-modal-row-main{align-items:flex-start;flex-direction:column}
  .finance-reference-modal .finance-modal-row b{min-width:0;width:100%;text-align:left}
}

@media(max-width:520px){
  .reference-order-feed-actions{align-items:stretch;flex-direction:column}
  .reference-order-feed-actions .scheme-switch{width:100%;overflow-x:auto}
  .reference-order-feed-actions .scheme-switch button{flex:1}
}

/* Savdo v10.39.0 — one reference-quality design system for every modal. */
.savdo-modal:not(.savdo-modal--reference):not(.savdo-modal--calendar){
  --modal-tone:#2f7bf6;
  width:min(var(--savdo-modal-width,900px),calc(100vw - 24px))!important;
  max-width:none!important;
  max-height:calc(100vh - 24px)!important;
  max-height:calc(100dvh - 24px)!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--line)!important;
  border-radius:20px!important;
  background:var(--card)!important;
  color:var(--text)!important;
  box-shadow:0 30px 95px rgba(13,18,38,.32)!important;
}

.savdo-modal--sm{--savdo-modal-width:560px}
.savdo-modal--md{--savdo-modal-width:720px}
.savdo-modal--lg{--savdo-modal-width:920px}
.savdo-modal--xl{--savdo-modal-width:1180px}
.savdo-modal--full{--savdo-modal-width:1500px}

.savdo-modal:not(.savdo-modal--reference):not(.savdo-modal--calendar)::backdrop,
#cadesplugin_ovr{
  background:rgba(14,19,34,.58)!important;
  backdrop-filter:blur(5px);
}

.savdo-modal[open]:not(.savdo-modal--reference):not(.savdo-modal--calendar){
  animation:savdo-modal-in .18s ease-out both;
}

@keyframes savdo-modal-in{
  from{opacity:0;transform:translateY(10px) scale(.985)}
  to{opacity:1;transform:none}
}

.savdo-modal:not(.savdo-modal--reference):not(.savdo-modal--calendar)>.savdo-modal__surface{
  width:100%!important;
  max-width:none!important;
  max-height:calc(100vh - 24px)!important;
  max-height:calc(100dvh - 24px)!important;
  overflow:auto!important;
  border:0!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,var(--card) 0,var(--card) 112px,var(--bg) 112px,var(--bg) 100%)!important;
  box-shadow:none!important;
  scrollbar-gutter:stable;
}

.savdo-modal:not(.savdo-modal--reference):not(.savdo-modal--calendar) .savdo-modal__header{
  position:sticky!important;
  z-index:12!important;
  top:0!important;
  min-height:104px;
  padding:22px 26px 18px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:20px!important;
  border-bottom:1px solid var(--line)!important;
  background:color-mix(in srgb,var(--card) 94%,transparent)!important;
  box-shadow:0 7px 18px rgba(22,31,54,.045)!important;
  backdrop-filter:blur(16px);
}

.savdo-modal .savdo-modal__title{
  color:var(--text)!important;
  font-family:'Inter Tight',Inter,sans-serif!important;
  letter-spacing:-.025em;
}

.savdo-modal .savdo-modal__title[data-modal-kicker]::before{
  content:attr(data-modal-kicker);
  margin:0 0 7px;
  display:block;
  color:var(--primary);
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:9px;
  font-weight:750;
  letter-spacing:.1em;
}

.savdo-modal .savdo-modal__intro{
  max-width:760px;
  margin-top:6px!important;
  color:var(--muted)!important;
  font-size:12px!important;
  line-height:1.55!important;
}

.savdo-modal__body--headed>.savdo-modal__title{
  margin:0 -2px 4px!important;
  padding:3px 52px 0 2px;
  font-size:21px!important;
}

.savdo-modal__body--headed>.savdo-modal__intro{
  margin:0 52px 16px 2px!important;
}

.savdo-modal:not(.savdo-modal--reference):not(.savdo-modal--calendar) .dialog-close,
.savdo-modal:not(.savdo-modal--reference):not(.savdo-modal--calendar) .finance-dialog-close,
.savdo-modal:not(.savdo-modal--reference):not(.savdo-modal--calendar) .savdo-modal__close,
#cadesplugin_close_install{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  background:var(--bg-muted)!important;
  color:var(--muted)!important;
  box-shadow:none!important;
  font-size:19px!important;
  line-height:1!important;
}

.savdo-modal:not(.savdo-modal--reference):not(.savdo-modal--calendar) .dialog-close:hover,
.savdo-modal:not(.savdo-modal--reference):not(.savdo-modal--calendar) .finance-dialog-close:hover,
.savdo-modal:not(.savdo-modal--reference):not(.savdo-modal--calendar) .savdo-modal__close:hover,
#cadesplugin_close_install:hover{
  border-color:color-mix(in srgb,var(--primary) 38%,var(--line))!important;
  background:var(--primary-soft)!important;
  color:var(--primary)!important;
}

.savdo-modal-card,
.savdo-modal-field{
  --modal-tone:#2f7bf6;
  position:relative;
  border:1px solid color-mix(in srgb,var(--modal-tone) 30%,var(--line))!important;
  border-left:5px solid var(--modal-tone)!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--modal-tone) 5%,var(--card)),var(--card) 58%)!important;
  box-shadow:0 6px 18px rgba(24,33,58,.065)!important;
}

.savdo-modal-field{
  min-width:0;
  padding:12px 13px!important;
  gap:7px!important;
  color:var(--text)!important;
  font-size:11px!important;
  font-weight:650!important;
}

.savdo-modal-field>input:not([type="checkbox"]):not([type="radio"]),
.savdo-modal-field>select,
.savdo-modal-field>textarea{
  width:100%;
  min-width:0;
  margin:0;
  border-color:var(--line)!important;
  background:var(--card)!important;
  color:var(--text)!important;
  font-weight:500!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 45%,transparent)!important;
}

.savdo-modal-field:focus-within{
  border-color:var(--modal-tone)!important;
  box-shadow:0 8px 22px color-mix(in srgb,var(--modal-tone) 13%,transparent),0 0 0 3px color-mix(in srgb,var(--modal-tone) 11%,transparent)!important;
}

.savdo-modal-field small{color:var(--muted)!important;font-weight:500;line-height:1.45}

.savdo-modal-card--selectable{
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;
}

.savdo-modal-card--selectable:hover,
.savdo-modal-card--selectable:focus-within{
  transform:translateY(-2px);
  border-color:var(--modal-tone)!important;
  box-shadow:0 11px 27px color-mix(in srgb,var(--modal-tone) 15%,transparent)!important;
}

.savdo-modal-value{
  min-width:118px;
  padding:7px 11px;
  border-radius:7px;
  background:color-mix(in srgb,var(--modal-tone) 11%,var(--card));
  color:var(--modal-tone)!important;
  text-align:right;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:12px!important;
  font-weight:750!important;
}

.savdo-modal-table{
  overflow:auto!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:var(--card)!important;
  box-shadow:0 5px 17px rgba(24,33,58,.055)!important;
}

.savdo-modal-table th{background:var(--bg-muted)!important}
.savdo-modal-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 4%,var(--card))!important}

.savdo-modal:not(.savdo-modal--reference):not(.savdo-modal--calendar) .savdo-modal__actions{
  position:sticky;
  z-index:10;
  bottom:0;
  margin:0!important;
  padding:16px 24px 20px!important;
  display:flex!important;
  align-items:center;
  justify-content:flex-end!important;
  gap:10px!important;
  border-top:1px solid var(--line)!important;
  background:color-mix(in srgb,var(--card) 94%,transparent)!important;
  backdrop-filter:blur(16px);
}

/* Widget chooser: seven visible, colored cards instead of loose text. */
#dashboardWidgetDialog .widget-dialog-head{padding:22px 26px 18px!important}
#dashboardWidgetDialog .widget-catalog{
  padding:20px 22px 24px!important;
  gap:12px!important;
  background:var(--bg)!important;
}

#dashboardWidgetDialog .widget-option{
  min-height:154px;
  padding:17px 42px 17px 17px!important;
  grid-template-columns:102px minmax(0,1fr)!important;
  align-items:center;
}

#dashboardWidgetDialog .widget-option>input{
  right:15px;
  top:15px;
  width:20px;
  height:20px;
  accent-color:var(--modal-tone);
}

#dashboardWidgetDialog .widget-option b{color:var(--text);font-size:13px}
#dashboardWidgetDialog .widget-option p{color:var(--muted);font-size:11px;line-height:1.5}
#dashboardWidgetDialog .widget-option em{
  border-radius:7px;
  background:color-mix(in srgb,var(--modal-tone) 10%,var(--card));
  color:var(--modal-tone);
  font-size:9px;
  font-weight:700;
}

#dashboardWidgetDialog .widget-preview{
  width:102px;
  height:82px;
  overflow:hidden;
  align-items:flex-end;
  border:1px solid color-mix(in srgb,var(--modal-tone) 26%,var(--line));
  border-radius:10px;
  background:color-mix(in srgb,var(--modal-tone) 7%,var(--card));
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 55%,transparent);
}

#dashboardWidgetDialog .widget-preview i{
  border-radius:5px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--modal-tone) 58%,#fff),var(--modal-tone));
  color:#fff;
  font-style:normal;
  box-shadow:0 4px 9px color-mix(in srgb,var(--modal-tone) 18%,transparent);
}

#dashboardWidgetDialog .widget-preview-chart::before{top:22px;background:color-mix(in srgb,var(--modal-tone) 25%,var(--line))}
#dashboardWidgetDialog .widget-preview-chart i{margin:auto;background:linear-gradient(160deg,transparent 42%,var(--modal-tone) 44% 51%,transparent 53%)}
#dashboardWidgetDialog .widget-preview-orders i,
#dashboardWidgetDialog .widget-preview-recommendations i,
#dashboardWidgetDialog .widget-preview-table i{background:linear-gradient(90deg,var(--modal-tone) 22%,color-mix(in srgb,var(--modal-tone) 16%,var(--card)) 22%)}
#dashboardWidgetDialog .widget-preview-abc{align-items:flex-end}
#dashboardWidgetDialog .widget-preview-abc i{place-items:center}

/* Plain form dialogs inherit the same colored card hierarchy. */
#shopDialog .dialog-card,
#operationsDialog .dialog-card,
#fulfillmentDialog .fulfillment-dialog-card,
#markingDialog .marking-dialog-card{
  background:var(--bg)!important;
}

#shopDialog .dialog-card{padding:24px!important}
#shopDialog .pill{width:auto;justify-self:start}
#shopDialog .pill,#shopDialog>form>h2,#shopDialog>form>p,
#operationsDialog #operationsDialogBody>h2,#operationsDialog #operationsDialogBody>p,
#fulfillmentDialog #fulfillmentDialogBody>h2,#fulfillmentDialog #fulfillmentDialogBody>p,
#markingDialog #markingDialogBody>.pill,#markingDialog #markingDialogBody>h2,#markingDialog #markingDialogBody>p{margin-left:2px;margin-right:52px}

#operationsDialog #operationsDialogBody,
#fulfillmentDialog #fulfillmentDialogBody,
#markingDialog #markingDialogBody{padding:24px 24px 0}

#operationsDialog #operationsDialogBody>.operations-form-grid,
#fulfillmentDialog #fulfillmentDialogBody>.fulfillment-form-grid,
#markingDialog #markingDialogBody>.marking-modal-form{margin-top:17px}

#operationsDialog .dialog-card>.dialog-close,
#fulfillmentDialog .fulfillment-dialog-card>.dialog-close,
#markingDialog .marking-dialog-card>.dialog-close{position:absolute;z-index:14;right:18px;top:18px}

#operationsDialog .operations-form-grid,
#fulfillmentDialog .fulfillment-form-grid,
#markingDialog .marking-form-grid{gap:11px!important}

#fulfillmentDialog .fulfillment-form-section,
#fulfillmentDialog .fulfillment-form-help,
#markingDialog .marking-safety-note,
#missingAccrualCostDialog .report-note{
  padding:14px 16px!important;
  color:var(--muted)!important;
  line-height:1.55;
}

#fulfillmentDialog .fulfillment-live-total{gap:10px!important}
#fulfillmentDialog .fulfillment-live-total>div{padding:13px!important}
#fulfillmentDialog .fulfillment-live-total span{color:var(--muted);font-size:10px}

#markingDialog .marking-upd-product,
#markingDialog .marking-certificate-list>button{padding:13px!important}
#markingDialog .marking-modal-actions{margin:18px 0 0!important}

/* Billing and admin forms: fields, options and totals are separate cards. */
.savdo-modal.billing-dialog:not(.savdo-modal--reference)>.billing-dialog-card{background:var(--bg)!important}
.savdo-modal.billing-dialog .admin-plan-main-grid,
.savdo-modal.billing-dialog .admin-dialog-grid,
.savdo-modal.billing-dialog .admin-plan-limits{gap:11px!important;padding-top:18px!important}

.savdo-modal.billing-dialog .admin-plan-modules{gap:9px!important}
.savdo-modal.billing-dialog .admin-plan-modules>label,
.savdo-modal.billing-dialog .billing-payment-methods>label,
.savdo-modal.billing-dialog .admin-dialog-checks>label{padding:12px 13px!important}
.savdo-modal.billing-dialog input[type="checkbox"],
.savdo-modal.billing-dialog input[type="radio"]{accent-color:var(--modal-tone,var(--primary))}

#billingCheckoutDialog .billing-checkout-summary{padding:18px 22px 12px!important}
#billingCheckoutDialog .billing-checkout-summary>div{
  min-height:50px;
  padding:11px 13px!important;
  align-items:center;
}
#billingCheckoutDialog .billing-checkout-summary>div>span{color:var(--muted)}
#billingCheckoutDialog .billing-promo-row{padding-top:4px}
#billingCheckoutDialog .billing-checkout-notice{border-left:5px solid var(--primary)}

/* Data-heavy details use the same card, value and table language. */
#financeServiceDialog .finance-dialog-card,
#missingAccrualCostDialog .finance-dialog-card,
#realFbsDialog .finance-dialog-card{width:100%!important;background:var(--bg)!important}

#financeServiceDialog .finance-dialog-body,
#missingAccrualCostDialog .finance-dialog-body,
#realFbsDialog .finance-dialog-body{background:var(--bg)!important}

#financeServiceDialog .service-detail-summary{gap:10px!important;padding:18px 22px 12px!important}
#financeServiceDialog .service-detail-summary>*{padding:13px!important}
#financeServiceDialog .service-detail-section{
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--modal-tone,#2f7bf6) 25%,var(--line))!important;
  border-left:5px solid var(--modal-tone,#2f7bf6)!important;
  border-radius:12px!important;
  background:var(--card)!important;
  box-shadow:0 6px 18px rgba(24,33,58,.06)!important;
}

#missingAccrualCostDialog .missing-cost-dialog-content{gap:13px}
#missingAccrualCostDialog .missing-cost-dialog-table{max-height:56vh}

#realFbsDialog .rfbs-detail-grid{padding:20px 22px 2px;gap:10px!important}
#realFbsDialog .rfbs-detail-grid>div{min-height:92px;padding:13px!important}
#realFbsDialog .rfbs-detail-grid>div>small:first-child{color:var(--modal-tone);font-weight:750;text-transform:uppercase;letter-spacing:.05em}
#realFbsDialog .rfbs-sensitive-note,
#realFbsDialog .warning-box,
#realFbsDialog .rfbs-inline-actions,
#realFbsDialog .finance-dialog-body>h3,
#realFbsDialog .finance-dialog-body>p{margin-left:22px;margin-right:22px}
#realFbsDialog .rfbs-inline-actions{padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--card);box-shadow:0 5px 16px rgba(24,33,58,.05)}

#referenceExpenseDialog .reference-dialog-card{padding:0!important;background:var(--bg)!important}
#referenceExpenseDialog .reference-dialog-head{padding:20px 22px 16px!important}
#referenceExpenseDialog .reference-dialog-card>label,
#referenceExpenseDialog .reference-dialog-card>.field-row{margin-left:20px;margin-right:20px}
#referenceExpenseDialog .reference-dialog-card>.button{width:auto!important;margin:2px 20px 20px}

/* Unified replacement for browser confirm/prompt/alert. */
#savdoActionDialog{--savdo-modal-width:600px}
#savdoActionDialog[data-action-tone="danger"]{--modal-tone:#ef5664}
#savdoActionDialog[data-action-tone="warning"]{--modal-tone:#ff9418}
#savdoActionDialog[data-action-tone="success"]{--modal-tone:#20ae68}
#savdoActionDialog[data-action-tone="info"],
#savdoActionDialog[data-action-tone="primary"]{--modal-tone:#2f7bf6}

#savdoActionDialog .savdo-action-card{background:var(--bg)!important}
#savdoActionDialog .savdo-action-head{
  border-top:5px solid var(--modal-tone)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--modal-tone) 8%,var(--card)),var(--card) 68%)!important;
}
#savdoActionDialog .savdo-action-head .panel-kicker{color:var(--modal-tone)}
#savdoActionDialog .savdo-action-head h2{margin:5px 0 0;font-size:20px}
#savdoActionDialog .savdo-action-head p{margin:7px 0 0;white-space:pre-line;color:var(--muted);line-height:1.55}
#savdoActionDialog .savdo-action-field{margin:18px 22px 4px}
#savdoActionDialog .savdo-action-field [aria-invalid="true"]{border-color:var(--danger)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 14%,transparent)!important}
#savdoActionDialog .savdo-action-footer{padding:16px 22px 20px!important}
#savdoActionDialog .savdo-action-footer .button.primary{background:var(--modal-tone);border-color:var(--modal-tone)}

/* CryptoPro's vendor-created overlay is visually absorbed without changing its protocol code. */
#cadesplugin_ovr{z-index:1500!important;padding:24px!important}
#cadesplugin_ovr_item{
  position:relative!important;
  width:min(600px,calc(100vw - 48px))!important;
  max-width:none!important;
  margin:min(14vh,110px) auto!important;
  padding:74px 24px 24px!important;
  overflow:hidden!important;
  border:1px solid var(--line)!important;
  border-left:6px solid #7b56e8!important;
  border-radius:18px!important;
  background:var(--card)!important;
  color:var(--text)!important;
  box-shadow:0 30px 95px rgba(13,18,38,.34)!important;
  text-align:left!important;
}
#cadesplugin_ovr_item::before{
  content:"CRYPTO PRO · ЭЛЕКТРОННАЯ ПОДПИСЬ";
  position:absolute;
  inset:0 0 auto;
  padding:20px 24px;
  border-bottom:1px solid var(--line);
  background:color-mix(in srgb,#7b56e8 8%,var(--card));
  color:#7b56e8;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:10px;
  font-weight:750;
  letter-spacing:.08em;
}
#cadesplugin_ovr_item p{color:var(--muted);line-height:1.55}
#cadesplugin_ovr_item a{display:inline-flex;padding:10px 13px;border-radius:9px;background:#7b56e8;color:#fff;font-weight:700;text-decoration:none}
#cadesplugin_close_install{position:absolute!important;z-index:2;right:14px!important;top:12px!important;float:none!important;margin:0!important}

/* Dropdown adapter uses is-open in JS. */
.dd-wrap.is-open .dd-menu{display:block}

html[data-theme="dark"] .savdo-modal-card,
html[data-theme="dark"] .savdo-modal-field,
html[data-theme="dark"] .savdo-modal-table,
html[data-theme="dark"] #financeServiceDialog .service-detail-section,
html[data-theme="dark"] #realFbsDialog .rfbs-inline-actions{
  box-shadow:0 10px 26px rgba(0,0,0,.2)!important;
}

html[data-theme="dark"] .savdo-modal:not(.savdo-modal--reference):not(.savdo-modal--calendar)>.savdo-modal__surface{
  background:linear-gradient(180deg,var(--card) 0,var(--card) 112px,var(--bg) 112px,var(--bg) 100%)!important;
}

@media(max-width:820px){
  .savdo-modal:not(.savdo-modal--reference):not(.savdo-modal--calendar){
    width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:16px!important;
  }
  .savdo-modal:not(.savdo-modal--reference):not(.savdo-modal--calendar)>.savdo-modal__surface{max-height:calc(100dvh - 16px)!important;border-radius:16px!important}
  .savdo-modal:not(.savdo-modal--reference):not(.savdo-modal--calendar) .savdo-modal__header{padding:18px 18px 15px!important}
  #dashboardWidgetDialog .widget-catalog{grid-template-columns:1fr!important;padding:14px!important}
  #dashboardWidgetDialog .widget-option{min-height:132px}
  #operationsDialog #operationsDialogBody,
  #fulfillmentDialog #fulfillmentDialogBody,
  #markingDialog #markingDialogBody{padding:18px 16px 0}
  #financeServiceDialog .service-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px!important}
  #realFbsDialog .rfbs-detail-grid{padding:16px 16px 2px}
  #realFbsDialog .rfbs-sensitive-note,
  #realFbsDialog .warning-box,
  #realFbsDialog .rfbs-inline-actions,
  #realFbsDialog .finance-dialog-body>h3,
  #realFbsDialog .finance-dialog-body>p{margin-left:16px;margin-right:16px}
}

@media(max-width:560px){
  .savdo-modal:not(.savdo-modal--reference):not(.savdo-modal--calendar){width:calc(100vw - 8px)!important;max-height:calc(100dvh - 8px)!important;border-radius:13px!important}
  .savdo-modal:not(.savdo-modal--reference):not(.savdo-modal--calendar)>.savdo-modal__surface{max-height:calc(100dvh - 8px)!important;border-radius:13px!important}
  .savdo-modal:not(.savdo-modal--reference):not(.savdo-modal--calendar) .savdo-modal__header{min-height:88px;padding:15px 14px 13px!important}
  .savdo-modal:not(.savdo-modal--reference):not(.savdo-modal--calendar) .savdo-modal__actions{align-items:stretch;flex-direction:column-reverse;padding:12px 14px 14px!important}
  .savdo-modal:not(.savdo-modal--reference):not(.savdo-modal--calendar) .savdo-modal__actions .button{width:100%}
  #dashboardWidgetDialog .widget-option{min-height:0;padding:14px 40px 14px 14px!important;grid-template-columns:76px minmax(0,1fr)!important}
  #dashboardWidgetDialog .widget-preview{width:76px;height:68px;padding:9px}
  #dashboardWidgetDialog .widget-preview-metrics i{width:16px}
  #dashboardWidgetDialog .widget-preview-orders i,
  #dashboardWidgetDialog .widget-preview-recommendations i,
  #dashboardWidgetDialog .widget-preview-table i{width:56px}
  #financeServiceDialog .service-detail-summary{grid-template-columns:1fr}
  #referenceExpenseDialog .reference-dialog-card>label,
  #referenceExpenseDialog .reference-dialog-card>.field-row{margin-left:14px;margin-right:14px}
  #referenceExpenseDialog .field-row{grid-template-columns:1fr}
  #savdoActionDialog .savdo-action-field{margin:14px 14px 2px}
}

@media(prefers-reduced-motion:reduce){
  .savdo-modal[open]:not(.savdo-modal--reference):not(.savdo-modal--calendar){animation:none}
  .savdo-modal-card--selectable{transition:none}
}

/* Savdo v10.41.0 — daily workspaces: promotions, feedback and CRM calendar. */
#promotionsPage .promotion-metrics{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:16px 0;
}
#promotionsPage .promotion-metrics>article{
  --metric-accent:var(--unified-blue);
  position:relative;
  min-height:112px;
  display:grid;
  align-content:center;
  gap:8px;
  overflow:hidden;
  padding:20px;
  border:1px solid var(--unified-line);
  border-radius:16px;
  background:var(--unified-card);
  box-shadow:inset 0 4px var(--metric-accent),0 10px 28px rgba(34,44,72,.07);
}
#promotionsPage .promotion-metrics>article:nth-child(2){--metric-accent:var(--unified-violet)}
#promotionsPage .promotion-metrics>article.danger{--metric-accent:var(--unified-red)}
#promotionsPage .promotion-metrics>article.success{--metric-accent:var(--unified-green)}
#promotionsPage .promotion-metrics>article::after{
  content:"";
  position:absolute;
  width:72px;
  height:72px;
  right:-24px;
  top:-26px;
  border-radius:50%;
  background:color-mix(in srgb,var(--metric-accent) 14%,transparent);
}
#promotionsPage .promotion-metrics span{color:var(--unified-muted);font-size:12px;font-weight:650}
#promotionsPage .promotion-metrics b{color:var(--unified-text);font-size:27px;line-height:1;font-variant-numeric:tabular-nums}
#promotionsPage .promotion-toolbar{
  margin-bottom:14px;
  padding:13px;
  border-color:color-mix(in srgb,var(--unified-violet) 18%,var(--unified-line));
  border-radius:15px;
  background:var(--unified-card);
  box-shadow:0 8px 24px rgba(34,44,72,.055);
}
#promotionsPage .promotion-toolbar input,
#promotionsPage .promotion-toolbar select{
  min-height:44px;
  border-color:var(--unified-line);
  border-radius:11px;
  background:var(--unified-soft);
}
#promotionsPage .promotion-rule-note{
  position:relative;
  margin:0 0 15px;
  padding:15px 18px 15px 21px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--unified-violet) 21%,var(--unified-line));
  border-radius:14px;
  background:color-mix(in srgb,var(--unified-violet) 6%,var(--unified-card));
  color:var(--unified-muted);
  box-shadow:0 8px 22px rgba(62,45,118,.05);
  line-height:1.55;
}
#promotionsPage .promotion-rule-note::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--unified-violet)}
#promotionsPage .promotion-rule-note b{color:var(--unified-text)}
#promotionsPage .promotion-table-panel{overflow:visible;border:0;background:transparent;box-shadow:none}
#promotionsPage .promotion-table-scroll{
  max-height:640px;
  padding:0 10px 10px;
  overflow:auto;
  border:1px solid var(--unified-line);
  border-radius:16px;
  background:var(--unified-soft);
  box-shadow:0 12px 34px rgba(34,44,72,.07);
}
#promotionsPage .promotion-products-table{
  border-collapse:separate;
  border-spacing:0 9px;
  background:transparent;
}
#promotionsPage .promotion-products-table thead th{
  top:0;
  z-index:3;
  padding-top:14px;
  padding-bottom:12px;
  border:0;
  background:var(--unified-soft);
  color:var(--unified-muted);
  font-size:10.5px;
  letter-spacing:.025em;
}
#promotionsPage .promotion-products-table tbody td{
  height:76px;
  border-top:1px solid var(--unified-line);
  border-bottom:1px solid var(--unified-line);
  background:var(--unified-card);
  color:var(--unified-text);
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
#promotionsPage .promotion-products-table tbody td:first-child{
  left:0;
  z-index:2;
  border-left:5px solid var(--row-accent,var(--unified-blue));
  border-radius:13px 0 0 13px;
  background:var(--unified-card);
  box-shadow:8px 0 16px -16px rgba(20,27,49,.85);
}
#promotionsPage .promotion-products-table tbody td:last-child{border-right:1px solid var(--unified-line);border-radius:0 13px 13px 0}
#promotionsPage .promotion-products-table tbody tr:hover td{border-color:color-mix(in srgb,var(--row-accent,var(--unified-blue)) 32%,var(--unified-line));background:color-mix(in srgb,var(--row-accent,var(--unified-blue)) 3%,var(--unified-card))}
#promotionsPage .promotion-products-table tbody tr:hover td:first-child{background:color-mix(in srgb,var(--row-accent,var(--unified-blue)) 3%,var(--unified-card))}
#promotionsPage .promotion-products-table th:first-child{
  left:-10px;
  z-index:5;
  padding-left:20px;
  border-right:1px solid var(--unified-line);
  background:var(--unified-soft);
  box-shadow:9px 0 18px -17px rgba(20,27,49,.8);
}
#promotionsPage .promotion-risk-row{--row-accent:var(--unified-red)}
#promotionsPage .promotion-protected-row{--row-accent:var(--unified-green)}
#promotionsPage .promotion-active-row{--row-accent:var(--unified-orange)}
#promotionsPage .promotion-neutral-row{--row-accent:var(--unified-blue)}
#promotionsPage .promotion-risk-row td,
#promotionsPage .promotion-risk-row td:first-child{background:#fff6f7}
#promotionsPage .promotion-protected-row td,
#promotionsPage .promotion-protected-row td:first-child{background:#f3fbf7}
#promotionsPage .promotion-active-row td,
#promotionsPage .promotion-active-row td:first-child{background:#fff9f0}
#promotionsPage .promotion-neutral-row td,
#promotionsPage .promotion-neutral-row td:first-child{background:#f5f8ff}
#promotionsPage .promotion-products-table td:first-child b{display:block;max-width:245px;overflow:hidden;color:var(--unified-text);text-overflow:ellipsis;white-space:nowrap}
#promotionsPage .promotion-products-table td:first-child small{display:block;margin-top:6px;color:var(--unified-muted);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px}
#promotionsPage .promotion-action-list{align-content:center;gap:4px;white-space:normal}
#promotionsPage .promotion-action-list b{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#promotionsPage .promotion-action-list small{color:var(--unified-muted);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9.5px}
#promotionsPage .promotion-empty-action{color:var(--unified-muted)}
#promotionsPage .promotion-price{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}
#promotionsPage .promotion-price.regular{color:var(--unified-muted)}
#promotionsPage .promotion-price.action b{font-size:13px}
#promotionsPage .promotion-price.action small{padding:3px 5px;border-radius:6px;background:color-mix(in srgb,var(--unified-red) 10%,var(--unified-card));color:var(--unified-red);font-size:9px;font-weight:750}
#promotionsPage .promotion-products-table select,
#promotionsPage .promotion-products-table .promotion-floor-input{min-height:40px;border:1px solid var(--unified-line);border-radius:10px;background:var(--unified-soft);color:var(--unified-text)}
#promotionsPage .promotion-products-table .promotion-floor-input:focus,
#promotionsPage .promotion-products-table select:focus{border-color:var(--unified-violet);box-shadow:0 0 0 3px color-mix(in srgb,var(--unified-violet) 13%,transparent);outline:0}
#promotionsPage .promotion-status{
  align-items:center;
  gap:6px;
  padding:6px 9px;
  border:1px solid currentColor;
  border-radius:999px;
  font-size:10px;
  font-weight:750;
  line-height:1;
  white-space:nowrap;
}
#promotionsPage .promotion-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
#promotionsPage .promotion-status.danger{background:color-mix(in srgb,var(--unified-red) 10%,var(--unified-card));color:var(--unified-red)}
#promotionsPage .promotion-status.safe{background:color-mix(in srgb,var(--unified-green) 10%,var(--unified-card));color:var(--unified-green)}
#promotionsPage .promotion-status.warning{background:color-mix(in srgb,var(--unified-orange) 11%,var(--unified-card));color:#c86a00}
#promotionsPage .promotion-status.neutral{background:color-mix(in srgb,var(--unified-blue) 8%,var(--unified-card));color:var(--unified-blue)}
#promotionsPage .promotion-checkbox span{border:1px solid var(--unified-line);border-radius:8px;background:var(--unified-soft);color:#fff;place-items:center}
#promotionsPage .promotion-checkbox input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--unified-violet) 20%,transparent);outline-offset:2px}
#promotionsPage .promotion-checkbox input:checked+span{border-color:var(--unified-violet);background:var(--unified-violet);box-shadow:0 5px 13px color-mix(in srgb,var(--unified-violet) 25%,transparent)}
#promotionsPage .promotion-checkbox.permanent input:checked+span{border-color:var(--unified-green);background:var(--unified-green)}

#feedbackPage .feedback-root{min-width:0;margin-top:14px}
#feedbackPage .feedback-mail-shell{
  min-height:650px;
  height:min(720px,calc(100vh - 270px));
  display:grid;
  grid-template-columns:minmax(300px,350px) minmax(0,1fr);
  overflow:hidden;
  border:1px solid var(--unified-line);
  border-radius:18px;
  background:var(--unified-card);
  box-shadow:0 16px 45px rgba(25,34,60,.09);
}
#feedbackPage .mail-list{min-width:0;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--unified-line);background:var(--unified-soft)}
#feedbackPage .mail-list-head{display:flex;align-items:center;min-height:84px;padding:18px 19px;border-bottom:1px solid var(--unified-line);background:var(--unified-card)}
#feedbackPage .mail-list-head h3{margin:6px 0 0;color:var(--unified-text);font-size:19px}
#feedbackPage .mail-list-scroll{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--unified-line) transparent}
#feedbackPage .feedback-mail-row{
  --feedback-tone:var(--unified-blue);
  position:relative;
  width:100%;
  min-width:0;
  min-height:104px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:start;
  gap:11px;
  padding:14px 15px;
  border:0;
  border-bottom:1px solid var(--unified-line);
  border-radius:0;
  background:transparent;
  color:var(--unified-text);
  text-align:left;
  transition:background .16s ease,box-shadow .16s ease;
}
#feedbackPage .feedback-mail-row.tone-positive{--feedback-tone:var(--unified-green)}
#feedbackPage .feedback-mail-row.tone-critical{--feedback-tone:var(--unified-red)}
#feedbackPage .feedback-mail-row.tone-neutral{--feedback-tone:var(--unified-orange)}
#feedbackPage .feedback-mail-row.tone-question{--feedback-tone:var(--unified-violet)}
#feedbackPage .feedback-mail-row:hover{background:color-mix(in srgb,var(--feedback-tone) 6%,var(--unified-card))}
#feedbackPage .feedback-mail-row.is-active{background:color-mix(in srgb,var(--feedback-tone) 9%,var(--unified-card));box-shadow:inset 4px 0 var(--feedback-tone)}
#feedbackPage .feedback-mail-row:focus-visible{z-index:1;outline:3px solid color-mix(in srgb,var(--feedback-tone) 22%,transparent);outline-offset:-3px}
#feedbackPage .mail-row-avatar{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--feedback-tone) 25%,var(--unified-line));
  border-radius:13px;
  background:color-mix(in srgb,var(--feedback-tone) 12%,var(--unified-card));
  color:var(--feedback-tone);
  font-size:14px;
  font-weight:800;
  box-shadow:0 6px 14px color-mix(in srgb,var(--feedback-tone) 10%,transparent);
}
#feedbackPage .mail-row-body{min-width:0;display:grid;gap:5px}
#feedbackPage .mail-row-top{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:9px}
#feedbackPage .mail-row-top b{overflow:hidden;color:var(--unified-text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
#feedbackPage .mail-row-top small{color:var(--unified-muted);font-size:9.5px;white-space:nowrap}
#feedbackPage .mail-row-subject{justify-self:start;color:var(--feedback-tone);font-size:10px;font-weight:750;letter-spacing:.01em}
#feedbackPage .mail-row-preview{display:-webkit-box;overflow:hidden;color:var(--unified-muted);font-size:10.5px;line-height:1.45;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#feedbackPage .mail-reader{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--unified-card)}
#feedbackPage .reader-toolbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;border-bottom:1px solid var(--unified-line);background:var(--unified-card)}
#feedbackPage .reader-toolbar .badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:750}
#feedbackPage .reader-toolbar .badge.warning{background:color-mix(in srgb,var(--unified-orange) 11%,var(--unified-card));color:#c86a00}
#feedbackPage .reader-toolbar .badge.success{background:color-mix(in srgb,var(--unified-green) 10%,var(--unified-card));color:var(--unified-green)}
#feedbackPage .reader-toolbar .data-cell-mono{color:var(--unified-muted);font-size:10px}
#feedbackPage .reader-scroll{min-height:0;overflow:auto;padding:22px;background:var(--unified-soft)}
#feedbackPage .reader-card{max-width:960px;margin:0 auto;overflow:hidden;border:1px solid var(--unified-line);border-radius:17px;background:var(--unified-card);box-shadow:0 10px 30px rgba(25,34,60,.065)}
#feedbackPage .reader-card-head{padding:22px 24px 18px;border-bottom:1px solid var(--unified-line);background:linear-gradient(135deg,color-mix(in srgb,var(--unified-violet) 7%,var(--unified-card)),var(--unified-card) 72%)}
#feedbackPage .reader-card-head h2{margin:8px 0 5px;color:var(--unified-text);font-size:21px;line-height:1.25}
#feedbackPage .reader-card-head small{color:var(--unified-muted);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px}
#feedbackPage .reader-card-head .source-type{display:inline-flex;padding:5px 8px;border-radius:8px;background:color-mix(in srgb,var(--unified-violet) 11%,var(--unified-card));color:var(--unified-violet);font-size:10px;font-weight:750}
#feedbackPage .feedback-product-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}
#feedbackPage .feedback-product-facts span{padding:5px 8px;border:1px solid var(--unified-line);border-radius:8px;background:var(--unified-card);color:var(--unified-muted);font-size:9.5px}
#feedbackPage .feedback-product-facts b{color:var(--unified-text)}
#feedbackPage .reader-body{padding:24px}
#feedbackPage .reader-body blockquote{position:relative;margin:0;padding:19px 20px 19px 23px;border:1px solid var(--unified-line);border-left:4px solid var(--unified-violet);border-radius:12px;background:var(--unified-soft);color:var(--unified-text);font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
#feedbackPage .feedback-ai-analysis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 24px 22px}
#feedbackPage .feedback-ai-analysis>.eyebrow{grid-column:1/-1;margin:0;color:var(--unified-violet)}
#feedbackPage .feedback-ai-analysis>div{display:grid;gap:6px;padding:13px 14px;border:1px solid var(--unified-line);border-radius:11px;background:var(--unified-soft)}
#feedbackPage .feedback-ai-analysis span{color:var(--unified-muted);font-size:10px}
#feedbackPage .feedback-ai-analysis b{color:var(--unified-text);font-size:11px}
#feedbackPage .reader-replybar{display:grid;gap:10px;padding:20px 24px 24px;border-top:1px solid var(--unified-line);background:color-mix(in srgb,var(--unified-blue) 3%,var(--unified-card))}
#feedbackPage .reader-replybar textarea{width:100%;min-height:124px;border-color:var(--unified-line);border-radius:11px;background:var(--unified-card);color:var(--unified-text);line-height:1.55}
#feedbackPage .feedback-message{min-height:16px;color:var(--unified-muted);font-size:10.5px}

#crmPage .task-calendar-shell{
  --calendar-purchases:#2868f5;
  --calendar-content:#7b56e8;
  --calendar-advertising:#ff9418;
  --calendar-finance:#20ae68;
  --calendar-logistics:#20bcd4;
  border:1px solid var(--unified-line);
  border-radius:18px;
  background:var(--unified-card);
  box-shadow:0 16px 45px rgba(25,34,60,.09);
}
#crmPage .task-calendar-sidebar{border-right:1px solid var(--unified-line);background:linear-gradient(180deg,color-mix(in srgb,var(--unified-violet) 5%,var(--unified-card)),var(--unified-soft))}
#crmPage .task-calendar-side-title{border-bottom:1px solid var(--unified-line);background:var(--unified-card)}
#crmPage .task-calendar-side-title h2{color:var(--unified-text)}
#crmPage .task-mini-head button{border:1px solid var(--unified-line);border-radius:8px;background:var(--unified-card);color:var(--unified-text)}
#crmPage .task-mini-head button:hover{border-color:var(--unified-violet);color:var(--unified-violet)}
#crmPage .task-mini-head b,#crmPage .task-mini-weekdays b{color:var(--unified-muted)}
#crmPage .task-mini-day{border:1px solid transparent;border-radius:8px;background:transparent;color:var(--unified-text);font-size:10px}
#crmPage .task-mini-day:hover{border-color:var(--unified-line);background:var(--unified-card)}
#crmPage .task-mini-day.today{border-color:color-mix(in srgb,var(--unified-violet) 28%,var(--unified-line));background:var(--unified-violet);color:#fff;box-shadow:0 5px 13px color-mix(in srgb,var(--unified-violet) 25%,transparent)}
#crmPage .task-mini-day i{bottom:3px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px color-mix(in srgb,var(--unified-card) 80%,transparent)}
#crmPage .task-calendar-categories{border-top:1px solid var(--unified-line)}
#crmPage .task-calendar-categories h3{color:var(--unified-text)}
#crmPage .task-calendar-category{--category-color:var(--unified-violet);align-items:center;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--unified-muted)}
#crmPage .task-calendar-category:hover{border-color:var(--unified-line);background:var(--unified-card)}
#crmPage .task-calendar-category.active{border-color:color-mix(in srgb,var(--category-color) 28%,var(--unified-line));background:color-mix(in srgb,var(--category-color) 9%,var(--unified-card));color:var(--unified-text);box-shadow:0 6px 15px color-mix(in srgb,var(--category-color) 9%,transparent)}
#crmPage .task-calendar-category>i{border-radius:50%;background:var(--category-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--category-color) 11%,transparent)}
#crmPage .task-calendar-category:has(.category-all){--category-color:var(--unified-violet)}
#crmPage .task-calendar-category:has(.category-purchases){--category-color:var(--calendar-purchases)}
#crmPage .task-calendar-category:has(.category-content){--category-color:var(--calendar-content)}
#crmPage .task-calendar-category:has(.category-advertising){--category-color:var(--calendar-advertising)}
#crmPage .task-calendar-category:has(.category-finance){--category-color:var(--calendar-finance)}
#crmPage .task-calendar-category:has(.category-logistics){--category-color:var(--calendar-logistics)}
#crmPage .task-calendar-head{border-bottom:1px solid var(--unified-line);background:var(--unified-card)}
#crmPage .task-calendar-head h2{color:var(--unified-text)}
#crmPage .task-calendar-weekdays{border-bottom:1px solid var(--unified-line);background:var(--unified-soft)}
#crmPage .task-calendar-weekdays b{border-right:1px solid var(--unified-line);color:var(--unified-muted);font-size:10px}
#crmPage .task-calendar-weekdays b:last-child{border-right:0}
#crmPage .task-calendar-grid{background:var(--unified-line);gap:1px}
#crmPage .task-calendar-day{position:relative;min-width:0;background:var(--unified-card);color:var(--unified-text);outline:0}
#crmPage .task-calendar-day:nth-child(7n),#crmPage .task-calendar-day:nth-child(7n-1){background:color-mix(in srgb,var(--unified-blue) 2.5%,var(--unified-card))}
#crmPage .task-calendar-day:hover,#crmPage .task-calendar-day:focus-visible{z-index:1;background:color-mix(in srgb,var(--unified-violet) 4%,var(--unified-card));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--unified-violet) 25%,transparent)}
#crmPage .task-calendar-day.outside{background:var(--unified-soft)}
#crmPage .task-calendar-day.outside>div{opacity:.68}
#crmPage .task-calendar-date{place-items:center;border:0;border-radius:50%;background:var(--unified-soft);color:var(--unified-text);font-size:11px;font-weight:700}
#crmPage .task-calendar-day.today .task-calendar-date{background:var(--unified-violet);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--unified-violet) 12%,transparent),0 6px 13px color-mix(in srgb,var(--unified-violet) 25%,transparent)}
#crmPage .task-calendar-item{
  --event-color:var(--unified-blue);
  position:relative;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--event-color) 25%,var(--unified-line));
  border-left:4px solid var(--event-color);
  border-radius:8px;
  background:color-mix(in srgb,var(--event-color) 9%,var(--unified-card));
  color:var(--unified-text);
  box-shadow:0 4px 10px color-mix(in srgb,var(--event-color) 8%,transparent);
}
#crmPage .task-calendar-item:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--event-color) 14%,var(--unified-card));box-shadow:0 7px 14px color-mix(in srgb,var(--event-color) 13%,transparent)}
#crmPage .task-calendar-item.category-purchases{--event-color:var(--calendar-purchases)}
#crmPage .task-calendar-item.category-content{--event-color:var(--calendar-content)}
#crmPage .task-calendar-item.category-advertising{--event-color:var(--calendar-advertising)}
#crmPage .task-calendar-item.category-finance{--event-color:var(--calendar-finance)}
#crmPage .task-calendar-item.category-logistics{--event-color:var(--calendar-logistics)}
#crmPage .task-calendar-item::after{content:"";position:absolute;right:5px;top:5px;width:5px;height:5px;border-radius:50%;background:var(--priority-color,var(--unified-green));box-shadow:0 0 0 2px color-mix(in srgb,var(--priority-color,var(--unified-green)) 15%,transparent)}
#crmPage .task-calendar-item.priority-high{--priority-color:var(--unified-red)}
#crmPage .task-calendar-item.priority-medium{--priority-color:var(--unified-orange)}
#crmPage .task-calendar-item.priority-low{--priority-color:var(--unified-green)}
#crmPage .task-calendar-item.status-done{opacity:.72}
#crmPage .task-calendar-item.status-done b{text-decoration:line-through;text-decoration-thickness:1px}
#crmPage .task-calendar-more{color:var(--unified-violet);font-size:9px;font-weight:700}
#crmPage .task-calendar-legend{border-top:1px solid var(--unified-line);background:var(--unified-soft);color:var(--unified-muted);font-size:10px}
#crmPage .task-calendar-legend span::before{border-radius:50%}
#crmPage .task-calendar-legend .high::before{background:var(--unified-red)}
#crmPage .task-calendar-legend .medium::before{background:var(--unified-orange)}
#crmPage .task-calendar-legend .low::before{background:var(--unified-green)}

#settingsPage .tax-country-card{
  --country-accent:var(--unified-blue);
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  align-items:center;
  gap:15px;
  margin:14px 0;
  padding:16px 17px;
  border:1px solid color-mix(in srgb,var(--country-accent) 24%,var(--unified-line));
  border-radius:15px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--country-accent) 8%,var(--unified-card)),var(--unified-card) 70%);
  box-shadow:0 9px 25px color-mix(in srgb,var(--country-accent) 8%,transparent);
}
#settingsPage .tax-country-card[data-country="BY"],#settingsPage .tax-country-card[data-country="AE"]{--country-accent:var(--unified-green)}
#settingsPage .tax-country-card[data-country="KZ"],#settingsPage .tax-country-card[data-country="AM"]{--country-accent:var(--unified-orange)}
#settingsPage .tax-country-card[data-country="KG"],#settingsPage .tax-country-card[data-country="UZ"]{--country-accent:var(--unified-cyan)}
#settingsPage .tax-country-card[data-country="CN"],#settingsPage .tax-country-card[data-country="TR"]{--country-accent:var(--unified-red)}
#settingsPage .tax-country-card[data-country="OTHER"]{--country-accent:var(--unified-violet)}
#settingsPage .tax-country-code{width:58px;height:58px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--country-accent) 24%,var(--unified-line));border-radius:16px;background:color-mix(in srgb,var(--country-accent) 12%,var(--unified-card));color:var(--country-accent);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:14px;font-weight:800;box-shadow:0 7px 16px color-mix(in srgb,var(--country-accent) 10%,transparent)}
#settingsPage .tax-country-card div{min-width:0;display:grid;gap:4px}
#settingsPage .tax-country-card small,#settingsPage .tax-country-card p{color:var(--unified-muted)}
#settingsPage .tax-country-card b{color:var(--unified-text);font-size:17px}
#settingsPage .tax-country-card p{margin:0;font-size:10px}
#settingsPage .tax-country-card a{padding:8px 10px;border:1px solid color-mix(in srgb,var(--country-accent) 22%,var(--unified-line));border-radius:9px;background:var(--unified-card);color:var(--country-accent);font-size:10px;font-weight:700;text-decoration:none;white-space:nowrap}
#settingsPage .tax-country-warning{margin:0 0 14px}
#settingsPage .tax-country-warning.warning,#settingsPage #taxModeHelp.warning{border-color:color-mix(in srgb,var(--unified-orange) 30%,var(--unified-line));background:color-mix(in srgb,var(--unified-orange) 9%,var(--unified-card));color:#a65b00}
#settingsPage .tax-source-links{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:8px 0 18px;min-height:1px}
#settingsPage .tax-source-links span{color:var(--unified-muted);font-size:10px}
#settingsPage .tax-source-links a{padding:6px 8px;border:1px solid color-mix(in srgb,var(--unified-blue) 20%,var(--unified-line));border-radius:8px;background:color-mix(in srgb,var(--unified-blue) 5%,var(--unified-card));color:var(--unified-blue);font-size:9.5px;font-weight:650;text-decoration:none}
#settingsPage .tax-source-links a:hover{border-color:var(--unified-blue);background:color-mix(in srgb,var(--unified-blue) 10%,var(--unified-card))}
#settingsPage #taxMinRateField.is-hidden,#settingsPage #taxExpenseOption.is-hidden{display:none}
#settingsPage #taxRate:disabled,#settingsPage #taxMinRate:disabled{opacity:.72;background:var(--unified-soft);cursor:not-allowed}
#settingsPage .tax-expense-option{margin:10px 0;padding:12px 13px;border:1px solid var(--unified-line);border-radius:10px;background:var(--unified-soft);color:var(--unified-text)}

html[data-theme="dark"] #promotionsPage .promotion-status.warning,
html[data-theme="dark"] #feedbackPage .reader-toolbar .badge.warning{color:#ffb14d}
html[data-theme="dark"] #promotionsPage .promotion-risk-row td,
html[data-theme="dark"] #promotionsPage .promotion-risk-row td:first-child{background:#30252b}
html[data-theme="dark"] #promotionsPage .promotion-protected-row td,
html[data-theme="dark"] #promotionsPage .promotion-protected-row td:first-child{background:#22342e}
html[data-theme="dark"] #promotionsPage .promotion-active-row td,
html[data-theme="dark"] #promotionsPage .promotion-active-row td:first-child{background:#332e23}
html[data-theme="dark"] #promotionsPage .promotion-neutral-row td,
html[data-theme="dark"] #promotionsPage .promotion-neutral-row td:first-child{background:#232c3e}

@media(max-width:980px){
  #feedbackPage .feedback-mail-shell{grid-template-columns:minmax(270px,315px) minmax(0,1fr)}
  #feedbackPage .reader-scroll{padding:15px}
  #feedbackPage .reader-card-head,#feedbackPage .reader-body,#feedbackPage .reader-replybar{padding-left:18px;padding-right:18px}
  #feedbackPage .feedback-ai-analysis{padding-left:18px;padding-right:18px}
}
@media(max-width:760px){
  #promotionsPage .promotion-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  #promotionsPage .promotion-metrics>article{min-height:94px;padding:16px}
  #feedbackPage .feedback-mail-shell{height:auto;min-height:0;display:block;overflow:visible}
  #feedbackPage .mail-list{max-height:390px;border-right:0;border-bottom:1px solid var(--unified-line)}
  #feedbackPage .mail-list-scroll{max-height:305px}
  #feedbackPage .mail-reader{min-height:560px}
  #feedbackPage .reader-scroll{overflow:visible}
  #feedbackPage .feedback-ai-analysis{grid-template-columns:1fr}
  #feedbackPage .feedback-ai-analysis>.eyebrow{grid-column:auto}
  #crmPage .task-calendar-shell{display:block;overflow:auto}
  #crmPage .task-calendar-sidebar{display:block;min-width:700px;border-right:0;border-bottom:1px solid var(--unified-line)}
  #crmPage .task-calendar-main{min-width:700px}
  #crmPage .task-calendar-main .task-calendar-head{min-width:0}
  #settingsPage .tax-country-card{grid-template-columns:50px minmax(0,1fr)}
  #settingsPage .tax-country-code{width:50px;height:50px;border-radius:14px}
  #settingsPage .tax-country-card a{grid-column:1/-1;text-align:center}
}
@media(max-width:480px){
  #promotionsPage .promotion-metrics{grid-template-columns:1fr}
  #feedbackPage .feedback-mail-row{grid-template-columns:36px minmax(0,1fr);padding:12px}
  #feedbackPage .mail-row-avatar{width:36px;height:36px;border-radius:11px}
  #feedbackPage .reader-scroll{padding:8px}
  #feedbackPage .reader-card{border-radius:13px}
  #feedbackPage .reader-card-head,#feedbackPage .reader-body,#feedbackPage .reader-replybar{padding-left:14px;padding-right:14px}
  #feedbackPage .feedback-ai-analysis{padding-left:14px;padding-right:14px}
  #feedbackPage .reader-replybar .button-row{display:grid;grid-template-columns:1fr}
}

/* SavdoStast v10.41.0 — ordered application menu and in-page beta navigation. */
.nav-section--primary{gap:3px;margin-bottom:0}
.brand-name{font-size:18px;letter-spacing:-.03em}
.beta-feature-nav{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px;padding:12px;border:1px solid var(--unified-line,var(--line));border-radius:16px;background:var(--unified-card,var(--card));box-shadow:var(--unified-shadow,var(--shadow-sm))}
.beta-feature-nav button{min-height:36px;padding:8px 12px;border:1px solid var(--unified-line,var(--line));border-radius:10px;background:var(--unified-soft,var(--bg-muted));color:var(--unified-muted,var(--muted));font-size:12px;font-weight:650;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}
.beta-feature-nav button:hover{border-color:color-mix(in srgb,var(--unified-violet,var(--primary)) 45%,var(--unified-line,var(--line)));color:var(--unified-text,var(--text));transform:translateY(-1px)}
.beta-feature-nav button.active{border-color:color-mix(in srgb,var(--unified-violet,var(--primary)) 55%,transparent);background:color-mix(in srgb,var(--unified-violet,var(--primary)) 12%,var(--unified-card,var(--card)));color:var(--unified-violet,var(--primary));box-shadow:0 7px 18px color-mix(in srgb,var(--unified-violet,var(--primary)) 13%,transparent)}
@media(max-width:720px){.beta-feature-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.beta-feature-nav button{flex:0 0 auto}}