/* Патч №7 — кабинет пользователя (поверх styles.css) */

.titlebar-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px 10px;
  justify-self: end;
  justify-content: flex-end;
  max-width: min(96vw, 760px);
}

.titlebar-user-col {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  min-width: 0;
}

.titlebar-action-account {
  font-weight: 590;
}

.account-stage {
  max-width: 720px;
  margin: 0 auto;
  padding: 8px 4px 48px;
}

.account-stage h1 {
  font-size: 28px;
  font-weight: 650;
  letter-spacing: -0.02em;
  margin: 0 0 8px;
}

.account-stage .lead {
  color: var(--muted, #8e8e93);
  margin: 0 0 24px;
  line-height: 1.45;
}

.account-card {
  border: 1px solid var(--line, rgba(128, 128, 128, 0.22));
  border-radius: 14px;
  padding: 18px 18px 16px;
  margin: 0 0 18px;
  background: var(--bg-elevated, rgba(255, 255, 255, 0.03));
}

.account-card h2 {
  font-size: 17px;
  font-weight: 600;
  margin: 0 0 10px;
}

.account-card p {
  margin: 0 0 10px;
  line-height: 1.45;
}

.account-banner {
  border: 1px solid rgba(255, 204, 0, 0.35);
  background: rgba(255, 204, 0, 0.1);
  border-radius: 14px;
  padding: 14px 16px;
  margin: 0 0 18px;
}

.account-banner p {
  margin: 0 0 10px;
  line-height: 1.45;
}

.account-form {
  display: grid;
  gap: 12px;
  max-width: 420px;
}

.account-form label {
  display: grid;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
}

.account-form input,
.account-form textarea {
  font: inherit;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--line, rgba(128, 128, 128, 0.28));
  background: var(--bg-input, rgba(0, 0, 0, 0.2));
  color: var(--ink, inherit);
}

.account-form textarea {
  min-height: 96px;
  resize: vertical;
}

.account-form .row-actions,
.row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 4px;
}

.account-err {
  color: #ff6b6b;
  font-size: 13px;
  margin: 0;
  min-height: 1.2em;
}

.account-ok {
  color: #3dd68c;
  font-size: 13px;
  margin: 0;
}

.account-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  font-size: 13px;
  margin-top: 8px;
}

.account-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.account-list li {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--line, rgba(128, 128, 128, 0.18));
}

.account-audit-row {
  align-items: start;
}

.account-audit-actions {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-end;
}

.account-audit-delete {
  font-size: 13px;
  padding: 6px 10px;
  color: var(--muted, #8e8e93);
}

.account-audit-confirm {
  display: grid;
  gap: 8px;
  max-width: 220px;
  text-align: right;
}

.account-audit-confirm[hidden] {
  display: none;
}

.account-audit-confirm-q {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--ink, inherit);
}

.account-audit-confirm-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

.account-audit-confirm-actions .btn-primary,
.account-audit-confirm-actions .btn-secondary {
  font-size: 13px;
  padding: 6px 10px;
}

.account-audit-delete-err {
  margin: 0;
  font-size: 12px;
}

.account-list a {
  color: var(--accent, #0a84ff);
  text-decoration: none;
  font-weight: 500;
}

.account-list .meta,
.meta {
  font-size: 12px;
  color: var(--muted, #8e8e93);
}

.account-badge {
  display: inline-block;
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(61, 214, 140, 0.15);
  color: #3dd68c;
}

.account-badge.is-off {
  background: rgba(142, 142, 147, 0.18);
  color: var(--muted, #8e8e93);
}

.account-stub-box {
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(255, 204, 0, 0.1);
  border: 1px solid rgba(255, 204, 0, 0.28);
  font-size: 13px;
  word-break: break-all;
}

.btn-secondary {
  font: inherit;
  font-size: 13px;
  padding: 8px 12px;
  border-radius: 16px;
  border: 1px solid var(--line, rgba(128, 128, 128, 0.35));
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.register-cta {
  margin-top: 24px;
}

.register-cta .lead {
  margin-bottom: 12px;
}

@media (max-width: 720px) {
  .titlebar-actions {
    gap: 6px;
  }
  .titlebar-action {
    font-size: 12px;
  }
  .account-stage h1 {
    font-size: 24px;
  }
  .account-list li.account-audit-row {
    grid-template-columns: 1fr;
  }
  .account-audit-actions {
    align-items: flex-start;
  }
}

/* --- Патч №8: согласование правок --- */

.account-stage-wide {
  max-width: none;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  overflow-x: clip;
}
.desktop:has(.account-stage-wide) {
  padding: 0;
}
.os-window:has(.account-stage-wide) {
  width: 100%;
  max-width: none;
  min-height: 100vh;
  min-height: 100dvh;
  border-radius: 0;
}


.change-groups {
  display: grid;
  gap: 10px;
  margin: 0 0 18px;
}

.change-group {
  border: 1px solid var(--line, rgba(128, 128, 128, 0.22));
  border-radius: 14px;
  background: var(--bg-elevated, rgba(255, 255, 255, 0.03));
  overflow: hidden;
}

.change-group-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  margin: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}

.change-group-toggle:hover {
  background: rgba(255, 255, 255, 0.04);
}

.change-group-title {
  flex: 1;
  min-width: 0;
  line-height: 1.35;
}

.change-group-count {
  flex-shrink: 0;
  min-width: 1.5em;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  background: rgba(10, 132, 255, 0.14);
  color: var(--accent, #0a84ff);
  text-align: center;
}

.change-group-chevron {
  flex-shrink: 0;
  width: 0.55em;
  height: 0.55em;
  border-right: 2px solid var(--muted, #8e8e93);
  border-bottom: 2px solid var(--muted, #8e8e93);
  transform: rotate(-45deg);
  transition: transform 0.18s ease;
  margin-right: 4px;
}

.change-group.is-open .change-group-chevron {
  transform: rotate(45deg);
  margin-top: -2px;
}

.change-group-body {
  padding: 0 14px 14px;
  border-top: 1px solid var(--line, rgba(128, 128, 128, 0.14));
}

.change-group-empty {
  margin: 12px 2px 4px;
  color: var(--muted, #8e8e93);
  line-height: 1.45;
  font-size: 14px;
}

.change-list {
  display: grid;
  gap: 14px;
  margin: 12px 0 0;
}

.change-item {
  border: 1px solid var(--line, rgba(128, 128, 128, 0.22));
  border-radius: 14px;
  padding: 16px 16px 14px;
  background: var(--bg-elevated, rgba(255, 255, 255, 0.03));
}

.change-item.is-approved {
  border-color: rgba(61, 214, 140, 0.45);
  box-shadow: inset 0 0 0 1px rgba(61, 214, 140, 0.12);
}

.change-item-head {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: center;
  margin-bottom: 8px;
}

.change-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.change-check input {
  width: 18px;
  height: 18px;
  min-width: 18px;
  margin: 0;
  padding: 0;
  flex: 0 0 18px;
  accent-color: #e7d3b0;
}

.change-kind {
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(10, 132, 255, 0.14);
  color: var(--accent, #0a84ff);
}

.change-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 4px;
}

.change-block {
  margin: 10px 0;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.16);
  border: 1px solid var(--line, rgba(128, 128, 128, 0.14));
}

.change-text {
  margin: 4px 0 0;
  line-height: 1.45;
  white-space: pre-wrap;
  font-size: 14px;
}

.change-text.proposed {
  font-weight: 500;
}

.change-comment-label {
  display: grid;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  margin-top: 8px;
}

.change-comment-label textarea {
  font: inherit;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--line, rgba(128, 128, 128, 0.28));
  background: var(--bg-input, rgba(0, 0, 0, 0.2));
  color: var(--ink, inherit);
  resize: vertical;
  min-height: 64px;
}

.change-item-actions {
  margin-top: 8px;
}

.change-org-line {
  margin: 0 0 10px;
  max-width: none;
}
.change-page-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px 24px;
  margin: 0 0 8px;
  padding-right: env(safe-area-inset-right, 0px);
  position: sticky;
  top: 8px;
  z-index: 6;
}
.change-page-head.is-empty {
  display: none;
}
.chg-menu-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: auto;
  height: 40px;
  margin: 0;
  padding: 0 14px 0 10px;
  flex: 0 0 auto;
  border-radius: 12px;
  border: 2px solid var(--line, rgba(128, 128, 128, 0.28));
  background: rgba(28, 22, 18, 0.92);
  color: inherit;
  cursor: pointer;
}
.chg-menu-label {
  font-size: 14px;
  font-weight: 590;
  line-height: 1;
}
.chg-menu-toggle.is-open {
  border-color: rgba(231, 211, 176, 0.7);
  background: rgba(231, 211, 176, 0.12);
}
#chg-submit-err:empty,
#chg-submit-ok:empty,
#chg-section-save-ok:empty,
#chg-section-save-err:empty {
  display: none;
}
.change-page-head h1 {
  margin: 0;
}
.change-page-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  width: min(100%, 320px);
  margin-left: auto;
  flex: 0 0 auto;
}
.change-page-actions .change-page-btn {
  width: 100%;
  min-height: 48px;
  white-space: normal;
  text-align: center;
  line-height: 1.25;
}
.change-page-actions .account-err,
.change-page-actions .account-ok {
  text-align: right;
}
.change-page-actions .account-err:empty,
.change-page-actions .account-ok:empty {
  display: none;
}
.change-page-actions .change-page-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
@media (max-width: 720px) {
  #cabinet .titlebar-left {
    flex-direction: row;
    align-items: center;
  }
  .cabinet-main .toolbar {
    gap: 10px;
    padding-right: 12px;
  }
  #cabinet .titlebar-left-nav {
    flex-direction: column;
    align-items: flex-start;
  }
  .cabinet-main .toolbar > span {
    margin-right: auto;
  }
  .cabinet-main .toolbar .titlebar-save {
    width: 36px;
    height: 36px;
    min-height: 36px;
    margin: 0 8px 0 0;
    flex: 0 0 auto;
  }
  .cabinet-main .toolbar .chg-menu-toggle {
    width: 40px;
    height: 36px;
    min-height: 36px;
    margin: 0;
    padding: 0;
    justify-content: center;
    flex: 0 0 auto;
  }
  #cabinet .titlebar-account-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
  }
  .cabinet-main .toolbar .chg-menu-label {
    display: none;
  }
  .change-page-head {
    display: none;
  }
  .change-page-head.is-empty {
    display: none;
  }
  .chg-menu-toggle {
    width: 40px;
    margin-left: auto;
    padding: 0;
    justify-content: center;
  }
  .chg-menu-label {
    display: none;
  }
  .change-page-actions {
    width: 100%;
  }
}

.change-progress p {
  margin: 0 0 8px;
}

@media (max-width: 720px) {
  .change-item-head {
    gap: 8px;
  }
}

/* Патч №12 — модалка гейта аудита (тёмный UI, как account-card) */

.audit-gate-overlay {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 16px;
  background: rgba(0, 0, 0, 0.62);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.audit-gate-dialog {
  position: relative;
  width: min(420px, 100%);
  max-height: min(92vh, 640px);
  overflow: auto;
  padding: 22px 20px 18px;
  border-radius: 16px;
  background: var(--bg-elevated, #1c1c1e);
  border: 1px solid var(--line, rgba(128, 128, 128, 0.28));
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
  color: inherit;
}

.audit-gate-dialog h2 {
  margin: 0 28px 10px 0;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 650;
}

.audit-gate-dialog .lead {
  margin: 0 0 6px;
  font-size: 15px;
  line-height: 1.45;
}

.audit-gate-note {
  margin: 0 0 16px;
  font-size: 13px;
  line-height: 1.4;
  opacity: 0.78;
}

.audit-gate-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 16px;
  background: transparent;
  color: inherit;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.7;
}

.audit-gate-close:hover,
.audit-gate-close:focus-visible {
  opacity: 1;
  background: rgba(255, 255, 255, 0.06);
}

.audit-gate-dialog .account-form label {
  display: grid;
  gap: 6px;
  margin-bottom: 12px;
  font-size: 13px;
}

.audit-gate-dialog .account-form input {
  font: inherit;
  font-size: 16px; /* iOS: без зума */
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--line, rgba(128, 128, 128, 0.35));
  background: rgba(0, 0, 0, 0.25);
  color: inherit;
}

.audit-gate-dialog .row-actions {
  margin-top: 8px;
}

.audit-gate-dialog .row-actions .btn-primary {
  width: 100%;
  min-height: 44px;
}

.audit-gate-dialog .account-links {
  margin-top: 14px;
  justify-content: center;
}

.audit-gate-dialog .account-err[hidden],
.audit-gate-dialog .account-ok[hidden] {
  display: none !important;
}

@media (max-width: 720px) {
  .audit-gate-overlay {
    align-items: flex-end;
    padding: 0;
  }
  .audit-gate-dialog {
    width: 100%;
    max-height: 92vh;
    border-radius: 18px 18px 0 0;
    padding: 20px 16px 24px;
  }
}

/* --- kassa visual skin --- */

.account-stage h1 {
  font-family: var(--font-display, Fraunces, Georgia, serif);
  font-weight: 640;
  letter-spacing: -0.03em;
  color: var(--ink, #1c1610);
}
.account-stage .lead {
  color: var(--muted, #7c7164);
}
.account-card,
.change-item,
.account-banner {
  background: var(--paper, #fbf6ec);
  border: 1px solid rgba(176, 137, 74, 0.18);
  border-radius: var(--r-card, 22px);
  box-shadow: var(--shadow-window, 0 14px 36px rgba(36, 28, 22, 0.08));
}
.account-banner {
  background: rgba(176, 137, 74, 0.12);
  border-color: rgba(176, 137, 74, 0.28);
  color: #5c4a2a;
}
.account-form input,
.account-form textarea {
  background: #fff;
  border: 1px solid var(--line, #e2d4bf);
  border-radius: 14px;
  padding: 12px 14px;
}
html[data-theme="dark"] .account-form input,
html[data-theme="dark"] .account-form textarea {
  background: #1c1814;
}
.account-list a,
.titlebar-action-account {
  color: var(--gold, #b0894a);
}
.account-list li {
  border-radius: 14px;
  border-color: var(--line, #e2d4bf);
  background: var(--chip, #f0e6d4);
}
.account-badge {
  background: rgba(31, 107, 74, 0.12);
  color: var(--ok, #1f6b4a);
}
.account-err { color: var(--bad, #a33b2c); }
.account-ok { color: var(--ok, #1f6b4a); }
.btn-secondary {
  border-radius: 16px;
  min-height: 44px;
  padding: 10px 16px;
  border: 2px solid var(--line, #e2d4bf);
  background: transparent;
  color: var(--ink, #1c1610);
}
html[data-theme="dark"] .account-banner {
  background: rgba(255, 196, 90, 0.14);
  border-color: rgba(255, 196, 90, 0.4);
  color: #f7f1e6;
}
html[data-theme="dark"] .account-banner p {
  color: #f7f1e6;
}
html[data-theme="dark"] .account-banner .btn-secondary,
html[data-theme="dark"] .btn-secondary {
  color: #f7f1e6;
  border-color: rgba(247, 241, 230, 0.45);
  background: rgba(247, 241, 230, 0.08);
}
html[data-theme="dark"] .account-banner .btn-secondary:hover,
html[data-theme="dark"] .btn-secondary:hover {
  background: rgba(247, 241, 230, 0.16);
}
.account-form .btn-primary,
.account-stage .btn-primary {
  border-radius: 16px;
  border: 2px solid #c9b79a;
  min-height: 44px;
  background: #f8f2e6;
  color: #241c16;
}
html[data-theme="dark"] .account-form .btn-primary:hover,
html[data-theme="dark"] .account-stage .btn-primary:hover {
  background: #fff8ee;
}


.account-audit-row {
  position: relative;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.account-audit-main {
  display: grid;
  gap: 4px;
  min-width: 0;
  color: inherit;
  text-decoration: none;
  font-weight: 500;
}
.account-audit-main::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
}
.account-audit-name {
  position: relative;
  z-index: 1;
  color: var(--ink, inherit);
  font-weight: 600;
}
.account-audit-main .meta {
  position: relative;
  z-index: 1;
}
.account-audit-actions {
  position: relative;
  z-index: 1;
}
.account-audit-row:hover {
  border-color: rgba(176, 137, 74, 0.4);
  background: rgba(176, 137, 74, 0.1);
}
html[data-theme="dark"] .account-audit-row:hover {
  background: rgba(247, 241, 230, 0.06);
  border-color: rgba(247, 241, 230, 0.28);
}
html[data-theme="dark"] .account-audit-name {
  color: #f7f1e6;
}


.titlebar-login {
  max-width: min(70vw, 340px);
  overflow: visible;
  text-overflow: unset;
  white-space: normal;
  word-break: break-word;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  opacity: 0.92;
  text-align: right;
  padding: 0 2px;
  text-decoration: none;
  color: inherit;
}

.titlebar-logout {
  appearance: none;
  border: 2px solid var(--line, rgba(128, 128, 128, 0.28));
  background: var(--paper, rgba(255, 255, 255, 0.06));
  color: var(--ink, inherit);
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 6px 12px;
  border-radius: 16px;
  cursor: pointer;
}

.titlebar-logout:hover {
  background: var(--bg-elevated, rgba(255, 255, 255, 0.1));
}


.titlebar-profile {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 6px 12px;
  border-radius: 16px;
  border: 2px solid var(--line, rgba(128, 128, 128, 0.28));
  background: var(--paper, rgba(255, 255, 255, 0.06));
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}

.titlebar-profile:hover {
  background: var(--bg-elevated, rgba(255, 255, 255, 0.1));
}


.account-audit-main {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.account-audit-address {
  display: block;
  line-height: 1.35;
  opacity: 0.9;
}


.audit-gate-switch {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin: 0 0 14px;
  padding: 4px;
  border-radius: 999px;
  border: 1px solid var(--line, rgba(128, 128, 128, 0.28));
  background: var(--paper, rgba(255, 255, 255, 0.04));
}
.audit-gate-switch-btn {
  appearance: none;
  border: 2px solid transparent;
  background: transparent;
  color: var(--muted, #8e8e93);
  font: inherit;
  font-size: 13px;
  font-weight: 650;
  padding: 8px 10px;
  border-radius: 16px;
  cursor: pointer;
}
.audit-gate-switch-btn.is-active {
  background: var(--bg-elevated, rgba(255, 255, 255, 0.1));
  color: var(--ink, inherit);
}


.account-banner-soft {
  border-style: dashed;
  background: transparent;
  opacity: 0.95;
}
.account-banner-soft p {
  margin: 0;
}

/* Гейт Представителя после оплаты оптимизации */
.rep-gate .rep-login-box {
  margin: 14px 0 0;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--line, rgba(128, 128, 128, 0.28));
  background: var(--paper, rgba(255, 255, 255, 0.04));
}
.rep-login-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 6px;
}
.rep-login-row code {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.01em;
  word-break: break-all;
}
.rep-shot {
  position: relative;
  margin-top: 12px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px dashed var(--line, rgba(128, 128, 128, 0.35));
  background: rgba(128, 128, 128, 0.08);
  min-height: 0;
  aspect-ratio: 1400 / 630;
}
.rep-shot img {
  position: absolute;
  left: 0;
  top: -21.43%;
  display: block;
  width: 100%;
  height: 142.86%;
  max-height: none;
  object-fit: fill;
  background: transparent;
}
.rep-shot-placeholder {
  padding: 28px 18px;
  text-align: center;
  color: var(--muted, #8e8e93);
  font-size: 13px;
  line-height: 1.45;
  font-weight: 590;
}
@media (max-width: 640px) {
  .rep-login-row {
    flex-direction: column;
    align-items: stretch;
  }
}


.titlebar-desktop {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 6px 12px;
  border-radius: 16px;
  border: 2px solid var(--line, rgba(128, 128, 128, 0.28));
  background: rgba(255, 255, 255, 0.04);
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}
.titlebar-desktop:hover {
  background: rgba(247, 241, 230, 0.1);
  border-color: rgba(231, 211, 176, 0.45);
  filter: none;
}
.titlebar-desktop.is-current {
  border-color: rgba(231, 211, 176, 0.7);
  background: rgba(231, 211, 176, 0.08);
  box-shadow: none;
}


.titlebar-ident {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 6px;
  max-width: min(72vw, 360px);
}

.titlebar-gear {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 16px;
  border: 2px solid var(--line, rgba(128, 128, 128, 0.28));
  background: var(--paper, rgba(255, 255, 255, 0.06));
  color: var(--ink, inherit);
  text-decoration: none;
}

.titlebar-gear:hover {
  background: var(--bg-elevated, rgba(255, 255, 255, 0.1));
}

.titlebar-gear svg {
  display: block;
}
/* Ряд копий появлялся, когда patchTitlebar не находил уже перенесённую шестерёнку. */
.titlebar-gear ~ .titlebar-gear {
  display: none;
}
.titlebar-tools {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  flex: none;
}
.titlebar-save {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  border-radius: 16px;
  border: 2px solid var(--line, rgba(128, 128, 128, 0.28));
  background: var(--paper, rgba(255, 255, 255, 0.06));
  color: var(--ink, inherit);
  cursor: pointer;
}
.titlebar-save:hover {
  background: var(--bg-elevated, rgba(255, 255, 255, 0.1));
}
.titlebar-save:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.titlebar-save svg {
  display: block;
}


/* Личный кабинет: без левой колонки «КартаПро» и вертикальной полосы */
#cabinet.is-account .sidebar {
  display: none !important;
}
#cabinet.is-account .cabinet {
  grid-template-columns: 1fr !important;
}


.opt-offer {
  margin: 0 0 22px;
  max-width: 680px;
}
.opt-page h1,
.opt-page .account-card h2,
.opt-page .account-card p {
  text-align: center;
}
.opt-page .row-actions {
  justify-content: center;
}
.opt-offer {
  margin-left: auto;
  margin-right: auto;
}
.opt-offer-lead {
  margin: 0 0 14px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.35;
  color: #c4b59e;
}
.opt-offer-k {
  text-align: center;
}
.opt-offer-list li > span:last-child {
  text-align: left;
}
.opt-offer-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}
.opt-offer-list li {
  display: grid;
  grid-template-columns: 148px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid var(--line, rgba(128, 128, 128, 0.22));
  border-radius: 14px;
  background: var(--bg-elevated, rgba(255, 255, 255, 0.03));
  line-height: 1.45;
}
.opt-offer-k {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #7eb6ff;
  padding-top: 2px;
}
@media (max-width: 640px) {
  .opt-offer-list li {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}


.rep-gate h1 {
  text-align: center;
  max-width: 18em;
  margin-left: auto;
  margin-right: auto;
}
.rep-org {
  text-align: center;
  margin: 0 0 18px;
  color: var(--muted, #8e8e93);
}
.rep-instruction,
.rep-instruction strong {
  margin: 0 0 18px;
  text-align: center;
  font-size: 18px;
  font-weight: 650;
  letter-spacing: -0.02em;
  line-height: 1.4;
  color: var(--muted, #8e8e93);
}
.rep-instruction strong {
  margin: 0;
  font-weight: 700;
}
.rep-login-box {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rep-login-label {
  display: block;
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: lowercase;
  color: var(--muted, #8e8e93);
}
.rep-login-code {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  padding: 10px 36px 10px 16px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.18);
}
.rep-login-code code {
  font-size: 18px;
  font-weight: 700;
}
.rep-copy-icon {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--muted, #8e8e93);
  cursor: pointer;
}
.rep-copy-icon:hover {
  background: rgba(255, 255, 255, 0.08);
  color: var(--ink, inherit);
}
.rep-copy-icon.is-copied {
  color: #7dcea0;
}


/* Login page: single identifier, centered contents */
.account-stage-login {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.account-stage-login .lead {
  max-width: 28em;
  margin-left: auto;
  margin-right: auto;
}
.account-stage-login .account-form {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
}
.account-stage-login .account-form label {
  text-align: center;
}
.account-stage-login .row-actions,
.account-stage-login .account-links {
  justify-content: center;
}

.account-stage:has(.change-item),
.account-stage:has(.rep-gate) {
  padding-bottom: 16px;
}
.change-item {
  padding: 12px 14px 10px;
}
.change-block {
  margin: 6px 0;
  padding: 8px 10px;
}
.change-comment-label textarea {
  min-height: 44px;
  padding: 8px 10px;
}
.change-item-actions {
  margin-top: 6px;
}
.change-item-actions .btn-secondary {
  padding-top: 8px;
  padding-bottom: 8px;
}

.change-generated {
  border-color: rgba(212, 176, 122, 0.45);
}

.change-text.generated {
  font-weight: 500;
}

.chg-kie-status {
  min-height: 0;
  margin: 8px 0 0;
  color: var(--muted, #c4b59e);
  font-size: 13px;
}

.chg-accept {
  border: 0;
  border-radius: 16px;
  padding: 10px 16px;
  font: inherit;
  cursor: pointer;
  background: #e7d3b0;
  color: #24180f;
}

.chg-accept:disabled {
  opacity: 0.55;
  cursor: default;
}

.review-accept.is-accepted,
.review-accept.is-accepted:disabled {
  background: #2ea05a;
  color: #fff;
  opacity: 1;
  cursor: default;
}

.chg-regen[hidden],
.chg-redo[hidden],
.chg-accept[hidden] {
  display: none !important;
}

.chg-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 700;
  flex: 0 0 auto;
}
.chg-status-ok {
  background: rgba(46, 160, 90, 0.2);
  color: #3ecf7a;
}
.chg-status-bad {
  background: rgba(220, 70, 70, 0.18);
  color: #ff6b6b;
}
.chg-status-wait {
  background: rgba(180, 160, 100, 0.18);
  color: #d4b07a;
}
.change-item.is-ok {
  border-color: rgba(46, 160, 90, 0.28);
}
.change-item.is-bad {
  border-color: rgba(220, 70, 70, 0.28);
}
.chg-bulk-bar {
  display: grid;
  gap: 10px;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid var(--line, rgba(128,128,128,0.28));
  border-radius: 12px;
}
.chg-bulk-send {
  border: 2px solid var(--line-strong, rgba(128, 128, 128, 0.45));
  border-radius: 16px;
  padding: 12px 16px;
  font: inherit;
  cursor: pointer;
  background: #e7d3b0;
  color: #24180f;
}
.chg-bulk-send:disabled {
  opacity: 0.55;
  cursor: default;
}
.chg-bulk-label {
  margin-right: 8px;
}

.chg-desc-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 8px;
}
@media (max-width: 860px) {
  .chg-desc-pair {
    grid-template-columns: 1fr;
  }
}

.change-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
.change-split.is-menu-open .change-work {
  display: none;
}
.change-split:not(.is-menu-open) .change-nav {
  display: none;
}
.change-nav {
  display: grid;
  gap: 8px;
  width: min(100%, 520px);
}
.change-nav-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  text-align: left;
  padding: 12px 12px;
  border-radius: 16px;
  border: 2px solid var(--line, rgba(128, 128, 128, 0.28));
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.change-nav-item.is-active {
  border-color: rgba(231, 211, 176, 0.7);
  background: rgba(231, 211, 176, 0.08);
}
.change-nav-title {
  line-height: 1.3;
}
.change-nav-count {
  min-width: 1.7em;
  height: 1.7em;
  padding: 0 6px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(220, 70, 70, 0.18);
  color: #ff8d8d;
  font-size: 13px;
  font-weight: 650;
}
.change-nav-item.is-active .change-nav-count,
.change-nav-count:empty {
  background: rgba(231, 211, 176, 0.16);
}
.change-work-pane {
  min-width: 0;
}
.change-work-head {
  margin: 0 0 14px;
}
.change-work-title {
  margin: 0;
  font-size: 20px;
}
.change-work-head .seo-view-switch {
  margin-top: 10px;
}
.change-section-submit-wrap {
  margin: 0 0 16px;
}
.change-section-submit-wrap .account-err,
.change-section-submit-wrap .account-ok {
  margin: 8px 0 0;
}
.change-section-submit-wrap .account-err:empty,
.change-section-submit-wrap .account-ok:empty {
  display: none;
}
.seo-feed-pane {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 760px;
}
.seo-feed-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.seo-feed-actions button {
  width: auto;
  flex: 1 1 240px;
}
.change-item .meta.chg-what {
  color: #f0d060;
}
.seo-feed-note {
  margin: 0;
}
button.seo-leave {
  width: auto;
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  font-size: 14px;
  font-weight: 600;
}
button.seo-leave:hover,
button.seo-leave:active {
  background: transparent;
  transform: none;
}
.seo-leave-box {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: 1.5px solid rgba(255, 255, 255, 0.55);
  border-radius: 4px;
  background: transparent;
  flex: 0 0 18px;
}
.chg-leave-dialog {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(0, 0, 0, 0.55);
}
.chg-leave-dialog-card {
  width: min(100%, 460px);
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  border-radius: 16px;
  background: #241c16;
  color: #f3eadf;
}
.chg-leave-dialog-card p {
  margin: 0 0 6px;
}
.change-work-head .section-save-btn {
  flex: 0 1 280px;
  margin-left: auto;
  white-space: normal;
  line-height: 1.3;
  text-align: center;
}
@media (max-width: 860px) {
  .change-nav {
    width: 100%;
  }
}
.change-nav-count.is-zero {
  background: rgba(46, 160, 90, 0.16);
  color: #3ecf7a;
}
#chg-long-next[hidden] { display: none !important; }
#chg-long-next .load-dots {
  display: inline-block;
  margin-left: 0.15em;
  vertical-align: baseline;
}


.chg-long-launch {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 12px;
  width: 100%;
}
.chg-long-launch .review-send-row {
  width: min(100%, 560px);
  flex: 0 0 auto;
}
.chg-long-launch .review-send-row .chg-price-btn {
  width: 100%;
  min-width: 100%;
  max-width: none;
}
.chg-long-got {
  margin: 0;
  font-weight: 500;
}

.load-dots {
  display: inline-block;
  width: 1.35em;
  text-align: left;
}
.load-dots i {
  font-style: normal;
  opacity: 0;
  animation: load-dot 1.2s infinite;
}
.load-dots i::before {
  content: ".";
}
.load-dots i:nth-child(2) { animation-delay: 0.2s; }
.load-dots i:nth-child(3) { animation-delay: 0.4s; }
@keyframes load-dot {
  0%, 15% { opacity: 0; }
  30%, 100% { opacity: 1; }
}

.chg-price-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  margin: 0 0 12px;
}
.chg-price-view {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 120px;
}
.chg-price-value {
  font-size: 18px;
  font-weight: 650;
}
.chg-price-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.chg-price-form[hidden] {
  display: none !important;
}
.chg-price-input {
  width: 110px;
  min-height: 40px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid var(--line, rgba(128, 128, 128, 0.35));
  background: transparent;
  color: inherit;
  font: inherit;
}
.chg-price-row .btn-secondary {
  width: auto;
  min-width: 0;
  border-radius: 16px;
  min-height: 40px;
  padding: 8px 14px;
}
.chg-price-err {
  flex-basis: 100%;
  margin: 0;
  min-height: 0;
}
.chg-long-text.is-collapsed {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  overflow: hidden;
}
.chg-long-toggle {
  margin-top: 8px;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  font-size: 14px;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  opacity: 0.85;
}
.chg-long-toggle:hover {
  opacity: 1;
}

.chg-price-btn {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  width: min(100%, 560px);
  min-width: min(100%, 560px);
  max-width: none;
  flex: 0 0 auto;
}
.chg-price-btn-label {
  display: block;
  text-align: center;
}
.chg-price-progress {
  display: block;
  height: 6px;
  border-radius: 999px;
  background: rgba(128, 128, 128, 0.28);
  overflow: hidden;
}
.chg-price-progress[hidden] {
  display: none !important;
}
.chg-price-progress i {
  display: block;
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: #e7d3b0;
  transition: width 0.35s ease;
}

.chg-keep-row {
  display: flex;
  margin: 10px 0 2px;
}

.seo-select-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 28px;
  margin: 0 0 14px;
}
.seo-select-row .change-check {
  margin: 0;
}
.seo-select-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.seo-select-actions[hidden] {
  display: none !important;
}
.seo-bulk-moderate:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.chg-moderation-note {
  color: #e7d3b0;
  font-size: 13px;
  font-weight: 650;
}
.chg-gen-note {
  margin: 8px 0 0;
  max-width: 68ch;
  line-height: 1.45;
}

.chg-bulk-all-row {
  margin: 0;
}

.change-item:has(.chg-trash) {
  position: relative;
  padding-right: 52px;
}
.chg-trash {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 2px solid var(--line, rgba(128, 128, 128, 0.28));
  border-radius: 16px;
  background: transparent;
  color: var(--muted, #c4b59e);
  cursor: pointer;
}
.chg-trash:hover,
.change-item.is-delete-marked .chg-trash {
  color: #ff8d8d;
  background: rgba(255, 107, 107, 0.12);
}
.chg-trash svg {
  display: block;
  margin: 7px auto;
}
.chg-trash::after {
  content: "Удалить услугу";
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 3;
  white-space: nowrap;
  padding: 4px 8px;
  border-radius: 8px;
  background: #2a241c;
  color: #f3eadf;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  opacity: 0;
  pointer-events: none;
}
.chg-trash:hover::after,
.chg-trash:focus-visible::after {
  opacity: 1;
}
.chg-delete-note {
  margin: 0 0 8px;
  color: #ff8d8d;
  font-size: 13px;
  font-weight: 600;
}
.chg-delete-note[hidden] {
  display: none !important;
}

.seo-table-wrap {
  display: grid;
  gap: 14px;
}
.seo-table {
  display: grid;
  gap: 14px;
}
.seo-row {
  border: 1px solid var(--line, rgba(128,128,128,0.28));
  border-radius: 14px;
  padding: 14px;
  background: var(--bg-elevated, rgba(255,255,255,0.03));
  position: relative;
}
.seo-row.is-approved {
  border-color: rgba(61, 214, 140, 0.45);
}
.seo-row.is-bad {
  border-color: rgba(255, 107, 107, 0.35);
}
.seo-row-top {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
  padding-right: 36px;
}
.seo-row-title {
  font-size: 16px;
}
.seo-pair {
  margin: 10px 0;
  padding: 10px;
  border-radius: 10px;
  background: rgba(255,255,255,0.02);
}
.seo-pair-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-bottom: 8px;
}
.seo-pair-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
@media (max-width: 900px) {
  .seo-pair-cols { grid-template-columns: 1fr; }
}
.seo-col.is-new {
  border: 1px solid rgba(231, 211, 176, 0.45);
  border-radius: 8px;
  padding: 8px;
}
.seo-cell {
  margin: 0;
  white-space: pre-wrap;
  line-height: 1.4;
  font-size: 14px;
}
.seo-row-actions {
  display: grid;
  grid-template-columns: 1fr auto auto auto;
  gap: 10px;
  align-items: start;
  margin-top: 12px;
}
.seo-row-actions .account-err {
  grid-column: 1 / -1;
}
.seo-table-foot {
  display: grid;
  gap: 10px;
  margin-top: 8px;
  padding: 14px;
  border: 1px solid var(--line, rgba(128,128,128,0.28));
  border-radius: 12px;
}
#chg-seo-publish:disabled {
  opacity: 0.45;
  filter: grayscale(0.4);
  cursor: not-allowed;
}
.seo-keep-field {
  width: auto;
  padding: 6px 10px;
  font-size: 12px;
}

.seo-search {
  display: block;
  width: min(100%, 560px);
  margin: 0 0 14px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(0, 0, 0, 0.28);
  color: inherit;
  font: inherit;
}
.seo-rewrite-panel {
  margin: 0 0 16px;
}
.seo-rewrite-panel[hidden] {
  display: none !important;
}
.seo-rewrite-panel .review-send-row,
.seo-rewrite-progress {
  width: min(100%, 560px);
}
.seo-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 22px;
  margin: 0 0 12px;
}
.seo-view-switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  font-size: 14px;
  font-weight: 600;
}
.seo-view-btn {
  min-height: 28px;
  padding: 4px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.seo-view-btn.is-on {
  background: #e7d3b0;
  color: #1a1612;
  border-color: #e7d3b0;
}
.seo-price-panel {
  display: grid;
  justify-items: start;
  gap: 12px;
  margin: 0;
  padding: 0;
}
.chg-bulk-bar:has(.seo-check-price) {
  padding: 0;
  border: 0;
  background: none;
  margin: 0 0 12px;
}
.seo-price-panel[hidden] {
  display: none !important;
}
.seo-search[hidden],
.seo-select-row[hidden],
.seo-table[hidden],
.seo-table-foot[hidden] {
  display: none !important;
}
.seo-step {
  display: grid;
  justify-items: start;
  gap: 8px;
  width: min(100%, 560px);
  margin: 0 0 16px;
}
.seo-step-label {
  margin: 0;
  width: min(100%, 560px);
  max-width: 560px;
  padding: 0;
  color: var(--muted, #c4b59e);
  line-height: 1.4;
}
.seo-step .account-ok:empty,
.seo-step .account-err:empty,
.seo-step .seo-check-result:empty {
  display: none;
}
.seo-wide-btn,
.seo-check-price,
#seo-send-selected {
  width: min(100%, 560px);
  min-height: 48px;
  box-sizing: border-box;
}
.seo-check-price {
  border: 0;
  border-radius: 16px;
  background: #3d8cff;
  color: #071018;
  font-weight: 700;
  cursor: pointer;
}
.seo-check-price:hover {
  background: #5aa0ff;
}
.seo-check-price:disabled {
  opacity: 0.7;
  cursor: default;
}
.seo-step-send {
  margin-top: 4px;
}
.seo-send-gold,
.seo-send-gold.is-ready {
  border: 0;
  border-radius: 16px;
  color: #102117;
  font-weight: 700;
  background: #3ddc84;
  cursor: pointer;
}
.seo-send-gold:hover,
.seo-send-gold.is-ready:hover {
  background: #5ee59a;
}
#seo-send-selected {
  margin-bottom: 64px;
}
.seo-send-gold:disabled {
  opacity: 0.7;
  cursor: default;
}
.seo-check-result:empty {
  display: none;
}
.seo-price-generate-row .seo-wide-btn {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
}
.seo-filter-checks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 22px;
}
.seo-filter-checks .seo-bad-generate {
  min-height: 36px;
  padding: 6px 14px;
}
.seo-bad-generate[hidden] {
  display: none !important;
}
.seo-table-wrap.is-price .seo-menu-rest,
.seo-table-wrap.is-price .seo-search,
.seo-table-wrap.is-price .seo-filter-checks {
  display: none !important;
}
.seo-price-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  width: min(100%, 560px);
}
.seo-price-panel > .seo-sheet-progress,
.seo-price-panel > .seo-sheet-status {
  width: min(100%, 560px);
}
.seo-sheet-status.is-ok {
  color: #3ddc84;
  font-weight: 600;
}
.seo-price-generate-block,
.seo-price-upload-row {
  width: min(100%, 560px);
}
.seo-price-generate-row,
.seo-price-upload-row {
  position: relative;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  width: min(100%, 560px);
  max-width: 100%;
  box-sizing: border-box;
}
.seo-sheet-mode-pick {
  flex: 0 0 18px;
  margin: 0;
  width: 18px;
  min-width: 18px;
  align-self: center;
}
.seo-sheet-mode-pick input {
  width: 18px;
  height: 18px;
  margin: 0;
}
.seo-generated-note,
.seo-uploaded-note {
  display: block;
  margin: 4px 0 0 28px;
  color: #3ddc84;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}
.seo-generated-note[hidden],
.seo-uploaded-note[hidden] {
  display: none !important;
}
.seo-uploaded-note.is-ok {
  color: #3ddc84;
}
.seo-sheet-mode-spacer {
  display: inline-block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  visibility: hidden;
  pointer-events: none;
}
.seo-price-generate-row .seo-sheet-generate,
.seo-price-generate-row .seo-sheet-bad,
.seo-price-upload-row .seo-sheet-upload {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
}
.seo-price-generate-row .seo-download {
  position: relative;
  left: auto;
  top: auto;
  flex: 0 0 44px;
}
.seo-download {
  position: relative;
  flex: 0 0 auto;
}
.seo-download-icon {
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.seo-download-icon::after {
  content: "Скачать прайс";
  position: absolute;
  right: 0;
  bottom: calc(100% + 8px);
  padding: 4px 8px;
  border-radius: 8px;
  background: #1a1612;
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: #f7f1e6;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
}
.seo-download-icon:hover::after,
.seo-download-icon:focus-visible::after {
  opacity: 1;
}
.seo-download.is-open .seo-download-icon::after {
  opacity: 0;
}
.seo-download-menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 4;
  min-width: 148px;
  padding: 4px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: #2a2622;
  display: grid;
  gap: 2px;
}
.seo-download-menu[hidden] {
  display: none !important;
}
.seo-download-menu button {
  width: 100%;
  min-height: 36px;
  padding: 8px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  text-align: left;
}
.seo-download-menu button:hover {
  background: rgba(231, 211, 176, 0.16);
}
.seo-sheet-moderate:disabled,
.seo-sheet-accept:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.seo-row[hidden],
.change-item[hidden] {
  display: none !important;
}

.seo-problem {
  margin: 0 0 8px;
  color: #ff8d8d;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
}
.seo-pair-actions {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.seo-after-edit {
  width: 100%;
  min-height: 96px;
  margin: 0;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(231, 211, 176, 0.28);
  background: rgba(0, 0, 0, 0.18);
  color: inherit;
  line-height: 1.45;
  resize: vertical;
}
.seo-col .seo-save-field {
  margin-top: 8px;
}
.seo-save-field[hidden] {
  display: none !important;
}

.seo-after-edit::placeholder {
  color: rgba(231, 211, 176, 0.45);
}
.seo-pair-head .seo-pair-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.section-save {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(231, 211, 176, 0.18);
}
.change-nav-saved {
  margin-left: 8px;
  color: #8dcea0;
  font-size: 12px;
}

.seo-photo-link {
  display: inline-block;
  color: #e7d3b0;
  word-break: break-all;
}
.seo-photo-input {
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(231, 211, 176, 0.28);
  background: rgba(0, 0, 0, 0.18);
  color: inherit;
}
.seo-col .seo-photo-input + .seo-save-field {
  margin-top: 8px;
}

.review-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow-anchor: none;
}
.review-card {
  padding: 14px 16px;
}
.review-card-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}
.review-pick {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 110px;
  white-space: nowrap;
}
.review-actions-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
  align-items: center;
  margin: 0 0 10px;
}
.review-toolbar .review-actions-row > .btn-secondary,
.review-actions-row > .btn-secondary,
.review-toolbar .review-actions-row > .btn-primary {
  width: auto;
  flex: 0 0 auto;
  white-space: nowrap;
}
.review-gen-note {
  margin: 0;
  flex: 1 1 220px;
  max-width: 420px;
}
.blue-check-card {
  margin: 0 0 16px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(231, 211, 176, 0.28);
  background: rgba(255, 255, 255, 0.03);
}
.blue-check-title {
  margin: 0 0 10px;
  font-size: 18px;
}
.blue-check-card .meta {
  margin: 8px 0 0;
}
.contact-links {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 8px 0 12px;
}
.contact-link-row.is-missing {
  position: relative;
  padding-left: 28px;
}
.contact-miss-x {
  position: absolute;
  left: 0;
  top: 2px;
  color: #ff5d5d;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
}
.blue-check-title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.blue-check-mark {
  color: #3d8bfd;
  font-weight: 800;
}
.blue-check-miss {
  color: #ff5d5d;
  font-weight: 800;
}
.stats-trend-lead,
.stats-trend-empty {
  margin: 0 0 12px;
  max-width: 720px;
  line-height: 1.45;
}
.stats-trend {
  margin: 0 0 14px;
  max-width: 720px;
}
.stats-trend-switch {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 8px;
}
.stats-trend-rubric {
  border: 1px solid rgba(231, 211, 176, 0.35);
  background: transparent;
  color: inherit;
  border-radius: 999px;
  padding: 4px 10px;
  cursor: pointer;
}
.stats-trend-rubric.is-on {
  border-color: #3d8bfd;
  color: #3d8bfd;
}
.stats-trend-svg {
  width: 100%;
  height: auto;
}
.stats-trend-svg line {
  stroke: rgba(231, 211, 176, 0.4);
}
.stats-trend-svg polyline {
  stroke: #3d8bfd;
  stroke-width: 2;
}
.stats-trend-svg circle {
  fill: #3d8bfd;
}
.stats-trend-svg text {
  fill: currentColor;
  font-size: 12px;
}
.seo-shared-link {
  margin: 0 0 14px;
  max-width: 720px;
}
.seo-shared-link-dialog {
  border: 1px solid rgba(231, 211, 176, 0.4);
  border-radius: 16px;
  padding: 18px;
  max-width: 420px;
}
.seo-shared-link-dialog::backdrop {
  background: rgba(0, 0, 0, 0.45);
}
.seo-shared-link-form label {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ads-direct-note {
  margin: 14px 0;
  line-height: 1.45;
  max-width: 720px;
}
.contact-link-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.contact-link-name {
  font-weight: 650;
}
.contact-link-now,
.contact-link-warn {
  font-size: 14px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.contact-link-row.is-missing .contact-link-name,
.contact-link-row.is-missing .contact-link-now,
.contact-link-row.is-missing .contact-link-warn {
  color: #e15b4c;
}
.contact-link-row input {
  width: 100%;
}
.review-tg-box {
  margin: 8px 0 12px;
  max-width: 420px;
}
a.review-tg-sub {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  text-decoration: none;
  box-sizing: border-box;
}
.review-send-ok:not(:empty) {
  margin: 8px 0 12px;
  max-width: 640px;
  font-size: 15px;
  line-height: 1.45;
}
.review-send-row {
  margin: 4px 0 6px;
  display: flex;
  justify-content: flex-start;
}
.review-send-row .btn-primary,
.review-send-row .review-send-moderation,
.review-send-row .chg-price-btn {
  width: min(100%, 560px);
  min-width: min(100%, 560px);
  max-width: none;
}
.review-fetch {
  margin: 8px 0 12px;
  max-width: 480px;
}
.review-fetch[hidden] {
  display: none !important;
}
.review-fetch-label {
  margin: 0 0 8px;
  font-weight: 650;
}
.page-load {
  margin: 8px 0 18px;
  max-width: 480px;
}
.page-load-bar,
.review-fetch-bar {
  display: block;
  height: 8px;
  border-radius: 16px;
  background: rgba(128, 128, 128, 0.28);
  overflow: hidden;
}
.page-load-bar i,
.review-fetch-bar i {
  display: block;
  height: 100%;
  width: 40%;
  border-radius: inherit;
  background: #e7d3b0;
  animation: review-fetch-slide 1.4s ease-in-out infinite;
}
@keyframes review-fetch-slide {
  0% { transform: translateX(-120%); }
  100% { transform: translateX(280%); }
}
button.is-generating {
  position: relative;
  overflow: hidden;
  min-width: 240px;
}
button.is-generating::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  width: 42%;
  background: #e7d3b0;
  animation: review-fetch-slide 1.4s ease-in-out infinite;
}
.review-checked-status {
  text-align: left;
  margin: 0 0 8px;
}
.review-foot {
  overflow-anchor: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}
.review-summary {
  margin: 14px 0 12px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.18);
}
.review-summary-title {
  margin: 0 0 8px;
  font-size: 1.05rem;
}
.review-summary-line {
  margin: 0 0 6px;
  line-height: 1.45;
}
.review-summary-dyn {
  margin: 10px 0 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.review-summary-dyn.is-good {
  color: #8dcea0;
}
.review-summary-dyn.is-bad {
  color: #e07070;
}
.review-dyn-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35em;
  height: 1.35em;
  border-radius: 999px;
  background: rgba(141, 206, 160, 0.2);
  color: #8dcea0;
  font-weight: 700;
}
.review-card.is-negative {
  border-color: #e07070;
}
.review-card.is-negative .seo-row-title,
.review-card.is-negative .seo-cell {
  color: #e07070;
}
.review-negative {
  margin-left: auto;
  color: #e07070;
  font-size: 12px;
  font-weight: 650;
}
.review-auto {
  margin-left: auto;
  color: #8dcea0;
  font-size: 12px;
}
.review-card .seo-pair-actions,
.review-card-actions {
  display: flex;
  gap: 8px;
  margin-top: 8px;
  flex-wrap: wrap;
}
.review-card-actions .btn-secondary,
.review-card-actions .chg-accept {
  width: auto;
}

/* Патч №15 — «Мои аудиты» / «Мои проекты» компактно слева в titlebar */

#cabinet .titlebar-left {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  max-width: none;
}

#cabinet .titlebar-left-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
}

#cabinet .titlebar-left > .chg-menu-toggle {
  margin: 0;
}

/* «меню» только в кабинете оптимизации, не на «Мои проекты» и остальных экранах */
#cabinet:not(.is-changes) #chg-menu-toggle {
  display: none !important;
}

#cabinet .titlebar-left .titlebar-desktop {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-height: 32px;
  margin: 0;
  padding: 6px 12px;
  border-radius: 16px;
  border: 2px solid var(--line, rgba(128, 128, 128, 0.28));
  background: rgba(255, 255, 255, 0.04);
  color: inherit;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
  box-shadow: none;
}

#cabinet .titlebar-left .titlebar-desktop:hover {
  background: rgba(247, 241, 230, 0.1);
  border-color: rgba(231, 211, 176, 0.45);
}

#cabinet .titlebar-left .titlebar-desktop.is-current {
  border-color: rgba(231, 211, 176, 0.7);
  background: rgba(231, 211, 176, 0.08);
  box-shadow: none;
}

/* Старую полную полосу под шапкой больше не используем */
.account-top-nav {
  display: none !important;
}

/* В titlebar справа — только вторичное (Выйти + email/шестерёнка) */
#cabinet .titlebar-actions {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  max-width: min(52vw, 420px);
}

#cabinet .titlebar-user-col {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px 8px;
  min-width: 0;
}

#cabinet .titlebar-ident {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  max-width: min(48vw, 280px);
  min-width: 0;
}

#cabinet .titlebar-login {
  font-size: 11px;
  line-height: 1.2;
  max-width: min(42vw, 220px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: normal;
  opacity: 0.88;
}

#cabinet .titlebar-logout {
  font-size: 11px;
  padding: 5px 10px;
  min-height: 0;
  width: auto; /* override global `button { width:100% }` — иначе плашка наезжает на нав */
  max-width: max-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  box-sizing: border-box;
}

@media (max-width: 720px) {
  #cabinet .titlebar-left {
    flex-direction: row;
    flex-wrap: wrap;
    max-width: none;
    gap: 4px;
  }
  #cabinet .titlebar-left .titlebar-desktop {
    font-size: 11px;
    min-height: 30px;
    padding: 5px 9px;
  }
  #cabinet .titlebar-actions {
    max-width: none;
  }
  #cabinet .titlebar-login {
    max-width: min(48vw, 180px);
  }
}

/* Мобильная шапка: «Выйти» не наезжает на «Мои аудиты» / «Мои проекты» */
@media (max-width: 640px) {
  #cabinet .titlebar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    row-gap: 8px;
    column-gap: 8px;
  }

  #cabinet .titlebar-title {
    order: -1;
    flex: 1 1 100%;
    width: 100%;
    text-align: left;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    pointer-events: none;
  }

  #cabinet .titlebar-left {
    order: 1;
    flex: 1 1 auto;
    width: auto;
    max-width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
  }

  #cabinet .titlebar-left-nav {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 6px;
  }

  #cabinet .titlebar-left .titlebar-desktop,
  #cabinet .titlebar-left .titlebar-desktop.titlebar-action {
    min-height: 36px;
    font-size: 12px;
    padding: 6px 10px;
  }

  #cabinet .titlebar-actions {
    order: 1;
    flex: 0 1 auto;
    width: auto;
    max-width: 48%;
    margin-left: auto;
    justify-content: flex-end;
    align-items: flex-end;
  }

  #cabinet .titlebar-user-col {
    width: auto;
    max-width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 6px;
  }

  #cabinet .titlebar-logout {
    position: relative;
    z-index: 1;
    align-self: flex-end;
    font-size: 12px;
    padding: 6px 12px;
    min-height: 36px;
  }

  #cabinet .titlebar-ident {
    width: auto;
    max-width: 46vw;
    justify-content: flex-end;
    align-items: center;
  }

  #cabinet .titlebar-login {
    display: inline-flex;
    min-height: 0;
    padding: 0;
    max-width: 48vw;
    font-size: 12px;
    text-align: right;
  }
}

/* Без кнопки темы в левой колонке titlebar */
#cabinet .theme-toggle {
  display: none !important;
}

/* Раздел «Пожелания» — по центру карточки */
.account-wishes {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.account-wishes h2 {
  text-align: center;
}
.account-wishes .account-form {
  width: min(100%, 520px);
  margin: 0 auto;
  text-align: center;
}
.account-wishes .account-form label {
  display: grid;
  gap: 8px;
  text-align: center;
  justify-items: stretch;
}
.account-wishes .account-form textarea {
  text-align: left;
}
.account-wishes .row-actions {
  justify-content: center;
}
.account-wishes .account-list {
  width: min(100%, 520px);
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

/* Патч №16 — кнопка «Скачать PDF» в списке аудитов */

.account-audit-pdf {
  font-size: 13px;
  padding: 6px 10px;
  min-width: 7.5rem;
}

.account-audit-pdf.is-loading,
.account-audit-pdf:disabled {
  opacity: 0.65;
  cursor: wait;
}

.account-audit-pdf:disabled:not(.is-loading) {
  cursor: not-allowed;
}

.account-audit-pdf-err {
  margin: 0;
  font-size: 12px;
  max-width: 220px;
  text-align: right;
}

.account-audit-pdf-err[hidden] {
  display: none;
}

@media (max-width: 640px) {
  .account-audit-actions .account-audit-pdf,
  .account-audit-actions .btn-secondary {
    width: 100%;
    text-align: center;
  }
  .account-audit-pdf-err {
    max-width: none;
    text-align: left;
  }
}

a.account-new-audit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  margin: 0 0 16px;
  min-height: 44px;
  padding: 0 18px;
}

a.account-sub-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  text-decoration: none;
  box-sizing: border-box;
}
.sub-plan {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
  border-top: 1px solid rgba(231, 211, 176, 0.16);
}
.sub-plan > div {
  min-width: 0;
}
.sub-plan strong,
.sub-plan .meta {
  display: block;
}
.sub-plan .btn-secondary {
  width: auto;
  min-width: 140px;
  flex: none;
}

.query-board {
  margin: 0 0 18px;
}
.query-add {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 12px 0;
}
.query-add input {
  flex: 1;
  min-width: 0;
}
.query-add button,
.query-del {
  width: auto;
  white-space: nowrap;
}
.query-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.query-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
}
.query-mark {
  width: 22px;
  flex: 0 0 22px;
  font-weight: 700;
  text-align: center;
}
.query-row.is-covered .query-mark,
.query-row.is-covered .query-note {
  color: #3dd68c;
}
.query-row.is-gap .query-mark,
.query-row.is-gap .query-note {
  color: #ff6b6b;
}
.query-main {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}
.query-name {
  font-weight: 650;
}
.query-note {
  font-size: 13px;
}
.query-del {
  margin-left: auto;
}

.new-product-add {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
}
.new-product-add input {
  flex: 1;
  min-width: 0;
}
.new-product-add button {
  width: 44px;
  min-width: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}
.new-product-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 14px;
}
.new-product {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(231, 211, 176, 0.18);
  border-radius: 14px;
}
.new-product-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.new-product-field textarea,
.new-product-field input,
.new-product-link {
  width: 100%;
}
.new-product-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.content-feed {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 18px;
}
.content-feed-lead {
  margin: 0;
  max-width: 720px;
  line-height: 1.45;
}
.content-log {
  max-width: 640px;
  max-height: 220px;
  overflow: auto;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--line, rgba(128, 128, 128, 0.35));
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.content-log p {
  margin: 0;
  line-height: 1.4;
}
.content-log-time {
  color: var(--muted, #c4b59e);
  margin-right: 6px;
}
.content-log-ok {
  color: #3ddc84;
  font-weight: 700;
}
.content-feed-success {
  margin: 4px 0 0;
  color: #3ddc84;
  font-weight: 700;
  line-height: 1.4;
}
.content-feed-success[hidden] {
  display: none !important;
}
.content-check-note {
  margin: 0;
  color: var(--muted, #c4b59e);
  font-size: 13px;
  line-height: 1.4;
}
.content-upload-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: start;
  max-width: 640px;
}
.content-upload-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}
.content-upload-col > .btn-secondary {
  width: 100%;
  min-height: 48px;
}
.content-upload-panel {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.content-upload-panel[hidden] {
  display: none;
}
.content-upload-panel .btn-secondary {
  width: 100%;
}
.content-link-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 640px;
}
.content-link-line {
  display: flex;
  gap: 8px;
  align-items: flex-end;
}
.content-link-line .new-product-field {
  flex: 1;
  min-width: 0;
}
.content-refresh {
  width: 44px;
  height: 44px;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 12px;
  border: 1px solid var(--line, rgba(128, 128, 128, 0.35));
  background: transparent;
  color: inherit;
  cursor: pointer;
}
.content-refresh:disabled {
  opacity: 0.45;
  cursor: default;
}
.content-raise {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 640px;
  margin-top: 22px;
}
.content-raise-title {
  margin: 0;
  font-size: 20px;
  font-weight: 650;
}
.content-raise-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-width: 180px;
}
.content-raise-field input {
  width: 88px;
}
.content-action-status {
  margin: 0;
  line-height: 1.4;
}
.content-action-status[hidden] {
  display: none !important;
}
.content-action-status.is-ok {
  color: #3ddc84;
  font-weight: 700;
}
@media (min-width: 1100px) {
  .content-log {
    position: fixed;
    top: 88px;
    right: 16px;
    width: min(340px, calc((100vw - 760px) / 2 - 20px));
    max-width: none;
    max-height: calc(100vh - 110px);
    z-index: 4;
    margin: 0;
  }
}
@media (max-width: 720px) {
  .content-upload-grid,
  .content-raise,
  .content-log {
    max-width: none;
  }
  .content-upload-grid {
    grid-template-columns: 1fr;
  }
  .content-raise {
    margin-top: 18px;
  }
}
.content-place {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-left: 8px;
}
.content-place[hidden] {
  display: none;
}
.content-stats[hidden] {
  display: none;
}
.content-stats {
  max-width: 640px;
}
.content-stats-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.stats-pane {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 760px;
}
.stats-pane > .btn-secondary {
  width: auto;
  align-self: flex-start;
  min-width: 220px;
}
.stats-changes-title {
  margin: 8px 0 0;
  font-size: 20px;
}
.stats-positions .rank-block {
  margin-top: 8px;
}
.content-stats-list li {
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.ads-connect-btn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  max-width: 420px;
  text-align: left;
}
.ads-connect-hint {
  color: #9a9288;
  font-size: 13px;
  font-weight: 500;
}
.ads-lead-form {
  max-width: 480px;
  margin-top: 16px;
}
.ads-lead-form[hidden],
.ads-connect-btn[hidden],
#ads-lead-ok[hidden] {
  display: none;
}
.new-product-preview {
  width: 160px;
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}