/* AURUM ПОТОК — витрина сотрудников. Язык оформления взят из AURUM HUB
   (static/css/style.css, кабинет покупателя /me): токены, шапка-капсула,
   слово-логотип, белые карточки на #EEF0F4, светлая и тёмная тема. */

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { background: var(--bg); }
img, svg { max-width: 100%; }

:root {
  --bg: #EEF0F4; --card: #FFFFFF; --soft: #F4F5F8;
  --ink: #15171C; --ink2: #555B66; --ink3: #8A909B;
  --on-ink: #FFFFFF;
  --acc: #4F46E5; --acc-glow: rgba(79, 70, 229, .35);
  --warn: #E5702A; --bad: #D14343;
  --line: #EEF0F4; --edge: #E4E7ED; --hover: #EDEFF3; --hair: #C3CAD8;
  --shade: 21, 23, 28; --card-edge: transparent;
  --ok-bg: #E2F3E7; --ok-fg: #12662F;
  --wait-bg: #FDEBD8; --wait-fg: #9A4A0A; --bad-bg: #FBE0E0; --bad-fg: #9A1B1B;
  --key-line: #C2C8D6; --glow: rgba(79, 70, 229, .20);
  --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --bg: #0D0E12; --card: #16181D; --soft: #1D2027;
  --ink: #F2F4F7; --ink2: #AEB4BE; --ink3: #7C838F;
  --on-ink: #0D0E12;
  --acc: #8F88FF; --acc-glow: rgba(143, 136, 255, .55);
  --warn: #F08A4B; --bad: #F2685E;
  --line: #22252D; --edge: #2A2E38; --hover: #23262E; --hair: #3A3F4B;
  --shade: 0, 0, 0; --card-edge: #22252D;
  --ok-bg: rgba(52, 199, 120, .14); --ok-fg: #5FD394;
  --wait-bg: rgba(240, 138, 75, .16); --wait-fg: #FFB48A;
  --bad-bg: rgba(242, 104, 94, .16); --bad-fg: #FF9A91;
  --key-line: #3A3F4B; --glow: rgba(124, 116, 255, .24);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --bg: #0D0E12; --card: #16181D; --soft: #1D2027;
    --ink: #F2F4F7; --ink2: #AEB4BE; --ink3: #7C838F;
    --on-ink: #0D0E12;
    --acc: #8F88FF; --acc-glow: rgba(143, 136, 255, .55);
    --warn: #F08A4B; --bad: #F2685E;
    --line: #22252D; --edge: #2A2E38; --hover: #23262E; --hair: #3A3F4B;
    --shade: 0, 0, 0; --card-edge: #22252D;
    --ok-bg: rgba(52, 199, 120, .14); --ok-fg: #5FD394;
    --wait-bg: rgba(240, 138, 75, .16); --wait-fg: #FFB48A;
    --bad-bg: rgba(242, 104, 94, .16); --bad-fg: #FF9A91;
    --key-line: #3A3F4B; --glow: rgba(124, 116, 255, .24);
    color-scheme: dark;
  }
}

/* ---------------------------------------------------------------- каркас */
.ex { display: grid; gap: 14px; max-width: 1040px; margin: 0 auto;
  padding: 18px max(24px, env(safe-area-inset-right)) 40px max(24px, env(safe-area-inset-left)); }
.ex a { color: inherit; text-decoration: none; }
.ex > *, .ex .s-card > * { min-width: 0; }
.ex [hidden] { display: none !important; }
.sk-k { background: var(--bg); color: var(--ink);
  font-family: "Onest", system-ui, -apple-system, sans-serif; }

/* ---------------------------------------------------------------- шапка */
.ex .s-top { display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  background: var(--card); border-radius: 999px; padding: 8px 10px 8px 18px; }
.ex .s-logo { display: flex; align-items: center; gap: 9px; margin-right: auto; white-space: nowrap; }
.br-word { font: 800 15px/1 "Inter", system-ui, sans-serif; letter-spacing: .3em;
  text-transform: uppercase; color: var(--ink); white-space: nowrap; }
.br-word b { margin-left: .35em; font-weight: 800; color: var(--acc);
  text-shadow: 0 0 14px var(--acc-glow); }
.ex .me-who { font-size: 13.5px; font-weight: 600; color: var(--ink2); min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ex .s-link { display: inline-flex; align-items: center; gap: 7px; border: 0; cursor: pointer;
  white-space: nowrap; font: inherit; font-size: 13.5px; color: var(--ink2); padding: 8px 12px;
  border-radius: 999px; background: var(--soft);
  transition: background-color .2s ease, color .2s ease, transform .2s ease; }
.ex .s-link:hover { background: var(--ink); color: var(--on-ink); }
.ex .s-link:active { transform: scale(.95); }
.ex .s-theme { display: inline-grid; place-items: center; width: 36px; height: 36px;
  border-radius: 999px; background: var(--soft); color: var(--ink2);
  transition: background-color .2s ease, color .2s ease, transform .2s ease; }
.ex .s-theme:hover { background: var(--ink); color: var(--on-ink); }
.ex .s-theme:active { transform: scale(.94); }
/* видна одна кнопка — та, что ведёт в другую тему */
.ex .s-theme.to-light { display: none; }
:root[data-theme="dark"] .ex .s-theme.to-dark { display: none; }
:root[data-theme="dark"] .ex .s-theme.to-light { display: inline-grid; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) .ex .s-theme.to-dark { display: none; }
  :root:not([data-theme]) .ex .s-theme.to-light { display: inline-grid; }
}
.ex .k-inline { display: inline; margin: 0; }

/* ---------------------------------------------------------------- цифры */
.ex .s-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ex .s-kpi { display: grid; gap: 6px; align-content: start; padding: 16px 18px;
  background: var(--card); border-radius: 24px; box-shadow: inset 0 0 0 1px var(--card-edge);
  transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s cubic-bezier(.2,.8,.2,1); }
.ex .s-kpi:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(var(--shade), .10); }
.ex .s-label { font-size: 13.5px; color: var(--ink2); }
.ex .s-val-big { font-size: 32px; line-height: 1.05; letter-spacing: -.03em; font-weight: 700;
  font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.ex .s-val-big > span { white-space: nowrap; }
.ex .s-val-big small { font-size: .45em; font-weight: 600; opacity: .7; margin-left: 2px; letter-spacing: 0; }
.ex .s-sub { font-size: 12.5px; color: var(--ink3); }
.ex .me-kpi-main { background: linear-gradient(126deg, #6D66F5, #4F46E5 88%); color: #fff;
  box-shadow: 0 14px 34px rgba(79, 70, 229, .28); }
.ex .me-kpi-main .s-label, .ex .me-kpi-main .s-sub { color: rgba(255, 255, 255, .8); }
.ex .me-kpi-main:hover { box-shadow: 0 20px 42px rgba(79, 70, 229, .38); }
.ex .s-chip { display: inline-flex; align-items: center; padding: 4px 8px;
  border-radius: 8px; font-size: 12px; font-weight: 600; white-space: nowrap; }

/* ---------------------------------------------------------------- карточки */
.ex .s-card { display: grid; gap: 14px; align-content: start; padding: 18px 20px;
  background: var(--card); border-radius: 24px; box-shadow: inset 0 0 0 1px var(--card-edge); }
.ex .s-head { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.ex .s-head h4 { margin: 0; font-size: 16px; font-weight: 700; }
.ex .s-hint { font-size: 12.5px; color: var(--ink3); }
.ex .me-empty { margin: 0; font-size: 14px; color: var(--ink2); line-height: 1.5; }
.ex .me-note { margin: 0; padding: 12px 16px; border-radius: 14px; font-size: 14px; font-weight: 600;
  background: var(--ok-bg); color: var(--ok-fg); }
.ex .me-note.w-bad { background: var(--bad-bg); color: var(--bad-fg); }
.ex .k-warnbar { display: grid; gap: 4px; background: var(--wait-bg); color: var(--wait-fg);
  border-radius: 16px; padding: 14px 18px; font-size: 14px; line-height: 1.45; }
.ex .k-warnbar b { font-weight: 700; font-size: 15px; }
.ex .k-foot { margin: 6px 0 0; font-size: 12.5px; color: var(--ink3); line-height: 1.5; }
.ex .k-linkbtn { color: var(--ink2); text-decoration: underline; text-underline-offset: 3px; }
.ex .k-linkbtn:hover { color: var(--ink); }

/* ---------------------------------------------------------------- кнопки и поля */
.ex .k-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 11px 18px; border: 0; border-radius: 999px; font: 600 14px/1 "Onest", system-ui, sans-serif;
  cursor: pointer; white-space: nowrap; color: var(--ink); background: var(--soft);
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease; }
.ex .k-btn:hover { background: var(--hover); }
.ex .k-btn:active { transform: scale(.97); }
.ex .k-btn.dark { background: var(--ink); color: var(--on-ink); }
.ex .k-btn.dark:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(var(--shade), .22); }
.ex .k-btn.done { background: var(--ok-bg); color: var(--ok-fg); box-shadow: none; }
.ex .k-btn:disabled { opacity: .6; cursor: progress; }
.ex .k-btn:focus-visible, .ex .s-link:focus-visible, .ex .s-theme:focus-visible,
.ex summary:focus-visible, .ex a:focus-visible { outline: 2px solid var(--acc); outline-offset: 2px; }
.ex .k-field { display: grid; gap: 7px; font-size: 13px; color: var(--ink2); }
.ex .k-input { width: 100%; height: 46px; border: 0; border-radius: 14px; background: var(--soft);
  padding: 0 14px; color: var(--ink); font: 500 16px/1 "Onest", system-ui, sans-serif; outline: none;
  box-shadow: inset 0 0 0 1px var(--edge); transition: box-shadow .2s ease; }
.ex .k-input:hover { box-shadow: inset 0 0 0 1px var(--hair); }
.ex .k-input:focus { box-shadow: inset 0 0 0 2px var(--acc); }

/* ---------------------------------------------------------------- кошельки */
.ex .w-warn { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px;
  border-radius: 14px; background: var(--wait-bg); color: var(--wait-fg); font-size: 14px; line-height: 1.45; }
.ex .w-warn svg { flex: none; margin-top: 1px; }
.ex .w-list { display: grid; gap: 12px; }
.ex .w-card { display: grid; grid-template-columns: 168px minmax(0, 1fr); gap: 18px; align-items: start;
  padding: 16px; border-radius: 20px; background: var(--soft); scroll-margin-top: 16px;
  transition: box-shadow .25s ease; }
.ex .w-card:target { box-shadow: inset 0 0 0 2px var(--acc), 0 0 24px var(--glow); }
/* QR всегда на белом — так его читает любой телефон, и в тёмной теме тоже */
.ex .w-qr { background: #FFFFFF; border-radius: 16px; padding: 12px; line-height: 0;
  box-shadow: inset 0 0 0 1px rgba(21, 23, 28, .06); }
.ex .w-qr svg { width: 100%; height: auto; display: block; }
.ex .w-body { display: grid; gap: 12px; min-width: 0; }
.ex .w-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ex .w-name { margin: 0; font-size: 18px; font-weight: 700; letter-spacing: -.01em; overflow-wrap: anywhere; }
.ex .w-net { background: color-mix(in srgb, var(--acc) 12%, var(--card)); color: var(--acc); }
/* адрес крупно, по четыре знака; без пробелов внутри — выделенный адрес копируется целиком */
.ex .w-addr { display: grid; grid-template-columns: repeat(6, max-content); gap: 6px 14px;
  font: 600 19px/1.35 var(--mono); letter-spacing: .04em; color: var(--ink);
  padding: 12px 14px; border-radius: 14px; background: var(--card);
  box-shadow: inset 0 0 0 1px var(--edge); user-select: all; -webkit-user-select: all; }
.ex .w-actions { display: flex; align-items: flex-start; gap: 10px; flex-wrap: wrap; }
.ex .w-rename { flex: 1 1 260px; }
.ex .w-rename > summary { list-style: none; background: var(--card); box-shadow: inset 0 0 0 1px var(--edge); }
.ex .w-rename > summary::-webkit-details-marker { display: none; }
.ex .w-rename[open] > summary { background: var(--hover); }
.ex .w-form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; }
.ex .w-rename .w-form { margin-top: 10px; }
.ex .w-form .k-field, .ex .w-rename .k-input { flex: 1 1 220px; }
.ex .w-form .k-input { background: var(--card); }
.ex .w-new .w-form .k-input { background: var(--soft); }
.ex .w-form .k-btn { height: 46px; }
.ex .w-msg { flex-basis: 100%; margin: 0; font-size: 13.5px; font-weight: 600; color: var(--bad-fg); }

/* ---------------------------------------------------------------- поступления */
.ex .k-scroll { overflow-x: auto; }
.ex .k-table { display: grid; min-width: 560px; }
.ex .w-dep { --cols: 1.1fr 1.3fr 1fr .9fr; }
.ex .w-dep3 { --cols: 1.1fr 1.3fr 1fr; }
.ex .k-tr { display: grid; grid-template-columns: var(--cols); gap: 14px; align-items: center;
  padding: 11px 12px; border-radius: 12px; font-size: 14px; transition: background-color .2s ease; }
.ex .k-tr + .k-tr { box-shadow: inset 0 1px 0 var(--line); }
.ex .k-tr:not(.k-th):hover { background: var(--soft); box-shadow: none; }
.ex .k-th { font-size: 11.5px; font-weight: 600; color: var(--ink3); text-transform: uppercase;
  letter-spacing: .05em; padding-top: 2px; padding-bottom: 8px; }
.ex .num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ex .num small { font-size: 11px; color: var(--ink3); font-weight: 500; }
.ex .num.strong { font-weight: 700; }
.ex .w-amt { text-align: left; color: var(--ok-fg); }
.ex .w-link { color: var(--acc); font-weight: 600; }
.ex .w-link:hover { text-decoration: underline; text-underline-offset: 3px; }

/* ---------------------------------------------------------------- администратор */
.ex .k-back { justify-self: start; display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px;
  border-radius: 999px; background: var(--card); font-size: 13.5px; font-weight: 600;
  transition: transform .2s ease, box-shadow .2s ease; }
.ex .k-back:hover { transform: translateX(-2px); box-shadow: inset 0 0 0 1px var(--hair); }
.ex .k-who { display: flex; align-items: center; gap: 16px; background: var(--card);
  border-radius: 24px; padding: 16px 20px; flex-wrap: wrap; }
.ex .k-who h3 { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0;
  font-size: 24px; font-weight: 700; letter-spacing: -.02em; overflow-wrap: anywhere; }
.ex .k-who p { margin: 4px 0 0; font-size: 13.5px; color: var(--ink3); line-height: 1.5; }
.ex .k-who p b { color: var(--ink2); }
.ex .a-on { background: var(--ok-bg); color: var(--ok-fg); }
.ex .a-off { background: var(--bad-bg); color: var(--bad-fg); }
.ex .a-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; }
.ex .a-card { display: grid; gap: 8px; align-content: start; padding: 16px; border-radius: 20px;
  background: var(--soft); transition: transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease; }
.ex .a-card:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(var(--shade), .10), inset 0 0 0 1px var(--edge); }
.ex .a-card.is-off { opacity: .72; }
.ex .a-top { display: flex; align-items: center; gap: 8px; justify-content: space-between; }
.ex .a-name { font-size: 16px; overflow-wrap: anywhere; }
.ex .a-login { font: 600 13px/1.2 var(--mono); color: var(--ink3); }
.ex .a-row { display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
  font-size: 13px; color: var(--ink2); }
.ex .a-row b { color: var(--ink); font-size: 15px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ex .a-row small { font-size: 10.5px; color: var(--ink3); font-weight: 600; }
.ex .a-meta { font-size: 12.5px; color: var(--ink3); }
.ex .a-orphans { display: grid; gap: 4px; padding: 13px 16px; border-radius: 16px; font-size: 13.5px;
  background: color-mix(in srgb, var(--acc) 8%, var(--card)); color: var(--ink2);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--acc) 22%, transparent); }
.ex .a-orphans b { color: var(--ink); }
.ex .a-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.ex .a-actions form { margin: 0; }
.ex .a-actions .k-btn, .ex .a-danger .k-btn { height: 46px; box-shadow: inset 0 0 0 1px var(--edge); }
.ex .a-danger > summary { list-style: none; color: var(--bad-fg); }
.ex .a-danger > summary::-webkit-details-marker { display: none; }
.ex .a-danger form { display: grid; gap: 10px; margin-top: 10px; padding: 14px; border-radius: 16px;
  background: var(--bad-bg); color: var(--bad-fg); }
.ex .a-danger p { margin: 0; font-size: 14px; line-height: 1.45; }
.ex .a-del-yes { justify-self: start; background: var(--bad); color: #fff; box-shadow: none; }
.ex .a-del-yes:hover { background: var(--bad); filter: brightness(1.08); }
.ex .a-secret { font: 700 26px/1.3 var(--mono); letter-spacing: .06em; color: var(--ink);
  padding: 16px 18px; border-radius: 16px; background: var(--soft); box-shadow: inset 0 0 0 1px var(--edge);
  overflow-wrap: anywhere; user-select: all; -webkit-user-select: all; }
.ex .a-pass .w-actions .k-btn { height: 46px; }

/* ---------------------------------------------------------------- вход */
.sk-plain { background: var(--bg); align-content: center; min-height: 100vh; min-height: 100svh; }
.ex .k-login { position: relative; display: grid; place-items: center; padding: 24px; }
.ex .k-login::before { content: ""; position: fixed; inset: 0; z-index: 0;
  background: radial-gradient(36vmax 36vmax at 50% 44%, var(--glow), transparent 72%);
  animation: aurBreath 9s ease-in-out infinite; pointer-events: none; }
@keyframes aurBreath { 0%, 100% { opacity: .62; } 50% { opacity: 1; } }
.ex .k-gate { position: relative; z-index: 1; display: grid; gap: 18px; justify-items: center;
  width: min(340px, 100%); }
.ex .me-brand .br-word { font-size: 17px; }
.ex .me-lead { margin: -6px 0 4px; text-align: center; font-size: 14px; line-height: 1.5;
  color: var(--ink2); text-wrap: balance; }
.ex .me-lead b { color: var(--ink); font-size: 16px; }
.ex .k-slot { position: relative; display: grid; gap: 12px; width: 100%; }
.ex .me-lab { font-size: 12px; font-weight: 600; color: var(--ink3); text-align: center; letter-spacing: .02em; }
.ex .k-key { width: 100%; height: 44px; border: 0; background: transparent; text-align: center;
  color: var(--ink); caret-color: var(--acc); outline: none;
  font: 600 18px/1 "Inter", system-ui, sans-serif; letter-spacing: .02em; }
.ex .k-key[type="password"] { letter-spacing: .3em; text-indent: .3em; }
.ex .k-key:-webkit-autofill, .ex .k-key:-webkit-autofill:hover, .ex .k-key:-webkit-autofill:focus,
.ex .k-key:autofill, .ex .k-key:autofill:hover, .ex .k-key:autofill:focus {
  -webkit-text-fill-color: var(--ink); -webkit-box-shadow: 0 0 0 1000px transparent inset;
  box-shadow: 0 0 0 1000px transparent inset; background: transparent !important;
  transition: background-color 9999s ease-in-out 0s; }
.ex .k-line { height: 2px; border-radius: 2px; background: var(--key-line);
  box-shadow: 0 0 14px rgba(79, 70, 229, .14);
  transition: background .35s ease, box-shadow .35s ease, transform .35s ease; }
.ex .k-key:focus ~ .k-line { transform: scaleY(1.5);
  background: linear-gradient(90deg, transparent, var(--acc) 18%, var(--acc) 82%, transparent);
  box-shadow: 0 0 20px rgba(79, 70, 229, .45); }
.ex .k-enter { display: inline-flex; align-items: center; justify-content: center; border: 0; cursor: pointer;
  padding: 16px 36px; border-radius: 999px; background: #FFFFFF; color: #15171C;
  font: 700 14px/1 "Inter", system-ui, sans-serif; letter-spacing: .08em;
  box-shadow: 0 10px 30px rgba(var(--shade), .10), inset 0 0 0 1px rgba(var(--shade), .05);
  transition: transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease; }
.ex .k-enter:hover { transform: translateY(-2px);
  box-shadow: 0 16px 38px rgba(var(--shade), .14), 0 0 28px rgba(79, 70, 229, .30),
              inset 0 0 0 1px rgba(79, 70, 229, .22); }
.ex .k-enter:active { transform: scale(.97); }
.ex .me-error { margin: -6px 0 0; font-size: 13.5px; font-weight: 600; color: var(--bad-fg); text-align: center; }
.ex .k-quiet { margin: 0; font-size: 12.5px; color: var(--ink3); text-align: center; line-height: 1.5;
  text-wrap: balance; }

/* скрытое поле для копирования в старых браузерах */
.copy-buffer { position: fixed; left: -9999px; top: 0; opacity: 0; }

/* ---------------------------------------------------------------- телефон */
@media (max-width: 860px) {
  .ex .w-card { grid-template-columns: 132px minmax(0, 1fr); gap: 14px; }
  .ex .w-addr { grid-template-columns: repeat(4, max-content); font-size: 18px; }
}
@media (max-width: 720px) {
  .ex { padding: max(12px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right))
      24px max(14px, env(safe-area-inset-left)); gap: 12px; overflow-x: hidden; }
  .ex a, .ex button, .ex summary, .ex label { -webkit-tap-highlight-color: transparent; }
  .ex .s-top { padding: 8px 8px 8px 18px; gap: 8px; border-radius: 28px; }
  .ex .s-logo .br-word { font-size: 13px; letter-spacing: .26em; }
  .ex .me-who { order: 3; flex-basis: 100%; padding: 0 0 4px; font-size: 12.5px; }
  .ex .s-kpis { grid-template-columns: 1fr 1fr; gap: 10px; }
  .ex .s-kpis .me-kpi-main { grid-column: 1 / -1; }
  .ex .s-kpi { padding: 13px 14px; border-radius: 20px; }
  .ex .s-val-big { font-size: 22px; }
  .ex .me-kpi-main .s-val-big { font-size: 28px; }
  .ex .s-card { padding: 14px; border-radius: 22px; }
  .ex .s-head h4 { font-size: 15px; }
  /* кошелёк: QR сверху по центру, адрес во всю ширину */
  .ex .w-card { grid-template-columns: 1fr; padding: 14px; justify-items: stretch; }
  .ex .w-qr { width: min(220px, 100%); justify-self: center; }
  .ex .w-addr { grid-template-columns: repeat(4, max-content); justify-content: center; font-size: 18px; gap: 6px 12px; }
  .ex .w-actions { display: grid; grid-template-columns: 1fr; }
  .ex .k-who { border-radius: 20px; padding: 14px; }
  .ex .k-who h3 { font-size: 20px; }
  .ex .a-actions { display: grid; grid-template-columns: 1fr; }
  .ex .a-actions .k-btn, .ex .a-danger > summary { width: 100%; }
  .ex .a-secret { font-size: 21px; }
  .ex .w-actions .k-btn { width: 100%; height: 48px; }
  .ex .w-form { display: grid; grid-template-columns: 1fr; }
  .ex .w-form .k-btn { width: 100%; }
  /* строки поступлений становятся карточками */
  .ex .k-scroll { overflow-x: visible; }
  .ex .k-table { min-width: 0; }
  .ex .k-th { display: none; }
  .ex .k-tr { grid-template-columns: 1fr; gap: 5px; padding: 13px 14px; border-radius: 18px;
    background: var(--soft); box-shadow: none !important; }
  .ex .k-tr + .k-tr { margin-top: 8px; }
  .ex .k-tr > :first-child { font-size: 17px; }
  .ex .k-tr > [data-label] { display: block; text-align: right; }
  .ex .k-tr > [data-label]::before { content: attr(data-label); float: left; max-width: 55%;
    font-weight: 500; font-size: 12.5px; line-height: 1.7; color: var(--ink3); text-align: left; }
}
@media (max-width: 340px) {
  .ex .w-addr { font-size: 16px; gap: 6px 9px; padding: 10px; }
  .ex .s-logo .br-word { font-size: 12px; letter-spacing: .2em; }
}
@media (prefers-reduced-motion: reduce) {
  .ex .k-login::before { animation: none; }
  .ex .s-kpi:hover, .ex .k-enter:hover, .ex .k-enter:active, .ex .k-btn.dark:hover,
  .ex .k-btn:active { transform: none; }
}