/* Светлая тема платформы «Бобик» — поверх Bootstrap 5.
   Палитра согласована с панелью модерации (slate + indigo, Fira Sans). */
:root{
  --bg:#eef1f5; --card:#fff; --ink:#0f172a; --muted:#64748b; --line:#e6eaf0;
  --primary:#4f46e5; --primary-d:#4338ca; --approve:#16a34a; --reject:#dc2626; --radius:14px;
}
body{
  background:var(--bg); color:var(--ink);
  font-family:'Fira Sans',system-ui,-apple-system,sans-serif;
  min-height:100vh; display:flex; flex-direction:column;
}
main{flex:1 0 auto;}
.mono{font-family:'Fira Code',monospace;}
a{color:var(--primary);}
a:hover{color:var(--primary-d);}

/* Навбар — белый, тёмный текст, индиго-акцент активного пункта */
.app-navbar{background:var(--card); border-bottom:1px solid var(--line);}
.app-navbar .navbar-brand{color:var(--ink);}
.app-navbar .nav-link{color:var(--muted); font-weight:600; border-radius:8px; padding:.4rem .8rem;}
.app-navbar .nav-link:hover{color:var(--ink); background:#f1f5f9;}
.app-navbar .nav-link.active{color:var(--primary); background:rgba(79,70,229,.10);}

/* Карточки */
.card{border:1px solid var(--line); border-radius:var(--radius); background:var(--card);}
.card:hover{box-shadow:0 8px 24px rgba(15,23,42,.06);}

/* Плитки статуса */
.stat{border:1px solid var(--line); border-radius:var(--radius); background:var(--card); padding:1rem 1.1rem;}
.stat .v{font-family:'Fira Code',monospace; font-size:1.4rem; font-weight:700; line-height:1;}
.stat .l{color:var(--muted); font-size:.82rem; margin-top:.35rem;}
.stat .v.ok{color:var(--approve);} .stat .v.bad{color:var(--reject);}

/* Заголовок-герой */
.hero{background:linear-gradient(135deg,#f0f9ff,#eef2ff); border:1px solid var(--line);
      border-radius:var(--radius); padding:2rem 1.6rem;}
.hero h1{font-weight:700;}

/* Бейджи этапов справки */
.badge-stage{background:#e0e7ff; color:#3730a3; font-weight:600;}

.app-footer{flex-shrink:0; border-top:1px solid var(--line); color:var(--muted); background:var(--card);}