/* ==========================================================================
   /app/themes/nice/style.css — шаблон «Милая» (nice).
   2026-10-12. Проект API_X15RU.
   Грузится ПОСЛЕ templates/assets/css/ui.css и перекрывает общий словарь
   классов .ja-* (тёмная неоновая тема) «милой» палитрой: тёмно-синий фон,
   оранжевый акцент. Так ВСЕ страницы приложения следуют выбранному шаблону,
   даже если их разметка захардкожена классами .ja-*.
   Своя разметка главной — классы .ja2-* (ниже).
   ========================================================================== */

/* --- палитра темы (перебивает :root из ui.css) --- */
:root, body{
  --bg:#0e1123; --panel:#161a35; --glass:#101430;
  --border:#262b52; --border-bright:#3a4380;
  --text:#eef1ff; --dim:#9aa3c7; --accent:#f97316; --accent2:#ffa94d;
  --warn:#ffb84c; --danger:#ff5f63;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --sans:'Space Grotesk',system-ui,-apple-system,sans-serif;
}

/* --- фон и база --- */
body,body.bg_dark,body.bg_gray{background:#0e1123; color:#eef1ff}
.ja-bg-grid{background-image:
    linear-gradient(rgba(120,140,220,0.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(120,140,220,0.05) 1px,transparent 1px)}
.ja-bg-radial{background:
    radial-gradient(ellipse at 50% 0%,rgba(249,115,22,0.10),transparent 55%),
    radial-gradient(ellipse at 85% 15%,rgba(60,90,200,0.10),transparent 45%)}
.ja-scan::after{background:linear-gradient(90deg,transparent,rgba(249,115,22,0.14),transparent)}

/* --- шапка --- */
.ja-top{border:1px solid #262b52; background:#161a35}
.ja-brand b{color:#eef1ff}
.ja-brand span{color:#9aa3c7}
.ja-chip{border:1px solid rgba(249,115,22,.5); color:#ffd9b8; background:rgba(249,115,22,.12)}
.ja-chip .dot{background:#f97316; box-shadow:0 0 8px rgba(249,115,22,.9)}

/* --- панели --- */
.ja-panel{border:1px solid #262b52; border-radius:14px; background:#161a35}
.ja-head{border-bottom:1px solid #262b52}
.ja-head h3{color:#9aa3c7}
.ja-badge{border:1px solid #262b52; color:#ffa94d}
.ja-body{color:#dfe3ff}

/* --- строки показателей --- */
.ja-row{border-bottom:1px solid rgba(255,255,255,.06)}
.ja-row .lab{color:#9aa3c7}
.ja-row .val{color:#ffa94d}
.ja-row .val.b{color:#8fb4ff} .ja-row .val.w{color:#ffb84c}

/* --- KPI --- */
.ja-kpi .k{border:1px solid #262b52; background:#161a35}
.ja-kpi .k .kl{color:#9aa3c7}
.ja-kpi .k .kv{color:#ffa94d}
.ja-kpi .k::after{background:linear-gradient(90deg,#f97316,transparent); opacity:.6}
.ja-kpi .k.blue .kv{color:#8fb4ff}
.ja-kpi .k.blue::after{background:linear-gradient(90deg,#5b8bff,transparent)}
.ja-kpi .k.warn .kv{color:#ffb84c}
.ja-kpi .k.warn::after{background:linear-gradient(90deg,#ffb84c,transparent)}

/* --- плитки разделов --- */
.ja-tile{border:1px solid #262b52; border-radius:14px; background:#161a35}
.ja-tile:active,.ja-tile:hover{border-color:#3a4380; background:#1c2145}
.ja-tile .t{color:#eef1ff}
.ja-tile .s{color:#9aa3c7}
.ja-tile .ico{color:#f97316}
.ja-tile.alarm{border-color:rgba(255,95,99,.5); background:rgba(255,95,99,.14)}
.ja-tile.alarm .t{color:#ffd8d9}
.ja-tile.alarm .ico{color:#ff5f63}
.ja-tile.new{border-color:rgba(249,115,22,.6)}
.ja-tile.new .t{color:#ffe6cf}
.ja-tile.new .ico{color:#ffa94d}

/* --- кнопки --- */
.ja-btn{border:1px solid #f97316; border-radius:10px; color:#1a1206; background:linear-gradient(180deg,#ff8a2b,#f97316)}
.ja-btn:hover{filter:brightness(1.06)}
.ja-btn.ghost{border-color:rgba(91,139,255,.45); border-radius:10px; color:#cfe0ff; background:rgba(91,139,255,.12)}
.ja-btn.ghost:hover{background:rgba(91,139,255,.22)}
.ja-btn.dim{border-color:#262b52; border-radius:10px; color:#9aa3c7; background:#141834}
.ja-btn.dim:hover{color:#eef1ff}

/* --- примечания --- */
.ja-note{border:1px solid #262b52; background:#141834; color:#c3c9ea}
.ja-note b{color:#eef1ff}
.ja-note.warn{border-color:rgba(255,184,76,.5); color:#ffd9a3; background:rgba(255,184,76,.1)}
.ja-note a{color:#ffa94d}

/* --- счётчики-плашки --- */
.ja-stats span{border:1px solid #262b52; color:#9aa3c7}
.ja-stats b{color:#ffa94d}

/* --- футер --- */
.ja-foot{border:1px solid #262b52; background:#161a35; color:#9aa3c7}
.ja-foot i{background:#f97316}

/* --- формы и кнопки страниц (сохраняем логику, меняем вид) --- */
body input[type=text],body input[type=tel],body input[type=password],body textarea,body select{
  background:#101430; color:#eef1ff; border:1px solid #3a4380}
body button,body input[type=submit],body input[type=button],body input[type=reset],
body .btn,body .btn_menu,body .btn_blue{
  border:1px solid rgba(249,115,22,.6); border-radius:10px;
  background:rgba(249,115,22,.14); color:#ffb066}
body button:hover,body input[type=submit]:hover,body input[type=button]:hover,body input[type=reset]:hover,
body .btn:hover,body .btn_menu:hover,body .btn_blue:hover{
  background:rgba(249,115,22,.26); color:#fff}
body .btn_blue{background:rgba(91,139,255,.14); border-color:rgba(91,139,255,.5); color:#cfe0ff}

/* --- карточки заявок/новостей/профиля (классы старого шаблона) --- */
body .one_article,body .profile_about{
  background:#161a35; border:1px solid #262b52; border-radius:14px;
  color:#eef1ff; padding:13px 15px}
body a.a_one_article:active .one_article,
body a.a_one_article:hover .one_article{border-color:#3a4380; background:#1c2145}
body .one_article .data,body .profile_about .data{color:#9aa3c7}
body .one_article p,body .profile_about p{color:#eef1ff}
body .one_article p i{color:#f97316}
body .one_article small,body .profile_about small{color:#9aa3c7}
body .one_article a,body .profile_about a{color:#8fb4ff}
body .profile_about h3{color:#eef1ff}
body .profile_about ul,body .profile_about ul li{color:#9aa3c7}
body .profile_about ul li i{color:#f97316}

/* --- нижнее меню: округлое в «милой» теме --- */
.ja-botnav{background:#141834; border-top:1px solid #262b52;
  padding:6px 10px 4px}
.ja-botnav a,.ja-botnav-item{border-radius:14px; margin:0 3px}
.ja-botnav a.active,.ja-botnav-item.active{color:#ff8a2b; background:rgba(249,115,22,.12)}

/* --- навигационные полосы и таблицы внутри разделов --- */
body .nav_bar,body.bg_gray .nav_bar{border:1px solid #262b52; color:#eef1ff; background:transparent}
body .nav_bar a{color:#8fb4ff}
body .line{background:rgba(255,255,255,.03); color:#eef1ff}
body .line:nth-child(even){background:rgba(255,255,255,.06)}
body .line_head{background:rgba(249,115,22,.16) !important; color:#eef1ff !important}

/* --- статистика отправок по заявке --- */
.ja-push{border:1px solid #262b52; background:#141834}
.ja-push-t{color:#9aa3c7}
.ja-push-r .k{color:#9aa3c7}
.ja-push-r b{color:#ffa94d}
.ja-push-r .k:nth-of-type(2)+b{color:#8fb4ff}
.ja-push-r .k:nth-of-type(3)+b{color:#ffb84c}
.ja-push-d{color:#9aa3c7}
.ja-push-d b{color:#eef1ff}

/* --- карточки /app/z/z/ --- */
body .container > .row > .block{border:1px solid #262b52}

/* --- копирование в один тап --- */
.ja-copy-toast{background:#171b30; color:#ffa94d; border:1px solid rgba(249,115,22,.4)}
.ja-coord{border-bottom:1px dashed rgba(249,115,22,.5)}

/* ==========================================================================
   Своя разметка главной — классы .ja2-*
   ========================================================================== */
body{background:#0e1123 !important}
.ja2-wrap{max-width:560px; margin:0 auto; padding:0 0 84px; font-family:'Space Grotesk',system-ui,-apple-system,sans-serif; color:#eef1ff}
.ja2-wrap *{box-sizing:border-box}
.ja2-wrap a{color:inherit; text-decoration:none}

/* шапка */
.ja2-topbar{background:linear-gradient(180deg,#ff8a2b,#f97316); color:#1a1206;
  font-weight:700; letter-spacing:.02em; font-size:17px; padding:14px 16px; margin:0 0 14px;
  text-align:left; box-shadow:0 6px 18px rgba(249,115,22,.25)}
.ja2-topbar span{display:inline-block}

/* герой: лого + подпись + статистика */
.ja2-hero{background:#161a35; border:1px solid #262b52; border-radius:16px; padding:14px; margin:0 12px 12px}
.ja2-hero-row{display:flex; gap:12px; align-items:flex-start}
.ja2-logo{width:64px; height:64px; object-fit:contain; border-radius:50%; background:#0e1123; flex:0 0 auto}
.ja2-hero-txt{min-width:0; flex:1}
.ja2-title{font-size:21px; font-weight:700; line-height:1.15}
.ja2-sub{font-size:12.5px; color:#9aa3c7; margin-top:2px; line-height:1.3}
.ja2-social{display:flex; gap:8px; margin-top:10px}
.ja2-soc{width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:12px; font-weight:700; color:#fff}
.ja2-soc.vk{background:#4c75a3}
.ja2-soc.tg{background:#2aabee}

/* блок статистики */
.ja2-stats{margin-top:14px; background:#101430; border:1px solid #262b52;
  border-radius:12px; padding:12px 14px; font-family:'IBM Plex Mono',ui-monospace,monospace}
.ja2-stats-h{font-size:13px; color:#9aa3c7; margin-bottom:6px}
.ja2-stats-row{display:flex; justify-content:space-between; font-size:14px; padding:2px 0}
.ja2-stats-row span{color:#c3c9ea}
.ja2-stats-row b{color:#fff}
.ja2-stats-users{margin-top:8px; padding-top:8px; border-top:1px dashed #2b3060; font-size:14px; color:#ffb066}
.ja2-stats-users b{color:#fff}

/* предупреждение об активной заявке */
.ja2-alert{display:flex; gap:10px; align-items:center; margin:0 12px 12px; padding:12px 14px;
  background:rgba(255,122,26,.12); border:1px solid rgba(255,138,43,.55); border-radius:12px}
.ja2-alert-ico{width:28px; height:28px; border-radius:50%; background:#f97316; color:#1a1206; font-weight:800;
  display:flex; align-items:center; justify-content:center; flex:0 0 auto}
.ja2-alert-txt{display:flex; flex-direction:column; min-width:0}
.ja2-alert-txt b{font-size:14px}
.ja2-alert-txt span{font-size:12px; color:#c3c9ea; margin-top:2px}

/* две большие кнопки */
.ja2-cta{display:flex; flex-direction:column; gap:10px; margin:0 12px 14px}
.ja2-btn{display:block; text-align:center; padding:15px 16px; border-radius:12px; font-size:16px; font-weight:700}
.ja2-btn.primary{background:linear-gradient(180deg,#ff8a2b,#f97316); color:#1a1206;
  box-shadow:0 6px 18px rgba(249,115,22,.28)}
.ja2-btn.dark{background:#1c2144; color:#e9ecff; border:1px solid #2b3160}

/* сетка плиток 2x2 */
.ja2-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0 12px 12px}
/* 2026-10-12 (владелец): кнопки главного меню одного размера — сетка «Ещё» больше
   не уменьшает плитки (раньше был меньший паддинг и иконка 22px, а двойной отступ
   .ja2-more + .ja2-grid делал их ещё и уже). Теперь обе сетки используют базовый .ja2-tile. */
.ja2-tile{position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:6px; height:96px; padding:10px 10px; background:#161a35; border:1px solid #262b52; border-radius:14px;
  text-align:center; box-sizing:border-box}
.ja2-tile-t{font-size:13.5px; font-weight:600; line-height:1.15}
.ja2-tile.new{border-color:rgba(255,138,43,.6)}
.ja2-ico{font-size:28px; line-height:1}
.ja2-tile-t{font-size:14px; font-weight:600}
.ja2-dot{position:absolute; top:10px; right:10px; width:9px; height:9px; border-radius:50%;
  background:#f97316; box-shadow:0 0 8px rgba(249,115,22,.8)}

/* примечания/советы */
.ja2-note{margin:0 12px 12px; padding:12px 14px; background:#141834; border:1px solid #262b52;
  border-radius:12px; font-size:13px; color:#c3c9ea; line-height:1.45}
.ja2-note b{color:#fff}
.ja2-note.warn{background:rgba(255,184,76,.1); border-color:rgba(255,184,76,.5)}
.ja2-note a{color:#ff9a3c; text-decoration:underline}

/* «Ещё» */
.ja2-more{margin:0}
.ja2-more-h{font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#7b83ab; margin:0 2px 8px}

/* подвал */
.ja2-foot{display:flex; justify-content:space-between; gap:8px; margin:16px 12px 0; padding-top:12px;
  border-top:1px solid #262b52; font-size:11.5px; color:#7b83ab}

/* --- нижняя навигация: в «милой» теме меню общее (templates/footer.php), */
/* --- разметка главной больше не содержит .ja2-navbar — см. .ja-botnav ниже. --- */