@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 600;
  font-display: optional;
  src: url("fonts/inter-cyrillic.woff2") format("woff2");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 600;
  font-display: optional;
  src: url("fonts/inter-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root {
  color-scheme: dark;
  --bg: #0c0f0e;
  --panel: #111615;
  --field: #181e1c;
  --hover: #1d2723;
  --line: #1d2622;
  --text: #d6d6d6;
  --muted: #8ca29a;
  --green: #00b377;
  --green-bg: #073c2b;
  --primary: #167a55;
  --red: #e99b8c;
  --amber: #d4bd83;
  font: 400 14px/1.28 -apple-system, BlinkMacSystemFont, Inter, "Helvetica Neue", sans-serif;
  color: var(--text);
  background: var(--bg);
}
* { box-sizing: border-box; }
html { overflow-y: scroll; scrollbar-gutter: stable; }
body { margin: 0; background: var(--bg); }
body.booting > .topbar, body.booting > .layout, body.signed-out > .topbar, body.signed-out > .layout { visibility: hidden; }
.startup { position: fixed; inset: 0; z-index: 30; display: grid; place-items: center; background: var(--bg); color: var(--muted); }
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea, summary { outline-offset: 3px; }
:focus-visible { outline: 2px solid var(--green); }
button { cursor: pointer; border: 0; border-radius: 10px; min-height: 34px; padding: 0 15px; color: var(--text); background: #1c2622; font-weight: 500; line-height: 34px; }
button:hover { background: #26332d; }
button:disabled { opacity: .45; cursor: not-allowed; }
button[aria-busy="true"] { cursor: progress; }
.primary { background: var(--primary); color: #f5f5f5; }
.primary:hover { background: #187f59; }
.small { min-height: 30px; line-height: 30px; padding: 0 11px; font-size: 13px; }
.text-button { color: var(--muted); background: transparent; }
.text-button:hover { background: var(--field); color: var(--text); }
a { color: var(--green); text-decoration: none; }
a:hover { text-decoration: underline; }
p { line-height: 1.55; }
.muted { color: var(--muted); }
.positive { color: var(--green); }
.money, .number { font-variant-numeric: tabular-nums; }
.hidden { display: none !important; }
.skip-link { position: fixed; top: -50px; left: 12px; z-index: 100; padding: 10px; background: var(--panel); }
.skip-link:focus { top: 8px; }
.topbar { border-bottom: 1px solid var(--line); background: #101613; }
.topbar-inner { max-width: 1320px; min-height: 64px; padding: 12px 24px; margin: auto; display: flex; gap: 24px; align-items: center; }
.brand { font-size: 19px; font-weight: 600; color: var(--green); letter-spacing: -.6px; white-space: nowrap; }
.brand span { color: var(--text); }
.brand:hover { text-decoration: none; }
.session-controls { margin-left: auto; display: flex; align-items: center; gap: 18px; }
.notification-bell { position:relative; display:grid; place-items:center; width:34px; padding:0; flex:none; }
.notification-badge { position:absolute; top:-6px; right:-7px; min-width:17px; height:17px; padding:0 4px; border-radius:9px; background:var(--green); color:#061b12; font-size:10px; font-weight:600; line-height:17px; }
.notification-panel { position:fixed; inset:auto; top:60px; right:24px; margin:0; width:min(420px,calc(100vw - 24px)); max-height:calc(100dvh - 90px); padding:0; border:1px solid #2d3b34; border-radius:12px; color:var(--text); background:var(--panel); box-shadow:0 16px 40px #0006; overflow:hidden; }
.notification-panel:popover-open { display:flex; flex-direction:column; }
.notification-panel::backdrop { background:transparent; }
.notification-list { overflow:auto; overscroll-behavior:contain; min-height:100px; scrollbar-width:none; }
.notification-list::-webkit-scrollbar { display:none; }
.notification-list .inline-note { padding:18px; }
.notification-entry { border-bottom:1px solid var(--line); transition:background-color .15s; }
.notification-entry:last-child { border-bottom:0; }
.notification-entry.unread { background:#10352655; }
.notification-entry:hover,.notification-entry:focus-within { background:var(--hover); }
.notification-item { display:grid; gap:6px; width:100%; padding:12px 16px 6px; min-height:0; border-radius:0; background:transparent; text-align:left; line-height:1.5; font-size:12px; font-weight:400; }
.notification-item:hover { background:transparent; }
.notification-item-head { display:flex; gap:10px; align-items:center; }
.notification-item-head strong { font-weight:500; }
.notification-dot { width:6px; height:6px; margin-left:auto; flex:none; border-radius:50%; background:var(--green); }
.notification-message { color:var(--muted); overflow-wrap:anywhere; white-space:pre-line; }
.notification-meta { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:4px 12px; padding:0 16px 12px; }
.notification-meta time { color:var(--muted); font-size:11px; font-variant-numeric:tabular-nums; }
.notification-lot-link { display:inline-flex; align-items:center; min-height:24px; font-size:12px; }
.notification-resolved { color:var(--green); font-size:11px; }
.notification-panel-footer { padding:10px 14px; border-top:1px solid var(--line); }
.settings-tabs { display:flex; gap:6px; margin-bottom:16px; padding:6px; width:fit-content; max-width:100%; flex-wrap:wrap; }
.settings-tabs button { min-height:34px; }
.chat-sources{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.chat-source{display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid var(--line);border-radius:8px;font-size:12px}
.chat-source small{color:var(--muted);font-size:11px}.chat-source-error small{color:#ed9d98}
.chat-source-connected small{color:var(--green)}.chat-source-stale small{color:var(--amber)}
.chat-inbox{display:grid;grid-template-columns:280px minmax(0,1fr);height:clamp(380px,65vh,680px);overflow:hidden}
.chat-list{min-width:0;overflow-y:auto;border-right:1px solid var(--line)}
.chat-thread{display:grid;width:100%;gap:7px;min-height:0;padding:12px;border-radius:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;font-size:12px;line-height:1.4}
.chat-thread:hover{background:var(--hover)}.chat-thread.active{background:#103526}.chat-thread.unread .chat-thread-top strong{color:var(--text);font-weight:600}
.chat-thread-top{display:flex;align-items:center;gap:8px;min-width:0}.chat-thread-top strong{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-thread-preview{color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.chat-thread-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;font-weight:400}
.chat-unread-dot{width:7px;height:7px;border-radius:50%;background:var(--green);margin-left:auto;flex:none}
.chat-detail{min-width:0;min-height:0;display:flex;flex-direction:column}.chat-detail>.empty{margin:auto;padding:24px}
.chat-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
.chat-detail-head>div{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}.chat-detail-head small{color:var(--muted);font-size:12px}.chat-detail-head a{font-size:12px;flex:none}
.chat-messages{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:1;min-height:0;overflow-y:auto;padding:16px}
.chat-message{max-width:88%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--field);overflow-wrap:anywhere}
.chat-message>div{white-space:pre-wrap;font-size:13px;line-height:1.55}.chat-message time{display:block;font-size:10px;color:var(--muted);margin-top:6px}
.chat-message.outgoing{align-self:flex-end;background:#16372b}.chat-history-note{padding:8px 16px;margin:0;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:700px){.chat-inbox{grid-template-columns:minmax(0,1fr);height:auto}.chat-list{max-height:250px;border-right:0;border-bottom:1px solid var(--line)}.chat-detail{height:430px}.chat-detail-head{align-items:flex-start;flex-wrap:wrap}.chat-message{max-width:95%}}
.notification-settings-body { padding:4px 16px 0; }
.notification-setting { display:flex; align-items:center; gap:20px; justify-content:space-between; padding:14px 0; border-bottom:1px solid var(--line); cursor:pointer; }
.notification-setting >span { min-width:0; display:grid; gap:4px; }
.notification-setting strong { font-size:13px; font-weight:500; }
.notification-setting small { font-size:12px; line-height:1.5; color:var(--muted); }
.notification-setting input[role=switch] { appearance:none; width:34px; height:20px; min-height:20px; padding:0; border:1px solid #405149; border-radius:12px; background:var(--field); position:relative; cursor:pointer; flex:none; transition:background .15s; }
.notification-setting input[role=switch]::after { content:""; position:absolute; left:3px; top:3px; width:12px; height:12px; border-radius:50%; background:var(--muted); transition:transform .15s; }
.notification-setting input[role=switch]:checked { background:var(--primary); border-color:var(--primary); }
.notification-setting input[role=switch]:checked::after { transform:translateX(14px); background:#fff; }
.notification-setting input:disabled { opacity:.4; cursor:not-allowed; }
.notification-category-head { padding-top:18px; color:var(--muted); font-size:12px; }
.notification-settings-footer { padding:14px 16px; display:flex; align-items:center; justify-content:flex-end; gap:8px; border-top:1px solid var(--line); }
.notification-history { max-height:420px; overflow:auto; }
.header-updated { inline-size: 150px; flex-shrink: 0; color: var(--muted); font-size: 11px; line-height: 16px; font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.live { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 12px; width: 164px; }
.dot { width: 6px; height: 6px; border-radius: 50%; background: var(--green); flex-shrink: 0; }
.dot.off { background: var(--amber); }
.layout { max-width: 1320px; padding: 22px 24px 40px; margin: auto; }
.breadcrumb { color: var(--green); margin: 0 0 18px; font-size: 14px; }
.shell { display: grid; grid-template-columns: 232px minmax(0, 1fr); align-items: start; gap: 16px; }
.sidebar { position: sticky; top: 20px; min-width: 0; }
nav { padding: 10px; border: 1px solid var(--line); background: var(--panel); border-radius: 12px; display: grid; gap: 2px; }
nav button { display: flex; align-items: center; gap: 10px; padding: 0 12px; min-height: 38px; text-align: left; font-weight: 400; line-height: 1.3; background: transparent; }
nav button:hover { background: var(--field); }
nav button.active { color: var(--green); background: var(--green-bg); }
.nav-count { margin-left: auto; min-width: 20px; text-align: right; color: var(--muted); font-size: 12px; }
nav button.active .nav-count { color: var(--green); }
.nav-count[data-count="chats"] { display:inline-flex; align-items:center; justify-content:center; flex:none; min-width:20px; height:20px; padding:0 6px; border-radius:6px; font-size:11px; font-weight:600; line-height:1; }
.nav-count[data-count="chats"][hidden] { display:none; }
.nav-count[data-count="chats"].has-unread { color:var(--green); background:var(--green-bg); }
nav button[data-page="chats"].has-unread { color:var(--green); background:var(--green-bg); }
nav button[data-page="chats"].has-unread:hover { background:#0c4633; }
.nav-divider { height: 1px; background: var(--line); margin: 8px 10px; }
.settings-summary { margin-top: 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
summary { cursor: pointer; padding: 14px; font-size: 13px; color: var(--muted); }
summary:hover { color: var(--text); }
.rule-list { margin: 0; padding: 0 14px 14px; font-size: 12px; display: grid; gap: 12px; }
.rule-list div { display: flex; justify-content: space-between; gap: 12px; }
.rule-list dt { color: var(--muted); }
.rule-list dd { margin: 0; white-space: nowrap; }
.content { min-width: 0; }
.heading { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; margin: 0 0 18px; min-height: 34px; }
.heading-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; flex: 1; }
#refresh-button { position: relative; padding-right: 17px; }
#refresh-button[data-updated]::after { content: ""; position: absolute; right: 5px; top: 13px; width: 5px; height: 5px; border-radius: 50%; background: var(--green); }
h1 { margin: 0; font-size: 18px; font-weight: 600; line-height: 30px; }
h2 { margin: 0; font-size: 14px; font-weight: 600; line-height: 24px; }
.actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.page { display: none; }
.page.active { display: block; }
.stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 18px; }
.stat { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; border: 1px solid var(--line); border-radius: 12px; padding: 12px 15px; background: var(--panel); font-weight: 400; line-height: 1.5; }
.stat:hover { background: var(--field); }
.stat span { color: var(--muted); font-size: 12px; }
.stat strong { font-size: 22px; font-weight: 500; }
.stat strong, .nav-count { font-variant-numeric: tabular-nums; }
.stat { min-height: 80px; }
.overview-grid { display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 16px; align-items: start; }
.block { border: 1px solid var(--line); background: var(--panel); border-radius: 12px; overflow: hidden; margin-bottom: 16px; }
.block-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; min-height: 48px; padding: 10px 14px; border-bottom: 1px solid var(--line); }
.block-head .muted { font-size: 12px; }
.empty { padding: 24px 15px; font-size: 13px; color: var(--muted); }
.empty strong { color: var(--text); font-weight: 500; display: block; }
.empty p { margin: 6px 0 0; max-width: 500px; }
.empty button { margin-top: 12px; }
.loading { padding: 24px 15px; color: var(--muted); font-size: 13px; }
.tag { display: inline-block; font-size: 12px; line-height: 22px; padding: 0 7px; color: var(--green); background: #103526; border-radius: 5px; white-space: nowrap; }
.tag.gray { background: var(--field); color: var(--muted); }
.tag.warn { background: #342f20; color: var(--amber); }
.tag.error { background: #35231f; color: var(--red); }
.platform { position: relative; padding: 8px 12px; border-bottom: 1px solid var(--line); min-block-size: 76px; }
.platform:last-child { border: 0; }
.platform-name { min-width: 0; }
.platform-name strong { display: block; padding-right: 86px; font-size: 13px; font-weight: 500; }
.platform-name small { display: block; color: var(--muted); font-size: 11px; line-height: 1.5; margin-top: 3px; overflow-wrap: anywhere; }
.platform .tag { position: absolute; top: 8px; right: 12px; font-size: 11px; line-height: 20px; padding-inline: 7px; text-align: center; }
#platform-summary { min-block-size: 532px; }
.platform-check-actions { display:flex; align-items:center; gap:8px; }
.toolbar { display: flex; align-items: center; gap: 8px; padding: 15px; background: var(--panel); border: 1px solid var(--line); border-radius: 12px; margin-bottom: 16px; flex-wrap: wrap; }
input, select, textarea { min-width: 0; width: 100%; border: 0; border-radius: 10px; min-height: 34px; line-height: 20px; padding: 7px 10px; background: var(--field); color: var(--text); font-weight: 400; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { color: var(--muted); opacity: 1; }
.toolbar input { flex: 1; min-width: 180px; }
.toolbar select { width: auto; min-width: 140px; }
.toolbar .filter-number { flex: 0 1 120px; min-width: 100px; }
.result-count { color: var(--muted); font-size: 12px; margin-left: auto; }
.inline-note { font-size: 12px; line-height: 1.6; color: var(--muted); margin: 0 0 14px; }
.filter-rules { display: flex; gap: 7px 16px; flex-wrap: wrap; margin-bottom: 14px; font-size: 12px; color: var(--muted); }
.filter-rules strong { font-weight: 400; color: var(--text); }
#pause-button { min-width: 180px; }
.analytics-region { block-size: 188px; }
.finds-region { block-size: 280px; }
.events-region { block-size: 300px; }
.data-region { block-size: max(320px, calc(100svh - 310px)); }
.analytics-region, .finds-region, .events-region, .data-region { overflow: auto; scrollbar-gutter: stable; overscroll-behavior: contain; }
#page-overview .analytics-region, #page-overview .finds-region, #page-overview .events-region { overscroll-behavior-y: auto; }
.data-region > .block:last-child { margin-bottom: 0; }
.item-list { display: grid; gap: 8px; }
.item-row { padding: 14px 16px; background: var(--panel); border: 1px solid var(--line); border-radius: 12px; }
.item-top { display: flex; align-items: flex-start; gap: 16px; justify-content: space-between; }
.item-title { min-width: 0; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; }
.item-price { flex-shrink: 0; font-size: 15px; line-height: 24px; color: #e3f5ec; background: #175139; border-radius: 5px; padding: 0 6px; font-weight: 500; }
.item-meta { display: flex; gap: 6px 15px; flex-wrap: wrap; color: var(--muted); font-size: 12px; line-height: 1.5; margin-top: 7px; }
.item-assets { margin-top: 9px; display: flex; gap: 5px; flex-wrap: wrap; }
.item-assets span { color: #a7b4ae; background: var(--field); border-radius: 5px; padding: 3px 6px; font-size: 11px; }
.item-bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.item-bottom:empty { display: none; }
.item-actions { display: flex; gap: 6px; flex-wrap: wrap; }
.item-source { min-width: 0; font-size: 12px; overflow-wrap: anywhere; }
.compact-items .item-row { border: 0; border-radius: 0; border-bottom: 1px solid var(--line); padding: 12px 14px; }
.compact-items .item-row:last-child { border: 0; }
.opportunity-sale { margin-top:10px; color:var(--muted); font-size:12px; }
.opportunity-sale strong { margin-left:5px; color:var(--text); font-weight:500; }
.opportunity-metrics { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; margin-top:7px; color:var(--muted); font-size:12px; }
.opportunity-metrics strong { margin-left:4px; color:var(--green); font-weight:500; font-variant-numeric:tabular-nums; }
.opportunity-metrics > span:first-child strong { font-size:16px; }
.compact-items { gap: 0; }
.compact-items .item-price { font-size: 13px; }
.table-wrap { overflow: auto; border: 1px solid var(--line); border-radius: 12px; }
table { border-collapse: collapse; table-layout: fixed; width: 100%; min-width: 960px; font-size: 13px; text-align: left; background: var(--panel); }
th { padding: 11px 14px; font-size: 12px; color: var(--muted); font-weight: 400; background: #141b17; }
td { padding: 10px 12px; border-top: 1px solid var(--line); height: 92px; vertical-align: top; }
.cell-content { max-block-size: 70px; overflow: auto; overflow-wrap: anywhere; line-height: 1.5; }
.cell-content, .analytics-region { scrollbar-width:none; }
.cell-content::-webkit-scrollbar, .analytics-region::-webkit-scrollbar { display:none; }
.cell-content > small { display: block; color: var(--muted); font-size: 11px; }
.analytics-region table { min-width: 620px; }
.analytics-region td { height: 36px; padding: 6px 12px; }
.analytics-region .cell-content { max-block-size: 22px; }
.analytics-region .table-wrap { border: 0; border-radius: 0; }
#listings-content th:first-child { width: 24%; }
#listings-content th:last-child { width: 22%; }
#orders-content th:nth-child(5) { width: 23%; }
#orders-content th:last-child { width: 20%; }
tbody tr:hover { background: #151d19; }
.title-cell { white-space: normal; min-width: 0; line-height: 1.5; overflow-wrap: anywhere; }
.title-cell small { display: block; font-size: 11px; margin-top: 4px; color: var(--muted); }
.table-actions { display: flex; gap: 6px; flex-wrap: wrap; }
.events { padding: 0 14px; }
.event { display: grid; grid-template-columns: 43px minmax(0, 1fr); gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 12px; line-height: 1.5; min-block-size: 60px; align-items: start; }
.event > div { min-width: 0; overflow: visible; }
.event:last-child { border: 0; }
.event time { font-size: 11px; color: var(--muted); font-variant-numeric: tabular-nums; padding-top: 1px; white-space: nowrap; }
.event p { margin: 0; overflow-wrap: anywhere; }
.event small { display: block; margin-top: 3px; color: var(--muted); font-size: 11px; overflow-wrap: anywhere; }
.event.error p { color: var(--red); }
.integration-list { display: grid; gap: 8px; }
.integration-row { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; display: grid; grid-template-columns: 120px minmax(0, 1fr) 100px; align-items: start; gap: 15px; font-size: 13px; line-height: 1.5; block-size: 132px; }
.integration-row > div { min-width: 0; block-size: 102px; overflow: auto; overflow-wrap: anywhere; }
.integration-row .tag { text-align: center; }
.integration-row h2 { font-weight: 500; }
.integration-row p { margin: 0; color: var(--muted); font-size: 12px; }
.integration-row small { display: block; margin-top: 4px; color: var(--muted); font-size: 11px; }
.help { margin-top: 16px; }
.help summary { padding: 0; }
.help-body { font-size: 12px; color: var(--muted); line-height: 1.65; padding: 10px 0; }
.help-body p { margin: 6px 0; }
code { font-size: 11px; color: #afc2b7; overflow-wrap: anywhere; }
.login { position: fixed; inset: 0; z-index: 20; background: var(--bg); display: grid; place-items: center; padding: 20px; }
.login-card { width: min(380px, 100%); border: 1px solid var(--line); border-radius: 12px; padding: 26px; background: var(--panel); }
.login-card h1 { margin: 24px 0 8px; }
.login-card p { color: var(--muted); font-size: 13px; }
.login-card label { display: block; margin: 20px 0 8px; font-size: 12px; color: var(--muted); }
.login-card button { width: 100%; margin-top: 16px; }
.login-error, .error-text { color: var(--red); font-size: 12px; line-height: 1.5; margin-top: 10px; block-size: 36px; overflow: auto; overflow-wrap: anywhere; }
html:has(dialog[open]) { overflow: hidden; }
dialog { padding: 0; border: 1px solid #2d3b34; border-radius: 12px; background: var(--panel); color: var(--text); width: min(620px, calc(100% - 32px)); max-width: calc(100% - 32px); max-height: calc(100dvh - 40px); overflow: hidden; }
dialog[open] { display: flex; flex-direction: column; }
dialog::backdrop { background: #0009; }
.dialog-head { flex: none; padding: 15px 20px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--line); }
.dialog-head h2 { min-width: 0; overflow-wrap: anywhere; line-height: 1.45; }
.dialog-head button { flex: none; }
.dialog-body { display: flex; flex-direction: column; min-height: 0; min-width: 0; margin: 0; overflow: hidden; }
.dialog-content { display: flex; flex-direction: column; gap: 16px; min-height: 0; min-width: 0; padding: 20px; overflow-y: auto; overflow-x: hidden; scrollbar-gutter: stable; overscroll-behavior: contain; scroll-padding-block: 20px; overflow-wrap: anywhere; }
.dialog-content > * { flex: none; min-width: 0; }
.dialog-content { scrollbar-width:none; scrollbar-gutter:auto; }
.dialog-content::-webkit-scrollbar { display:none; }
.dialog-content :where(label) { display: grid; gap: 7px; min-width: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.dialog-content > :where(p, .form-hint, .error-text, .help, .product-preview, .product-price-fields), .dialog-content .form-hint { margin: 0; }
.dialog-content textarea { display: block; max-width: 100%; min-height: 88px; }
.dialog-content .form-section-title { margin: 0; }
.dialog-content .source-hint { margin: 0; }
#fee-profile-fields, .product-fee-edit, #account-fields, #product-stock-fields { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
#configuration-value { font-family: ui-monospace, Consolas, monospace; font-size: 12px; line-height: 1.6; min-height: 220px; tab-size: 2; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.form-grid > * { min-width: 0; }
#product-form .form-grid { align-items:start; }
.form-grid label { display: grid; gap: 7px; color: var(--muted); font-size: 12px; line-height: 1.45; }
.wide { grid-column: 1/-1; }
.form-actions { flex: none; display: flex; justify-content: flex-end; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0; padding: 14px 20px; border-top: 1px solid var(--line); background: var(--panel); }
.form-actions button { max-width: 100%; white-space: normal; line-height: 20px; padding-block: 7px; }
.form-hint { font-size: 12px; color: var(--muted); line-height: 1.6; margin: 0 0 15px; }
.form-grid + .form-hint { margin: 0; }
.toast { position: fixed; right: 20px; bottom: 20px; max-width: 440px; z-index: 50; padding: 13px 16px; border: 1px solid #315842; border-radius: 10px; background: #173325; color: var(--text); font-size: 13px; line-height: 1.5; }
.toast.error { border-color: #634035; background: #30211c; }
.search-run-status { display: grid; align-content: start; gap: 5px; block-size: 90px; overflow: auto; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; margin-bottom: 8px; font-size: 12px; color: var(--muted); }
.search-run-status strong { color: var(--text); font-weight: 600; }
.search-valuation, .search-reason { margin: 7px 0; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.search-reason { color: var(--muted); }
.search-fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
.search-fieldset legend { padding: 0 0 10px; font-size: 12px; color: var(--muted); }
.check-options { display: flex; flex-wrap: wrap; gap: 10px 16px; }
.check-options label { display: inline-flex; align-items: center; gap: 6px; margin: 0; }
.check-options input { flex: none; width: 16px; height: 16px; min-height: 16px; padding: 0; accent-color: var(--green); }
.search-estimates { margin: 0; }
.search-estimates summary { cursor: pointer; padding: 0; }
.search-estimates[open] > :not(summary) { margin-top: 16px; }
@media (max-width: 1080px) {
  .shell { grid-template-columns: 196px minmax(0, 1fr); }
  .overview-grid { grid-template-columns: 1fr; }
  #platform-summary { display: grid; grid-template-columns: 1fr 1fr; min-block-size:304px; block-size:auto; }
  .platform { border-bottom: 1px solid var(--line); }
}
@media (max-width: 720px) {
  .topbar-inner { padding: 12px 16px; min-height: 56px; gap: 12px; }
  .live { display: none; }
  .session-controls { gap: 12px; }
  .layout { padding: 16px 12px 28px; }
  .breadcrumb { display: none; }
  .shell { display: block; }
  .sidebar { position: static; margin-bottom: 18px; }
  nav { display: flex; flex-wrap: wrap; gap: 4px; padding: 6px; }
  nav button { min-height: 34px; font-size: 12px; padding: 0 9px; }
  .nav-count, .nav-divider { display: none; }
  .settings-summary { display: none; }
  .heading { margin-bottom: 14px; }
  .heading .actions { width: 100%; }
  .stats { grid-template-columns: 1fr 1fr; }
  .stat { padding: 10px 13px; }
  .stat strong { font-size: 20px; }
  .toolbar { padding: 10px; }
  .toolbar input { min-width: 140px; }
  .toolbar .filter-number { flex: 1; }
  .toolbar select { flex: 1; }
  .result-count { font-size: 11px; }
  .integration-row { grid-template-columns: 1fr 100px; gap: 7px 10px; block-size: 164px; }
  .integration-row > div { grid-column: 1/-1; grid-row: 2; block-size: 94px; }
  .integration-row .tag { grid-column: 2; grid-row: 1; }
  #platform-summary { display: block; min-block-size:532px; block-size:auto; }
  .form-grid { grid-template-columns: 1fr; }
  .wide { grid-column: auto; }
  .item-row { padding: 12px; }
  .item-price { font-size: 13px; }
  .item-meta { font-size: 11px; gap: 6px 10px; }
  .item-actions { width: 100%; }
  .toast { right: 12px; bottom: 12px; left: 12px; max-width: none; }
  .login-card { padding: 22px; }
}
@media (max-width: 480px) {
  .topbar-inner { flex-wrap: wrap; gap: 4px 12px; }
  .topbar-inner > .brand { order: 1; }
  .session-controls { display: contents; }
  .notification-bell { order:2; margin-left:auto; }
  .notification-bell + #logout { margin-left:0; }
  #logout { order: 2; margin-left: auto; }
  .header-updated { order: 3; flex-basis: 100%; text-align: left; }
  dialog { max-height: calc(100dvh - 24px); }
  .dialog-head { padding: 12px 14px; gap: 10px; }
  .dialog-content { padding: 16px 14px; }
  .form-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 12px 14px; }
  .form-actions button { min-height: 38px; padding-inline: 8px; }
}

.catalog-region { min-height: 300px; }
.procurement-source { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px; border-bottom:1px solid var(--line); }
.procurement-source:last-child { border-bottom:0; }
.procurement-source > div { min-width:0; }
.procurement-source strong { font-size:13px; overflow-wrap:anywhere; }
.procurement-source .item-meta { margin-top:7px; }
.procurement-source > button { flex:none; }
#procurement-jobs { margin-top:16px; }
.order-quality-menu { min-width:0; width:100%; max-width:100%; font-size:12px; }
.order-quality-menu summary { cursor:pointer; padding:5px; color:var(--muted); }
.order-quality-menu .fee-checkbox { margin:8px 0; }
.order-quality-menu select { font-size:11px; width:100%; }
#orders-content { scrollbar-width:none; scrollbar-gutter:auto; }
#orders-content::-webkit-scrollbar { display:none; }
#orders-content .cell-content { max-block-size:none; overflow:visible; }
#orders-content .table-wrap { overflow:visible; }
#orders-content .table-actions { flex-direction:column; align-items:flex-start; min-width:0; }
#orders-content td { height:auto; padding-block:14px; }
#orders-content time { display:grid; gap:3px; white-space:nowrap; font-variant-numeric:tabular-nums; }
#orders-content time small { color:var(--muted); font-size:11px; }
#orders-content .order-title { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
#orders-content .tag { white-space:normal; }
#orders-content table { min-width:920px; }
#orders-content th:nth-child(1) { width:12%; }
#orders-content th:nth-child(2) { width:11%; }
#orders-content th:nth-child(3) { width:24%; }
#orders-content th:nth-child(4) { width:10%; }
#orders-content th:nth-child(5) { width:14%; }
#orders-content th:nth-child(6) { width:14%; }
#orders-content th:nth-child(7) { width:15%; }
.tag.defective { color:var(--red); background:#3a231e; }
.warehouse-product .block-head { align-items:flex-start; gap:12px; }
.warehouse-product .block-head > div { min-width:0; }
.warehouse-product h2 { overflow-wrap:anywhere; }
.warehouse-product .muted { display:block; margin-top:5px; font-size:12px; }
.warehouse-metrics { display:flex; flex-wrap:wrap; gap:10px 24px; padding:14px; color:var(--muted); font-size:12px; }
.warehouse-metrics strong { color:var(--text); font-weight:500; font-variant-numeric:tabular-nums; }
.warehouse-metrics > span:first-child strong { color:var(--green); }
.warehouse-units { border-top:1px solid var(--line); }
.warehouse-units > summary { padding:12px 14px; cursor:pointer; color:var(--muted); font-size:12px; }
.warehouse-unit-list > button { margin:12px 14px; }
.product-stock { margin-top:8px; font-size:12px; color:var(--muted); }
.product-stock strong { color:var(--text); font-weight:500; font-variant-numeric:tabular-nums; }
#restock-account { display:grid; gap:16px; }
@media(max-width:700px) { .warehouse-product .block-head { flex-direction:column; } .warehouse-product .item-actions { flex-wrap:wrap; } }
#purchasing-stock-fields { display:grid; gap:12px; }
@media (max-width:600px) { .procurement-source { align-items:flex-start; flex-direction:column; } }
.positive { color: var(--green); }
.product-card .block-head { align-items: flex-start; gap: 12px; }
.product-card .block-head > div { min-width: 0; }
.catalog-category-head { display:flex; align-items:center; gap:10px; padding:12px 14px; border-bottom:1px solid var(--line); background:var(--field); }
.catalog-category-head h2 { min-width:0; overflow-wrap:anywhere; }
.catalog-category-count { flex:none; min-width:24px; padding:0 7px; border-radius:5px; background:var(--green-bg); color:var(--green); text-align:center; font-size:12px; line-height:22px; font-variant-numeric:tabular-nums; }
.catalog-category-products>.product-card + .product-card { border-top:1px solid var(--line); }
.product-card h3 { margin:0; font-size:14px; font-weight:600; line-height:24px; overflow-wrap:anywhere; }
.product-card .muted { color: var(--muted); font-size: 12px; }
.product-purchase { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; margin-top: 12px; font-size: 12px; color: var(--muted); font-variant-numeric: tabular-nums; }
.product-purchase strong { color: var(--text); font-weight: 500; }
.product-prices { display: grid; grid-template-columns: repeat(var(--platform-count,4),minmax(0,1fr)); }
.product-prices > div { display: flex; flex-direction: column; gap: 12px; padding: 12px 16px 16px; min-width: 0; border-right: 1px solid var(--line); }
.product-prices > div:last-child { border: 0; }
.product-price-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.product-price-head > strong { font-size: 12px; font-weight: 500; }
.publication-toggle { display:grid; place-items:center; flex:none; width:30px; height:30px; min-height:30px; padding:0; border-radius:7px; line-height:1; color:var(--muted); }
.publication-toggle svg { width:16px; height:16px; }
.publication-toggle:hover { color:var(--text); }
.publication-toggle.is-paused { color:var(--amber); }
.publication-heading { display:grid; gap:4px; min-width:0; }
.publication-heading > strong,.publication-name { font-size:12px; font-weight:500; overflow-wrap:anywhere; }
.product-card .product-price-head strong,.product-card .publication-name { font-size:14px; font-weight:600; }
.publication-name { color:var(--text); text-decoration:none; }
.publication-name:hover,.publication-name:focus-visible { color:var(--green); text-decoration:underline; }
.publication-state { width:fit-content; min-height:0; padding:0; border:0; border-radius:0; background:none; font-size:11px; line-height:1.5; font-weight:400; color:var(--muted); text-align:left; }
.publication-state:hover { background:none; color:var(--text); text-decoration:underline; }
.publication-state.positive { color:var(--green); }
#product-publication-fields { margin-top:16px; }
.product-price-metric { display: grid; gap: 3px; min-width: 0; }
.product-price-metric > span { color: var(--muted); font-size: 11px; }
.product-price-metric > b { font-size: 19px; line-height: 1.3; font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.product-profit > b { font-size: 17px; }
.product-profit-head { display:flex; align-items:center; justify-content:space-between; gap:6px; min-height:20px; }
.product-profit-head > span { color:var(--muted); font-size:11px; }
.product-roi { margin-top: 3px; font-variant-numeric: tabular-nums; }
.product-roi strong { margin-left: 3px; color: var(--text); font-weight: 500; }
.product-roi.product-roi-low, .product-roi.product-roi-low strong { color: var(--red); }
.pricing-info { display: inline-grid; place-items: center; flex: none; width: 28px; min-height: 28px; padding: 0; border-radius: 7px; font-size: 16px; line-height: 1; color: var(--muted); background: transparent; }
.pricing-info:hover, .pricing-info[aria-expanded="true"] { color: var(--text); background: var(--hover); }
.product-profit-head .pricing-info { width:24px; height:20px; min-height:20px; border-radius:4px; }
.pricing-tooltip { position: fixed; inset: auto; margin: 0; width: min(320px,calc(100vw - 32px)); max-height: min(460px,calc(100dvh - 32px)); overflow: auto; padding: 16px; border: 1px solid #3c4c44; border-radius: 10px; color: var(--text); background: #1a231f; box-shadow: 0 8px 28px #0006; font-size: 12px; line-height: 1.5; }
.pricing-tooltip > strong { font-size: 13px; font-weight: 600; }
.pricing-tooltip dl { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 8px 12px; margin: 14px 0 0; font-variant-numeric: tabular-nums; }
.pricing-tooltip dt { color: var(--muted); }
.pricing-tooltip dd { margin: 0; text-align: right; overflow-wrap: anywhere; }
.pricing-breakdown dd small{display:block;color:var(--muted);font-size:11px;line-height:1.4;margin-top:3px}
.pricing-tooltip p { margin: 12px 0 0; color: var(--muted); font-size: 11px; }
.pricing-tooltip p.pricing-loss { color: var(--red); }
.product-controls { display: flex; gap: 12px 20px; justify-content: space-between; align-items: center; padding: 10px 16px; border-top: 1px solid var(--line); flex-wrap: wrap; }
.product-controls > .item-actions { flex: none; margin-left: auto; }
.product-controls > [data-product-market] { min-width:0; max-width:100%; }
.product-offers { display: flex; flex-wrap: wrap; gap: 8px 18px; padding: 0 16px 12px; font-size: 12px; }
.product-results { border-top: 1px solid var(--line); }
.product-results > summary { padding: 12px 16px; cursor: pointer; }
.product-dialog { width: min(900px,calc(100% - 32px)); }
.form-section-title { margin: 24px 0 12px; font-size: 15px; }
.product-price-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-bottom: 16px; }
.product-price-fields > div { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.product-price-fields strong { grid-column: 1/-1; font-size: 13px; }
.product-preview { min-height: 64px; margin-top: 16px; border: 1px solid var(--line); font-size: 12px; }
.product-preview > .product-purchase { padding: 12px; margin: 0; border-bottom: 1px solid var(--line); }
.product-preview .product-prices { grid-template-columns: repeat(2,minmax(0,1fr)); }
.product-preview .product-prices > div { padding: 10px; }
.product-preview .product-prices > div { border-bottom: 1px solid var(--line); }
.product-preview .product-prices > div:last-child, .product-preview .product-prices > div:nth-last-child(2):nth-child(odd) { border-bottom: 0; }
.product-preview .product-prices > div:last-child:nth-child(odd) { grid-column: 1/-1; }
.product-preview .product-prices > div:nth-child(even) { border-right: 0; }
@media (max-width: 1000px) {
  .product-card .product-prices { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-card .product-prices > div { border-bottom: 1px solid var(--line); }
  .product-card .product-prices > div:last-child, .product-card .product-prices > div:nth-last-child(2):nth-child(odd) { border-bottom: 0; }
  .product-card .product-prices > div:last-child:nth-child(odd) { grid-column: 1/-1; }
  .product-card .product-prices > div:nth-child(even) { border-right: 0; }
}
@media (max-width: 600px) {
  .product-price-fields { grid-template-columns: 1fr; }
  .product-preview .product-prices { grid-template-columns: 1fr; }
  .product-preview .product-prices > div { border-right: 0; border-bottom: 1px solid var(--line); }
  .product-preview .product-prices > div:last-child { border-bottom: 0; }
  .product-prices > div { padding: 12px; }
  .product-controls .item-actions { display: flex; flex-wrap: wrap; }
}

.integration-title { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.integration-title h2 { margin:0; }
.integration-row[data-platform-placeholder],.integration-row[data-platform-placeholder]>div { block-size:auto; overflow:visible; }
.integration-row[data-platform-placeholder] p+button { margin-top:8px; }
.fee-icon { width:30px; height:30px; padding:0; font-size:16px; color:var(--green); flex:none; }
.fee-charge { display:grid; gap:16px; margin:0; padding:14px; min-width:0; border:1px solid var(--line); border-radius:10px; }
.fee-charge legend { max-width:100%; padding:0 6px; font-size:13px; color:var(--text); }
.fee-checkbox { display:flex; align-items:center; gap:8px; margin:0; line-height:1.5; }
.fee-checkbox input[type=checkbox] { width:16px; height:16px; min-height:16px; flex:none; accent-color:var(--green); }
.fee-platform-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.product-fee-platform,.product-fee-funding { display:grid; gap:16px; padding:16px 0; border-bottom:1px solid var(--line); }
.fee-reference-row { padding:10px 0; border-bottom:1px solid var(--line); }
.fee-reference-row p { margin:6px 0; overflow-wrap:anywhere; }
.fee-sources { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
#fee-dialog { width:min(560px,calc(100vw - 32px)); }
.commission-summary { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.6fr); gap:14px; margin:0; padding:16px; border:1px solid var(--line); border-radius:10px; font-size:12px; }
.commission-summary dt { color:var(--muted); }
.commission-summary dd { margin:0; text-align:right; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.commission-summary dd small { display:block; margin-top:4px; color:var(--muted); }
.commission-editor { display:grid; gap:16px; padding-top:16px; }
.product-fees { margin:12px 0; }
.product-price-fields > div > label { grid-column:1/-1; }
.source-url-field { display:flex; align-items:center; gap:8px; min-width:0; }
.source-url-field input { min-width:0; flex:1; }
.source-url-field button { flex:none; }
.source-hint { display:flex; flex-direction:column; gap:6px; min-height:64px; font-size:12px; margin-top:8px; overflow-wrap:anywhere; }
.source-hint strong { color:var(--green); }
.source-hint small { color:var(--muted); }
.pricing-platform { border:1px solid var(--line); border-radius:10px; padding:14px; }
.pricing-platform[data-platform-placeholder] strong { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; }
.break-even-hint { grid-column:1/-1; color:var(--muted); font-size:12px; line-height:1.5; font-variant-numeric:tabular-nums; }
.pricing-alerts { display:grid; gap:8px; }
.pricing-alert { padding:12px; border:1px solid var(--line); border-radius:8px; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.pricing-alert.danger { background:#35231f; border-color:#6b3b32; color:var(--red); }
.pricing-alert.warning { background:#342f20; border-color:#655b33; color:var(--amber); }
.pricing-alert.buffer { background:#35281d; border-color:#715034; color:#e4b17d; }
.product-market { min-width:0; font-size:11px; color:var(--muted); line-height:1.5; }
.product-market-line { display:flex; align-items:center; gap:6px 16px; flex-wrap:wrap; }
.product-market-line strong { font-weight:500; color:var(--text); font-variant-numeric:tabular-nums; }
.product-market p { margin:4px 0; }
.market-history-table table { min-width:560px; }
.market-history-table .table-wrap { scrollbar-width:none; }
.market-history-table .table-wrap::-webkit-scrollbar { display:none; }
.market-history-table td { height:auto; padding:14px; vertical-align:top; }
.market-history-table th:first-child { width:18%; }
.market-history-table th:last-child { width:26%; }
.market-history-table small { display:block; margin-top:4px; color:var(--muted); font-size:11px; }
.market-history-table .cell-content { max-block-size:none; overflow:visible; }
#market-history-dialog .error-text:empty { display:none; }
.pricing-loss { color: #ef7777; }
.yandex-summary { display:flex; gap:10px 20px; flex-wrap:wrap; padding:12px 16px; color:var(--muted); font-size:12px; }
.yandex-data-region { height:340px; overflow:auto; scrollbar-gutter:stable; }
#page-yandex > .block, #yandex-content > .block { margin-bottom:16px; }
#yandex-content .inline-note { margin:10px 16px; }
#yandex-search { flex:1; min-width:180px; }
.yandex-catalog { height:200px; }
#yandex-content .table-wrap { border:0; border-radius:0; }
.yandex-catalog table { min-width:680px; }
.yandex-catalog th:nth-child(1) { width:18%; }
.yandex-catalog th:nth-child(2) { width:52%; }
.yandex-catalog th:nth-child(3), .yandex-catalog th:nth-child(4) { width:15%; }
.yandex-orders table { min-width:760px; }
.yandex-orders th:nth-child(1) { width:18%; }
.yandex-orders th:nth-child(2) { width:42%; }
.yandex-orders th:nth-child(3) { width:16%; }
.yandex-orders th:nth-child(4), .yandex-orders th:nth-child(5) { width:12%; }
/* Настройки и реестр адаптаций. */
.setup-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line)}
.setup-row:last-child{border-bottom:0}.setup-row p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
.setup-row>div{min-width:0}.setup-row .tag{white-space:nowrap}.settings-tabs{flex-wrap:wrap}
.telegram-settings #telegram-events-form{border-top:1px solid var(--line);gap:12px}
.telegram-settings>details>summary{padding:14px 20px;cursor:pointer;color:var(--muted);font-size:13px}
.telegram-settings .notification-setting{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--text);padding:12px 0}
.telegram-settings .error-text:empty{display:none}.telegram-settings .form-actions{padding:14px 0 0}
.telegram-settings h3{margin:0 0 12px;font-size:16px}
.plugin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}
.plugin-card{min-width:0}.plugin-card .block-head{align-items:flex-start;gap:12px;flex-wrap:wrap}.plugin-card h3{font-size:15px;margin:0;overflow-wrap:anywhere}
.plugin-body{padding:0 20px 20px}.plugin-body p{line-height:1.6}.plugin-body details{color:var(--muted);font-size:13px}.plugin-body li{overflow-wrap:anywhere;margin:7px 0}
.plugin-libraries{display:flex;flex-wrap:wrap;gap:16px 28px;padding:20px;color:var(--muted)}.plugin-libraries strong{color:var(--text);margin-left:6px}
.plugin-references{margin-top:20px}.plugin-references>summary{padding:20px;cursor:pointer}.plugin-reference{padding:16px 20px;border-top:1px solid var(--line)}
.plugin-reference>span{font-size:12px;margin-left:12px}.plugin-reference p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:0}.plugin-reference a{overflow-wrap:anywhere}
@media(max-width:1000px){.plugin-grid{grid-template-columns:1fr}.setup-row{grid-template-columns:minmax(0,1fr) auto}.setup-row>button{grid-column:1/-1;justify-self:start}}
@media(max-width:540px){.setup-row{grid-template-columns:1fr;gap:10px;padding:16px}.setup-row>.tag{justify-self:start}.plugin-libraries{flex-direction:column;gap:10px}.plugin-reference>span{display:block;margin:7px 0 0}.telegram-settings .form-actions{flex-wrap:wrap}}

/* Компактные действия карточки; общие размеры заданы в базовых правилах. */
.product-card-actions{gap:6px;width:auto;flex-wrap:nowrap;flex-shrink:0;align-self:flex-start}
button.product-icon-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:8px;color:var(--muted)}
.product-icon-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.product-icon-action:hover{color:var(--text)}
.product-delete-action:hover{color:var(--red);background:#35231f}
summary{cursor:pointer;align-content:center}
.item-actions{max-width:100%;flex-wrap:wrap}.publication-heading{flex:1}.product-price-head{min-width:0}
button,a,input,select,summary{transition:color .15s,background-color .15s,opacity .15s}
.loading::before{content:"";display:inline-block;width:14px;height:14px;margin-right:9px;vertical-align:-2px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:loading-turn .8s linear infinite}
@keyframes loading-turn{to{transform:rotate(360deg)}}
@media(max-width:600px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}.topbar-inner,.session-controls{gap:10px}.product-price{padding:14px}.product-price-head{gap:4px}.product-controls .item-actions{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.product-summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 18px;margin-top:12px}.product-summary>.product-purchase,.product-summary>.product-stock{margin-top:0}

.finance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}
.finance-stat{padding:16px;display:grid;align-content:start;gap:8px;min-width:0}.finance-stat>span{color:var(--muted);font-size:12px;min-height:32px;line-height:1.4}.finance-stat>strong{font-size:21px;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.finance-tabs{display:flex;gap:6px 10px;align-items:center;flex-wrap:wrap;padding:12px;border-bottom:1px solid var(--line)}.finance-tabs .active{color:var(--green);background:var(--green-bg)}.finance-tabs>.muted{margin-left:auto;font-size:11px}.finance-tabs>.muted .money{white-space:nowrap}
.finance-table .table-wrap{border:0;border-radius:0}.finance-table table{min-width:920px}.finance-table td{height:auto;max-height:none;overflow:visible;vertical-align:top}.finance-table td small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:5px}.finance-table time{display:block;margin-top:5px;white-space:nowrap;font-size:11px;color:var(--muted)}.finance-table time>small{margin-top:2px}.finance-table .order-title{max-width:240px}
.finance-cost-form{display:flex;align-items:center;gap:5px;min-width:150px}.finance-cost-form input{width:115px;min-width:0;height:30px;min-height:30px;font-size:12px;padding:0 8px;appearance:textfield;-moz-appearance:textfield}.finance-cost-form input::-webkit-inner-spin-button,.finance-cost-form input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.finance-cost-save{display:grid;place-items:center;padding:0;width:30px;height:30px;min-height:30px;line-height:1;flex:none}.finance-cost-save svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.finance-table .cell-content,.search-log-region .cell-content{max-block-size:none;overflow:visible}.finance-sales-table th:nth-child(1){width:14%}.finance-sales-table th:nth-child(2){width:24%}.finance-sales-table th:nth-child(3),.finance-sales-table th:nth-child(4),.finance-sales-table th:nth-child(6){width:14%}.finance-sales-table th:nth-child(5){width:20%}
.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.platform-card{padding:0 0 16px;min-width:0}.platform-card .block-head{padding:14px 16px;gap:10px;flex-wrap:wrap}.platform-card p{margin:12px 16px;color:var(--muted);font-size:12px;min-height:38px}.platform-card>button{margin:0 16px}.platform-card .tag{font-size:10px}
.finance-summary>.block,.platform-grid>.block{margin-bottom:0}#page-finances>.toolbar{display:flex;flex-wrap:wrap;gap:10px}#finance-period{width:135px;min-width:0;flex:none}#finance-platform{width:155px;min-width:0;flex:none}#finance-search{min-width:160px;flex:1}#page-finances .toolbar>.fee-checkbox{flex:none;min-width:0;width:auto;font-size:12px}#finance-missing-cost{flex:none;width:16px;min-width:16px}.funpay-settings .error-text:empty{display:none}.funpay-settings .form-actions{margin-top:16px;padding:12px 0 0}
.funpay-settings{margin-bottom:16px}.funpay-settings>summary,.platform-listings>summary{padding:16px;font-weight:500}.funpay-settings form{padding:0 16px 16px}.funpay-settings .form-grid{margin:16px 0;gap:16px}.funpay-settings .field-label{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.funpay-settings .notification-setting:first-of-type{border-top:1px solid var(--line)}.funpay-settings .raise-groups{display:grid;gap:10px;margin-bottom:12px}.raise-group{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) 30px;gap:10px;align-items:end}.raise-group>button{width:30px;padding:0}.funpay-settings .form-actions{padding-top:14px;border-top:1px solid var(--line)}.platform-listings>.data-region{height:auto;max-height:540px}
@media(max-width:1100px){.finance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.platform-grid{grid-template-columns:1fr}.finance-stat{padding:12px}.finance-stat>strong{font-size:18px}.finance-tabs>.muted{margin-left:0;width:100%}.raise-group{grid-template-columns:minmax(0,1fr) 30px}.raise-group>label:first-child{grid-column:1}.raise-group>label:nth-child(2){grid-column:1}.raise-group>button{grid-column:2;grid-row:2}.finance-cost-form input{font-size:16px}}

.procurement-log-button{display:inline-flex;align-items:center;justify-content:center;width:32px;padding:0;flex:none;font-size:20px}.procurement-log-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.purchasing-source-fields{display:grid;gap:12px}.purchasing-source-input{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px}.purchasing-source-head{display:flex;align-items:flex-end;gap:8px}.purchasing-source-head label{flex:1;min-width:0}.purchasing-source-head button{margin-bottom:2px;width:30px;padding:0;flex:none}
.purchase-source-permission{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);cursor:pointer}.purchase-source-permission input{width:16px;height:16px;min-height:16px;margin:0;padding:0;accent-color:var(--green);flex:none}#purchasing-form label>small{font-size:12px;font-weight:400;color:var(--muted);line-height:1.5}
.search-log-region{height:min(68vh,680px);overflow:auto;scrollbar-gutter:stable}.search-log-region .table-wrap{max-height:none;overflow:visible}.search-log-region table{table-layout:fixed;min-width:650px}.search-log-region th:nth-child(1){width:120px}.search-log-region th:nth-child(2){width:23%}.search-log-region th:nth-child(3){width:150px}.search-log-region td{height:auto;max-height:none;white-space:normal;overflow-wrap:anywhere}.search-log-region small{display:block;margin-top:6px;color:var(--muted)}
.search-log-region{scrollbar-width:none;scrollbar-gutter:auto}.search-log-region::-webkit-scrollbar{display:none}
.search-log-region .log-product-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.search-log-region .log-fetch{color:var(--muted)}
.search-session-summary{padding:12px 14px;display:flex;gap:8px 16px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.search-session-summary strong{color:var(--green);font-weight:500}.search-session-summary .paused{color:var(--muted)}
@media(max-width:600px){.procurement-source{align-items:flex-start;flex-direction:column}.procurement-source>.item-actions{align-self:flex-end}.product-summary{gap:4px 12px}}