/* ==========================================================================
   fatedways-admin-skin.css — ОБЩИЯТ ВИД НА ВСИЧКИ АДМИН СТРАНИЦИ.
   Версия 3 · 2026-09-06

   ВАЖНО ЗА КАЧВАНЕТО: името на файла НЕ се сменя и номерът в реда на
   страниците НЕ се пипа. Двайсет страници вече го зареждат с ?v=1 —
   значи качиш ли САМО този файл, всичките поемат новия вид наведнъж.
   Единственото, което трябва след качването, е Ctrl+F5 в браузъра, за
   да не чете запомненото старо копие.

   Какво влиза във версия 2: ЦВЕТОВЕТЕ. Дотук този файл изравняваше само
   шрифта и таблиците, а всяка страница си оцветяваше нещата сама — затова
   „добре“ и „проблем“ изглеждаха еднакво бледи, а натиснатото копче не
   личеше. Сега палитрата е една и живее ТУК:

       зелено  #00FF66  добре · натиснато · отворено
       жълто   #FFFF00  внимание · чернова
       червено #FF0000  проблем · задържано
       синьо   #0066FF  закачено · насрочено · сведение

   Плътен цвят, контрастни букви. Едно място за всичките шестнайсет екрана:
   смениш ли цвят тук, сменя се навсякъде.

   Защо съществува: Cormorant Garamond е шрифт за играта. В таблици с числа
   цифрите му са „стари" (3, 4, 5, 7, 9 висят под реда) и с различна ширина,
   затова колоните се разместват и окото се уморява. Тук таблиците, полетата
   и дребните надписи минават на Raleway с изправени цифри с равна ширина.

   Как се качва: един ред в <head> на всяка админ страница, СЛЕД шрифтовете:
     <link rel="stylesheet" href="fatedways-admin-skin.css?v=1">

   Всички правила започват с body — така печелят пред вградените <style>
   на самата страница, независимо къде е сложен редът.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600&display=swap');

body{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }

/* --- 1. Данните: сансериф с изправени цифри с равна ширина ---------------- */
body table, body th, body td,
body input, body select, body textarea, body button,
body .chip, body .lbl, body .statlbl, body .dim, body .est, body .note{
  font-family:'Raleway','Segoe UI',system-ui,-apple-system,sans-serif;
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings:'lnum' 1,'tnum' 1;
}

/* --- 2. Таблиците: по-едро, повече въздух, по-ясни разделители ------------ */
body table{ font-size:14.5px; border-collapse:collapse; }
body th{
  font-size:11.5px; letter-spacing:0.05em; text-transform:uppercase; font-weight:500;
  color:#d0ba8c; padding:11px 10px;
  border-bottom:1px solid rgba(201,169,110,0.32);
}
body td{
  padding:10px 10px; color:#f1e6cd;
  border-bottom:1px solid rgba(201,169,110,0.16);
}
body tbody tr:last-child > td{ border-bottom:0; }
body tr:hover td{ background:rgba(201,169,110,0.07); }

/* Заглавният ред остава горе, без да ляга върху първия ред под него. */
body thead th{ position:sticky; top:0; z-index:2; background:#100b04; }

/* --- 3. Второстепенният текст беше твърде блед --------------------------- */
body .dim{ color:rgba(234,214,174,0.82); }
body .est{ color:rgba(234,214,174,0.72); font-size:0.92rem; }
body .sub{ color:rgba(235,212,164,0.88); font-size:1.02rem; }
body .card .t{ color:rgba(235,212,164,0.9); font-size:0.98rem; }
body .empty, body .muted{ color:rgba(226,200,150,0.85); font-size:1.02rem; }
body .note{ color:rgba(240,228,200,0.95); font-size:1rem; line-height:1.65; }

/* Дребните разредени надписи: по-едри, по-събрани, по-плътни. */
body .lbl, body .statlbl{
  font-size:0.75rem; letter-spacing:0.09em; line-height:1.5;
  color:rgba(234,206,148,0.92);
}

/* --- 4. Бутони и хапчета -------------------------------------------------- */
body .chip{ font-size:0.95rem; padding:8px 16px; color:#ecd39f; }
body .card .n, body .statnum{ color:#f4dda4; }

/* --- 5. Бутонът „← Табло" / „← Назад" ------------------------------------
   Беше хапче с position:sticky. Лепкавото хапче остава горе, а редовете под
   него се плъзгат отдолу и се показват иззад него — оттам идваше застъпването
   с филтрите. Сега е плътна лента през цялата ширина: нищо не прозира. */
body .back{
  display:block; position:sticky; top:0; z-index:30;
  margin:0 -18px 14px; padding:11px 18px;
  background:rgba(10,6,1,0.96);
  border:0; border-bottom:1px solid rgba(200,160,70,0.22); border-radius:0;
  color:#ecd39f; text-decoration:none; font-size:0.95rem; letter-spacing:0.02em;
}
body .back:hover{ background:rgba(26,16,3,0.98); color:#f6e2b6; }

/* --- 6. Телефон ----------------------------------------------------------- */
@media(max-width:640px){
  body table{ font-size:13.5px; }
  body th{ padding:9px 6px; }
  body td{ padding:9px 6px; }
  body .back{ margin:0 -14px 12px; padding:10px 14px; }
}


/* ==========================================================================
   7-11. ЦВЕТОВЕТЕ, СЪСТОЯНИЯТА И ДВАТА ВИДА · версия 5 · 2026-09-06
   --------------------------------------------------------------------------
   ЕДНА ТЕЖЕСТ ЗА ВСИЧКО. Предният опит се счупи, защото правилата бяха с
   различна сила: „изчисти гърба на всеки div“ беше по-силно от „тази значка
   е зелена“, и цветовете изчезваха; а панел, чийто клас го нямаше в списъка,
   оставаше тъмен с тъмни букви върху него.

   Затова тук ВСЯКО правило носи една и съща тежест: html body … :not(#fw-x).
   Така редът им отгоре надолу решава кой печели, а не случайността.

   Светлото е основното. Тъмното се включва с класа fw-dark върху <html> —
   слага го копчето в таблото, и на себе си, и на страницата в рамката.

   КОЙ КЛАС ЗНАЧИ „НАТИСНАТО“. Всяка страница го бележи различно и оттам
   идваха изчезналите зелени копчета: Покупки ползва .chip.on, Подредби —
   button.on, таблото — .tab.active и .uf.active, Статии — .btn.small в
   двете си ленти. Всичките са изброени долу. Появи ли се страница с ново
   име за същото нещо, добавя се тук — на този един ред.
   ========================================================================== */

/* --- 1. Основата: хартия и черен текст ---------------------------------- */
html body:not(#fw-x){ background:#f7f3ea !important; background-image:none !important; }
html body *:not(#fw-x){ color:#12100c !important; text-shadow:none !important; }

/* --- 2. Всичко се изчиства, после панелите се връщат бели ---------------- */
html body div:not(#fw-x), html body section:not(#fw-x), html body form:not(#fw-x),
html body p:not(#fw-x), html body span:not(#fw-x), html body li:not(#fw-x),
html body label:not(#fw-x), html body table:not(#fw-x), html body tr:not(#fw-x),
html body td:not(#fw-x), html body pre:not(#fw-x){
  background-color:transparent !important; background-image:none !important;
}
html body .box:not(#fw-x), html body .card:not(#fw-x), html body .q:not(#fw-x),
html body .res:not(#fw-x), html body .page:not(#fw-x), html body .stat:not(#fw-x),
html body .gate:not(#fw-x), html body .note:not(#fw-x){
  background-color:#ffffff !important; border:1px solid #cbb98f !important; border-radius:10px !important;
}

/* --- 3. Копчета и полета ------------------------------------------------- */
html body button:not(#fw-x), html body .btn:not(#fw-x), html body .filter:not(#fw-x),
html body .chip:not(#fw-x), html body .tab:not(#fw-x), html body .uf:not(#fw-x),
html body .out:not(#fw-x), html body .mailto:not(#fw-x){
  background:#ffffff !important; background-image:none !important;
  color:#12100c !important; border:1px solid #cbb98f !important;
}
html body input:not(#fw-x), html body textarea:not(#fw-x),
html body select:not(#fw-x), html body .field:not(#fw-x){
  background:#ffffff !important; color:#12100c !important; border:1px solid #cbb98f !important;
}
html body input::placeholder, html body textarea::placeholder{ color:#5a5248 !important; opacity:1 !important; }
html body select option{ background:#fff !important; color:#12100c !important; }

/* --- 4. Таблици и заглавия ---------------------------------------------- */
html body th:not(#fw-x){ color:#4a3c18 !important; background:#f1ead9 !important; border-bottom:1px solid #cbb98f !important; }
html body td:not(#fw-x){ color:#12100c !important; border-bottom:1px solid #e2d7bd !important; }
html body h1:not(#fw-x), html body .title:not(#fw-x){ color:#6b4a10 !important; -webkit-text-fill-color:#6b4a10 !important; }
html body a:not(#fw-x){ color:#6b3d05 !important; }
html body .back:not(#fw-x){ background:#f1ead9 !important; color:#3c2c08 !important; border-bottom:1px solid #cbb98f !important; }

/* --- 5. ТЪМНОТО ---------------------------------------------------------- */
html.fw-dark body:not(#fw-x){ background:#0a0600 !important; }
html.fw-dark body *:not(#fw-x){ color:#f0e2c0 !important; }
html.fw-dark body .box:not(#fw-x), html.fw-dark body .card:not(#fw-x),
html.fw-dark body .q:not(#fw-x), html.fw-dark body .res:not(#fw-x),
html.fw-dark body .page:not(#fw-x), html.fw-dark body .stat:not(#fw-x),
html.fw-dark body .gate:not(#fw-x), html.fw-dark body .note:not(#fw-x){
  background-color:rgba(255,255,255,0.05) !important; border:1px solid rgba(200,160,70,0.26) !important;
}
html.fw-dark body button:not(#fw-x), html.fw-dark body .btn:not(#fw-x),
html.fw-dark body .filter:not(#fw-x), html.fw-dark body .chip:not(#fw-x),
html.fw-dark body .tab:not(#fw-x), html.fw-dark body .uf:not(#fw-x){
  background:rgba(20,13,3,0.85) !important; color:#e8d9b8 !important;
  border:1px solid rgba(200,160,70,0.35) !important;
}
html.fw-dark body input:not(#fw-x), html.fw-dark body textarea:not(#fw-x),
html.fw-dark body select:not(#fw-x), html.fw-dark body .field:not(#fw-x){
  background:rgba(4,2,0,0.8) !important; color:#f0e2c0 !important; border:1px solid rgba(200,160,70,0.35) !important;
}
html.fw-dark body th:not(#fw-x){ color:#d0ba8c !important; background:#100b04 !important; }
html.fw-dark body td:not(#fw-x){ color:#f1e6cd !important; border-bottom:1px solid rgba(201,169,110,0.16) !important; }
html.fw-dark body h1:not(#fw-x), html.fw-dark body .title:not(#fw-x){ color:#e0c48e !important; -webkit-text-fill-color:#e0c48e !important; }
html.fw-dark body a:not(#fw-x){ color:#e0c48e !important; }
html.fw-dark body .back:not(#fw-x){ background:rgba(10,6,1,0.96) !important; color:#ecd39f !important; }

/* --- 6. СЪСТОЯНИЯТА. Стоят НАКРАЯ, за да бият всичко отгоре ------------- */
html body .ok:not(#fw-x), html body .good:not(#fw-x), html body .yes:not(#fw-x),
html body .upill.ok:not(#fw-x), html body .pill.ok:not(#fw-x),
html body .ar-badge.open:not(#fw-x),
html body .tab.active:not(#fw-x), html body .tab.active *:not(#fw-x),
html body .uf.active:not(#fw-x), html body .uf.active *:not(#fw-x),
html body button.on:not(#fw-x), html body button.on *:not(#fw-x),
html body .filter.on:not(#fw-x), html body .btn.on:not(#fw-x),
html body .sheetbar button.on:not(#fw-x), html body .sheetbar button.on *:not(#fw-x),
html body .chip.on:not(#fw-x), html body a.on:not(#fw-x), html body .sel:not(#fw-x),
html body .selected:not(#fw-x), html body button.active:not(#fw-x),
html body [aria-pressed="true"]:not(#fw-x),
html body #ar-filters .btn.small:not(#fw-x), html body #ar-cats .btn.small:not(#fw-x){
  background:#00FF66 !important; background-color:#00FF66 !important; background-image:none !important;
  color:#04240f !important; border:1px solid #00b347 !important; font-weight:700 !important;
}
html body .warn:not(#fw-x), html body .ar-badge.draft:not(#fw-x){
  background:#FFFF00 !important; background-color:#FFFF00 !important; background-image:none !important;
  color:#1a1a00 !important; border:1px solid #b3b300 !important; font-weight:700 !important;
}
html body .bad:not(#fw-x), html body .no:not(#fw-x), html body .err:not(#fw-x),
html body .ar-badge.hold:not(#fw-x){
  background:#FF0000 !important; background-color:#FF0000 !important; background-image:none !important;
  color:#ffffff !important; border:1px solid #b30000 !important; font-weight:700 !important;
}
html body .info:not(#fw-x), html body .pin:not(#fw-x), html body .upill.info:not(#fw-x),
html body .ar-badge.soon:not(#fw-x), html body .ar-badge[style]:not(#fw-x),
html body .btn.small[data-arp]:not(#fw-x){
  background:#0066FF !important; background-color:#0066FF !important; background-image:none !important;
  color:#ffffff !important; border:1px solid #0047b3 !important; font-weight:700 !important;
}
/* Когато думата стои сама в клетка на таблица — само цвят на буквите. */
html body td.yes:not(#fw-x){ background:transparent !important; border:0 !important; color:#0a7a2f !important; font-weight:700 !important; }
html body td.no:not(#fw-x){ background:transparent !important; border:0 !important; color:#c40000 !important; font-weight:700 !important; }
/* Хапчетата да имат форма. */
html body .ok:not(#fw-x), html body .yes:not(#fw-x), html body .warn:not(#fw-x),
html body .bad:not(#fw-x), html body .no:not(#fw-x), html body .info:not(#fw-x),
html body .ar-badge:not(#fw-x){
  display:inline-block; border-radius:14px; padding:4px 12px; letter-spacing:0.06em; font-size:0.8rem;
}

/* --- 7. Един мащаб ------------------------------------------------------- */
/* Коренът. Дотук мащабът се задаваше само на body, а всички размери по-долу
   се мерят в rem — а rem се мери спрямо html, не спрямо body. Затова редът
   за body не ги пипаше и щом страницата на таблото си сложи html{font-size:125%},
   всяко заглавие, копче и клетка ставаше с една четвърт по-едро наведнъж.
   Оттук нататък коренът е 100 на сто и 1rem значи 16 пиксела навсякъде в таблото. */
html:not(#fw-x){ font-size:85% !important; }
html body:not(#fw-x){ font-size:16px; }
html body h1:not(#fw-x), html body .title:not(#fw-x){ font-size:1.5rem !important; }
html body h2:not(#fw-x){ font-size:1.18rem !important; }
html body h3:not(#fw-x){ font-size:1.04rem !important; }
html body .sub:not(#fw-x){ font-size:0.98rem !important; }
html body .lbl:not(#fw-x), html body .statlbl:not(#fw-x){ font-size:0.8rem !important; font-weight:600 !important; }
html body button:not(#fw-x), html body .btn:not(#fw-x), html body .filter:not(#fw-x),
html body .chip:not(#fw-x), html body .tab:not(#fw-x), html body .uf:not(#fw-x){
  font-family:'Raleway','Segoe UI',system-ui,sans-serif !important;
  font-size:0.95rem !important; border-radius:22px !important; padding:9px 17px !important;
}
html body input:not(#fw-x), html body textarea:not(#fw-x), html body select:not(#fw-x){
  font-size:1rem !important; padding:11px 13px !important; border-radius:8px !important;
}
html body table:not(#fw-x){ font-size:15px !important; }

/* --- Картата на човека: важното се вижда първо -------------------------
   Шестте реда бяха с един и същ вид и окото нямаше за какво да се хване.
   Парите вече са най-едри и в цвета на плана, а кога се е регистрирал и
   откъде е дошъл слизат отдолу, по-бледо. Класовете се слагат в
   fatedways-admin.php — тук е само видът. */
/* Парите: най-едрото в картата, на своя подложка. Цветът идва от плана
   (зелено за платен, синьо за пробен) и се задава в fatedways-admin.php. */
html body .fw-u-money:not(#fw-x){
  font-size:1.06rem !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  margin:8px 0 6px !important;
  padding:9px 13px !important;
  border-radius:8px !important;
  background:rgba(0,0,0,0.045) !important;
  border-left:4px solid currentColor !important;
}
/* Последно влизане: трета по важност, но със свой цвят по давност.
   Зелено — бил е тази седмица. Кехлибарено — до месец. Червено — отдавна. */
html body .fw-u-seen:not(#fw-x){
  font-size:0.92rem !important;
  font-weight:600 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  margin:8px 0 0 !important;
}
/* Следата: втората по важност. По-тъмна от дребното, без подложка. */
html body .fw-u-trace:not(#fw-x){
  font-size:0.92rem !important;
  font-weight:500 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  margin:2px 0 0 !important;
}
/* Долните редове бяха избледнени до 62 на сто и станаха нечетими.
   Открояването става с ЦВЯТ и разстояние, не със заглушаване: важното
   получава своя цвят, а дребното си остава напълно четимо, само по-дребно
   и отделено с черта. */
html body .fw-u-small:not(#fw-x){
  margin-top:14px;
  padding-top:10px;
  border-top:1px solid rgba(0,0,0,0.14);
}
/* ЧЕТИМО ЗНАЧИ ЧЕРНО. Двата ми предишни опита бяха сиви — първо на 62 на
   сто, после #5b5346 — и в двата случая редовете се губеха. Тук няма
   заглушаване: буквите са почти черни, а отделянето идва от размера,
   чертата и разстоянието. */
html body .fw-u-small .lbl:not(#fw-x){
  font-size:0.82rem !important;
  font-weight:500 !important;
  opacity:1 !important;
  color:#1c1a16 !important;
  line-height:1.7 !important;
}

/* --- Невъзвратимото действие се вижда отдалече ---------------------------
   „Изтрий напълно" стоеше със същия вид като „Какво е правил" — две копчета
   едно до друго, едното безобидно, другото без връщане назад. Класът danger
   вече е сложен в fatedways-admin.php, тъй че тук се дава само видът и нито
   един файл на таблото не се пипа. */
html body .danger:not(#fw-x){
  background:#c40000 !important;
  border-color:#c40000 !important;
  color:#fff !important;
  font-weight:600 !important;
}
html body .danger:not(#fw-x):hover{
  background:#a30000 !important;
  border-color:#a30000 !important;
}

/* „Махни достъпа" — връщаемо, затова не е червено. Тъмно оранжево: спира окото,
   без да се смеси с невъзвратимото до него. Копчето няма свой клас, но носи
   data-rem (в списъка) и data-urev (в картата на човека) — хващаме се за тях,
   тъй че fatedways-admin.php остава непокътнат. */
html body [data-rem]:not(#fw-x), html body [data-urev]:not(#fw-x){
  background:#b35400 !important;
  border-color:#b35400 !important;
  color:#fff !important;
  font-weight:600 !important;
}
html body [data-rem]:not(#fw-x):hover, html body [data-urev]:not(#fw-x):hover{
  background:#8f4200 !important;
  border-color:#8f4200 !important;
}

html body th:not(#fw-x){ font-size:0.78rem !important; font-weight:600 !important; }


/* ==========================================================================
   12. ЕДИН ШРИФТ ЗА ВСИЧКО · 2026-09-06
   --------------------------------------------------------------------------
   Дотук този файл сменяше шрифта само на таблиците, полетата и копчетата.
   Разказният текст, заглавията и числата в картичките оставаха на
   Cormorant Garamond — серифен и наклонен. Затова таблото изглеждаше с
   един шрифт, а страницата в него — с друг.

   Cormorant е шрифтът на ИГРАТА. В таблото се чете зле: тънък е, цифрите
   му висят под реда и на дребно се слива. Тук цялото табло минава на
   Raleway. Играта не се пипа — този файл живее само в админ страниците.
   ========================================================================== */
html body:not(#fw-x), html body *:not(#fw-x){
  font-family:'Raleway','Segoe UI',system-ui,-apple-system,sans-serif !important;
  font-style:normal !important;
}
html body h1:not(#fw-x), html body .title:not(#fw-x){ font-weight:700 !important; letter-spacing:0.04em !important; }
html body h2:not(#fw-x), html body h3:not(#fw-x){ font-weight:600 !important; }
/* Големите числа в картичките: еднакви навсякъде. */
html body .card .n:not(#fw-x), html body .statnum:not(#fw-x),
html body .stat b:not(#fw-x), html body .card .val:not(#fw-x){
  font-size:1.6rem !important; font-weight:700 !important;
}


/* ==========================================================================
   13. ЕДНА ШИРОЧИНА · 2026-09-06
   --------------------------------------------------------------------------
   Всяка страница си избираше колко широка да е: една 760 пиксела, друга
   820, трета 900, таблото 1000. Затова при преминаване от раздел в раздел
   съдържанието подскачаше наляво-надясно.

   Тук всички стават 1200. Вътре в рамката обвивката се разпъва докрай —
   там ширината я дава самата рамка, а второ ограничение оставя празни
   ивици отстрани.
   ========================================================================== */
html body .wrap:not(#fw-x), html body .w:not(#fw-x){
  max-width:1200px !important; margin-left:auto !important; margin-right:auto !important;
}

/* Свободният няма цвят — той е състояние без събитие. Само спокоен ръб. */
html body .upill.dim:not(#fw-x), html body .pill.dim:not(#fw-x){
  background:#efeade !important; color:#4a4438 !important; border:1px solid #cbb98f !important;
  display:inline-block; border-radius:14px; padding:4px 12px; font-size:0.8rem;
}
html body .upill:not(#fw-x), html body .pill:not(#fw-x){
  display:inline-block; border-radius:14px; padding:4px 12px; font-size:0.8rem; font-weight:700;
}
