/* Кабинет команды SALES WB·OZON — нейтральная «командная» палитра (индиго).
   Три темы: светлая (дефолт), тёмная, 🦄 единорог. */

:root{
  color-scheme:light;
  --bg:#f5f6f9; --card:#ffffff; --panel:#eef1f6;
  --text:#1b2333; --muted:#6b7384; --border:#e3e7ef;
  --accent:#4f46e5; --accent-d:#3f37c4; --accent-soft:#eef0fe;
  --shadow:0 1px 3px rgba(30,40,80,.06), 0 1px 2px rgba(30,40,80,.06);
  --shadow-lift:0 14px 36px rgba(30,40,80,.14);
  --ts-accent:#4f46e5;
  --radius:14px;
}
[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0f1320; --card:#171c2b; --panel:#141826;
  --text:#e8eaf2; --muted:#9aa2b8; --border:#2a3147;
  --accent:#8b91f7; --accent-d:#a7abff; --accent-soft:#1c2236;
  --shadow:0 1px 3px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.4);
  --shadow-lift:0 16px 40px rgba(0,0,0,.6);
}
[data-theme="pink"]{
  color-scheme:light;
  --bg:#fff2fa; --card:#ffffff; --panel:#ffe9f5;
  --text:#5e2a4d; --muted:#a8709a; --border:#ffd2ea;
  --accent:#d4439b; --accent-d:#b8327f; --accent-soft:#ffe0ef;
  --shadow:0 3px 16px rgba(255,143,200,.16);
  --shadow-lift:0 16px 40px rgba(255,143,200,.28);
  --ts-accent:#d4439b;
}
[data-theme="pink"] body{background-image:radial-gradient(circle at 12% 20%,#ffe3f4 0,transparent 22%),radial-gradient(circle at 88% 70%,#efe1ff 0,transparent 22%)}

*{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:hidden;max-width:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;
  background:var(--bg); color:var(--text); line-height:1.55; -webkit-font-smoothing:antialiased;
  transition:background .25s ease, color .25s ease}
a{color:var(--accent); text-decoration:none}

/* ── переключатель тем ── */
.theme-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--card);box-shadow:var(--shadow);-webkit-user-select:none;user-select:none}
.theme-switch .ts-opt{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted,#7b7b7b);cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;line-height:1;padding:6px 11px;border-radius:999px;transition:background .18s,color .18s}
.theme-switch .ts-opt .ts-ico{font-size:13px;line-height:1}
.theme-switch .ts-opt[aria-pressed="true"]{background:var(--ts-accent);color:#fff}
.theme-switch.fixed{position:fixed;top:14px;right:16px;z-index:60}
.theme-switch .ts-txt{display:none}

/* ── единорог + выстрел эмодзи ── */
.uni-deco{display:none}
[data-theme="pink"] .uni-deco{display:block;position:fixed;right:22px;bottom:18px;font-size:120px;line-height:1;z-index:55;pointer-events:none;user-select:none;animation:uni-bob 3s ease-in-out infinite;filter:drop-shadow(0 8px 11px rgba(200,100,180,.45))}
[data-theme="pink"] .uni-deco::after{content:"✨";position:absolute;left:-28px;top:-10px;font-size:50px;animation:uni-spark 1.8s ease-in-out infinite}
@keyframes uni-bob{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-14px) rotate(5deg)}}
@keyframes uni-spark{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
.uni-star{position:fixed;z-index:9999;pointer-events:none;will-change:transform,opacity;animation:uni-burst var(--dur,1.5s) cubic-bezier(.15,.65,.25,1) forwards}
@keyframes uni-burst{0%{transform:translate(0,0) scale(.3) rotate(0);opacity:1}15%{opacity:1}100%{transform:translate(var(--dx,0),var(--dy,0)) scale(var(--sc,1.4)) rotate(var(--rot,360deg));opacity:0}}

/* ── login ── */
.auth-page{min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px}
.auth-card{width:100%; max-width:380px; background:var(--card); border:1px solid var(--border);
  border-radius:18px; box-shadow:var(--shadow-lift); padding:34px 32px}
.auth-logo{display:flex; align-items:center; gap:9px; margin-bottom:22px; font-size:16px; color:var(--text)}
.auth-logo .logo{font-size:22px}
.auth-logo .bt b{color:var(--accent)}
.welcome{font-size:11px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--accent); margin-bottom:8px}
.auth-card h1{font-weight:700; font-size:25px; margin:0 0 6px; letter-spacing:.2px; color:var(--text)}
.auth-card .sub{color:var(--muted); font-size:14px; margin:0 0 24px}
.field{margin-bottom:16px}
.field label{display:block; font-size:11.5px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:var(--muted); margin-bottom:6px}
.field input{width:100%; padding:12px 14px; border:1px solid var(--border); border-radius:10px; background:var(--bg); color:var(--text); font-size:15px; font-family:inherit; transition:border-color .15s, box-shadow .15s}
.field input:focus{outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft)}
.btn{display:inline-flex; align-items:center; justify-content:center; width:100%; padding:13px 18px;
  background:var(--accent); color:#fff; border:none; border-radius:10px; font-family:inherit;
  font-size:15px; font-weight:600; cursor:pointer; transition:background .15s; letter-spacing:.02em}
.btn:hover{background:var(--accent-d)}
.error{background:var(--accent-soft); border:1px solid var(--border); color:var(--accent-d);
  padding:10px 14px; border-radius:10px; font-size:14px; margin-bottom:16px}

/* ── topbar ── */
.topbar{position:sticky; top:0; z-index:10; background:var(--card); border-bottom:1px solid var(--border)}
.topbar::before{content:""; display:block; height:3px; background:linear-gradient(90deg,var(--accent),#a78bfa 60%,var(--accent))}
.topbar-inner{max-width:1080px; margin:0 auto; padding:13px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px}
.brand{display:flex; align-items:center; gap:11px; min-width:0; font-size:16px; color:var(--text)}
.brand .logo{font-size:21px}
.brand .bt b{color:var(--accent)}
.brand .tag{font-size:12px; color:var(--muted); padding-left:12px; border-left:1px solid var(--border); white-space:nowrap}
.topnav{display:flex; align-items:center; gap:16px; flex:none}
.topnav .logout{font-size:13.5px; color:var(--muted)}
.topnav .logout:hover{color:var(--accent)}

main{max-width:1080px; margin:0 auto; padding:26px 22px 60px}
.page-intro{margin:6px 0 26px}
.page-intro h1{font-weight:700; font-size:clamp(24px,3.4vw,32px); margin:0 0 4px; letter-spacing:.2px}
.page-intro p{margin:0; color:var(--muted); font-size:14.5px}
.section{margin-bottom:40px}
.sec-head{display:flex; align-items:baseline; gap:14px; margin-bottom:14px}
.sec-head h2{font-weight:700; font-size:clamp(19px,3vw,24px); margin:0; letter-spacing:.2px}

.cards{display:grid; gap:14px; grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.linkcard{display:flex; align-items:center; gap:16px; background:var(--card); border:1px solid var(--border);
  border-radius:var(--radius); padding:18px 20px; box-shadow:var(--shadow); position:relative; overflow:hidden;
  transition:transform .15s, box-shadow .15s; color:var(--text)}
.linkcard::before{content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--accent)}
a.linkcard:hover{transform:translateY(-2px); box-shadow:var(--shadow-lift)}
.linkcard.soon{opacity:.72}
.linkcard .lc-ico{flex:none; width:46px; height:46px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:22px; background:var(--accent-soft)}
.linkcard .lc-body{flex:1 1 auto; min-width:0}
.linkcard .lc-t{font-size:16px; font-weight:700; color:var(--text)}
.linkcard .lc-s{font-size:13px; color:var(--muted); margin-top:3px}
.linkcard .lc-go{flex:none; color:var(--accent); font-weight:600; font-size:14px; white-space:nowrap}
.linkcard .lc-go.muted{color:var(--muted)}
.empty{color:var(--muted); font-size:14px; padding:18px 4px}

footer.site{max-width:1080px; margin:0 auto; padding:24px 22px 40px; border-top:1px solid var(--border);
  color:var(--muted); font-size:12.5px; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap}

@media (max-width:560px){
  .topbar-inner{padding:12px 16px}
  main{padding:20px 16px 48px}
  .brand .tag{display:none}
  .cards{grid-template-columns:1fr}
}

/* ── ода сотруднику (прототип; подхватывает тему через --accent) ── */
.ode{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--accent),#a78bfa);color:#fff;border-radius:var(--radius);padding:24px 28px;margin:0 0 30px;box-shadow:var(--shadow-lift)}
[data-theme="pink"] .ode{background:linear-gradient(135deg,#ff5fae,#c879ff)}
.ode-badge{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.92;margin-bottom:12px}
.ode-body{margin:0;font-size:16.5px;line-height:1.7;font-style:italic;max-width:640px;white-space:pre-line}