:root {
  --bg: #fff;
  --text: #111214;
  --muted: #6f7684;
  --line: #e9edf2;
  --soft: #f5f7fa;
  --soft-2: #fafbfc;
  --accent: #aef3ff;
  --accent-strong: #74e8fb;
  --yellow: #ffe16a;
  --green: #1f7a40;
  --green-soft: #a6f48a;
  --red: #ff6a6a;
  --shadow: 0 20px 50px rgba(17, 18, 20, 0.06);
  --radius: 26px;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; min-height: 100%; background: var(--bg); color: var(--text); }
body { font-family: Inter, system-ui, sans-serif; }
.legal-footer { display:flex; justify-content:center; flex-wrap:wrap; gap:8px 20px; padding:12px 16px calc(12px + env(safe-area-inset-bottom)); color:var(--muted); font-size:12px; }
.legal-footer a { color:inherit; text-decoration:none; }
.legal-footer a:hover { color:var(--text); text-decoration:underline; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
input, textarea, select { outline: none; }
.material-symbols-rounded { font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 24; }
.hidden { display: none !important; }
.brand-title, h1, h2, h3, h4, .hero-title, .stat-value, .sheet-title, .item-name-overlay { font-family: Unbounded, Inter, sans-serif; }
.app { min-height: 100vh; padding-bottom: 70px; }
.topbar {
  position: sticky; top: 0; z-index: 45; background: rgba(255,255,255,.92); backdrop-filter: blur(12px);
  display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 18px 20px; border-bottom: 1px solid var(--line);
}
.brand-kicker, .section-kicker { color: var(--muted); text-transform: lowercase; letter-spacing: .09em; font-size: 12px; }
.brand-title { font-size: 18px; }
.page-shell { max-width: 1280px; margin: 0 auto; padding: 18px 20px 40px; }
.hero { display: grid; grid-template-columns: 1.1fr .9fr; gap: 28px; padding: 8px 0 28px; border-bottom: 1px solid var(--line); }
.hero.compact-hero { align-items: end; }
.hero-title { font-size: clamp(32px, 5vw, 56px); line-height: 1.04; margin: 8px 0 14px; }
.hero-text { color: var(--muted); max-width: 760px; line-height: 1.65; }
.hero-side-tight { padding-top: 16px; }
.quick-lines { display: grid; gap: 12px; }
.quick-line { padding: 12px 0; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; gap: 12px; }
.quick-line:last-child { border-bottom: 0; }
.quick-line span:last-child { color: var(--muted); }
.gate-view { display: none; }
.gate-view.active { display: block; }
.view { display: block; }
.section { padding: 16px 0 26px; border-bottom: 1px solid var(--line); }
.section:last-child { border-bottom: 0; }
.section-head { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 14px; }
.section-head h2 { margin: 6px 0 0; font-size: clamp(24px, 4vw, 38px); }
.slim-head { margin-bottom: 16px; }
.btn {
  height: 44px; border-radius: 999px; border: 1px solid transparent; padding: 0 16px; background: transparent;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 700;
}
.btn.wide { width: 100%; }
.btn.btn-accent { background: var(--accent); color: #0f1a1f; }
.btn.btn-accent:hover { background: var(--accent-strong); }
.btn.btn-soft { background: var(--soft); border-color: var(--line); color: var(--text); }
.btn.btn-danger { background: rgba(255,106,106,.12); border-color: rgba(255,106,106,.18); color: #a81b1b; }
.btn.btn-muted { background: var(--soft-2); border-color: var(--line); color: var(--muted); }
.icon-btn {
  width: 42px; height: 42px; border-radius: 999px; border: 1px solid var(--line); background: #fff;
  display: inline-flex; align-items: center; justify-content: center;
}
.field { display: grid; gap: 8px; }
.field > span { color: var(--muted); font-size: 13px; }
.field input, .field textarea, .field select {
  width: 100%; border: 1px solid var(--line); background: #fff; border-radius: 18px; padding: 13px 14px; color: var(--text);
}
.field textarea { min-height: 120px; resize: vertical; }
.inline-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.toolbar-line { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; padding: 18px 0 10px; }
.search-wrap, .select-wrap {
  height: 48px; border: 1px solid var(--line); border-radius: 999px; background: #fff; display: flex; align-items: center; gap: 10px; padding: 0 14px;
}
.search-wrap { flex: 1; min-width: 240px; }
.search-wrap input { border: 0; flex: 1; background: transparent; }
.select-wrap select { border: 0; background: transparent; }
.tabs { display: flex; gap: 8px; flex-wrap: wrap; }
.tab-chip {
  height: 44px; border-radius: 999px; padding: 0 16px; border: 1px solid var(--line); background: #fff; color: var(--muted); font-weight: 700;
}
.tab-chip.active { background: var(--soft); color: var(--text); }
.archive-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.card {
  position: relative; border: 1px solid var(--line); border-radius: 30px; overflow: hidden; background: #fff; box-shadow: var(--shadow);
}
.card-media {
  position: relative; aspect-ratio: 1 / 1; background: linear-gradient(180deg, #f7f8fa, #eef2f5); overflow: hidden;
}
.card-media img { width: 100%; height: 100%; object-fit: cover; cursor: zoom-in; }
.no-photo { width: 100%; height: 100%; display: grid; place-items: center; color: var(--muted); padding: 20px; text-align: center; }
.photo-overlay { position: absolute; inset: auto 0 0 0; padding: 22px 18px 16px; background: linear-gradient(180deg, transparent, rgba(0,0,0,.68)); color: #fff; }
.item-name-overlay { font-size: 18px; line-height: 1.25; max-width: 90%; text-shadow: 0 4px 20px rgba(0,0,0,.35); }
.section-badge {
  position: absolute; top: 12px; right: 12px; z-index: 2; background: rgba(174,243,255,.96); color: #0d3f49; border-radius: 999px; padding: 8px 12px; font-size: 12px; font-weight: 800;
}
.card-body { display: grid; gap: 10px; padding: 16px 16px 18px; }
.info-row { display: flex; align-items: start; gap: 10px; color: var(--muted); font-size: 14px; }
.info-row strong { color: var(--text); font-weight: 600; }
.info-row .material-symbols-rounded { font-size: 18px; margin-top: 1px; }
.badge {
  display: inline-flex; align-items: center; gap: 8px; border-radius: 999px; padding: 9px 12px; font-weight: 700; width: fit-content;
}
.inventory-badge { border: 1px solid var(--line); background: var(--soft); cursor: pointer; }
.card-actions { display: flex; gap: 10px; }
.card-actions .icon-btn { width: 46px; height: 46px; }
.sheet {
  border: 1px solid var(--line); border-radius: 32px; background: #fff; box-shadow: var(--shadow); padding: 18px;
}
.sheet-title { font-size: 22px; margin: 6px 0 0; }
.sheet-head { display: flex; justify-content: space-between; gap: 12px; align-items: start; margin-bottom: 16px; }
.sheet-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 26px; }
.gallery-main { aspect-ratio: 1.1 / 1; border-radius: 28px; overflow: hidden; background: var(--soft); }
.gallery-main img { width: 100%; height: 100%; object-fit: cover; cursor: zoom-in; }
.gallery-thumbs { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
.thumb-btn { width: 88px; height: 88px; border-radius: 18px; overflow: hidden; border: 1px solid var(--line); background: var(--soft); padding: 0; }
.thumb-btn img { width: 100%; height: 100%; object-fit: cover; }
.detail-list { display: grid; gap: 0; }
.detail-line { display: flex; justify-content: space-between; gap: 20px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.detail-line:last-child { border-bottom: 0; }
.detail-line span:last-child { color: var(--muted); text-align: right; }
.panel-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 24px; }
.stack { display: grid; gap: 24px; }
.panel-list { display: grid; gap: 0; }
.panel-item { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--line); }
.panel-item:last-child { border-bottom: 0; }
.profile-chip { display: inline-flex; align-items: center; gap: 12px; min-width: 0; }
.avatar, .avatar-lg { border-radius: 50%; background: linear-gradient(180deg, #eff3f7, #e5ebf1); overflow: hidden; display: grid; place-items: center; color: var(--muted); flex: none; }
.avatar { width: 44px; height: 44px; }
.avatar-lg { width: 64px; height: 64px; }
.avatar img, .avatar-lg img { width: 100%; height: 100%; object-fit: cover; }
.profile-list { display: grid; gap: 0; }
.profile-row { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--line); }
.profile-row:last-child { border-bottom: 0; }
.auto-login-badge { position: relative; }
.auto-login-badge .hint { position: absolute; left: 0; top: calc(100% + 8px); width: 260px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow); color: var(--muted); font-size: 13px; display: none; z-index: 10; }
.auto-login-badge:hover .hint { display: block; }
.maintenance-shell { max-width: 740px; padding: 14vh 0 0; }
.maintenance-title { color: #c62929; font-size: clamp(34px, 6vw, 60px); margin: 12px 0 12px; }
.maintenance-text { color: var(--text); max-width: 620px; line-height: 1.7; }
.modal { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; }
.modal-backdrop { position: absolute; inset: 0; background: rgba(17,18,20,.24); backdrop-filter: blur(10px); }
.modal-card {
  position: relative; z-index: 1; width: min(760px, calc(100vw - 22px)); max-height: min(88vh, 980px); overflow: auto;
  border-radius: 34px; border: 1px solid var(--line); background: #fff; box-shadow: 0 30px 80px rgba(17,18,20,.14); padding: 18px;
}
.modal-card.slim { width: min(520px, calc(100vw - 22px)); }
.modal-card::-webkit-scrollbar { width: 8px; }
.modal-card::-webkit-scrollbar-thumb { background: #d8dde3; border-radius: 999px; }
.modal-grid { display: grid; gap: 14px; }
.form-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 8px; }
.photo-picker-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.photo-tile { position: relative; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; aspect-ratio: 1/1; background: var(--soft); }
.photo-tile img { width: 100%; height: 100%; object-fit: cover; }
.photo-remove { position: absolute; top: 8px; right: 8px; }
.toast-root { position: fixed; right: 16px; bottom: 16px; z-index: 120; display: grid; gap: 10px; }
.toast { background: rgba(17,18,20,.94); color: #fff; border-radius: 20px; padding: 12px 14px; min-width: 240px; box-shadow: var(--shadow); }
.empty-state { padding: 26px 0; color: var(--muted); }
.logger-list { display: grid; gap: 0; }
.logger-item { display: grid; gap: 8px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.logger-item:last-child { border-bottom: 0; }
.logger-meta { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; color: var(--muted); font-size: 13px; }
.detail-changes { display: grid; gap: 8px; }
.change-pill { padding: 10px 12px; border: 1px solid var(--line); border-radius: 18px; background: var(--soft-2); }
.fullscreen-viewer { position: fixed; inset: 0; background: rgba(17,18,20,.92); z-index: 120; display: grid; place-items: center; padding: 20px; }
.fullscreen-viewer img { max-width: min(96vw, 1280px); max-height: 88vh; border-radius: 24px; }
.qr-box { display: grid; place-items: center; gap: 12px; text-align: center; }
.qr-box img { width: min(72vw, 340px); border-radius: 24px; background: #fff; padding: 14px; }
.helper { color: var(--muted); font-size: 13px; line-height: 1.5; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
@media (max-width: 1080px) {
  .archive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sheet-grid, .panel-grid, .hero { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .topbar { padding: 14px; }
  .page-shell { padding: 14px 14px 26px; }
  .archive-grid, .photo-picker-grid, .inline-grid { grid-template-columns: 1fr; }
  .toolbar-line { align-items: stretch; }
  .search-wrap, .select-wrap, .tabs, .toolbar-line .btn { width: 100%; }
  .tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tab-chip { width: 100%; }
  .card-body { padding: 14px; }
  .modal-card { border-radius: 28px; width: calc(100vw - 12px); padding: 14px; }
  .gallery-thumbs { flex-wrap: nowrap; overflow: auto; }
  .detail-line { display: grid; gap: 8px; }
  .detail-line span:last-child { text-align: left; }
  .panel-item, .profile-row { align-items: start; flex-direction: column; }
  .toast-root { left: 12px; right: 12px; bottom: 12px; }
  .toast { min-width: unset; }
}

/* KP_CHOOSER_START */
.kp-chooser-screen {
  position: fixed;
  inset: 0;
  z-index: 10000;
  min-height: 100vh;
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  background: #000;
  color: #fff;
  overflow: hidden;
}

.kp-chooser-left {
  position: relative;
  z-index: 2;
  min-width: 0;
  padding: 20px 16px 24px;
  background: linear-gradient(90deg, rgba(0,0,0,0.98) 0%, rgba(0,0,0,0.94) 68%, rgba(0,0,0,0.34) 100%);
  display: flex;
  flex-direction: column;
}

.kp-chooser-brand {
  font-size: 18px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .03em;
  color: rgba(255,255,255,.98);
  margin-bottom: 24px;
}

.kp-chooser-title {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  color: rgba(255,255,255,.62);
  margin-bottom: 14px;
}

.kp-chooser-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.kp-profile-card {
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  width: 100%;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  text-align: left;
  cursor: pointer;
  transition: transform .18s ease, opacity .18s ease;
}

.kp-profile-card:hover {
  transform: translateX(4px);
}

.kp-profile-card:active {
  transform: translateX(2px) scale(.995);
}

.kp-profile-avatar-wrap {
  width: 72px;
  height: 72px;
  border-radius: 999px;
  padding: 4px;
  background: linear-gradient(135deg, #ff6b6b 0%, #ff4fd8 48%, #705cff 100%);
  box-shadow: 0 0 0 1px rgba(255,255,255,.06);
  overflow: hidden;
  flex-shrink: 0;
}

.kp-profile-avatar-wrap.is-auto-login {
  background: linear-gradient(135deg, #67e8f9 0%, #22d3ee 48%, #06b6d4 100%);
}

.kp-profile-avatar-img,
.kp-profile-avatar-fallback {
  width: 100%;
  height: 100%;
  border-radius: 999px;
  display: grid;
  place-items: center;
  object-fit: cover;
  background: #181818;
}

.kp-profile-avatar-fallback .material-symbols-rounded {
  font-size: 38px;
  color: rgba(255,255,255,.92);
}

.kp-profile-content {
  min-width: 0;
}

.kp-profile-name {
  font-size: 18px;
  line-height: 1.08;
  font-weight: 800;
  color: #fff;
  word-break: break-word;
}

.kp-profile-status {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.35;
  color: rgba(255,255,255,.66);
}

.kp-profile-side {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.kp-maintenance-pill {
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255, 96, 96, .14);
  color: #ffb4b4;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.kp-chooser-right {
  position: relative;
  min-width: 0;
  min-height: 100vh;
  background: #14091d;
}

.kp-stage {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: #14091d;
}

.kp-stage-slide,
.kp-stage-fallback {
  position: absolute;
  inset: 0;
}

.kp-stage-slide {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: scale(1.04);
  transition: opacity 1s ease, transform 5s ease;
  filter: saturate(1.04) contrast(1.02);
}

.kp-stage-slide.is-active {
  opacity: 1;
  transform: scale(1);
}

.kp-stage-fallback {
  display: grid;
  place-items: center;
  color: rgba(255,255,255,.18);
  font-size: 64px;
  font-weight: 800;
  letter-spacing: .04em;
}

.kp-stage-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg,
      #000 0%,
      #000 20%,
      rgba(0,0,0,0.995) 21.5%,
      rgba(0,0,0,0.96) 23%,
      rgba(0,0,0,0.78) 25%,
      rgba(0,0,0,0.42) 27%,
      rgba(0,0,0,0.12) 29%,
      rgba(0,0,0,0.02) 31%,
      rgba(0,0,0,0) 33%
    ),
    linear-gradient(180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.10) 100%);
}

@media (max-width: 980px) {
  .kp-chooser-screen {
    grid-template-columns: 1fr;
    min-height: 100vh;
  }

  .kp-chooser-right {
    display: none;
  }

  .kp-chooser-left {
    min-height: 100vh;
    padding: 20px 16px 28px;
    background: #070707;
  }

  .kp-chooser-brand {
    margin-bottom: 28px;
  }

  .kp-profile-card {
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 14px;
  }

  .kp-profile-avatar-wrap {
    width: 78px;
    height: 78px;
  }

  .kp-profile-name {
    font-size: 20px;
  }

  .kp-profile-status {
    font-size: 13px;
  }

  .kp-profile-side {
    display: none;
  }
}
/* KP_CHOOSER_END */


.app-shell:has(.chooser-view.active) .topbar {
  display: none !important;
}

.app-shell:has(.chooser-view.active) .page-shell,
.app-shell:has(.chooser-view.active) .layout-shell,
.app-shell:has(.chooser-view.active) main,
.app-shell:has(.chooser-view.active) .content-shell {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.app-shell:has(.chooser-view.active) {
  background: #000 !important;
}

@media (max-width: 980px) {
  .kp-chooser-screen {
    grid-template-columns: 1fr;
    min-height: 100vh;
  }

  .kp-chooser-left {
    min-height: 100vh;
    padding: 20px 16px 28px;
    background: #070707;
  }
}

/* CHOOSER_FULLSCREEN_FIX_START */
body.chooser-fullscreen-active .topbar {
  display: none !important;
}

body.chooser-fullscreen-active {
  overflow: hidden;
  background: #000 !important;
}

body.chooser-fullscreen-active .kp-chooser-screen {
  position: fixed;
  inset: 0;
  z-index: 70;
  min-height: 100vh;
}

body.chooser-fullscreen-active #chooserView,
body.chooser-fullscreen-active .chooser-view,
body.chooser-fullscreen-active .chooser-view.active {
  position: fixed;
  inset: 0;
  z-index: 70;
}

body.chooser-fullscreen-active .app-shell,
body.chooser-fullscreen-active main,
body.chooser-fullscreen-active .page-shell,
body.chooser-fullscreen-active .layout-shell,
body.chooser-fullscreen-active .content-shell {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.chooser-fullscreen-active .modal {
  z-index: 120 !important;
}

@media (max-width: 980px) {
  body.chooser-fullscreen-active .kp-chooser-screen {
    grid-template-columns: 1fr;
    min-height: 100vh;
  }

  body.chooser-fullscreen-active .kp-chooser-left {
    min-height: 100vh;
  }
}
/* CHOOSER_FULLSCREEN_FIX_END */

/* KP_CHOOSER_TUNE_START */
.kp-chooser-screen {
  grid-template-columns: 380px minmax(0, 1fr) !important;
}

.kp-chooser-left {
  padding: 24px 18px 28px !important;
}

.kp-chooser-brand {
  margin-bottom: 34px !important;
}

.kp-chooser-title {
  margin-bottom: 18px !important;
}

.kp-chooser-list {
  gap: 18px !important;
}

.kp-profile-card {
  gap: 16px !important;
}

.kp-profile-avatar-wrap {
  width: 86px !important;
  height: 86px !important;
}

.kp-profile-name {
  font-size: 22px !important;
}

.kp-stage-overlay {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg,
      #000 0%,
      #000 18%,
      rgba(0,0,0,0.998) 22%,
      rgba(0,0,0,0.992) 25%,
      rgba(0,0,0,0.975) 28%,
      rgba(0,0,0,0.94) 31%,
      rgba(0,0,0,0.86) 34%,
      rgba(0,0,0,0.72) 37%,
      rgba(0,0,0,0.52) 40%,
      rgba(0,0,0,0.30) 43%,
      rgba(0,0,0,0.14) 46%,
      rgba(0,0,0,0.05) 49%,
      rgba(0,0,0,0) 53%
    ),
    linear-gradient(180deg, rgba(0,0,0,.03) 0%, rgba(0,0,0,.12) 100%) !important;
}

@media (max-width: 980px) {
  .kp-chooser-screen {
    grid-template-columns: 1fr !important;
  }

  .kp-chooser-left {
    padding: 20px 16px 28px !important;
  }
}
/* KP_CHOOSER_TUNE_END */

/* KP_CHOOSER_BLEND_START */
.kp-chooser-screen {
  grid-template-columns: 420px minmax(0, 1fr) !important;
  background: #000 !important;
}

.kp-chooser-left {
  position: relative !important;
  z-index: 3 !important;
  background:
    linear-gradient(90deg,
      rgba(0,0,0,0.985) 0%,
      rgba(0,0,0,0.975) 42%,
      rgba(0,0,0,0.94) 58%,
      rgba(0,0,0,0.82) 72%,
      rgba(0,0,0,0.60) 84%,
      rgba(0,0,0,0.32) 92%,
      rgba(0,0,0,0.12) 97%,
      rgba(0,0,0,0.00) 100%) !important;
}

.kp-chooser-right {
  position: relative !important;
  margin-left: -120px !important;
  z-index: 1 !important;
}

.kp-stage {
  position: absolute !important;
  inset: 0 !important;
}

.kp-stage-overlay {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg,
      rgba(0,0,0,0.88) 0%,
      rgba(0,0,0,0.72) 8%,
      rgba(0,0,0,0.48) 14%,
      rgba(0,0,0,0.24) 20%,
      rgba(0,0,0,0.10) 26%,
      rgba(0,0,0,0.03) 31%,
      rgba(0,0,0,0.00) 36%),
    linear-gradient(180deg, rgba(0,0,0,.03) 0%, rgba(0,0,0,.10) 100%) !important;
}

.kp-chooser-left::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: -140px !important;
  width: 220px !important;
  height: 100% !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg,
      rgba(0,0,0,0.92) 0%,
      rgba(0,0,0,0.72) 18%,
      rgba(0,0,0,0.44) 40%,
      rgba(0,0,0,0.18) 62%,
      rgba(0,0,0,0.05) 82%,
      rgba(0,0,0,0.00) 100%) !important;
  filter: blur(18px) !important;
}

.kp-chooser-list,
.kp-chooser-brand,
.kp-chooser-title {
  position: relative !important;
  z-index: 4 !important;
}

@media (max-width: 980px) {
  .kp-chooser-screen {
    grid-template-columns: 1fr !important;
  }

  .kp-chooser-left {
    background: #070707 !important;
  }

  .kp-chooser-left::after {
    display: none !important;
  }

  .kp-chooser-right {
    margin-left: 0 !important;
  }

  .kp-stage-overlay {
    background:
      linear-gradient(180deg,
        rgba(0,0,0,0.38) 0%,
        rgba(0,0,0,0.18) 24%,
        rgba(0,0,0,0.00) 46%) !important;
  }
}
/* KP_CHOOSER_BLEND_END */

/* CHOOSER_LIGHT_THEME_START */
body.chooser-light-theme .kp-chooser-screen {
  background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%) !important;
  color: #111827 !important;
}

body.chooser-light-theme .kp-chooser-left {
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0.98) 0%,
      rgba(255,255,255,0.96) 44%,
      rgba(255,255,255,0.90) 62%,
      rgba(255,255,255,0.72) 78%,
      rgba(255,255,255,0.36) 92%,
      rgba(255,255,255,0.00) 100%) !important;
}

body.chooser-light-theme .kp-chooser-left::after {
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.70) 18%,
      rgba(255,255,255,0.42) 40%,
      rgba(255,255,255,0.16) 62%,
      rgba(255,255,255,0.04) 82%,
      rgba(255,255,255,0.00) 100%) !important;
  filter: blur(18px) !important;
}

body.chooser-light-theme .kp-chooser-brand,
body.chooser-light-theme .kp-chooser-title,
body.chooser-light-theme .kp-profile-name {
  color: #111827 !important;
}

body.chooser-light-theme .kp-profile-status {
  color: #475569 !important;
}

body.chooser-light-theme .kp-stage-overlay {
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0.72) 0%,
      rgba(255,255,255,0.56) 8%,
      rgba(255,255,255,0.34) 14%,
      rgba(255,255,255,0.16) 20%,
      rgba(255,255,255,0.06) 26%,
      rgba(255,255,255,0.00) 34%),
    linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.08) 100%) !important;
}

body.chooser-light-theme .kp-profile-avatar-wrap {
  box-shadow: 0 0 0 1px rgba(15,23,42,.08), 0 12px 30px rgba(15,23,42,.08) !important;
}

body.chooser-light-theme .kp-profile-card:hover {
  transform: translateX(4px) scale(1.01) !important;
}

body.chooser-light-theme .kp-profile-card {
  border-radius: 18px !important;
}

body.chooser-light-theme .kp-profile-content {
  text-shadow: none !important;
}
/* CHOOSER_LIGHT_THEME_END */

/* CHOOSER_AUTO_BLEND_START */
.kp-chooser-screen {
  background: transparent !important;
}

.kp-chooser-left {
  position: relative !important;
  z-index: 3 !important;
  background:
    linear-gradient(90deg,
      rgba(0,0,0,0.92) 0%,
      rgba(0,0,0,0.88) 22%,
      rgba(0,0,0,0.82) 40%,
      rgba(0,0,0,0.68) 58%,
      rgba(0,0,0,0.46) 74%,
      rgba(0,0,0,0.24) 86%,
      rgba(0,0,0,0.10) 94%,
      rgba(0,0,0,0.00) 100%) !important;
  backdrop-filter: blur(8px) saturate(1.02) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.02) !important;
}

.kp-chooser-left::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg,
      rgba(0,0,0,0.10) 0%,
      rgba(0,0,0,0.06) 38%,
      rgba(0,0,0,0.03) 72%,
      rgba(0,0,0,0.00) 100%) !important;
}

.kp-chooser-left::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: -120px !important;
  width: 220px !important;
  height: 100% !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg,
      rgba(0,0,0,0.36) 0%,
      rgba(0,0,0,0.24) 24%,
      rgba(0,0,0,0.14) 46%,
      rgba(0,0,0,0.07) 68%,
      rgba(0,0,0,0.02) 84%,
      rgba(0,0,0,0.00) 100%) !important;
  filter: blur(32px) !important;
}

.kp-chooser-right {
  position: relative !important;
  z-index: 1 !important;
  margin-left: -90px !important;
  background: transparent !important;
}

.kp-stage {
  position: absolute !important;
  inset: 0 !important;
  background: #000 !important;
}

.kp-stage-overlay {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg,
      rgba(0,0,0,0.24) 0%,
      rgba(0,0,0,0.16) 5%,
      rgba(0,0,0,0.10) 10%,
      rgba(0,0,0,0.06) 16%,
      rgba(0,0,0,0.03) 22%,
      rgba(0,0,0,0.00) 30%),
    linear-gradient(180deg, rgba(0,0,0,.03) 0%, rgba(0,0,0,.10) 100%) !important;
}

.kp-chooser-brand,
.kp-chooser-title,
.kp-chooser-list {
  position: relative !important;
  z-index: 4 !important;
}

body.chooser-light-theme .kp-chooser-screen {
  background: transparent !important;
}

body.chooser-light-theme .kp-stage {
  background: #eef2f7 !important;
}

body.chooser-light-theme .kp-chooser-left {
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0.84) 0%,
      rgba(255,255,255,0.78) 22%,
      rgba(255,255,255,0.70) 40%,
      rgba(255,255,255,0.56) 58%,
      rgba(255,255,255,0.36) 74%,
      rgba(255,255,255,0.18) 86%,
      rgba(255,255,255,0.08) 94%,
      rgba(255,255,255,0.00) 100%) !important;
  backdrop-filter: blur(10px) saturate(1.03) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.03) !important;
}

body.chooser-light-theme .kp-chooser-left::before {
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0.10) 0%,
      rgba(255,255,255,0.06) 38%,
      rgba(255,255,255,0.03) 72%,
      rgba(255,255,255,0.00) 100%) !important;
}

body.chooser-light-theme .kp-chooser-left::after {
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0.34) 0%,
      rgba(255,255,255,0.22) 24%,
      rgba(255,255,255,0.12) 46%,
      rgba(255,255,255,0.06) 68%,
      rgba(255,255,255,0.02) 84%,
      rgba(255,255,255,0.00) 100%) !important;
  filter: blur(34px) !important;
}

body.chooser-light-theme .kp-stage-overlay {
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0.20) 0%,
      rgba(255,255,255,0.13) 5%,
      rgba(255,255,255,0.08) 10%,
      rgba(255,255,255,0.05) 16%,
      rgba(255,255,255,0.02) 22%,
      rgba(255,255,255,0.00) 30%),
    linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.06) 100%) !important;
}

@media (max-width: 980px) {
  .kp-chooser-left,
  body.chooser-light-theme .kp-chooser-left {
    background: rgba(7,7,7,0.92) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
  }

  body.chooser-light-theme .kp-chooser-left {
    background: rgba(255,255,255,0.88) !important;
  }

  .kp-chooser-left::after,
  .kp-chooser-left::before {
    display: none !important;
  }

  .kp-chooser-right {
    margin-left: 0 !important;
  }
}
/* CHOOSER_AUTO_BLEND_END */

/* CHOOSER_WHITE_THEME_FIX_START */
body.chooser-light-theme .kp-chooser-left {
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.82) 26%,
      rgba(255,255,255,0.74) 48%,
      rgba(255,255,255,0.58) 66%,
      rgba(255,255,255,0.34) 80%,
      rgba(255,255,255,0.14) 90%,
      rgba(255,255,255,0.04) 96%,
      rgba(255,255,255,0.00) 100%) !important;
  backdrop-filter: blur(12px) saturate(1.03) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.03) !important;
}

body.chooser-light-theme .kp-chooser-left::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0.06) 0%,
      rgba(255,255,255,0.04) 42%,
      rgba(255,255,255,0.02) 72%,
      rgba(255,255,255,0.00) 100%) !important;
}

body.chooser-light-theme .kp-chooser-left::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: -110px !important;
  width: 180px !important;
  height: 100% !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0.22) 0%,
      rgba(255,255,255,0.14) 26%,
      rgba(255,255,255,0.07) 52%,
      rgba(255,255,255,0.02) 78%,
      rgba(255,255,255,0.00) 100%) !important;
  filter: blur(26px) !important;
}

body.chooser-light-theme .kp-chooser-right {
  margin-left: -72px !important;
  background: transparent !important;
}

body.chooser-light-theme .kp-stage {
  background: #eef2f7 !important;
}

body.chooser-light-theme .kp-stage-overlay {
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0.10) 0%,
      rgba(255,255,255,0.07) 6%,
      rgba(255,255,255,0.04) 12%,
      rgba(255,255,255,0.02) 18%,
      rgba(255,255,255,0.00) 26%),
    linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,.04) 100%) !important;
}
/* CHOOSER_WHITE_THEME_FIX_END */\n\n\n\n\n/* MOBILE_POLISH_START */
@media (max-width: 980px) {
  .kp-chooser-screen {
    grid-template-columns: 1fr !important;
    min-height: 100vh !important;
    background: #f4f6f8 !important;
  }

  .kp-chooser-right {
    display: none !important;
    margin-left: 0 !important;
  }

  .kp-stage,
  .kp-stage-overlay,
  .kp-chooser-left::before,
  .kp-chooser-left::after {
    display: none !important;
  }

  .kp-chooser-left,
  body.chooser-light-theme .kp-chooser-left {
    min-height: 100vh !important;
    padding: 22px 20px 34px !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .kp-chooser-brand {
    font-size: 18px !important;
    margin-bottom: 26px !important;
  }

  .kp-chooser-title {
    font-size: 20px !important;
    margin-bottom: 18px !important;
  }

  .kp-chooser-list {
    gap: 18px !important;
  }

  .kp-profile-card {
    grid-template-columns: 82px minmax(0,1fr) !important;
    gap: 14px !important;
    align-items: center !important;
  }

  .kp-profile-avatar-wrap {
    width: 82px !important;
    height: 82px !important;
  }

  .kp-profile-name {
    font-size: 17px !important;
    line-height: 1.15 !important;
  }

  .kp-profile-status {
    font-size: 13px !important;
    margin-top: 6px !important;
    line-height: 1.3 !important;
  }

  body.archive-toolbar-mode .topbar {
    padding: 14px 14px 12px !important;
    align-items: stretch !important;
  }

  .archive-topbar-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .topbar-search {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .topbar-section-select {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    width: 100% !important;
    flex: none !important;
  }

  .topbar-create-btn {
    order: initial !important;
    width: 100% !important;
    justify-content: center !important;
  }

  #openAdminBtn,
  #openProfileBtn {
    width: 100% !important;
    justify-content: center !important;
  }

  .page-shell {
    padding: 18px 14px 28px !important;
  }

  .section-head {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: end !important;
    gap: 10px !important;
  }

  .section-title {
    font-size: 30px !important;
    line-height: 1.05 !important;
  }

  .items-counter {
    font-size: 13px !important;
    white-space: nowrap !important;
    align-self: center !important;
  }

  .search-wrap,
  .select-wrap,
  .btn,
  .btn-soft,
  .btn-accent {
    min-height: 52px !important;
  }
}

@media (max-width: 640px) {
  .kp-chooser-left,
  body.chooser-light-theme .kp-chooser-left {
    padding: 20px 16px 28px !important;
  }

  .kp-profile-card {
    grid-template-columns: 72px minmax(0,1fr) !important;
    gap: 12px !important;
  }

  .kp-profile-avatar-wrap {
    width: 72px !important;
    height: 72px !important;
  }

  .kp-profile-name {
    font-size: 15px !important;
  }

  .kp-profile-status {
    font-size: 12px !important;
  }

  .archive-topbar-actions {
    grid-template-columns: 1fr 1fr !important;
  }

  .topbar-create-btn {
    grid-column: 1 / 2 !important;
  }

  #openAdminBtn {
    grid-column: 2 / 3 !important;
  }

  #openProfileBtn {
    grid-column: 1 / -1 !important;
  }

  .section-title {
    font-size: 26px !important;
  }

  .page-shell {
    padding: 16px 14px 24px !important;
  }
}
/* MOBILE_POLISH_END */\n

/* MOBILE_TOPBAR_REWORK_START */
@media (max-width: 640px) {
  body.archive-toolbar-mode .topbar {
    padding: 12px 12px 10px !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
  }

  .archive-topbar-actions {
    display: grid !important;
    grid-template-columns: 52px 1fr auto !important;
    grid-template-areas:
      "admin profile create"
      "search search search"
      "section section section" !important;
    gap: 10px !important;
    align-items: center !important;
  }

  #openAdminBtn {
    grid-area: admin !important;
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    padding: 0 !important;
    justify-content: center !important;
    border-radius: 999px !important;
  }

  #openProfileBtn {
    grid-area: profile !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    padding: 0 16px !important;
    justify-content: center !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
  }

  .topbar-create-btn {
    grid-area: create !important;
    width: auto !important;
    min-width: 132px !important;
    height: 52px !important;
    padding: 0 18px !important;
    justify-content: center !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
  }

  .topbar-search {
    grid-area: search !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .topbar-search input {
    font-size: 15px !important;
  }

  .topbar-section-select {
    grid-area: section !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .topbar-section-select select {
    font-size: 15px !important;
  }

  .topbar-search,
  .topbar-section-select {
    height: 52px !important;
  }

  .page-shell {
    padding-top: 16px !important;
  }
}
/* MOBILE_TOPBAR_REWORK_END */\n\n\n\n/* LIGHT_GRADIENT_FIX_START */

/* полностью отключаем тёмные оверлеи в светлой теме */
body.chooser-light-theme .kp-stage-overlay,
body.chooser-light-theme .kp-chooser-left::before,
body.chooser-light-theme .kp-chooser-left::after {
  display: none !important;
}

/* чистый белый градиент вместо грязного */
body.chooser-light-theme .kp-chooser-screen::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;

  background:
    linear-gradient(
      to right,
      rgba(255,255,255,0.96) 0%,
      rgba(255,255,255,0.92) 18%,
      rgba(255,255,255,0.70) 34%,
      rgba(255,255,255,0.35) 48%,
      rgba(255,255,255,0.0) 58%
    );
}

/* убираем возможный мусорный фон снизу */
body.chooser-light-theme .kp-chooser-screen {
  background: #ffffff !important;
}

/* чтобы левый блок не давал грязь */
body.chooser-light-theme .kp-chooser-left {
  background: transparent !important;
}

/* страховка от любых нижних затемнений */
body.chooser-light-theme .kp-stage::after {
  display: none !important;
}

/* LIGHT_GRADIENT_FIX_END */\n\n\n/* MOBILE_TOPBAR_ICON_ROW_START */
@media (max-width: 640px) {
  body.archive-toolbar-mode .topbar {
    padding: 12px !important;
  }

  .archive-topbar-actions {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 52px 52px 52px !important;
    grid-template-areas: "search section create profile" !important;
    gap: 8px !important;
    align-items: center !important;
  }

  #openAdminBtn {
    display: none !important;
  }

  .topbar-search {
    grid-area: search !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 52px !important;
  }

  .topbar-search input {
    font-size: 15px !important;
    padding-right: 10px !important;
  }

  .topbar-section-select {
    grid-area: section !important;
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    position: relative !important;
    flex: none !important;
    padding: 0 !important;
  }

  .topbar-section-select .material-symbols-rounded {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 22px !important;
    pointer-events: none !important;
  }

  .topbar-section-select::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: transparent !important;
    pointer-events: none !important;
  }

  .topbar-section-select[data-section-icon="category"] .material-symbols-rounded::before {
    content: "";
  }

  .topbar-section-select select {
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    padding: 0 !important;
  }

  .topbar-section-select[data-section-icon="category"] .material-symbols-rounded {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24 !important;
  }

  .topbar-section-select[data-section-icon="checkroom"] .material-symbols-rounded::after,
  .topbar-section-select[data-section-icon="theater_comedy"] .material-symbols-rounded::after,
  .topbar-section-select[data-section-icon="category"] .material-symbols-rounded::after {
    content: none !important;
  }

  .topbar-section-select[data-section-icon="category"] .material-symbols-rounded {
    font-family: 'Material Symbols Rounded' !important;
  }

  .topbar-section-select[data-section-icon="checkroom"] .material-symbols-rounded {
    font-family: 'Material Symbols Rounded' !important;
  }

  .topbar-section-select[data-section-icon="theater_comedy"] .material-symbols-rounded {
    font-family: 'Material Symbols Rounded' !important;
  }

  .topbar-section-select[data-section-icon="category"] .material-symbols-rounded {
    speak: none !important;
  }

  .topbar-section-select[data-section-icon="category"] .material-symbols-rounded,
  .topbar-section-select[data-section-icon="checkroom"] .material-symbols-rounded,
  .topbar-section-select[data-section-icon="theater_comedy"] .material-symbols-rounded {
    display: inline-flex !important;
  }

  .topbar-section-select[data-section-icon="category"] .material-symbols-rounded {
    color: transparent !important;
  }

  .topbar-section-select[data-section-icon="checkroom"] .material-symbols-rounded {
    color: transparent !important;
  }

  .topbar-section-select[data-section-icon="theater_comedy"] .material-symbols-rounded {
    color: transparent !important;
  }

  .topbar-section-select[data-section-icon="category"] .material-symbols-rounded::before {
    font-family: 'Material Symbols Rounded' !important;
    content: "category" !important;
    color: #111827 !important;
  }

  .topbar-section-select[data-section-icon="checkroom"] .material-symbols-rounded::before {
    font-family: 'Material Symbols Rounded' !important;
    content: "checkroom" !important;
    color: #111827 !important;
  }

  .topbar-section-select[data-section-icon="theater_comedy"] .material-symbols-rounded::before {
    font-family: 'Material Symbols Rounded' !important;
    content: "theater_comedy" !important;
    color: #111827 !important;
  }

  .topbar-create-btn {
    grid-area: create !important;
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    justify-content: center !important;
  }

  .topbar-create-btn span:last-child {
    display: none !important;
  }

  #openProfileBtn {
    grid-area: profile !important;
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  #openProfileBtn.mobile-avatar-only {
    background: #fff !important;
    border: 1px solid rgba(15,23,42,.08) !important;
  }

  #openProfileBtn.mobile-avatar-only span {
    display: none !important;
  }

  .mobile-profile-avatar {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 999px !important;
  }

  .page-shell {
    padding-top: 16px !important;
  }
}
/* MOBILE_TOPBAR_ICON_ROW_END */\n\n\n/* MOBILE_TOPBAR_FINAL_FIX_START */
@media (max-width: 640px) {

  body.archive-toolbar-mode .topbar {
    padding: 10px 10px 8px !important;
  }

  /* полностью сбрасываем старые стили */
  .archive-topbar-actions {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
  }

  /* ПОИСК - главный элемент */
  .topbar-search {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 48px !important;
    margin: 0 !important;
  }

  .topbar-search input {
    height: 48px !important;
    font-size: 14px !important;
  }

  /* ФИЛЬТР - круглая кнопка */
  .topbar-section-select {
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
  }

  .topbar-section-select select {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    cursor: pointer !important;
  }

  .topbar-section-select .material-symbols-rounded {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
  }

  /* СОЗДАТЬ */
  .topbar-create-btn {
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    justify-content: center !important;
  }

  .topbar-create-btn span:last-child {
    display: none !important;
  }

  /* ПРОФИЛЬ */
  #openProfileBtn {
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    justify-content: center !important;
  }

  #openProfileBtn span {
    display: none !important;
  }

  .mobile-profile-avatar {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* убираем лишнее */
  #openAdminBtn {
    display: none !important;
  }

  /* фикс от наложений */
  .topbar-search,
  .topbar-section-select,
  .topbar-create-btn,
  #openProfileBtn {
    position: relative !important;
    z-index: 2 !important;
  }

}
/* MOBILE_TOPBAR_FINAL_FIX_END */\n

/* PROFILE_AVATAR_BUTTON_FIX_START */
#openProfileBtn {
  position: relative !important;
  overflow: hidden !important;
}

#openProfileBtn.mobile-avatar-only {
  padding: 0 !important;
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

#openProfileBtn.mobile-avatar-only .mobile-profile-avatar {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 999px !important;
  flex: 0 0 52px !important;
}

@media (max-width: 640px) {
  #openProfileBtn,
  #openProfileBtn.mobile-avatar-only {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    overflow: hidden !important;
  }

  #openProfileBtn.mobile-avatar-only .mobile-profile-avatar {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    border-radius: 999px !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}
/* PROFILE_AVATAR_BUTTON_FIX_END */\n\n/* MOBILE_TOPBAR_ROW_EXACT_START */
@media (max-width: 640px) {
  body.archive-toolbar-mode .topbar {
    padding: 10px 12px 8px !important;
  }

  .archive-topbar-actions {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 48px 48px 48px !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
  }

  #openAdminBtn {
    display: none !important;
  }

  .topbar-search {
    grid-column: 1 / 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 48px !important;
    margin: 0 !important;
    flex: none !important;
  }

  .topbar-search input {
    height: 48px !important;
    font-size: 14px !important;
    padding-right: 12px !important;
  }

  .topbar-section-select {
    grid-column: 2 / 3 !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    position: relative !important;
    flex: none !important;
  }

  .topbar-section-select .material-symbols-rounded {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    pointer-events: none !important;
  }

  .topbar-section-select select {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    padding: 0 !important;
    z-index: 2 !important;
  }

  .topbar-create-btn {
    grid-column: 3 / 4 !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    justify-content: center !important;
    overflow: hidden !important;
    flex: none !important;
  }

  .topbar-create-btn span:last-child {
    display: none !important;
  }

  #openProfileBtn,
  #openProfileBtn.mobile-avatar-only {
    grid-column: 4 / 5 !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    justify-content: center !important;
    overflow: hidden !important;
    flex: none !important;
  }

  #openProfileBtn span {
    display: none !important;
  }

  #openProfileBtn .mobile-profile-avatar {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 999px !important;
  }

  .page-shell {
    padding-top: 16px !important;
  }
}
/* MOBILE_TOPBAR_ROW_EXACT_END */\n\n\n/* MOBILE_TOPBAR_SEARCH_INLINE_FILTER_START */
@media (max-width: 640px) {
  body.archive-toolbar-mode .topbar {
    padding: 10px 12px 8px !important;
  }

  .archive-topbar-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 48px 48px !important;
    gap: 8px !important;
    align-items: center !important;
    width: 100% !important;
    position: relative !important;
  }

  #openAdminBtn {
    display: none !important;
  }

  .topbar-search {
    grid-column: 1 / 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    flex: none !important;
    position: relative !important;
    z-index: 1 !important;
  }

  .topbar-search input {
    height: 48px !important;
    font-size: 14px !important;
    padding-right: 60px !important;
  }

  .topbar-section-select {
    position: absolute !important;
    top: 0 !important;
    right: 104px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    border: 0 !important;
    background: transparent !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 3 !important;
    box-shadow: none !important;
  }

  .topbar-section-select .material-symbols-rounded {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    pointer-events: none !important;
    z-index: 2 !important;
    background: transparent !important;
  }

  .topbar-section-select select {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 3 !important;
  }

  .topbar-create-btn {
    grid-column: 2 / 3 !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    justify-content: center !important;
    overflow: hidden !important;
    flex: none !important;
  }

  .topbar-create-btn span:last-child {
    display: none !important;
  }

  #openProfileBtn,
  #openProfileBtn.mobile-avatar-only {
    grid-column: 3 / 4 !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    justify-content: center !important;
    overflow: hidden !important;
    flex: none !important;
  }

  #openProfileBtn span {
    display: none !important;
  }

  #openProfileBtn .mobile-profile-avatar {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 999px !important;
  }

  .page-shell {
    padding-top: 16px !important;
  }
}
/* MOBILE_TOPBAR_SEARCH_INLINE_FILTER_END */\n\n\n/* MOBILE_TOPBAR_ONE_ROW_FINAL_START */
@media (max-width: 640px) {
  body.archive-toolbar-mode .topbar {
    padding: 10px 12px 8px !important;
  }

  .topbar-spacer {
    display: none !important;
  }

  .archive-topbar-actions {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 48px 48px !important;
    gap: 8px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
  }

  #openAdminBtn {
    display: none !important;
  }

  .topbar-search {
    grid-column: 1 / 2 !important;
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 48px !important;
    margin: 0 !important;
    flex: none !important;
  }

  .topbar-search input {
    width: 100% !important;
    height: 48px !important;
    font-size: 14px !important;
    padding-right: 58px !important;
  }

  .topbar-section-select {
    position: absolute !important;
    top: 0 !important;
    right: 112px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    z-index: 5 !important;
    flex: none !important;
  }

  .topbar-section-select::before,
  .topbar-section-select::after {
    box-shadow: none !important;
  }

  .topbar-section-select .material-symbols-rounded {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    pointer-events: none !important;
    z-index: 2 !important;
    background: transparent !important;
  }

  .topbar-section-select select {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 3 !important;
  }

  .topbar-create-btn {
    grid-column: 2 / 3 !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    justify-content: center !important;
    overflow: hidden !important;
    flex: none !important;
  }

  .topbar-create-btn span:last-child {
    display: none !important;
  }

  #openProfileBtn,
  #openProfileBtn.mobile-avatar-only {
    grid-column: 3 / 4 !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    justify-content: center !important;
    overflow: hidden !important;
    flex: none !important;
  }

  #openProfileBtn span {
    display: none !important;
  }

  #openProfileBtn .mobile-profile-avatar {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 999px !important;
  }

  .page-shell {
    padding-top: 16px !important;
  }
}
/* MOBILE_TOPBAR_ONE_ROW_FINAL_END */\n\n\n/* MOBILE_TOPBAR_INLINE_SEARCH_FINAL_START */
@media (max-width: 700px) {
  body.archive-toolbar-mode .topbar {
    padding: 10px 12px 8px !important;
  }

  .archive-topbar-actions {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 48px 48px !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    position: relative !important;
    flex-wrap: nowrap !important;
  }

  #openAdminBtn {
    display: none !important;
  }

  .topbar-search {
    grid-column: 1 / 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    position: relative !important;
    height: 48px !important;
    flex: none !important;
  }

  .topbar-search input {
    width: 100% !important;
    height: 48px !important;
    font-size: 14px !important;
    padding-right: 58px !important;
  }

  .topbar-search .material-symbols-rounded {
    z-index: 2 !important;
  }

  .topbar-section-select {
    position: absolute !important;
    top: 0 !important;
    right: 112px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    z-index: 5 !important;
  }

  .topbar-section-select select {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 3 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .topbar-section-select .material-symbols-rounded {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    pointer-events: none !important;
    background: transparent !important;
    color: transparent !important;
    z-index: 2 !important;
  }

  .topbar-section-select[data-section-icon="category"] .material-symbols-rounded::before {
    content: "category" !important;
    font-family: 'Material Symbols Rounded' !important;
    color: #111827 !important;
  }

  .topbar-section-select[data-section-icon="checkroom"] .material-symbols-rounded::before {
    content: "checkroom" !important;
    font-family: 'Material Symbols Rounded' !important;
    color: #111827 !important;
  }

  .topbar-section-select[data-section-icon="theater_comedy"] .material-symbols-rounded::before {
    content: "theater_comedy" !important;
    font-family: 'Material Symbols Rounded' !important;
    color: #111827 !important;
  }

  .topbar-create-btn {
    grid-column: 2 / 3 !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    justify-content: center !important;
    overflow: hidden !important;
    flex: none !important;
  }

  .topbar-create-btn span:last-child {
    display: none !important;
  }

  #openProfileBtn,
  #openProfileBtn.mobile-avatar-only {
    grid-column: 3 / 4 !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    justify-content: center !important;
    overflow: hidden !important;
    flex: none !important;
  }

  #openProfileBtn span {
    display: none !important;
  }

  #openProfileBtn .mobile-profile-avatar {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 999px !important;
  }
}
/* MOBILE_TOPBAR_INLINE_SEARCH_FINAL_END */\n\n\n/* MOBILE_TOPBAR_HARD_FIX_START */
@media (max-width: 700px) {
  body.archive-toolbar-mode .topbar {
    padding: 10px 12px 8px !important;
  }

  .archive-topbar-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
    position: relative !important;
  }

  #openAdminBtn {
    display: none !important;
  }

  .topbar-search {
    position: relative !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    margin: 0 !important;
    height: 48px !important;
  }

  .topbar-search input {
    width: 100% !important;
    height: 48px !important;
    font-size: 14px !important;
    padding-right: 56px !important;
  }

  .topbar-section-select {
    position: absolute !important;
    top: 0 !important;
    right: 112px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    z-index: 20 !important;
    flex: none !important;
  }

  .topbar-section-select select {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 3 !important;
  }

  .topbar-section-select .material-symbols-rounded {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    pointer-events: none !important;
    z-index: 2 !important;
    background: transparent !important;
  }

  .topbar-create-btn {
    flex: 0 0 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  .topbar-create-btn span:last-child {
    display: none !important;
  }

  #openProfileBtn,
  #openProfileBtn.mobile-avatar-only {
    flex: 0 0 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  #openProfileBtn span {
    display: none !important;
  }

  #openProfileBtn .mobile-profile-avatar {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 999px !important;
  }

  .page-shell {
    padding-top: 16px !important;
  }
}
/* MOBILE_TOPBAR_HARD_FIX_END */\n\n\n/* MOBILE_TOPBAR_TRUE_FINAL_START */
@media (max-width: 700px) {
  body.archive-toolbar-mode .topbar {
    padding: 10px 12px 8px !important;
  }

  body.archive-toolbar-mode .archive-topbar-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
    position: relative !important;
  }

  body.archive-toolbar-mode #openAdminBtn {
    display: none !important;
  }

  body.archive-toolbar-mode .topbar-search {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    position: relative !important;
    height: 48px !important;
  }

  body.archive-toolbar-mode .topbar-search input {
    width: 100% !important;
    height: 48px !important;
    font-size: 14px !important;
    padding-right: 56px !important;
  }

  body.archive-toolbar-mode .topbar-section-select {
    position: absolute !important;
    top: 0 !important;
    right: 112px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    z-index: 30 !important;
    flex: none !important;
  }

  body.archive-toolbar-mode .topbar-section-select select {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 3 !important;
  }

  body.archive-toolbar-mode .topbar-section-select .material-symbols-rounded {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    pointer-events: none !important;
    z-index: 2 !important;
    background: transparent !important;
  }

  body.archive-toolbar-mode .topbar-create-btn {
    flex: 0 0 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  body.archive-toolbar-mode .topbar-create-btn span:last-child {
    display: none !important;
  }

  body.archive-toolbar-mode #openProfileBtn,
  body.archive-toolbar-mode #openProfileBtn.mobile-avatar-only {
    flex: 0 0 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  body.archive-toolbar-mode #openProfileBtn span {
    display: none !important;
  }

  body.archive-toolbar-mode #openProfileBtn .mobile-profile-avatar {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 999px !important;
  }

  body.archive-toolbar-mode .page-shell {
    padding-top: 16px !important;
  }
}
/* MOBILE_TOPBAR_TRUE_FINAL_END */\n

/* ARCHIVE_MOBILE_POLISH_START */
.topbar-search-shell {
  position: relative;
  flex: 1;
  min-width: 280px;
}

.topbar-search {
  width: 100%;
}

.topbar-section-select {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  height: 38px;
  min-width: 38px;
  padding: 0 10px;
  gap: 6px;
  border-color: transparent;
  background: rgba(243,246,249,.96);
  box-shadow: 0 4px 14px rgba(17,18,20,.06);
  z-index: 2;
}

.topbar-section-select select {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.topbar-search input {
  padding-right: 60px;
}

.topbar-create-btn,
#openProfileBtn {
  flex: 0 0 auto;
}

.item-top-actions {
  align-items: center;
}

.item-top-btn {
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.modal-card,
.sheet,
.card,
.btn,
.icon-btn,
.thumb-btn,
.topbar-section-select,
.topbar-create-btn,
#openProfileBtn {
  transition: transform .18s ease, box-shadow .22s ease, opacity .22s ease, background-color .22s ease;
}

.modal-card {
  animation: modalIn .22s ease;
}

.card {
  animation: cardIn .22s ease;
}

.pressing {
  transform: scale(.98);
}

.swipe-back-hint #itemView .sheet {
  transform: translateX(14px);
}

.modal-card-locked {
  animation: modalIn .22s ease, modalPulse 1.6s ease infinite;
}

.fullscreen-viewer {
  --viewer-shift: 0px;
}

.fullscreen-viewer img {
  transform: translateY(var(--viewer-shift));
  transition: transform .18s ease;
}

.fullscreen-viewer.viewer-dragging img {
  transition: none;
}

@keyframes modalIn {
  from { opacity: 0; transform: translateY(14px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes cardIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes modalPulse {
  0%, 100% { box-shadow: 0 30px 80px rgba(17,18,20,.14); }
  50% { box-shadow: 0 34px 90px rgba(17,18,20,.2); }
}

@media (max-width: 720px) {
  .archive-topbar-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 46px 46px;
    gap: 10px;
    align-items: center;
    width: 100%;
  }

  .topbar-spacer {
    display: none;
  }

  .topbar-search-shell {
    min-width: 0;
  }

  .topbar-search {
    min-width: 0;
    height: 46px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .topbar-search input {
    min-width: 0;
    font-size: 15px;
  }

  .topbar-section-select {
    right: 4px;
    height: 34px;
    min-width: 34px;
    padding: 0 8px;
    border-radius: 999px;
  }

  .topbar-create-btn,
  #openProfileBtn {
    width: 46px;
    min-width: 46px;
    height: 46px;
    padding: 0;
    border-radius: 999px;
  }

  .topbar-create-btn span:last-child,
  #openProfileBtn span:last-child,
  .item-top-btn span:last-child {
    display: none;
  }

  #openAdminBtn {
    display: none !important;
  }

  #itemView .sheet-head {
    align-items: flex-start;
  }

  .item-top-actions {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  .item-top-btn {
    width: 44px;
    min-width: 44px;
    padding: 0;
  }

  .item-top-btn .material-symbols-rounded {
    margin: 0;
  }
}
/* ARCHIVE_MOBILE_POLISH_END */


/* ARCHIVE_TOPBAR_FIX_START */
.topbar {
  gap: 12px;
}

.topbar-spacer {
  display: none;
}

.archive-topbar-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
  width: 100%;
  min-width: 0;
}

.topbar-search-shell {
  position: relative;
  flex: 0 1 380px;
  min-width: 220px;
  max-width: 380px;
}

.topbar-search {
  width: 100%;
  min-width: 0;
  padding-right: 58px;
}

.topbar-search input {
  min-width: 0;
}

.topbar-section-select {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  z-index: 2;
}

.topbar-section-select .topbar-section-icon {
  font-size: 22px;
  color: var(--muted);
  pointer-events: none;
}

.topbar-section-select select {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.topbar-create-btn {
  flex: 0 0 auto;
  white-space: nowrap;
}

#openProfileBtn {
  flex: 0 0 auto;
  width: 44px;
  min-width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 999px;
}

#openProfileBtn span:last-child {
  display: none;
}

#openProfileBtn .material-symbols-rounded {
  margin: 0;
}

#openProfileBtn.mobile-avatar-only {
  overflow: hidden;
}

.mobile-profile-avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#openAdminBtn {
  display: none !important;
}

@media (max-width: 720px) {
  .topbar {
    padding: 14px;
  }

  .archive-topbar-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 46px 46px;
    gap: 10px;
    align-items: center;
  }

  .topbar-search-shell {
    min-width: 0;
    max-width: none;
    width: 100%;
  }

  .topbar-search {
    height: 46px;
    min-width: 0;
  }

  .topbar-search input {
    font-size: 15px;
  }

  .topbar-section-select {
    width: 36px;
    min-width: 36px;
    height: 36px;
    right: 5px;
  }

  .topbar-create-btn,
  #openProfileBtn {
    width: 46px;
    min-width: 46px;
    height: 46px;
    padding: 0;
  }

  .topbar-create-btn span:last-child {
    display: none;
  }

  .topbar-create-btn .material-symbols-rounded {
    margin: 0;
  }
}
/* ARCHIVE_TOPBAR_FIX_END */


/* ARCHIVE_TOPBAR_TUNE_2_START */
.archive-topbar-actions {
  align-items: center !important;
}

.topbar-search-shell {
  flex: 0 1 560px !important;
  max-width: 560px !important;
  min-width: 260px !important;
}

.topbar-search {
  width: 100% !important;
}

.topbar-search input {
  width: 100% !important;
}

@media (min-width: 721px) {
  .topbar-search-shell {
    flex-basis: 560px !important;
    max-width: 560px !important;
  }
}

@media (max-width: 720px) {
  .archive-topbar-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 46px 46px !important;
    grid-template-areas: "search create profile" !important;
    gap: 10px !important;
    width: 100% !important;
    align-items: center !important;
  }

  .topbar-search-shell {
    grid-area: search !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
  }

  .topbar-create-btn {
    grid-area: create !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    display: inline-flex !important;
    align-self: center !important;
  }

  #openProfileBtn {
    grid-area: profile !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    display: inline-flex !important;
    align-self: center !important;
  }

  .topbar-create-btn .material-symbols-rounded,
  #openProfileBtn .material-symbols-rounded {
    margin: 0 !important;
  }

  .topbar-create-btn span:last-child,
  #openProfileBtn span:last-child {
    display: none !important;
  }

  .topbar-search {
    min-width: 0 !important;
    width: 100% !important;
    height: 46px !important;
    padding-right: 52px !important;
  }

  .topbar-search input {
    min-width: 0 !important;
    width: 100% !important;
    font-size: 15px !important;
  }

  .topbar-section-select {
    right: 6px !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
  }

  .toolbar,
  .list-toolbar,
  .section-toolbar,
  .mobile-section-filter,
  .archive-mobile-filter,
  .section-select-row,
  .catalog-toolbar,
  .filters-row {
    display: none !important;
  }

  label[for="sectionSelect"],
  .section-picker,
  .section-inline-filter {
    display: none !important;
  }

  #sectionSelect,
  #sectionFilter,
  #mobileSectionFilter {
    display: none !important;
  }
}
/* ARCHIVE_TOPBAR_TUNE_2_END */


/* ARCHIVE_PHONE_FINAL_FIX_START */

/* Полностью скрыть старый нижний фильтр */
#archiveView > .toolbar-line,
#archiveView .toolbar-line.archive-toolbar-hidden,
#archiveView #sectionTabs,
#archiveView .archive-hidden-control,
#archiveView #statusFilter {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Компьютер - сделать поиск шире */
@media (min-width: 721px) {
  body.archive-toolbar-mode .archive-topbar-actions {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
  }

  body.archive-toolbar-mode .topbar-search-shell {
    flex: 0 1 640px !important;
    max-width: 640px !important;
    min-width: 420px !important;
    width: 640px !important;
  }

  body.archive-toolbar-mode .topbar-search {
    width: 100% !important;
  }
}

/* Телефон - строго один ряд */
@media (max-width: 720px) {
  body.archive-toolbar-mode .archive-topbar-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 46px 46px !important;
    grid-template-areas: "search create profile" !important;
    gap: 10px !important;
    align-items: center !important;
    justify-content: stretch !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
  }

  body.archive-toolbar-mode .topbar-search-shell {
    grid-area: search !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
  }

  body.archive-toolbar-mode .topbar-search {
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    padding-right: 52px !important;
  }

  body.archive-toolbar-mode .topbar-search input {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.archive-toolbar-mode .topbar-section-select {
    position: absolute !important;
    top: 50% !important;
    right: 6px !important;
    transform: translateY(-50%) !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    z-index: 3 !important;
  }

  body.archive-toolbar-mode .topbar-create-btn {
    grid-area: create !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
  }

  body.archive-toolbar-mode #openProfileBtn,
  body.archive-toolbar-mode #openProfileBtn.mobile-avatar-only {
    grid-area: profile !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    overflow: hidden !important;
  }

  body.archive-toolbar-mode .topbar-create-btn span:last-child,
  body.archive-toolbar-mode #openProfileBtn span:last-child {
    display: none !important;
  }

  body.archive-toolbar-mode #openAdminBtn {
    display: none !important;
  }
}

/* Убрать старые правила, из-за которых элементы переносились */
@media (max-width: 980px) {
  body.archive-toolbar-mode .archive-topbar-actions {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
  }

  body.archive-toolbar-mode .topbar-search {
    order: initial !important;
    width: auto !important;
    flex: none !important;
  }

  body.archive-toolbar-mode .topbar-section-select {
    order: initial !important;
    width: auto !important;
    flex: none !important;
  }

  body.archive-toolbar-mode .topbar-create-btn {
    order: initial !important;
  }
}

/* ARCHIVE_PHONE_FINAL_FIX_END */


/* ARCHIVE_DESKTOP_FULLWIDTH_TOPBAR_START */
@media (min-width: 721px) {
  body.archive-toolbar-mode .topbar {
    width: 100% !important;
  }

  body.archive-toolbar-mode .archive-topbar-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
  }

  body.archive-toolbar-mode .topbar-search-shell {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 320px !important;
    max-width: none !important;
  }

  body.archive-toolbar-mode .topbar-search {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.archive-toolbar-mode .topbar-search input {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.archive-toolbar-mode .topbar-create-btn,
  body.archive-toolbar-mode #openProfileBtn,
  body.archive-toolbar-mode #openAdminBtn {
    flex: 0 0 auto !important;
  }
}
/* ARCHIVE_DESKTOP_FULLWIDTH_TOPBAR_END */


/* CHOOSER_KINO_FINAL_START */
body.chooser-fullscreen-active,
body.chooser-fullscreen-active .app-shell,
body.chooser-fullscreen-active main,
body.chooser-fullscreen-active .page-shell,
body.chooser-fullscreen-active .layout-shell,
body.chooser-fullscreen-active .content-shell {
  background: #000 !important;
}

body.chooser-fullscreen-active {
  color: #fff !important;
}

body.chooser-fullscreen-active.chooser-light-theme {
  background: #000 !important;
}

body.chooser-fullscreen-active .kp-chooser-screen,
body.chooser-light-theme .kp-chooser-screen {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 420px minmax(0, 1fr) !important;
  min-height: 100vh !important;
  background: #000 !important;
  overflow: hidden !important;
}

body.chooser-fullscreen-active .kp-chooser-left,
body.chooser-light-theme .kp-chooser-left {
  position: relative !important;
  z-index: 5 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  min-height: 100vh !important;
  padding: 30px 26px 34px 26px !important;
  background:
    linear-gradient(90deg,
      rgba(0,0,0,0.96) 0%,
      rgba(0,0,0,0.96) 58%,
      rgba(0,0,0,0.90) 74%,
      rgba(0,0,0,0.72) 86%,
      rgba(0,0,0,0.38) 94%,
      rgba(0,0,0,0.00) 100%) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

body.chooser-fullscreen-active .kp-chooser-left::before,
body.chooser-fullscreen-active .kp-chooser-left::after,
body.chooser-light-theme .kp-chooser-left::before,
body.chooser-light-theme .kp-chooser-left::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
}

body.chooser-fullscreen-active .kp-chooser-left::before,
body.chooser-light-theme .kp-chooser-left::before {
  background:
    linear-gradient(90deg,
      rgba(0,0,0,0.10) 0%,
      rgba(0,0,0,0.06) 58%,
      rgba(0,0,0,0.02) 84%,
      rgba(0,0,0,0.00) 100%) !important;
}

body.chooser-fullscreen-active .kp-chooser-left::after,
body.chooser-light-theme .kp-chooser-left::after {
  inset: auto !important;
  top: 0 !important;
  right: -150px !important;
  width: 240px !important;
  height: 100% !important;
  background:
    linear-gradient(90deg,
      rgba(0,0,0,0.56) 0%,
      rgba(0,0,0,0.32) 38%,
      rgba(0,0,0,0.14) 68%,
      rgba(0,0,0,0.04) 86%,
      rgba(0,0,0,0.00) 100%) !important;
  filter: blur(28px) !important;
}

body.chooser-fullscreen-active .kp-chooser-brand,
body.chooser-light-theme .kp-chooser-brand {
  position: relative !important;
  z-index: 6 !important;
  margin: 0 0 44px 0 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
  color: #fff !important;
  text-transform: uppercase !important;
}

body.chooser-fullscreen-active .kp-chooser-title,
body.chooser-light-theme .kp-chooser-title {
  position: relative !important;
  z-index: 6 !important;
  margin: 0 0 26px 0 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: rgba(255,255,255,0.72) !important;
}

body.chooser-fullscreen-active .kp-chooser-list,
body.chooser-light-theme .kp-chooser-list {
  position: relative !important;
  z-index: 6 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: 330px !important;
}

body.chooser-fullscreen-active .kp-profile-card,
body.chooser-light-theme .kp-profile-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 88px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 16px !important;
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
  cursor: pointer !important;
  transform: none !important;
  transition: transform .18s ease, opacity .18s ease !important;
}

body.chooser-fullscreen-active .kp-profile-card:hover,
body.chooser-fullscreen-active .kp-profile-card:focus-visible,
body.chooser-fullscreen-active .kp-profile-card.is-preview-active,
body.chooser-light-theme .kp-profile-card:hover,
body.chooser-light-theme .kp-profile-card:focus-visible,
body.chooser-light-theme .kp-profile-card.is-preview-active {
  transform: translateX(6px) !important;
}

body.chooser-fullscreen-active .kp-profile-avatar-wrap,
body.chooser-light-theme .kp-profile-avatar-wrap {
  position: relative !important;
  width: 88px !important;
  height: 88px !important;
  min-width: 88px !important;
  border-radius: 50% !important;
  padding: 4px !important;
  background: linear-gradient(135deg, #ff6b45 0%, #ff2da3 52%, #6a58ff 100%) !important;
  box-shadow: none !important;
}

body.chooser-fullscreen-active .kp-profile-avatar-wrap::after,
body.chooser-light-theme .kp-profile-avatar-wrap::after {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  border-radius: 50% !important;
  background: #000 !important;
  z-index: 0 !important;
}

body.chooser-fullscreen-active .kp-profile-avatar-img,
body.chooser-light-theme .kp-profile-avatar-img,
body.chooser-fullscreen-active .kp-profile-avatar-fallback,
body.chooser-light-theme .kp-profile-avatar-fallback {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

body.chooser-fullscreen-active .kp-profile-content,
body.chooser-light-theme .kp-profile-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
}

body.chooser-fullscreen-active .kp-profile-name,
body.chooser-light-theme .kp-profile-name {
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.03em !important;
  color: #fff !important;
  margin: 0 0 7px 0 !important;
}

body.chooser-fullscreen-active .kp-profile-status,
body.chooser-light-theme .kp-profile-status {
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: rgba(255,255,255,0.62) !important;
}

body.chooser-fullscreen-active .kp-profile-side,
body.chooser-light-theme .kp-profile-side {
  display: none !important;
}

body.chooser-fullscreen-active .kp-chooser-right,
body.chooser-light-theme .kp-chooser-right {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  background: #000 !important;
}

body.chooser-fullscreen-active .kp-stage,
body.chooser-light-theme .kp-stage {
  position: absolute !important;
  inset: 0 !important;
  background: #000 !important;
  overflow: hidden !important;
}

body.chooser-fullscreen-active .kp-stage-slide,
body.chooser-light-theme .kp-stage-slide {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 0 !important;
  transform: scale(1.02) !important;
  transition: opacity .45s ease, transform 6s ease !important;
  filter: saturate(.92) brightness(.78) contrast(1.02) !important;
}

body.chooser-fullscreen-active .kp-stage-slide.is-active,
body.chooser-light-theme .kp-stage-slide.is-active {
  opacity: 1 !important;
  transform: scale(1.0) !important;
}

body.chooser-fullscreen-active .kp-stage::after,
body.chooser-light-theme .kp-stage::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(90deg,
      rgba(0,0,0,0.28) 0%,
      rgba(0,0,0,0.10) 12%,
      rgba(0,0,0,0.02) 24%,
      rgba(0,0,0,0.00) 40%),
    linear-gradient(180deg,
      rgba(0,0,0,0.02) 0%,
      rgba(0,0,0,0.22) 100%) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

body.chooser-fullscreen-active .kp-stage-overlay,
body.chooser-light-theme .kp-stage-overlay {
  display: none !important;
}

@media (max-width: 980px) {
  body.chooser-fullscreen-active .kp-chooser-screen,
  body.chooser-light-theme .kp-chooser-screen {
    grid-template-columns: 1fr !important;
  }

  body.chooser-fullscreen-active .kp-chooser-right,
  body.chooser-light-theme .kp-chooser-right {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    z-index: 1 !important;
  }

  body.chooser-fullscreen-active .kp-chooser-left,
  body.chooser-light-theme .kp-chooser-left {
    z-index: 4 !important;
    width: 100% !important;
    max-width: none !important;
    padding: 26px 18px 30px 18px !important;
    background:
      linear-gradient(90deg,
        rgba(0,0,0,0.94) 0%,
        rgba(0,0,0,0.92) 42%,
        rgba(0,0,0,0.74) 62%,
        rgba(0,0,0,0.26) 82%,
        rgba(0,0,0,0.00) 100%) !important;
  }

  body.chooser-fullscreen-active .kp-chooser-left::after,
  body.chooser-light-theme .kp-chooser-left::after {
    display: none !important;
  }

  body.chooser-fullscreen-active .kp-chooser-brand,
  body.chooser-light-theme .kp-chooser-brand {
    margin-bottom: 40px !important;
    font-size: 22px !important;
  }

  body.chooser-fullscreen-active .kp-chooser-title,
  body.chooser-light-theme .kp-chooser-title {
    margin-bottom: 22px !important;
    font-size: 17px !important;
  }

  body.chooser-fullscreen-active .kp-chooser-list,
  body.chooser-light-theme .kp-chooser-list {
    max-width: 320px !important;
    gap: 16px !important;
  }

  body.chooser-fullscreen-active .kp-profile-card,
  body.chooser-light-theme .kp-profile-card {
    grid-template-columns: 74px minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body.chooser-fullscreen-active .kp-profile-avatar-wrap,
  body.chooser-light-theme .kp-profile-avatar-wrap {
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
  }

  body.chooser-fullscreen-active .kp-profile-name,
  body.chooser-light-theme .kp-profile-name {
    font-size: 18px !important;
  }

  body.chooser-fullscreen-active .kp-profile-status,
  body.chooser-light-theme .kp-profile-status {
    font-size: 12px !important;
  }

  body.chooser-fullscreen-active .kp-stage-slide,
  body.chooser-light-theme .kp-stage-slide {
    filter: saturate(.92) brightness(.52) contrast(1.04) !important;
    object-position: 68% center !important;
  }

  body.chooser-fullscreen-active .kp-stage::after,
  body.chooser-light-theme .kp-stage::after {
    background:
      linear-gradient(90deg,
        rgba(0,0,0,0.24) 0%,
        rgba(0,0,0,0.00) 36%,
        rgba(0,0,0,0.00) 100%),
      linear-gradient(180deg,
        rgba(0,0,0,0.18) 0%,
        rgba(0,0,0,0.42) 100%) !important;
  }
}
/* CHOOSER_KINO_FINAL_END */


/* CHOOSER_AUTO_SLIDE_ANIM_START */
body.chooser-fullscreen-active .kp-profile-card,
body.chooser-light-theme .kp-profile-card {
  transition: transform .22s ease, opacity .22s ease !important;
}

body.chooser-fullscreen-active .kp-profile-card.is-preview-active,
body.chooser-light-theme .kp-profile-card.is-preview-active {
  transform: translateX(6px) scale(1.015) !important;
}

body.chooser-fullscreen-active .kp-stage-slide,
body.chooser-light-theme .kp-stage-slide {
  opacity: 0 !important;
  transform: scale(1.045) !important;
  transition: opacity .55s ease, transform 5s ease !important;
  will-change: opacity, transform !important;
}

body.chooser-fullscreen-active .kp-stage-slide.is-active,
body.chooser-light-theme .kp-stage-slide.is-active {
  opacity: 1 !important;
  transform: scale(1.0) !important;
}
/* CHOOSER_AUTO_SLIDE_ANIM_END */


/* CHOOSER_PROFILE_SIZE_AND_FLASH_FIX_START */

/* Убираем черные вспышки при смене фона */
body.chooser-fullscreen-active .kp-stage,
body.chooser-light-theme .kp-stage {
  background: #050505 !important;
}

body.chooser-fullscreen-active .kp-stage-slide,
body.chooser-light-theme .kp-stage-slide {
  opacity: 0.001 !important;
  transform: scale(1.03) !important;
  transition:
    opacity .8s ease,
    transform 6s ease !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  will-change: opacity, transform !important;
}

body.chooser-fullscreen-active .kp-stage-slide.is-active,
body.chooser-light-theme .kp-stage-slide.is-active {
  opacity: 1 !important;
  transform: scale(1) !important;
}

body.chooser-fullscreen-active .kp-stage::after,
body.chooser-light-theme .kp-stage::after {
  z-index: 3 !important;
}

body.chooser-fullscreen-active .kp-chooser-left,
body.chooser-light-theme .kp-chooser-left {
  z-index: 6 !important;
}

/* Увеличиваем блоки профилей примерно в 2 раза */
body.chooser-fullscreen-active .kp-chooser-screen,
body.chooser-light-theme .kp-chooser-screen {
  grid-template-columns: 620px minmax(0, 1fr) !important;
}

body.chooser-fullscreen-active .kp-chooser-brand,
body.chooser-light-theme .kp-chooser-brand {
  font-size: 34px !important;
  margin-bottom: 64px !important;
}

body.chooser-fullscreen-active .kp-chooser-title,
body.chooser-light-theme .kp-chooser-title {
  font-size: 28px !important;
  margin-bottom: 34px !important;
}

body.chooser-fullscreen-active .kp-chooser-list,
body.chooser-light-theme .kp-chooser-list {
  max-width: 520px !important;
  gap: 28px !important;
}

body.chooser-fullscreen-active .kp-profile-card,
body.chooser-light-theme .kp-profile-card {
  grid-template-columns: 146px minmax(0, 1fr) !important;
  gap: 24px !important;
  min-height: 146px !important;
}

body.chooser-fullscreen-active .kp-profile-avatar-wrap,
body.chooser-light-theme .kp-profile-avatar-wrap {
  width: 146px !important;
  height: 146px !important;
  min-width: 146px !important;
  padding: 6px !important;
}

body.chooser-fullscreen-active .kp-profile-avatar-wrap::after,
body.chooser-light-theme .kp-profile-avatar-wrap::after {
  inset: 6px !important;
}

body.chooser-fullscreen-active .kp-profile-name,
body.chooser-light-theme .kp-profile-name {
  font-size: 42px !important;
  line-height: 1 !important;
  margin: 0 0 10px 0 !important;
}

body.chooser-fullscreen-active .kp-profile-status,
body.chooser-light-theme .kp-profile-status {
  font-size: 24px !important;
  line-height: 1.15 !important;
}

/* Hover и активный профиль чуть заметнее */
body.chooser-fullscreen-active .kp-profile-card:hover,
body.chooser-fullscreen-active .kp-profile-card:focus-visible,
body.chooser-fullscreen-active .kp-profile-card.is-preview-active,
body.chooser-light-theme .kp-profile-card:hover,
body.chooser-light-theme .kp-profile-card:focus-visible,
body.chooser-light-theme .kp-profile-card.is-preview-active {
  transform: translateX(10px) scale(1.02) !important;
}

/* Планшеты и средние экраны */
@media (max-width: 1400px) and (min-width: 981px) {
  body.chooser-fullscreen-active .kp-chooser-screen,
  body.chooser-light-theme .kp-chooser-screen {
    grid-template-columns: 540px minmax(0, 1fr) !important;
  }

  body.chooser-fullscreen-active .kp-chooser-list,
  body.chooser-light-theme .kp-chooser-list {
    max-width: 460px !important;
  }

  body.chooser-fullscreen-active .kp-profile-card,
  body.chooser-light-theme .kp-profile-card {
    grid-template-columns: 124px minmax(0, 1fr) !important;
    min-height: 124px !important;
  }

  body.chooser-fullscreen-active .kp-profile-avatar-wrap,
  body.chooser-light-theme .kp-profile-avatar-wrap {
    width: 124px !important;
    height: 124px !important;
    min-width: 124px !important;
  }

  body.chooser-fullscreen-active .kp-profile-name,
  body.chooser-light-theme .kp-profile-name {
    font-size: 34px !important;
  }

  body.chooser-fullscreen-active .kp-profile-status,
  body.chooser-light-theme .kp-profile-status {
    font-size: 20px !important;
  }
}

/* Телефоны тоже делаем крупнее, но аккуратно */
@media (max-width: 980px) {
  body.chooser-fullscreen-active .kp-chooser-title,
  body.chooser-light-theme .kp-chooser-title {
    font-size: 24px !important;
    margin-bottom: 28px !important;
  }

  body.chooser-fullscreen-active .kp-chooser-list,
  body.chooser-light-theme .kp-chooser-list {
    max-width: 440px !important;
    gap: 22px !important;
  }

  body.chooser-fullscreen-active .kp-profile-card,
  body.chooser-light-theme .kp-profile-card {
    grid-template-columns: 108px minmax(0, 1fr) !important;
    gap: 18px !important;
    min-height: 108px !important;
  }

  body.chooser-fullscreen-active .kp-profile-avatar-wrap,
  body.chooser-light-theme .kp-profile-avatar-wrap {
    width: 108px !important;
    height: 108px !important;
    min-width: 108px !important;
  }

  body.chooser-fullscreen-active .kp-profile-name,
  body.chooser-light-theme .kp-profile-name {
    font-size: 28px !important;
    margin-bottom: 8px !important;
  }

  body.chooser-fullscreen-active .kp-profile-status,
  body.chooser-light-theme .kp-profile-status {
    font-size: 18px !important;
  }
}

/* CHOOSER_PROFILE_SIZE_AND_FLASH_FIX_END */


/* CHOOSER_AVATAR_HOVER_ONLY_START */
body.chooser-fullscreen-active .kp-profile-card,
body.chooser-light-theme .kp-profile-card {
  transform: none !important;
  transition: opacity .18s ease !important;
}

body.chooser-fullscreen-active .kp-profile-card:hover,
body.chooser-fullscreen-active .kp-profile-card:focus-visible,
body.chooser-fullscreen-active .kp-profile-card.is-preview-active,
body.chooser-light-theme .kp-profile-card:hover,
body.chooser-light-theme .kp-profile-card:focus-visible,
body.chooser-light-theme .kp-profile-card.is-preview-active {
  transform: none !important;
}

body.chooser-fullscreen-active .kp-profile-avatar-wrap,
body.chooser-light-theme .kp-profile-avatar-wrap {
  transform: scale(1) !important;
  transition: transform .22s ease !important;
  transform-origin: center center !important;
}

body.chooser-fullscreen-active .kp-profile-avatar-wrap::after,
body.chooser-light-theme .kp-profile-avatar-wrap::after {
  transition: inset .22s ease !important;
}

body.chooser-fullscreen-active .kp-profile-card:hover .kp-profile-avatar-wrap,
body.chooser-fullscreen-active .kp-profile-card:focus-visible .kp-profile-avatar-wrap,
body.chooser-fullscreen-active .kp-profile-card.is-preview-active .kp-profile-avatar-wrap,
body.chooser-light-theme .kp-profile-card:hover .kp-profile-avatar-wrap,
body.chooser-light-theme .kp-profile-card:focus-visible .kp-profile-avatar-wrap,
body.chooser-light-theme .kp-profile-card.is-preview-active .kp-profile-avatar-wrap {
  transform: scale(1.09) !important;
}

body.chooser-fullscreen-active .kp-profile-card:hover .kp-profile-avatar-wrap::after,
body.chooser-fullscreen-active .kp-profile-card:focus-visible .kp-profile-avatar-wrap::after,
body.chooser-fullscreen-active .kp-profile-card.is-preview-active .kp-profile-avatar-wrap::after,
body.chooser-light-theme .kp-profile-card:hover .kp-profile-avatar-wrap::after,
body.chooser-light-theme .kp-profile-card:focus-visible .kp-profile-avatar-wrap::after,
body.chooser-light-theme .kp-profile-card.is-preview-active .kp-profile-avatar-wrap::after {
  inset: 5px !important;
}
/* CHOOSER_AVATAR_HOVER_ONLY_END */


/* CHOOSER_TEXT_TUNE_START */
body.chooser-fullscreen-active .kp-profile-name,
body.chooser-light-theme .kp-profile-name {
  font-weight: 800 !important;
  font-size: 34px !important;
  line-height: 1.02 !important;
  letter-spacing: -0.025em !important;
}

body.chooser-fullscreen-active .kp-profile-status,
body.chooser-light-theme .kp-profile-status {
  font-weight: 400 !important;
  font-size: 21px !important;
  line-height: 1.18 !important;
  color: rgba(255,255,255,0.68) !important;
}

@media (max-width: 1400px) and (min-width: 981px) {
  body.chooser-fullscreen-active .kp-profile-name,
  body.chooser-light-theme .kp-profile-name {
    font-size: 29px !important;
  }

  body.chooser-fullscreen-active .kp-profile-status,
  body.chooser-light-theme .kp-profile-status {
    font-size: 18px !important;
  }
}

@media (max-width: 980px) {
  body.chooser-fullscreen-active .kp-profile-name,
  body.chooser-light-theme .kp-profile-name {
    font-size: 24px !important;
    font-weight: 800 !important;
  }

  body.chooser-fullscreen-active .kp-profile-status,
  body.chooser-light-theme .kp-profile-status {
    font-size: 16px !important;
    font-weight: 400 !important;
  }
}
/* CHOOSER_TEXT_TUNE_END */


/* CHOOSER_REMOVE_AUTO_ACTIVE_START */
body.chooser-fullscreen-active .kp-profile-card.is-preview-active,
body.chooser-light-theme .kp-profile-card.is-preview-active {
  transform: none !important;
}

body.chooser-fullscreen-active .kp-profile-card.is-preview-active .kp-profile-avatar-wrap,
body.chooser-light-theme .kp-profile-card.is-preview-active .kp-profile-avatar-wrap {
  transform: scale(1) !important;
}

body.chooser-fullscreen-active .kp-profile-card.is-preview-active .kp-profile-avatar-wrap::after,
body.chooser-light-theme .kp-profile-card.is-preview-active .kp-profile-avatar-wrap::after {
  inset: 6px !important;
}
/* CHOOSER_REMOVE_AUTO_ACTIVE_END */


/* CHOOSER_TITLE_REF_START */
body.chooser-fullscreen-active .kp-chooser-title,
body.chooser-light-theme .kp-chooser-title {
  margin: 0 0 34px 0 !important;
  font-size: 56px !important;
  font-weight: 900 !important;
  line-height: 0.98 !important;
  letter-spacing: -0.045em !important;
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

@media (max-width: 1400px) and (min-width: 981px) {
  body.chooser-fullscreen-active .kp-chooser-title,
  body.chooser-light-theme .kp-chooser-title {
    font-size: 46px !important;
    margin-bottom: 30px !important;
  }
}

@media (max-width: 980px) {
  body.chooser-fullscreen-active .kp-chooser-title,
  body.chooser-light-theme .kp-chooser-title {
    font-size: 34px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    margin: 0 0 26px 0 !important;
    color: #ffffff !important;
  }
}
/* CHOOSER_TITLE_REF_END */


/* CHOOSER_TITLE_MATCH_REF_START */
body.chooser-fullscreen-active .kp-chooser-title,
body.chooser-light-theme .kp-chooser-title {
  margin: 0 0 28px 0 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em !important;
  color: rgba(255,255,255,0.46) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

@media (min-width: 981px) {
  body.chooser-fullscreen-active .kp-chooser-title,
  body.chooser-light-theme .kp-chooser-title {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: rgba(255,255,255,0.44) !important;
    margin: 0 0 28px 0 !important;
  }
}

@media (max-width: 980px) {
  body.chooser-fullscreen-active .kp-chooser-title,
  body.chooser-light-theme .kp-chooser-title {
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.018em !important;
    color: rgba(255,255,255,0.42) !important;
    margin: 0 0 24px 0 !important;
  }
}

@media (max-width: 560px) {
  body.chooser-fullscreen-active .kp-chooser-title,
  body.chooser-light-theme .kp-chooser-title {
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.12 !important;
    color: rgba(255,255,255,0.40) !important;
    margin: 0 0 20px 0 !important;
  }
}
/* CHOOSER_TITLE_MATCH_REF_END */


/* CHOOSER_TITLE_WEIGHT_FIX_START */
body.chooser-fullscreen-active .kp-chooser-title,
body.chooser-light-theme .kp-chooser-title {
  font-weight: 400 !important;
}
/* CHOOSER_TITLE_WEIGHT_FIX_END */


/* CHOOSER_HARD_FORCE_LIGHT_START */
body.chooser-light-theme,
body.chooser-light-theme .kp-chooser-screen,
body.chooser-light-theme .kp-chooser-right,
body.chooser-light-theme .kp-stage,
body.chooser-fullscreen-active.chooser-light-theme,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-screen,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-right,
body.chooser-fullscreen-active.chooser-light-theme .kp-stage {
  background: #f5f6f8 !important;
  color: #111111 !important;
}

body.chooser-light-theme .kp-chooser-left,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-left {
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0.985) 0%,
      rgba(255,255,255,0.985) 52%,
      rgba(255,255,255,0.94) 68%,
      rgba(255,255,255,0.76) 82%,
      rgba(255,255,255,0.28) 92%,
      rgba(255,255,255,0.00) 100%) !important;
  box-shadow: none !important;
}

body.chooser-light-theme .kp-chooser-left::before,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-left::before {
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0.14) 0%,
      rgba(255,255,255,0.08) 56%,
      rgba(255,255,255,0.03) 84%,
      rgba(255,255,255,0.00) 100%) !important;
}

body.chooser-light-theme .kp-chooser-left::after,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-left::after {
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.40) 35%,
      rgba(255,255,255,0.16) 68%,
      rgba(255,255,255,0.04) 86%,
      rgba(255,255,255,0.00) 100%) !important;
  filter: blur(20px) !important;
}

body.chooser-light-theme .kp-chooser-brand,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-brand {
  color: #111111 !important;
}

body.chooser-light-theme .kp-chooser-title,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-title {
  color: rgba(17,17,17,0.52) !important;
}

body.chooser-light-theme .kp-profile-name,
body.chooser-fullscreen-active.chooser-light-theme .kp-profile-name {
  color: #111111 !important;
}

body.chooser-light-theme .kp-profile-status,
body.chooser-fullscreen-active.chooser-light-theme .kp-profile-status {
  color: rgba(17,17,17,0.70) !important;
  font-weight: 400 !important;
}

body.chooser-light-theme .kp-profile-avatar-wrap::after,
body.chooser-fullscreen-active.chooser-light-theme .kp-profile-avatar-wrap::after {
  background: #ffffff !important;
}

body.chooser-light-theme .kp-stage::after,
body.chooser-fullscreen-active.chooser-light-theme .kp-stage::after {
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0.46) 0%,
      rgba(255,255,255,0.20) 14%,
      rgba(255,255,255,0.06) 28%,
      rgba(255,255,255,0.00) 42%),
    linear-gradient(180deg,
      rgba(255,255,255,0.02) 0%,
      rgba(255,255,255,0.08) 100%) !important;
}

body.chooser-light-theme .kp-stage-slide,
body.chooser-fullscreen-active.chooser-light-theme .kp-stage-slide {
  filter: saturate(.98) brightness(.97) contrast(1.01) !important;
}

@media (max-width: 980px) {
  body.chooser-light-theme .kp-chooser-left,
  body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-left {
    background:
      linear-gradient(90deg,
        rgba(255,255,255,0.97) 0%,
        rgba(255,255,255,0.95) 44%,
        rgba(255,255,255,0.82) 64%,
        rgba(255,255,255,0.36) 82%,
        rgba(255,255,255,0.00) 100%) !important;
  }

  body.chooser-light-theme .kp-stage::after,
  body.chooser-fullscreen-active.chooser-light-theme .kp-stage::after {
    background:
      linear-gradient(90deg,
        rgba(255,255,255,0.24) 0%,
        rgba(255,255,255,0.00) 38%,
        rgba(255,255,255,0.00) 100%),
      linear-gradient(180deg,
        rgba(255,255,255,0.06) 0%,
        rgba(255,255,255,0.12) 100%) !important;
  }
}
/* CHOOSER_HARD_FORCE_LIGHT_END */


/* CHOOSER_SOFT_GLASS_LEFT_START */
body.chooser-light-theme .kp-chooser-screen,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-screen {
  background: #f3f4f6 !important;
}

body.chooser-light-theme .kp-chooser-left,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-left {
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0.72) 0%,
      rgba(255,255,255,0.68) 18%,
      rgba(255,255,255,0.60) 36%,
      rgba(255,255,255,0.48) 52%,
      rgba(255,255,255,0.30) 68%,
      rgba(255,255,255,0.14) 82%,
      rgba(255,255,255,0.05) 92%,
      rgba(255,255,255,0.00) 100%) !important;
  box-shadow: none !important;
  backdrop-filter: blur(10px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.05) !important;
}

body.chooser-light-theme .kp-chooser-left::before,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-left::before,
body.chooser-light-theme .kp-chooser-left::after,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-left::after {
  display: none !important;
  content: none !important;
}

body.chooser-light-theme .kp-chooser-brand,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-brand {
  color: rgba(17,17,17,0.96) !important;
}

body.chooser-light-theme .kp-chooser-title,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-title {
  color: rgba(17,17,17,0.50) !important;
}

body.chooser-light-theme .kp-profile-name,
body.chooser-fullscreen-active.chooser-light-theme .kp-profile-name {
  color: rgba(17,17,17,0.96) !important;
}

body.chooser-light-theme .kp-profile-status,
body.chooser-fullscreen-active.chooser-light-theme .kp-profile-status {
  color: rgba(17,17,17,0.64) !important;
}

body.chooser-light-theme .kp-stage::after,
body.chooser-fullscreen-active.chooser-light-theme .kp-stage::after {
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0.10) 0%,
      rgba(255,255,255,0.04) 18%,
      rgba(255,255,255,0.00) 34%,
      rgba(255,255,255,0.00) 100%) !important;
}

@media (max-width: 980px) {
  body.chooser-light-theme .kp-chooser-left,
  body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-left {
    background:
      linear-gradient(90deg,
        rgba(255,255,255,0.76) 0%,
        rgba(255,255,255,0.68) 24%,
        rgba(255,255,255,0.54) 44%,
        rgba(255,255,255,0.34) 62%,
        rgba(255,255,255,0.14) 80%,
        rgba(255,255,255,0.00) 100%) !important;
    backdrop-filter: blur(8px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(8px) saturate(1.04) !important;
  }

  body.chooser-light-theme .kp-stage::after,
  body.chooser-fullscreen-active.chooser-light-theme .kp-stage::after {
    background:
      linear-gradient(90deg,
        rgba(255,255,255,0.08) 0%,
        rgba(255,255,255,0.00) 28%,
        rgba(255,255,255,0.00) 100%) !important;
  }
}
/* CHOOSER_SOFT_GLASS_LEFT_START */


/* CHOOSER_GLASS_OVERLAY_HARD_START */
body.chooser-light-theme .kp-chooser-screen,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-screen {
  position: relative !important;
  display: block !important;
  min-height: 100vh !important;
  background: transparent !important;
}

body.chooser-light-theme .kp-chooser-right,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-right {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  background: transparent !important;
}

body.chooser-light-theme .kp-stage,
body.chooser-fullscreen-active.chooser-light-theme .kp-stage {
  position: absolute !important;
  inset: 0 !important;
  background: #ececec !important;
}

body.chooser-light-theme .kp-chooser-left,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-left {
  position: relative !important;
  z-index: 3 !important;
  width: 620px !important;
  max-width: min(620px, 100vw) !important;
  min-height: 100vh !important;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0.62) 0%,
      rgba(255,255,255,0.58) 18%,
      rgba(255,255,255,0.50) 34%,
      rgba(255,255,255,0.38) 48%,
      rgba(255,255,255,0.24) 62%,
      rgba(255,255,255,0.12) 76%,
      rgba(255,255,255,0.04) 88%,
      rgba(255,255,255,0.00) 100%) !important;
  backdrop-filter: blur(14px) saturate(1.03) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.03) !important;
  box-shadow: none !important;
}

body.chooser-light-theme .kp-chooser-left::before,
body.chooser-light-theme .kp-chooser-left::after,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-left::before,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-left::after {
  display: none !important;
  content: none !important;
}

body.chooser-light-theme .kp-stage::after,
body.chooser-fullscreen-active.chooser-light-theme .kp-stage::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: none !important;
}

body.chooser-light-theme .kp-chooser-brand,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-brand {
  color: rgba(17,17,17,0.98) !important;
}

body.chooser-light-theme .kp-chooser-title,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-title {
  color: rgba(17,17,17,0.52) !important;
}

body.chooser-light-theme .kp-profile-name,
body.chooser-fullscreen-active.chooser-light-theme .kp-profile-name {
  color: rgba(17,17,17,0.97) !important;
}

body.chooser-light-theme .kp-profile-status,
body.chooser-fullscreen-active.chooser-light-theme .kp-profile-status {
  color: rgba(17,17,17,0.68) !important;
}

body.chooser-light-theme .kp-profile-avatar-wrap::after,
body.chooser-fullscreen-active.chooser-light-theme .kp-profile-avatar-wrap::after {
  background: rgba(255,255,255,0.96) !important;
}

@media (max-width: 980px) {
  body.chooser-light-theme .kp-chooser-left,
  body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-left {
    width: 100% !important;
    max-width: 100% !important;
    background:
      linear-gradient(90deg,
        rgba(255,255,255,0.68) 0%,
        rgba(255,255,255,0.58) 20%,
        rgba(255,255,255,0.42) 42%,
        rgba(255,255,255,0.24) 62%,
        rgba(255,255,255,0.08) 82%,
        rgba(255,255,255,0.00) 100%) !important;
    backdrop-filter: blur(10px) saturate(1.02) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.02) !important;
  }
}
/* CHOOSER_GLASS_OVERLAY_HARD_END */


/* CHOOSER_GLASS_TUNE_CENTER_START */
body.chooser-light-theme .kp-chooser-left,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-left {
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0.52) 0%,
      rgba(255,255,255,0.48) 18%,
      rgba(255,255,255,0.40) 34%,
      rgba(255,255,255,0.29) 48%,
      rgba(255,255,255,0.18) 62%,
      rgba(255,255,255,0.09) 76%,
      rgba(255,255,255,0.03) 88%,
      rgba(255,255,255,0.00) 100%) !important;
  backdrop-filter: blur(12px) saturate(1.02) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.02) !important;
}

body.chooser-light-theme .kp-stage-slide,
body.chooser-fullscreen-active.chooser-light-theme .kp-stage-slide {
  object-position: 58% center !important;
}

@media (min-width: 981px) and (max-width: 1600px) {
  body.chooser-light-theme .kp-stage-slide,
  body.chooser-fullscreen-active.chooser-light-theme .kp-stage-slide {
    object-position: 60% center !important;
  }
}

@media (min-width: 1601px) {
  body.chooser-light-theme .kp-stage-slide,
  body.chooser-fullscreen-active.chooser-light-theme .kp-stage-slide {
    object-position: 61% center !important;
  }
}

@media (max-width: 980px) {
  body.chooser-light-theme .kp-chooser-left,
  body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-left {
    background:
      linear-gradient(90deg,
        rgba(255,255,255,0.58) 0%,
        rgba(255,255,255,0.48) 20%,
        rgba(255,255,255,0.34) 42%,
        rgba(255,255,255,0.18) 62%,
        rgba(255,255,255,0.06) 82%,
        rgba(255,255,255,0.00) 100%) !important;
  }

  body.chooser-light-theme .kp-stage-slide,
  body.chooser-fullscreen-active.chooser-light-theme .kp-stage-slide {
    object-position: 62% center !important;
  }
}
/* CHOOSER_GLASS_TUNE_CENTER_END */


/* ARCHIVE_LOGIN_MODAL_REDESIGN_START */
.modal {
  backdrop-filter: blur(10px) saturate(1.04);
  -webkit-backdrop-filter: blur(10px) saturate(1.04);
}

.modal-backdrop {
  background: rgba(245, 247, 250, 0.18) !important;
}

.modal-card {
  border-radius: 32px !important;
  border: 1px solid rgba(255,255,255,0.72) !important;
  background:
    linear-gradient(180deg,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.86) 100%) !important;
  box-shadow:
    0 24px 80px rgba(17,18,20,0.18),
    inset 0 1px 0 rgba(255,255,255,0.75) !important;
  padding: 18px !important;
}

.modal-card.slim {
  width: min(560px, calc(100vw - 28px)) !important;
  max-width: 560px !important;
}

.modal-card .sheet-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-bottom: 8px !important;
}

.modal-card .sheet-head > div:first-child {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
}

.modal-card .sheet-head img,
.modal-card .sheet-head .avatar,
.modal-card .sheet-head .profile-avatar,
.modal-card .sheet-head .kp-profile-avatar-img {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  box-shadow: 0 8px 24px rgba(17,18,20,0.14) !important;
}

.modal-card .section-kicker {
  margin: 0 0 2px 0 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: rgba(94,101,115,0.72) !important;
}

.modal-card .sheet-title {
  margin: 0 !important;
  font-size: 20px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: -0.03em !important;
  color: #14161a !important;
}

.modal-card .helper,
.modal-card .sheet-subtitle,
.modal-card .muted,
.modal-card .form-hint {
  color: rgba(70,76,88,0.78) !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

.modal-card .icon-btn {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(16,18,22,0.08) !important;
  background: rgba(255,255,255,0.62) !important;
  box-shadow: 0 6px 20px rgba(17,18,20,0.08) !important;
}

.modal-card .icon-btn .material-symbols-rounded {
  font-size: 24px !important;
  color: #15181d !important;
  margin: 0 !important;
}

.modal-card .modal-grid,
.modal-card .form-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.modal-card input[type="text"],
.modal-card input[type="search"],
.modal-card input[type="password"],
.modal-card input[type="number"],
.modal-card input:not([type]),
.modal-card textarea,
.modal-card select {
  width: 100% !important;
  min-height: 56px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(28,32,38,0.10) !important;
  background: rgba(255,255,255,0.66) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.82) !important;
  padding: 0 18px !important;
  font-size: 16px !important;
  color: #14161a !important;
  outline: none !important;
}

.modal-card input::placeholder,
.modal-card textarea::placeholder {
  color: rgba(92,99,111,0.72) !important;
}

.modal-card input:focus,
.modal-card textarea:focus,
.modal-card select:focus {
  border-color: rgba(121,214,235,0.9) !important;
  box-shadow:
    0 0 0 4px rgba(121,214,235,0.18),
    inset 0 1px 0 rgba(255,255,255,0.92) !important;
  background: rgba(255,255,255,0.84) !important;
}

.modal-card .form-actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-top: 8px !important;
}

.modal-card .btn {
  min-height: 50px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  box-shadow: 0 10px 24px rgba(17,18,20,0.08) !important;
}

.modal-card .btn-soft {
  border: 1px solid rgba(20,22,26,0.08) !important;
  background: rgba(240,243,247,0.9) !important;
  color: #1c2026 !important;
}

.modal-card .btn-accent,
.modal-card .btn-primary,
.modal-card .btn[type="submit"] {
  border: 0 !important;
  background: linear-gradient(180deg, #aeeeff 0%, #8fe3f8 100%) !important;
  color: #102028 !important;
}

.modal-card .btn:hover,
.modal-card .icon-btn:hover {
  transform: translateY(-1px);
}

.modal-card .btn:active,
.modal-card .icon-btn:active {
  transform: translateY(0);
}

@media (max-width: 720px) {
  .modal-card {
    border-radius: 26px !important;
    padding: 16px !important;
  }

  .modal-card.slim {
    width: min(100vw - 20px, 520px) !important;
  }

  .modal-card .sheet-head > div:first-child {
    gap: 12px !important;
  }

  .modal-card .sheet-head img,
  .modal-card .sheet-head .avatar,
  .modal-card .sheet-head .profile-avatar,
  .modal-card .sheet-head .kp-profile-avatar-img {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
  }

  .modal-card .sheet-title {
    font-size: 18px !important;
  }

  .modal-card input[type="text"],
  .modal-card input[type="search"],
  .modal-card input[type="password"],
  .modal-card input[type="number"],
  .modal-card input:not([type]),
  .modal-card textarea,
  .modal-card select {
    min-height: 52px !important;
    border-radius: 16px !important;
    font-size: 15px !important;
  }

  .modal-card .btn {
    min-height: 48px !important;
    font-size: 15px !important;
    padding: 0 20px !important;
  }

  .modal-card .icon-btn {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
  }
}
/* ARCHIVE_LOGIN_MODAL_REDESIGN_END */


/* ARCHIVE_AUTOLOGIN_NEON_START */
@keyframes archiveAutoLoginPulse {
  0% {
    box-shadow:
      0 0 0 0 rgba(120, 230, 255, 0.34),
      0 10px 26px rgba(17,18,20,0.10),
      inset 0 1px 0 rgba(255,255,255,0.92);
    transform: translateY(0) scale(1);
  }
  50% {
    box-shadow:
      0 0 0 8px rgba(120, 230, 255, 0.00),
      0 0 18px rgba(120, 230, 255, 0.48),
      0 0 34px rgba(120, 230, 255, 0.28),
      0 12px 28px rgba(17,18,20,0.12),
      inset 0 1px 0 rgba(255,255,255,0.96);
    transform: translateY(-1px) scale(1.02);
  }
  100% {
    box-shadow:
      0 0 0 0 rgba(120, 230, 255, 0.00),
      0 10px 26px rgba(17,18,20,0.10),
      inset 0 1px 0 rgba(255,255,255,0.92);
    transform: translateY(0) scale(1);
  }
}

@keyframes archiveAutoLoginBorderFlow {
  0% {
    opacity: .78;
    filter: blur(0px);
  }
  50% {
    opacity: 1;
    filter: blur(.4px);
  }
  100% {
    opacity: .78;
    filter: blur(0px);
  }
}

.modal-card .form-actions .btn:first-child,
.modal-card .form-actions #autoLoginBtn,
.modal-card .form-actions button[data-auto-login] {
  position: relative !important;
  overflow: visible !important;
  border: 1px solid rgba(120, 230, 255, 0.58) !important;
  background:
    linear-gradient(180deg,
      rgba(255,255,255,0.94) 0%,
      rgba(243,252,255,0.98) 100%) !important;
  color: #102028 !important;
  box-shadow:
    0 10px 26px rgba(17,18,20,0.10),
    inset 0 1px 0 rgba(255,255,255,0.92) !important;
  animation: archiveAutoLoginPulse 1.9s ease-in-out infinite !important;
}

.modal-card .form-actions .btn:first-child::before,
.modal-card .form-actions #autoLoginBtn::before,
.modal-card .form-actions button[data-auto-login]::before {
  content: "" !important;
  position: absolute !important;
  inset: -2px !important;
  border-radius: inherit !important;
  padding: 1.5px !important;
  background: linear-gradient(90deg, #78e6ff 0%, #9af0ff 28%, #ffffff 50%, #8ee8ff 72%, #78e6ff 100%) !important;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none !important;
  opacity: .92 !important;
  animation: archiveAutoLoginBorderFlow 1.6s linear infinite !important;
}

.modal-card .form-actions .btn:first-child::after,
.modal-card .form-actions #autoLoginBtn::after,
.modal-card .form-actions button[data-auto-login]::after {
  content: "" !important;
  position: absolute !important;
  inset: -8px !important;
  border-radius: inherit !important;
  background: radial-gradient(circle, rgba(122,234,255,0.26) 0%, rgba(122,234,255,0.10) 36%, rgba(122,234,255,0.00) 72%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.modal-card .form-actions .btn:first-child:hover,
.modal-card .form-actions #autoLoginBtn:hover,
.modal-card .form-actions button[data-auto-login]:hover {
  border-color: rgba(120, 230, 255, 0.88) !important;
  background:
    linear-gradient(180deg,
      rgba(255,255,255,0.98) 0%,
      rgba(234,249,255,1) 100%) !important;
  box-shadow:
    0 0 18px rgba(120,230,255,0.42),
    0 0 34px rgba(120,230,255,0.22),
    0 12px 30px rgba(17,18,20,0.12),
    inset 0 1px 0 rgba(255,255,255,1) !important;
}

.modal-card .form-actions .btn:first-child:active,
.modal-card .form-actions #autoLoginBtn:active,
.modal-card .form-actions button[data-auto-login]:active {
  transform: scale(.99) !important;
}

@media (prefers-reduced-motion: reduce) {
  .modal-card .form-actions .btn:first-child,
  .modal-card .form-actions #autoLoginBtn,
  .modal-card .form-actions button[data-auto-login] {
    animation: none !important;
  }

  .modal-card .form-actions .btn:first-child::before,
  .modal-card .form-actions #autoLoginBtn::before,
  .modal-card .form-actions button[data-auto-login]::before {
    animation: none !important;
  }
}
/* ARCHIVE_AUTOLOGIN_NEON_END */


/* CHOOSER_MOBILE_LESS_TRANSPARENT_START */
@media (max-width: 980px) {
  body.chooser-light-theme .kp-chooser-left,
  body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-left {
    background:
      linear-gradient(90deg,
        rgba(255,255,255,0.78) 0%,
        rgba(255,255,255,0.72) 20%,
        rgba(255,255,255,0.58) 42%,
        rgba(255,255,255,0.36) 62%,
        rgba(255,255,255,0.14) 82%,
        rgba(255,255,255,0.00) 100%) !important;
    backdrop-filter: blur(12px) saturate(1.03) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.03) !important;
  }
}
/* CHOOSER_MOBILE_LESS_TRANSPARENT_END */


/* ARCHIVE_ITEM_FORM_FULLSCREEN_START */
.item-form-modal {
  inset: 0 !important;
  display: block !important;
  place-items: unset !important;
}

.item-form-modal .modal-backdrop {
  background: rgba(255,255,255,0.96) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.item-form-modal .item-form-modal-card,
.item-form-modal .modal-card.item-form-modal-card {
  position: absolute !important;
  inset: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 100vh !important;
  max-height: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: #ffffff !important;
  padding: 24px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.item-form-modal .sheet-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 20 !important;
  background: rgba(255,255,255,0.94) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  padding: 0 0 16px 0 !important;
  margin: 0 0 18px 0 !important;
  border-bottom: 1px solid rgba(17,18,20,0.08) !important;
}

.item-form-modal #itemForm.modal-grid {
  display: grid !important;
  gap: 18px !important;
  padding-bottom: 32px !important;
}

.item-form-modal .inline-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.item-form-modal .field > span {
  display: block !important;
  margin-bottom: 8px !important;
}

.item-form-modal input[type="text"],
.item-form-modal input[type="search"],
.item-form-modal input[type="password"],
.item-form-modal input[type="date"],
.item-form-modal input[type="number"],
.item-form-modal input[type="file"],
.item-form-modal textarea,
.item-form-modal select {
  min-height: 54px !important;
  border-radius: 16px !important;
}

.item-form-modal textarea {
  min-height: 160px !important;
  resize: vertical !important;
  padding-top: 14px !important;
}

.item-form-modal .photo-picker-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.item-form-modal .photo-tile {
  border-radius: 18px !important;
}

.item-form-modal .form-actions {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 15 !important;
  margin-top: 6px !important;
  padding: 16px 0 calc(16px + env(safe-area-inset-bottom, 0px)) 0 !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.94) 22%, rgba(255,255,255,1.00) 100%) !important;
}

.item-form-modal .form-actions .btn {
  min-height: 54px !important;
  padding: 0 24px !important;
  border-radius: 16px !important;
}

@media (max-width: 980px) {
  .item-form-modal .item-form-modal-card,
  .item-form-modal .modal-card.item-form-modal-card {
    padding: 16px !important;
  }

  .item-form-modal .sheet-head {
    padding-bottom: 14px !important;
    margin-bottom: 14px !important;
  }

  .item-form-modal .inline-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .item-form-modal .photo-picker-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .item-form-modal input[type="text"],
  .item-form-modal input[type="search"],
  .item-form-modal input[type="password"],
  .item-form-modal input[type="date"],
  .item-form-modal input[type="number"],
  .item-form-modal input[type="file"],
  .item-form-modal textarea,
  .item-form-modal select {
    min-height: 50px !important;
    border-radius: 14px !important;
  }

  .item-form-modal textarea {
    min-height: 140px !important;
  }
}
/* ARCHIVE_ITEM_FORM_FULLSCREEN_END */


/* CHOOSER_SCROLL_FIX_START */
body.chooser-light-theme .kp-chooser-screen,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-screen,
body.chooser-fullscreen-active .kp-chooser-screen {
  min-height: 100vh !important;
  height: 100vh !important;
  overflow: hidden !important;
}

body.chooser-light-theme .kp-chooser-left,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-left,
body.chooser-fullscreen-active .kp-chooser-left {
  height: 100vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-y: contain !important;
  padding-bottom: 40px !important;
}

body.chooser-light-theme .kp-chooser-list,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-list,
body.chooser-fullscreen-active .kp-chooser-list {
  padding-bottom: 24px !important;
}

@media (max-width: 980px) {
  body.chooser-light-theme .kp-chooser-left,
  body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-left,
  body.chooser-fullscreen-active .kp-chooser-left {
    height: 100dvh !important;
    min-height: 100dvh !important;
    padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.chooser-light-theme .kp-chooser-screen,
  body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-screen,
  body.chooser-fullscreen-active .kp-chooser-screen {
    height: 100dvh !important;
    min-height: 100dvh !important;
  }
}
/* CHOOSER_SCROLL_FIX_END */


/* CHOOSER_HIDE_SCROLLBAR_START */
body.chooser-light-theme .kp-chooser-left,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-left,
body.chooser-fullscreen-active .kp-chooser-left {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

body.chooser-light-theme .kp-chooser-left::-webkit-scrollbar,
body.chooser-fullscreen-active.chooser-light-theme .kp-chooser-left::-webkit-scrollbar,
body.chooser-fullscreen-active .kp-chooser-left::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;
}
/* CHOOSER_HIDE_SCROLLBAR_END */


/* ARCHIVE_MOBILE_ITEM_CARDS_COMPACT_START */
@media (max-width: 720px) {
  .card,
  .item-card,
  .archive-card,
  .archive-item-card {
    border-radius: 18px !important;
  }

  .card,
  .item-card {
    padding: 12px !important;
    gap: 10px !important;
  }

  .card .thumb,
  .item-card .thumb,
  .archive-item-card .thumb,
  .card .card-thumb,
  .item-card .card-thumb {
    border-radius: 14px !important;
  }

  .card .title,
  .item-card .title,
  .archive-item-card .title,
  .card .card-title,
  .item-card .card-title {
    font-size: 15px !important;
    line-height: 1.14 !important;
    margin-bottom: 6px !important;
  }

  .card .helper,
  .item-card .helper,
  .archive-item-card .helper,
  .card .card-subtitle,
  .item-card .card-subtitle {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  .card .meta,
  .item-card .meta,
  .archive-item-card .meta,
  .card .card-meta,
  .item-card .card-meta {
    gap: 8px !important;
  }

  .card .chips,
  .item-card .chips,
  .archive-item-card .chips,
  .card .badges,
  .item-card .badges,
  .archive-item-card .badges {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    overflow: hidden !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .card .chip,
  .item-card .chip,
  .archive-item-card .chip,
  .card .badge,
  .item-card .badge,
  .archive-item-card .badge {
    min-height: 24px !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: calc(50% - 3px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .card .chip-id,
  .item-card .chip-id,
  .archive-item-card .chip-id,
  .card [data-chip="inventory-id"],
  .item-card [data-chip="inventory-id"] {
    max-width: 46% !important;
  }

  .card .chip-status,
  .item-card .chip-status,
  .archive-item-card .chip-status,
  .card [data-chip="condition"],
  .item-card [data-chip="condition"] {
    max-width: 54% !important;
  }

  .card .actions,
  .item-card .actions,
  .archive-item-card .actions,
  .card .card-actions,
  .item-card .card-actions {
    margin-top: 8px !important;
    gap: 8px !important;
  }

  .card .btn,
  .item-card .btn,
  .archive-item-card .btn {
    min-height: 38px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
  }
}
/* ARCHIVE_MOBILE_ITEM_CARDS_COMPACT_END */


/* IOS_SEARCH_ZOOM_FIX_START */
@supports (-webkit-touch-callout: none) {
  input[type="search"],
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="number"],
  textarea,
  select {
    font-size: 16px !important;
  }

  .topbar-search input,
  #searchInput {
    font-size: 16px !important;
  }
}
/* IOS_SEARCH_ZOOM_FIX_END */




/* GLOBAL_MOBILE_INPUT_ZOOM_FIX_START */
@media (max-width: 1024px) {
  input,
  textarea,
  select,
  input[type="text"],
  input[type="search"],
  input[type="password"],
  input[type="email"],
  input[type="number"],
  input[type="tel"],
  input[type="url"],
  input[type="date"],
  input[type="datetime-local"],
  input[type="time"],
  input[type="month"],
  input[type="week"] {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  .topbar-search input,
  #searchInput,
  .modal-card input,
  .modal-card textarea,
  .modal-card select,
  .item-form-modal input,
  .item-form-modal textarea,
  .item-form-modal select,
  .field input,
  .field textarea,
  .field select,
  form input,
  form textarea,
  form select {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }
}

@supports (-webkit-touch-callout: none) {
  input,
  textarea,
  select,
  input[type="text"],
  input[type="search"],
  input[type="password"],
  input[type="email"],
  input[type="number"],
  input[type="tel"],
  input[type="url"],
  input[type="date"],
  input[type="datetime-local"],
  input[type="time"],
  input[type="month"],
  input[type="week"] {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  .topbar-search input,
  #searchInput,
  .modal-card input,
  .modal-card textarea,
  .modal-card select,
  .item-form-modal input,
  .item-form-modal textarea,
  .item-form-modal select,
  .field input,
  .field textarea,
  .field select,
  form input,
  form textarea,
  form select {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }
}
/* GLOBAL_MOBILE_INPUT_ZOOM_FIX_END */


/* GLOBAL_NO_INPUT_ZOOM_HARD_START */
@media (max-width: 1024px) {
  html {
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  input,
  textarea,
  select,
  button {
    font-size: 16px !important;
  }

  input[type="text"],
  input[type="search"],
  input[type="password"],
  input[type="email"],
  input[type="number"],
  input[type="tel"],
  input[type="url"],
  input[type="date"],
  input[type="datetime-local"],
  input[type="time"],
  input[type="month"],
  input[type="week"],
  textarea,
  select {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  form input,
  form textarea,
  form select,
  .field input,
  .field textarea,
  .field select,
  .topbar-search input,
  #searchInput,
  .modal-card input,
  .modal-card textarea,
  .modal-card select,
  .item-form-modal input,
  .item-form-modal textarea,
  .item-form-modal select,
  .sheet input,
  .sheet textarea,
  .sheet select,
  .modal-grid input,
  .modal-grid textarea,
  .modal-grid select,
  .inline-grid input,
  .inline-grid textarea,
  .inline-grid select {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }
}

@supports (-webkit-touch-callout: none) {
  html {
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  input,
  textarea,
  select,
  button {
    font-size: 16px !important;
  }

  input[type="text"],
  input[type="search"],
  input[type="password"],
  input[type="email"],
  input[type="number"],
  input[type="tel"],
  input[type="url"],
  input[type="date"],
  input[type="datetime-local"],
  input[type="time"],
  input[type="month"],
  input[type="week"],
  textarea,
  select {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  form input,
  form textarea,
  form select,
  .field input,
  .field textarea,
  .field select,
  .topbar-search input,
  #searchInput,
  .modal-card input,
  .modal-card textarea,
  .modal-card select,
  .item-form-modal input,
  .item-form-modal textarea,
  .item-form-modal select,
  .sheet input,
  .sheet textarea,
  .sheet select,
  .modal-grid input,
  .modal-grid textarea,
  .modal-grid select,
  .inline-grid input,
  .inline-grid textarea,
  .inline-grid select {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }
}
/* GLOBAL_NO_INPUT_ZOOM_HARD_END */




/* ARCHIVE_PROGRESSIVE_CARDS_STYLE_START */
.card img,
.item-card img,
.archive-item-card img,
.archive-card img,
[data-item-card] img,
[data-item-id] img {
  background: rgba(0,0,0,0.04);
}
/* ARCHIVE_PROGRESSIVE_CARDS_STYLE_END */


.kp-profile-card {
  position: relative;
  overflow: visible;
}

.kp-profile-card.is-login-disabled {
  pointer-events: none;
}

.kp-profile-avatar-wrap {
  position: relative;
  overflow: hidden;
  border-radius: 999px;
}

.kp-profile-avatar-wrap.is-auto-login-loading::before,
.kp-profile-avatar-wrap.is-auto-login-success::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  pointer-events: none;
  z-index: 2;
}

.kp-profile-avatar-wrap.is-auto-login-loading::before {
  background: rgba(255,255,255,.20);
  backdrop-filter: blur(2px);
}

.kp-profile-card.is-auto-login-loading .kp-profile-name,
.kp-profile-card.is-auto-login-loading .kp-profile-status {
  opacity: .92;
}

.kp-profile-card.is-auto-login-loading .kp-profile-status::after {
  content: " · вход...";
  color: rgba(255,255,255,.92);
}

.kp-profile-card.is-auto-login-loading {
  transform: translateX(6px) scale(1.015);
}

.kp-profile-card.is-auto-login-success {
  transform: translateX(10px) scale(1.03);
}

.kp-profile-avatar-wrap.is-auto-login-success::before {
  background: radial-gradient(circle, rgba(255,255,255,.34) 0%, rgba(255,255,255,0) 68%);
  animation: kpAutoLoginPulse .7s ease-out 1;
}

.kp-profile-card.is-auto-login-success::after {
  content: "check_circle";
  font-family: "Material Symbols Rounded";
  font-weight: 400;
  font-style: normal;
  font-size: 28px;
  line-height: 1;
  position: absolute;
  left: 48px;
  top: 50%;
  transform: translate(-50%, -50%) scale(.6);
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #0f172a;
  background: linear-gradient(135deg, #ffffff 0%, #dcfce7 100%);
  box-shadow: 0 16px 36px rgba(34,197,94,.35);
  animation: kpAutoLoginCheck .55s cubic-bezier(.2,.9,.2,1) forwards;
  z-index: 3;
}

.kp-login-enter-overlay {
  position: absolute;
  inset: 0;
  z-index: 30;
  display: grid;
  place-items: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity .35s ease;
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(3px);
}

.kp-login-enter-overlay.is-visible {
  opacity: 1;
}

.kp-login-enter-overlay-inner {
  width: auto;
  max-width: calc(100% - 32px);
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  text-align: center;
  transform: translateY(10px) scale(.98);
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.kp-login-enter-overlay.is-success .kp-login-enter-overlay-inner {
  animation: kpLoginOverlayIn .4s cubic-bezier(.2,.9,.2,1) forwards;
}

.kp-login-enter-check {
  width: 58px;
  height: 58px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  opacity: 0;
  transform: scale(.84);
  background: transparent;
  border: 0;
  box-shadow: none;
  position: relative;
}

.kp-login-enter-check::before {
  content: "";
  width: 58px;
  height: 58px;
  border-radius: 999px;
  border: 3px solid rgba(0,0,0,.16);
  border-top-color: rgba(0,0,0,.92);
  animation: kpLoginSpinner .8s linear infinite;
  box-sizing: border-box;
}

.kp-login-enter-overlay.is-success .kp-login-enter-check {
  animation: kpLoginSpinnerWrapIn .32s cubic-bezier(.2,.9,.2,1) .03s forwards;
}

.kp-login-enter-check .material-symbols-rounded {
  display: none;
}

.kp-login-enter-title {
  font-size: 34px;
  line-height: 1.05;
  font-weight: 900;
  color: #000000;
  text-shadow: 0 8px 28px rgba(255,255,255,.10);
}

.kp-login-enter-subtitle {
  margin-top: 0;
  font-size: 16px;
  line-height: 1.4;
  color: rgba(0,0,0,.78);
  text-shadow: none;
}

body.profile-login-entering .kp-chooser-screen {
  animation: none;
  transform: none;
  opacity: 1;
  filter: none;
}

@keyframes kpAutoLoginSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes kpAutoLoginPulse {
  0% { transform: scale(.86); opacity: 0; }
  40% { opacity: 1; }
  100% { transform: scale(1.28); opacity: 0; }
}

@keyframes kpAutoLoginCheck {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(.45); }
  55% { opacity: 1; transform: translate(-50%, -50%) scale(1.14); }
  100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

@keyframes kpLoginOverlayIn {
  0% { opacity: 0; transform: translateY(24px) scale(.94); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes kpLoginCheckPop {
  0% { transform: scale(.52); }
  68% { transform: scale(1.12); }
  100% { transform: scale(1); }
}

@keyframes kpLoginScreenEnter {
  0% { opacity: 1; transform: none; filter: none; }
  100% { opacity: 1; transform: none; filter: none; }
}



@keyframes kpLoginCheckSoftIn {
  0% { opacity: 0; transform: scale(.72) translateY(6px); }
  60% { opacity: 1; transform: scale(1.08) translateY(0); }
  100% { opacity: 1; transform: scale(1) translateY(0); }
}


@keyframes kpLoginSpinner {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}


@keyframes kpLoginSpinnerWrapIn {
  0% { opacity: 0; transform: scale(.84); }
  100% { opacity: 1; transform: scale(1); }
}


.kp-profile-avatar-wrap.is-auto-login-loading::after {
  content: "";
  position: absolute;
  inset: 8px;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  border-radius: 999px;
  border: 3px solid rgba(0,0,0,.14);
  border-top-color: rgba(0,0,0,.92);
  box-sizing: border-box;
  animation: kpAvatarAutoLoginSpin .7s linear infinite;
  z-index: 3;
}

@keyframes kpAvatarAutoLoginSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}


body.profile-logout-running {
  overflow: hidden;
}

body.profile-logout-running::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 140;
  pointer-events: none;
  opacity: 0;
  background:
    linear-gradient(115deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.10) 38%,
      rgba(255,255,255,.22) 50%,
      rgba(255,255,255,.10) 62%,
      rgba(255,255,255,0) 100%);
  transform: translateX(-130%);
}

body.profile-logout-running::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 139;
  pointer-events: none;
  opacity: 0;
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(0px);
}

body.profile-logout-running .app-shell,
body.profile-logout-running main,
body.profile-logout-running .page-shell,
body.profile-logout-running .layout-shell,
body.profile-logout-running .content-shell,
body.profile-logout-running .topbar {
  transition:
    transform .48s cubic-bezier(.22,.9,.2,1),
    opacity .48s cubic-bezier(.22,.9,.2,1),
    filter .48s cubic-bezier(.22,.9,.2,1);
  transform-origin: center center;
  will-change: transform, opacity, filter;
}

body.profile-logout-running .modal {
  transition:
    transform .24s ease,
    opacity .24s ease,
    filter .24s ease;
}

body.profile-logout-running.profile-logout-visible .modal {
  opacity: 0;
  transform: translateY(10px) scale(.985);
  filter: blur(4px);
}

body.profile-logout-running.profile-logout-visible::before {
  opacity: 1;
  animation: kpProfileLogoutSweep .52s cubic-bezier(.22,.9,.2,1) forwards;
}

body.profile-logout-running.profile-logout-visible::after {
  opacity: 1;
  backdrop-filter: blur(6px);
}

body.profile-logout-running.profile-logout-soft.profile-logout-visible .app-shell,
body.profile-logout-running.profile-logout-soft.profile-logout-visible main,
body.profile-logout-running.profile-logout-soft.profile-logout-visible .page-shell,
body.profile-logout-running.profile-logout-soft.profile-logout-visible .layout-shell,
body.profile-logout-running.profile-logout-soft.profile-logout-visible .content-shell,
body.profile-logout-running.profile-logout-soft.profile-logout-visible .topbar {
  transform: scale(.988) translateY(14px);
  opacity: .24;
  filter: blur(8px) saturate(.88);
}

body.profile-logout-running.profile-logout-full.profile-logout-visible .app-shell,
body.profile-logout-running.profile-logout-full.profile-logout-visible main,
body.profile-logout-running.profile-logout-full.profile-logout-visible .page-shell,
body.profile-logout-running.profile-logout-full.profile-logout-visible .layout-shell,
body.profile-logout-running.profile-logout-full.profile-logout-visible .content-shell,
body.profile-logout-running.profile-logout-full.profile-logout-visible .topbar {
  transform: scale(.968) translateY(22px);
  opacity: .14;
  filter: blur(12px) saturate(.8);
}

@keyframes kpProfileLogoutSweep {
  0% {
    transform: translateX(-130%);
  }
  100% {
    transform: translateX(130%);
  }
}



.item-card.is-recently-viewed {
  position: relative;
  border-color: rgba(255,255,255,.55);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.22) inset,
    0 18px 48px rgba(255,255,255,.12);
  animation: recentViewedPulse 2.2s ease-in-out infinite;
}

.item-card.is-recently-viewed::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.04) 100%);
}

.item-chip.recent-chip {
  background: rgba(255,255,255,.92);
  color: #111111;
  border: 1px solid rgba(0,0,0,.08);
  font-weight: 800;
}

@keyframes recentViewedPulse {
  0% { transform: translateY(0); box-shadow: 0 0 0 1px rgba(255,255,255,.18) inset, 0 10px 24px rgba(255,255,255,.08); }
  50% { transform: translateY(-1px); box-shadow: 0 0 0 1px rgba(255,255,255,.32) inset, 0 18px 48px rgba(255,255,255,.16); }
  100% { transform: translateY(0); box-shadow: 0 0 0 1px rgba(255,255,255,.18) inset, 0 10px 24px rgba(255,255,255,.08); }
}




.card.is-recently-viewed {
  position: relative;
  box-shadow: none;
  animation: none;
}

.card.is-recently-viewed::before {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 8px;
  height: 3px;
  border-radius: 999px;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.98) 18%, rgba(255,255,255,1) 50%, rgba(255,255,255,.98) 82%, rgba(255,255,255,0) 100%);
  box-shadow:
    0 0 8px rgba(255,255,255,.70),
    0 0 16px rgba(255,255,255,.42),
    0 0 28px rgba(255,255,255,.24);
  opacity: 1;
}

.card.is-recently-viewed > * {
  position: relative;
  z-index: 1;
}

.recently-viewed-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.96);
  color: #111111;
  border: 1px solid rgba(0,0,0,.08);
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}

@keyframes recentViewedPulse {
  0% { opacity: 1; }
  100% { opacity: 1; }
}

  100% { opacity: 1; }
}

  50% {
    transform: translateY(-1px);
    box-shadow: 0 0 0 1px rgba(255,255,255,.32) inset, 0 18px 48px rgba(255,255,255,.16);
  }
  100% {
    transform: translateY(0);
    box-shadow: 0 0 0 1px rgba(255,255,255,.18) inset, 0 10px 24px rgba(255,255,255,.08);
  }
}



.toast.toast-profile {
  min-width: 320px;
  padding: 12px 14px;
  background: rgba(17,18,20,.96);
  color: #fff;
}

.toast.toast-danger {
  box-shadow:
    0 14px 34px rgba(0,0,0,.28),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

.toast-profile-layout {
  display: flex;
  align-items: center;
  gap: 12px;
}

.toast-avatar {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255,255,255,.12);
  display: grid;
  place-items: center;
  flex: 0 0 42px;
}

.toast-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.toast-avatar .material-symbols-rounded {
  font-size: 22px;
  color: rgba(255,255,255,.9);
}

.toast-profile-text {
  min-width: 0;
}

.toast-profile-name {
  font-weight: 800;
  font-size: 14px;
  line-height: 1.15;
  color: #fff;
}

.toast-message {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.35;
  color: rgba(255,255,255,.92);
}

@media (max-width: 640px) {
  .toast.toast-profile {
    min-width: unset;
  }
}


/* item page topbar controls */
.item-topbar-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.item-page-mode .topbar-search-shell,
.item-page-mode #createItemBtn,
.item-page-mode #openProfileBtn,
.item-page-mode #openAdminBtn { display:none !important; }
.item-page-mode .archive-topbar-actions { justify-content:flex-end; }
@media (max-width: 720px) {
  .item-topbar-actions { gap:8px; width:100%; justify-content:flex-end; }
  .item-topbar-actions .btn span:not(.material-symbols-rounded) { display:none; }
}
.appearance-settings { border-block: 1px solid var(--line); padding: 24px 0; margin-bottom: 24px; }
.appearance-settings h3 { margin: 0 0 18px; font-size: 18px; }
.appearance-form { display: flex; flex-wrap: wrap; align-items: end; gap: 16px; }
.appearance-form .field { margin: 0; width: 144px; max-width: 100%; }
.appearance-form input { height: 48px; width: 100%; }
.appearance-form input[type="color"] { padding: 4px; cursor: pointer; }
.accent-preview { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 8px; font-weight: 700; border: 1px solid var(--line); }
.btn.btn-accent, .modal-card .btn-accent, .modal-card .btn-primary, .modal-card .btn[type="submit"] { background: var(--accent) !important; color: var(--on-accent, #000000) !important; }
.btn.btn-accent:hover { background: var(--accent-strong) !important; filter: brightness(.97); }
@media (max-width: 520px) { .appearance-form { gap: 12px; } .appearance-form .field { width: calc(50% - 6px); } .appearance-form .btn { min-height: 46px; } }
body.temporary-no-edit [data-edit-item],
body.temporary-no-edit #topEditCurrentItemBtn,
body.temporary-no-edit #editCurrentItemBtn,
body.temporary-profile #avatarForm,
body.temporary-profile #pinForm { display: none !important; }
.temporary-snapshots { max-height: 280px; overflow: auto; }
.temporary-snapshots .panel-item { justify-content: flex-start; gap: 12px; }
body .temporary-snapshots .panel-item { flex-direction: row !important; align-items: flex-start; }
body .temporary-snapshots input[type=checkbox] { width: 18px; flex: 0 0 18px; margin-top: 4px; }
.temporary-snapshots small, #temporaryActivities small { display: block; color: var(--muted, #647078); overflow-wrap: anywhere; }
#temporaryActivities { max-height: 280px; overflow: auto; }
#temporaryRestoreResult { overflow-wrap: anywhere; }
body .temporary-admin-modal .modal-card {
  animation: none !important;
  opacity: 1 !important;
  background: #fff !important;
  border: 1px solid #dbe2e7 !important;
  border-radius: 8px !important;
  max-height: calc(100dvh - 32px);
}
body .temporary-admin-modal h2 { font-size: 22px; line-height: 1.25; }
body .temporary-admin-modal h3 { font-size: 17px; }
body .item-form-modal .form-actions .btn,
body .item-form-modal .form-actions .btn::before,
body .temporary-admin-modal .modal-card .form-actions .btn:first-child,
body .temporary-admin-modal .modal-card .form-actions .btn:first-child::before {
  animation: none !important;
  transform: none !important;
}