/* Визия „atlas“ (Настройки → Организация → Визия на сайта). Активна е само при <html data-skin="atlas">.
   Хартиен фон, тъмнозелена странична лента с разделите (на компютър), лимонено зелено за избрано и „в процес“.
   Темата следва личния избор: „Авто“ – както е телефонът/компютърът, „Светла“ или „Тъмна“. Шрифт: Onest (има кирилица).
   Оформлението (лентата вляво, картите, полетата) важи и за „monument“ – той сменя само цветовете и шрифта в monument.css. */
:root:is([data-skin=atlas],[data-skin=monument]){color-scheme:light;--bg:#F4F3EC;--card:#FAFAF6;--pop:#fff;--inp:#fff;--tx:#17211E;--mu:#5F6C60;--ac:#2A5A40;--ach:#1F4631;--onac:#fff;--ac2:#E4EBD9;--bd:#D8DCD1;--ok:#2C7D50;--wn:#A0650A;--bad:#B83A2B;--seg:#E2E6DA;--hd:#182720;--mk:#D6FF60;--onst:#fff;--pbg:#17211E;--ptx:#F6F7F0;--glow:rgba(130,170,60,.3);--sh:none;--obj1:#EAF1E4;--obj2:#EAF1E4;--objb:#C7D6C0;--lime:#D6FF60;--onlime:#17211E;--side:#182720;--sidetx:#B6C6B8;--sidehv:#2B4135;--sideln:#33463B}
@media(prefers-color-scheme:dark){:root:is([data-skin=atlas],[data-skin=monument]):not([data-theme=light]){color-scheme:dark;--bg:#0F1512;--card:#151F1A;--pop:#1A2620;--inp:#0F1512;--tx:#E5EBE1;--mu:#93A295;--ac:#D6FF60;--ach:#E6FF9A;--onac:#13201A;--ac2:rgba(214,255,96,.1);--bd:#27352D;--ok:#5FC78D;--wn:#E2AD48;--bad:#F07B67;--seg:#24312A;--hd:#0A100D;--onst:#0B1410;--pbg:#D6FF60;--ptx:#13201A;--glow:rgba(214,255,96,.25);--obj1:rgba(110,150,110,.18);--obj2:rgba(110,150,110,.1);--objb:rgba(150,190,140,.25);--side:#0A100D;--sidetx:#9FB2A3;--sidehv:#18251E;--sideln:#1F2C25}}
:root:is([data-skin=atlas],[data-skin=monument])[data-theme=dark]{color-scheme:dark;--bg:#0F1512;--card:#151F1A;--pop:#1A2620;--inp:#0F1512;--tx:#E5EBE1;--mu:#93A295;--ac:#D6FF60;--ach:#E6FF9A;--onac:#13201A;--ac2:rgba(214,255,96,.1);--bd:#27352D;--ok:#5FC78D;--wn:#E2AD48;--bad:#F07B67;--seg:#24312A;--hd:#0A100D;--onst:#0B1410;--pbg:#D6FF60;--ptx:#13201A;--glow:rgba(214,255,96,.25);--obj1:rgba(110,150,110,.18);--obj2:rgba(110,150,110,.1);--objb:rgba(150,190,140,.25);--side:#0A100D;--sidetx:#9FB2A3;--sidehv:#18251E;--sideln:#1F2C25}
:root:is([data-skin=atlas],[data-skin=monument]) body{background:var(--bg)}
/* заглавия – плътни, със стегнато разстояние между буквите */
:root:is([data-skin=atlas],[data-skin=monument]) :is(h1,h2,h3,.pgt){letter-spacing:-.02em}
:root:is([data-skin=atlas],[data-skin=monument]) .pgt{font-weight:700}
/* горна лента: в лимонено зелено са избраният раздел, знакът на организацията и следата в логото */
:root:is([data-skin=atlas],[data-skin=monument]) .hd{background:var(--side);border-bottom:0}
:root:is([data-skin=atlas],[data-skin=monument]) .hd .ini{background:var(--lime);color:var(--onlime);border-radius:6px}
:root:is([data-skin=atlas],[data-skin=monument]) .hd .btn{border-radius:7px}
:root:is([data-skin=atlas],[data-skin=monument]) .hd :is(.btn.sm,.badge,.ib,.orgchip){background:var(--sidehv);color:#EAF1E6}
:root:is([data-skin=atlas],[data-skin=monument]) .hd :is(.btn.sm,.ib):hover{background:var(--sideln);color:#fff}
:root:is([data-skin=atlas],[data-skin=monument]) .hd .orgchip .orgsel{border:0;background:transparent}
/* бутоните в менюто на профила (Тема, Език) – като в страницата, избраният е плътен */
:root:is([data-skin=atlas],[data-skin=monument]) .hd .ump .btn{background:transparent;color:var(--tx);border:1px solid var(--bd)}
:root:is([data-skin=atlas],[data-skin=monument]) .hd .ump .btn:hover{border-color:var(--tx);background:transparent;color:var(--tx)}
:root:is([data-skin=atlas],[data-skin=monument]) .hd .ump .btn.p{background:var(--pbg);color:var(--ptx);border-color:var(--pbg);font-weight:600}
:root:is([data-skin=atlas],[data-skin=monument]) .nav button.on{border-bottom-color:var(--lime)}
:root:is([data-skin=atlas],[data-skin=monument]) .lg-art{--mk:#D6FF60}
/* карти – плоски, с тънка рамка и почти прави ъгли, както на чертеж */
:root:is([data-skin=atlas],[data-skin=monument]) :is(.cx,.ph,.attn,.fc,.stats,.empty,.kcat,.gt,.sgd,details.ctg,.mod,.tw,.note){border-radius:4px;box-shadow:none}
:root:is([data-skin=atlas],[data-skin=monument]) :is(.cx,.ph,.attn,.fc,.stats,.kcat,.gt,.sgd,details.ctg){border:1px solid var(--bd);background:var(--card)}
:root:is([data-skin=atlas],[data-skin=monument]) :is(.task,.kt>*,.kcard,.sgc,.sgh,.sub){border-radius:3px;border-color:var(--bd);box-shadow:none}
:root:is([data-skin=atlas],[data-skin=monument]) .task{border-left-width:5px}
:root:is([data-skin=atlas],[data-skin=monument]) .task.late{border-left-color:var(--bad)}:root:is([data-skin=atlas],[data-skin=monument]) .task.soon{border-left-color:var(--wn)}:root:is([data-skin=atlas],[data-skin=monument]) .task.fin{border-left-color:var(--ok)}
:root:is([data-skin=atlas],[data-skin=monument]) :is(.task,.kt>*,.kcard,.sgc):hover{border-color:var(--mu)}
:root:is([data-skin=atlas],[data-skin=monument]) .kt>.on{border-color:var(--tx);box-shadow:0 0 0 2px var(--lime)}
:root:is([data-skin=atlas],[data-skin=monument]) th{background:var(--seg);font-size:var(--fs-s);letter-spacing:.06em;text-transform:uppercase;color:var(--mu)}
:root:is([data-skin=atlas],[data-skin=monument]) .note{border-left-color:var(--lime)}
/* изскачащи прозорци */
:root:is([data-skin=atlas],[data-skin=monument]) .ov{background:rgba(10,16,13,.55)}
:root:is([data-skin=atlas],[data-skin=monument]) :is(.mod,.dlg,.spb){background:var(--pop);border-color:var(--bd);border-radius:4px;box-shadow:0 24px 60px rgba(10,20,15,.35)}
:root:is([data-skin=atlas],[data-skin=monument]) :is(.ump,.nfp,.tr-pop,.stk,.savebar,#busy .bx,.ar-p){background:var(--pop)}
:root:is([data-skin=atlas],[data-skin=monument]) :is(.ump,.nfp,.tr-pop,.ar-p){border-radius:4px}
:root:is([data-skin=atlas],[data-skin=monument]) .toast{background:var(--tx);color:var(--bg);border-radius:3px}
/* бутони: основният е мастиленочерен (в тъмна тема – лимонен), филтрите са хапчета, избраното – черно */
:root:is([data-skin=atlas],[data-skin=monument]) .btn{border-radius:5px;background:transparent;border-color:#C4CCBF}
:root:is([data-skin=atlas],[data-skin=monument])[data-theme=dark] .btn{border-color:#36473D}
@media(prefers-color-scheme:dark){:root:is([data-skin=atlas],[data-skin=monument]):not([data-theme=light]) .btn{border-color:#36473D}}
:root:is([data-skin=atlas],[data-skin=monument]) .btn:hover{border-color:var(--tx)}
:root:is([data-skin=atlas],[data-skin=monument]) .btn.p{background:var(--pbg);border-color:var(--pbg);color:var(--ptx);font-weight:600}
:root:is([data-skin=atlas],[data-skin=monument]) .btn.p:hover{filter:brightness(1.18)}
:root:is([data-skin=atlas],[data-skin=monument]) .chip{border-radius:999px;border-color:var(--bd)}
:root:is([data-skin=atlas],[data-skin=monument]) :is(.chip.on,.chip[aria-pressed=true]){background:var(--tx);color:var(--bg);border-color:var(--tx)}
:root:is([data-skin=atlas],[data-skin=monument]) .ar-fab{background:var(--pbg);color:var(--ptx)}
/* полета */
:root:is([data-skin=atlas],[data-skin=monument]) :where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]),select,textarea){background-color:var(--inp);border:1px solid var(--bd);border-radius:4px;min-height:38px}
:root:is([data-skin=atlas],[data-skin=monument]) .hd :where(select,input){background-color:transparent;color:#EAF1E6;border-color:var(--sideln)}
:root:is([data-skin=atlas],[data-skin=monument]) .hd select option{background:var(--side);color:#EAF1E6}
:root:is([data-skin=atlas],[data-skin=monument]) :where(input,select,textarea):focus{border-color:var(--tx);box-shadow:0 0 0 3px var(--glow);outline:none}
:root:is([data-skin=atlas],[data-skin=monument]) input[type=checkbox],:root:is([data-skin=atlas],[data-skin=monument]) input[type=radio]{accent-color:var(--ac)}
:root:is([data-skin=atlas],[data-skin=monument]) .cx input[type=file]{display:block;width:100%;padding:24px 16px;border:1.5px dashed var(--bd);border-radius:4px;background:transparent;color:var(--mu);cursor:pointer}
:root:is([data-skin=atlas],[data-skin=monument]) .cx input[type=file]::file-selector-button{background:var(--pbg);color:var(--ptx);border:0;border-radius:4px;padding:7px 14px;margin-right:12px;font:inherit;font-weight:600;cursor:pointer}
/* Оферти / Договори – „Обект“ в зелена карта със зелена ивица */
:root:is([data-skin=atlas],[data-skin=monument]) .of-obj{background:var(--obj1);border:1px solid var(--objb);border-left:4px solid #6F8F76;border-radius:3px;padding:14px 16px}
/* долно меню (телефон и таблет): тъмна лента, избраният раздел – лимонено поле */
@media(max-width:1060px){
:root:is([data-skin=atlas],[data-skin=monument]) .nav{background:var(--side);border-top:0;box-shadow:none}
:root:is([data-skin=atlas],[data-skin=monument]) .nav button{color:var(--sidetx);border-radius:8px}
:root:is([data-skin=atlas],[data-skin=monument]) .nav button.on{background:var(--lime);color:var(--onlime);font-weight:700}
:root:is([data-skin=atlas],[data-skin=monument]) .nav button:hover:not(.on){color:#fff}
}
/* компютър: разделите са в лента вляво (само в приложението; входът и регистрацията остават с горна лента) */
@media(min-width:1061px){
:root:is([data-skin=atlas],[data-skin=monument]) body:has(.hd .nav){padding-left:248px}
:root:is([data-skin=atlas],[data-skin=monument]) body:has(.hd .nav) .hd{position:fixed;top:0;left:0;bottom:0;width:248px;overflow-x:hidden;overflow-y:auto;z-index:20;scrollbar-width:thin}
:root:is([data-skin=atlas],[data-skin=monument]) .hd:has(.nav) .hd-in{flex-direction:column;align-items:stretch;flex-wrap:nowrap!important;max-width:none;min-height:100%;padding:26px 16px 18px;gap:20px}
:root:is([data-skin=atlas],[data-skin=monument]) .hd:has(.nav) .brand{order:0;padding:0 8px}
:root:is([data-skin=atlas],[data-skin=monument]) .hd:has(.nav) .orgchip{order:1;border-radius:7px;background:transparent;border:1px solid var(--sideln);padding:6px 6px 6px 8px;min-width:0;height:auto}
:root:is([data-skin=atlas],[data-skin=monument]) .hd:has(.nav) .orgchip .orgsel{border:0;min-width:0;width:100%}
:root:is([data-skin=atlas],[data-skin=monument]) .hd .nav{order:2!important;flex:0 0 auto!important;flex-direction:column;min-width:0!important;min-height:0!important;margin:0;overflow:visible;gap:3px}
:root:is([data-skin=atlas],[data-skin=monument]) .hd .nav button{display:flex;align-items:center;gap:12px;text-align:left;border:0;border-radius:7px;margin:0;padding:10px 12px;color:var(--sidetx);font-size:var(--fs-b);white-space:normal}
:root:is([data-skin=atlas],[data-skin=monument]) .hd .nav button svg{display:block;width:18px;height:18px;flex:none}
:root:is([data-skin=atlas],[data-skin=monument]) .hd .nav button:hover:not(.on){background:var(--sidehv);color:#fff}
:root:is([data-skin=atlas],[data-skin=monument]) .hd .nav button.on{background:var(--lime);color:var(--onlime);font-weight:700}
:root:is([data-skin=atlas],[data-skin=monument]) .hd:has(.nav) .who{order:3;margin:auto 0 0!important;padding-top:16px;border-top:1px solid var(--sideln);flex-wrap:wrap!important;justify-content:flex-start;position:relative}
/* менюто на профила е fixed, за да не се отрязва от лентата (тя скролира) */
:root:is([data-skin=atlas],[data-skin=monument]) .hd:has(.nav) .ump{position:fixed;top:auto;bottom:76px;left:16px;right:auto;width:300px;max-height:calc(100vh - 96px);overflow-y:auto}
:root:is([data-skin=atlas],[data-skin=monument]) .hd:has(.nav) .badge{display:inline-flex!important}
:root:is([data-skin=atlas],[data-skin=monument]) body:has(.hd .nav) :is(.ar-fab,.ar-p){left:264px}
:root:is([data-skin=atlas],[data-skin=monument]) .nfp{right:16px}
}