/* ARTEL бренд «из прямых» — боевая тема (30.09). Источник: БРЕНД/материалы/theme-clean.mjs */
/* шрифты подключаются линком в head (artel.conf), 11.10 */

:root{
 --ink:#171717; --ink2:#4d4d4d;            /* текст: главный / второй (Geist gray-1000 / 900) */
 --w:#fff; --ground:#eef1f3;               /* белые листы / земля под ними — одна холодная семья */
 --ln:#dde2e6;                             /* линия структуры */
 --thead:#eceff1;                          /* шапка таблицы — нейтральный холодный серый */
 --hov:#f7f9fa; --sel:#cfdfec;             /* наведение / выбранная строка (голубая сталь) */
 --s0:#3f5a6c; --s1:#6a8394; --s2:#8b9ca6; --s4:#dfe7ed;  /* стальная лестница */
}
/* ── шрифт ── */
body,div,span,a,td,th,li,button,input,select,label,p,h1,h2,h3,h4,textarea{font-family:"Geist","Segoe UI",sans-serif!important;font-variant-numeric:tabular-nums;letter-spacing:0!important;-webkit-font-smoothing:antialiased}
*{border-radius:0!important;text-shadow:none!important}
body,div,span,td,li,label,p,h4,input,select{color:var(--ink)}
a{color:var(--s0)!important}

/* ── земля: страница верхнего уровня; кадры-панели внутри — белые ── */
html.MainLayout,body.section_body,#Content,.ContentHeader,.ContentHeader .LeftDecor,#pageTitle,.ContentSubTabs,.ContentSubTabs *,.split,#ws,.ws,.gutter{background:var(--ground)!important;background-image:none!important}
body:not(.section_body),html:not(.MainLayout){background:var(--w)!important}
#artel-okna-root,#artel-okna-root>div,#artel-okna-root>div>div:first-child{background:var(--ground)!important;border-color:var(--ln)!important}
.ContentHeader,.ContentHeader *{border:0!important;box-shadow:none!important}
#pageTitle{font-weight:600!important;border:0!important;box-shadow:none!important}

/* ── шапка экрана: белая, снизу чернильная прямая ── */
.AppHeader,.AppHeader>div,#vzorStageStrip{background:var(--w)!important;background-image:none!important;box-shadow:none!important}
.AppHeader{border-bottom:1px solid var(--ink)!important}
.GlobalLinks a,.GlobalLinks span{color:var(--ink2)!important}

/* ── главное меню: пункты через вертикальные прямые; выбранный — стальная дымка, линия 3 px, тень ── */
#NavBar{background:var(--w)!important;border-top:1px solid var(--ln)!important}
#NavBar li,#NavBar .LeftDecor,#NavBar a{background:var(--w)!important;background-image:none!important;box-shadow:none!important;border:0!important;color:var(--ink)!important;font-weight:500!important}
#NavBar li{border-right:1px solid var(--ln)!important;margin:0!important;padding-right:0!important;position:relative}
#NavBar a{font-size:12px!important;padding-left:6px!important;padding-right:6px!important} /* 18 модулей должны влезть в окно Сергея 1564 px */
#NavBar li.MRUButton a{padding-right:16px!important}
#NavBar li:not(.selected):hover,#NavBar li:not(.selected):hover *{background:var(--hov)!important}
#NavBar li.selected,#NavBar li.selected .LeftDecor,#NavBar li.selected a{background:var(--s4)!important;color:var(--s0)!important;font-weight:600!important}
#NavBar li.selected{box-shadow:0 2px 6px rgba(63,90,108,.18)!important;z-index:1}
#NavBar li.selected::after{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--s1);z-index:3}

/* ── подменю: земля; выбранный — стальная линия 2 px ── */
.SectionSubnav,#SectionToolbar,#SectionToolbar li,#SectionToolbar .LeftDecor,#SectionToolbar a{background:var(--ground)!important;background-image:none!important;border:0!important;box-shadow:none!important;color:var(--ink2)!important}
#SectionToolbar li.selected,#SectionToolbar li.selected a,#SectionToolbar li.selected .LeftDecor{color:var(--s0)!important;font-weight:600!important;box-shadow:inset 0 -2px 0 var(--s1)!important}

/* ── листы-панели: белый лист, рамка, мягкая тень; в фокусе — стальная рамка ── */
.boxshadow,.pane{background:var(--w)!important;border:1px solid var(--ln)!important;box-shadow:0 1px 2px rgba(16,24,40,.06),0 2px 6px -2px rgba(16,24,40,.08)!important;position:relative}
.tr,.bl,.br,.tl{background-image:none!important}
.pane.foc{border-color:var(--s1)!important;box-shadow:0 0 0 1px var(--s1),0 2px 8px -2px rgba(63,90,108,.25)!important}
/* заголовок панели: белый, полужирный, стальная прямая слева */
tr.portlet-header,tr.portlet-header td,.Portlet .title{background:var(--w)!important;border-bottom:1px solid var(--ln)!important}
tr.portlet-header td.title,.Portlet .title{font-weight:600!important;box-shadow:inset 3px 0 0 var(--s1)!important;padding-left:10px!important}
.pbar,.pane-toolbar,.btn-toolbar{background:var(--w)!important;border-bottom:1px solid var(--ln)!important}
.hdr{background:var(--w)!important;border-bottom:1px solid var(--ink)!important}
table.portlet,table.data,#spreadsheetView,#tableView,.grid .viewport,.grid .grid-rowset{background:var(--w)!important;background-image:none!important}

/* ── таблицы ── */
table{border-collapse:collapse!important}
th,table.grid th,table.data th,.rowset-headers .pgbu-cell,.viewport-headers .pgbu-cell,[role=columnheader]{background:var(--thead)!important;background-image:none!important;color:var(--s0)!important;font-weight:600!important;border:0!important;border-bottom:2px solid var(--s1)!important}
td{border:0!important;border-bottom:1px solid #ebeef0!important;background-color:var(--w)}
tbody tr:hover td{background:var(--hov)!important}
tr.row-selected td,tr.row-selected .pgbu-cell,tr.selected td,.row-selected .pgbu-cell,.selectedRow td{background:var(--sel)!important}
tr.row-selected td:first-child,tr.selected td:first-child{box-shadow:inset 3px 0 0 var(--s1)!important}
#calendarHeader,#calendarHeader td,[id^=Cell]{background:var(--w)!important}

/* ── кнопки и поля ── */
.btn,button{background:var(--w)!important;background-image:none!important;border:1px solid var(--ln)!important;box-shadow:none!important;color:var(--ink)!important;font-weight:500!important}
.btn:hover,button:hover{border-color:var(--s2)!important;background:var(--hov)!important}
input[type=text],input:not([type]),select,textarea,.form-control{background:var(--w)!important;border:1px solid #c9ced3!important;box-shadow:none!important}
input:focus,select:focus,textarea:focus,.form-control:focus{border-color:var(--s1)!important;box-shadow:0 0 0 2px rgba(106,131,148,.25)!important;outline:none!important}

/* ── нижняя панель сведений: граница слоя — линия + тень; вкладки — стальная линия; группы — стальная прямая слева ── */
.dock.dock-bottom{border-top:1px solid #c9ced3!important;box-shadow:0 -8px 16px -8px rgba(15,23,42,.12)!important;background:var(--w)!important;position:relative;z-index:2}
.dock-header,.dock-body,.panel-container{background:var(--w)!important}
.nav-tabs.content-tabs{border-bottom:1px solid var(--ln)!important;background:var(--w)!important}
.nav-tabs.content-tabs>li>a{color:var(--ink2)!important;border:0!important;background:none!important}
.nav-tabs.content-tabs>li.active>a{color:var(--s0)!important;font-weight:600!important;box-shadow:inset 0 -2px 0 var(--s1)!important}
.dock-body legend,.dock-body h2,.dock-body h3,.dock-body .section-title,h4{font-weight:600!important;color:var(--ink)!important;border-bottom:1px solid var(--ln)!important;box-shadow:inset 3px 0 0 var(--s2)!important;padding-left:8px!important}
.dock-body label{color:var(--ink2)!important;font-weight:500!important}
.dropdown-menu,.x-menu,.popover,.modal-content,.x-window{border:1px solid var(--ln)!important;box-shadow:0 2px 2px rgba(0,0,0,.04),0 8px 16px -4px rgba(0,0,0,.08)!important;background:var(--w)!important}

/* ── окна Артели: метки ── */
.pill{background:var(--w)!important;border:1px solid var(--ln)!important;color:var(--ink)!important}
.pill.warn{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
.pill.warn *{color:#fff!important}
#cookieNotification,#cookieNotification *{background:var(--w)!important;color:var(--ink)!important}
/* заголовок панели крупнее — глаз цепляется за блок */
tr.portlet-header td.title,.Portlet .title{font-size:13px!important}
/* ── ВЕРХ ЭКРАНА: три одинаковые полосы → роли разведены (Сергей 30.09: «три полоски подряд одного цвета, всё сливается»).
   1) шапка + меню + подменю — ОДИН белый блок, под ним чернильная прямая;
   2) заголовок страницы — на земле, без полосы, крупнее (20 px);
   3) полоса выбора экрана (списки «Артель (родной экран)») — белая панель-инструментов с рамкой;
   4) ссылки «Развернуть все…» — на земле, просто текст. ── */
.AppHeader{border-bottom:0!important}
.SectionSubnav,#SectionToolbar,#SectionToolbar li,#SectionToolbar .LeftDecor,#SectionToolbar a{background:var(--w)!important}
.SectionSubnav{border-top:1px solid var(--ln)!important;border-bottom:1px solid var(--ink)!important}
#pageTitle{font-size:20px!important;padding-top:6px!important}
#artel-okna-root>div>div:first-child{background:var(--w)!important;border:1px solid var(--ln)!important;box-shadow:0 1px 2px rgba(16,24,40,.05)!important}
/* заголовок страницы повторяет выбранную вкладку подменю — убран (Сергей 30.09: «зачем эта строка»). Слой окон Артели (contentTop) меряет нижнюю полосу шапки — без заголовка окна встают сразу под подменю. */
.ContentHeader{height:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;visibility:hidden!important} /* свёрнут, не убран: слой окон меряет его низ (bazaTop) */ .ContentHeader *{display:none!important} /* детей убрать: иначе contentTop меряет их и окна съезжают вниз с пустым зазором */
/* слово ARTEL: Prosto One (общий шрифт текста не должен его перебивать); подложка — по ширине слова */
/* 11.10: слово ARTEL — серверное (core.css, контуры Prosto One); наклейка #abW убрана */
/* ═══ ЕДИНЫЙ СТАНДАРТ: остатки старой краски (аудит 30.09 по разделам: Снабжение, Операции/Гант, Ресурсы, Администрирование, Утверждения, База) ═══
   правило: нейтральное — чернила/второй тон/линия; акцент — сталь; сигнал (критично/обязательно/кандидат) — один приглушённый кирпич #a4553f (временно, цвет сигнала не утверждён) */
:root{--sig:#a4553f}
/* Гант: обычные работы — светлая сталь, суммарные — тёмная сталь, критический путь — сигнал; выделенная строка — как везде */
.gantt-bar.bar-not-started,.gantt-bar.bar-in-progress,.gantt-bar{background-color:#cdd6dc!important;border-color:#b2bfc8!important;box-shadow:none!important}
.gantt-bar.summary-bar{background-color:#7d93a2!important;border-color:#6a8394!important}
.gantt-bar.bar-critical{background-color:#a9b8c3!important;border-color:#8b9ca6!important} /* Сергей 30.09: «убери коричневые колбаски — по массе тональность»: критические — та же сталь, темнее тоном */
.gantt-row-expanded,.bar-row.gantt-row-expanded{background:transparent!important} /* Сергей 30.09: строки суммарных задач в Ганте без заливки */ .gantt-row-selected,.bar-row[class*=select]{background:var(--sel)!important}
.gantt-container,.gantt-container *{border-color:var(--ln)}
/* служебные: обязательное поле, справка, пустые состояния, рукоятки */
.column-required-marker,.required,.req{color:var(--sig)!important}
#helpDropDown,#helpDropDown *,.GlobalLinks *{color:var(--ink2)!important}
.empty-state-header,.collapse-handle,b,.ttl{color:var(--ink)!important;border-color:var(--ink2)!important}
.empty-state-message,span.muted,.muted,.empty,.hint{color:var(--ink2)!important}
.btn-toolbar.pane-toolbar,.pane-toolbar{border-color:var(--ln)!important}
/* левое меню администрирования: выбранный — стальная прямая, не красная */
.pnav-slink,.pnav-slink.selected,li.pnav-slink{border-left-color:var(--s1)!important}
/* окна Артели (База и др.) */
td.code,.addw,#addw,#savew{color:var(--s0)!important}
#backlink,.addw,#addw,#savew{border-color:var(--ln)!important}
.skv-ok{color:var(--s0)!important}
.cand{color:var(--sig)!important}

/* 30.09 окна Артели и страницы /vzor/ (База и её вкладки) — тот же стандарт, что у P6 */
tr.sel td,table.grid tr.sel td{background:var(--sel)!important} tr.sel td:first-child{box-shadow:inset 3px 0 0 var(--s1)!important}
tr.flt td{background:var(--hov)!important}
input,select,textarea{color:var(--ink)!important}
.gutter:hover{background:var(--s1)!important} .pbar .tl:hover,.hdr .addw:hover{border-color:var(--s1)!important;color:var(--s0)!important}
#artel-okna-root [data-okno-detail] ul.nav-tabs li.active a{border-bottom-color:var(--s1)!important;color:var(--s0)!important}
#artel-okna-root [data-okno-detail] ul.nav-tabs{border-bottom-color:var(--ln)!important}

/* 30.09 Сергей: «колбаски не такие насыщенные» — прогресс внутри полосы тоже тише */
.gantt-bar .bar-progress{background:#8b9ca6!important}
/* 30.09 Сергей: «панель с датами старого вида» — шкала Ганта = шапка таблицы */
.timescale-container{background:var(--thead)!important;box-shadow:inset 0 -2px 0 var(--s1)!important} /* тень, не рамка: рамка меняет высоту шкалы → Гант зацикливает пересчёт */
.timescale-container .max-value,.timescale-container .mid-value,.timescale-container .min-value{color:var(--ink2)!important;border-color:var(--ln)!important}
.timescale-container .max-value,.timescale-container .timescale-label{color:var(--s0)!important;font-weight:600!important}
.timescale-container .min-value{font-weight:400!important}

/* 30.09 подменю с десятками вкладок (База — 38) переносится во второй ряд, а не обрезается за краем окна */
#SectionToolbar{height:auto!important;overflow:visible!important} #SectionToolbar::after{content:"";display:block;clear:both}
.SectionSubnav{height:auto!important}

/* 30.09 значки окон (▥ ⬓ ✕) рисовались цветными эмодзи (синий/красный) — только контурным знаком, сталью */
#artel-okna-root{font-variant-emoji:text} #artel-okna-root [style*="padding: 0px 5px"]{font-family:"Segoe UI Symbol",Geist,sans-serif!important;color:var(--s1)!important;font-variant-emoji:text}
#artel-okna-root [style*="padding: 0px 5px"]:hover{color:var(--s0)!important}

/* 30.09 страница входа: без цветной полосы-текстуры, слово ARTEL в Prosto One, ошибка — сигналом по стандарту */
.login-page{background:#fff!important;background-image:none!important;border-top:3px solid var(--s1)!important;box-shadow:0 8px 28px -12px rgba(43,63,76,.35)!important}
/* 11.10: лого на входе серверное (login.jsp) — скрытие убрано */
/* 11.10: надпись на входе — серверная, span #abLogin убран */
.login-page .error-message,#errors{background:#fff!important;color:var(--sig)!important;border-left:3px solid var(--sig)!important;padding-left:10px!important}
.login-page .btn-action,#login{border:1px solid var(--s1)!important;color:var(--s0)!important;font-weight:600!important}
.login-page .btn-action:hover,#login:hover{background:var(--s0)!important;color:#fff!important}

/* 30.09 иконки P6 (шрифтовые BlueSkyGlyphs): чёрные бруски/папки → сталь по весу: этап темнее, работа светлее, служебные ещё тише */
i.pgbu-icon-ent-wbs,i.pgbu-icon-folder,i.pgbu-icon-ent-project,i.pgbu-icon-ent-eps{color:var(--s0)!important}
i.pgbu-icon-ent-activity,i[class*="pgbu-icon-ent-"]{color:var(--s1)!important}
i.pgbu-icon-comment-outline,i.pgbu-icon-comment,i[class*="pgbu-icon-tree-"],i.pgbu-icon-cog,i.pgbu-icon-chevron-down{color:var(--s2)!important}
i.pgbu-icon-ent-wbs,i.pgbu-icon-folder{color:var(--s0)!important}

/* 30.09 подменю Базы по порядку: группы (ФинОпс, Участники) — выпадающим списком, одна строка */
#SectionToolbar li.abGrp{position:relative}
#SectionToolbar li.abGrp>.LeftDecor>a{cursor:pointer}
#SectionToolbar ul.abPop{display:none;position:absolute;top:100%;left:0;z-index:10050;min-width:230px;margin:0;padding:4px 0;list-style:none;background:#fff;border:1px solid var(--ln);border-top:2px solid var(--s1);box-shadow:0 8px 24px -10px rgba(43,63,76,.35)}
#SectionToolbar li.abGrp.open>ul.abPop{display:block}
#SectionToolbar ul.abPop>li{float:none!important;display:block!important;height:auto!important;background:none!important;box-shadow:none!important}
#SectionToolbar ul.abPop>li::after{display:none!important}
#SectionToolbar ul.abPop>li .LeftDecor{float:none!important;height:auto!important;background:none!important;padding:0!important}
#SectionToolbar ul.abPop>li a{display:block!important;padding:5px 14px!important;height:auto!important;line-height:18px!important;font-weight:400!important;color:var(--ink)!important;white-space:nowrap}
#SectionToolbar ul.abPop>li a:hover{background:var(--hov)!important}
#SectionToolbar ul.abPop>li.selected a{color:var(--s0)!important;font-weight:600!important;box-shadow:inset 3px 0 0 var(--s1)!important}
/* лучшая цена и «ок»-статусы — сталью вместо зелёного */
td.best{font-weight:600!important}

/* 30.09 Сергей: «в таблице базы всё сливается» — три уровня разведены: шапка (тон + черта), строка фильтров (белая, тонкая черта),
   строки (чёткая линия + тихие вертикали колонок); код записи — ключ, темнее и жирнее */
table.grid{border-collapse:collapse!important}
table.grid tr.flt td{background:#fff!important;border-bottom:1px solid var(--s4)!important;padding-top:3px!important;padding-bottom:4px!important}
table.grid tr.flt input{border:1px solid var(--ln)!important;background:#fff!important;color:var(--ink)!important}
table.grid tr.flt input::placeholder{color:#a9b4bb!important}
table.grid tbody tr:not(.flt) td,table.grid tr:not(.flt)>td{border-bottom:1px solid var(--ln)!important;border-right:1px solid #eef1f3!important}
table.grid th{border-right:1px solid #dfe4e8!important}
table.grid td.code{color:var(--s0)!important;font-weight:600!important}
table.grid td:last-child,table.grid th:last-child{border-right:0!important}

/* 30.09 Сергей: «вкладки сверху разного размера — сделать красиво»: у всех одинаковый отступ 8px (18 вкладок в 1564 px) по бокам;
   у вкладок со стрелкой выпадающего списка — место под стрелку внутри той же меры */
#NavBar > li > .LeftDecor{padding-left:0!important;padding-right:0!important}
#NavBar > li > .LeftDecor > a{padding-left:8px!important;padding-right:8px!important}
#NavBar > li.MRUButton:has([id^="mru_dropdown"]) > .LeftDecor > a{padding-right:18px!important}
/* 30.09 Сергей: «у ARTEL текст Объект — самодельщина, убрать» + «куда делось окошко базы»: подпись убрана, окошко выбора базы — рядом со словом ARTEL */
#vzorStageStrip{left:132px!important;right:auto!important;top:8px!important;height:26px!important;min-height:0!important;background:transparent!important;overflow:visible!important}
#vzorStageStrip>span:first-child{display:none!important}
#vzorObjSel{margin:0!important;font:12px Geist,sans-serif!important;height:24px!important;padding:0 6px!important;border:1px solid var(--ln)!important;color:var(--ink)!important;background:#fff!important;max-width:280px!important}
#vzorObjSel:focus{border-color:var(--s1)!important;outline:0!important}
/* 30.09 Сергей: «почему широкое пространство там» — пустая серая полоса P6 (20px) между строкой ARTEL и меню убрана */
.AppHeader>div[style*="padding-bottom:20px"]{padding-bottom:0!important;height:0!important;overflow:hidden!important}
.AppHeader .LogoBar{height:41px!important;overflow:visible!important} /* полоса логотипа 46px залезала на меню после сжатия шапки */

/* 05.10 Ручка расширения столбца: у движка зона захвата 5 px, мышью почти не попасть. Расширяем до 14 px и подсвечиваем при наведении. Логика движка та же — элемент тот же. */
.col-resize-anchor{width:14px!important;right:-5px!important;z-index:6!important}
.col-resize-anchor:hover,.col-resize-anchor.hover{background:rgba(39,79,91,.45)!important;cursor:col-resize!important}

/* 05.10 Слой окон не съедает мышь: корень слоя окон (fixed, z-index 9000) перекрывал ручки расширения столбцов
   и другие элементы страницы в своей полосе. Самому слою — «не принимать мышь»,
   его панелям — принимать. */
#artel-okna-root{pointer-events:none!important}
#artel-okna-root *{pointer-events:auto!important}


/* 12.10: ребро таблица/диаграмма — видимое и перетаскиваемое (просьба Сергея: «как справа»);
   движок рисует линию только при наведении (height:0) — показываем всегда */
.scrolly-gantt .gantt-resizer .gantt-resize-line{height:100% !important;width:2px;background-color:#d6dde1}
.scrolly-gantt .gantt-resizer:hover .gantt-resize-line,
.scrolly-gantt .gantt-resizer.dragging .gantt-resize-line{background-color:#3f5a6c}