/* Палитра — фирменная: бирюзовый ведёт, остальные цвета значат то же, что в отчётах */
:root {
--brand: #0E8F86; --blue: #1F63CE; --violet: #5B45C8; --purple: #A93A9E;
--red: #D64B5C; --orange: #DC7A19;
--norm: #17795F; --warn: #B06A1A; --stop: #B23A3A;
--ink: #2D2D2D; --text: #454545; --muted: #7A7A7A;
--line: #D6DAE6; --bg: #F5F6FA; --card: #FFFFFF;
}
* { box-sizing: border-box; }
body {
margin: 0; background: var(--bg); color: var(--ink);
font: 15px/1.5 -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
a { color: var(--brand); text-decoration: none; }
a:hover { text-decoration: underline; }
header {
background: var(--card); border-bottom: 1px solid var(--line);
padding: 14px 24px; display: flex; align-items: center; gap: 24px;
position: sticky; top: 0; z-index: 10;
}
header .logo { font-weight: 700; font-size: 17px; color: var(--brand); }
header nav { display: flex; gap: 18px; flex: 1; }
header nav a { color: var(--muted); font-weight: 500; }
header nav a.active, header nav a:hover { color: var(--ink); text-decoration: none; }
main { max-width: 1180px; margin: 0 auto; padding: 24px; }
/* реестр разворачиваем во всю ширину экрана: колонок много, теснота мешает читать */
main.wide { max-width: none; padding: 24px 28px; }
/* заголовки — фирменный Times, интерфейс и таблицы — системный шрифт: так
узнаётся стиль пособий, но мелкий текст на экране остаётся читаемым */
h1, h2, h3, .logo { font-family: "Liberation Serif", Times, Georgia, serif; }
h1 { font-size: 27px; margin: 0 0 4px; letter-spacing: -0.2px; }
.sub { color: var(--muted); margin: 0 0 14px; }
.cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 18px; }
.card {
background: linear-gradient(180deg, #FFFFFF 0%, #FBFCFE 100%);
border: 1px solid var(--line); border-radius: 14px;
padding: 18px 20px;
box-shadow: 0 1px 2px rgba(18, 20, 28, .05),
0 6px 16px rgba(18, 20, 28, .08),
0 18px 32px rgba(18, 20, 28, .05);
transition: transform .15s ease, box-shadow .15s ease;
}
.card:hover {
transform: translateY(-2px);
box-shadow: 0 2px 4px rgba(18, 20, 28, .06),
0 10px 22px rgba(18, 20, 28, .10),
0 26px 44px rgba(18, 20, 28, .07);
}
.card h3 { margin: 0 0 2px; font-size: 16px; }
.card .who { color: var(--muted); font-size: 13px; margin-bottom: 12px; }
.card ul { margin: 0; padding-left: 18px; color: var(--ink); }
.card li { margin-bottom: 4px; }
.stripe { height: 4px; border-radius: 4px 4px 0 0; margin: -18px -20px 14px; }
.tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px; margin-bottom: 26px; }
/* плитки-кнопки: под ними плотная «губа», поэтому они читаются объёмными,
при наведении поднимаются, при нажатии проваливаются */
.tile {
display: block; text-decoration: none; color: var(--ink);
background: linear-gradient(180deg, #FFFFFF 0%, #F4F7FB 100%);
border: 1px solid var(--line); border-top: 3px solid var(--brand);
border-radius: 14px; padding: 16px 18px;
box-shadow: inset 0 1px 0 #FFFFFF,
0 6px 0 #E5E9F2,
0 8px 10px rgba(18, 20, 28, .10),
0 18px 28px rgba(18, 20, 28, .10);
transition: transform .12s ease, box-shadow .12s ease;
}
.tile:hover {
text-decoration: none; transform: translateY(-3px);
box-shadow: inset 0 1px 0 #FFFFFF,
0 9px 0 #E5E9F2,
0 12px 16px rgba(18, 20, 28, .12),
0 26px 40px rgba(18, 20, 28, .13);
}
.tile:active {
transform: translateY(3px);
box-shadow: inset 0 2px 4px rgba(18, 20, 28, .12),
0 1px 0 #E5E9F2,
0 2px 4px rgba(18, 20, 28, .10);
}
.tile.on {
border-color: var(--brand);
box-shadow: inset 0 1px 0 #FFFFFF,
0 6px 0 #CFE3E1,
0 8px 10px rgba(14, 143, 134, .18),
0 18px 28px rgba(14, 143, 134, .14);
}
/* цвет полоски = смысл плитки, порядок как в отчётах */
.tiles .tile:nth-child(2) { border-top-color: var(--blue); }
.tiles .tile:nth-child(3) { border-top-color: var(--norm); }
.tiles .tile:nth-child(4) { border-top-color: var(--stop); }
.tiles .tile:nth-child(5) { border-top-color: var(--purple); }
.tiles .tile:nth-child(6) { border-top-color: var(--warn); }
.tile .n { font-size: 28px; font-weight: 700; line-height: 1.1; }
.tile .l { color: var(--muted); font-size: 13px; margin-top: 2px; }
/* таблица прокручивается внутри рамки: полоса прокрутки всегда на виду внизу,
а не за краем длинной страницы */
.scroll {
overflow: auto; border-radius: 14px;
max-height: calc(100vh - 330px); min-height: 320px;
box-shadow: 0 1px 2px rgba(18, 20, 28, .05),
0 8px 20px rgba(18, 20, 28, .09),
0 22px 38px rgba(18, 20, 28, .06);
}
table { width: 100%; border-collapse: collapse; background: var(--card); border-radius: 14px; overflow: hidden; }
/* ширина колонок по содержимому: длинному тексту достаётся остаток строки */
table.wide { width: max-content; min-width: 100%; font-size: 13px; }
table.wide td { white-space: normal; }
/* названия колонок держим одной строкой: иначе шапка рассыпается по буквам */
/* заголовки переносятся: длинные названия колонок иначе обрезаются */
table.wide th, th { white-space: normal; word-break: break-word; hyphens: auto; }
/* узкие колонки: значения в одну строку, а заголовок пусть переносится */
th.tight, table.wide th.tight { white-space: normal; }
table.wide .task { min-width: 380px; }
/* приём с width:1% сжимает ячейку ровно по содержимому */
th.tight, td.tight { width: 1%; }
td.tight { white-space: nowrap; }
td.edit.task-cell .field { min-width: 360px; }
th, td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: top; }
th {
background: linear-gradient(180deg, #F7F9FC 0%, #EEF1F7 100%);
font-size: 13px; color: var(--muted); font-weight: 600;
position: sticky; top: 0; z-index: 2;
}
tr:last-child td { border-bottom: none; }
tbody tr:hover td, table tr:hover td { background: #FAFBFD; }
/* статус не ломаем на две строки: «в работе» читается одним словом */
.tag {
display: inline-block; padding: 2px 8px; border-radius: 999px;
font-size: 12px; font-weight: 600; white-space: nowrap;
}
.tag.norm { background: #E4F3ED; color: var(--norm); }
.tag.warn { background: #FBF0E0; color: var(--warn); }
.tag.stop { background: #FAE6E6; color: var(--stop); }
form.login { max-width: 340px; margin: 12vh auto; background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 28px; }
input[type=password], input[type=text], textarea, select {
width: 100%; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; font: inherit;
}
button {
background: var(--brand); color: #fff; border: 0; border-radius: 8px;
padding: 10px 18px; font: inherit; font-weight: 600; cursor: pointer; margin-top: 12px;
}
button:hover { filter: brightness(1.08); }
.err { color: var(--stop); font-size: 14px; margin-top: 10px; }
/* заметная полоса прокрутки — её видно и легко поймать мышью */
.scroll::-webkit-scrollbar { height: 16px; width: 12px; }
.scroll::-webkit-scrollbar-track { background: #EEF1F7; border-radius: 8px; }
.scroll::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #B9C0D0 0%, #98A1B5 100%);
border-radius: 8px; border: 3px solid #EEF1F7;
}
.scroll::-webkit-scrollbar-thumb:hover { background: #7C8699; }
.scroll { scrollbar-color: #98A1B5 #EEF1F7; scrollbar-width: auto; }
/* ячейки с правкой: поле выглядит частью таблицы, пока в него не зашли */
/* поле правки не должно вылезать на соседнюю колонку: ячейка подрезает,
само поле не растягивается мышью */
td.edit { min-width: 220px; padding: 6px 8px; overflow: hidden; }
td.edit.task-cell { min-width: 420px; }
td.edit.task-cell .field { font-size: 13.5px; }
td.edit .field {
width: 100%; border: 1px solid transparent; background: #FBFCFE;
border-radius: 8px; padding: 6px 8px; font: inherit; font-size: 13px;
resize: vertical;
}
td.edit .field:hover { border-color: var(--line); }
td.edit .field:focus { outline: none; border-color: var(--brand); background: #fff; }
td.edit .field.saved { border-color: var(--norm); background: #F0F8F5; }
td.edit .field.failed { border-color: var(--stop); background: #FDF0F0; }
/* --- дашборд: плоское табло вместо выпуклых кнопок --- */
h2.sect {
font-size: 16.5px; margin: 20px 0 9px; font-weight: 600;
}
h2.sect:first-of-type { margin-top: 14px; }
.board {
display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 1px; background: var(--line);
border: 1px solid var(--line); border-radius: 12px; overflow: hidden;
}
.board .cell {
background: var(--card); padding: 16px 18px; border-left: 3px solid transparent;
}
.board .cell .n {
font-size: 26px; font-weight: 700; line-height: 1.15;
font-variant-numeric: tabular-nums;
}
.board .cell .l { font-size: 12.5px; color: var(--muted); margin-top: 2px; }
/* цвет полосы = смысл колонки, тот же код, что в отчётах */
.board .cell:nth-child(1) { border-left-color: var(--brand); }
.board .cell:nth-child(2) { border-left-color: var(--blue); }
.board .cell:nth-child(3) { border-left-color: var(--norm); }
.board .cell:nth-child(4) { border-left-color: var(--stop); }
.board .cell:nth-child(5) { border-left-color: var(--violet); }
.board .cell:nth-child(6) { border-left-color: var(--warn); }
.scroll.flat { max-height: none; min-height: 0; }
/* числа по центру колонки — как в отчётах: по левому краю только названия.
Всем числовым колонкам одна ширина: 112px хватает самому длинному
заголовку («Плановая дата») и дате целиком, поэтому столбцы стоят ровно */
td.num, th.num {
text-align: center; font-variant-numeric: tabular-nums;
width: 92px; min-width: 92px; max-width: 92px;
}
/* заголовок даты чуть мельче: колонка узкая, а название должно влезть в строку */
table.wide th.num { font-size: 11px; letter-spacing: -.1px; }
/* доля выполненного — цветом, как тепловая карта в отчётах */
td.pct { font-weight: 600; }
td.pct.low { background: #FAE6E6; color: var(--stop); }
td.pct.mid { background: #FBF0E0; color: var(--warn); }
td.pct.high { background: #E4F3ED; color: var(--norm); }
/* схема структуры: во всю ширину, по клику открывается в полный размер */
.scheme {
background: var(--card); border: 1px solid var(--line); border-radius: 12px;
padding: 14px; margin-bottom: 8px; overflow-x: auto;
}
.scheme img { display: block; width: 100%; height: auto; min-width: 900px; }
/* --- крупные кнопки дашборда ------------------------------------------------
Цвет кнопки = смысл колонки. Объём собран из трёх слоёв: светлая подсветка
сверху внутри, плотная «губа» снизу тем же цветом потемнее и мягкая тень
под ней. При наведении кнопка поднимается, при нажатии садится на губу. */
.tiles-row {
display: grid; grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
gap: 12px; margin-bottom: 18px;
}
.tile-btn {
--фон: #0E8F86; --губа: #0A6A63; --блик: #35B0A6;
display: flex; flex-direction: column; gap: 1px;
padding: 6px 10px 6px; border-radius: 9px; text-decoration: none;
color: #fff; background: linear-gradient(180deg, var(--блик) 0%, var(--фон) 62%);
box-shadow: inset 0 1px 0 rgba(255,255,255,.4),
inset 0 -1px 0 rgba(0,0,0,.1),
0 3px 0 var(--губа),
0 4px 7px rgba(18,20,28,.16),
0 9px 16px rgba(18,20,28,.10);
transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
/* цифра — главное на плашке, поэтому она крупная, а поля вокруг узкие */
.tile-btn .n {
font-size: 17px; font-weight: 700; line-height: 1.05;
font-variant-numeric: tabular-nums; letter-spacing: -.3px;
text-shadow: 0 1px 0 rgba(0,0,0,.15);
}
.tile-btn .l { font-size: 10px; opacity: .93; letter-spacing: .02em; margin-top: 1px; }
a.tile-btn:hover {
text-decoration: none; transform: translateY(-3px); filter: brightness(1.04);
box-shadow: inset 0 1px 0 rgba(255,255,255,.5),
inset 0 -1px 0 rgba(0,0,0,.12),
0 7px 0 var(--губа),
0 10px 15px rgba(18,20,28,.24),
0 22px 34px rgba(18,20,28,.18);
}
a.tile-btn:active {
transform: translateY(4px);
box-shadow: inset 0 2px 6px rgba(0,0,0,.28),
0 1px 0 var(--губа),
0 3px 6px rgba(18,20,28,.2);
}
.tile-btn.plain { cursor: default; }
/* шесть смыслов подряд: итог, работа, готово, просрочка, разбор, без срока */
.tiles-row .tile-btn:nth-child(1) { --фон:#0E8F86; --губа:#0A6A63; --блик:#35B0A6; }
.tiles-row .tile-btn:nth-child(2) { --фон:#1F63CE; --губа:#16489A; --блик:#4A86E6; }
.tiles-row .tile-btn:nth-child(3) { --фон:#17795F; --губа:#0F5744; --блик:#3A9E82; }
.tiles-row .tile-btn:nth-child(4) { --фон:#B23A3A; --губа:#872A2A; --блик:#D45E5E; }
.tiles-row .tile-btn:nth-child(5) { --фон:#5B45C8; --губа:#412F97; --блик:#7C69DC; }
.tiles-row .tile-btn:nth-child(6) { --фон:#B06A1A; --губа:#874F0F; --блик:#D28C3C; }
@media (prefers-reduced-motion: reduce) {
.tile-btn { transition: none; }
}
/* выбранный фильтр: кнопка утоплена и обведена светлым — видно, что нажата */
a.tile-btn.on {
transform: translateY(4px);
box-shadow: inset 0 2px 6px rgba(0,0,0,.3),
0 1px 0 var(--губа),
0 0 0 2px rgba(255,255,255,.65);
}
/* --- имя сотрудника как маленькая кнопка -----------------------------------
Тот же объём, что у плашек, только мельче: видно, что на имя можно нажать
и попасть в его задачи. Цвет чередуется по фирменной палитре. */
td.who { padding: 7px 10px; }
.name-btn {
--фон: #0E8F86; --губа: #0A6A63; --блик: #35B0A6;
display: inline-block; padding: 6px 13px; border-radius: 999px;
color: #fff; font-size: 13px; font-weight: 600; white-space: nowrap;
text-decoration: none;
background: linear-gradient(180deg, var(--блик) 0%, var(--фон) 65%);
box-shadow: inset 0 1px 0 rgba(255,255,255,.4),
0 3px 0 var(--губа),
0 5px 8px rgba(18,20,28,.18);
transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.name-btn:hover {
text-decoration: none; transform: translateY(-2px); filter: brightness(1.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.45),
0 5px 0 var(--губа),
0 8px 13px rgba(18,20,28,.24);
}
.name-btn:active {
transform: translateY(3px);
box-shadow: inset 0 2px 5px rgba(0,0,0,.28), 0 1px 0 var(--губа);
}
.name-btn.c0 { --фон:#0E8F86; --губа:#0A6A63; --блик:#35B0A6; }
.name-btn.c1 { --фон:#1F63CE; --губа:#16489A; --блик:#4A86E6; }
.name-btn.c2 { --фон:#5B45C8; --губа:#412F97; --блик:#7C69DC; }
.name-btn.c3 { --фон:#A93A9E; --губа:#802B77; --блик:#C662BC; }
.name-btn.c4 { --фон:#17795F; --губа:#0F5744; --блик:#3A9E82; }
.name-btn.c5 { --фон:#DC7A19; --губа:#A85A0F; --блик:#EE9B45; }
/* свод на дашборде: строки плотнее, чтобы весь список людей был на виду */
.scroll.flat th, .scroll.flat td { padding: 4px 10px; line-height: 1.25; }
.scroll.flat td.who { padding: 3px 10px; }
.scroll.flat .name-btn {
padding: 4px 11px; font-size: 12.5px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.4),
0 2px 0 var(--губа),
0 4px 6px rgba(18,20,28,.16);
}
.scroll.flat .name-btn:hover {
box-shadow: inset 0 1px 0 rgba(255,255,255,.45),
0 4px 0 var(--губа),
0 6px 10px rgba(18,20,28,.22);
}
.scroll.flat td.pct { padding: 4px 8px; }
/* отдел и руководитель — одной строкой, иначе строки свода разъезжаются */
.scroll.flat td.who, .scroll.flat td.who .name-btn { white-space: nowrap; }
.scroll.flat td { white-space: nowrap; }
/* руководители — одним голубым; Ольга и её ассистент выделены отдельно */
.name-btn.head { --фон:#2E86D9; --губа:#1F63CE; --блик:#5CA7EC; }
.name-btn.boss { --фон:#E0A80F; --губа:#B0810A; --блик:#F2C23D; }
.name-btn.assist { --фон:#D64B5C; --губа:#A63444; --блик:#E67684; }
/* Три свода на «Эффективности» читаются как одна таблица: первые две колонки
одинаковой ширины во всех трёх, плашки тянутся на всю колонку — поэтому
имена и отделы стоят ровными столбцами, а не пляшут по длине слова. */
/* ширина строго по заданным колонкам: при width:100% браузер раздаёт
остаток первым колонкам, и в коротких таблицах плашки разъезжаются */
.scroll.flat table { table-layout: fixed; width: auto; }
.scroll.flat th:nth-child(1), .scroll.flat td:nth-child(1),
.scroll.flat th:nth-child(2), .scroll.flat td:nth-child(2) {
width: 210px; min-width: 210px; max-width: 210px;
}
.scroll.flat th:nth-child(n+3), .scroll.flat td:nth-child(n+3) { width: 96px; }
.scroll.flat td.who .name-btn {
display: block; width: 100%; text-align: center;
overflow: hidden; text-overflow: ellipsis;
}
/* общий процент рядом с названием свода — сразу видно состояние контура */
.itog {
display: inline-block; margin-left: 10px; padding: 3px 11px; border-radius: 999px;
font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
font-size: 12.5px; font-weight: 700; vertical-align: middle;
font-variant-numeric: tabular-nums;
}
.itog.low { background: #FAE6E6; color: var(--stop); }
.itog.mid { background: #FBF0E0; color: var(--warn); }
.itog.high { background: #E4F3ED; color: var(--norm); }
/* итоговая строка свода: цифры складываем, процент — общий по контуру */
.scroll.flat tr.total td {
background: #EEF1F7; font-weight: 700; border-top: 2px solid var(--line);
}
.scroll.flat tr.total td:first-child { text-align: left; }
.itog.neutral { background: #EEF1F7; color: var(--muted); font-weight: 600; }
/* статус меняется прямо в строке: закрытая задача сразу зеленеет */
td.edit select.field { min-width: 118px; font-weight: 600; }
td.edit select.статус { color: var(--warn); }
/* жёлтым помечено то, что проставил агент по записи встречи, а не человек */
td.auto-mark { background: #FFF2C2; color: #8A6A00; font-weight: 600; }
/* поля чужого отдела: видно, но не правится */
td.чужое { color: var(--text); background: #FAFBFD; }
/* срок правится прямо в строке — узкое поле по ширине даты */
td.edit.num { padding: 4px 6px; }
td.edit .срок { width: 84px; max-width: 84px; text-align: center; font-size: 12.5px; }
/* список исполнителей: колонки по самому длинному тексту, ничего не режется */
.scroll.people { max-height: none; min-height: 0; overflow-x: auto; }
.scroll.people table { table-layout: auto; width: auto; min-width: 100%; }
.scroll.people th, .scroll.people td { white-space: nowrap; padding: 5px 12px; }
.scroll.people select.field { width: auto; min-width: 220px; }
.scroll.people input.fio { width: 100%; min-width: 240px; }
.scroll.people td.edit { min-width: 240px; }
/* выданный пароль показываем один раз — дальше только заменить */
.новый-пароль {
background: #FFF6D9; border: 1px solid #E8D48A; border-radius: 10px;
padding: 12px 16px; margin-bottom: 18px;
}
.новый-пароль code {
font-size: 16px; font-weight: 700; background: #fff; padding: 3px 9px;
border-radius: 6px; border: 1px solid #E8D48A;
}
.новый-пароль span { color: var(--muted); font-size: 13px; }
td code { background: #F5F6FA; padding: 2px 7px; border-radius: 5px; font-size: 13px; }
/* поле пароля с глазиком: кнопка внутри поля, не сдвигает вёрстку */
.поле-пароль { position: relative; }
.поле-пароль input { padding-right: 44px; }
.поле-пароль input { padding-right: 96px; }
.глазик {
position: absolute; right: 5px; top: 50%; transform: translateY(-50%);
background: var(--bg); border: 1px solid var(--line); border-radius: 7px;
margin: 0; padding: 6px 10px; color: var(--brand);
font-size: 12.5px; font-weight: 700; line-height: 1; cursor: pointer;
}
.глазик:hover { background: #E9F2F1; filter: none; }
.намёк { color: var(--muted); font-size: 12.5px; margin-top: 8px; }
/* --- страница входа --------------------------------------------------------
Карточка, объёмная кнопка, свой глаз с бровкой и обезьянка. */
form.login {
background: linear-gradient(180deg, #FFFFFF 0%, #FBFCFE 100%);
border: 1px solid var(--line); border-radius: 18px; padding: 32px 30px 28px;
box-shadow: 0 2px 4px rgba(18,20,28,.05),
0 14px 30px rgba(18,20,28,.10),
0 40px 70px rgba(18,20,28,.08);
}
form.login h1 { color: var(--brand); }
/* выпадающий список: своя стрелка, отодвинута от края */
form.login select, .scroll.people select.field, td.edit select.field {
appearance: none; -webkit-appearance: none;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 14px center;
background-size: 12px 8px;
padding-right: 40px;
}
form.login select { height: 44px; font-size: 15px; }
/* кнопка входа — как плашки на дашборде: с губой и нажатием */
form.login button[type=submit] {
width: 100%; margin-top: 16px; padding: 13px 18px; font-size: 15px;
border-radius: 13px;
background: linear-gradient(180deg, #35B0A6 0%, #0E8F86 62%);
box-shadow: inset 0 1px 0 rgba(255,255,255,.45),
0 5px 0 #0A6A63,
0 8px 12px rgba(18,20,28,.20);
transition: transform .12s ease, box-shadow .12s ease;
}
form.login button[type=submit]:hover {
filter: brightness(1.04); transform: translateY(-2px);
box-shadow: inset 0 1px 0 rgba(255,255,255,.5),
0 7px 0 #0A6A63,
0 11px 16px rgba(18,20,28,.24);
}
form.login button[type=submit]:active {
transform: translateY(4px);
box-shadow: inset 0 2px 6px rgba(0,0,0,.28), 0 1px 0 #0A6A63;
}
/* глаз с бровкой: закрыт — зрачок прячется, появляется черта и обезьянка */
.поле-пароль input { height: 44px; padding-right: 58px; }
.глазик {
display: flex; align-items: center; justify-content: center;
width: 44px; height: 34px; padding: 0; border-radius: 9px;
background: #F2F6F6; border: 1px solid #D6E4E2; color: var(--brand);
}
.глазик:hover { background: #E4F0EE; }
.глазик .мартышка { display: none; font-size: 17px; }
.глазик.открыт svg { display: none; }
.глазик.открыт .мартышка { display: inline; }
/* закрытый доступ виден сразу: строка приглушена, кнопка красная */
tr.выкл td { opacity: .55; }
button.закрыть { background: var(--stop); }
button.открыть { background: var(--norm); }
/* поле выбора имени: подпись, иконка человечка и живое приветствие */
.метка {
display: block; font-size: 12.5px; font-weight: 600; color: var(--muted);
letter-spacing: .03em; text-transform: uppercase; margin: 0 0 6px 2px;
}
.поле-имя { position: relative; }
.поле-имя select {
padding-left: 44px;
background-image:
url("data:image/svg+xml;utf8,"),
url("data:image/svg+xml;utf8,");
background-repeat: no-repeat, no-repeat;
background-position: right 14px center, left 12px center;
background-size: 12px 8px, 21px 21px;
font-weight: 600;
}
.привет {
color: var(--brand); font-weight: 700; font-size: 14px;
margin: 8px 0 14px 2px; min-height: 18px;
}
form.login .метка + .поле-пароль { margin-top: 0; }
/* поля входа — цыплячий жёлтый: страница сразу тёплая и заметная */
form.login select,
form.login input[type=password],
form.login input[type=text] {
background-color: #FFEE9C;
border: 1.5px solid #E4C74A;
color: #3A2E05;
font-weight: 600;
}
form.login select:focus,
form.login input:focus {
outline: none;
border-color: #C9A620;
background-color: #FFF6C4;
box-shadow: 0 0 0 3px rgba(228, 199, 74, .35);
}
form.login ::placeholder { color: #9A8534; }
/* стрелка и человечек — тёмные, чтобы читались на жёлтом */
.поле-имя select {
background-image:
url("data:image/svg+xml;utf8,"),
url("data:image/svg+xml;utf8,");
}
/* кнопка глаза на жёлтом фоне поля */
.глазик { background: #FFF6C4; border-color: #E4C74A; color: #6B5405; }
.глазик:hover { background: #FFEE9C; }
.новый-пароль { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.итог-строка {
background: #E4F3ED; color: var(--norm); border: 1px solid #B8DFD0;
border-radius: 10px; padding: 10px 16px; margin-bottom: 14px; font-weight: 600;
}
/* в шапке видно, открыты ли сейчас правки */
.окно {
font-size: 12.5px; font-weight: 600; padding: 5px 12px; border-radius: 999px;
margin-right: 14px; white-space: nowrap;
}
.окно.открыто { background: #E4F3ED; color: var(--norm); }
.окно.закрыто { background: #FBF0E0; color: var(--warn); }
/* регламент: шаги дня лентой */
.шаги { display: grid; gap: 14px; }
.шаг {
background: var(--card); border: 1px solid var(--line); border-left: 4px solid var(--brand);
border-radius: 12px; padding: 16px 20px;
box-shadow: 0 1px 2px rgba(18,20,28,.05), 0 8px 18px rgba(18,20,28,.06);
}
.шаг h3 { margin: 0 0 6px; font-size: 16px; }
.шаг p { margin: 0; color: var(--text); }
.шаги .шаг:nth-child(4), .шаги .шаг:nth-child(5) { border-left-color: var(--warn); }
.шаги .шаг:nth-child(6) { border-left-color: var(--blue); }
.шаги .шаг:nth-child(7) { border-left-color: var(--norm); }
.шаги .шаг:nth-child(8) { border-left-color: var(--violet); }
button.отмена { background: #EEF1F7; color: var(--text); border: 1px solid var(--line); }
button.отмена:hover { background: #E3E7F0; filter: none; }
/* --- схема структуры: объёмные карточки, которые можно двигать ------------- */
.панель-схемы { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.панель-схемы button { margin-top: 0; padding: 8px 14px; font-size: 13.5px; }
.статус-схемы { font-size: 13px; font-weight: 600; }
.статус-схемы.ок { color: var(--norm); }
.статус-схемы.нет { color: var(--stop); }
.холст {
position: relative; min-height: 70vh; overflow: auto;
background: linear-gradient(180deg, #FFFFFF 0%, #F7F9FC 100%);
background-image: radial-gradient(#E3E7F0 1px, transparent 1px);
background-size: 22px 22px;
border: 1px solid var(--line); border-radius: 14px;
box-shadow: inset 0 1px 3px rgba(18,20,28,.05);
}
.холст .связи { position: absolute; left: 0; top: 0; pointer-events: none; }
.узел {
position: absolute; width: 196px; padding: 12px 14px; border-radius: 13px;
color: #fff; user-select: none; cursor: grab;
--фон: #2E86D9; --губа: #1F63CE; --блик: #5CA7EC;
background: linear-gradient(180deg, var(--блик) 0%, var(--фон) 62%);
box-shadow: inset 0 1px 0 rgba(255,255,255,.4),
0 5px 0 var(--губа),
0 8px 12px rgba(18,20,28,.20);
transition: box-shadow .12s ease;
}
.узел.тащим { cursor: grabbing; box-shadow: 0 14px 26px rgba(18,20,28,.28); }
.узел .имя { font-weight: 700; font-size: 14px; line-height: 1.2; outline: none; }
.узел .роль { font-size: 11.5px; opacity: .9; margin-top: 3px; outline: none; }
.узел.boss { --фон:#E0A80F; --губа:#B0810A; --блик:#F2C23D; }
.узел.head { --фон:#2E86D9; --губа:#1F63CE; --блик:#5CA7EC; }
.узел.man { --фон:#0E8F86; --губа:#0A6A63; --блик:#35B0A6; }
.узел .убрать {
position: absolute; right: 5px; top: 4px; width: 20px; height: 20px;
padding: 0; margin: 0; border: 0; border-radius: 6px; cursor: pointer;
background: rgba(255,255,255,.22); color: #fff; font-size: 15px; line-height: 1;
opacity: 0; transition: opacity .12s;
}
.узел:hover .убрать { opacity: 1; }
.холст:not(.правится) .узел { cursor: default; }
/* доступы: всё на одном экране, без прокрутки */
.scroll.access { max-height: none; min-height: 0; overflow: visible; }
.scroll.access table { table-layout: auto; width: 100%; }
.scroll.access th, .scroll.access td { padding: 6px 12px; white-space: nowrap; }
.scroll.access td:first-child { font-weight: 600; }
.scroll.access select.field { min-width: 150px; padding: 6px 34px 6px 10px; }
.scroll.access button { padding: 6px 12px; font-size: 13px; }
.scroll.access td.что-может { color: var(--muted); font-size: 13px; white-space: normal; }
/* переключатель звука в шапке */
.звук {
display: inline-flex; align-items: center; gap: 6px;
background: #F2F6F6; border: 1px solid #D6E4E2; color: var(--brand);
border-radius: 9px; margin: 0 12px 0 0; padding: 4px 9px;
line-height: 1; cursor: pointer;
}
.звук-значок { font-size: 14px; }
.звук-подпись { font-size: 10.5px; font-weight: 600; letter-spacing: .01em; }
.звук:hover { background: #E4F0EE; filter: none; }
.звук.тихо { opacity: .5; }
/* регламент на платформе: читаемая колонка, врезки и списки */
.текст { max-width: 74ch; color: var(--text); margin: 0 0 10px; }
.врезка {
max-width: 74ch; background: #F2F7F6; border-left: 3px solid var(--brand);
border-radius: 8px; padding: 10px 14px; margin: 0 0 12px; color: var(--text);
}
.список, .шаги-список { max-width: 74ch; margin: 0 0 12px; padding-left: 22px; color: var(--text); }
.список li, .шаги-список li { margin-bottom: 5px; }
.scroll.people table td { white-space: normal; }
/* ─── регламент: подача как в наших пособиях ─────────────────────────────── */
.титул {
display: flex; align-items: flex-end; justify-content: space-between; gap: 24px;
background: linear-gradient(135deg, #0E8F86 0%, #12A79C 45%, #1F63CE 100%);
color: #fff; border-radius: 18px; padding: 30px 32px; margin-bottom: 22px;
box-shadow: 0 10px 24px rgba(14,143,134,.22), 0 26px 50px rgba(18,20,28,.12);
}
.титул .надпись {
font-size: 12px; letter-spacing: .22em; text-transform: uppercase;
opacity: .85; margin-bottom: 6px;
}
.титул h1 { color: #fff; font-size: 30px; margin: 0 0 6px; }
.титул p { margin: 0 0 10px; opacity: .92; font-size: 14.5px; max-width: 62ch; }
.титул-низ { font-size: 12.5px; opacity: .8; }
.титул-статус {
flex: none; font-size: 12.5px; font-weight: 700; padding: 8px 14px;
border-radius: 999px; background: rgba(255,255,255,.18);
border: 1px solid rgba(255,255,255,.35); white-space: nowrap;
}
/* оглавление плитками */
.оглавление {
display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
gap: 10px; margin-bottom: 28px;
}
.огл-плитка {
display: flex; align-items: center; gap: 10px; text-decoration: none;
background: var(--card); border: 1px solid var(--line); border-left: 4px solid var(--брэнд, #0E8F86);
border-radius: 11px; padding: 10px 13px; color: var(--ink);
box-shadow: 0 1px 2px rgba(18,20,28,.05), 0 6px 14px rgba(18,20,28,.06);
transition: transform .12s ease, box-shadow .12s ease;
}
.огл-плитка:hover {
text-decoration: none; transform: translateY(-2px);
box-shadow: 0 3px 6px rgba(18,20,28,.08), 0 12px 22px rgba(18,20,28,.10);
}
.огл-номер {
font-family: "Liberation Serif", Times, Georgia, serif;
font-size: 17px; font-weight: 700; color: var(--брэнд, #0E8F86);
font-variant-numeric: tabular-nums;
}
.огл-имя { font-size: 13.5px; font-weight: 600; line-height: 1.25; }
/* разделы карточками */
section.раздел {
background: var(--card); border: 1px solid var(--line); border-radius: 16px;
padding: 22px 26px 18px; margin-bottom: 18px; scroll-margin-top: 80px;
box-shadow: 0 1px 2px rgba(18,20,28,.04), 0 10px 22px rgba(18,20,28,.06);
}
.раздел-шапка { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.раздел-номер {
display: flex; align-items: center; justify-content: center;
width: 40px; height: 40px; border-radius: 12px; flex: none;
background: var(--брэнд, #0E8F86); color: #fff;
font-family: "Liberation Serif", Times, Georgia, serif;
font-size: 17px; font-weight: 700; font-variant-numeric: tabular-nums;
box-shadow: 0 3px 0 rgba(0,0,0,.14);
}
.раздел-шапка h2 { margin: 0; font-size: 20px; }
.раздел-тело { padding-left: 54px; }
/* цвет раздела — по фирменному кругу */
.c0 { --брэнд: #0E8F86; }
.c1 { --брэнд: #1F63CE; }
.c2 { --брэнд: #5B45C8; }
.c3 { --брэнд: #A93A9E; }
.c4 { --брэнд: #D64B5C; }
.c5 { --брэнд: #DC7A19; }
.раздел .врезка {
background: color-mix(in srgb, var(--брэнд) 7%, #fff);
border-left: 3px solid var(--брэнд);
}
.шаги-список { list-style: none; padding-left: 0; }
.шаги-список li {
position: relative; padding-left: 34px; margin-bottom: 8px;
}
.шаги-список li span {
position: absolute; left: 0; top: 1px; width: 24px; height: 24px;
display: flex; align-items: center; justify-content: center;
border-radius: 8px; background: color-mix(in srgb, var(--брэнд) 14%, #fff);
color: var(--брэнд); font-weight: 700; font-size: 12.5px;
}
.список li::marker { color: var(--брэнд); }
.таблица-обёртка { overflow-x: auto; border-radius: 12px; margin-bottom: 12px; }
table.фирменная { width: 100%; border-collapse: collapse; background: #fff; }
table.фирменная th {
background: var(--брэнд); color: #fff; font-size: 12.5px; font-weight: 700;
padding: 9px 12px; text-align: left; white-space: nowrap;
}
table.фирменная td {
padding: 8px 12px; font-size: 13px; border-bottom: 1px solid var(--line);
vertical-align: top; white-space: normal;
}
table.фирменная tr:nth-child(even) td { background: #FAFBFD; }
table.фирменная tr:last-child td { border-bottom: 0; }
/* ─── фон: фирменный лист BrowXenna, зелёный 127/183/24, вполсилы ───────── */
body {
background-image: url("data:image/png;base64,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");
background-size: 340px 340px;
background-attachment: fixed;
background-repeat: repeat;
}
.card, .tile, section.раздел, .scroll, table, form.login, .холст,
.огл-плитка, .новый-пароль, .итог-строка, .врезка { background-color: var(--card); }
.scroll table { background-color: transparent; }
/* знак бренда в шапке: платформа наша, продукт — BrowXenna */
header .бренд {
display: flex; align-items: center; margin-left: 16px;
padding-left: 16px; border-left: 1px solid var(--line);
}
header .бренд img { height: 22px; width: auto; opacity: .75; }
/* фото рядом с именем в своде */
.name-btn .фото {
width: 22px; height: 22px; border-radius: 50%; object-fit: cover;
vertical-align: middle; margin-right: 7px; margin-top: -2px;
border: 1.5px solid rgba(255,255,255,.75);
}
.scroll.flat td.who .name-btn { text-align: left; }
/* ── раздел «Маркетплейсы» ───────────────────────────────────────────────── */
.mp-период { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 14px 0 4px; }
.mp-период .tile-btn.мелкий {
min-width: 92px; height: 34px; padding: 0 14px; font-size: 13px;
--фон: #FFFFFF; --губа: #D6DAE6; --блик: #FFFFFF; color: var(--text);
border: 1px solid var(--line); box-shadow: none;
}
.mp-период .tile-btn.мелкий.выбран { --фон: #0E8F86; color: #fff; border-color: #0E8F86; }
.mp-период .поиск, .mp-период select {
height: 34px; padding: 0 10px; border: 1px solid var(--line); border-radius: 7px;
font: inherit; font-size: 13px; background: var(--card); color: var(--ink);
}
.mp-период .поиск { min-width: 210px; }
.mp-период button {
height: 34px; padding: 0 16px; border: 0; border-radius: 7px; cursor: pointer;
background: var(--brand); color: #fff; font: inherit; font-size: 13px; font-weight: 600;
}
.мп-даты { color: var(--muted); font-size: 13px; margin-left: auto; }
.tile-btn.главный { --фон:#17795F; --губа:#0F5744; --блик:#3A9E82; }
.tile-btn.тревога { --фон:#B23A3A; --губа:#872A2A; --блик:#D45E5E; }
.мп-график { width: 100%; height: 190px; display: block; }
.легенда { color: var(--muted); font-size: 12px; margin: 6px 0 0; }
.легенда .ключ {
display: inline-block; width: 11px; height: 11px; border-radius: 3px;
margin: 0 5px 0 14px; vertical-align: -1px;
}
.легенда .ключ:first-child { margin-left: 0; }
.сноска { color: var(--muted); font-size: 13px; margin: 10px 0 0; }
.формула {
background: var(--card); border: 1px solid var(--line); border-radius: 8px;
padding: 12px 16px; font-size: 15px; font-weight: 600; display: inline-block;
}
table.pnl td, table.pnl th { font-size: 13px; }
table.pnl .мелко { color: var(--muted); font-size: 12px; }
table.pnl .минус { color: var(--stop); font-weight: 600; }
table.pnl tr.нет-себеса { background: #FFFBF2; }
.метка {
display: inline-block; margin-left: 6px; padding: 1px 6px; border-radius: 5px;
background: #FBF0E0; color: var(--warn); font-size: 11px; white-space: nowrap;
}
.сорт { color: inherit; }
.сорт.выбран { color: var(--brand); text-decoration: underline; }
td.оценка, .оценка { color: var(--warn); }
.mp-период .дата {
height: 34px; padding: 0 8px; border: 1px solid var(--line); border-radius: 7px;
font: inherit; font-size: 13px; background: var(--card); color: var(--ink);
}
.шаги { display: grid; gap: 16px; margin: 18px 0; max-width: 760px; }
.шаг {
display: flex; gap: 16px; align-items: flex-start; background: var(--card);
border: 1px solid var(--line); border-radius: 10px; padding: 18px 20px;
}
.шаг h3 { margin: 0 0 6px; font-size: 16px; }
.шаг p { margin: 0 0 10px; color: var(--text); }
.шаг .номер {
flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--brand);
color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center;
}
.кнопка {
height: 38px; padding: 0 18px; border: 0; border-radius: 8px; cursor: pointer;
background: var(--brand); color: #fff; font: inherit; font-weight: 600;
}
.кнопка.серая { background: var(--muted); }
.строка-формы { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.код-поле {
height: 38px; padding: 0 14px; border: 1px solid var(--line); border-radius: 8px;
font: inherit; font-size: 16px; letter-spacing: 2px; width: 190px;
}
.итог-строка { padding: 10px 14px; border-radius: 8px; display: inline-block; }
.итог-строка.удача { background: #E4F3ED; color: var(--norm); }
.итог-строка.беда { background: #FAE6E6; color: var(--stop); }
/* Таблицы раздела «Маркетплейсы»: длинные названия товаров переносятся внутри
своей колонки, а не наезжают на соседние. Строки выравниваем по центру —
иначе короткий артикул висит вверху, а название занимает три строки. */
table.мп td, table.мп th { vertical-align: middle; }
table.мп td.who {
white-space: nowrap; width: 1%; font-weight: 600; font-size: 13px;
color: var(--ink); padding: 8px 12px;
}
/* название — всегда одна строка: длинное подрезается многоточием, а колонка
забирает всё свободное место, чтобы справа не оставалось пустоты */
table.мп { table-layout: auto; width: 100%; }
table.мп td.тов, table.мп th.тов {
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
max-width: 0; width: 100%; font-size: 12.5px; color: var(--text);
}
table.мп td.мелко { white-space: nowrap; width: 1%; }
table.мп tr.total td { font-weight: 700; background: #F7F9FC; }
/* Каркас раздела «Маркетплейсы»: своё боковое меню, чтобы верхняя строка панели
не превращалась в ленту. Наверху остаётся один вход, разделы живут здесь. */
.мп-каркас { display: grid; grid-template-columns: 218px 1fr; gap: 22px; align-items: start; }
.мп-меню {
position: sticky; top: 78px; background: var(--card); border: 1px solid var(--line);
border-radius: 12px; padding: 8px; display: flex; flex-direction: column; gap: 2px;
box-shadow: 0 1px 2px rgba(18,20,28,.05), 0 8px 20px rgba(18,20,28,.06);
}
.мп-меню-шапка {
font-weight: 700; font-size: 13px; color: var(--brand);
padding: 10px 12px 8px; letter-spacing: .02em;
}
.мп-меню-раздел {
font-size: 11px; color: var(--muted); text-transform: uppercase;
letter-spacing: .06em; padding: 14px 12px 6px; border-top: 1px solid var(--line);
margin-top: 6px;
}
.мп-меню a {
display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 8px;
color: var(--text); font-size: 13.5px; font-weight: 500; text-decoration: none;
}
.мп-меню a:hover { background: #F1F4F9; color: var(--ink); text-decoration: none; }
.мп-меню a.тут { background: var(--brand); color: #fff; }
.мп-меню a.тут .знак { opacity: .9; }
.мп-меню .знак { width: 18px; text-align: center; font-size: 14px; opacity: .65; }
.мп-контент { min-width: 0; }
.мп-контент h1 { margin-top: 0; }
@media (max-width: 900px) {
.мп-каркас { grid-template-columns: 1fr; }
.мп-меню { position: static; flex-direction: row; flex-wrap: wrap; }
.мп-меню-шапка, .мп-меню-раздел { display: none; }
}
.мп-меню a.площадка { font-size: 13px; }
.мп-шапка { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.мп-шапка h1 { margin: 0 0 10px; }
.мп-шапка .mp-период { margin: 0 0 10px; }
/* плашки компактные: на экране их много, место важнее размера цифры */
/* плашки одного размера: сетка, а не поток — иначе ширина пляшет от длины числа */
.tiles-row {
display: grid; grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
gap: 8px; margin-bottom: 12px;
}
/* содержимое плашки по центру: и цифра, и подпись — иначе строка «пляшет» */
.tiles-row .tile-btn {
min-width: 0; height: 54px; justify-content: center; align-items: center;
text-align: center; padding: 6px 8px;
}
.tiles-row .tile-btn .n { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; text-align: center; }
.tiles-row .tile-btn .l { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; text-align: center; }
.mp-период .tile-btn.мелкий { height: 30px; padding: 0 12px; font-size: 12.5px; min-width: 78px; }
h2.sect { font-size: 15px; margin: 18px 0 8px; }
.сохранить-строка { display: flex; align-items: center; gap: 14px; margin: 4px 0 10px; }
.план-поле {
width: 92px; height: 28px; padding: 0 8px; text-align: right;
border: 1px solid var(--line); border-radius: 6px; font: inherit; font-size: 13px;
font-variant-numeric: tabular-nums;
}
.план-поле:focus { outline: 2px solid var(--brand); outline-offset: -1px; }
table.мп td, table.мп th { padding: 6px 10px; font-size: 12.5px; }
table.мп td.who { font-size: 12.5px; padding: 6px 10px; }
table.мп td.num, table.мп th.num { width: 84px; min-width: 84px; max-width: 84px; font-size: 12.5px; }
table.мп th { font-size: 11.5px; }
/* кольца дашборда: значение внутри, доли категорий — списком справа */
.донаты { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 14px; }
@media (max-width: 1100px) { .донаты { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 700px) { .донаты { grid-template-columns: 1fr; } }
.донат { background: var(--card); border: 1px solid var(--line); border-radius: 10px; padding: 8px 10px; }
.донат-шапка { font-size: 11.5px; font-weight: 600; color: var(--muted); margin-bottom: 4px; }
.донат-тело { display: flex; gap: 8px; align-items: center; }
.кольцо { width: 84px; height: 84px; flex: none; }
.кольцо .центр { font-size: 7.5px; font-weight: 700; fill: var(--ink); }
.донат-легенда { list-style: none; margin: 0; padding: 0; flex: 1; min-width: 0; }
.донат-легенда li { display: flex; align-items: center; gap: 5px; font-size: 10.5px; line-height: 1.5; }
.донат-легенда i { width: 7px; height: 7px; border-radius: 2px; flex: none; }
.донат-легенда .имя { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--text); }
.донат-легенда .доля { color: var(--muted); font-variant-numeric: tabular-nums; }
/* шесть колец ложатся в две строки по три, поэтому им можно дать больше воздуха */
.донат { padding: 10px 12px; }
.кольцо { width: 96px; height: 96px; }
.донат-легенда li { line-height: 1.55; }
.донат-легенда li { font-size: 11px; }
.донат-шапка { font-size: 12px; }
/* фильтры дашборда — одной строкой над карточками */
.мп-фильтры { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: 0 0 12px; }
.мп-фильтры select, .мп-фильтры .поиск {
height: 30px; padding: 0 8px; border: 1px solid var(--line); border-radius: 7px;
font: inherit; font-size: 12.5px; background: var(--card); color: var(--ink); max-width: 220px;
}
.мп-фильтры .поиск { min-width: 230px; }
.мп-фильтры button, .мп-фильтры .кнопка {
height: 30px; padding: 0 14px; font-size: 12.5px; border: 0; border-radius: 7px;
background: var(--brand); color: #fff; font-weight: 600; cursor: pointer;
display: inline-flex; align-items: center; text-decoration: none;
}
.мп-фильтры .кнопка.серая { background: var(--muted); }
/* раскрытие категорий */
table.категории tr.кат { cursor: pointer; }
table.категории tr.кат:hover { background: #F1F4F9; }
table.категории tr.кат td { font-weight: 600; }
table.категории .стрелка { display: inline-block; width: 14px; color: var(--muted); font-size: 10px; }
table.категории tr.подстрока td { background: #FAFBFD; font-weight: 400; }
table.категории tr.подстрока td.тов { padding-left: 28px; color: var(--muted); }
tr.скрыт { display: none; }
.scroll.flat.кабинеты { margin-bottom: 14px; }
/* выбор сотрудника внутри карточки структуры */
.узел .кто {
width: 100%; margin-top: 5px; height: 22px; font-size: 10.5px; font-family: inherit;
border: 1px solid rgba(255,255,255,.55); border-radius: 5px;
background: rgba(255,255,255,.92); color: var(--ink);
}
.узел .кто:focus { outline: 2px solid #fff; outline-offset: -1px; }
/* карточки колец одного роста и по одной линии: легенда всегда шесть строк,
даже если категорий меньше — иначе соседние карточки разъезжаются по высоте */
.донаты { align-items: stretch; }
.донат { display: flex; flex-direction: column; height: 146px; }
.донат-тело { align-items: flex-start; flex: 1; min-height: 0; }
.кольцо { width: 104px; height: 104px; align-self: center; }
.донат-легенда { display: flex; flex-direction: column; justify-content: flex-start; height: 104px; }
.донат-легенда li { height: 17px; line-height: 17px; }
.донат-шапка {
height: 16px; line-height: 16px; white-space: nowrap; overflow: hidden;
text-overflow: ellipsis;
}
/* корпоративный лайм вместо зелёного: на лайме текст только чернилами,
белым он не читается */
.tiles-row .tile-btn:nth-child(1),
.tiles-row .tile-btn:nth-child(3),
.tile-btn.главный {
--фон: #C6F135; --губа: #A3C921; --блик: #D9F86F; color: #0D1117;
}
.tiles-row .tile-btn:nth-child(1) .n, .tiles-row .tile-btn:nth-child(3) .n,
.tile-btn.главный .n { text-shadow: none; }
.tiles-row .tile-btn:nth-child(1) .l, .tiles-row .tile-btn:nth-child(3) .l,
.tile-btn.главный .l { opacity: .75; }
.панель-схемы .кнопка-схемы {
display: inline-flex; align-items: center; height: 30px; padding: 0 14px;
border-radius: 7px; background: var(--muted); color: #fff; font-size: 12.5px;
font-weight: 600; text-decoration: none;
}
/* единая панель над дашбордом: все элементы одной высоты и на одной линии */
.mp-панель { width: 100%; }
.mp-строка { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.mp-строка .поле {
height: 32px; box-sizing: border-box; padding: 0 10px; font: inherit; font-size: 12.5px;
border: 1px solid var(--line); border-radius: 7px; background: var(--card);
color: var(--ink); line-height: 30px;
}
.mp-строка select.поле { padding-right: 24px; max-width: 190px; }
.mp-строка .поиск { min-width: 210px; flex: 1 1 210px; max-width: 280px; }
.mp-строка .дата { width: 140px; }
.mp-строка .главная { background: var(--brand); color: #fff; border-color: var(--brand);
font-weight: 600; cursor: pointer; padding: 0 16px; }
.mp-строка .вторая { background: var(--muted); color: #fff; border-color: var(--muted);
font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; }
.период-кнопка {
height: 32px; box-sizing: border-box; display: inline-flex; align-items: center;
padding: 0 14px; border: 1px solid var(--line); border-radius: 7px;
background: var(--card); color: var(--text); font-size: 12.5px; font-weight: 600;
text-decoration: none;
}
.период-кнопка.выбран { background: #C6F135; border-color: #A3C921; color: #0D1117; }
.период-кнопка:hover { text-decoration: none; border-color: var(--brand); }
.мп-шапка { align-items: center; }
.мп-шапка h1 { font-size: 20px; margin: 0 16px 10px 0; }
/* строка фильтров: все элементы одного роста и по одной линии, без сюрпризов
от кнопок и полей ввода с их собственными отступами */
.mp-строка > * {
height: 32px; box-sizing: border-box; margin: 0; align-self: center;
vertical-align: middle; line-height: normal;
}
.mp-строка button.поле, .mp-строка a.поле, .mp-строка input.поле, .mp-строка select.поле {
display: inline-flex; align-items: center; line-height: 1;
}
.mp-строка input.поле { line-height: normal; }
.мп-шапка { width: 100%; }
.мп-шапка h1 { flex: 0 0 auto; }
.мп-шапка .mp-панель { flex: 1 1 100%; }
/* плашки на всех вкладках одинаковой высоты и по одной сетке */
.tiles-row { align-items: stretch; }
.tiles-row .tile-btn { display: flex; flex-direction: column; justify-content: center; }
/* строка фильтров дашборда: та же высота, что и у панели периода */
.мп-фильтры select, .мп-фильтры .поиск, .мп-фильтры button, .мп-фильтры .кнопка {
height: 32px; box-sizing: border-box;
}
.мп-фильтры button, .мп-фильтры .кнопка { line-height: 1; }
/* «Показать» и «Выгрузить» — одна кнопка по форме и росту, различаются только цветом */
.мп-фильтры button, .мп-фильтры .кнопка, .мп-фильтры a.кнопка {
height: 32px; min-height: 32px; box-sizing: border-box;
display: inline-flex; align-items: center; justify-content: center;
padding: 0 16px; margin: 0; border: 0; border-radius: 7px;
font: inherit; font-size: 12.5px; font-weight: 600; line-height: 1;
text-decoration: none; cursor: pointer; vertical-align: middle;
}
.мп-фильтры button { background: var(--brand); color: #fff; }
.мп-фильтры .кнопка.серая { background: var(--muted); color: #fff; }
.мп-фильтры { align-items: center; }
.мп-фильтры > * { align-self: center; }
/* кнопки периода — такие же объёмные, как плашки в «Эффективности»:
всё, куда можно провалиться, выглядит нажимаемым */
.период-кнопка {
--фон: #FFFFFF; --губа: #C3CBDA; --блик: #FFFFFF;
height: 32px; border: 0; border-radius: 9px; color: var(--ink);
background: linear-gradient(180deg, var(--блик) 0%, var(--фон) 62%);
box-shadow: inset 0 1px 0 rgba(255,255,255,.6),
inset 0 -1px 0 rgba(0,0,0,.06),
0 3px 0 var(--губа),
0 4px 7px rgba(18,20,28,.14);
transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.период-кнопка:hover {
text-decoration: none; transform: translateY(-2px); filter: brightness(1.03);
box-shadow: inset 0 1px 0 rgba(255,255,255,.65),
0 5px 0 var(--губа), 0 7px 11px rgba(18,20,28,.18);
}
.период-кнопка:active {
transform: translateY(3px);
box-shadow: inset 0 2px 5px rgba(0,0,0,.22), 0 1px 0 var(--губа);
}
.период-кнопка.выбран {
--фон: #C6F135; --губа: #A3C921; --блик: #D9F86F; color: #0D1117;
}
/* постоянный зазор между строкой периода и тем, что под ней */
.мп-шапка { margin: 0 0 16px; }
.мп-шапка .mp-панель { margin-bottom: 0; }
.мп-контент .донаты,
.мп-контент .tiles-row:first-of-type,
.мп-контент > .scroll:first-of-type { margin-top: 0; }
/* воздух между горизонтальными блоками раздела: строка периода, строка фильтров,
кольца, таблицы и график стоят на равном расстоянии друг от друга */
.мп-контент > * { margin-bottom: 18px; }
.мп-контент > *:last-child { margin-bottom: 0; }
.мп-шапка { margin-bottom: 18px; }
.мп-фильтры { margin: 0 0 18px; }
.донаты { margin-bottom: 18px; }
.tiles-row { margin-bottom: 18px; }
.scroll.flat { margin-bottom: 18px; }
.scroll.flat.кабинеты { margin-bottom: 18px; }
h2.sect { margin: 22px 0 10px; }
.мп-контент form { margin-bottom: 18px; }
.месяцы { display: flex; gap: 8px; flex-wrap: wrap; }
.план-поле.узкое { width: 68px; }
.состояние { font-size: 12.5px; padding: 5px 12px; border-radius: 7px; }
.состояние.ждёт { background: #FBF0E0; color: var(--warn); }
.состояние.готово { background: #E4F3ED; color: var(--norm); }
.кнопка.главная-кнопка { background: #C6F135; color: #0D1117; font-weight: 700; }
.правка {
font-size: 12.5px; padding: 5px 12px; border-radius: 7px;
background: #F1F4F9; color: var(--muted);
}
/* заголовки колонок переносятся по словам и не вылезают за столбец */
table.мп th {
white-space: normal; overflow-wrap: break-word; hyphens: auto;
vertical-align: bottom; line-height: 1.25; padding: 7px 6px;
}
table.мп th.num { width: 84px; min-width: 84px; max-width: 84px; }
table.мп th.тов { white-space: nowrap; }
/* заголовки колонок — по центру и прижаты к верху шапки */
table.мп th {
vertical-align: top; text-align: center; padding-top: 8px;
}
table.мп th.тов, table.мп th:first-child { text-align: left; }
/* все числовые колонки одной ширины — таблица читается как сетка */
table.мп td.num, table.мп th.num {
width: 88px; min-width: 88px; max-width: 88px;
text-align: center; font-variant-numeric: tabular-nums; font-size: 12.5px;
padding-left: 4px; padding-right: 4px;
}
table.мп td.who { width: 84px; min-width: 84px; max-width: 84px; }
/* при прокрутке вправо артикул и название остаются на месте */
table.мп td.who, table.мп th:first-child {
position: sticky; left: 0; z-index: 2; background: var(--card);
}
table.мп th:first-child { z-index: 3; background: #EEF1F7; }
table.мп td.тов, table.мп th.тов {
position: sticky; left: 84px; z-index: 2; background: var(--card);
}
table.мп th.тов { z-index: 3; background: #EEF1F7; }
table.мп tr.total td.who, table.мп tr.total td.тов,
table.мп tr.total td:first-child { background: #F7F9FC; }
table.мп tr.подстрока td.who, table.мп tr.подстрока td.тов { background: #FAFBFD; }
table.мп tr.кат:hover td.who, table.мп tr.кат:hover td.тов { background: #F1F4F9; }
/* сетка таблицы: колонки разделены линиями, как в отчётах */
table.мп td, table.мп th { border-right: 1px solid var(--line); }
table.мп td:last-child, table.мп th:last-child { border-right: 0; }
table.мп th { border-bottom: 1px solid #C3CBDA; }
table.мп tr.total td { border-top: 2px solid #C3CBDA; }
/* в план-факте и постановке плашки компактнее: там главное — таблица */
.мп-контент .tiles-row.узкие { grid-template-columns: repeat(auto-fit, minmax(104px, 1fr)); gap: 6px; }
.tiles-row.узкие .tile-btn { height: 42px; padding: 4px 6px; border-radius: 7px; }
.tiles-row.узкие .tile-btn .n { font-size: 14px; letter-spacing: -.2px; }
.tiles-row.узкие .tile-btn .l { font-size: 9.5px; }
.подпись-поля { font-size: 12.5px; color: var(--text); }
.файл { font-size: 12px; max-width: 260px; }
table.мп td.мягкое { color: var(--muted); font-style: italic; }
/* переключатель площадок в фирменных цветах: Wildberries — пурпур, Ozon — синий */
.площадки { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin: 2px 0 8px; }
.площадки .площадка {
display: flex; align-items: center; justify-content: center; height: 30px;
border-radius: 8px; font-size: 12px; font-weight: 700; text-decoration: none;
color: #fff; opacity: .42; transition: opacity .12s ease, transform .12s ease;
}
.площадки .площадка:hover { opacity: .8; text-decoration: none; transform: translateY(-1px); }
.площадки .площадка.тут { opacity: 1; box-shadow: 0 2px 0 rgba(0,0,0,.18); }
.площадки .все { background: #7A7A7A; }
.площадки .вб { background: linear-gradient(135deg, #A020F0 0%, #CB11AB 100%); }
.площадки .озон { background: #005BFF; }
/* все кнопки в панели — объёмные, как плашки: «губа» снизу, подъём при наведении,
провал при нажатии. Одна форма для сохранения, выгрузки, загрузки и согласования */
.кнопка, .мп-фильтры button, .мп-фильтры .кнопка, .mp-строка .главная,
.mp-строка .вторая, .панель-схемы button, .панель-схемы .кнопка-схемы,
.мп-контент button[type="submit"] {
--фон: #0E8F86; --губа: #0A6A63; --блик: #35B0A6;
border: 0; border-radius: 9px; color: #fff; font-weight: 600; cursor: pointer;
background: linear-gradient(180deg, var(--блик) 0%, var(--фон) 62%);
box-shadow: inset 0 1px 0 rgba(255,255,255,.42),
inset 0 -1px 0 rgba(0,0,0,.12),
0 3px 0 var(--губа),
0 4px 8px rgba(18,20,28,.18);
transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.кнопка:hover, .мп-фильтры button:hover, .мп-фильтры .кнопка:hover,
.mp-строка .главная:hover, .mp-строка .вторая:hover,
.панель-схемы button:hover, .панель-схемы .кнопка-схемы:hover,
.мп-контент button[type="submit"]:hover {
transform: translateY(-2px); filter: brightness(1.05); text-decoration: none;
box-shadow: inset 0 1px 0 rgba(255,255,255,.5),
0 5px 0 var(--губа), 0 7px 12px rgba(18,20,28,.22);
}
.кнопка:active, .мп-фильтры button:active, .мп-фильтры .кнопка:active,
.mp-строка .главная:active, .mp-строка .вторая:active,
.панель-схемы button:active, .панель-схемы .кнопка-схемы:active,
.мп-контент button[type="submit"]:active {
transform: translateY(3px);
box-shadow: inset 0 2px 5px rgba(0,0,0,.26), 0 1px 0 var(--губа);
}
/* цветовые роли остаются прежними, меняется только объём */
.кнопка.серая, .мп-фильтры .кнопка.серая, .mp-строка .вторая,
.панель-схемы .кнопка-схемы { --фон: #7A7A7A; --губа: #5C5C5C; --блик: #9B9B9B; }
.кнопка.главная-кнопка { --фон: #C6F135; --губа: #A3C921; --блик: #D9F86F; color: #0D1117; }
/* плашки-переключатели площадок тоже объёмные */
.площадки .площадка {
box-shadow: 0 2px 0 rgba(0,0,0,.22), 0 3px 6px rgba(18,20,28,.16);
}
.площадки .площадка:active { transform: translateY(2px); box-shadow: 0 1px 0 rgba(0,0,0,.22); }
.ставки { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; }
.ставка { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--muted); }
.ставка input { height: 32px; }
/* в постановке плана плашки совсем компактные: место нужно таблице */
.tiles-row.мелкие { grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)); gap: 5px; }
.tiles-row.мелкие .tile-btn { height: 36px; padding: 3px 5px; border-radius: 6px; }
.tiles-row.мелкие .tile-btn .n { font-size: 12.5px; letter-spacing: -.2px; }
.tiles-row.мелкие .tile-btn .l { font-size: 9px; opacity: .8; }
table.мп td.номер, table.мп th.номер {
width: 40px; min-width: 40px; max-width: 40px; text-align: center;
color: var(--muted); font-size: 11.5px;
position: sticky; left: 0; z-index: 2; background: var(--card);
}
table.мп th.номер { z-index: 3; background: #EEF1F7; }
table.мп td.who { left: 40px; }
table.мп td.тов, table.мп th.тов { left: 124px; }
table.мп tr.total td.номер { background: #F7F9FC; }
/* ввод процента амбиции и кнопка — того же роста и вида, что плашки рядом */
.амбиция-строка { display: flex; gap: 5px; align-items: stretch; margin: 0 0 18px; }
.амбиция-поле {
display: flex; flex-direction: column; justify-content: center; align-items: center;
height: 36px; min-width: 92px; padding: 3px 8px; border-radius: 6px;
background: var(--card); border: 1px solid var(--line);
}
.амбиция-поле input {
width: 100%; border: 0; padding: 0; text-align: center; background: transparent;
font: inherit; font-size: 12.5px; font-weight: 700; color: var(--ink);
font-variant-numeric: tabular-nums;
}
.амбиция-поле input:focus { outline: none; }
.амбиция-поле .l { font-size: 9px; color: var(--muted); line-height: 1; }
.кнопка.амбиция-кнопка { height: 36px; padding: 0 14px; font-size: 12px; border-radius: 6px; }
/* номер по порядку — по ширине самого числа, остальные колонки не трогаем */
table.мп td.номер, table.мп th.номер {
width: 34px; min-width: 34px; max-width: 34px;
padding-left: 3px; padding-right: 3px;
}
table.мп td.who { left: 34px; }
table.мп td.тов, table.мп th.тов { left: 118px; }
/* ── итоговые ширины колонок таблиц раздела ──────────────────────────────────
Правил про ширину накопилось несколько и они спорили между собой.
Этот блок — последний и единственный источник истины. */
table.мп { table-layout: auto !important; width: 100% !important; }
table.мп td.номер, table.мп th.номер {
width: 34px !important; min-width: 34px !important; max-width: 34px !important;
left: 0 !important;
}
table.мп td.who, table.мп th.who {
width: 78px !important; min-width: 78px !important; max-width: 78px !important;
left: 34px !important;
}
table.мп td.тов, table.мп th.тов {
width: auto !important; min-width: 260px !important; max-width: none !important;
left: 112px !important;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
table.мп td.num, table.мп th.num {
width: 86px !important; min-width: 86px !important; max-width: 86px !important;
}
table.мп td.мелко, table.мп th.мелко {
width: 62px !important; min-width: 62px !important; max-width: 62px !important;
}
/* ── таблица целиком помещается в лист ───────────────────────────────────────
Фиксированная раскладка: номер, артикул и название заданы жёстко,
а числовые колонки поровну делят остаток ширины — ничего не уезжает вправо. */
table.мп { table-layout: fixed !important; width: 100% !important; }
table.мп td.who, table.мп th.who {
width: 70px !important; min-width: 70px !important; max-width: 70px !important;
}
table.мп td.тов, table.мп th.тов {
width: 190px !important; min-width: 190px !important; max-width: 190px !important;
}
table.мп td.num, table.мп th.num {
width: auto !important; min-width: 0 !important; max-width: none !important;
font-size: 11.5px; padding-left: 3px; padding-right: 3px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
table.мп th.num { font-size: 10.5px; }
table.мп td.мелко, table.мп th.мелко {
width: 54px !important; min-width: 54px !important; max-width: 54px !important;
}
table.мп .план-поле { width: 100%; max-width: 74px; }
table.мп .план-поле.узкое { max-width: 56px; }
/* закрепление оставляем, координаты — под новые ширины */
table.мп td.номер, table.мп th.номер { left: 0 !important; }
table.мп td.who, table.мп th.who { left: 30px !important; }
table.мп td.тов, table.мп th.тов { left: 100px !important; }
/* строка амбиции: подпись, число и кнопка на одной линии и одного роста */
.сохранить-строка { align-items: center; }
.сохранить-строка .подпись-поля { line-height: 28px; }
.сохранить-строка .план-поле, .сохранить-строка .план-поле.узкое {
height: 28px; line-height: 28px; padding: 0 8px;
}
.сохранить-строка .кнопка {
height: 28px; padding: 0 12px; font-size: 12px; border-radius: 7px;
display: inline-flex; align-items: center;
}
.сохранить-строка .кнопка.главная-кнопка { height: 32px; padding: 0 16px; font-size: 12.5px; }
/* правая граница заголовка тянется мышью — ширина колонки запоминается */
table.мп th { position: relative; }
table.мп th .ручка {
position: absolute; top: 0; right: -3px; width: 7px; height: 100%;
cursor: col-resize; z-index: 4; user-select: none;
}
table.мп th .ручка:hover { background: rgba(14,143,134,.35); }
/* «Сохранить изменения», отметка состояния и дата правки — на одной линии */
.сохранить-строка { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.сохранить-строка > * { align-self: center; }
.сохранить-строка .состояние, .сохранить-строка .правка {
height: 28px; display: inline-flex; align-items: center; padding: 0 12px;
line-height: 1; margin: 0; border-radius: 7px; white-space: nowrap;
}
.сохранить-строка .подпись-поля { display: inline-flex; align-items: center; height: 28px; line-height: 1; }
/* кнопка «Пересчитать» встаёт вровень с подписью и числом */
form[action="/mp/план/амбиция"] { align-items: center; margin-bottom: 12px; }
form[action="/mp/план/амбиция"] .кнопка {
align-self: center; position: relative; top: -2px;
}
form[action="/mp/план/амбиция"] .подпись-поля,
form[action="/mp/план/амбиция"] .план-поле { align-self: center; }
table.мп th.сортируемый { cursor: pointer; user-select: none; }
table.мп th.сортируемый:hover { background: #E4E9F2; }
table.мп th.сорт-вниз::before { content: "▾ "; color: var(--brand); font-size: 9px; }
table.мп th.сорт-вверх::before { content: "▴ "; color: var(--brand); font-size: 9px; }
/* Wildberries — фирменный фиолетовый */
.площадки .вб { background: #7B2FF7 !important; }
.площадки .вб.тут { background: #6A1FE0 !important; }
/* РНП: все показатели одной строкой, плашки компактные */
.tiles-row.рнп-ряд {
display: flex; flex-wrap: nowrap; gap: 5px; overflow-x: auto;
}
.tiles-row.рнп-ряд .tile-btn {
flex: 1 1 0; min-width: 84px; height: 36px; padding: 3px 5px; border-radius: 6px;
}
.tiles-row.рнп-ряд .tile-btn .n { font-size: 12.5px; }
.tiles-row.рнп-ряд .tile-btn .l { font-size: 8.5px; opacity: .8; }
.ссылки { white-space: nowrap; }
.ссылки a {
display: inline-block; padding: 1px 6px; border-radius: 5px; font-size: 10.5px;
font-weight: 700; color: #fff; text-decoration: none; margin-right: 3px;
}
.ссылки a:hover { text-decoration: none; filter: brightness(1.1); }
.метка-вб { background: #7B2FF7; }
.метка-озон { background: #005BFF; }
.группа-поле {
width: 100%; max-width: 92px; height: 26px; padding: 0 6px; font: inherit;
font-size: 11.5px; border: 1px solid var(--line); border-radius: 6px;
}
/* всплывающая подсказка к показателю: появляется сразу при наведении */
[data-подсказка] { position: relative; }
.tile-btn .l[data-подсказка]:hover::after { bottom: calc(100% + 14px); }
table.мп th[data-подсказка] { cursor: help; }
.итог-выборки {
font-size: 12.5px; color: var(--muted); margin-left: auto; white-space: nowrap;
display: inline-flex; align-items: center; height: 32px;
}
/* строка амбиции стоит вплотную к плашкам итогов — без лишнего воздуха */
form[action="/mp/план/амбиция"] { margin-bottom: 8px !important; }
/* верхняя строка постановки: месяцы слева, пересчёт амбиции — справа */
.верхняя-строка {
display: flex; align-items: center; justify-content: space-between;
gap: 16px; flex-wrap: wrap; margin-bottom: 14px;
}
.верхняя-строка .месяцы { margin: 0; }
.верхняя-строка form[action="/mp/план/амбиция"] {
margin: 0 !important; margin-left: auto !important; flex: 0 0 auto;
}
table.мп td.код { font-size: 11px; color: var(--text); letter-spacing: -.2px; }
.верхняя-строка form[action="/mp/план/распределить"] { margin: 0 !important; flex: 0 0 auto; }
/* расчёт плана: сумма и амбиция — одной линией, без переносов и лишней высоты */
.расчёт-плана { display: flex; gap: 12px; align-items: center; flex-wrap: nowrap; margin: 0; }
.расчёт-плана .полоска {
display: flex; gap: 5px; align-items: center; margin: 0 !important; flex: 0 0 auto;
}
.расчёт-плана .подпись-поля { white-space: nowrap; font-size: 12px; }
.расчёт-плана .план-поле { height: 28px; width: 92px; }
.расчёт-плана .план-поле.узкое { width: 52px; }
.расчёт-плана .кнопка { height: 28px; padding: 0 10px; font-size: 11.5px; }
.верхняя-строка { flex-wrap: nowrap; overflow-x: auto; }
.верхняя-строка .месяцы { flex: 0 0 auto; }
/* кнопки «Распределить» и «Пересчитать» встают вровень со своими полями */
.расчёт-плана .полоска { align-items: center; }
.расчёт-плана .полоска > * { align-self: center; margin: 0; }
.расчёт-плана .кнопка {
position: relative; top: -2px; height: 28px; line-height: 1;
display: inline-flex; align-items: center;
}
.расчёт-плана .план-поле { line-height: 26px; }
.расчёт-плана .подпись-поля { line-height: 28px; display: inline-flex; align-items: center; height: 28px; }
/* кнопки и поля в расчёте плана — один рост, одна базовая линия, без смещений */
.расчёт-плана .полоска { display: flex; align-items: stretch; gap: 5px; }
.расчёт-плана .полоска > .подпись-поля,
.расчёт-плана .полоска > .план-поле,
.расчёт-плана .полоска > .кнопка {
height: 28px !important; min-height: 28px !important; max-height: 28px !important;
box-sizing: border-box !important; margin: 0 !important; top: 0 !important;
position: static !important; align-self: center !important;
display: inline-flex !important; align-items: center !important;
line-height: 1 !important; vertical-align: middle !important;
}
.расчёт-плана .полоска > .план-поле { padding: 0 8px !important; }
.расчёт-плана .полоска > .кнопка {
padding: 0 12px !important; justify-content: center;
box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 2px 0 var(--губа),
0 3px 6px rgba(18,20,28,.16) !important;
}
.расчёт-плана .полоска > .кнопка:active {
transform: translateY(2px);
box-shadow: inset 0 2px 4px rgba(0,0,0,.25), 0 1px 0 var(--губа) !important;
}
/* миниатюра товара: размером с номер строки, по клику — крупно */
table.мп td.фото, table.мп th.фото {
width: 34px !important; min-width: 34px !important; max-width: 34px !important;
padding: 2px !important; text-align: center;
position: sticky; left: 34px; z-index: 2; background: var(--card);
}
table.мп th.фото { z-index: 3; background: #EEF1F7; font-size: 9.5px; }
table.мп td.who { left: 68px !important; }
table.мп td.тов, table.мп th.тов { left: 138px !important; }
img.фотка {
width: 28px; height: 28px; object-fit: cover; border-radius: 4px;
border: 1px solid var(--line); cursor: zoom-in; background: #F1F4F9;
}
.фото-окно {
position: fixed; inset: 0; background: rgba(18,20,28,.82); display: none;
align-items: center; justify-content: center; z-index: 100; cursor: zoom-out;
}
.фото-окно.видно { display: flex; }
.фото-окно img {
max-width: 78vw; max-height: 86vh; border-radius: 12px;
box-shadow: 0 18px 50px rgba(0,0,0,.5); background: #fff;
}
/* РНП в виде сводки метрик: значение крупнее, прошлый период приглушён */
table.мп.пульс td.тов { font-weight: 500; }
table.мп.пульс td.главное { font-weight: 700; font-size: 13px; }
table.мп.пульс td.num { width: 132px !important; min-width: 132px !important; max-width: 132px !important; }
table.мп.пульс th.num { width: 132px !important; min-width: 132px !important; max-width: 132px !important; }
/* действия в настройках — одинаковые объёмные плашки на одной линии */
.полоса-действий { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: 0 0 18px; }
.полоса-формы { display: flex; gap: 8px; align-items: center; margin: 0; }
.действие {
--фон: #0E8F86; --губа: #0A6A63; --блик: #35B0A6;
height: 38px; min-width: 150px; box-sizing: border-box; padding: 0 16px;
display: inline-flex; align-items: center; justify-content: center;
border: 0; border-radius: 9px; cursor: pointer; text-decoration: none;
font: inherit; font-size: 12.5px; font-weight: 600; color: #fff; line-height: 1;
background: linear-gradient(180deg, var(--блик) 0%, var(--фон) 62%);
box-shadow: inset 0 1px 0 rgba(255,255,255,.42), inset 0 -1px 0 rgba(0,0,0,.12),
0 3px 0 var(--губа), 0 4px 8px rgba(18,20,28,.18);
transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.действие:hover {
transform: translateY(-2px); filter: brightness(1.05); text-decoration: none; color: #fff;
box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 5px 0 var(--губа), 0 7px 12px rgba(18,20,28,.22);
}
.действие:active {
transform: translateY(3px);
box-shadow: inset 0 2px 5px rgba(0,0,0,.26), 0 1px 0 var(--губа);
}
.действие.выбор { --фон: #7A7A7A; --губа: #5C5C5C; --блик: #9B9B9B; position: relative; overflow: hidden; }
.действие.выбор input[type="file"] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.действие.выбор .имя-файла {
max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.действие.главное { --фон: #C6F135; --губа: #A3C921; --блик: #D9F86F; color: #0D1117; }
.действие.главное:hover { color: #0D1117; }
.действие.итоговое {
--фон: #17795F; --губа: #0F5744; --блик: #3A9E82; cursor: default;
}
.ставки { align-items: flex-end; }
.ставки .действие { margin-left: 4px; }
table.мп tr.товар-строка { cursor: pointer; }
table.мп tr.товар-строка:hover td { background: #F5F7FB; }
table.мп .раскрыть { display: inline-block; width: 12px; color: var(--muted); font-size: 9px; }
table.мп tr.подстрока-дней td { background: #FAFBFD; color: var(--muted); font-size: 11.5px; }
table.мп tr.подстрока-дней td.who { font-weight: 600; color: var(--text); }
/* настройки расчёта поставок: карточка на каждый кабинет */
.настройки-поставок { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 12px; }
.карточка-настроек {
background: var(--card); border: 1px solid var(--line); border-radius: 10px;
padding: 12px 14px; overflow: hidden;
}
.шапка-настроек {
display: flex; align-items: center; justify-content: space-between; gap: 10px;
font-weight: 700; font-size: 13px; margin-bottom: 8px;
}
.действие.мини { height: 26px; min-width: 0; padding: 0 10px; font-size: 11px; border-radius: 7px; }
table.мп.плоская td { border: 0; border-bottom: 1px solid var(--line); padding: 5px 4px; }
table.мп.плоская td.тов { position: static; min-width: 0 !important; white-space: normal; font-size: 11.5px; }
table.мп.плоская td.num { width: 90px !important; min-width: 90px !important; text-align: right; font-weight: 600; }
table.мп.плоская tr:last-child td { border-bottom: 0; }
/* Полоса действий: внешние кнопки и кнопки внутри формы — одна линия и рост.
Раньше форма загрузки была вложенным блоком со своим выравниванием,
из-за этого «Выбрать файл» вставал выше соседей. */
.полоса-действий { align-items: center !important; }
.полоса-формы { align-items: center !important; height: 38px; }
.полоса-действий .действие, .полоса-формы .действие {
height: 38px !important; min-height: 38px !important; max-height: 38px !important;
align-self: center !important; margin: 0 !important; vertical-align: middle;
}
.действие.выбор { min-width: 170px; }
/* Ставки: переносятся по ширине листа, ничего не уезжает за край */
.ставки {
display: flex; flex-wrap: wrap; gap: 10px 12px; align-items: flex-end;
margin-bottom: 16px;
}
.ставка { flex: 0 0 auto; }
.ставка span { white-space: nowrap; font-size: 11px; }
.ставка input.план-поле.узкое { width: 76px; height: 34px; }
.ставки .действие { height: 34px !important; min-height: 34px !important; align-self: flex-end; }
/* шапка таблицы: длинные названия колонок видны целиком, высоту можно тянуть */
table.мп th {
white-space: normal !important; overflow: visible; vertical-align: top;
height: auto; min-height: 34px; padding: 6px 5px; line-height: 1.2;
font-size: 10.5px; word-break: normal; hyphens: none;
}
table.мп th .ручка-высоты {
position: absolute; left: 0; right: 0; bottom: -3px; height: 7px;
cursor: row-resize; z-index: 5;
}
table.мп th .ручка-высоты:hover { background: rgba(14,143,134,.35); }
.строка-настройки {
display: flex; align-items: center; justify-content: space-between; gap: 10px;
padding: 5px 0; border-bottom: 1px solid var(--line); font-size: 11.5px;
}
.строка-настройки:last-of-type { border-bottom: 0; }
.строка-настройки .подпись { color: var(--text); flex: 1; }
.строка-настройки input, .строка-настройки select {
width: 120px; height: 28px; padding: 0 8px; font: inherit; font-size: 12px;
border: 1px solid var(--line); border-radius: 6px; background: var(--card);
color: var(--ink); text-align: right;
}
.кнопки-настроек { display: flex; gap: 8px; margin-top: 10px; }
.кнопки-настроек .действие { height: 32px !important; min-width: 0; flex: 1; font-size: 11.5px; padding: 0 10px; }
.выбор-кабинета {
border: 0; background: transparent; cursor: pointer; font: inherit;
font-weight: 700; font-size: 13px; color: var(--brand); padding: 0;
border-bottom: 2px solid transparent;
}
.выбор-кабинета:hover { color: var(--ink); }
.выбор-кабинета.выбран { color: var(--ink); border-bottom-color: #C6F135; }
/* карточки настроек поставок: кнопки всегда прижаты к низу, независимо от
числа параметров — у WB их шесть, у Ozon десять, и раньше кнопки разъезжались */
.настройки-поставок { align-items: stretch; }
.карточка-настроек { display: flex; flex-direction: column; height: 100%; }
.карточка-настроек .строка-настройки:last-of-type { margin-bottom: 0; }
.кнопки-настроек { margin-top: auto !important; padding-top: 12px; }
.выбор-кабинета.вб { color: #7B2FF7; }
.выбор-кабинета.озон { color: #005BFF; }
.выбор-кабинета.вб.выбран { border-bottom-color: #7B2FF7; }
.выбор-кабинета.озон.выбран { border-bottom-color: #005BFF; }
.кнопки-настроек .действие.серая { --фон: #7A7A7A; --губа: #5C5C5C; --блик: #9B9B9B; }
/* «Отчёт» — ссылка, а не кнопка, поэтому вставала выше соседей: выравниваем */
.кнопки-настроек { align-items: center; }
.кнопки-настроек .действие,
.кнопки-настроек a.действие,
.кнопки-настроек button.действие {
height: 32px !important; min-height: 32px !important; max-height: 32px !important;
align-self: center !important; margin: 0 !important; vertical-align: middle;
display: inline-flex !important; align-items: center !important; justify-content: center;
line-height: 1 !important;
}
.кластеры { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 6px; margin-top: 10px; }
.кластер {
display: flex; align-items: center; justify-content: space-between; gap: 8px;
background: var(--card); border: 1px solid var(--line); border-radius: 7px;
padding: 4px 8px; font-size: 11.5px;
}
.кластер input {
width: 54px; height: 26px; text-align: center; font: inherit; font-size: 12px;
border: 1px solid var(--line); border-radius: 6px;
}
/* свод по кабинету: название слева, плашки той же строкой и мельче */
.сводка-кабинета { margin-bottom: 10px; }
.строка-кабинета { display: flex; align-items: center; gap: 12px; }
.имя-кабинета {
flex: 0 0 132px; font-weight: 700; font-size: 12.5px; line-height: 1.2;
padding: 4px 0;
}
.имя-кабинета.вб { color: #7B2FF7; }
.имя-кабинета.озон { color: #005BFF; }
.tiles-row.крошечные {
display: flex; flex: 1; gap: 4px; margin: 0; flex-wrap: nowrap; overflow-x: auto;
}
.tiles-row.крошечные .tile-btn {
flex: 1 1 0; min-width: 76px; height: 32px; padding: 2px 4px; border-radius: 6px;
}
.tiles-row.крошечные .tile-btn .n { font-size: 11.5px; letter-spacing: -.2px; }
.tiles-row.крошечные .tile-btn .l { font-size: 8px; opacity: .8; }
/* подсказка рисуется поверх страницы: внутри таблицы её обрезала прокрутка */
.подсказка-окно {
position: fixed; z-index: 1000; max-width: 280px; padding: 8px 11px;
border-radius: 8px; background: #12141C; color: #fff; font-size: 11.5px;
line-height: 1.35; box-shadow: 0 8px 22px rgba(18,20,28,.34);
pointer-events: none; display: none;
}
.подсказка-окно.видно { display: block; }
[data-подсказка] { cursor: help; }
/* окантовка ячеек: у служебных колонок она терялась из-за отдельных правил */
table.мп td, table.мп th,
table.мп td.мелко, table.мп th.мелко,
table.мп td.номер, table.мп th.номер,
table.мп td.фото, table.мп th.фото,
table.мп td.who, table.мп th.who,
table.мп td.тов, table.мп th.тов {
border-right: 1px solid var(--line);
border-bottom: 1px solid var(--line);
}
table.мп td:last-child, table.мп th:last-child { border-right: 0; }
/* Настройки расчётов: строка действий и строка ставок держат ровную линию.
Правила ширины и границ таблиц сюда лезть не должны. */
.полоса-действий, .полоса-формы, .ставки { display: flex !important; align-items: center !important; }
.полоса-действий { flex-wrap: wrap; gap: 8px; }
.полоса-действий > *, .полоса-формы > * { align-self: center !important; margin: 0 !important; }
.полоса-действий .действие, .полоса-формы .действие, .полоса-формы button, .полоса-действий button {
height: 38px !important; min-height: 38px !important; max-height: 38px !important;
box-sizing: border-box !important; display: inline-flex !important;
align-items: center !important; justify-content: center !important;
line-height: 1 !important; padding: 0 16px !important; border-radius: 9px !important;
position: static !important; top: auto !important; vertical-align: middle !important;
}
.ставки { flex-wrap: wrap; gap: 10px 12px; align-items: flex-end !important; }
.ставки .ставка { display: flex; flex-direction: column; gap: 4px; align-self: flex-end !important; }
.ставки .ставка input {
height: 34px !important; min-height: 34px !important; box-sizing: border-box !important;
margin: 0 !important;
}
.ставки .действие {
height: 34px !important; min-height: 34px !important; max-height: 34px !important;
align-self: flex-end !important; margin: 0 !important; padding: 0 14px !important;
}
/* Кнопки не двигаются при наведении: подъём заставлял курсор соскакивать
с края, кнопка возвращалась — и получалось дрожание. Объём остаётся,
меняется только подсветка. Провал при нажатии сохраняем. */
.действие:hover, .кнопка:hover, .период-кнопка:hover, a.tile-btn:hover,
.мп-фильтры button:hover, .мп-фильтры .кнопка:hover,
.mp-строка .главная:hover, .mp-строка .вторая:hover,
.панель-схемы button:hover, .панель-схемы .кнопка-схемы:hover,
.мп-контент button[type="submit"]:hover, .площадки .площадка:hover {
transform: none !important;
filter: brightness(1.06);
}
.действие, .кнопка, .период-кнопка, .tile-btn, .площадки .площадка {
transition: filter .12s ease, box-shadow .12s ease !important;
}
.действие:active, .кнопка:active, .период-кнопка:active, a.tile-btn:active,
.мп-контент button[type="submit"]:active {
transform: translateY(2px) !important;
}
/* меню не мерцает при движении мыши: только смена цвета, без сдвигов */
.мп-меню a, .мп-меню a:hover, header nav a, header nav a:hover {
transform: none !important; transition: background-color .1s ease, color .1s ease !important;
}
.мп-меню a { will-change: auto; }
/* меню: никаких эффектов, кроме цвета — ни теней, ни рамок, ни сдвигов */
.мп-меню a, header nav a { transition: none !important; box-shadow: none !important; }
.мп-меню a:hover { background: #F1F4F9 !important; box-shadow: none !important; }
.мп-меню a.тут:hover { background: var(--brand) !important; }
.мп-меню { will-change: auto; backface-visibility: hidden; }
/* строки таблиц: подсветка без анимации, иначе при прокрутке рябит */
table.мп tr:hover td { transition: none !important; }
/* Приклеенные колонки в длинных таблицах заставляют браузер перерисовывать
строки при каждом движении — отсюда мерцание. Оставляем обычную прокрутку. */
table.мп td.номер, table.мп th.номер,
table.мп td.фото, table.мп th.фото,
table.мп td.who, table.мп th.who,
table.мп td.тов, table.мп th.тов {
position: static !important; left: auto !important; z-index: auto !important;
}
table.мп th { position: relative !important; }
.мп-меню { position: static !important; }
/* При наведении у плашек и кнопок ничего не меняется в размерах и тенях —
только лёгкая подсветка. Раньше тень подрастала, край смещался,
курсор соскакивал с плашки и она мигала. */
a.tile-btn:hover, .tile-btn:hover, .действие:hover, .кнопка:hover,
.период-кнопка:hover, .площадки .площадка:hover, .мп-фильтры button:hover,
.мп-фильтры .кнопка:hover, .мп-контент button[type="submit"]:hover {
box-shadow: inset 0 1px 0 rgba(255,255,255,.42),
inset 0 -1px 0 rgba(0,0,0,.12),
0 3px 0 var(--губа),
0 4px 8px rgba(18,20,28,.18) !important;
transform: none !important;
filter: brightness(1.05);
transition: filter .1s ease !important;
}
.площадки .площадка:hover { box-shadow: 0 2px 0 rgba(0,0,0,.22), 0 3px 6px rgba(18,20,28,.16) !important; }
/* Полностью снимаем анимации у меню раздела и кнопок настроек:
остаётся мгновенная смена цвета, без плавных переходов и перерисовок. */
.мп-меню a, .мп-меню a:hover, .мп-меню a.тут,
.действие, .действие:hover, .выбор-кабинета, .выбор-кабинета:hover,
.полоса-действий *, .ставки * {
transition: none !important; animation: none !important;
will-change: auto !important; filter: none !important;
}
.действие:hover { background: linear-gradient(180deg, var(--блик) 0%, var(--фон) 62%) !important; }
.мп-меню a:hover { background: #EDF1F7 !important; }
/* Поле выбора файла должно жить строго внутри своей плашки.
Правило выравнивания сняло у плашки привязку, и невидимое поле растянулось
на всю страницу — любой клик открывал окно выбора файла Windows. */
.действие.выбор, label.действие.выбор {
position: relative !important; overflow: hidden !important;
}
.действие.выбор input[type="file"] {
position: absolute !important; left: 0; top: 0; width: 100%; height: 100%;
opacity: 0; cursor: pointer; z-index: 1;
}
.быстрые-даты { display: flex; gap: 3px; margin-top: 3px; justify-content: center; }
.дата-кнопка {
border: 1px solid var(--line); background: var(--card); color: var(--muted);
border-radius: 5px; font: inherit; font-size: 10px; padding: 1px 6px; cursor: pointer;
}
.дата-кнопка:hover { background: #C6F135; color: #0D1117; border-color: #A3C921; }
select.ответственный {
width: 100%; min-width: 140px; height: 28px; font: inherit; font-size: 11.5px;
border: 1px solid var(--line); border-radius: 6px; background: var(--card);
}
/* Шапка таблицы держится сверху при прокрутке списка: видно, что за колонка,
даже на сотой строке. Прилипает только строка заголовков — колонки
не трогаем, иначе возвращается мерцание. */
.scroll table thead th,
.scroll table tr:first-child th {
position: sticky; top: 0; z-index: 6;
background: linear-gradient(180deg, #F7F9FC 0%, #EEF1F7 100%);
box-shadow: 0 1px 0 #C3CBDA;
}
.scroll { position: relative; }
/* «Эффективность»: название направления слева, плашки той же строкой и мельче */
.строка-блока { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.имя-блока {
flex: 0 0 150px; font-weight: 700; font-size: 12.5px; line-height: 1.2;
color: var(--ink);
}
.строка-блока .tiles-row.крошечные { flex: 1; }
/* ручка изменения ширины — у правой границы любого заголовка */
table th { position: relative; }
th .ручка-ширины {
position: absolute; top: 0; right: -3px; width: 7px; height: 100%;
cursor: col-resize; z-index: 7; user-select: none;
}
th .ручка-ширины:hover { background: rgba(14,143,134,.3); }
/* названия направлений на «Эффективности» — спокойнее и мельче */
.имя-блока {
font-weight: 600 !important; font-size: 11.5px !important;
color: var(--muted) !important; letter-spacing: .01em;
text-transform: none;
}
td.edit .срок.закрытие { width: 120px; max-width: 120px; font-size: 12px; }
/* Во всех таблицах панели — сетка ячеек. Правило общее, без исключений:
раньше окантовка была только в маркетплейсах. */
table td, table th {
border-right: 1px solid var(--line);
border-bottom: 1px solid var(--line);
}
table td:last-child, table th:last-child { border-right: 0; }
table tr.total td { border-top: 2px solid #C3CBDA; }
/* ручка высоты строк — в левом нижнем углу заголовка, чтобы не путать с шириной */
th .ручка-строк {
position: absolute; left: 0; bottom: -3px; width: 60%; height: 7px;
cursor: row-resize; z-index: 6;
}
th .ручка-строк:hover { background: rgba(198,241,53,.55); }
/* Ячейка с именем не режет плашку: у неё объёмная «губа» снизу,
и при жёсткой высоте строки нижний край пропадал. */
td.who { overflow: visible; vertical-align: middle; padding-top: 7px; padding-bottom: 9px; }
td.who .name-btn { vertical-align: middle; margin-bottom: 2px; }
table td { overflow: visible; }
/* Колонка номера — строго по ширине числа, без запаса. Она встречается
во всех таблицах панели, и лишние пиксели съедают место у названий. */
/* Колонка номера узкая по умолчанию, но без «!important»: иначе её
нельзя растянуть мышью — правило перебивало ручную ширину. */
/* Колонка номера сжимается по содержимому: приём width:1% заставляет
браузер отдать ей ровно столько, сколько занимает число. Жёсткой ширины
нет — значит колонку по-прежнему можно потянуть мышью. */
table td.номер, table th.номер,
table.мп td.номер, table.мп th.номер {
width: 1%; min-width: 0; max-width: none; white-space: nowrap;
padding-left: 4px; padding-right: 4px;
text-align: center; font-size: 11px; color: var(--muted);
}
/* Содержимое ячеек — всегда одна строка: длинный текст подрезается многоточием,
числа не переносятся. Высоту строки задаёт только сама строка, не перенос. */
table td {
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
vertical-align: middle;
}
table td.тов, table td.who, table td.task, table td.edit {
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
table td .field, table td input.field, table td select.field {
white-space: nowrap; text-overflow: ellipsis;
}
/* поля правки внутри ячейки тоже в одну строку */
td.edit textarea.field { white-space: nowrap; overflow-x: auto; resize: none; }
/* Заголовок липкий, но ручки изменения размеров должны ловить мышь:
поднимаем их над содержимым и не даём тексту перекрывать. */
table th { position: sticky; }
.scroll table tr:first-child th { z-index: 6; }
th .ручка-ширины { z-index: 20 !important; right: 0 !important; width: 8px !important; }
th .ручка-строк { z-index: 20 !important; }
th .ручка-ширины:hover, th .ручка-строк:hover { background: rgba(14,143,134,.45); }
/* Поле даты закрытия — по центру ячейки: у календаря своя иконка справа,
из-за неё поле прижималось к правому краю. */
td.edit .срок.закрытие {
display: block; margin: 0 auto; text-align: center;
padding-left: 4px; padding-right: 4px;
}
td.edit:has(.закрытие) { text-align: center; }
input[type="date"].срок::-webkit-calendar-picker-indicator { margin-left: 2px; }
/* таблица с ручными ширинами: автоподбор отключается на лету скриптом */
table[style*="table-layout: fixed"] td,
table[style*="table-layout: fixed"] th { overflow: hidden; }
/* После серии неудачных правок таблицы вернулись к исходному поведению:
рамка прокручивается и вниз, и вбок — так работало с самого начала.
Из новых правок оставлены только те, что не трогают прокрутку. */
table td.номер, table th.номер {
width: 1%; white-space: nowrap; padding: 4px; text-align: center;
font-size: 11px; color: var(--muted);
}
table td.who { overflow: visible; white-space: nowrap; }
.name-btn { display: inline-flex; align-items: center; line-height: 1.15; min-height: 26px; }
td.edit select.field, select.ответственный {
height: 32px; box-sizing: border-box; line-height: 1.4; padding: 4px 24px 4px 8px;
}
td.edit .срок.закрытие { width: 128px; }
table td, table th { border-right: 1px solid var(--line); }
table td:last-child, table th:last-child { border-right: 0; }
th .ручка-ширины { position: absolute; top: 0; right: 0; width: 8px; height: 100%; cursor: col-resize; z-index: 20; }
th .ручка-строк { position: absolute; left: 0; bottom: 0; width: 55%; height: 6px; cursor: row-resize; z-index: 20; }
th .ручка-ширины:hover, th .ручка-строк:hover { background: rgba(14,143,134,.4); }
.прокрутка-снизу { display: none !important; }
/* Внутри ячейки с задачей прокрутки нет: поле растёт под текст,
высоту строки задаёт сам текст. */
td.edit.task-cell textarea.field,
td.edit textarea.field {
overflow: hidden !important; overflow-y: hidden !important;
resize: none; white-space: pre-wrap; word-break: break-word;
height: auto; min-height: 52px; line-height: 1.4;
}
td.edit.task-cell { vertical-align: top; }
/* Отметка обновления — в правом верхнем углу листа, над таблицей */
.отметка-обновления {
position: absolute; top: 26px; right: 28px;
font-size: 12px; color: var(--muted); text-align: right;
background: var(--card); border: 1px solid var(--line);
border-radius: 8px; padding: 5px 12px; z-index: 5;
}
main { position: relative; }
.шапка-копия { display: none !important; }
/* Плашки: сначала подпись, под ней цифра. И сами плашки уже — их много,
ширина важнее размаха. */
.tiles-row .tile-btn, .tiles-row.узкие .tile-btn,
.tiles-row.мелкие .tile-btn, .tiles-row.крошечные .tile-btn {
flex-direction: column-reverse; justify-content: center; align-items: center;
min-width: 92px; padding: 4px 6px;
}
.tiles-row { grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 6px; }
.tile-btn .l { font-size: 9.5px; opacity: .85; margin: 0 0 1px; line-height: 1.1; }
.tile-btn .n { font-size: 14px; line-height: 1.1; }
.tiles-row.мелкие .tile-btn .n, .tiles-row.крошечные .tile-btn .n { font-size: 12.5px; }
/* Строка фильтров компактная: место нужно самому реестру. */
.узкие-фильтры {
display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin-bottom: 8px;
}
.узкие-фильтры select, .узкие-фильтры input[type="text"] {
height: 28px; padding: 0 8px; font-size: 12px; border: 1px solid var(--line);
border-radius: 7px; background: var(--card); color: var(--ink);
max-width: 190px; min-width: 0;
}
.узкие-фильтры input[type="text"] { flex: 1 1 160px; max-width: 260px; }
.узкие-фильтры button {
height: 28px; padding: 0 14px; font-size: 12px; border: 0; border-radius: 7px;
background: var(--brand); color: #fff; font-weight: 600; cursor: pointer; margin: 0;
}
.отметка-обновления { top: 20px; padding: 3px 10px; font-size: 11.5px; }
h1 { margin-bottom: 8px; font-size: 20px; }
/* Цифра на плашке — одной строкой, крупнее и жирнее подписи */
.tile-btn .n {
font-size: 16px !important; font-weight: 800 !important; line-height: 1.05 !important;
white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis;
max-width: 100%; letter-spacing: -.3px;
}
.tiles-row.мелкие .tile-btn .n, .tiles-row.крошечные .tile-btn .n {
font-size: 14px !important;
}
.tile-btn .l { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.tiles-row .tile-btn { min-width: 104px; }
/* Внутри плашки всё в одну строку: подпись и цифра рядом, а не друг под другом */
.tiles-row .tile-btn, .tiles-row.узкие .tile-btn,
.tiles-row.мелкие .tile-btn, .tiles-row.крошечные .tile-btn {
flex-direction: row !important; align-items: center !important;
justify-content: center !important; gap: 6px !important;
height: 34px !important; padding: 0 10px !important; min-width: 0 !important;
}
.tile-btn .l {
order: 1; font-size: 10.5px !important; opacity: .9; margin: 0 !important;
white-space: nowrap;
}
.tile-btn .n {
order: 2; font-size: 15px !important; font-weight: 800 !important;
white-space: nowrap; margin: 0 !important;
}
.tiles-row { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 6px; }
.tiles-row.мелкие, .tiles-row.крошечные { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
/* Подпись выносим наружу, слева от плашки: в самой плашке остаётся только
крупная цифра. Ряд идёт в одну линию. */
.tiles-row .tile-btn, .tiles-row.узкие .tile-btn,
.tiles-row.мелкие .tile-btn, .tiles-row.крошечные .tile-btn {
position: relative; flex-direction: row !important;
align-items: center !important; justify-content: center !important;
height: 36px !important; min-width: 74px !important; padding: 0 12px !important;
margin-left: 0 !important;
}
.tile-btn .l {
position: static !important; order: 0;
color: var(--text) !important; opacity: 1 !important;
font-size: 11px !important; font-weight: 500 !important; white-space: nowrap;
}
.tile-btn .n {
font-size: 17px !important; font-weight: 800 !important; white-space: nowrap;
}
/* подпись стоит перед плашкой, поэтому саму пару оформляем как единый блок */
.tiles-row {
display: flex !important; flex-wrap: wrap; gap: 14px 18px; align-items: center;
}
.tiles-row .tile-btn {
background: linear-gradient(180deg, var(--блик) 0%, var(--фон) 62%) !important;
}
.tiles-row .tile-btn .l {
position: absolute !important; left: 50%; transform: translateX(-50%);
top: -15px; color: var(--muted) !important; font-size: 10.5px !important;
}
.tiles-row { margin-top: 18px; }
/* Подпись слева, сразу за ней плашка с цифрой — всё в одну строку */
.tiles-row .tile-btn .l {
position: static !important; transform: none !important; top: auto !important;
left: auto !important; order: 0 !important;
color: rgba(255,255,255,.92) !important; font-size: 11px !important;
margin-right: 8px !important;
}
.tiles-row .tile-btn {
flex-direction: row !important; gap: 0 !important; padding: 0 12px !important;
height: 34px !important; align-items: center !important;
}
.tiles-row .tile-btn .n { order: 1 !important; }
.tiles-row { margin-top: 0; gap: 8px; }
/* Цифры на плашках — чернилами, подпись рядом светлее */
.tile-btn .n { color: #0D1117 !important; text-shadow: none !important; }
.tiles-row .tile-btn .l { color: rgba(13,17,23,.72) !important; }
.tile-btn { color: #0D1117 !important; }
/* Подпись — обычный текст вне плашки, плашка — только цифра.
Ряд читается как «текст плашка, текст плашка». */
.tiles-row .tile-btn {
background: none !important; box-shadow: none !important; padding: 0 !important;
height: auto !important; min-width: 0 !important; gap: 7px !important;
border-radius: 0 !important; display: inline-flex !important;
flex-direction: row !important; align-items: center !important;
}
.tiles-row .tile-btn .l {
order: 0 !important; color: var(--text) !important; font-size: 12px !important;
font-weight: 500 !important; margin: 0 !important; white-space: nowrap;
}
.tiles-row .tile-btn .n {
order: 1 !important; display: inline-flex; align-items: center;
height: 32px; padding: 0 12px; border-radius: 9px;
background: linear-gradient(180deg, var(--блик) 0%, var(--фон) 62%);
box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 3px 0 var(--губа),
0 4px 8px rgba(18,20,28,.16);
color: #0D1117 !important; font-size: 16px !important; font-weight: 800 !important;
}
.tiles-row .tile-btn:hover .n { filter: brightness(1.05); }
.tiles-row .tile-btn:active .n { transform: translateY(2px); box-shadow: inset 0 2px 4px rgba(0,0,0,.25), 0 1px 0 var(--губа); }
.tiles-row { display: flex !important; flex-wrap: wrap; gap: 10px 20px; align-items: center; }
/* Пары «текст — плашка» распределяются по всей ширине листа, а не жмутся слева */
.tiles-row {
display: flex !important; flex-wrap: wrap;
justify-content: space-between !important; align-items: center;
gap: 10px 14px; width: 100%;
}
.tiles-row .tile-btn {
flex: 1 1 auto !important; justify-content: center !important;
min-width: 128px !important;
}
.tiles-row .tile-btn .n { min-width: 58px; justify-content: center; }
.строка-блока .tiles-row, .строка-кабинета .tiles-row { justify-content: space-between !important; }
/* Плашки с цифрами: шире по горизонтали, мягкая форма, аккуратный объём */
.tiles-row .tile-btn .n {
min-width: 96px !important; height: 34px !important;
padding: 0 18px !important; border-radius: 10px !important;
justify-content: center; letter-spacing: -.2px;
font-variant-numeric: tabular-nums;
background: linear-gradient(180deg, var(--блик) 0%, var(--фон) 72%) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.55),
inset 0 -1px 0 rgba(0,0,0,.08),
0 2px 0 var(--губа),
0 4px 10px rgba(18,20,28,.14) !important;
}
.tiles-row .tile-btn { gap: 9px !important; min-width: 168px !important; }
.tiles-row .tile-btn .l { font-size: 12px !important; color: var(--ink) !important; }
/* мягкая палитра плашек — читается спокойнее, чем плотные заливки */
.tiles-row .tile-btn:nth-child(1) .n { --фон:#C6F135; --губа:#A3C921; --блик:#DDF87C; }
.tiles-row .tile-btn:nth-child(2) .n { --фон:#9ED8F5; --губа:#6FB6DE; --блик:#C7EAFB; }
.tiles-row .tile-btn:nth-child(3) .n { --фон:#B7E5C8; --губа:#87C7A0; --блик:#D8F3E2; }
.tiles-row .tile-btn:nth-child(4) .n { --фон:#FBD3A0; --губа:#DBA968; --блик:#FDE8C9; }
.tiles-row .tile-btn:nth-child(5) .n { --фон:#D9C9F5; --губа:#B09DE0; --блик:#ECE3FB; }
.tiles-row .tile-btn:nth-child(6) .n { --фон:#F6BFC4; --губа:#DE909A; --блик:#FBDEE1; }
.tiles-row .tile-btn:nth-child(n+7) .n { --фон:#E3E8F0; --губа:#BFC7D4; --блик:#F2F5F9; }
.tiles-row .tile-btn.тревога .n { --фон:#F6BFC4; --губа:#DE909A; --блик:#FBDEE1; }
.tiles-row .tile-btn.главный .n { --фон:#C6F135; --губа:#A3C921; --блик:#DDF87C; }
.узел .должность { font-size: 12px; font-weight: 700; line-height: 1.2; }
.узел .сотрудник { font-size: 11px; opacity: .92; margin-top: 2px; font-style: normal; }
/* Карточки структуры не наезжают друг на друга: фиксированная ширина,
текст переносится внутри, холст растягивается под всю схему. */
.холст { position: relative; min-height: 1400px; overflow: auto; }
.узел {
width: 220px; min-height: 84px; box-sizing: border-box;
padding: 8px 10px; white-space: normal; overflow: visible;
}
.узел .должность {
white-space: normal; word-break: break-word; line-height: 1.2;
max-height: 46px; overflow: hidden;
}
.узел .кто { margin-top: 4px; }
/* линии связей занимают весь холст и не обрезаются при прокрутке */
.холст .связи { width: 100%; height: 100%; min-width: 100%; min-height: 100%; overflow: visible; }
.холст { min-width: 100%; }
/* Карточки структуры: одинаковый размер у всех, цвет по направлению.
Руководитель ярче, его люди — тем же цветом, но бледнее. */
.узел {
width: 220px !important; height: 92px !important; min-height: 92px !important;
box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;
padding: 8px 10px !important; border-radius: 10px;
}
.узел .должность {
font-size: 11.5px; font-weight: 700; line-height: 1.15;
max-height: 40px; overflow: hidden; white-space: normal;
}
.узел .сотрудник { font-size: 11px; opacity: .95; }
.узел.в0 { --фон: #0E8F86; --губа: #0A6A63; --блик: #35B0A6; }
.узел.в1 { --фон: #1F63CE; --губа: #16489A; --блик: #4A86E6; }
.узел.в2 { --фон: #A93A9E; --губа: #7F2A76; --блик: #C75FBB; }
.узел.в3 { --фон: #DC7A19; --губа: #A85A0F; --блик: #EC9C4A; }
.узел.в4 { --фон: #17795F; --губа: #0F5744; --блик: #3A9E82; }
.узел.в5 { --фон: #5B45C8; --губа: #412F97; --блик: #7C69DC; }
.узел.в6 { --фон: #D64B5C; --губа: #A33543; --блик: #E5757F; }
.узел.в7 { --фон: #B06A1A; --губа: #874F0F; --блик: #D28C3C; }
.узел.в8 { --фон: #2B8AA8; --губа: #1E6780; --блик: #56AEC8; }
.узел.в9 { --фон: #7A7A7A; --губа: #5C5C5C; --блик: #9B9B9B; }
.узел.бледный { filter: saturate(.5) brightness(1.24); }
.узел.бледный .должность { font-weight: 600; }
.кнопка-схемы.включена { background: #C6F135; color: #0D1117; }
.холст.связываем .узел { cursor: crosshair; }
.холст.отвязываем .узел { cursor: not-allowed; }
.узел.выбран-родитель { outline: 3px solid #C6F135; outline-offset: 2px; }
.узел.пусто { --фон: #8A93A0; --губа: #6B737E; --блик: #A7AEB8; }
/* перетаскивание карточек: жест не должен уходить браузеру на прокрутку,
а взятая карточка лежит поверх соседей */
.холст.правится .узел { touch-action: none; }
.узел.тащим { z-index: 60; }
/* плановые показатели стоят одной линией: амбициозный не уезжает вниз */
.tiles-row.в-строку { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 1fr; }
.мп-контент .tiles-row.в-строку { grid-template-columns: none; }
.tiles-row.в-строку .tile-btn { min-width: 0; }
/* формы плана и амбиции — тоже в одну линию */
.расчёт-плана { display: flex; flex-wrap: nowrap; align-items: center; gap: 14px; }
.расчёт-плана .полоска { display: flex; flex-wrap: nowrap; align-items: center; gap: 6px; }
/* ряд плановых показателей: семь плашек влезают в одну линию без переноса */
.tiles-row.в-строку .tile-btn { min-width: 0 !important; padding: 0 8px !important; }
.tiles-row.в-строку .tile-btn .l { font-size: 10px !important; }
.tiles-row.в-строку .tile-btn .n { font-size: 14px !important; }
/* жёстко: ряд плановых показателей — одна линия, перенос запрещён */
.tiles-row.в-строку {
display: flex !important; flex-wrap: nowrap !important;
grid-template-columns: none !important; gap: 6px !important; align-items: center;
}
.tiles-row.в-строку .tile-btn {
flex: 1 1 0 !important; min-width: 0 !important; width: auto !important;
}
.пояснение { margin: 0 0 10px; font-size: 12.5px; color: var(--muted); }
/* выбор кабинета в постановке плана: план ведётся отдельно по каждому */
.кабинеты-плана { display: flex; align-items: center; gap: 6px; margin-bottom: 10px; flex-wrap: wrap; }
/* кабинеты Ozon — вторым рядом под площадками */
.площадки.кабинеты-меню { margin-top: 4px; }
/* площадки: «Все» во всю ширину, кабинеты вторым рядом, цвета в полную силу */
.площадки:not(.кабинеты-меню) { grid-template-columns: 1fr; }
.площадки.кабинеты-меню { grid-template-columns: repeat(3, 1fr); margin-top: 0; }
.площадки .площадка { opacity: .88; }
.площадки .площадка:hover { opacity: 1; }
.площадки .площадка.тут { opacity: 1; outline: 2px solid rgba(255,255,255,.55); outline-offset: -2px; }
.площадки .вб { background: linear-gradient(135deg, #B31CFF 0%, #E3129C 100%); }
.площадки .озон { background: linear-gradient(135deg, #0A6BFF 0%, #0047CC 100%); }
.площадки .все { background: linear-gradient(135deg, #8C97A5 0%, #6B737E 100%); }
/* подписи кабинетов держим одной строкой внутри плашки */
.площадки .площадка { white-space: nowrap; padding: 0 4px; }
.площадки.кабинеты-меню .площадка { font-size: 11.5px; letter-spacing: -.2px; gap: 3px; }
/* поле амбициозного плана: полноразмерное окно, подпись в одну строку */
.расчёт-плана .подпись-поля { white-space: nowrap; }
.расчёт-плана .план-поле { height: 32px; width: 170px; flex: 0 0 auto; font-size: 14px; }
.расчёт-плана .план-поле.узкое { width: 96px; }
/* Пара «подпись — плашка»: подписи хватает места, ряд переносится целиком */
.tiles-row { flex-wrap: wrap !important; align-items: center !important; }
.tiles-row .tile-btn {
flex: 0 1 auto !important; min-width: 0 !important;
justify-content: flex-start !important; overflow: hidden !important;
}
.tiles-row .tile-btn .l { flex: 0 1 auto !important; }
.tiles-row .tile-btn .n { flex: 0 0 auto !important; }
/* РНП: подпись стоит над плашкой с цифрой */
.tiles-row.над-плашками .tile-btn {
flex-direction: column !important; align-items: center !important;
justify-content: center !important; gap: 4px !important;
height: auto !important; padding: 0 !important; overflow: visible !important;
}
.tiles-row.над-плашками .tile-btn .l {
order: 0 !important; margin: 0 !important; white-space: nowrap;
font-size: 11px !important; color: var(--text) !important; text-align: center;
}
.tiles-row.над-плашками .tile-btn .n { order: 1 !important; }
/* РНП: ровная сетка одинаковых карточек — подпись сверху, цифра снизу */
.tiles-row.над-плашками {
display: grid !important; grid-template-columns: repeat(auto-fit, minmax(176px, 1fr));
gap: 8px !important; align-items: stretch !important;
}
.tiles-row.над-плашками .tile-btn {
display: flex !important; flex-direction: column !important;
align-items: flex-start !important; justify-content: space-between !important;
gap: 6px !important; height: 66px !important; padding: 8px 12px !important;
border: 1px solid var(--грань, #E3E8F0) !important; border-radius: 10px !important;
background: var(--карточка, #fff) !important; box-shadow: none !important;
text-decoration: none !important; overflow: hidden !important;
}
.tiles-row.над-плашками .tile-btn .l {
order: 0 !important; margin: 0 !important; font-size: 11px !important;
font-weight: 600 !important; color: var(--muted) !important;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;
text-align: left !important;
}
.tiles-row.над-плашками .tile-btn .n {
order: 1 !important; min-width: 0 !important; height: auto !important;
padding: 0 !important; background: none !important; box-shadow: none !important;
border-radius: 0 !important; font-size: 19px !important; font-weight: 800 !important;
color: var(--ink, #0D1117) !important; justify-content: flex-start !important;
}
.tiles-row.над-плашками .tile-btn.тревога { border-color: #DE909A !important; }
.tiles-row.над-плашками .tile-btn.тревога .n { color: #B3323F !important; }
.tiles-row.над-плашками .tile-btn.главный { border-color: #A3C921 !important; }
/* РНП: строгая сетка по четыре в ряд — показатели стоят строго друг под другом */
.tiles-row.над-плашками {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.tiles-row.над-плашками .tile-btn {
height: 72px !important; padding: 10px 14px !important;
border: 1px solid rgba(18,20,28,.09) !important; border-radius: 12px !important;
background: #fff !important;
box-shadow: 0 1px 2px rgba(18,20,28,.05), 0 6px 14px rgba(18,20,28,.05) !important;
transition: box-shadow .14s ease, border-color .14s ease !important;
}
.tiles-row.над-плашками .tile-btn:hover {
border-color: rgba(18,20,28,.16) !important;
box-shadow: 0 2px 4px rgba(18,20,28,.07), 0 10px 20px rgba(18,20,28,.08) !important;
}
.tiles-row.над-плашками .tile-btn .l {
font-size: 10.5px !important; font-weight: 600 !important;
letter-spacing: .3px !important; text-transform: uppercase !important;
color: #7A8496 !important;
}
.tiles-row.над-плашками .tile-btn .n {
font-size: 21px !important; letter-spacing: -.4px !important;
font-variant-numeric: tabular-nums;
}
@media (max-width: 1100px) {
.tiles-row.над-плашками { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
/* двенадцать показателей РНП: шесть в ряд, две ровные линии */
.рнп-ряд.над-плашками { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
.рнп-ряд.над-плашками .tile-btn { height: 64px !important; padding: 9px 12px !important; }
.рнп-ряд.над-плашками .tile-btn .n { font-size: 18px !important; }
@media (max-width: 1400px) {
.рнп-ряд.над-плашками { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (max-width: 1100px) {
.рнп-ряд.над-плашками { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
/* цветные карточки РНП: мягкая палитра по кругу, текст читаемый */
.рнп-ряд.над-плашками .tile-btn {
background: linear-gradient(180deg, var(--блик) 0%, var(--фон) 100%) !important;
border-color: var(--губа) !important;
}
.рнп-ряд.над-плашками .tile-btn .l { color: rgba(13,17,23,.68) !important; }
.рнп-ряд.над-плашками .tile-btn .n { color: #0D1117 !important; }
.рнп-ряд.над-плашками .tile-btn:nth-child(6n+1) { --фон:#C6F135; --губа:#A3C921; --блик:#DDF87C; }
.рнп-ряд.над-плашками .tile-btn:nth-child(6n+2) { --фон:#9ED8F5; --губа:#6FB6DE; --блик:#C7EAFB; }
.рнп-ряд.над-плашками .tile-btn:nth-child(6n+3) { --фон:#B7E5C8; --губа:#87C7A0; --блик:#D8F3E2; }
.рнп-ряд.над-плашками .tile-btn:nth-child(6n+4) { --фон:#FBD3A0; --губа:#DBA968; --блик:#FDE8C9; }
.рнп-ряд.над-плашками .tile-btn:nth-child(6n+5) { --фон:#D9C9F5; --губа:#B09DE0; --блик:#ECE3FB; }
.рнп-ряд.над-плашками .tile-btn:nth-child(6n+6) { --фон:#F6BFC4; --губа:#DE909A; --блик:#FBDEE1; }
/* четырнадцать показателей РНП: семь в ряд, две ровные линии */
.рнп-ряд.над-плашками { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; }
.рнп-ряд.над-плашками .tile-btn:nth-child(6n+1),
.рнп-ряд.над-плашками .tile-btn:nth-child(6n+2),
.рнп-ряд.над-плашками .tile-btn:nth-child(6n+3),
.рнп-ряд.над-плашками .tile-btn:nth-child(6n+4),
.рнп-ряд.над-плашками .tile-btn:nth-child(6n+5),
.рнп-ряд.над-плашками .tile-btn:nth-child(6n+6) { --фон: inherit; }
.рнп-ряд.над-плашками .tile-btn:nth-child(7n+1) { --фон:#C6F135; --губа:#A3C921; --блик:#DDF87C; }
.рнп-ряд.над-плашками .tile-btn:nth-child(7n+2) { --фон:#9ED8F5; --губа:#6FB6DE; --блик:#C7EAFB; }
.рнп-ряд.над-плашками .tile-btn:nth-child(7n+3) { --фон:#B7E5C8; --губа:#87C7A0; --блик:#D8F3E2; }
.рнп-ряд.над-плашками .tile-btn:nth-child(7n+4) { --фон:#FBD3A0; --губа:#DBA968; --блик:#FDE8C9; }
.рнп-ряд.над-плашками .tile-btn:nth-child(7n+5) { --фон:#D9C9F5; --губа:#B09DE0; --блик:#ECE3FB; }
.рнп-ряд.над-плашками .tile-btn:nth-child(7n+6) { --фон:#F6BFC4; --губа:#DE909A; --блик:#FBDEE1; }
.рнп-ряд.над-плашками .tile-btn:nth-child(7n+7) { --фон:#FBE8A6; --губа:#DCC469; --блик:#FDF3D2; }
@media (max-width: 1500px) {
.рнп-ряд.над-плашками { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
/* цифра показателя: зелёная — план выполнен, красная — нет */
.tile-btn .n.вплане { color: #14794F !important; }
.tile-btn .n.нижеплана { color: #B3323F !important; }
/* анализ рекламы: девять показателей одной линией */
.рекл-ряд.над-плашками { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; }
.рекл-ряд.над-плашками .tile-btn { height: 62px !important; padding: 8px 10px !important; }
.рекл-ряд.над-плашками .tile-btn .l { font-size: 9.5px !important; letter-spacing: .2px !important; }
.рекл-ряд.над-плашками .tile-btn .n { font-size: 16px !important; }
.рекл-ряд.над-плашками .tile-btn:nth-child(7n+1) { --фон:#C6F135; --губа:#A3C921; --блик:#DDF87C; }
.рекл-ряд.над-плашками .tile-btn:nth-child(7n+2) { --фон:#9ED8F5; --губа:#6FB6DE; --блик:#C7EAFB; }
.рекл-ряд.над-плашками .tile-btn:nth-child(7n+3) { --фон:#B7E5C8; --губа:#87C7A0; --блик:#D8F3E2; }
.рекл-ряд.над-плашками .tile-btn:nth-child(7n+4) { --фон:#FBD3A0; --губа:#DBA968; --блик:#FDE8C9; }
.рекл-ряд.над-плашками .tile-btn:nth-child(7n+5) { --фон:#D9C9F5; --губа:#B09DE0; --блик:#ECE3FB; }
.рекл-ряд.над-плашками .tile-btn:nth-child(7n+6) { --фон:#F6BFC4; --губа:#DE909A; --блик:#FBDEE1; }
.рекл-ряд.над-плашками .tile-btn:nth-child(7n+7) { --фон:#FBE8A6; --губа:#DCC469; --блик:#FDF3D2; }
@media (max-width: 1500px) {
.рекл-ряд.над-плашками { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
/* анализ рекламы: карточки в цвете, как в РНП */
.рекл-ряд.над-плашками .tile-btn {
background: linear-gradient(180deg, var(--блик) 0%, var(--фон) 100%) !important;
border-color: var(--губа) !important;
}
.рекл-ряд.над-плашками .tile-btn .l { color: rgba(13,17,23,.68) !important; }
.рекл-ряд.над-плашками .tile-btn .n { color: #0D1117 !important; }
.рекл-ряд.над-плашками .tile-btn:nth-child(9n+8) { --фон:#BFE3F7; --губа:#87BEDE; --блик:#DCF1FC; }
.рекл-ряд.над-плашками .tile-btn:nth-child(9n+9) { --фон:#CDEBD6; --губа:#98CDAC; --блик:#E6F6EC; }
/* ЕДИНЫЙ ВИД ПЛАШЕК НА ВСЕХ СТРАНИЦАХ
Одна сетка, одна высота, подпись сверху, цифра снизу: ряды больше не скачут. */
.tiles-row:not(.в-строку) {
display: grid !important; grid-template-columns: repeat(auto-fit, minmax(158px, 1fr)) !important;
gap: 8px !important; align-items: stretch !important; width: 100%;
justify-content: stretch !important;
}
.tiles-row:not(.в-строку) .tile-btn {
display: flex !important; flex-direction: column !important;
align-items: flex-start !important; justify-content: space-between !important;
height: 64px !important; min-width: 0 !important; width: auto !important;
padding: 9px 12px !important; gap: 4px !important;
border: 1px solid rgba(18,20,28,.09) !important; border-radius: 12px !important;
box-shadow: 0 1px 2px rgba(18,20,28,.05) !important;
overflow: hidden !important; text-decoration: none !important;
flex: 1 1 auto !important;
}
.tiles-row:not(.в-строку) .tile-btn .l {
order: 0 !important; position: static !important; transform: none !important;
margin: 0 !important; font-size: 10.5px !important; font-weight: 600 !important;
letter-spacing: .2px !important; text-transform: uppercase !important;
color: #7A8496 !important; text-align: left !important;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;
}
.tiles-row:not(.в-строку) .tile-btn .n {
order: 1 !important; min-width: 0 !important; height: auto !important;
padding: 0 !important; background: none !important; box-shadow: none !important;
border-radius: 0 !important; font-size: 18px !important; font-weight: 800 !important;
color: #0D1117 !important; justify-content: flex-start !important;
font-variant-numeric: tabular-nums; white-space: nowrap;
overflow: hidden; text-overflow: ellipsis; max-width: 100%;
}
/* цветные ряды сохраняют заливку карточки */
.рнп-ряд.над-плашками .tile-btn, .рекл-ряд.над-плашками .tile-btn {
background: linear-gradient(180deg, var(--блик) 0%, var(--фон) 100%) !important;
border-color: var(--губа) !important;
}
.рнп-ряд.над-плашками .tile-btn .l, .рекл-ряд.над-плашками .tile-btn .l {
color: rgba(13,17,23,.66) !important;
}
/* РНП: ровно семь карточек в ряд — четырнадцать показателей ложатся в две линии */
.tiles-row.рнп-ряд { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; }
.tiles-row.рекл-ряд { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; }
@media (max-width: 1500px) {
.tiles-row.рнп-ряд { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; }
.tiles-row.рекл-ряд { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
.tiles-row.рнп-ряд .tile-btn .l, .tiles-row.рекл-ряд .tile-btn .l { font-size: 9.5px !important; }
.tiles-row.рнп-ряд .tile-btn .n, .tiles-row.рекл-ряд .tile-btn .n { font-size: 16px !important; }
/* Поставки: девять показателей кабинета — одной линией, в цвете */
.tiles-row.пост-ряд { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; }
.tiles-row.пост-ряд .tile-btn {
background: linear-gradient(180deg, var(--блик) 0%, var(--фон) 100%) !important;
border-color: var(--губа) !important; height: 60px !important; padding: 8px 10px !important;
}
.tiles-row.пост-ряд .tile-btn .l { font-size: 9.5px !important; color: rgba(13,17,23,.66) !important; }
.tiles-row.пост-ряд .tile-btn .n { font-size: 15px !important; color: #0D1117 !important; }
.tiles-row.пост-ряд .tile-btn:nth-child(1) { --фон:#C6F135; --губа:#A3C921; --блик:#DDF87C; }
.tiles-row.пост-ряд .tile-btn:nth-child(2) { --фон:#9ED8F5; --губа:#6FB6DE; --блик:#C7EAFB; }
.tiles-row.пост-ряд .tile-btn:nth-child(3) { --фон:#B7E5C8; --губа:#87C7A0; --блик:#D8F3E2; }
.tiles-row.пост-ряд .tile-btn:nth-child(4) { --фон:#FBD3A0; --губа:#DBA968; --блик:#FDE8C9; }
.tiles-row.пост-ряд .tile-btn:nth-child(5) { --фон:#D9C9F5; --губа:#B09DE0; --блик:#ECE3FB; }
.tiles-row.пост-ряд .tile-btn:nth-child(6) { --фон:#BFE3F7; --губа:#87BEDE; --блик:#DCF1FC; }
.tiles-row.пост-ряд .tile-btn:nth-child(7) { --фон:#FBE8A6; --губа:#DCC469; --блик:#FDF3D2; }
.tiles-row.пост-ряд .tile-btn:nth-child(8) { --фон:#F6BFC4; --губа:#DE909A; --блик:#FBDEE1; }
.tiles-row.пост-ряд .tile-btn:nth-child(9) { --фон:#CDEBD6; --губа:#98CDAC; --блик:#E6F6EC; }
.tiles-row.пост-ряд .tile-btn.тревога { --фон:#F3A3AB; --губа:#CE6D77; --блик:#FAD2D6; }
/* если ширины не хватает — ровные пять и четыре, без рваного края */
@media (max-width: 1500px) {
.tiles-row.пост-ряд { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
/* название кабинета — строкой над плашками, ряд занимает всю ширину */
.имя-кабинета.сверху {
display: inline-block; margin: 0 0 6px; padding: 3px 10px; border-radius: 7px;
font-size: 12px; font-weight: 700; color: #fff;
}
.имя-кабинета.сверху.вб { background: linear-gradient(135deg, #B31CFF 0%, #E3129C 100%); }
.имя-кабинета.сверху.озон { background: linear-gradient(135deg, #0A6BFF 0%, #0047CC 100%); }
.строка-кабинета { display: block !important; }
.строка-кабинета .tiles-row.пост-ряд { width: 100% !important; }
/* Постановка плана: семь показателей одной ровной линией, в цвете */
.tiles-row.план-ряд { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; }
.tiles-row.план-ряд .tile-btn {
background: linear-gradient(180deg, var(--блик) 0%, var(--фон) 100%) !important;
border-color: var(--губа) !important; height: 62px !important; padding: 8px 12px !important;
}
.tiles-row.план-ряд .tile-btn .l { font-size: 9.5px !important; color: rgba(13,17,23,.66) !important; }
.tiles-row.план-ряд .tile-btn .n { font-size: 16px !important; color: #0D1117 !important; }
.tiles-row.план-ряд .tile-btn:nth-child(1) { --фон:#E3E8F0; --губа:#BFC7D4; --блик:#F2F5F9; }
.tiles-row.план-ряд .tile-btn:nth-child(2) { --фон:#E3E8F0; --губа:#BFC7D4; --блик:#F2F5F9; }
.tiles-row.план-ряд .tile-btn:nth-child(3) { --фон:#9ED8F5; --губа:#6FB6DE; --блик:#C7EAFB; }
.tiles-row.план-ряд .tile-btn:nth-child(4) { --фон:#9ED8F5; --губа:#6FB6DE; --блик:#C7EAFB; }
.tiles-row.план-ряд .tile-btn:nth-child(5) { --фон:#FBE8A6; --губа:#DCC469; --блик:#FDF3D2; }
.tiles-row.план-ряд .tile-btn:nth-child(6) { --фон:#C6F135; --губа:#A3C921; --блик:#DDF87C; }
.tiles-row.план-ряд .tile-btn:nth-child(7) { --фон:#C6F135; --губа:#A3C921; --блик:#DDF87C; }
@media (max-width: 1300px) {
.tiles-row.план-ряд { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
/* ЦВЕТ ПО УМОЛЧАНИЮ: любой ряд плашек раскрашивается палитрой по кругу,
чтобы ни одна страница не осталась с белыми карточками */
.tiles-row .tile-btn {
background: linear-gradient(180deg, var(--блик, #F2F5F9) 0%, var(--фон, #E3E8F0) 100%) !important;
border-color: var(--губа, #BFC7D4) !important;
}
.tiles-row .tile-btn .l { color: rgba(13,17,23,.66) !important; }
.tiles-row .tile-btn .n { color: #0D1117 !important; }
.tiles-row .tile-btn:nth-child(7n+1) { --фон:#C6F135; --губа:#A3C921; --блик:#DDF87C; }
.tiles-row .tile-btn:nth-child(7n+2) { --фон:#9ED8F5; --губа:#6FB6DE; --блик:#C7EAFB; }
.tiles-row .tile-btn:nth-child(7n+3) { --фон:#B7E5C8; --губа:#87C7A0; --блик:#D8F3E2; }
.tiles-row .tile-btn:nth-child(7n+4) { --фон:#FBD3A0; --губа:#DBA968; --блик:#FDE8C9; }
.tiles-row .tile-btn:nth-child(7n+5) { --фон:#D9C9F5; --губа:#B09DE0; --блик:#ECE3FB; }
.tiles-row .tile-btn:nth-child(7n+6) { --фон:#BFE3F7; --губа:#87BEDE; --блик:#DCF1FC; }
.tiles-row .tile-btn:nth-child(7n+7) { --фон:#FBE8A6; --губа:#DCC469; --блик:#FDF3D2; }
.tiles-row .tile-btn.тревога { --фон:#F3A3AB; --губа:#CE6D77; --блик:#FAD2D6; }
.tiles-row .tile-btn.главный { --фон:#C6F135; --губа:#A3C921; --блик:#DDF87C; }
/* цифра всё равно краснеет и зеленеет по плану */
.tile-btn .n.вплане { color: #14794F !important; }
.tile-btn .n.нижеплана { color: #B3323F !important; }
/* План-факт: восемь показателей одной линией, цвет по смыслу —
план голубой, факт салатовый, выполнение и прогноз песочные */
.tiles-row.планфакт-ряд { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
.tiles-row.планфакт-ряд .tile-btn { height: 62px !important; padding: 8px 12px !important; }
.tiles-row.планфакт-ряд .tile-btn .l { font-size: 9.5px !important; }
.tiles-row.планфакт-ряд .tile-btn .n { font-size: 16px !important; }
.tiles-row.планфакт-ряд .tile-btn:nth-child(1),
.tiles-row.планфакт-ряд .tile-btn:nth-child(2) { --фон:#9ED8F5; --губа:#6FB6DE; --блик:#C7EAFB; }
.tiles-row.планфакт-ряд .tile-btn:nth-child(3),
.tiles-row.планфакт-ряд .tile-btn:nth-child(4) { --фон:#C6F135; --губа:#A3C921; --блик:#DDF87C; }
.tiles-row.планфакт-ряд .tile-btn:nth-child(5) { --фон:#D9C9F5; --губа:#B09DE0; --блик:#ECE3FB; }
.tiles-row.планфакт-ряд .tile-btn:nth-child(6),
.tiles-row.планфакт-ряд .tile-btn:nth-child(7),
.tiles-row.планфакт-ряд .tile-btn:nth-child(8) { --фон:#FBE8A6; --губа:#DCC469; --блик:#FDF3D2; }
@media (max-width: 1300px) {
.tiles-row.планфакт-ряд { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
/* ── ширина колонок реестра тянется мышью ───────────────────────────────
Заголовок держит ручку у правого края; текст задачи при сужении
переносится, высота строки подбирается сама. */
table.wide th { position: relative; }
.ручка-ширины {
position: absolute; top: 0; right: 0; width: 7px; height: 100%;
cursor: col-resize; user-select: none; touch-action: none;
}
.ручка-ширины:hover { background: var(--accent, #0E8F86); opacity: .35; }
body.тянем-колонку { cursor: col-resize; user-select: none; }
body.тянем-колонку * { cursor: col-resize !important; }
/* при заданной ширине колонка обязана переносить текст, а не расталкивать
таблицу: иначе «Наименование» вытягивает лист в ленту */
table.wide[style*="table-layout: fixed"] td,
table.wide[style*="table-layout: fixed"] th { white-space: normal; word-break: break-word; }
table.wide[style*="table-layout: fixed"] .task { min-width: 0; }
table.wide[style*="table-layout: fixed"] td.edit,
table.wide[style*="table-layout: fixed"] td.edit.task-cell { min-width: 0; }
table.wide[style*="table-layout: fixed"] td.edit .field,
table.wide[style*="table-layout: fixed"] td.edit.task-cell .field { min-width: 0; width: 100%; }
/* ── ИИ помощник менеджера ──────────────────────────────────────────────
Срочное видно с порога: красная метка, цена вопроса крупно. */
.помощник-первое { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); margin-bottom: 18px; }
.дело { border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; background: var(--card); }
.дело.стоп { border-left: 4px solid #D64B5C; }
.дело.внимание { border-left: 4px solid #DC7A19; }
.дело.рост { border-left: 4px solid #0E8F86; }
.дело-шапка { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.дело-цена { font-weight: 700; font-size: 15px; }
.дело-что { font-weight: 600; margin-bottom: 6px; }
.дело-товар { font-size: 12.5px; color: var(--muted); }
.дело-цифры { font-size: 13px; margin-top: 6px; }
.дело-почему { font-size: 12.5px; color: var(--muted); margin-top: 6px; }
.метка { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 11.5px; font-weight: 700; }
.метка.стоп { background: #FDECEE; color: #B3303F; }
.метка.внимание { background: #FDF1E3; color: #A85A0E; }
.метка.рост { background: #E6F4F2; color: #0B6E67; }
tr.строка-стоп td { background: #FFF8F9; }
.tile-btn.стоп .n { color: #D64B5C; }
/* ── продажи РФ: каналы опта ────────────────────────────────────────────── */
.каналы-плитки { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); margin-bottom: 18px; }
.канал { border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; background: var(--card); }
.канал.готовится { opacity: .6; border-style: dashed; }
.канал-имя { font-weight: 600; margin-bottom: 6px; }
.канал-сумма { font-size: 20px; font-weight: 700; }
.канал-план, .канал-прогноз { font-size: 12.5px; color: var(--muted); margin-top: 4px; }
.канал-шкала { height: 6px; border-radius: 999px; background: #EEF1F6; margin-top: 8px; overflow: hidden; }
.канал-шкала span { display: block; height: 100%; background: #0E8F86; }
tr.итого td { font-weight: 700; background: #F5F8FA; }
td.плохо, .плохо { color: #D64B5C; font-weight: 600; }
/* метка контура: в каком реестре лежит задача */
.контур { font-size: 11.5px; color: var(--muted); border: 1px solid var(--line);
border-radius: 999px; padding: 2px 8px; white-space: nowrap; }
.контур.битрикс { border-color: #1F63CE; color: #1F63CE; }
.контур.сс26 { border-color: #5B45C8; color: #5B45C8; }
.контур.реестр { border-color: #0E8F86; color: #0E8F86; }
a.дело { display: block; text-decoration: none; color: inherit; }
a.дело:hover { border-color: #0E8F86; }
/* ── компактные карточки на «Точках контроля» ───────────────────────────────
Раньше карточка занимала полэкрана ради двух строк текста: у Ольги на этой
странице должно помещаться всё сразу, без прокрутки. */
.помощник-первое.компакт { gap: 8px; grid-template-columns: repeat(auto-fill, minmax(215px, 1fr)); margin-bottom: 14px; }
.компакт .дело { padding: 8px 10px; border-radius: 10px; border-left-width: 3px; }
.компакт .дело-шапка { margin-bottom: 4px; gap: 6px; }
.компакт .метка { padding: 1px 6px; font-size: 10.5px; }
.компакт .контур { font-size: 10.5px; padding: 1px 6px; }
.компакт .дело-что { font-size: 13px; line-height: 1.25; margin-bottom: 3px; }
.компакт .дело-цифры { font-size: 12px; margin-top: 2px; }
.компакт .дело-почему { font-size: 11.5px; line-height: 1.25; margin-top: 3px;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.компакт .дело-цена { font-size: 13px; }
/* плашки на этой странице тоже поменьше: цифра важнее рамки */
.мп-контент .tiles-row { gap: 8px; }
.мп-контент .tile-btn { padding: 5px 9px; }
.мп-контент .tile-btn .n { font-size: 17px; }
.мп-контент .tile-btn .l { font-size: 9.5px; }
/* переход между панелями РФ и Экспорта */
.переход { font-size: 12.5px; color: var(--muted); text-decoration: none;
border: 1px solid var(--line); border-radius: 999px; padding: 3px 10px;
margin-right: 12px; white-space: nowrap; }
.переход:hover { border-color: #0E8F86; color: #0E8F86; }
/* «Ответственный» до клика — обычный текст, список подставляется по нажатию */
.поле-выбор { display: inline-block; min-width: 120px; padding: 4px 6px;
border: 1px dashed transparent; border-radius: 8px; cursor: pointer; }
.поле-выбор:hover, .поле-выбор:focus { border-color: var(--line); background: #FAFBFD; outline: none; }
/* страницы реестра */
.страницы { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 14px 0; }
.страница { display: inline-block; min-width: 28px; text-align: center; padding: 4px 8px;
border: 1px solid var(--line); border-radius: 8px; text-decoration: none; color: var(--muted); font-size: 13px; }
.страница.тут { background: #0E8F86; border-color: #0E8F86; color: #fff; font-weight: 600; }
.страница:hover { border-color: #0E8F86; color: #0E8F86; }