:root{
  --navy:#0a1233; --navy-2:#111c4a; --navy-3:#1a2a66;
  --blue:#2f6bff; --blue-d:#1f4fd1;
  --steel:#64788f; --steel-l:#e6ecf4; --steel-xl:#f3f6fb;
  --magenta:#d81b8a; --magenta-d:#a8126a;
  --ok:#0f9d6b; --warn:#c77700; --err:#d3254a;
  --bg:#f3f6fb; --card:#fff; --text:#0f1b3d; --muted:#64788f; --line:#dde5ef;
  --r:14px; --shadow:0 1px 2px rgba(10,18,51,.06),0 8px 24px rgba(10,18,51,.06);
  --grad:linear-gradient(135deg,#2f6bff 0%,#7a3ff0 58%,#d81b8a 100%);
}
@media (prefers-color-scheme:dark){
  :root{--bg:#070c24;--card:#0e1740;--text:#e8edfa;--muted:#8ea0bd;--line:#1e2c63;--steel-l:#16225a;--steel-xl:#0b1338;--shadow:0 8px 24px rgba(0,0,0,.35)}
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:var(--blue);text-decoration:none} a:hover{text-decoration:underline}
h1,h2,h3,h4{line-height:1.2;margin:0 0 .6rem} h3{font-size:1.15rem} h4{font-size:1rem;margin-top:1rem}
.muted{color:var(--muted)} small{font-size:.82rem} .center{text-align:center} .r{text-align:right}
code{background:var(--steel-l);padding:.1rem .4rem;border-radius:6px;font-size:.85em;word-break:break-all}
code.block{display:block;padding:.6rem .8rem;margin:.4rem 0}

/* ----- layout ----- */
.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
.side{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-2) 100%);color:#dfe7ff;padding:22px 16px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh}
.side::after{content:"";position:absolute;inset:auto 0 0 0;height:180px;background:radial-gradient(120px 90px at 20% 100%,rgba(216,27,138,.35),transparent 70%);pointer-events:none}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.05rem;color:#fff}
.side nav{display:flex;flex-direction:column;gap:8px}
.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;border:1.5px solid rgba(159,178,205,.45);background:linear-gradient(180deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,.03) 100%);color:#dfe7ff;font-weight:600;box-shadow:0 2px 0 rgba(0,0,0,.35);transition:transform .12s,box-shadow .12s,border-color .12s,background .12s}
.nav-item:hover{background:rgba(255,255,255,.14);border-color:#8fb0ff;text-decoration:none;color:#fff;transform:translateY(-1px);box-shadow:0 3px 0 rgba(0,0,0,.35)}
.nav-item:active{transform:translateY(2px);box-shadow:0 0 0 rgba(0,0,0,.35)}
.nav-item.active{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 3px 0 #1a2a66,0 6px 18px rgba(122,63,240,.45)}
@media (min-width:901px){.side nav .nav-item{width:100%;box-sizing:border-box}}
.nav-item .ico{width:22px;text-align:center;font-size:1.1rem}
.badge{margin-left:auto;background:var(--magenta);color:#fff;border-radius:999px;font-size:.72rem;padding:1px 8px}
.side-bottom{margin-top:auto;display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}
.who{display:flex;flex-direction:column;color:#fff} .who small{color:#9db0dd;overflow:hidden;text-overflow:ellipsis}
.main{display:flex;flex-direction:column;min-width:0}
.topbar{padding:22px 32px 0} .topbar h2{font-size:1.5rem;margin:0}
.content{padding:18px 32px 32px;flex:1;display:flex;flex-direction:column;gap:16px}
.foot{display:flex;justify-content:space-between;align-items:center;padding:14px 32px;color:var(--muted);font-size:.85rem;border-top:1px solid var(--line)}
.foot.center{justify-content:center;border:0;margin-top:14px}
.nuris img{display:block;height:30px;width:auto;opacity:.95} .nuris:hover img{opacity:1}

/* ----- components ----- */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:20px}
.btn{--bb:#9fb2cd;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:11px;border:2px solid var(--bb);background:linear-gradient(180deg,var(--card) 0%,var(--steel-l) 100%);color:var(--navy-3);font:inherit;font-weight:700;line-height:1.2;cursor:pointer;text-decoration:none;box-shadow:0 2px 0 var(--bb),0 6px 14px rgba(10,18,51,.10);transition:transform .12s,box-shadow .12s,border-color .12s,filter .12s;-webkit-tap-highlight-color:transparent}
.btn:hover{--bb:var(--blue);border-color:var(--blue);color:var(--blue-d);text-decoration:none;transform:translateY(-1px);box-shadow:0 3px 0 var(--blue),0 10px 18px rgba(47,107,255,.22)}
.btn:active{transform:translateY(2px);box-shadow:0 0 0 var(--bb),0 2px 6px rgba(10,18,51,.15)}
.btn:focus-visible{outline:3px solid rgba(47,107,255,.45);outline-offset:2px}
.btn.primary{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 3px 0 #1a2a66,0 8px 18px rgba(47,107,255,.40)}
.btn.primary:hover{color:#fff;filter:brightness(1.08);box-shadow:0 4px 0 #1a2a66,0 12px 22px rgba(47,107,255,.45)}
.btn.primary:active{box-shadow:0 0 0 #1a2a66,0 2px 6px rgba(47,107,255,.4)}
.btn.ghost{--bb:#8ea3c2;background:var(--steel-l);color:var(--navy-3);box-shadow:0 2px 0 var(--bb),0 4px 10px rgba(10,18,51,.08)}
.btn.ghost:hover{background:var(--card)}
.btn.small{padding:6px 12px;font-size:.85rem;border-radius:9px;border-width:1.5px;box-shadow:0 2px 0 var(--bb),0 3px 8px rgba(10,18,51,.08)} .btn.block{width:100%}
.btn.danger,.btn.ghost.danger{--bb:#d3254a;color:var(--err);background:#fde8ed;border-color:var(--err);box-shadow:0 2px 0 #b01d3c,0 4px 10px rgba(211,37,74,.18)}
.btn.danger:hover,.btn.ghost.danger:hover{color:#fff;background:var(--err);border-color:var(--err);box-shadow:0 3px 0 #9a1735,0 10px 18px rgba(211,37,74,.28)}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.side .btn.ghost{color:#dfe7ff;background:transparent;border-color:rgba(255,255,255,.3);box-shadow:none} .side .btn.ghost:hover{background:rgba(255,255,255,.08);color:#fff;border-color:#fff}
input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--steel-xl);color:var(--text);font:inherit}
input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:1px;background:var(--card)}
input[type=checkbox]{width:auto} input[type=file]{padding:8px}
label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.9rem}
label.check{flex-direction:row;align-items:center;gap:8px;font-weight:500}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.form-grid .full,.form-grid h3,.form-grid h4{grid-column:1/-1}
.inline-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center} .inline-form input,.inline-form select{width:auto;flex:1;min-width:180px}
.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center} .spacer{flex:1}
.mb{margin-bottom:12px}
.flash{padding:12px 16px;border-radius:12px;border:1px solid;font-weight:500}
.flash.success{background:rgba(15,157,107,.1);border-color:rgba(15,157,107,.4);color:var(--ok)}
.flash.error{background:rgba(211,37,74,.1);border-color:rgba(211,37,74,.4);color:var(--err)}
.flash.warning{background:rgba(199,119,0,.1);border-color:rgba(199,119,0,.4);color:var(--warn)}
.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:700}
.cal-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:middle;border:1px solid rgba(0,0,0,.15)}
.pill.av0{background:var(--steel-l);color:var(--steel)} .pill.av1{background:rgba(15,157,107,.14);color:var(--ok)} .pill.av2{background:rgba(211,37,74,.12);color:var(--err)}
.src{display:inline-block;padding:2px 10px;border-radius:8px;background:var(--navy-3);color:#fff;font-size:.78rem;font-weight:700}
.warn{color:var(--warn);font-weight:600;font-size:.85rem}
.ver{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.empty{text-align:center;color:var(--muted)}

/* ----- search ----- */
.searchbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px}
.searchbar input[type=search]{flex:1;min-width:220px;font-size:1.05rem;padding:13px 16px}
.results{display:flex;flex-direction:column;gap:12px}
.hit{display:grid;grid-template-columns:84px 1fr auto auto;gap:16px;align-items:center;padding:14px;position:relative}
.hit.best{border-color:var(--magenta);box-shadow:0 0 0 1px var(--magenta),var(--shadow)}
.thumb{width:84px;height:84px;border-radius:12px;background:var(--steel-xl);display:flex;align-items:center;justify-content:center;overflow:hidden}
.thumb img{max-width:100%;max-height:100%;object-fit:contain}
.info h4{margin:0 0 6px;font-size:1rem} .info a{color:var(--text)}
.meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:4px}
.price{text-align:right;display:flex;flex-direction:column;min-width:150px}
.price strong{font-size:1.35rem} .price .net{color:var(--muted);font-size:.85rem}
.ribbon{align-self:flex-end;background:var(--magenta);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 9px;border-radius:999px;margin-bottom:4px}

/* ----- tables / offer ----- */
.table-wrap{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse}
.tbl th,.tbl td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
.tbl th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.tbl th.r,.tbl td.r{text-align:right} .tbl tfoot td{border:0;padding:6px 12px} .tbl tr.grand td{font-size:1.15rem;padding-top:10px}
.own{min-width:210px} .own input{display:inline-block;width:48%;padding:7px 9px} .qty{width:80px}
.markup{margin-bottom:14px} .markup .inline{display:flex;align-items:center;gap:8px;max-width:160px}
.offer-form .actions{margin-top:16px}

/* ----- settings ----- */
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px;padding:0}
.tab{--bb:#9fb2cd;display:inline-flex;align-items:center;padding:10px 18px;border-radius:11px;border:2px solid var(--bb);background:linear-gradient(180deg,var(--card) 0%,var(--steel-l) 100%);color:var(--navy-3);font-weight:700;line-height:1.2;box-shadow:0 2px 0 var(--bb),0 6px 14px rgba(10,18,51,.10);transition:transform .12s,box-shadow .12s,border-color .12s}
.tab:hover{--bb:var(--blue);border-color:var(--blue);color:var(--blue-d);text-decoration:none;transform:translateY(-1px);box-shadow:0 3px 0 var(--blue),0 10px 18px rgba(47,107,255,.22)}
.tab:active{transform:translateY(2px);box-shadow:0 0 0 var(--bb)}
.tab.active{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 3px 0 #1a2a66,0 8px 18px rgba(47,107,255,.40)}
.tab:focus-visible{outline:3px solid rgba(47,107,255,.45);outline-offset:2px}
.source summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:12px;align-items:center;list-style:none}
.source summary::-webkit-details-marker{display:none} .source[open] summary{margin-bottom:12px}
.logo-box{display:flex;gap:18px;align-items:center;flex-wrap:wrap} .logo-prev{max-height:70px;max-width:220px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px}
.restore{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.rel ul{margin:.2rem 0 .8rem 1.2rem;padding:0}

/* ----- guest ----- */
body.guest{background:radial-gradient(900px 500px at 15% -10%,#1f3a9c 0%,transparent 60%),radial-gradient(700px 420px at 100% 100%,rgba(216,27,138,.55) 0%,transparent 60%),var(--navy);min-height:100vh}
.guest-wrap{max-width:440px;margin:0 auto;padding:7vh 18px 24px}
.brand-big{display:flex;align-items:center;justify-content:center;gap:14px;color:#fff;margin-bottom:22px} .brand-big h1{margin:0;font-size:1.6rem}
.auth{display:flex;flex-direction:column;gap:14px;backdrop-filter:blur(6px)}
.auth h3{margin:0} input.code{font:700 1.4rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-align:center;text-transform:uppercase}
.guest .foot{color:#9db0dd} .guest .flash{margin-bottom:12px}

@media (max-width:900px){
  .shell{grid-template-columns:1fr}
  .side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px 14px;gap:10px}
  .side::after{display:none} .side nav{flex-direction:row;flex-wrap:wrap}
  .side-bottom{margin:0 0 0 auto;flex-direction:row;align-items:center} .who{display:none}
  .topbar,.content,.foot{padding-left:16px;padding-right:16px}
  .hit{grid-template-columns:64px 1fr;} .thumb{width:64px;height:64px}
  .price{grid-column:1/-1;flex-direction:row;align-items:baseline;gap:10px;text-align:left;flex-wrap:wrap} .ribbon{align-self:center;margin:0}
  .hit .buy{grid-column:1/-1} .hit .buy .btn{width:100%}
  .form-grid{grid-template-columns:1fr}
}
@media print{.side,.foot .btn{display:none}}
.guest-wrap.wide{max-width:780px}
.sec{margin:22px 0 10px}
.force{margin:14px 0 4px}
.offer-form textarea{resize:vertical}
textarea.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92rem;line-height:1.4;resize:vertical}

code.block{word-break:break-all;overflow-wrap:anywhere} code.secret{border-left:4px solid var(--magenta)}

@media (prefers-color-scheme:dark){
  .btn{--bb:#34478a;color:#dfe7ff;background:linear-gradient(180deg,#16225a 0%,#0e1740 100%);box-shadow:0 2px 0 var(--bb),0 6px 14px rgba(0,0,0,.35)}
  .btn:hover{color:#fff;--bb:#5b8bff;border-color:#5b8bff}
  .btn.ghost{--bb:#4a5fa8;background:#16225a;color:#dfe7ff}
  .btn.danger,.btn.ghost.danger{color:#ff9db1;background:rgba(211,37,74,.18);border-color:#e0385d;box-shadow:0 2px 0 #8a1a35}
  .btn.danger:hover,.btn.ghost.danger:hover{color:#fff;background:var(--err)}
  .btn.primary{color:#fff}
}

@media (prefers-color-scheme:dark){
  .tab{--bb:#34478a;color:#dfe7ff;background:linear-gradient(180deg,#16225a 0%,#0e1740 100%)}
  .tab:hover{color:#fff;--bb:#5b8bff}
  .tab.active{color:#fff}
}

#live-results{transition:opacity .15s} #live-results.loading{opacity:.55}

/* wybór źródeł w wyszukiwarce */
.searchbar .src-pick{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px;align-items:center;border:0;margin:0;padding:0}
.searchbar .src-pick legend{float:left;padding:0 6px 0 0;color:var(--muted);font-size:.9rem}
.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;cursor:pointer;background:var(--card);font-size:.92rem}
.chip[hidden]{display:none}
.chip:has(input:checked){border-color:#2f6fed;background:rgba(47,111,237,.1);font-weight:600}
.au-chip-search{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.au-chip-search input[type=search]{width:220px;max-width:100%}
.facets{margin:0 0 12px;padding:12px 14px}
.facets-head{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-bottom:8px}
.facet-list{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}
.facet-more summary{cursor:pointer;color:var(--muted);margin:6px 0}
.facet-n{font-style:normal;color:var(--muted);font-size:.85em}
.facets .chip{padding:4px 10px}

/* oferta: narzut % przy pozycji */
.own .pct{display:flex;align-items:center;gap:6px;margin-top:6px}
.own .pct input{width:90px}
.m-amt{white-space:nowrap}

/* NIP: kontrola na bieżąco */
.nip-status{display:block;min-height:1.1em;margin-top:2px;font-weight:600}
.nip-status.ok{color:#16803c}
.nip-status.bad{color:#c0264b}
@media (prefers-color-scheme:dark){.nip-status.ok{color:#4ade80}.nip-status.bad{color:#ff7a9c}}

/* karta klienta: kontakty w dwóch kolumnach */
.contact-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:14px;margin-bottom:14px}
.contact-col{margin:0}
.contact-col h4{margin:0 0 10px}
.contact-col .actions{flex-direction:column;align-items:stretch}
.contact-col .actions .btn{text-align:left;overflow-wrap:anywhere}
.contact-line + .contact-line{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
td.actions form.inline-form{display:inline-flex;margin:0 0 0 6px;gap:0}
td.actions{white-space:nowrap}

/* koszt materiałów przy drukarce */
.cost-opts{flex-basis:100%;border-top:1px dashed var(--line);padding-top:8px}
.cost-opts summary{cursor:pointer;font-weight:600}
.cost-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:10px 0}
.supplies{margin-top:6px;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.supplies details{flex:1 1 100%}
.supplies summary{cursor:pointer;display:inline-block;padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:var(--steel-xl,transparent);font-size:.9rem}
.supply-tbl{margin:8px 0;font-size:.88rem}
.supply-one{margin:0}
.supply-bulk{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:6px 0 10px}
.supply-bulk .btn,.supply-one .btn{white-space:nowrap}
.supply-form{margin:0}
.supply-tbl td,.supply-tbl th{vertical-align:middle}
.flash-hit{outline:3px solid var(--magenta,#d6247a);outline-offset:2px;transition:outline-color 2s}
#supply-notice{position:sticky;top:8px;z-index:20;box-shadow:var(--shadow)}
.offer-for{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.offer-for form{margin:0}
.model-supplies{margin:0 0 12px}.model-supplies h4{margin:0 0 4px}

.pill.sync{margin:0 6px}
.pill.sync-ok{background:rgba(15,157,107,.14);color:var(--ok)}
.pill.sync-error{background:rgba(211,37,74,.12);color:var(--err)}
.pill.sync-never{background:var(--steel-l);color:var(--steel)}
.pill.sync-running{background:rgba(224,160,0,.18);color:#8a5a00}
.spin{display:inline-block;width:.7em;height:.7em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite;vertical-align:-1px}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spin{animation:none}}
.cat-pick{margin:6px 0}
.cat-pick > strong{display:block;font-size:.9rem}
.cat-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}
.cat-tools .cat-filter{flex:1 1 220px;max-width:340px}
.cat-tree{max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:var(--card)}
.cat-tree ul{list-style:none;margin:0;padding-left:18px}
.cat-tree > ul{padding-left:0}
.cat-tree li{margin:2px 0}
.cat-tree summary{cursor:pointer}
.cat-tree label{display:inline-flex;flex-direction:row;gap:6px;align-items:center;cursor:pointer;font-weight:500;font-size:.92rem}
.cat-tree input[type=checkbox]{width:auto;padding:0;margin:0}
.cat-tools .btn,.cat-tools input{margin:0}
.cat-tree em{font-style:normal;color:var(--muted);font-size:.85em}
.cat-tree .cat-none{display:flex;margin-bottom:6px}

/* kafelki stanu wyszukiwarki */
.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-bottom:12px}
.stat-tile{display:flex;gap:14px;align-items:center;padding:14px 18px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(135deg,var(--card) 0%,var(--steel-l) 100%);box-shadow:var(--shadow)}
.stat-ico{font-size:1.9rem;line-height:1;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--steel-xl);border:1px solid var(--line);flex:none}
.stat-num{font-size:1.9rem;font-weight:800;line-height:1.1;color:var(--text);font-variant-numeric:tabular-nums}
.stat-num small{font-size:.95rem;font-weight:600;color:var(--muted)}
.stat-lbl{font-size:.85rem;color:var(--muted);margin-top:2px}
.stat-split{display:block;padding:10px 16px}
.stat-split ul{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-size:.88rem}
.stat-split li{display:flex;justify-content:space-between;gap:12px}
.stat-split li b{font-variant-numeric:tabular-nums}
.stat-split li.off{opacity:.45;text-decoration:line-through}

/* ----- termin zakupu (wygaśnięcie integracji przy braku zakupów) ----- */
.inact{margin:0 0 14px;padding:11px 14px;border-radius:12px;border:1.5px solid;font-weight:600;line-height:1.4}
.inact a{color:inherit;text-decoration:underline;margin-left:6px;white-space:nowrap}
.inact-info{background:rgba(47,107,255,.12);border-color:#2f6bff;color:#1f4fd1}
.inact-warn{background:rgba(245,181,0,.2);border-color:#d99a00;color:#8a5a00}
.inact-alert{background:rgba(255,122,26,.2);border-color:#ff7a1a;color:#a94400}
.inact-expired{background:#d3254a;border-color:#a8132f;color:#fff}
.inact-unset{background:var(--steel-l);border-color:var(--line);color:var(--muted);font-weight:500}
.pill.inact-info{background:rgba(47,107,255,.16);color:#1f4fd1}
.pill.inact-warn{background:rgba(245,181,0,.28);color:#8a5a00}
.pill.inact-alert{background:rgba(255,122,26,.26);color:#a94400}
.pill.inact-expired{background:#d3254a;color:#fff}
@media (prefers-color-scheme: dark){
  .inact-info{color:#9db8ff} .inact-warn{color:#ffd45c} .inact-alert{color:#ffb27a}
  .pill.inact-info{color:#9db8ff} .pill.inact-warn{color:#ffd45c} .pill.inact-alert{color:#ffb27a}
}

/* Oferta online / HANDEL */
.pill.st-accepted{background:rgba(15,157,107,.16);color:var(--ok)}
.pill.st-rejected{background:rgba(211,37,74,.14);color:var(--err)}
.pill.st-fulfilled{background:rgba(47,107,255,.16);color:var(--blue-d)}
@media (prefers-color-scheme:dark){.pill.st-fulfilled{color:#8fb0ff}}
.fulfill-box{display:inline-block;vertical-align:top}.fulfill-box summary{list-style:none;cursor:pointer}.fulfill-box summary::-webkit-details-marker{display:none}
.fulfill-box form{margin-top:8px;display:grid;gap:8px;min-width:230px}
.pill.st-pending{background:rgba(224,160,0,.2);color:#8a5a00}
@media (prefers-color-scheme:dark){.pill.st-pending{color:#ffd45c}}
.guest-wrap:has(.pub-offer){max-width:900px}
.pub-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
.pub-reject summary{list-style:none;cursor:pointer}
.pub-reject summary::-webkit-details-marker{display:none}
.pub-reject form{margin-top:10px;display:grid;gap:8px;min-width:260px}
.basket{margin:10px 0;padding:10px 12px;border:1px solid var(--line,rgba(120,130,160,.3));border-radius:12px}
.basket-ok{border-color:var(--ok)}

/* kolumna przycisków przy wyniku: „Do oferty” + koszyk zakupu jeden pod drugim, równa szerokość */
.buy{display:flex;flex-direction:column;gap:8px;min-width:180px}
.buy form{margin:0}
.buy .btn{width:100%;box-sizing:border-box;text-align:center}
.stock-in{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.stock-in .pill{flex:1 1 100%;text-align:center}
.buy .stock-in label{flex:1 1 100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;font-size:.85rem;color:var(--muted)}
.buy .stock-in label input{width:6em;margin:0}
.stock-in .btn{flex:1 1 0;width:auto}

.send-row{display:flex;flex-direction:column;align-items:center;gap:6px;margin:14px 0;text-align:center}
.btn.big{padding:12px 28px;font-size:1.02rem}
.warn-text{color:#a94400;font-weight:600}
@media (prefers-color-scheme:dark){.warn-text{color:#ffb27a}}

.tile{padding:16px}
.tile-head{margin-bottom:10px}
.tile-title{cursor:default;display:inline-flex;align-items:center;gap:10px}
.tile-filter{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px}
.order-row{border:1px solid var(--line,rgba(120,130,160,.3));border-radius:12px;padding:10px 12px;margin:8px 0}
.order-row summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.order-row[open]{border-color:var(--ok)}

.deal-list{display:grid;gap:6px;margin:8px 0;max-height:260px;overflow:auto}
.tbl tr.hl td{background:rgba(47,107,255,.07)}
.pub-offer p.center a{color:#9db8ff;text-decoration:underline}
/* zakładka ESET w HANDEL – logo ESET w kolorach marki */
.tab.tab-eset{--bb:#7cc3cb;padding:6px 14px;background:#fff;border-color:var(--bb);box-shadow:0 2px 0 var(--bb),0 6px 14px rgba(0,128,143,.12)}
.tab.tab-eset img{display:block;height:28px;width:auto}
.tab.tab-eset:hover{--bb:#00808f;background:#fff;border-color:#00808f;box-shadow:0 3px 0 #00808f,0 10px 18px rgba(0,128,143,.28)}
.tab.tab-eset.active{--bb:#006d7a;background:#fff;border-color:#006d7a;box-shadow:0 3px 0 #005661,0 8px 18px rgba(0,128,143,.40)}

/* Status zamówienia u dostawcy (Hurton) */
.pill.sup-ok{background:rgba(15,157,107,.16);color:var(--ok)}
.pill.sup-bad{background:rgba(211,37,74,.14);color:var(--err)}
.pill.sup-info{background:rgba(47,107,255,.14);color:#2456d6}
.pill.sup-wait{background:rgba(224,160,0,.2);color:#8a5a00}
@media (prefers-color-scheme:dark){.pill.sup-info{color:#9db8ff}.pill.sup-wait{color:#ffd45c}}
.sup-status{margin:8px 0}.sup-status p{margin:4px 0}

/* zakładka CYBERlabs w HANDEL – ikona logo + napis */
.tab.tab-own{gap:9px;padding:6px 16px 6px 12px}
.tab.tab-own img{display:block;width:28px;height:28px}
.tab.tab-own img{background:#fff;border-radius:6px;padding:2px;box-sizing:content-box}
.tab.tab-ever{--bb:#b7d36a;padding:5px 8px;background:#fff;border-color:var(--bb);box-shadow:0 2px 0 var(--bb),0 6px 14px rgba(120,160,20,.12)}
.tab.tab-ever img{display:block;height:28px;width:auto;border-radius:4px}
.tab.tab-ever:hover{--bb:#8ab51f;background:#fff;border-color:#8ab51f;box-shadow:0 3px 0 #8ab51f,0 10px 18px rgba(120,160,20,.28)}
.tab.tab-ever.active{--bb:#6f9a14;background:#fff;border-color:#6f9a14;box-shadow:0 3px 0 #5b8010,0 8px 18px rgba(120,160,20,.40)}
.own-tbl tr.inactive td{opacity:.6}
.own-add{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
@media (min-width:701px){.own-tbl .vm{display:none}}
@media (max-width:700px){.own-tbl .hm{display:none}}
.log-msg{word-break:break-word;max-width:60ch}
.tab .badge{margin-left:6px}
@media (max-width:700px){
  .log-tbl,.log-tbl tbody,.log-tbl tr,.log-tbl td{display:block;width:100%}
  .log-tbl thead{display:none}
  .log-tbl tr{border-bottom:1px solid var(--line,rgba(120,130,160,.3));padding:8px 0}
  .log-tbl td{border:0;padding:2px 8px;text-align:left}
  .log-tbl td.r{text-align:left}
  .log-tbl td.r::before{content:"Razy: ";color:var(--muted,#6b7a99)}
  .log-msg{max-width:none}
}
.own-groups{display:flex;flex-wrap:wrap;gap:6px 8px}
.own-groups legend{width:100%;margin-bottom:4px}
.inline-form .own-groups .chip-check input{width:auto;min-width:0;flex:none;margin:0}
.own-groups .chip-check small{display:inline}
.own-groups .chip-check,.chip-check{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;width:auto;margin:0;padding:3px 12px;white-space:nowrap;font-weight:500;border:1px solid var(--line);border-radius:999px;cursor:pointer;font-size:.9rem}
.chip-check:has(input:checked){background:var(--steel-l);border-color:var(--blue)}
.pill.own-grp{background:var(--steel-l);color:inherit;font-size:.75rem;padding:1px 8px}
.recipient-box{margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--steel-xl)}
.recipient-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;margin:8px 0 10px}
.recipient-cols fieldset{border:0;margin:0;padding:0;display:grid;gap:6px;align-content:start}
.recipient-cols legend{font-weight:600;font-size:.9rem;padding:0;margin-bottom:6px}
.recipient-cols label.check{align-items:flex-start;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);cursor:pointer}
.recipient-cols label.check:has(input:checked){border-color:var(--blue);background:var(--steel-l)}
.recipient-cols label.check input{width:auto;margin:3px 0 0;flex:none}
.offer-head-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.offer-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px;margin:14px 0}
.offer-cols .card{margin:0}
.offer-timeline{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.offer-timeline li small,.offer-timeline li span{margin-right:6px}
@media (max-width:700px){.offer-tbl .hm{display:none}}
.offer-totals{display:grid;grid-template-columns:1fr auto;gap:4px 24px;justify-content:end;max-width:360px;margin:12px 0 0 auto}
.offer-totals dt{text-align:right;margin:0}.offer-totals dd{text-align:right;margin:0}
.offer-totals .grand{font-size:1.1rem;font-weight:700;padding-top:6px;border-top:1px solid var(--line)}
@media (max-width:700px){.offer-tbl td,.offer-tbl th{padding-left:6px;padding-right:6px}.offer-tbl td:nth-child(2){overflow-wrap:anywhere}}

/* ----- ASYSTENT AI ----- */
.as{display:flex;flex-direction:column;gap:12px}
.as-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.as-hist{position:relative} .as-hist summary{list-style:none;cursor:pointer} .as-hist summary::-webkit-details-marker{display:none}
.as-hist ul{position:absolute;z-index:5;left:0;top:calc(100% + 6px);min-width:320px;max-width:90vw;margin:0;padding:8px;list-style:none;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.as-hist li{padding:6px 8px;border-radius:8px;display:flex;flex-direction:column} .as-hist li:hover{background:var(--steel-xl)} .as-hist a.cur{font-weight:700}
.as-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:start}
.as-chat{display:flex;flex-direction:column;gap:12px;min-height:60vh}
.as-log{display:flex;flex-direction:column;gap:10px;max-height:62vh;min-height:280px;overflow-y:auto;padding-right:4px}
.as-hello{padding:6px 2px}
.as-msg{max-width:92%;padding:10px 14px;border-radius:14px;border:1px solid var(--line);overflow-wrap:anywhere}
.as-msg.user{align-self:flex-end;background:var(--grad);color:#fff;border-color:transparent}
.as-msg.assistant{align-self:flex-start;background:var(--steel-xl)}
.as-msg.err{align-self:stretch;max-width:100%;background:rgba(211,37,74,.1);border-color:rgba(211,37,74,.4);color:var(--err)}
.as-msg .md p{margin:0 0 .5em} .as-msg .md p:last-child,.as-msg .md ul:last-child,.as-msg .md ol:last-child{margin-bottom:0}
.as-msg .md ul,.as-msg .md ol{margin:0 0 .5em;padding-left:1.3em}
.as-msg .md .table-wrap{margin:.3em 0 .6em} .as-tbl th,.as-tbl td{padding:5px 8px;font-size:.88rem}
.as-tools{display:flex;flex-wrap:wrap;gap:6px;align-self:flex-start}
.as-chip{display:inline-block;padding:2px 10px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--muted);font-size:.78rem}
.as-chip.bad{border-color:rgba(211,37,74,.5);color:var(--err)}
.as-status{display:flex;align-items:center;gap:10px;color:var(--muted)}
.as-dots{width:14px;height:14px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--blue);animation:as-spin .8s linear infinite}
@keyframes as-spin{to{transform:rotate(360deg)}}
.as-form{display:flex;flex-direction:column;gap:10px}
.as-form textarea{width:100%;min-height:150px;max-height:420px;resize:vertical;font-size:1rem;line-height:1.45}
.as-form .btn{width:100%;min-height:50px;font-size:1.05rem;justify-content:center}
.as-examples{display:flex;flex-direction:column;gap:6px}
.as-example{text-align:left;font:inherit;padding:8px 12px;border-radius:10px;border:1px dashed var(--line);background:transparent;color:var(--text);cursor:pointer}
.as-example:hover{border-color:var(--blue);color:var(--blue-d)}
.as-draft{position:sticky;top:12px}
.as-note{margin:10px 0;padding:8px 12px;border-radius:10px;background:var(--steel-xl);border:1px solid var(--line);font-size:.9rem}
.as-actions{margin-top:12px}
.as-lines td{font-size:.92rem}
@media (max-width:1100px){.as-grid{grid-template-columns:1fr}.as-draft{position:static}.as-log{max-height:55vh}}

[hidden]{display:none!important}

.as-meters{display:grid;gap:.6rem}
.as-meter{display:grid;gap:.25rem;font-size:.9rem}
.as-meter progress{width:100%;height:.7rem}

.pill.st-saved{background:rgba(120,130,150,.2);color:#445066}
@media (prefers-color-scheme:dark){.pill.st-saved{color:#c5cee0}}
.own-new{margin:0 0 14px}.own-new>summary{list-style:none;cursor:pointer;display:inline-flex}.own-new>summary::-webkit-details-marker{display:none}.own-new[open]>summary{margin-bottom:10px}

/* Warianty do wyboru (ESET 1/2/3 lata) */
.variant-pick{border:0;margin:0 0 1.2em;padding:0;display:grid;gap:.5em}
.variant-pick .variant-opt{display:flex;flex-direction:row;align-items:center;gap:.8em;padding:.7em .9em;border:1px solid var(--line,#d8deea);border-radius:10px;cursor:pointer;text-align:left;margin:0}
.variant-pick .variant-opt:has(input:checked){border-color:#4a6dff;box-shadow:0 0 0 2px rgba(74,109,255,.18)}
.variant-pick .variant-opt input{flex:none;width:1.15em;height:1.15em;margin:0}
.variant-pick .variant-opt>span{flex:1;min-width:0;text-align:left}
.variant-price{white-space:nowrap;text-align:right}
.variant-sum{font-size:1.05em;margin:.8em 0 0}
.var-title{margin:1.2em 0 .2em}
tr.variant-row td{background:rgba(74,109,255,.05)}
@media (max-width:560px){.variant-pick .variant-opt{flex-wrap:wrap}.variant-pick .variant-price{flex-basis:100%;text-align:left;padding-left:1.95em}}

/* Historia ofert: oferty zaakceptowane przez klienta */
.offer-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.offer-filter .chip{padding:7px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:inherit;font-weight:600;font-size:.88rem;text-decoration:none}
.offer-filter .chip.on{background:var(--grad);border-color:transparent;color:#fff}
.offer-filter .chip-accepted:not(.on){border-color:rgba(15,157,107,.55);color:var(--ok)}
.tbl tr.row-accepted td{background:rgba(15,157,107,.08)}
.tbl tr.row-accepted td:first-child{box-shadow:inset 4px 0 0 var(--ok)}
.pill.flag-accepted{background:var(--ok);color:#fff;font-weight:700;margin-top:4px;display:inline-block;border-radius:10px;line-height:1.3;padding:4px 10px}

/* zawężanie na żywo w słownikach HANDEL */
form.js-live .live-hide{display:none}
.own-tbl tr[hidden],#own-empty[hidden],.table-wrap[hidden]{display:none!important}

/* Kalkulator UPS 1F (HANDEL → EVER) */
.ups-table td{vertical-align:top}.ups-table tr.ups-warn td{background:rgba(250,204,21,.16)}.ups-table tr.ups-over td{opacity:.55}.ups-table tr.ups-meets td:first-child{box-shadow:inset 3px 0 0 #16803c}
.ups-ok{color:#16803c;font-weight:600}.btn.btn-ups{--bb:#8ab51f}.btn.btn-ups:hover{--bb:#6f9a14;border-color:#6f9a14;color:var(--navy-3)}
@media (prefers-color-scheme:dark){.ups-ok{color:#4ade80}.ups-table tr.ups-warn td{background:rgba(250,204,21,.12)}}

/* KSeF (HANDEL → KSeF, Ustawienia → KSeF) */
.ksef-dirs{margin:10px 0}
.ksef-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.ksef-filter label{display:flex;flex-direction:column;gap:3px;font-size:.85rem}
.ksef-sync{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.ksef-tbl td,.ksef-tbl th{vertical-align:top}
.ksef-no{font-size:.78rem;word-break:break-all}
.ksef-pager{display:flex;gap:8px;align-items:center;justify-content:center;margin:12px 0}
.ksef-head-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.ksef-doc{padding:20px}
.ksef-dates{display:flex;flex-wrap:wrap;gap:6px 22px;margin:8px 0}
.ksef-parties{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:14px 0}
.ksef-party{border:1px solid var(--line,#d8dde6);border-radius:8px;padding:10px 12px}
.ksef-lbl{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;opacity:.7;margin-bottom:3px}
.ksef-other{margin:8px 0;font-size:.9rem}
.ksef-items{width:100%;font-size:.88rem}
.ksef-sum{margin-left:auto;max-width:420px;margin-top:12px}
.ksef-blk{margin-top:12px}
.ksef-cert{border:1px solid var(--line,#d8dde6);border-radius:8px;padding:10px 12px;font-size:.9rem;overflow-wrap:anywhere}
.ksef-cert-bad{border-color:#c8102e}
.ksef-status{margin:0 0 12px;padding-left:18px}
.ksef-inline{display:inline-block;margin:0 8px 8px 0}
.edo-body{margin:14px 0;padding:12px 14px;border:1px solid var(--line,#d8dde6);border-radius:8px;line-height:1.5;overflow-wrap:anywhere}
.edo-atts{margin:6px 0 0;padding-left:18px}
/* ESET: znacznik środowiska DAGMA (test / produkcja) */
.env-pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.04em;vertical-align:middle}
.env-pill.env-test{background:rgba(224,160,0,.2);color:#8a5a00}.env-pill.env-prod{background:rgba(211,37,74,.14);color:#b01d3c}
@media (prefers-color-scheme:dark){.env-pill.env-test{color:#ffd45c}.env-pill.env-prod{color:#ff7a9c}}

/* MAGAZYN (0.9.77): klasy pomocnicze (CSP nie dopuszcza atrybutów style) i okno skanera */
.inl{display:inline} .flex1{flex:1} .mw90{max-width:90px} .mw100{max-width:100px} .mw110{max-width:110px}
.mt10{margin-top:10px} .mt12{margin-top:12px} .jr{justify-content:flex-end} .mnote{margin:0 4px 12px}
.wh-scanbox{position:fixed;inset:0;z-index:1000;background:rgba(5,10,30,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px}
.wh-scanbox{overflow-y:auto}
.wh-scanbox video{width:100%;max-height:50vh;min-height:200px;border-radius:14px;background:#000;object-fit:cover;display:block}
.wh-vwrap{position:relative;width:min(100%,560px)}
.wh-aim{position:absolute;left:12%;right:12%;top:25%;bottom:25%;border:3px solid rgba(255,255,255,.85);border-radius:12px;pointer-events:none;box-shadow:0 0 0 9999px rgba(0,0,0,.28)}
.wh-aim.hit{border-color:#3ddc84}
.wh-flash{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:rgba(30,160,90,.62);color:#fff;font-weight:800;font-size:1.3rem;border-radius:14px;text-align:center;padding:10px;white-space:pre-line;word-break:break-all}
.wh-flash.on{display:flex}
.wh-ctl{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;max-width:560px}
.wh-shutter{min-height:64px;min-width:230px;font-size:1.25rem}
.wh-cnt{color:#cfd8ff;text-align:center;max-width:560px;font-size:.9rem}
.wh-res{color:#fff;text-align:center;max-width:560px;font-weight:700;min-height:1.2em}
.wh-zoom{width:150px}
.wh-scanbox .wh-frame{color:#fff;text-align:center;max-width:560px}
.wh-scan-ok{outline:3px solid var(--ok)}
.mv-in{color:var(--ok)} .mv-out{color:var(--err)}

.ico-scan{vertical-align:-3px;margin-right:2px}
.btn .ico-scan:only-child{margin-right:0}
.mb14{margin-bottom:14px}

.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.ext-more{margin:6px 0 12px}.ext-more>summary{cursor:pointer;font-weight:600;padding:4px 0}
.ext-count{font-weight:600;padding:0 8px}.ext-count.over{color:#c0392b}
.inline-form .row-break{flex-basis:100%;height:0}
.bulk-bar{align-items:center}.bulk-bar input[name=pick]{min-width:260px}
.price-in{width:7.5em;text-align:right}
.mail-body{white-space:pre-wrap;background:var(--bg-soft,#f3f6fb);border:1px solid var(--line,#dde5ef);border-radius:10px;padding:12px 14px;font-size:.92rem}
textarea.mail-tpl{min-height:15em;font-family:inherit}
tr.row-renew td{background:rgba(40,167,90,.10)}
.renew-banner{border-left:4px solid #28a75a}

.wh-qty{display:inline-flex;align-items:center;gap:.35rem;color:#fff;font-weight:600}.wh-qty input{width:4.5rem;padding:.5rem;font-size:1rem}

/* ----- AUDYTY (0.10.0) ----- */
.au-cal-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.au-cal-list li{border:1px solid var(--line);border-radius:10px;padding:8px 12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.au-cal-list form{margin:0}
.au-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:12px}
.au-grid label,.au-form label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:.9rem}
.au-head{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.au-head>div:first-child{flex:1 1 420px;min-width:0}
.au-head-r{display:flex;flex-direction:column;gap:8px;align-items:flex-end;flex:0 0 auto}
.au-prog{width:140px;height:10px;vertical-align:middle;accent-color:var(--blue)} .au-prog.wide{width:min(360px,60%)}
.au-gapn{color:var(--err)}
.pill.au-ok{background:rgba(15,157,107,.16);color:var(--ok)}
.pill.au-partial{background:rgba(224,160,0,.2);color:#8a5a00}
.pill.au-fail{background:rgba(211,37,74,.14);color:var(--err)}
.pill.au-na{background:var(--steel-l);color:var(--steel)}
.pill.au-open{background:rgba(47,107,255,.14);color:var(--blue-d)}
.pill.au-closed{background:rgba(15,157,107,.16);color:var(--ok)} .pill.au-openst{background:rgba(224,160,0,.2);color:#8a5a00}
.pill.au-dept{background:var(--steel-l);color:var(--steel);margin-left:6px}
.pill.au-gap{background:rgba(216,27,138,.14);color:var(--magenta-d);margin-left:6px}
@media (prefers-color-scheme:dark){.pill.au-partial,.pill.au-openst{color:#ffd45c}.pill.au-open{color:#8fb0ff}.pill.au-gap{color:#ff8fcf}}
.au-stats{display:flex;flex-wrap:wrap;gap:8px} .au-stats .pill{text-decoration:none}
.au-grp>summary,.au-gaps>summary{cursor:pointer;margin-bottom:8px}
.au-item{border-top:1px solid var(--line);padding:14px 0}
.au-item-h{font-size:1.02rem;margin-bottom:4px} .au-q{margin:.3rem 0} .au-ev{margin:.2rem 0 .6rem}
.au-res{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.au-opt{display:inline-flex !important;flex-direction:row !important;align-items:center;gap:6px !important;padding:6px 12px;border:1px solid var(--line);border-radius:999px;cursor:pointer;background:var(--card);font-weight:600 !important}
.au-opt input{width:auto;margin:0}
.au-opt:has(input:checked){border-width:2px}
.au-o-ok:has(input:checked){border-color:var(--ok);background:rgba(15,157,107,.12)}
.au-o-partial:has(input:checked){border-color:var(--warn);background:rgba(224,160,0,.16)}
.au-o-fail:has(input:checked){border-color:var(--err);background:rgba(211,37,74,.12)}
.au-o-na:has(input:checked){border-color:var(--steel);background:var(--steel-l)}
.au-o-open:has(input:checked){border-color:var(--blue);background:rgba(47,107,255,.1)}
.au-savebar{position:sticky;bottom:0;display:flex;gap:14px;align-items:center;padding:12px 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);z-index:5}
.au-meta{margin-top:10px} .au-meta>summary{display:inline-flex;list-style:none;cursor:pointer;margin-bottom:10px}
.pill.au-fw{background:rgba(122,63,240,.14);color:#5b2bc4} @media (prefers-color-scheme:dark){.pill.au-fw{color:#c3a6ff}}

/* klasyfikacja podmiotu */
.au-classify summary{cursor:pointer;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.au-cl-res{border-left:4px solid var(--blue-d);padding:8px 12px;margin:10px 0;background:rgba(47,107,255,.07);border-radius:6px}
.au-cl-res ul{margin:6px 0 0 18px;padding:0}
.au-cl-kluczowy{border-color:#c0392b}.au-cl-wazny{border-color:#e0a000}.au-cl-poza{border-color:var(--ok)}.au-cl-incomplete{border-color:#888}
.au-flags{border:1px solid rgba(128,128,128,.3);border-radius:8px;margin:12px 0;padding:8px 12px}
.au-flag{display:flex;gap:8px;align-items:flex-start;padding:3px 0}
.au-flag input{margin-top:4px;flex:0 0 auto}
.au-linkbox{border:1px dashed rgba(128,128,128,.5);border-radius:8px;padding:8px 12px;margin:12px 0}
.au-full{flex-basis:100%}
.au-linkurl{width:100%;font-family:monospace;font-size:.85em}
.au-flags label.au-flag{flex-direction:row;align-items:flex-start;font-weight:400;font-size:.92rem}
.au-flags label.au-flag input{width:auto;flex:0 0 auto}
/* wyrównanie pól: opis u góry, pole zawsze w jednej linii na dole komórki */
.au-grid>label>input,.au-grid>label>select,.au-grid>label>textarea{margin-top:auto;width:100%;box-sizing:border-box}
.au-grid>label>input,.au-grid>label>select{height:44px}
.au-grid{align-items:stretch}
.au-grid label.chip{grid-column:1/-1;display:inline-flex;flex-direction:row;align-items:center;align-self:start;width:fit-content;max-width:100%;height:auto;white-space:normal;line-height:1.3}
.au-grid label.chip>input{width:16px;height:16px;flex:0 0 auto;margin:0}
.au-probe-progress{margin-bottom:10px}
.au-row-sel td{background:rgba(47,111,237,.08)}
.au-verify{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:12px 0}
.au-verify dt{color:var(--muted,#64788f);font-weight:600}.au-verify dd{margin:0;font-weight:700}

.au-people{border:1px solid rgba(128,128,128,.3);border-radius:8px;margin:12px 0;padding:8px 12px}
.au-people legend{font-weight:700;padding:0 6px}
.au-defaults summary{cursor:pointer}
.au-cat-grp{margin:14px 0 4px;font-size:.95rem}
.au-cat-grp:first-of-type{margin-top:8px}
.au-cat-list{margin:0 0 4px;padding-left:20px}
.au-cat-list li{margin:4px 0}
.au-cat-list small{display:block;color:var(--muted)}
.au-signlist{padding-left:18px}.au-signlist li{margin:6px 0}
.au-signall summary,.au-decline summary{cursor:pointer;font-weight:600;margin:10px 0}
.pub-sign .table-wrap{max-height:420px;overflow:auto}
.au-signcard .au-sigrow{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:8px 0;border-top:1px solid rgba(128,128,128,.25)}
.au-signcard .au-sigrow:first-of-type{border-top:0}
.au-signcard .au-sigwho{flex:1 1 260px;min-width:0}

.au-tech{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px} .au-tech label{display:flex;flex-direction:column;gap:3px;font-size:.88rem;min-width:200px}
.au-scen{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:10px 0}
.au-sc{border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;background:var(--card)} .au-sc b{display:block} .au-sc .au-big{font-size:1.7rem;font-weight:700}
.au-sc.good{border-left:5px solid var(--ok)} .au-sc.mid{border-left:5px solid var(--warn)} .au-sc.low{border-left:5px solid var(--err)} .au-sc.none{border-left:5px solid var(--steel)}

/* Strona audytu: pasek skrótów, zwijane sekcje i zwijane wyniki sprawdzeń domen (0.49.8) */
.au-nav{position:sticky;top:0;z-index:15;display:flex;flex-wrap:nowrap;gap:6px;align-items:center;overflow-x:auto;padding:8px 10px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);scrollbar-width:thin}
.au-nav a{flex:none;padding:3px 11px;border:1px solid var(--line);border-radius:999px;font-size:.88rem;color:inherit;text-decoration:none;background:var(--steel-xl,transparent)}
.au-nav a:hover,.au-nav a:focus-visible{border-color:var(--bb,currentColor)}
.au-nav-ctl{flex:none;margin-left:auto;display:flex;gap:6px;padding-left:8px}
.au-sec,#filtry,#luki,#pytania,#klasyfikacja{scroll-margin-top:72px}
.au-sec-h{cursor:pointer;user-select:none;display:flex;align-items:center;gap:8px}
.au-sec-h::before{content:"▾";flex:none;font-size:.9em;opacity:.7}
.au-sec.is-collapsed>.au-sec-h::before{content:"▸"}
.au-sec.is-collapsed>:not(.au-sec-h){display:none}
.au-sec.is-collapsed>.au-sec-h{margin-bottom:0}
.au-dom{margin:8px 0;border:1px solid var(--blue);border-radius:var(--r);padding:0;background:var(--card);overflow:hidden}
.au-dom>summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;padding:10px 14px;list-style:none;background:rgba(47,107,255,.12);border-left:5px solid var(--blue);transition:background .12s}
.au-dom>summary::-webkit-details-marker{display:none}
.au-dom>summary::before{content:"\25B8";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font-size:.8rem;flex:none;transition:transform .15s}
.au-dom[open]>summary::before{transform:rotate(90deg)}
.au-dom>summary:hover{background:rgba(47,107,255,.22)}
.au-dom>summary:focus-visible{outline:2px solid var(--blue-d);outline-offset:-2px}
.au-dom>:not(summary){margin:10px 14px 12px}
@media print{.au-nav{display:none}.au-sec.is-collapsed>:not(.au-sec-h){display:revert}}

/* pola wyboru z długim opisem: pole zaznaczenia obok tekstu, nie nad nim */
label.au-flag{flex-direction:row;align-items:flex-start;font-weight:400;font-size:.92rem}
.au-flag input[type=checkbox],.au-flag input[type=radio]{width:auto;flex:0 0 auto}

/* rejestr ustaleń OSINT: wybór rejestrów w jednym rzędzie, pole zaznaczenia obok nazwy */
.os-src{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0 0 10px}
.os-src label.check{flex-direction:row;align-items:center;gap:8px;width:auto}
.os-src input[type=checkbox]{width:auto;margin:0;flex:0 0 auto}

.os-list{display:flex;flex-direction:column;gap:10px;margin:10px 0}
.os-f{border:1px solid var(--line);border-radius:10px;padding:10px 14px;min-width:0;overflow:hidden}
.os-f-h{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin-bottom:6px}
.os-f-c{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0 0 6px;font:inherit;max-width:100%;overflow:visible}
.os-f-s{overflow-wrap:anywhere}
.os-edit{margin-top:8px}
.os-edit form{display:flex;flex-direction:column;gap:8px;margin:8px 0;max-width:640px}
.os-edit label{display:flex;flex-direction:column;gap:3px;font-weight:600;font-size:.88rem}
.os-edit input,.os-edit select,.os-edit textarea{width:100%;max-width:100%;box-sizing:border-box}
.os-chk{margin:10px 0;padding:8px 0;border-top:1px solid var(--line)}
.os-chk-r{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.os-chk-r input{flex:1 1 180px;min-width:0;box-sizing:border-box}.os-chk-r select{flex:0 1 220px;min-width:0}

/* kody pozycji programu OSINT (OS-01) nie łamią się na myślniku */
.os-code{white-space:nowrap;vertical-align:top}
.pill.sg-mid{background:rgba(245,181,0,.28);color:#8a5a00} .sg-hint{margin-top:.25rem}

.au-itemd{border-top:1px solid var(--line)} .au-itemd>summary{cursor:pointer;padding:10px 0;list-style:revert} .au-itemd>summary .pill{margin-left:6px}
.au-itemd .au-item-h{display:none} .au-itemd .au-item{border-top:0;padding-top:0}

.os-fd>summary{cursor:pointer;list-style:revert} .os-fd>summary .os-f-h{display:inline-flex;margin-bottom:2px} .os-f-p{margin:0 0 4px 18px}
[data-ap][hidden]{display:none!important}
.cat-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0}.cat-row label.check{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:10px;flex:1 1 280px;margin:0;cursor:pointer}.cat-row label.check input{width:18px;height:18px;margin:0;flex:0 0 auto}.cat-row label.check span{font-weight:600}

/* zakładka CYBERchata w HANDEL (logo) i moduł wycen automatyki domowej */
.tab.tab-chata{--bb:#7fb6e6;padding:3px 10px;background:#fff;border-color:var(--bb);box-shadow:0 2px 0 var(--bb),0 6px 14px rgba(40,120,200,.14)}
.tab.tab-chata img{display:block;height:44px;width:auto}
.tab.tab-chata:hover{--bb:#3f97d8;background:#fff;border-color:#3f97d8;box-shadow:0 3px 0 #3f97d8,0 10px 18px rgba(40,120,200,.30)}
.tab.tab-chata.active{--bb:#2a74b8;background:#fff;border-color:#2a74b8;box-shadow:0 3px 0 #1f5c94,0 8px 18px rgba(40,120,200,.42)}
.subtabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.subtabs a{padding:6px 14px;border-radius:999px;border:1px solid var(--line);color:var(--navy-3);font-weight:600}
.subtabs a.active{background:var(--navy-3);color:#fff;border-color:var(--navy-3)}
.ch-room{margin:14px 0;padding:0;overflow:hidden}
.ch-room>summary{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;font-weight:700;list-style:none}
.ch-room>summary::-webkit-details-marker{display:none}
.ch-room .body{padding:0 16px 14px}
.ch-room .sum{font-weight:600;white-space:nowrap}
.ch-pick{margin:10px 0;padding:10px 12px;border:1px dashed var(--line);border-radius:10px}
.ch-pick .row{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:7px 0;border-top:1px solid var(--line)}
.ch-pick .row:first-of-type{border-top:0}
.ch-pick .row .nm{flex:1 1 220px;min-width:0}
.ch-qty{width:5em}
.ch-sum td,.ch-sum th{padding:6px 10px}
.ch-total{font-size:1.15em;font-weight:800}
.ch-use{display:inline-block;margin:1px 3px 1px 0;padding:1px 8px;border-radius:999px;background:rgba(47,107,255,.12);color:#2456d6;font-size:.78em;font-weight:600}
@media (prefers-color-scheme:dark){.ch-use{color:#9db8ff}}
.ch-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.ch-chips label{display:inline-flex;gap:5px;align-items:center;padding:3px 10px;border:1px solid var(--line);border-radius:999px;font-size:.92em}
.ch-found td{vertical-align:top}
@media (max-width:700px){.ch-hm{display:none}}
.ch-pick .row input[type=text]{flex:1 1 170px;width:auto;min-width:0}
.ch-pick .row input.ch-qty,.own-add input.ch-qty{flex:0 0 5em;width:5em}
.ch-room .own-add{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.ch-room .own-add input[type=text]{width:auto;flex:1 1 200px;min-width:0}
.tab.tab-chata img{height:46px}
.ch-chips input[type=checkbox]{width:auto;margin:0;flex:none}
.ch-chips label{white-space:nowrap}

.ch-find{margin-top:10px;border-top:1px solid var(--line);padding-top:8px}
.ch-find summary{cursor:pointer}
.ch-find-q{width:100%;margin:8px 0}
.ch-found-g{padding:8px 0;border-top:1px solid var(--line)}
.ch-found-g:first-child{border-top:0}
.ch-offer{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:6px 0 0;padding:6px 8px;border-radius:8px;background:var(--bg-soft,rgba(127,127,127,.07))}
.ch-offer .ch-src{flex:1 1 150px;min-width:0;font-size:.78em;line-height:1.3}
.ch-offer .ch-src strong{font-weight:600}
.ch-offer .ch-src small{font-size:1em}
.ch-offer .pr{background:none;flex:0 0 auto;font-size:.72em;line-height:1.3;text-align:right;color:var(--muted,inherit);opacity:.85}
.ch-offer .pr strong{font-weight:600}

.ch-offer input.ch-mk{flex:0 0 4.5em;width:4.5em}
.ch-offer .btns{display:flex;flex-wrap:wrap;gap:6px}
.ch-offer .ch-mkl{display:inline-flex;align-items:center;gap:4px;font-size:.8em;white-space:nowrap}
.ch-offer .ch-mkl input.ch-mk{display:inline-block}