/* desk — сучасна тема (02.10.2026, Богдан: «более приятный, современный дизайн»).
   Шар ПОВЕРХ desk.css і стилів сторінок (підключається останнім у base.html): лише вигляд, жодної логіки.
   Відкат — прибрати один <link> у base.html. Кольори марки ті самі: ніч #0B0E1C + золото #FFC800. */
:root{
  --ink:#101322;--mut:#6b7083;--line:#e6e8ee;--line-2:#eff1f5;--bg:#f5f6f9;--card:#fff;
  --gold:#FFC800;--gold-d:#8a6a00;--gold-soft:#fff7d6;--night:#0b0e1c;--night-2:#151a2e;--night-3:#232a45;
  --ch:#fff3c4;--bad:#c4291c;--bad-soft:#fdeeec;--ok:#18794e;--ok-soft:#e9f6ef;--warn:#9a5b00;--warn-soft:#fff4e2;
  --sep:#f6f2e4;--ring:0 0 0 3px rgba(255,200,0,.28);
  --sh-1:0 1px 2px rgba(16,19,34,.04),0 1px 3px rgba(16,19,34,.06);
  --sh-2:0 4px 12px rgba(16,19,34,.06),0 1px 3px rgba(16,19,34,.05);
  --sh-3:0 12px 32px rgba(16,19,34,.14),0 2px 6px rgba(16,19,34,.06);
  --r:12px;--r-s:9px;
}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/* атрибут hidden ховає завжди — навіть якщо класу елемента задано display (flex/grid) */
[hidden]{display:none!important}
body{font:14px/1.5 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-feature-settings:"cv11","ss01";letter-spacing:-.003em;background:var(--bg);color:var(--ink)}
::selection{background:#ffe27a;color:var(--ink)}
*{scrollbar-width:thin;scrollbar-color:#c9ccd6 transparent}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cdd0da;border-radius:10px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:#b3b7c4;background-clip:padding-box;border:2px solid transparent}
td.n,.n,.num,[class*="num"]{font-variant-numeric:tabular-nums}
a{text-decoration-color:rgba(16,19,34,.25);text-underline-offset:2px}
a:hover{text-decoration-color:currentColor}

/* ── кнопки й поля ── */
button,.btn{height:34px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-s);background:#fff;color:var(--ink);font-weight:500;
  box-shadow:0 1px 1px rgba(16,19,34,.04);transition:background .15s,border-color .15s,box-shadow .15s,transform .05s}
button:hover,.btn:hover{background:#f7f8fb;border-color:#d6d9e2}
button:active,.btn:active{transform:translateY(1px)}
button:focus-visible,.btn:focus-visible,a:focus-visible{outline:none;box-shadow:var(--ring)}
button:disabled{opacity:.45}
button.primary,.btn.primary{background:var(--night);color:var(--gold);border-color:var(--night);box-shadow:0 1px 2px rgba(11,14,28,.25)}
button.primary:hover,.btn.primary:hover{background:var(--night-2);border-color:var(--night-2)}
button i.ti,.btn i.ti{font-size:16px}
input,select,textarea{height:34px;border:1px solid var(--line);border-radius:var(--r-s);background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}
textarea{height:auto;padding:8px 10px;font:inherit}
input:hover,select:hover,textarea:hover{border-color:#d3d6df}
input:focus,select:focus,textarea:focus{outline:none;border-color:#e6b400;box-shadow:var(--ring)}
input[type=checkbox],input[type=radio]{height:auto;accent-color:var(--night);box-shadow:none}
input[type=search]::-webkit-search-cancel-button{cursor:pointer}

/* ── бічне меню: темне ── */
.app{grid-template-columns:232px minmax(0,1fr)}
.side{background:var(--night);border-right:0;padding:16px 12px 12px;gap:1px;overflow-y:auto;scrollbar-color:#2f3757 transparent}
.side::-webkit-scrollbar-thumb{background:#2f3757;background-clip:padding-box}
.side .brand{color:#fff;padding:2px 8px 16px;font-size:16px;letter-spacing:-.01em}
.side .brand .logo{background:var(--gold);color:var(--night);border-radius:8px;width:28px;height:28px;box-shadow:0 0 0 3px rgba(255,200,0,.14)}
.side .nav-find{padding:0 2px 12px}
.side .nav-find input{background:var(--night-2);border-color:var(--night-3);color:#e9ebf3;height:34px;padding-left:32px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237d84a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:10px 50%}
.side .nav-find input::placeholder{color:#7d84a3}
.side .nav-find input:focus{border-color:#5a4a00;box-shadow:0 0 0 3px rgba(255,200,0,.18)}
.side .cap{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#5e6688;padding:14px 10px 6px}
.side a,.side .off{color:#aeb3c9;padding:7px 10px;border-radius:8px;font-size:13.5px;gap:10px;transition:background .12s,color .12s}
.side a i.ti{font-size:17px;color:#7d84a3;transition:color .12s}
.side a:hover{background:var(--night-2);color:#fff}
.side a:hover i.ti{color:#d7dbea}
.side a.on{background:linear-gradient(180deg,rgba(255,200,0,.16),rgba(255,200,0,.10));color:var(--gold);box-shadow:inset 0 0 0 1px rgba(255,200,0,.18)}
.side a.on i.ti{color:var(--gold)}
.side .sep{border-top:1px solid var(--night-3);margin:10px 6px 0}
.side .who{color:#7d84a3;border-top:1px solid var(--night-3);margin-top:auto;padding:12px 10px 4px;display:flex;align-items:center;gap:10px;line-height:1.35}
.side .who .av{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--night-3);color:var(--gold);font-weight:600;font-size:13px}
.side .who b{color:#e9ebf3;font-weight:500;display:block}
.side .who a{display:inline;padding:0;color:#aeb3c9;background:none}
.side .who a:hover{color:#fff;background:none}

/* ── робоча зона ── */
main{padding:22px 28px 40px}
.top{margin-bottom:14px;gap:12px}
.top h1,main h1{font-size:22px;font-weight:650;letter-spacing:-.02em}
h2{letter-spacing:-.01em}
.badge{background:#eef0f5;color:#555b70;border-radius:999px;padding:2px 10px;font-weight:500}
.dirty{background:var(--ch);color:#6b5200;border-radius:999px;padding:2px 10px;font-weight:500}
.toolbar{gap:8px;margin-bottom:12px}
.hint{color:var(--mut)}
.help{background:#fff;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--r);padding:10px 14px;box-shadow:var(--sh-1);color:#585e73;line-height:1.55}
.notlive{border-radius:var(--r);border-left:3px solid #e8a33a;box-shadow:var(--sh-1)}
.panel{border-color:var(--line);border-radius:var(--r);box-shadow:var(--sh-1);padding:14px 16px}
.card{background:#fff;border-color:var(--line);border-radius:var(--r);box-shadow:var(--sh-1);padding:10px 12px}
.card .n{font-size:20px;font-weight:650;letter-spacing:-.02em}
.below{border-radius:var(--r)}
.err{border-radius:var(--r-s)}
#grid{border-color:var(--line);border-radius:var(--r);box-shadow:var(--sh-1)}
.toast{border-radius:var(--r);box-shadow:var(--sh-3);padding:12px 16px;background:var(--night-2)}
.tgmenu,.shops .shops-list{border-radius:var(--r);box-shadow:var(--sh-3);border-color:var(--line)}
.shops summary{border-radius:var(--r-s);height:34px;display:flex;align-items:center}
.sup{border-radius:999px;padding:0 8px}

/* ── таблиці сторінок (Фіди, Бренди, Історія, Клієнти…) ── */
main table:not(.tabulator-table){border-color:var(--line)}
table.fd{border-radius:var(--r);box-shadow:var(--sh-1);border-color:var(--line)}
table.fd thead th,main table thead th{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#7a8095;background:#fafbfc}
table.fd th,table.fd td{border-bottom-color:var(--line-2);padding:10px 14px}
table.fd tbody tr{transition:background .12s}
table.fd tbody tr:hover{background:#fafbfd}
table.fd tbody tr:last-child td{border-bottom:0}
.fd-pill{border-radius:999px;padding:5px 12px;font-weight:500;display:inline-flex;align-items:center;gap:6px}
.fd-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.75}
.fd-hold{border-radius:var(--r);border:1px solid #f5c7c1}
.fd-out{border-radius:var(--r);box-shadow:var(--sh-1);font:12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
h2.fd-h{font-size:15px;font-weight:650;margin:28px 0 10px}
.hist .b{border-radius:var(--r);box-shadow:var(--sh-1);transition:box-shadow .15s}
.hist .b:hover{box-shadow:var(--sh-2)}

/* ── Tabulator ── */
.tabulator{background:#fff;font-size:13px}
.tabulator .tabulator-header{background:#fafbfc;border-bottom:1px solid var(--line);color:#5d6378}
.tabulator .tabulator-header .tabulator-col{background:#fafbfc;border-right-color:var(--line-2)}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content{padding:8px 10px}
.tabulator .tabulator-header .tabulator-col .tabulator-col-title{font-weight:600;font-size:12px}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover{background:#f2f4f8}
.tabulator .tabulator-header .tabulator-header-filter input{height:28px;font-size:12px}
.tabulator-row{border-bottom:1px solid var(--line-2)}
.tabulator-row.tabulator-row-even{background:#fcfcfd}
.tabulator-row.tabulator-selectable:hover,.tabulator-row:hover{background:#f6f8fc}
.tabulator-row .tabulator-cell{border-right-color:var(--line-2);padding:5px 10px}
.tabulator-row.tabulator-selected{background:#fff6d1!important}
.tabulator .tabulator-cell.tabulator-editing{box-shadow:inset 0 0 0 2px #e6b400;background:#fff}
.tabulator .tabulator-cell.dk-ch{background:var(--ch)!important}
.tabulator .tabulator-footer{background:#fafbfc;border-top:1px solid var(--line);color:var(--mut)}
.tabulator .tabulator-footer .tabulator-page{border-radius:8px;border-color:var(--line)}
.tabulator .tabulator-footer .tabulator-page.active{background:var(--night);color:var(--gold);border-color:var(--night)}

/* ── вхід ── */
.auth{background:radial-gradient(1200px 600px at 20% -10%,#1c2340 0%,transparent 60%),radial-gradient(900px 500px at 110% 110%,#2a2410 0%,transparent 55%),var(--night)}
.auth-card{border:0;border-radius:18px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.35);gap:14px}
.auth-card .brand{font-size:17px}
.auth-card .brand .logo{background:var(--night);color:var(--gold)}
.auth-card input{height:40px}
.auth-card .primary{height:40px;font-weight:600}

/* ── мобільний ── */
@media (max-width:800px){
  .app{grid-template-columns:1fr}
  .side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;padding:10px;gap:4px}
  .side .brand{padding:4px 8px;width:100%}.side .nav-find{width:100%}.side .cap{display:none}
  .side .who{border-top:0;width:100%;padding:8px 10px}
  main{padding:16px}
}

/* спільний пошук desk (search.js, 09.10.2026): підсвітка знайденого й лічильник біля поля пошуку */
mark.dk-hl { background: #ffe58a; color: inherit; padding: 0; border-radius: 2px; }
.dk-qcount { margin-left: 8px; white-space: nowrap; align-self: center; }
.dk-qcount.dk-qzero { color: #c0392b; }
/* «Історія»: де пачка правок цін зараз (desk_home.pipe_status, 09.10.2026) */
.pipe { font-size: 12px; padding: 1px 8px; border-radius: 10px; white-space: nowrap; }
.pipe-ok { background: #e7f6ec; color: #1e7b3c; }
.pipe-wait { background: #fff4d6; color: #8a6100; }
/* «Наценки»: винятки підкатегорій (09.10.2026) */
.dk-exc { color: #b45309; font-weight: 600; }
.exc { display: inline-block; margin-left: 4px; padding: 0 5px; border-radius: 8px; background: #fde7c7; color: #9a4d00; font-size: 11px; font-weight: 600; }