/* VALIYAN SYSTEM — стойностите са извлечени от модула PALETA на Николай Георгиев
   (valiyan-system, 18.10.2026): фон #141414, шапка #171717 на 52px, странична
   лента #1b1b1b, поле #171717 с кант #494949 и радиус 6, бутон #484848/#666.
   Модулът ЧАСОВЕ носи бордо — цвета на сферата му в началния екран.
   Разликата от PALETA е умишлена: контролите там са 32px за мишка,
   тук са 50-56px, защото се работи с ръкавици по телефон и таблет. */
:root{
  --bg:#141414; --panel:#1b1b1b; --panel-2:#202020; --head:#171717;
  --text:#ededed; --text-2:#bdbdbd; --muted:#8a8a8a;
  --line:#2c2c2c; --line-2:#3a3a3a;
  --field:#171717; --field-line:#494949; --ph:#6f6f6f;
  --btn:#484848; --btn-line:#666; --btn-2:#292929; --btn-2-line:#4b4b4b;
  --acc:#c98297; --acc-bg:#4a2430; --acc-line:#8d4b5e; --acc-btn:#6e3344;
  --green:#245c4a; --green-txt:#8fd3bb;
  --amber:#e8c07a; --amber-bg:#3a2f1e; --amber-line:#5d4a2c;
  --red:#e79aa6; --red-bg:#3a2026; --red-line:#5e3741;
  --ok:#a9e3cc; --ok-bg:#1d3b33; --ok-line:#3c7c69;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--text);
  font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif;
  -webkit-text-size-adjust:100%}

/* ── шапка на системата (52px, както в PALETA) ───────── */
.sys{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:var(--head);
  border-bottom:1px solid var(--line);height:52px;display:flex;align-items:center;
  padding:0 max(14px,env(safe-area-inset-left,0px)) 0 max(14px,env(safe-area-inset-right,0px));gap:10px}
.sysmark{display:inline-flex;align-items:baseline;gap:6px;border:1px solid var(--line-2);
  border-radius:7px;padding:7px 11px;white-space:nowrap}
.sysmark b{font-size:13px;font-weight:700;letter-spacing:.6px}
.sysmark span{font-size:13px;letter-spacing:.6px;color:var(--muted)}
.tabs{margin-left:auto;display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs a{font-size:12px;letter-spacing:1.1px;color:var(--text-2);text-decoration:none;
  padding:17px 13px;border-bottom:2px solid transparent;white-space:nowrap}
.tabs a[aria-disabled]{color:#5c5c5c;cursor:default}
.tabs a.on{color:var(--text);border-bottom-color:var(--acc)}
.bell{background:none;border:0;color:var(--text-2);padding:8px;cursor:pointer;flex:none}
.bell svg{width:17px;height:17px;display:block}
@media(max-width:640px){.sys{gap:6px;padding-inline:10px}.sysmark{padding:6px 8px}.sysmark b,.sysmark span{font-size:11.5px}.tabs a{padding:17px 9px;font-size:11px;letter-spacing:.8px}.tabs a:not(.on){display:none}}

/* ── знак на модула ──────────────────────────────────── */
.modbar{border-bottom:1px solid var(--line);background:var(--bg)}
.modbar .wrap{padding-block:16px 0}
.modlogo{display:inline-flex;align-items:center;gap:11px;background:#fff;border-radius:4px;padding:9px 15px 9px 11px}
.modlogo .chk{width:30px;height:30px;flex:none}
.modlogo .t b{display:block;font:800 21px/1 Arial,sans-serif;letter-spacing:.5px;color:#1b1b1b}
.modlogo .t span{display:block;font:11px/1 Arial,sans-serif;letter-spacing:5.5px;color:#1b1b1b;margin-top:3px}
.status{font-size:12px;color:var(--muted);padding:11px 0 12px}
.status i{font-style:normal;color:var(--green-txt)}
@media(max-width:640px){.modlogo{padding:7px 12px 7px 9px}.modlogo .chk{width:25px;height:25px}.modlogo .t b{font-size:17px}.modlogo .t span{font-size:9.5px;letter-spacing:4px}}

.wrap{max-width:1180px;margin:0 auto;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
main.wrap{padding-block:0 86px}
@media(min-width:641px){.wrap{padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}}

h1{font-size:27px;line-height:1.22;letter-spacing:-.4px;font-weight:700;margin:24px 0 4px;text-wrap:balance}
.sub{color:var(--muted);font-size:13.5px;margin:0 0 18px}
@media(max-width:640px){h1{font-size:22px;margin-top:18px}}

/* ── карти, полета, бутони ───────────────────────────── */
.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px 22px 24px}
@media(max-width:640px){.card{border-radius:8px;padding:15px 14px 18px}}
.card h2{font-size:17px;font-weight:700;margin:0 0 12px}
label,.lbl{display:block;font-size:12px;font-weight:700;color:var(--text-2);margin-bottom:6px;
  letter-spacing:.3px;text-transform:uppercase}
input[type=text],input[type=number],select,textarea{
  width:100%;min-height:50px;font:16px/1.4 inherit;padding:11px 12px;border-radius:6px;
  background:var(--field);border:1px solid var(--field-line);color:var(--text)}
textarea{min-height:64px;resize:vertical}
::placeholder{color:var(--ph)}
input:focus,textarea:focus,select:focus{border-color:var(--acc-line);box-shadow:0 0 0 3px #8d4b5e2e;outline:none}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.big{font:700 26px/1.2 inherit;letter-spacing:2px;min-height:60px;text-align:center}

.primary{display:block;width:100%;min-height:54px;padding:14px 18px;border-radius:7px;
  border:1px solid var(--acc-line);background:var(--acc-btn);color:#fff;font:700 15px/1.2 inherit;cursor:pointer}
.primary:hover{background:#7d3b4e}
.primary:disabled{opacity:.5;cursor:not-allowed}
.ghost{min-height:44px;padding:9px 13px;border-radius:6px;border:1px solid var(--btn-2-line);
  background:var(--btn-2);color:var(--text);font:600 13px/1.2 inherit;cursor:pointer}
.ghost:hover{background:#333}
.ghost.danger{color:var(--red);border-color:var(--red-line)}

/* ── чипове ──────────────────────────────────────────── */
.chips{display:flex;flex-wrap:wrap;gap:7px}
.chip{min-height:46px;padding:9px 13px;border-radius:7px;border:1px solid var(--btn-2-line);
  background:var(--btn-2);color:var(--text);font:600 13.5px/1.2 inherit;cursor:pointer;
  display:inline-flex;align-items:center;gap:8px}
.chip svg{width:18px;height:18px;flex:none;opacity:.85}
.chip:hover{background:#333}
.chip.on{background:var(--acc-bg);border-color:var(--acc-line);color:#fff}
.chip.on svg{opacity:1;color:var(--acc)}
.chip.on::before{content:"✓ "}
.chip.more{border-style:dashed;color:var(--muted)}

/* ── избор на поръчка / точка ────────────────────────── */
.pickrow{display:flex;gap:8px;align-items:stretch}
.pickrow input{flex:1;min-width:0}
.panel{margin-top:8px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:7px;
  padding:9px;max-height:330px;overflow-y:auto}
@media(max-width:600px){.panel{max-height:300px}}
.panel .search{position:sticky;top:0;z-index:2;background:var(--panel-2);padding-bottom:8px;margin:-1px 0 8px}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:7px}
@media(max-width:600px){.opts{grid-template-columns:1fr}}
.opt{min-height:64px;padding:9px 12px;border-radius:6px;border:1px solid var(--line-2);
  background:#262626;color:var(--text);text-align:left;cursor:pointer;display:block;width:100%;font:inherit}
@media(max-width:600px){.opt{min-height:58px}}
.opt:hover{background:#2f2f2f}
.opt.on{background:var(--acc-bg);border-color:var(--acc-line)}
.opt b{display:block;font-size:17px;font-weight:700}
.opt.act{min-height:56px;display:flex;align-items:center;gap:11px}
.opt.act svg{width:22px;height:22px;flex:none;color:var(--text-2)}
.opt.act b{font-size:14px}
.opt span{display:block;font-size:11.5px;line-height:1.35;color:var(--muted)}
.none{padding:14px 6px;color:var(--muted);font-size:13.5px}
.chosen{margin-top:7px;font-size:12.5px;color:var(--muted)}
.chosen b{color:var(--text);font-weight:700}

/* ── редове на деня ──────────────────────────────────── */
.rows{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}
.row{background:var(--panel-2);border:1px solid var(--line-2);border-radius:8px;padding:12px 13px;
  display:flex;gap:12px;align-items:flex-start}
.row .m{flex:1;min-width:0}
.row .ord{font-size:15px;font-weight:700;display:flex;align-items:center;gap:7px}
.row .ord svg{width:16px;height:16px;flex:none;color:var(--acc)}
.row .meta{font-size:12px;color:var(--muted);margin-top:2px}
.row .note{font-size:12px;color:var(--text-2);margin-top:6px;font-style:italic}
.row .h{font:700 19px/1.2 inherit;font-variant-numeric:tabular-nums;white-space:nowrap}
.row .x{flex:none;background:none;border:0;color:var(--muted);font-size:19px;cursor:pointer;padding:2px 4px;line-height:1}
.row .x:hover{color:var(--red)}

.total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 16px;
  border-radius:8px;background:var(--acc-bg);border:1px solid var(--acc-line);margin-bottom:12px}
.total span{font-size:12px;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px}
.total b{font:700 28px/1 inherit;font-variant-numeric:tabular-nums}
.total.warn{background:var(--amber-bg);border-color:var(--amber-line)}
.total.warn b{color:var(--amber)}

.msg{border-radius:6px;padding:11px;font-size:12.5px;margin-bottom:12px}
.msg.info{background:var(--panel-2);border:1px solid var(--line-2);color:var(--text-2)}
.msg.warning{background:var(--amber-bg);border:1px solid var(--amber-line);color:var(--amber)}
.msg.error{background:var(--red-bg);border:1px solid var(--red-line);color:var(--red)}
.msg.ok{background:var(--ok-bg);border:1px solid var(--ok-line);color:var(--ok)}

.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(84px + env(safe-area-inset-bottom,0px));
  z-index:90;background:#2b2b2b;border:1px solid var(--line-2);color:var(--text);border-radius:8px;
  padding:13px 20px;font-size:13.5px;box-shadow:0 16px 44px #00000066}
@media(max-width:640px){.toast{padding:12px 16px;font-size:12.5px}}

/* ── навигация долу (телефон и таблет) ───────────────── */
.nav{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--head);border-top:1px solid var(--line);
  padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
.nav div{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:6px}
.nav button{position:relative;min-height:52px;background:none;border:0;border-radius:7px;color:var(--text-2);
  font:600 11px/1.3 inherit;cursor:pointer;display:grid;gap:3px;place-items:center;padding:6px 4px}
.nav button svg{width:18px;height:18px}
.nav button:hover{background:#242424}
.nav button.on{color:#f1f1f1;background:#333}
.nav .badge{position:absolute;top:5px;left:50%;margin-left:7px;background:var(--acc-btn);border:1px solid var(--acc-line);
  color:#fff;border-radius:9px;font:700 10px/1.5 inherit;padding:0 5px}

/* ── одобрение ───────────────────────────────────────── */
.day{background:var(--panel-2);border:1px solid var(--line-2);border-radius:8px;margin-bottom:8px;overflow:hidden}
.day>button{width:100%;display:flex;align-items:center;gap:12px;padding:13px;background:none;border:0;
  color:var(--text);cursor:pointer;text-align:left;font:inherit}
.day>button:hover{background:#262626}
.day .nm{flex:1;min-width:0}
.day .nm b{display:block;font-size:15px;font-weight:700}
.day .nm span{display:block;font-size:12px;color:var(--muted)}
.day .sum{font:700 18px/1.2 inherit;font-variant-numeric:tabular-nums}
.day .body{border-top:1px solid var(--line-2);padding:12px 13px 14px;background:var(--panel)}
.ln{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}
.ln:last-of-type{border-bottom:0}
.ln .g{flex:1;min-width:0}
.ln .g b{font-weight:700}
.ln .g span{display:block;color:var(--muted);font-size:11.5px}
.ln .hh{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.acts{display:flex;gap:8px;margin-top:12px}
.acts .primary{flex:1}
.acts .ghost{flex:none}
.pill{display:inline-block;font:700 10.5px/1.6 inherit;letter-spacing:.4px;text-transform:uppercase;
  padding:2px 8px;border-radius:999px}
.pill.wait{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-line)}
.pill.done{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-line)}

.odoo{font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--field);
  border:1px solid var(--field-line);border-radius:6px;padding:12px;overflow-x:auto;white-space:pre;color:var(--text-2)}
.note-s{font-size:12px;color:var(--muted);margin-top:10px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}
@media(max-width:640px){.grid2{grid-template-columns:1fr;gap:0}}
.spacer{height:13px}
@media(prefers-reduced-motion:no-preference){.row,.day,.chip,.opt{transition:background-color .13s,border-color .13s}}
/* ── добавки за пилота ───────────────────────────────── */
.nav div{grid-template-columns:repeat(var(--n,3),1fr)}
.nav[hidden]{display:none}
.sysmark{text-decoration:none;color:inherit}
.pin{font:700 26px/1.2 inherit;letter-spacing:8px;text-align:center;min-height:60px}
.seg{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.day .ck{width:24px;height:24px;accent-color:var(--acc);flex:none}
.pill.back{background:var(--red-bg);color:var(--red);border:1px solid var(--red-line)}
.pill.draft{background:var(--panel-2);color:var(--text-2);border:1px solid var(--line-2)}
.flag{display:inline-block;margin-top:3px;font-size:11.5px;color:var(--amber)}
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th,.tbl td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl th{font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);font-weight:700}
.tblw{overflow-x:auto;border:1px solid var(--line-2);border-radius:7px;background:var(--panel-2)}
.foot{color:var(--muted);font-size:11.5px;text-align:center;padding:22px 0 8px}
.hist{display:flex;gap:12px;align-items:center;padding:12px 13px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:8px;margin-bottom:8px;width:100%;color:var(--text);font:inherit;text-align:left}
button.hist{cursor:pointer}
.hist .g{flex:1;min-width:0}
.hist .g span{display:block;font-size:12px;color:var(--muted)}
.hist .sum{font:700 18px/1.2 inherit;font-variant-numeric:tabular-nums}
.retbox{margin-top:10px}
.retbox textarea{margin-bottom:8px}
.loading{color:var(--muted);padding:20px 4px}
.day .nm span.pill,.day .nm span.flag,.hist .g span.pill{display:inline-block}