/* Společné pro varianty sekce „A k tomu ještě…“ – tmavý režim, ikony, mikro-snímky, sklad */
:root{--tile:#fbf8f3;--mk:#ffffff;--mk-line:#ebe4d9;--ok:#2f7a4f;--ok-1:#e5f2ea}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --navy:#9cc2dc;--navy-9:#e8eef3;--navy-8:#cfdde8;--navy-3:#4e6676;--navy-1:#1d2f3c;
  --copper:#d39a63;--copper-7:#e4ad78;--copper-3:#6e4d30;--copper-1:#2c2219;
  --cream:#0f1922;--paper:#131f29;--sand:#17242e;
  --ink:#eef2f5;--text:#c8d2d9;--muted:#97a5af;--line:#243440;--line-2:#33444f;
  --tile:#172531;--mk:#1c2c39;--mk-line:#2c3d4a;--ok:#7cc79a;--ok-1:#1a3326;
  --sh-1:0 1px 2px rgba(0,0,0,.35);--sh-2:0 12px 32px -8px rgba(0,0,0,.55)}}
:root[data-theme="dark"]{
  --navy:#9cc2dc;--navy-9:#e8eef3;--navy-8:#cfdde8;--navy-3:#4e6676;--navy-1:#1d2f3c;
  --copper:#d39a63;--copper-7:#e4ad78;--copper-3:#6e4d30;--copper-1:#2c2219;
  --cream:#0f1922;--paper:#131f29;--sand:#17242e;
  --ink:#eef2f5;--text:#c8d2d9;--muted:#97a5af;--line:#243440;--line-2:#33444f;
  --tile:#172531;--mk:#1c2c39;--mk-line:#2c3d4a;--ok:#7cc79a;--ok-1:#1a3326;
  --sh-1:0 1px 2px rgba(0,0,0,.35);--sh-2:0 12px 32px -8px rgba(0,0,0,.55)}
body{background:var(--cream)}
/* kontext v tmavém režimu: prvky s pevnou bílou na navy */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tl li:last-child::before{background:#2b5674;border-color:#2b5674;color:#fff}
  :root:not([data-theme="light"]) .cmp thead .ao{background:#2b5674}}
:root[data-theme="dark"] .tl li:last-child::before{background:#2b5674;border-color:#2b5674;color:#fff}
:root[data-theme="dark"] .cmp thead .ao{background:#2b5674}

.ico{width:24px;height:24px;flex:none;display:block}
.ico-s{width:18px;height:18px}

/* sklad – jediné místo */
.sklad{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:700;font-size:15px;margin:0}
.sklad-ic{display:flex;color:var(--muted);opacity:.8}
.sklad-ic .ico{width:20px;height:20px}
.sklad .soon-tag{padding:5px 12px;font-size:14px;gap:8px}

/* mikro-snímky */
.mk{background:var(--mk);border:1px solid var(--mk-line);border-radius:12px;box-shadow:0 1px 2px rgba(17,40,58,.05),0 10px 24px -14px rgba(17,40,58,.28);padding:14px;font-size:13px;line-height:1.35;color:var(--text);width:100%}
.mk-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.mk-doc{font-weight:800;color:var(--ink);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-pill{flex:none;font-size:12px;font-weight:800;color:var(--copper-7);background:var(--copper-1);border-radius:999px;padding:3px 9px;white-space:nowrap}
.mk-cap{display:block;margin-top:8px;font-size:12px;color:var(--muted);font-weight:700}
/* opakovaná faktura */
.mk-sch{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}
.mk-sch li{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;background:var(--cream);border:1px solid var(--mk-line)}
.mk-sch b{color:var(--ink);font-weight:800}
.mk-sch span{color:var(--muted);font-weight:600}
.mk-sch i{font-style:normal;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.mk-sch li.done span{color:var(--ok)}
.mk-sch li.done span::before{content:"✓ "}
/* SMS */
.mk-sms{display:flex;flex-direction:column;gap:7px}
.mk-sms p{max-width:84%;padding:8px 11px;border-radius:14px;font-weight:600}
.b-out{align-self:flex-end;background:var(--navy);color:#fff;border-bottom-right-radius:4px}
.b-in{align-self:flex-start;background:var(--cream);border:1px solid var(--mk-line);color:var(--ink);border-bottom-left-radius:4px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .b-out{background:#2b5674}}
:root[data-theme="dark"] .b-out{background:#2b5674}
/* nabídka s fotkami */
.mk-ph{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.mk-ph img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.mk-tot{display:flex;justify-content:space-between;margin-top:9px;padding-top:8px;border-top:1px dashed var(--mk-line);color:var(--muted);font-weight:600}
.mk-tot b{color:var(--ink);font-weight:800}
/* pokladna, ziskovost */
.mk-pok ul,.mk-top ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.mk-pok li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--mk-line);font-weight:600}
.mk-pok li:last-child{border:0}
.mk-pok b{font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.mk-pok b.plus{color:var(--ok)}
.mk-pok li.sum span{color:var(--ink);font-weight:800}
.mk-top li{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:8px;padding:4px 0;font-weight:600}
.mk-top i{height:8px;border-radius:4px;background:linear-gradient(90deg,var(--copper) calc(var(--v)*100%),var(--cream) 0)}
/* cizí měna */
.cur-a{font-size:22px;font-weight:900;color:var(--ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.cur-b{margin-top:2px;font-size:14px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
/* kalendář, gantt */
.cal-d{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;font-size:12px;font-weight:800;color:var(--muted);margin-bottom:6px}
.mk-gan .cal-d{grid-template-columns:repeat(4,1fr)}
.cal-g{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:26px;gap:5px 4px;background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),var(--mk-line) calc(20% - 1px) 20%)}
.ev{display:flex;align-items:center;padding:0 8px;border-radius:6px;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev-c,.gb-c{background:var(--copper-1);color:var(--copper-7);box-shadow:inset 3px 0 0 var(--copper)}
.ev-n,.gb-n{background:var(--navy-1);color:var(--navy);box-shadow:inset 3px 0 0 var(--navy)}
.ev-s,.gb-s{background:var(--ok-1);color:var(--ok);box-shadow:inset 3px 0 0 var(--ok)}
.gan{position:relative;height:104px;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),var(--mk-line) calc(25% - 1px) 25%)}
.gb{position:absolute;left:calc(var(--s)*25%);width:calc(var(--w)*25%);height:24px;display:flex;align-items:center;padding:0 8px;border-radius:6px;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden}
.gb-c{top:4px}.gb-n{top:36px}.gb-s{top:68px}
.gm{position:absolute;left:calc(var(--s)*25%);top:66px;font-size:12px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:5px;transform:translateX(-6px);top:40px}
.gm::before{content:"";width:10px;height:10px;background:var(--navy-9);transform:rotate(45deg);border-radius:2px}
/* nástěnka */
.das{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.dt{display:flex;flex-direction:column;padding:8px 10px;border-radius:8px;background:var(--cream);border:1px solid var(--mk-line)}
.dt small{font-size:12px;color:var(--muted);font-weight:700}
.dt b{font-size:15px;color:var(--ink);font-weight:900;font-variant-numeric:tabular-nums}
.dt-w{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}
.mk-btn{display:inline-flex;margin-top:8px;padding:5px 11px;border-radius:7px;border:1px solid var(--mk-line);font-size:12px;font-weight:800;color:var(--navy)}
/* e-mail */
.mk-mail p{display:grid;grid-template-columns:44px 1fr;gap:6px;padding:6px 0;border-bottom:1px solid var(--mk-line)}
.mk-mail p:last-child{border:0}
.mk-mail small{color:var(--muted);font-size:12px;font-weight:700}
.mk-mail b{color:var(--copper-7);font-weight:800}