/* ═══════════════════════════════════════════════════════════════════════════
   potoko os (Aurora) — ПОРТ дизайн-системы принт-хауса на print-split.
   Источник: принт-хаус/frontend/src/theme.css (тема Aurora, светлая).
   Язык: стеклянные карточки (backdrop-filter), Aurora-сияние фон,
   градиент violet→magenta, блики/shimmer/blob, мягкие фиолетовые тени.
   ПИЛОТ: грузится ТОЛЬКО на cabinet.html (один экран на сверку с эталоном).
   Подключать ПОСЛЕДНИМ — переопределяет cm-*/pop-токены под Aurora.
   ═══════════════════════════════════════════════════════════════════════════ */
:root{
  --c-bg:#f1f5f9; --c-bg-subtle:#f4f2fb; --c-bg-second:#efeaf9;
  /* на светлом разреженном экране 70% бел стекло «пропадает» → делаем плотнее, видимая фрост-панель */
  --c-surface:rgba(255,255,255,.88); --c-surface-alt:rgba(248,246,253,.7);
  --c-border:rgba(124,58,237,.18); --c-border-soft:rgba(124,58,237,.10); --c-border-strong:rgba(124,58,237,.30);
  --glass-blur:saturate(1.55) blur(16px);
  --c-text:#0f172a; --c-text-second:#475569; --c-text-muted:#94a3b8;
  --c-primary:#7c3aed; --c-primary-hover:#6d28d9; --c-primary-soft:#ede9fe; --c-primary-on:#fff;
  --c-accent:#d946ef; --c-accent-soft:#fae8ff; --c-accent-strong:#c026d3;
  --grad-primary:linear-gradient(135deg,#7c3aed,#d946ef);
  --app-bg:radial-gradient(1100px 520px at 8% -8%,#ede9fe,transparent 55%),
           radial-gradient(900px 520px at 100% 0%,#fbe8ff,transparent 50%),#f6f4fb;
  --c-success:#16a34a; --c-success-soft:#dcfce7; --c-success-strong:#15803d; --c-success-border:#bbf7d0;
  --c-warning:#d97706; --c-warning-soft:#fef3c7; --c-warning-strong:#b45309; --c-warning-border:#fde68a;
  --c-danger:#dc2626; --c-danger-soft:#fee2e2; --c-danger-strong:#b91c1c; --c-danger-border:#fecaca;
  --shadow-card:0 1px 2px rgba(124,58,237,.04),0 8px 22px -12px rgba(124,58,237,.18);
  --shadow-lifted:0 14px 34px -12px rgba(124,58,237,.28),0 4px 10px -6px rgba(124,58,237,.12);
  --r-md:13px; --r-lg:18px; --r-xl:22px; --r-pill:9999px;
  --c-focus-ring:0 0 0 3px rgba(124,58,237,.28);
}
@keyframes pk-shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}
@keyframes pk-pop{0%{opacity:0;transform:translateY(10px) scale(.98)}100%{opacity:1;transform:none}}
@keyframes pk-blob{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(8px,-10px) scale(1.08)}}

/* Aurora-фон страницы (сияние фиолет+маджента) */
body{ background:var(--app-bg)!important; background-attachment:fixed; color:var(--c-text);
  font-family:Inter,system-ui,-apple-system,sans-serif; }

/* шапка: убрать тёмный бар, лёгкое стекло */
.cm-app-nav::before{ display:none; }

/* дрейфующие blob-пятна за контентом (мягкий «вау»-фон) */
.cm-wrap{ position:relative; }
.cm-wrap::before{ content:""; position:fixed; width:440px; height:440px; left:-90px; top:60px;
  border-radius:50%; background:rgba(124,58,237,.12); filter:blur(64px); z-index:-1;
  animation:pk-blob 11s ease-in-out infinite; pointer-events:none; }
.cm-wrap::after{ content:""; position:fixed; width:400px; height:400px; right:-70px; top:140px;
  border-radius:50%; background:rgba(217,70,239,.10); filter:blur(64px); z-index:-1;
  animation:pk-blob 13s ease-in-out infinite; pointer-events:none; }

/* СТЕКЛЯННЫЕ карточки (glass + блик + появление) */
.cm-card,.cm-tile,.cm-table-wrap,.cm-tg-row,.cm-notif,.cm-offer{
  background:var(--c-surface); border:1px solid var(--c-border); border-radius:var(--r-lg);
  box-shadow:var(--shadow-card); backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur);
  animation:pk-pop .42s cubic-bezier(.22,.61,.36,1) both; }
.cm-card{ padding:1.5rem; }
.cm-tile:hover{ transform:translateY(-3px); box-shadow:var(--shadow-lifted); border-color:var(--c-border-strong); }

/* заголовки */
.cm-page-head h1{ font-family:'Unbounded',Inter,sans-serif; color:var(--c-text); letter-spacing:-.02em; }
.cm-page-head p{ color:var(--c-text-second); }
.cm-card-title,.cm-tile-title,.cm-profile-main h2,.cm-state-title,.cm-modal-head h2{
  font-family:'Unbounded',Inter,sans-serif; color:var(--c-text); }

/* кнопки: primary = градиент violet→magenta + подсветка */
.btn{ border-radius:var(--r-md); font-weight:600; transition:background .15s,border-color .15s,box-shadow .15s,filter .15s; }
.btn-primary{ background:var(--grad-primary)!important; color:#fff!important; border:none;
  box-shadow:0 6px 16px -8px var(--c-primary); }
.btn-primary:hover{ filter:brightness(1.06); box-shadow:0 12px 26px -8px var(--c-primary); transform:none; }
.btn-ghost,.btn-secondary{ background:var(--c-surface); color:var(--c-text); border:1px solid var(--c-border);
  backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur); }
.btn-ghost:hover,.btn-secondary:hover{ background:var(--c-bg-subtle); border-color:var(--c-border-strong); }

/* бейджи статусов (potoko badge) */
.cm-pill{ border-radius:var(--r-pill); border:1px solid transparent; font-weight:600; }
.cm-pill-mut{ background:var(--c-bg-second); color:var(--c-text-second); border-color:var(--c-border); }
.cm-pill-accent{ background:var(--c-primary-soft); color:var(--c-primary); border-color:var(--c-border-strong); }
.cm-pill-ok{ background:var(--c-success-soft); color:var(--c-success-strong); border-color:var(--c-success-border); }
.cm-pill-warn{ background:var(--c-warning-soft); color:var(--c-warning-strong); border-color:var(--c-warning-border); }
.cm-pill-err{ background:var(--c-danger-soft); color:var(--c-danger-strong); border-color:var(--c-danger-border); }
.cm-tag{ background:var(--c-bg-second); border:1px solid var(--c-border); border-radius:var(--r-pill); color:var(--c-text-second); }

/* табы: трек subtle, активная — стеклянная пилюля */
.cm-tabs{ background:var(--c-bg-subtle); border:1px solid var(--c-border); }
.cm-tab{ color:var(--c-text-second); }
.cm-tab:hover{ color:var(--c-text); }
.cm-tab.cm-tab-active{ background:var(--c-surface); color:var(--c-text); box-shadow:var(--shadow-card); }
.cm-tab-count{ background:var(--c-bg-second); }
.cm-tab.cm-tab-active .cm-tab-count{ background:var(--c-primary-soft); color:var(--c-primary); }

/* поля ввода */
.cm-field input,.cm-field textarea,.cm-field select,.cm-filters input,.cm-filters select{
  background:var(--c-surface); border:1px solid var(--c-border); border-radius:var(--r-md); color:var(--c-text); }
.cm-field input:focus-visible,.cm-field textarea:focus-visible,.cm-field select:focus-visible{
  border-color:var(--c-primary); box-shadow:var(--c-focus-ring); }

/* аватар/иконки → aurora-градиент; токены — маджента */
.cm-avatar{ background:var(--grad-primary); color:#fff; }
.cm-balance .cm-bal-num,.cm-nav-bal{ color:var(--c-accent-strong); }
.cm-tg-ico{ background:var(--c-primary-soft); color:var(--c-primary); }

/* скелет-загрузка с бегущим бликом */
.cm-spinner{ border-color:var(--c-border); border-top-color:var(--c-primary); }
.cm-mascot{ filter:drop-shadow(0 12px 28px rgba(124,58,237,.20)); }

/* ── шапка (pp-nav из pop.css) → выровнять под Aurora: стекло + violet→magenta ── */
.pp-nav{ background:rgba(255,255,255,.72); backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur);
  border-bottom:1px solid var(--c-border); }
.pp-logo{ background:var(--grad-primary); box-shadow:0 6px 16px -6px var(--c-primary); }
.pp-wordmark{ color:var(--c-text); }
.pp-dot{ color:var(--c-accent); }
.pp-nav-links a{ color:var(--c-text-second); }
.pp-nav-links a:hover,.pp-nav-links a[aria-current]{ color:var(--c-primary); }
.pp-nav-login{ color:var(--c-text); }
.pp-nav-login:hover{ background:var(--c-primary-soft); color:var(--c-primary); }
.pp-nav-join{ background:var(--grad-primary); box-shadow:0 8px 20px -8px var(--c-primary); }

/* вложенные строки внутри карточки (Telegram / «стать мастером») — чуть иной тон, чтобы читались поверх стекла */
.cm-tg-row,.cm-offer{ background:var(--c-surface-alt); }