/* Sharkly.pl — dwa wyglądy Allegro (Metrum, publiczne tokeny allegro.pl).
   Domyślnie „Allegro pomarańczowy”. „Sales Center” włącza data-look="sales" na <html>. */
:root{
  color-scheme:light;
  --bg:#eceff1;            /* haze-100, tło treści */
  --panel:#ffffff;
  --panel-head:#f6f7f8;    /* haze-50 */
  --line:#d9dfe4;          /* haze-200 */
  --line-strong:#c3c3c3;   /* gray-200 */
  --text:#222222;          /* gray-900 */
  --heading:#232f35;       /* navy-700, akcent tekstu */
  --muted:#767676;         /* gray-500 */
  --primary:#ff5a00;       /* orange-500 */
  --primary-hover:#d94b00; /* orange-600 */
  --primary-soft:#ffdecc;  /* orange-100 */
  --link:#008673;          /* teal-600, linki jak na allegro.pl */
  --link-hover:#006456;    /* teal-700 */
  --success:#169a23;       /* green-600 */
  --success-soft:#dcf8d9;
  --warning:#d89c10;       /* yellow-600 */
  --warning-soft:#fef3c4;
  --danger:#e0211b;        /* red-500 */
  --danger-soft:#f9c6c0;
  --side:#ffffff;
  --side-2:#f6f7f8;
  --side-text:#3a4e58;     /* navy-500 */
  --side-hover:#232f35;
  --nav-active:#ff5a00;
  --nav-active-text:#ffffff;
  --topbar:#ffffff;
  --topbar-text:#222222;
  --topbar-border:#d9dfe4;
  --hero:linear-gradient(120deg,#d94b00 0%,#ff5a00 48%,#ff7b33 100%);
  --radius:6px;
  --shadow:0 1px 2px rgba(12,16,18,.06);
  --shadow-lg:0 12px 32px rgba(12,16,18,.18);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:14px;
}
/* Ciemny motyw treści (menu konta → Jasny/Ciemny). Pomarańcz zostaje z palety Allegro. */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#11161f;--panel:#19212d;--panel-head:#1e2734;--line:#2a3442;--line-strong:#364254;
    --text:#e4e9f0;--heading:#e4e9f0;--muted:#8f9bad;--primary:#ff5a00;--primary-hover:#ff7b33;--primary-soft:#3a2416;
    --link:#2ab9a3;--link-hover:#54cab6;
    --success:#3cc27b;--success-soft:#15301f;--warning:#f0a830;--warning-soft:#33280f;--danger:#ef6b6b;--danger-soft:#3a1c1c;
    --side:#171f23;--side-2:#232f35;--side-text:#d8dcde;--side-hover:#ffffff;--shadow:none;
    --topbar:#171f23;--topbar-text:#ffffff;--topbar-border:#0c1012;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#11161f;--panel:#19212d;--panel-head:#1e2734;--line:#2a3442;--line-strong:#364254;
  --text:#e4e9f0;--heading:#e4e9f0;--muted:#8f9bad;--primary:#ff5a00;--primary-hover:#ff7b33;--primary-soft:#3a2416;
  --link:#2ab9a3;--link-hover:#54cab6;
  --success:#3cc27b;--success-soft:#15301f;--warning:#f0a830;--warning-soft:#33280f;--danger:#ef6b6b;--danger-soft:#3a1c1c;
  --side:#171f23;--side-2:#232f35;--side-text:#d8dcde;--side-hover:#ffffff;--shadow:none;
  --topbar:#171f23;--topbar-text:#ffffff;--topbar-border:#0c1012;
}
/* Allegro Sales Center: granatowy pasek i nagłówek, jasna treść, pomarańcz tylko jako akcja. */
:root[data-look="sales"]{
  --side:#232f35;       /* navy-700 */
  --side-2:#2e3e46;     /* navy-600 */
  --side-text:#d8dcde;  /* navy-100 */
  --side-hover:#ffffff;
  --nav-active:#3a4e58; /* navy-500 */
  --nav-active-text:#ffffff;
  --topbar:#171f23;     /* navy-800 */
  --topbar-text:#ffffff;
  --topbar-border:#0c1012;
  --hero:linear-gradient(120deg,#0c1012 0%,#232f35 62%,#3a4e58 100%);
}
/* Sales Center zostaje jasną treścią, dopóki ktoś sam nie włączy ciemnego motywu. */
:root[data-look="sales"]:not([data-theme="dark"]){
  color-scheme:light;
  --bg:#eceff1;--panel:#ffffff;--panel-head:#f6f7f8;--line:#d9dfe4;--line-strong:#c3c3c3;
  --text:#222222;--heading:#232f35;--muted:#767676;
  --primary:#ff5a00;--primary-hover:#d94b00;--primary-soft:#ffdecc;
  --link:#008673;--link-hover:#006456;
  --success:#169a23;--success-soft:#dcf8d9;--warning:#d89c10;--warning-soft:#fef3c4;--danger:#e0211b;--danger-soft:#f9c6c0;
  --shadow:0 1px 2px rgba(12,16,18,.06);
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);line-height:1.45}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:var(--primary-soft);color:var(--text)}
button{cursor:pointer}
a{color:var(--link)}
a:hover{color:var(--link-hover)}
h1,h2,h3{margin:0;font-weight:600;color:var(--heading)}
h1{font-size:20px}
h2{font-size:14px}
code{background:var(--panel-head);padding:1px 5px;border-radius:4px;font-size:12px}
[hidden]{display:none!important}
.muted{color:var(--muted);margin:2px 0 0}
.hint{color:var(--muted);font-size:12px;margin:6px 0 0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.spacer{flex:1}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.stack{display:grid;gap:16px;align-content:start}
.stack-sm{display:grid;gap:10px}

/* ───── Przyciski i pola ───── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);font-weight:500;white-space:nowrap;transition:background .12s,border-color .12s}
.btn:hover{background:var(--panel-head);border-color:var(--muted)}
.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.btn-success{background:var(--success);border-color:var(--success);color:#fff}
.btn-success:hover{filter:brightness(.95);background:var(--success)}
.btn-danger-ghost{border-color:transparent;background:transparent;color:var(--danger)}
.btn-danger-ghost:hover{background:var(--danger-soft);border-color:transparent}
.btn-link{border-color:transparent;background:transparent;color:var(--primary);padding:0 6px}
.btn-link:hover{background:var(--primary-soft);border-color:transparent}
.btn-sm{min-height:28px;padding:0 10px;font-size:13px}
.btn-block{width:100%}
.btn-ghost-dark{background:transparent;border-color:var(--line-strong);color:var(--side-text)}
.btn-ghost-dark:hover{background:var(--side-2);color:var(--text)}
.btn:disabled{opacity:.5;cursor:not-allowed}
.icon-btn{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid transparent;border-radius:var(--radius);background:transparent;font-size:17px;line-height:1}
.icon-btn:hover{background:var(--panel-head);border-color:var(--line)}
input,select,textarea{width:100%;min-height:34px;padding:6px 10px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);outline:none}
textarea{resize:vertical}
/* Checkboxy i radio nie dziedziczą wyglądu pól tekstowych (Safari rozciągał je na całą szerokość). */
input[type=checkbox],input[type=radio]{width:16px;height:16px;min-height:0;padding:0;flex:none;border-radius:4px;accent-color:var(--primary);box-shadow:none;cursor:pointer}
input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.input-sm{min-height:28px;max-width:240px;font-size:13px}
.field{display:grid;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}
.field input,.field select,.field textarea{font-weight:400;color:var(--text);font-size:14px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-grid .full,.form-grid .btn-block{grid-column:1/-1}
.form-error{color:var(--danger);font-size:13px;min-height:1em;margin:4px 0}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px}

/* ───── Logowanie ───── */
.auth{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:linear-gradient(160deg,#fff6f0 0%,var(--bg) 60%)}
.auth-card{width:min(440px,100%);background:var(--panel);border-radius:10px;padding:28px;box-shadow:var(--shadow-lg)}
.auth-card h1{margin-top:22px}
.auth-card form{display:grid;gap:12px}
.auth-brand{display:flex;align-items:center;gap:10px}
.auth-brand small{display:block;color:var(--muted);font-size:12px}
.auth-brand{flex-direction:column;align-items:flex-start;gap:6px}.auth-wordmark{height:38px;width:auto;display:block}
.logo{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:700;flex:none}
.login-users{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.login-user{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel)}
.login-user[aria-checked="true"]{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 1px var(--primary)}
.setup-members{display:grid;gap:8px}
.setup-member{display:grid;grid-template-columns:1fr 1fr 34px;gap:6px}

/* ───── Układ ───── */
.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--side);border-right:1px solid var(--line);color:var(--side-text);display:flex;flex-direction:column;padding:0 0 12px;z-index:40}
.side-brand-row{position:relative;display:flex;align-items:center;height:56px;border-bottom:1px solid var(--line)}
.side-brand{display:flex;align-items:center;gap:10px;height:56px;min-width:0;flex:1;padding:0 12px 0 16px;color:var(--text);text-decoration:none;font-weight:800;font-size:17px;letter-spacing:-.01em}
/* Okrągły przycisk na krawędzi paska — zawsze widoczny, zwija i rozwija menu. */
.sidebar-toggle{position:fixed;top:16px;left:220px;z-index:45;width:24px;height:24px;padding:0;border:1px solid var(--line-strong);border-radius:50%;background:var(--panel);color:var(--muted);display:grid;place-items:center;box-shadow:0 1px 4px rgba(15,23,42,.12);cursor:pointer;transition:color .15s,border-color .15s,background .15s,box-shadow .15s}
.sidebar-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sidebar-toggle:hover,.sidebar-toggle:focus-visible{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(240,90,0,.35);outline:0}
.sb-anim .app{transition:grid-template-columns .26s cubic-bezier(.4,0,.2,1)}
.sb-anim .sidebar-toggle{transition:left .26s cubic-bezier(.4,0,.2,1),color .15s,border-color .15s,background .15s,box-shadow .15s}
.sb-anim .sidebar-toggle svg,.sb-anim .side-brand span,.sb-anim .side-nav span,.sb-anim .side-nav b,.sb-anim .side-more>summary::after,.sb-anim .side-footer{transition:opacity .18s ease .08s,transform .26s cubic-bezier(.4,0,.2,1)}
.sb-anim .side-more>button{transition:padding .26s cubic-bezier(.4,0,.2,1),background .15s}
.side-nav{display:grid;padding:8px}
.side-label{margin:14px 10px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#6d7b91}
.side-nav button{position:relative;min-width:0;overflow:hidden;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:38px;padding:0 14px;border:0;border-radius:9px;font-weight:600;background:transparent;color:var(--side-text);text-align:left;font-size:14px}
.nav-hint{display:block;font-weight:500;font-size:11px;line-height:1.15;opacity:.72}
.side-nav button i{font-style:normal;opacity:.8;display:grid;place-items:center}
.side-nav span,.side-brand span{white-space:nowrap;overflow:hidden}
.side-nav .nav-icon{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.side-nav .ai-sparkles{width:20px;height:20px;fill:currentColor}
.side-nav button:hover{background:var(--side-2);color:var(--side-hover)}
.side-nav button.active{background:var(--nav-active);color:var(--nav-active-text);box-shadow:none}
:root[data-look="sales"] .side-nav button.active{box-shadow:inset 3px 0 0 var(--primary)}
.side-nav b,.tabbar b{min-width:20px;padding:1px 6px;border-radius:10px;background:var(--danger);color:#fff;font-size:11px;text-align:center}
.side-nav b:empty,.tabbar b:empty{display:none}
.side-footer{margin-top:auto;padding:8px 16px}
.app.sidebar-collapsed{grid-template-columns:68px 1fr}
.sidebar-collapsed .sidebar{overflow-x:hidden}
.sidebar-collapsed .side-brand span,.sidebar-collapsed .side-nav span,.sidebar-collapsed .side-nav b,.sidebar-collapsed .side-more>summary::after,.sidebar-collapsed .side-footer{opacity:0;pointer-events:none;transition-delay:0s!important}
.sidebar-collapsed .side-more>button{padding-left:14px}
.sidebar-collapsed .side-nav b{position:absolute}
.sidebar-collapsed .side-nav button:has(b:not(:empty))::after,.sidebar-collapsed .side-more>summary:has(b:not(:empty))::before{content:"";position:absolute;top:7px;left:39px;width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px var(--side)}
.sidebar-collapsed .side-more>summary{position:relative}
.sidebar-collapsed .side-more[open]{border-radius:12px;background:var(--side-2)}
.sidebar-collapsed .sidebar-toggle{left:56px}
.sidebar-collapsed .sidebar-toggle svg{transform:rotate(180deg)}
.main{min-width:0;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:30;min-height:64px;display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--topbar);color:var(--topbar-text);border-bottom:1px solid var(--topbar-border)}
.menu-btn{display:none}
.crumbs{display:flex;min-width:0;font-size:15px}
/* Na komputerze nazwa sekcji jest w nagłówku strony — górny pasek zostawiamy wyszukiwarce. */
@media (min-width:901px){.topbar .crumbs{display:none}}
.crumbs strong{overflow:hidden;color:var(--topbar-text);font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.sync{font-size:12px;color:var(--muted)}
.sync.err{color:var(--danger)}
.avatar-btn{border:0;padding:0;background:none}
.mic-icon{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-btn .mic-icon{width:18px;height:18px}
.capture-mic .mic-icon{width:24px;height:24px}
.content{padding:20px;max-width:1360px;width:100%}

/* Główna wyszukiwarka zamówień */
.order-search{position:relative;flex:1 1 680px;max-width:920px;margin-left:auto}
.order-search form{display:grid;grid-template-columns:28px minmax(0,1fr) 44px;align-items:center;min-height:44px;border:1px solid var(--line-strong);border-radius:22px;background:var(--panel);color:var(--text);transition:border-color .15s,box-shadow .15s}
.order-search form:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}
.order-search-icon{padding-left:15px;color:var(--muted);font-size:24px;line-height:1}
.order-search input{min-height:40px;padding:6px 10px;border:0;background:transparent;box-shadow:none!important;font-size:15px;color:var(--text)}
.order-search input::-webkit-search-cancel-button{cursor:pointer}
.order-search-go{width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:28px;line-height:1;transition:background .15s,color .15s}
.order-search-go:hover,.order-search-go:focus-visible{background:var(--primary-soft);color:var(--primary);outline:0}
.order-search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:80;overflow:hidden;border:1px solid var(--line-strong);border-radius:12px;background:var(--panel);box-shadow:var(--shadow-lg)}
.order-search-result{display:grid;grid-template-columns:minmax(0,1fr) auto 22px;align-items:center;gap:14px;width:100%;min-height:64px;padding:9px 16px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left}
.order-search-result:last-child{border-bottom:0}.order-search-result:hover,.order-search-result:focus-visible{background:var(--primary-soft);outline:0}
.order-result-main,.order-result-side{display:grid;min-width:0}.order-result-main strong,.order-result-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.order-result-main small,.order-result-side small{color:var(--muted);font-size:12px}.order-result-side{text-align:right}.order-result-side b{font-size:12px;color:var(--primary)}
.order-search-empty{margin:0;padding:18px;text-align:center;color:var(--muted)}
.view{display:none}
.view.active{display:grid;gap:16px}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.head-actions{display:flex;gap:8px;flex-wrap:wrap}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.grid-2.wide-right{grid-template-columns:minmax(280px,380px) 1fr}

/* ───── Panele ───── */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;min-width:0;min-height:44px;padding:6px 14px;background:var(--panel-head);border-bottom:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0}
.panel-body{padding:14px}
.count{min-width:22px;padding:1px 7px;border-radius:10px;background:var(--line);font-size:12px;font-weight:600;text-align:center}
.count:empty{display:none}
.inline-form{display:flex;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}
.empty{padding:22px 14px;text-align:center;color:var(--muted);font-size:13px}

/* KPI */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.kpi{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:var(--radius);text-align:left;box-shadow:var(--shadow)}
button.kpi:hover{border-color:var(--line-strong)}
.kpi strong{font-size:24px;line-height:1.1}
.kpi span{font-size:12px;color:var(--muted)}
.kpi.warn{border-left-color:var(--warning)}
.kpi.bad{border-left-color:var(--danger)}
.kpi.good{border-left-color:var(--success)}

/* Listy */
.list-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}
.list-item:last-child{border-bottom:0}
.list-item .grow{flex:1;min-width:0}
.list-item strong{display:block;font-weight:500;overflow-wrap:anywhere}
.list-item small{display:block;color:var(--muted);font-size:12px}
.list-item.clickable{cursor:pointer}
.list-item.clickable:hover{background:var(--panel-head)}
.list-item.unread{background:var(--primary-soft)}
.brief{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.brief li{display:flex;gap:10px;align-items:flex-start}
.brief li::before{content:"";width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--primary);flex:none}
.brief li.warn::before{background:var(--warning)}
.brief li.bad::before{background:var(--danger)}
.brief li.good::before{background:var(--success)}

/* Awatary, znaczniki */
.av{width:26px;height:26px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-size:11px;font-weight:700;flex:none}
.av.lg{width:40px;height:40px;font-size:15px}
.av.sm{width:22px;height:22px;font-size:10px}
.tag{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:4px;font-size:11px;font-weight:600;background:var(--panel-head);border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.tag.shop{background:var(--primary-soft);border-color:transparent;color:var(--primary)}
/* Etykiety zadań: kolor z palety, odcień mieszany z tłem i tekstem motywu — czytelne w jasnym i ciemnym. */
.tag.tlabel{--lc:#6b7686;background:color-mix(in srgb,var(--lc) 16%,var(--panel));border-color:color-mix(in srgb,var(--lc) 40%,transparent);color:color-mix(in srgb,var(--lc) 72%,var(--text))}
.tlabel.c-gray{--lc:#6b7686}.tlabel.c-red{--lc:#dc2626}.tlabel.c-orange{--lc:#ea580c}.tlabel.c-yellow{--lc:#ca8a04}.tlabel.c-green{--lc:#16a34a}.tlabel.c-teal{--lc:#0d9488}.tlabel.c-blue{--lc:#2563eb}.tlabel.c-purple{--lc:#7c3aed}.tlabel.c-pink{--lc:#db2777}
.label-picks{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.label-pick{min-height:30px;padding:4px 10px;font-size:12px;cursor:pointer;opacity:.55}
.label-pick[aria-pressed="true"]{opacity:1;box-shadow:inset 0 0 0 1.5px var(--lc)}
.label-pick[aria-pressed="true"]::before{content:"✓"}
#labelForm select{width:auto}
#labelHint{margin:0;padding:10px 14px 4px}
#labelList .list-item{gap:8px}#labelList .list-item small{display:block;margin-top:4px}
.tag.due{background:var(--panel-head)}
.tag.today{background:var(--warning-soft);border-color:transparent;color:var(--warning)}
.tag.overdue{background:var(--danger-soft);border-color:transparent;color:var(--danger)}
.tag.stale{background:var(--warning-soft);border-color:transparent;color:var(--warning)}
.tag.ok{background:var(--success-soft);border-color:transparent;color:var(--success)}
.tag.no{background:var(--danger-soft);border-color:transparent;color:var(--danger)}
.mention{color:var(--primary);font-weight:600}

/* Segmenty / filtry */
.seg{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden;background:var(--panel)}
.seg button{border:0;border-right:1px solid var(--line-strong);background:transparent;padding:0 12px;min-height:32px;font-size:13px;color:var(--muted)}
.seg button:last-child{border-right:0}
.seg button.on{background:var(--primary);color:#fff}
.seg-sm button{min-height:26px;padding:0 9px;font-size:12px}
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.filters select{width:auto;min-width:170px}
.person-filter{display:flex;gap:4px}
.person-filter button{border:2px solid transparent;border-radius:50%;padding:0;background:none;opacity:.55}
.person-filter button.on{opacity:1;border-color:var(--primary)}
.col-tabs{display:none}
#taskScope{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
#taskScope button{flex:0 0 auto;white-space:nowrap}

/* Szybkie formularze */
.quick-task{display:grid;grid-template-columns:1fr 160px 170px 150px auto;gap:8px;padding:10px}
.quick-task#reminderForm{grid-template-columns:1fr 220px auto}
.quick-offers{display:grid;grid-template-columns:110px 1fr auto;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}

/* Tablica zadań */
.board{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:10px;align-items:stretch}
.column{min-width:0;background:#e4e8ee;border-radius:var(--radius);padding:10px;min-height:160px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .column{background:#151c27}}
:root[data-theme="dark"] .column{background:#151c27}
.column.drop{outline:2px dashed var(--primary);outline-offset:-2px}
.column-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 8px;font-weight:600;font-size:13px}
.column-head .count{background:var(--panel)}
.column[data-col="open"] .column-head{border-bottom:3px solid #8b97a8}
.column[data-col="doing"] .column-head{border-bottom:3px solid var(--primary)}
.column[data-col="waiting"] .column-head{border-bottom:3px solid var(--warning)}
.column[data-col="done"] .column-head{border-bottom:3px solid var(--success)}
.cards{display:grid;gap:8px;margin-top:8px}
.card{display:grid;gap:9px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s,transform .15s}
.card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-lg);transform:translateY(-1px)}
.card.dragging{opacity:.5}
.card-head{display:flex;gap:8px;align-items:flex-start}
.card-title{font-weight:650;line-height:1.35;overflow-wrap:anywhere;flex:1}
.drag-handle{border:0;background:transparent;color:var(--muted);cursor:grab;padding:2px 4px;font-size:18px;line-height:1}
.drag-handle:active{cursor:grabbing}
.card.done .card-title{text-decoration:line-through;color:var(--muted)}
.card.urgent{border-color:#e5484d;box-shadow:0 0 0 1px rgba(229,72,77,.12),var(--shadow)}
.tag.urgent{background:#fde8e8;color:#b4232c;font-weight:800;letter-spacing:.03em}
.card-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.card-meta .av{margin-left:auto}
.card-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;padding-top:8px;border-top:1px solid var(--line)}
.card-status{display:grid;gap:3px;font-size:11px;color:var(--muted)}
.card-status select,.task-row-actions select{min-height:36px;width:100%;font-size:13px;font-weight:600;color:var(--text);background:var(--panel)}
.task-row{cursor:default}
.task-row-actions{display:flex;gap:8px;align-items:center;min-width:240px}
.task-row-actions select{min-width:135px}

/* Wiadomości zespołu */
.feed-panel{display:flex;flex-direction:column;height:calc(100vh - 190px);min-height:420px}
.feed{flex:1;overflow-y:auto;padding:8px 0}
.day-sep{display:flex;align-items:center;gap:10px;margin:10px 14px;color:var(--muted);font-size:12px}
.day-sep::before,.day-sep::after{content:"";flex:1;height:1px;background:var(--line)}
.msg{display:flex;gap:10px;padding:6px 14px}
.msg:hover{background:var(--panel-head)}
.msg.me-mentioned{background:var(--warning-soft)}
.msg-body{flex:1;min-width:0}
.msg-head{display:flex;gap:8px;align-items:baseline}
.msg-head small{color:var(--muted);font-size:12px}
.msg-text{white-space:pre-wrap;overflow-wrap:anywhere}
.msg-actions{display:flex;gap:4px;opacity:0;transition:opacity .1s}
.msg:hover .msg-actions,.msg:focus-within .msg-actions{opacity:1}
.composer{border-top:1px solid var(--line);padding:10px 14px;background:var(--panel-head);border-radius:0 0 var(--radius) var(--radius)}
.composer-row{display:flex;gap:8px;align-items:flex-end}
.composer textarea{min-height:42px;max-height:180px}
.mention-chips{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}
.mention-chips button{border:1px solid var(--line-strong);background:var(--panel);border-radius:14px;padding:2px 10px;font-size:12px}

/* Asystent */
.chat-panel{display:flex;flex-direction:column;height:calc(100vh - 190px);min-height:420px}
.chat{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.bubble{max-width:min(620px,88%);padding:9px 12px;border-radius:8px;background:var(--panel-head);border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}
.bubble.user{align-self:flex-end;background:var(--primary);border-color:var(--primary);color:#fff}
.bubble small{display:block;margin-top:4px;font-size:11px;opacity:.7}
.proposal{display:flex;gap:10px;align-items:center;margin-top:8px;padding:8px 10px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--primary);border-radius:var(--radius);white-space:normal}
.proposal .grow{flex:1;min-width:0}
.proposal small{display:block;color:var(--muted);font-size:12px}
.proposal.accepted{border-left-color:var(--success);opacity:.75}
.proposal.skipped{opacity:.5}
.examples{display:flex;gap:6px;flex-wrap:wrap;padding:0 14px 10px}
.examples button{border:1px dashed var(--line-strong);background:transparent;border-radius:14px;padding:3px 11px;font-size:12px;color:var(--muted)}
.examples button:hover{border-color:var(--primary);color:var(--primary)}
#voiceButton[aria-pressed="true"]{background:var(--danger-soft);border-color:var(--danger)}

/* Ranking, tabele */
.rank-row{display:grid;grid-template-columns:28px 26px 1fr auto;gap:10px;align-items:center;padding:9px 14px;border-bottom:1px solid var(--line)}
.rank-row:last-child{border-bottom:0}
.rank-pos{font-weight:700;color:var(--muted);text-align:center}
.rank-row.first .rank-pos{color:#d4a017}
.rank-bar{height:6px;margin-top:4px;border-radius:3px;background:var(--line);overflow:hidden}
.rank-bar i{display:block;height:100%;background:var(--primary)}
.rank-row.first .rank-bar i{background:var(--success)}
.rank-num{font-size:18px;font-weight:700}
.table-wrap{overflow-x:auto}
.table{width:100%;border-collapse:collapse;font-size:13px}
.table th{text-align:left;font-size:12px;font-weight:600;color:var(--muted);background:var(--panel-head);padding:8px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.table td{padding:8px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.table tr:last-child td{border-bottom:0}
.table tr:hover td{background:var(--panel-head)}
.table .num{text-align:right;font-variant-numeric:tabular-nums}
.person-cell{display:flex;align-items:center;gap:8px}
.bar-line{display:grid;grid-template-columns:minmax(90px,180px) 1fr 50px;gap:10px;align-items:center;padding:8px 14px}
.bar-line .rank-bar{height:10px;margin:0}

/* Kalendarz */
.agenda-row{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:9px 14px;border-bottom:1px solid var(--line)}
.agenda-row:last-child{border-bottom:0}
.agenda-row time{font-weight:600;font-variant-numeric:tabular-nums;color:var(--primary)}
.agenda-row.free{color:var(--muted);font-size:13px}
.agenda-row.free time{color:var(--muted)}
.agenda-row small{display:block;color:var(--muted);font-size:12px}

/* Powiadomienia */
.bell-wrap{position:relative}
.bell-icon{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bell b{position:absolute;top:2px;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--danger);color:#fff;font-size:10px;line-height:17px;font-style:normal}
.bell-menu{position:absolute;right:0;top:42px;width:min(360px,calc(100vw - 24px));max-height:70vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-lg)}
.bell-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}
.bell-actions{display:flex;align-items:center;gap:6px}
.bell-close{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #fecaca;border-radius:8px;background:#fff1f2;color:#dc2626;font:700 25px/1 system-ui;cursor:pointer;touch-action:manipulation}
.bell-close:hover,.bell-close:focus-visible{background:#dc2626;border-color:#dc2626;color:#fff;outline:0}
.bell-sub{padding:8px 14px 2px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.bell-ann{width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);font:inherit;color:inherit;cursor:pointer}
.bell-ann:hover,.bell-ann:focus-visible{background:var(--panel-head);outline:0}
.bell-foot{padding:10px 14px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}
.bell-foot:empty{display:none}
.ios-hint summary{cursor:pointer;color:var(--primary);font-size:13px}
.ios-hint p{font-size:13px;color:var(--muted)}
.me-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}

/* Okna */
dialog{width:min(560px,calc(100vw - 24px));padding:0;border:0;border-radius:8px;background:var(--panel);color:var(--text);box-shadow:var(--shadow-lg)}
dialog::backdrop{background:rgba(15,23,35,.5)}
.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--panel-head)}
.dialog-body{padding:16px}
.dialog-foot{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}

.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:100;max-width:calc(100vw - 32px);padding:10px 16px;border-radius:var(--radius);background:#1b2433;color:#fff;box-shadow:var(--shadow-lg);transition:opacity .2s,transform .2s;display:flex;gap:12px;align-items:center}
.toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.toast button{background:none;border:0;color:#7fb2f0;font-weight:600}
.tabbar,.scrim{display:none}

/* ───── Tablet / telefon ───── */
@media (max-width:1100px){
  .quick-task{grid-template-columns:1fr 1fr 1fr}
  .quick-task #quickTaskTitle{grid-column:1/-1}
}
@media (max-width:900px){
  .app{display:block;padding-bottom:calc(62px + env(safe-area-inset-bottom))}
  .sidebar{position:fixed;inset:0 auto 0 0;width:260px;transform:translateX(-100%);transition:transform .2s}
  .sidebar-toggle{display:none}
  .sidebar.open{transform:none}
  .scrim{display:block;position:fixed;inset:0;background:rgba(15,23,35,.45);z-index:35}
  .scrim[hidden]{display:none}
  .menu-btn{display:inline-grid}
  .topbar{padding:8px 10px;gap:8px;flex-wrap:wrap}
  .crumbs span{display:none}
  .crumbs{order:0;flex:1}
  .topbar-actions{order:0;margin-left:0}
  .order-search{order:2;flex:1 1 100%;max-width:none;margin:0}
  .order-search form{min-height:48px;border-radius:24px}
  .order-search input{min-height:44px;font-size:16px!important}
  .order-search-results{position:fixed;top:calc(112px + env(safe-area-inset-top));left:8px;right:8px;max-height:calc(100dvh - 190px);overflow-y:auto}
  .hide-mobile{display:none!important}
  .content{padding:14px 12px}
  .grid-2,.grid-2.wide-right{grid-template-columns:1fr}
  .board{grid-template-columns:1fr}
  .card-move{display:flex}
  .col-tabs{display:inline-flex;width:100%}
  .col-tabs button{font-size:12px;padding:0 4px}
  .col-tabs button{flex:1}
  .board .column{display:none;background:transparent;padding:0}
  .board .column.show{display:block}
  .board .column-head{display:none}
  button,.btn,.card,.col-tabs button,.tabbar button{touch-action:manipulation}
  .card{cursor:default;-webkit-tap-highlight-color:transparent}
  .drag-handle{display:none}
  .card-actions{grid-template-columns:minmax(0,1fr) auto}
  .card-status{grid-template-columns:auto minmax(150px,1fr);align-items:center;gap:10px;font-size:13px}
  .card-status select{min-height:44px;font-size:16px!important}
  .task-row-actions{width:100%;min-width:0}
  .task-row-actions select{flex:1;min-height:44px;font-size:16px!important}
  .feed-panel,.chat-panel{height:calc(100dvh - 210px - env(safe-area-inset-bottom))}
  .msg-actions{opacity:1}
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--panel);border-top:1px solid var(--line)}
  .tabbar button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:none;font-size:11px;color:var(--muted)}
  .tabbar i{font-style:normal;font-size:18px}
  .tabbar button.active{color:var(--primary);font-weight:600}
  .tabbar .tab-main i{width:38px;height:28px;display:grid;place-items:center;border-radius:14px;background:var(--primary);color:#fff;font-size:15px}
  .tabbar b{position:absolute;top:6px;left:calc(50% + 6px);min-width:16px;padding:0 4px;font-size:10px}
  .toast{bottom:calc(76px + env(safe-area-inset-bottom))}
}
@media (max-width:560px){
  .form-grid{grid-template-columns:1fr}
  .quick-task,.quick-task#reminderForm{grid-template-columns:1fr}
  .quick-task>*{width:100%;min-width:0}
  .quick-task .btn{grid-column:auto;min-height:46px}
  .quick-task #reminderText{grid-column:1/-1}
  .kpis{grid-template-columns:1fr 1fr;gap:8px}
  .kpi{padding:10px 12px}
  .kpi strong{font-size:20px}
  .filters select{flex:1;min-width:0}
  .filters{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .filters .seg,.filters .person-filter,.filters .task-search,.filters .check{grid-column:1/-1;width:100%}
  .filters .seg button{min-height:44px}
  #taskScope{grid-column:1/-1}
  .filters .person-filter{min-height:44px;align-items:center}
  .filters select{width:100%}
  .card{padding:12px}
  .card-actions{grid-template-columns:1fr}
  .card-actions>.btn{min-height:42px}
  .card-status{grid-template-columns:1fr}
  .page-head h1{font-size:18px}
  .setup-member{grid-template-columns:1fr 1fr 30px}
  .topbar-actions .btn-primary{padding:0 10px}
  .bar-line{grid-template-columns:90px 1fr 40px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* Komentarze i historia zadania */
.task-events{border-top:1px solid var(--line);padding-top:12px}
#taskDialog{max-height:calc(100dvh - 16px);overflow:hidden}
.task-dialog{max-width:720px;max-height:calc(100dvh - 16px);display:flex;flex-direction:column}
.task-dialog .dialog-body{overflow:auto;min-height:0}
.task-dialog .dialog-body{gap:12px}
.task-title-field{grid-column:1/-2}
.task-meta{margin:0;color:var(--muted);font-size:12px}
.urgent-toggle{display:flex;align-items:center;justify-content:center;gap:7px;align-self:end;min-height:42px;border:1px solid #e5484d;border-radius:var(--radius);color:#b4232c;font-weight:800;cursor:pointer}
.urgent-toggle:has(input:checked){background:#fde8e8}
.urgent-toggle input{width:auto;min-height:0;accent-color:#d9363e}
.task-extra,.task-events{border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}
.task-extra summary,.task-events summary{cursor:pointer;font-weight:650}
.task-extra[open] summary,.task-events[open] summary{margin-bottom:10px}
.task-events h3{font-size:13px;margin-bottom:8px}
.events{display:grid;gap:8px;max-height:240px;overflow-y:auto;margin-bottom:8px}
.event{display:flex;gap:8px;font-size:13px}
.event .grow{flex:1;min-width:0}
.event small{color:var(--muted);font-size:11px}
.event.change{color:var(--muted)}
.event.comment .ev-text{background:var(--panel-head);border:1px solid var(--line);border-radius:6px;padding:6px 9px;margin-top:2px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}
.inline-comment{display:flex;gap:8px}
.task-search{width:200px}
.check{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);white-space:nowrap}
.check input{width:auto;min-height:0}
.search-note{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--primary-soft);border-radius:var(--radius);font-size:13px}
@media (max-width:560px){.task-search{flex:1;width:auto}}
@media (max-width:560px){.task-title-field{grid-column:1}.urgent-toggle{min-height:46px}.task-dialog .dialog-body{padding:12px}}
@media (max-width:900px){
  .msg{flex-wrap:wrap}
  .msg-body{flex:1 1 calc(100% - 40px)}
  .msg-actions{width:100%;padding-left:36px}
  .msg-actions .btn{min-height:26px;padding:0 8px;font-size:12px}
  .list-item{flex-wrap:wrap}
  .list-item>.row{margin-left:auto}
}
/* Alarm — godzina krytyczna */
.alarm{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;background:rgba(150,20,20,.82);animation:alarmPulse 1s ease-in-out infinite alternate}
@keyframes alarmPulse{from{background:rgba(150,20,20,.78)}to{background:rgba(214,69,69,.92)}}
.alarm-card{width:min(520px,100%);max-height:90vh;overflow-y:auto;background:var(--panel);border-radius:12px;padding:24px;text-align:center;box-shadow:var(--shadow-lg)}
.alarm-icon{font-size:52px;line-height:1;animation:alarmShake .4s ease-in-out infinite}
@keyframes alarmShake{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}
.alarm-card h2{font-size:24px;color:var(--danger);margin-top:8px}
.alarm-card p{color:var(--muted)}
.alarm-tasks{text-align:left;margin:14px 0;border:1px solid var(--line);border-radius:var(--radius)}
.alarm-actions{justify-content:center}
.alarm-actions .btn-primary{background:var(--danger);border-color:var(--danger)}
@media (prefers-reduced-motion:reduce){.alarm,.alarm-icon{animation:none}}
/* Dodawanie głosem */
.voice-fab{display:none}
.voice-body{display:grid;gap:12px;justify-items:center;text-align:center}
.voice-orb{width:96px;height:96px;border-radius:50%;border:0;background:var(--primary);color:#fff;font-size:40px;box-shadow:0 6px 20px rgba(240,90,0,.35)}
.voice-orb.listening{background:var(--danger);animation:orb 1.1s ease-in-out infinite}
@keyframes orb{0%,100%{box-shadow:0 0 0 0 rgba(214,69,69,.45)}50%{box-shadow:0 0 0 18px rgba(214,69,69,0)}}
.voice-state{margin:0;color:var(--muted);font-size:14px}
#voiceText{width:100%}
#voiceResult{width:100%;text-align:left}
.voice-count{font-weight:600;color:var(--primary)}
@media (max-width:900px){
  .mic-top{display:none}
  .voice-fab{display:grid;place-items:center;position:fixed;right:16px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:31;width:56px;height:56px;border-radius:50%;border:0;background:var(--primary);color:#fff;font-size:24px;box-shadow:var(--shadow-lg)}
}
@media (prefers-reduced-motion:reduce){.voice-orb.listening{animation:none}}

/* ═════════ v2.2: strona główna, szybkie dodawanie, układ mobilny ═════════ */
.logo{background:#1b2433;padding:5px;object-fit:contain}
.side-brand .logo{background:transparent;padding:0;width:auto;height:30px;border-radius:0}
.side-brand{position:relative;gap:0;cursor:pointer}.side-brand .logo{position:absolute;left:17px;top:50%;transform:translateY(-50%);opacity:0}
.brand-word{display:block;line-height:0}.brand-word img{display:block;height:28px;width:auto}
.sidebar-collapsed .side-brand .logo{opacity:1}
.sb-anim .side-brand .logo{transition:opacity .18s ease}

/* Hero strony głównej */
.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 24px;border-radius:10px;background:var(--hero);color:#fff;box-shadow:var(--shadow)}
.hero h1,.hero h2,.hero h3{color:#fff}
.hero-date{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.88)}
.hero h1{font-size:26px;margin-top:4px}
.hero-sub{margin:6px 0 0;color:rgba(255,255,255,.9);font-size:14px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.hero-btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border:0;border-radius:10px;background:#fff;color:#1b2433;font-size:16px;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.hero-btn span{font-size:20px;line-height:1}
.hero-btn:hover{transform:translateY(-1px)}
.hero-btn.ghost{background:rgba(255,255,255,.12);color:#fff;box-shadow:none;border:1px solid rgba(255,255,255,.3)}

/* Tablica ogłoszeń szefa */
.board-ann{border-radius:10px;overflow:hidden;border:2px solid #f0b429;background:linear-gradient(180deg,#fff8e6,#fffdf6);box-shadow:var(--shadow)}
.board-ann.important{border-color:var(--danger);background:linear-gradient(180deg,#fdecea,#fff8f7)}
.board-ann.good{border-color:var(--success);background:linear-gradient(180deg,#e7f7ee,#f7fdf9)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .board-ann{background:#2a2412}:root:not([data-theme="light"]) .board-ann.important{background:#331a1a}:root:not([data-theme="light"]) .board-ann.good{background:#132a1d}}
:root[data-theme="dark"] .board-ann{background:#2a2412}:root[data-theme="dark"] .board-ann.important{background:#331a1a}:root[data-theme="dark"] .board-ann.good{background:#132a1d}
.ann-head{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9a6b00}
.board-ann.important .ann-head{color:var(--danger)}.board-ann.good .ann-head{color:var(--success)}
.ann-main{padding:0 16px 14px;font-size:19px;font-weight:600;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere}
.ann-meta{display:flex;align-items:center;gap:8px;padding:0 16px 12px;font-size:12px;color:var(--muted)}
.ann-older{border-top:1px dashed rgba(0,0,0,.12);padding:8px 16px;font-size:13px;display:grid;gap:6px}
.ann-older div{display:flex;gap:8px;align-items:baseline}
.ann-older small{color:var(--muted);white-space:nowrap}
.ann-compose{display:grid;gap:8px;padding:12px 16px;border-top:1px dashed rgba(0,0,0,.12)}
.ann-compose .row{justify-content:space-between}
.tone-pick{display:flex;gap:4px}
.tone-pick button{border:1px solid var(--line-strong);background:var(--panel);border-radius:14px;padding:2px 10px;font-size:12px}
.tone-pick button.on{background:#1b2433;color:#fff;border-color:#1b2433}

/* Szybkie dodawanie na tablicy */
.quick-capture{display:flex;align-items:center;gap:8px;padding:8px 10px}
.quick-capture input{flex:1;border:0;box-shadow:none!important;font-size:15px;min-height:40px}
.qc-icon{color:var(--primary);font-size:18px;padding-left:4px}

/* Okno szybkiego dodawania */
dialog.capture{width:min(600px,calc(100vw - 20px));margin-top:12vh;border-radius:12px}
.capture-card{display:grid;gap:10px;padding:16px}
.capture-head{display:flex;align-items:center;font-size:16px}
.capture-input{display:flex;gap:8px;align-items:stretch}
.capture-input textarea{font-size:18px;min-height:64px;resize:none;border-width:2px}
.capture-mic{width:64px;border:0;border-radius:10px;background:var(--primary);color:#fff;font-size:26px;flex:none}
.capture-mic[aria-pressed="true"]{background:var(--danger);animation:orb 1.1s ease-in-out infinite}
@keyframes orb{0%,100%{box-shadow:0 0 0 0 rgba(214,69,69,.45)}50%{box-shadow:0 0 0 12px rgba(214,69,69,0)}}
.capture-state{margin:0;font-size:13px;color:var(--muted)}
.capture-state.err{color:var(--danger)}
.capture-chips{display:flex;gap:6px;flex-wrap:wrap}
.capture-chips button{border:1px dashed var(--line-strong);background:transparent;border-radius:14px;padding:3px 11px;font-size:12px;color:var(--muted)}
.capture-foot{display:flex;align-items:center;gap:8px}
.capture-foot .btn-primary{min-height:42px;padding:0 24px;font-size:15px}

/* Dzwonek — lista przewijana wewnątrz */
.bell-menu{display:flex;flex-direction:column}
.bell-menu #bellList{overflow-y:auto;flex:1;min-height:0}

/* ───── Telefon: stały układ, menu przypięte, bez przesuwania ekranu ───── */
@media (max-width:900px){
  body.in-app{overflow:hidden;height:100%;position:fixed;inset:0}
  .app{height:100dvh;padding:0}
  .main{position:fixed;top:0;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .topbar{padding-top:calc(8px + env(safe-area-inset-top));height:auto;min-height:calc(112px + env(safe-area-inset-top))}
  .tabbar{position:fixed;bottom:0;transform:translateZ(0)}
  input,select,textarea{font-size:16px!important}   /* iPhone nie przybliża ekranu przy pisaniu */
  .bell-menu{position:fixed;left:8px;right:8px;top:calc(60px + env(safe-area-inset-top));width:auto;max-height:calc(100dvh - 140px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
  .bell-close{width:44px;height:44px;font-size:29px}
  #view-asystent .page-head .muted,#view-zespol .page-head .muted{display:none}
  #view-asystent .page-head h1,#view-zespol .page-head h1{font-size:17px}
  .chat-panel,.feed-panel{height:calc(100dvh - 56px - env(safe-area-inset-top) - 60px - env(safe-area-inset-bottom) - 90px);min-height:300px}
  .chat-panel .examples{display:none}
  .hero{padding:18px 16px;border-radius:0;margin:-14px -12px 0}
  .hero h1{font-size:22px}
  .hero-actions{width:100%}
  .hero-btn{flex:1;justify-content:center;min-height:52px}
  .hero-btn.ghost{flex:0 0 auto}
  .voice-fab{bottom:calc(72px + env(safe-area-inset-bottom));font-size:30px;line-height:1}
  dialog.capture{margin-top:max(12px,env(safe-area-inset-top));max-height:calc(100dvh - 24px)}
  .ann-main{font-size:17px}
}
@media (max-width:900px){body[data-page="asystent"] .voice-fab,body[data-page="zespol"] .voice-fab,body[data-page="dzien"] .voice-fab{display:none}}
@media (max-width:560px){#memberForm{flex-wrap:wrap}#memberForm input{flex:1 1 100%}#memberForm .btn{flex:1}}

/* ═════════ v2.5: zadania jako prosta lista ═════════ */
.task-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#view-zadania.active{display:flex;flex-direction:column;gap:12px;min-height:calc(100dvh - 120px)}
#view-zadania #board{flex:1;display:flex;flex-direction:column;min-height:0}
#view-zadania .board{flex:1;min-height:calc(100dvh - 240px)}
#view-zadania .task-filters{margin:0}
#view-zadania #taskSearch{width:340px;flex:0 1 340px;min-height:40px;padding-left:36px;background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238a94a6' stroke-width='2' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 12px center}
#view-zadania #shopFilter{width:auto;min-width:170px;min-height:40px}
@media (max-width:760px){#view-zadania #taskSearch{flex:1 1 100%;width:100%}#view-zadania #shopFilter{flex:1 1 auto}#view-zadania .task-filters .spacer{display:none}}
.col-add{display:flex;align-items:center;width:100%;min-height:34px;margin:0 0 8px;padding:0 10px;border:1px dashed var(--line-strong);border-radius:6px;background:var(--panel);color:var(--muted);font-size:13px;text-align:left}
.col-add:hover{border-color:var(--primary);color:var(--text)}
.tcard .nick{font-size:13px}
.tcard .counts{margin-left:auto;font-size:12px;color:var(--muted)}
.tcard-foot .sp{flex:1}
.tag.kind{background:var(--primary-soft);border-color:#ffd7bd;color:#9a3412}
.tag.hot{background:var(--danger-soft);border-color:#f3c1c1;color:#9f2424}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border:1px solid var(--line-strong);border-radius:20px;background:var(--panel);font-size:14px;font-weight:500;color:var(--text)}
.chip b{min-width:20px;padding:0 6px;border-radius:10px;background:var(--panel-head);font-size:12px;color:var(--muted)}
.chip.on{background:#1b2433;border-color:#1b2433;color:#fff}
.chip.on b{background:rgba(255,255,255,.18);color:#fff}
.task-filter-row{display:flex;flex-wrap:wrap;gap:8px}
.task-filter-row .task-search{min-width:180px}
.task-filter-row .task-search{flex:1;width:auto}
.task-filter-row select{width:auto;max-width:46%}
.tlist{overflow:hidden}
.trow{border-bottom:1px solid var(--line)}
.trow:last-child{border-bottom:0}
.trow-main{display:flex;align-items:center;gap:10px;padding:10px 12px}
.trow.urgent{box-shadow:inset 3px 0 0 var(--danger)}
.tick{flex:none;width:34px;height:34px;border-radius:50%;border:2px solid var(--line-strong);background:var(--panel);color:transparent;font-size:16px;font-weight:700;display:grid;place-items:center;transition:all .12s}
.tick.view{border-style:dashed;background:transparent}
.tick:hover{border-color:var(--success);color:var(--success);background:var(--success-soft)}
.trow.done .tick{background:var(--success);border-color:var(--success);color:#fff}
.trow.done .tick:hover{background:var(--panel);color:var(--muted);border-color:var(--line-strong)}
.trow-text{flex:1;min-width:0;cursor:pointer}
.trow-title{font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.trow.done .trow-title{text-decoration:line-through;color:var(--muted);font-weight:500}
.trow-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}
.trow-meta:empty{display:none}
.trow-more{flex:none}
.trow.open{background:var(--panel-head)}
.trow-details{padding:0 12px 12px 56px;display:grid;gap:10px}
.trow-notes{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.from-box{display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:6px 12px;border:2px solid #f59e0b;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:13px}
.from-box b{color:#7c2d12}
.from-box small{color:#c2410c}
.from-box.self{border-color:var(--line-strong);background:var(--panel);color:var(--muted)}
.from-box.self b{color:var(--text)}
.tag.from-mini{background:#fff7ed;border-color:#fdba74;color:#c2410c}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .from-box{background:#2d1d0c;color:#fdba74}:root:not([data-theme="light"]) .from-box b{color:#fed7aa}:root:not([data-theme="light"]) .from-box small{color:#fb923c}:root:not([data-theme="light"]) .tag.from-mini{background:#2d1d0c}}
:root[data-theme="dark"] .from-box{background:#2d1d0c;color:#fdba74}:root[data-theme="dark"] .from-box b{color:#fed7aa}:root[data-theme="dark"] .from-box small{color:#fb923c}:root[data-theme="dark"] .tag.from-mini{background:#2d1d0c}
.trow-actions{display:flex;gap:8px;flex-wrap:wrap}
.done-list summary{display:flex;align-items:center;gap:8px;padding:12px 14px;cursor:pointer;font-weight:600;color:var(--muted);list-style:none}
.done-list summary::-webkit-details-marker{display:none}
.done-list summary::before{content:"▸";transition:transform .15s}
.done-list[open] summary::before{transform:rotate(90deg)}
.done-list[open] summary{border-bottom:1px solid var(--line)}
#view-zadania .search-note{margin-bottom:8px}
@media (max-width:900px){
  .trow-main{padding:10px}
  .trow-more{padding:0 10px;font-size:12px}
  .trow-details{padding:0 10px 12px 10px}
  .trow-actions .btn{flex:1;min-height:44px}
  .tick{width:38px;height:38px}
}
.view.active{grid-template-columns:minmax(0,1fr)}
.quick-capture input,.task-filter-row input,.task-filter-row select{min-width:0}
.task-filters{grid-template-columns:minmax(0,1fr)}
.task-filter-row select{flex:0 1 auto;max-width:45vw}

/* Raport ofert SHARKHELPER */
.offer-heat th,.offer-heat td{padding:6px 8px}
.offer-heat td.work{background:color-mix(in srgb,#16a34a 16%,transparent)}
.table tr.total td{background:var(--panel-head);font-weight:600}

/* Krótsze menu: rzadziej używane widoki pod „Więcej” */
.side-more{display:grid}
.side-more>summary{min-width:0;overflow:hidden;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:9px;color:var(--side-text);font-weight:600;cursor:pointer;list-style:none;font-size:14px}
.side-more>summary::-webkit-details-marker{display:none}
.side-more>summary::after{content:"▾";grid-column:3;font-size:11px;opacity:.6;transition:transform .2s}
.side-more[open]>summary::after{transform:rotate(180deg)}
.side-more>summary b{display:none}
.side-more:not([open])>summary b:not(:empty){display:inline-block;grid-column:3}
.side-more:not([open])>summary:has(b:not(:empty))::after{display:none}
.side-more>summary:hover{background:var(--side-2);color:var(--side-hover)}
.side-more>summary i{font-style:normal;opacity:.8;display:grid;place-items:center}
.side-more>button{padding-left:22px}

/* Twój dzień: jedna karta zamiast kilku paneli */
.today-card{overflow:hidden}
.today-chips{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px 4px}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel-head);color:var(--text);font:inherit;font-size:13px;cursor:pointer;transition:transform .15s,background .15s,border-color .15s}
.chip:hover{transform:translateY(-1px);border-color:var(--primary)}
.chip.bad{background:color-mix(in srgb,var(--danger) 12%,var(--panel));border-color:color-mix(in srgb,var(--danger) 35%,transparent)}
.chip.warn{background:color-mix(in srgb,var(--warning) 14%,var(--panel));border-color:color-mix(in srgb,var(--warning) 35%,transparent)}
.chip.good{background:color-mix(in srgb,var(--success) 12%,var(--panel));border-color:color-mix(in srgb,var(--success) 35%,transparent)}

/* Szukaj i przejdź (Ctrl+K) */
.search-btn{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-head);color:var(--muted);font:inherit;font-size:13px;cursor:pointer;transition:border-color .15s}
.search-btn:hover{border-color:var(--primary);color:var(--text)}
.search-btn kbd{padding:1px 6px;border:1px solid var(--line);border-radius:5px;font:11px/1.6 inherit;color:var(--muted)}
/* Asystent AI — gradientowa obwódka i plakietka „AI”, żeby od razu było widać, że to sztuczna inteligencja. */
@property --ai-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.assistant-btn{position:relative;min-height:38px;padding:0 6px 0 5px;gap:8px;border:1.5px solid transparent;border-radius:999px;background:linear-gradient(var(--panel),var(--panel)) padding-box,conic-gradient(from var(--ai-angle),#ff5a00,#ff7b33,#008673,#3a4e58,#ff5a00) border-box;color:var(--text);font-weight:700;box-shadow:0 2px 10px rgba(255,90,0,.12);animation:ai-spin 6s linear infinite;transition:box-shadow .2s,transform .15s}
.assistant-btn:hover,.assistant-btn:focus-visible{color:var(--text);box-shadow:0 0 0 3px rgba(139,92,246,.14),0 4px 16px rgba(255,61,129,.2);outline:0;animation-duration:2.5s}
.assistant-btn:active{transform:translateY(1px)}
.ai-crystal{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ff5a00 0%,#d94b00 100%);color:#fff;box-shadow:inset 0 1px 1px rgba(255,255,255,.4),0 2px 6px rgba(255,90,0,.3)}
.ai-crystal .ai-sparkles{width:17px;height:17px;fill:currentColor;animation:ai-twinkle 3s ease-in-out infinite}
.ai-badge{padding:2px 7px;border-radius:999px;background:#ff5a00;color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.06em;line-height:1.5}
@keyframes ai-spin{to{--ai-angle:360deg}}
@keyframes ai-twinkle{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.12) rotate(14deg)}}
@media (prefers-reduced-motion:reduce){.assistant-btn,.ai-crystal .ai-sparkles{animation:none}}
@media (max-width:760px){.assistant-btn{padding:0 5px}.ai-badge{display:none}}
@media (max-width:760px){.search-btn .search-label,.search-btn kbd{display:none}}
dialog.ai-dialog{position:fixed;inset:76px 16px auto auto;z-index:60;margin:0;max-width:none;overflow:visible;width:min(440px,calc(100vw - 24px));max-height:calc(100vh - 92px);padding:0;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 18px 50px rgba(15,23,42,.22);animation:ai-pop .18s cubic-bezier(.2,.8,.3,1)}
dialog.ai-dialog[open]{display:block}
dialog.ai-dialog::backdrop{background:rgba(15,23,42,.18)}
.ai-tail{position:absolute;top:-8px;left:calc(var(--tail,220px) - 8px);width:16px;height:16px;background:#fff7f3;border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg);border-radius:3px 0 0 0}
.ai-dialog-head{border-radius:16px 16px 0 0;display:flex;align-items:center;gap:8px;padding:10px 10px 10px 12px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(255,122,26,.08),rgba(255,61,129,.06) 50%,rgba(139,92,246,.08))}
.ai-dialog-head strong{font-size:15px}.ai-dialog-head .bell-close{margin-left:auto}
.ai-dialog-body{display:block;overflow:hidden;border-radius:0 0 16px 16px}
.ai-dialog #voiceButton{flex:none;width:42px;height:42px;border-radius:50%;border:0;background:linear-gradient(135deg,#ff7a1a,#ff3d81 55%,#8b5cf6);color:#fff;box-shadow:0 3px 10px rgba(255,61,129,.3)}
.ai-dialog #voiceButton .mic-icon{stroke:#fff}
.ai-dialog #voiceButton[aria-pressed="true"]{animation:ai-listen 1.2s ease-in-out infinite}
@keyframes ai-listen{0%,100%{box-shadow:0 0 0 0 rgba(255,61,129,.45)}50%{box-shadow:0 0 0 9px rgba(255,61,129,0)}}
.ai-dialog-body .chat-panel{flex:0 0 auto;height:min(480px,calc(100vh - 160px));min-height:300px;margin:0;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column}
.ai-dialog-body .chat{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto}
@keyframes ai-pop{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
@media (max-width:760px){dialog.ai-dialog{inset:auto 0 0 0;width:100%;max-height:85vh;border-radius:16px 16px 0 0;box-shadow:0 -10px 40px rgba(15,23,42,.25)}.ai-tail{display:none}.ai-dialog-body{border-radius:0}}
dialog.palette{width:min(620px,calc(100vw - 24px));margin-top:12vh;overflow:hidden;animation:palette-in .16s ease-out}
dialog.palette::backdrop{background:rgba(15,23,42,.45);backdrop-filter:blur(2px)}
@keyframes palette-in{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
.palette-box{display:grid}
#paletteInput{width:100%;padding:16px 18px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);font:inherit;font-size:16px;outline:none}
.palette-list{max-height:min(52vh,420px);overflow-y:auto;padding:6px}
.palette-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;width:100%;min-height:40px;padding:6px 10px;border:0;border-radius:var(--radius);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.palette-item small{color:var(--muted);font-size:12px}
.palette-item.on,.palette-item:hover{background:var(--primary-soft)}
.pi-icon{text-align:center;opacity:.8}
.pi-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.palette-hint{margin:0;padding:8px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}

/* Płynniejsze przejścia między widokami */
.view.active{animation:view-in .18s ease-out}
@keyframes view-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.view.active,dialog.palette,.chip{animation:none;transition:none}}

/* Start: dwie kolumny — moje zadania + co dzieje się w zespole */
.home-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:16px;align-items:start;margin-top:16px}
@media (max-width:980px){.home-grid{grid-template-columns:1fr}}
#view-dzien .home-hero{align-items:center;padding:12px 16px;margin-bottom:16px}
#view-dzien .home-hero h1{font-size:20px;margin:0}
#view-dzien .home-hero .hero-btn{min-height:36px;padding:0 12px;font-size:13px;font-weight:600;box-shadow:none}
#view-dzien .home-hero .hero-btn span{font-size:16px}
.home-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
.home-now{margin:0 0 16px}
.home-now-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 8px}
.home-now-head h2{margin:0;font-size:16px}
.home-now-ok{margin:0;color:var(--muted);font-size:13px}
.home-now-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.now-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:88px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--text);font:inherit;text-align:left;box-shadow:var(--shadow);cursor:pointer}
.now-card strong{font-size:28px;line-height:1;font-weight:700}
.now-card span{font-size:13px;line-height:1.3}
.now-card small{color:var(--muted);font-size:12px}
.now-card:hover{border-color:var(--line-strong)}
.now-card.bad{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:var(--danger-soft)}
.now-card.bad strong,.now-card.bad small{color:var(--danger)}
.now-card.warn{border-color:color-mix(in srgb,var(--warning) 50%,var(--line));background:var(--warning-soft)}
.now-card.warn strong,.now-card.warn small{color:var(--warning)}
.now-card.is-soon{cursor:default;opacity:.6;box-shadow:none}
.now-card.is-soon:hover{border-color:var(--line)}
.now-skel{height:88px;border-radius:var(--radius);background:linear-gradient(90deg,var(--panel-head),var(--line),var(--panel-head));background-size:200% 100%;animation:home-skel 1.2s ease-in-out infinite}
.now-skel.wide{height:44px;margin:12px}
@keyframes home-skel{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){.now-skel{animation:none}}
.home-block{margin:0 0 16px}
.home-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.home-kpi-col{padding:12px 16px;display:grid;gap:2px}
.home-kpi-col+.home-kpi-col{border-left:1px solid var(--line)}
.home-kpi-col b{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.home-kpi-col strong{font-size:22px;line-height:1.15}
.home-kpi-col .home-earn{font-size:18px;font-weight:700}
.home-kpi-col .home-earn.neg{color:var(--danger)}
.home-kpi-col span{color:var(--muted);font-size:13px}
.acct-list{list-style:none;margin:0;padding:0}
.acct-head,.acct{display:grid;grid-template-columns:minmax(120px,1.4fr) minmax(110px,.9fr) minmax(90px,.8fr) 72px minmax(0,1.3fr);gap:8px 12px;align-items:center;padding:8px 14px}
.acct-head{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--line)}
.acct-head span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct{border-top:1px solid var(--line);font-size:13px}
.acct-name{min-width:0}
.acct-name b,.acct-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-name small{color:var(--muted);font-size:12px}
.acct-name button{padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:700;cursor:pointer;text-align:left}
.acct-name button:hover{text-decoration:underline}
.acct-status.bad{color:var(--danger);font-weight:700}
.acct-status.warn{color:var(--warning);font-weight:700}
.acct-err{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-err.bad{color:var(--danger)}
.acct .home-num{text-align:right}
@media (max-width:1100px){.home-now-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){
  .home-now-grid{grid-template-columns:1fr 1fr}
  .home-kpi{grid-template-columns:1fr}
  .home-kpi-col+.home-kpi-col{border-left:0;border-top:1px solid var(--line)}
  #view-dzien .home-hero{padding:12px}
  #view-dzien .home-hero .hero-actions{width:100%}
  .acct-head{display:none}
  .acct{grid-template-columns:1fr auto;gap:2px 8px}
  .acct-sync,.acct-err{grid-column:1 / -1}
}
.hero-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.hero-stat{display:flex;align-items:baseline;gap:6px;padding:6px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font:inherit;cursor:pointer;transition:background .15s}
.hero-stat:hover{background:rgba(255,255,255,.18)}
.hero-stat strong{font-size:18px;line-height:1}
.hero-stat span{font-size:13px;color:#cfe0f5}

/* Sprzedaż */
.sales-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sales-toolbar select,.sales-toolbar input{min-height:32px}
.sales-toolbar input[type=search]{flex:1;min-width:200px}
.sales-table td{white-space:nowrap}
.sales-table td.sale-product{white-space:normal;min-width:220px}
.sales-table button.tag{cursor:pointer;font:inherit;font-size:12px}
.sales-days{max-height:340px;overflow:auto}
.num.pos{color:var(--success)}.num.neg,.neg{color:var(--danger)}.pos{color:var(--success)}
tr.clickable{cursor:pointer}
.sale-calc{margin:0;padding:8px 10px;border-radius:var(--radius);background:var(--panel-head);font-size:13px}
.sale-calc:empty{display:none}
#saleDialog{width:min(760px,calc(100vw - 24px))}
.sales-toolbar select{width:auto;max-width:220px}
.sales-toolbar .check{white-space:nowrap}
.sales-days td,.sales-days th,#salesShops td,#salesShops th,#salesMonths td{white-space:nowrap}
.sale-cancel{opacity:.35;font-size:12px}.sale-cancel:hover,tr:hover .sale-cancel{opacity:1}

.offer-log-title{margin:8px 0 0;font-size:14px}
.offer-log{max-height:460px;overflow:auto}
.offer-log td{white-space:nowrap}
.offer-log td.offer-cell{white-space:normal;min-width:260px}
#offerReportUser{min-height:28px;font-size:13px}
#offerReportPanel .panel-head .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
#offerReportUser{width:auto;max-width:200px}

/* Oferty: okres → osoby → szczegóły */
.off-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.off-date{display:grid;gap:2px;font-size:12px;font-weight:600;color:var(--muted)}
.off-date input{min-height:32px;width:auto}
.off-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.off-person{position:relative;display:grid;gap:2px;padding:12px 14px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:border-color .15s,transform .15s,box-shadow .15s}
.off-person:hover{transform:translateY(-1px);border-color:var(--primary)}
.off-person.on{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}
.off-person .off-name{display:flex;align-items:center;gap:6px;font-weight:600;font-size:13px}
.off-person strong{font-size:28px;line-height:1.1}
.off-person small{color:var(--muted);font-size:12px}
.off-person .off-bar{position:absolute;left:0;bottom:0;height:3px;background:var(--primary)}
.off-h3{margin:6px 0 0;font-size:14px}
.off-daybar{min-width:120px}.off-daybar i{display:block;height:8px;border-radius:4px;background:var(--primary)}
.offer-heat td[style*="--heat"]{background:color-mix(in srgb,var(--primary) calc(var(--heat)*100%),transparent);color:var(--text);font-weight:600}
.off-settings>summary{cursor:pointer;list-style:none}
.off-settings>summary::-webkit-details-marker{display:none}
.off-all{order:99}
.off-all>summary{cursor:pointer;list-style:none}
.off-all>summary::-webkit-details-marker{display:none}
.off-all-toggle{margin-left:auto;font-size:22px;color:var(--muted);transition:transform .15s}
.off-all[open] .off-all-toggle{transform:rotate(180deg)}

/* Ranking w Ofertach — klikalny */
.off-rank{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background .15s}
.off-rank:hover{background:var(--panel-head)}
.off-rank.on{background:var(--primary-soft);box-shadow:inset 3px 0 0 var(--primary)}
.off-rank small{font-size:12px}
.off-rank-main{min-width:0;display:grid;gap:5px}.off-rank-shops{display:flex;flex-wrap:wrap;gap:5px}.off-shop-chip{display:inline-flex;align-items:center;gap:6px;max-width:220px;padding:3px 7px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font-size:11px;line-height:1.2}.off-shop-chip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:650}.off-shop-chip i{font-style:normal;font-weight:800;color:var(--primary)}
.off-rank-all{width:100%;border:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.off-rank-all.on{background:var(--primary-soft)}

/* Sprzedaż — zakładki zamiast jednego długiego ekranu */
.sales-head .row{align-items:center}
.sales-more{position:relative}
.sales-more>summary{list-style:none;cursor:pointer;min-width:38px;justify-content:center}
.sales-more>summary::-webkit-details-marker{display:none}
.sales-more-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;display:grid;gap:4px;min-width:230px;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-lg)}
.sales-more-menu .btn{justify-content:flex-start;width:100%}
.sales-more-menu .check{padding:6px 10px}
.sales-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto}
.sales-tabs button{position:relative;padding:10px 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}
.sales-tabs button.on{color:var(--text);border-bottom-color:var(--primary)}
.sales-tabs b{margin-left:4px;padding:1px 7px;border-radius:10px;background:var(--line);font-size:11px;color:var(--text)}
.sales-tabs b:empty{display:none}
.sales-tabs b.alert{background:var(--danger);color:#fff}
.sales-pane{display:grid;gap:14px}
.sales-pane[hidden]{display:none}
.sales-big{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:760px){.sales-big{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sales-big-item{display:grid;gap:2px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.sales-big-item strong{font-size:30px;line-height:1.1;font-variant-numeric:tabular-nums}
.sales-big-item span{color:var(--muted);font-size:13px}
.sales-big-item.good strong{color:var(--success)}
.sales-big-item.bad strong{color:var(--danger)}
.sales-secondary{margin:-4px 2px 0;color:var(--muted);font-size:13px;line-height:1.7}
.sales-secondary b{color:var(--text)}
.sales-alert{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--danger) 8%,var(--panel));color:var(--text);font:inherit;font-weight:600;text-align:left;cursor:pointer}
.sales-alert span{margin-left:auto;color:var(--primary)}
.sales-control{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.sales-ctl{display:grid;gap:2px;padding:14px 16px;border:1px solid var(--line);border-left:4px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:transform .15s,border-color .15s}
.sales-ctl:hover{transform:translateY(-1px)}
.sales-ctl strong{font-size:26px;line-height:1.1}
.sales-ctl .t{font-weight:700}
.sales-ctl small{color:var(--muted)}
.sales-ctl.bad{border-left-color:var(--danger)}.sales-ctl.bad strong{color:var(--danger)}
.sales-ctl.warn{border-left-color:var(--warning)}.sales-ctl.warn strong{color:var(--warning)}
.sales-ctl.ok{border-left-color:var(--success);opacity:.75}.sales-ctl.ok strong{color:var(--success)}
tr.off-pending td{background:color-mix(in srgb,var(--warning) 6%,transparent)}
.off-mine .kpi small{font-size:11px;margin-top:2px}

/* Kategorie do zrobienia */
.cat-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:10px;align-items:end;margin-top:10px}
.cat-form .full{grid-column:1/-1}
@media (max-width:760px){.cat-form{grid-template-columns:1fr 1fr}}
.cat-group{display:grid;gap:6px;margin-bottom:10px}
.cat-user{display:flex;align-items:center;gap:6px;padding-top:6px}
.cat-row{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.cat-row.doing{border-color:var(--primary);box-shadow:inset 3px 0 0 var(--primary)}
.cat-row.done{opacity:.7}
.cat-form-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
.cat-lib{margin:6px 0 8px}.cat-lib>summary{list-style:none}.cat-lib>summary::-webkit-details-marker{display:none}
.cat-lib-box{padding:12px 16px 16px}
.cat-lib-assign{position:sticky;bottom:0;margin-top:10px;padding:12px;border:1px solid var(--primary);border-radius:var(--radius);background:var(--panel);box-shadow:0 -6px 16px rgba(15,23,42,.08);display:grid;gap:8px}
.cat-person-tools{display:flex;justify-content:flex-end;margin:0 0 10px}.cat-person-tools .btn{border-color:color-mix(in srgb,var(--primary) 35%,var(--line));color:var(--primary)}
.cat-lib-group{display:grid;gap:4px}.cat-lib-assign-actions{display:flex;gap:8px;align-items:center}
.lib-bulk-occ{display:flex;gap:8px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel-head)}
.lib-bulk-occ .field{flex:1;margin:0}.lib-bulk-occ select{min-height:36px}
@media (max-width:600px){.lib-bulk-occ{align-items:stretch;flex-direction:column}}
.cat-lib-bar{display:flex;gap:8px;margin:6px 0 8px}.cat-lib-bar input{flex:1}
#catLibList{display:grid;gap:6px;max-height:min(72vh,760px);overflow:auto}
.cat-lib-row{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);cursor:pointer}
.cat-lib-row .grow{flex:1;min-width:0}.cat-lib-row a{color:var(--text);text-decoration:none}
.cat-lib-row input{margin-top:3px}.cat-lib-title{display:block;margin-top:2px;color:var(--text)}
.cat-titles{display:grid;gap:6px;margin:4px 0 6px}
.title-count{position:relative;display:flex;align-items:center;gap:4px}.title-count input{flex:1;width:100%;padding-right:60px}.title-count small{position:absolute;right:44px;top:50%;transform:translateY(-50%);pointer-events:none}.title-count small.over,.cat-title small.over{color:#d97706;font-weight:700}
.title-count .cat-title-rm{flex:none}
#catTitleAdd{justify-self:start;width:auto}
.cat-title{display:flex;align-items:center;gap:6px;margin:4px 0;font-size:13px}.cat-title span{font-weight:500}
.cat-row a{color:var(--text);text-decoration:none}.cat-row a:hover{text-decoration:underline}
.cat-actions{display:flex;gap:6px;align-items:center}
.cat-progress{height:6px;margin:6px 0 2px;border-radius:3px;background:var(--line);overflow:hidden;max-width:420px}
.cat-progress i{display:block;height:100%;background:var(--success)}
.cat-queue{display:grid;gap:6px}
.cat-row>.grow{flex:1;min-width:0}
.cat-row[draggable="true"]{cursor:grab}
.cat-row.dragging{opacity:.45;border-style:dashed}
.cat-handle{color:var(--muted);font-size:18px;line-height:1;cursor:grab;user-select:none}
.cat-pos{color:var(--muted);font-weight:600;min-width:1.6em;font-variant-numeric:tabular-nums}
.cat-actions .icon-btn[disabled]{opacity:.3;cursor:default}
.cat-warn{margin:0;padding:6px 10px;border-radius:var(--radius);background:color-mix(in srgb,var(--primary) 12%,transparent);font-size:13px}
.cat-active{display:grid;gap:4px;margin-bottom:6px}
.cat-done>summary{cursor:pointer;color:var(--muted);padding:6px 0}

/* Kursant SHARKDROP: ten sam rdzeń Sharkly, ale wyłącznie jego prywatne dane. */
body[data-role="student"] .side-nav>button:not(#sharkdropNav):not(#courseNav):not(#booksNav):not(#integrationsNav):not(#salesNav):not(#offerDbNav):not([data-view="dzien"]):not([data-view="zespol"]):not([data-view="zadania"]):not([data-view="asystent"]),body[data-role="student"] .side-more>button:not([data-view="kalendarz"]):not([data-view="przypomnienia"]):not([data-view="ustawienia"]){display:none!important}
body[data-role="student"] #integrationsPanel,body[data-role="student"] #discordPanel{display:none!important}
body:not([data-role="student"]) #studentInteg{display:none!important}
#studentInteg{display:grid;gap:12px}
#studentInteg[hidden]{display:none!important}
#studentInteg .acc-add input[name="token"]{grid-column:1/-1}
.integ-card.is-focus{outline:2px solid var(--primary);outline-offset:3px}
body[data-role="student"] #view-ustawienia .panel:not(#accountPanel):not(#sharkhelperPanel):not(#notifPanel):not(#studentCodesPanel):not(#employeesPanel):not(#allegroPanel):not(#autoreplyPanel):not(#allegroMsgPanel),body[data-role="student"] #announcements{display:none!important}
body:not([data-role="student"]) #studentCodesPanel{display:none!important}
body:not([data-role="student"]) .tabbar .tab-student{display:none}
body[data-role="student"] .tabbar>button:not(.tab-student):not(.tab-both):not([data-view="dzien"]):not([data-action="menu"]){display:none!important}
body[data-role="student"] .tabbar{grid-template-columns:repeat(8,minmax(0,1fr))}
.sale-ref{display:inline-block;font-size:12px;white-space:nowrap}

/* Sprzedaż → Zamówienia: filtry jak w Sales Center Allegro */
.so-filters{padding:18px 16px 14px;display:grid;gap:14px}
.so-row{display:flex;flex-wrap:wrap;gap:14px;align-items:stretch}
.so-field{position:relative;display:flex;flex:0 1 230px;min-width:170px}
.so-field>span:not(.sr-only){position:absolute;left:10px;top:-8px;padding:0 4px;background:var(--panel);color:var(--muted);font-size:12px;line-height:16px;pointer-events:none}
.so-field select,.so-field input{width:100%;min-height:42px;padding:8px 12px;border:1px solid var(--line-strong,#b8c0cc);border-radius:8px;background:var(--panel);color:var(--text);font:inherit}
.so-field select:focus,.so-field input:focus{outline:2px solid var(--primary);outline-offset:-1px}
.so-search{flex:1 1 280px}
.so-search input{padding-right:38px}
.so-search i{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;font-size:18px;color:var(--muted);pointer-events:none}
.so-more-btn{min-height:42px;padding:0 16px;border:1.5px solid var(--text);border-radius:8px;font-weight:700;white-space:nowrap}
.so-more-btn[aria-expanded="true"] span{display:inline-block;transform:rotate(180deg)}
.so-more{padding-top:4px}
.so-date{flex-basis:160px;min-width:140px}
.so-quick{display:flex;flex-wrap:wrap;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.so-chip{padding:9px 14px;border:1px solid var(--line-strong,#b8c0cc);border-radius:8px;background:var(--panel);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap}
.so-chip:hover{border-color:var(--text)}
.so-chip.on{border:2px solid var(--text);padding:8px 13px;font-weight:700;background:color-mix(in srgb,var(--primary) 8%,var(--panel))}
.so-chip.alert{color:#b4232c;border-color:#e8a3a8}
.so-results{padding:14px 16px}
.so-active{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
.so-active[hidden]{display:none}
.so-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line-strong,#b8c0cc);border-radius:8px;background:var(--panel);color:var(--text);font:inherit;cursor:pointer}
.so-pill span{font-size:18px;line-height:1;color:var(--muted)}
.so-pill:hover span{color:var(--text)}
.so-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}
.so-bar-bottom{margin:12px 0 0}
.so-count{font-weight:700}
.so-sort{flex:0 1 300px}
.so-pages{display:flex;align-items:center;gap:8px}
.so-pages input{width:56px;min-height:36px;text-align:center;border:1px solid var(--line-strong,#b8c0cc);border-radius:8px;background:var(--panel);color:var(--text);font:inherit}
.so-pages .icon-btn[disabled]{opacity:.35;cursor:default}
@media (max-width:640px){.so-field,.so-search{flex:1 1 100%}.so-more-btn{flex:1 1 100%}.so-sort{flex:1 1 100%}}

/* Sprzedaż: wykres jak w Allegro (linie + punkty + wypełnienie, wspólny kursor) */
.sales-chart{position:relative;overflow-x:auto;--s1:#2a78d6;--s2:#eb6834;--s3:#1baf7a}
.sales-chart svg{display:block;max-width:none}
.sales-chart .grid{stroke:var(--line);stroke-width:1}
.sales-chart .axis{stroke:var(--muted);stroke-width:1}
.sales-chart .tick{fill:var(--muted);font-size:11px}
.sales-chart .panel-label{fill:var(--muted);font-size:11px;font-weight:600}
.sales-chart .line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.sales-chart .area{stroke:none;opacity:.10}
.sales-chart .line.s1,.sales-chart .dot.s1{stroke:var(--s1)}.sales-chart .area.s1{fill:var(--s1)}
.sales-chart .line.s2,.sales-chart .dot.s2{stroke:var(--s2)}.sales-chart .area.s2{fill:var(--s2)}
.sales-chart .line.s3,.sales-chart .dot.s3{stroke:var(--s3)}.sales-chart .area.s3{fill:var(--s3);opacity:.16}
.sales-chart .dot{fill:var(--panel);stroke-width:2}
.sales-chart .cursor{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}
.sales-chart .hit{fill:transparent;cursor:crosshair}
.chart-legend{display:flex;flex-wrap:wrap;gap:18px;margin:0 0 8px;font-size:13px;color:var(--text)}
.chart-legend span,.chart-tip span{display:inline-flex;align-items:center;gap:7px}
.chart-legend i,.chart-tip i{display:inline-block;width:18px;height:3px;border-radius:2px;background:var(--s1)}
.chart-legend i.s2,.chart-tip i.s2{background:var(--s2)}.chart-legend i.s3,.chart-tip i.s3{background:var(--s3)}
.chart-tip{position:absolute;top:34px;display:grid;gap:3px;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-size:12px;white-space:nowrap;pointer-events:none;box-shadow:0 6px 18px rgba(0,0,0,.14)}
.sales-results-grid{display:grid;gap:16px}
.sales-chart-panel{margin-top:4px}
/* Zwroty */
.ret-pick{padding:12px;margin-bottom:12px;border:1px dashed var(--line-strong,#b8c0cc);border-radius:10px;display:grid;gap:10px}
.ret-pick .so-field{flex-basis:100%}
.sales-table tr.ret-open td:first-child{box-shadow:inset 3px 0 0 #c9434b}
.sales-tabs b.alert{background:#c9434b;color:#fff}
/* Start: kafelek sprzedaży */
.home-sales{display:block;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;padding:0}
.home-sales:hover{border-color:var(--primary)}
.home-sales-body{padding:12px 16px 14px;display:grid;gap:10px}
.home-sales-nums{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.home-sales-nums strong{display:block;font-size:26px;line-height:1.1}
.home-sales-nums span{font-size:12px;color:var(--muted)}
.home-sales-nums .pos{color:var(--ok,#17803d)}.home-sales-nums .neg{color:#c9434b}
.home-spark{display:flex;align-items:flex-end;gap:3px;height:44px}
.home-spark i{flex:1;min-width:4px;border-radius:3px 3px 0 0;background:color-mix(in srgb,var(--primary) 55%,transparent)}
.home-spark i.today{background:var(--primary)}
.home-spark i.neg{background:#c9434b}

/* Allegro API */
.allegro-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;margin-bottom:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);font-size:14px}
.allegro-bar>span:nth-child(2){flex:1;min-width:200px}
.allegro-dot{width:9px;height:9px;border-radius:50%;background:#1baf7a;flex:none}.allegro-dot.bad{background:#c9434b}
.allegro-inbox{margin-bottom:12px}
.allegro-inbox .row-actions{display:flex;gap:6px;justify-content:flex-end}
.neg{color:#c9434b}

/* Lista zamówień w stylu BaseLinkera */
.sales-table .bl-row td{vertical-align:top;padding-top:12px;padding-bottom:12px}
.bl-client b{display:block;font-weight:600}
.bl-client small,.sales-table td small{display:block;margin-top:3px;font-size:12px}
.bl-shop{color:var(--primary);font-weight:600}
.bl-item{min-width:190px}
.bl-item .sale-prod{max-width:460px}
.sale-prod>div,.sale-prod>span:not(.sale-thumb){flex:1;min-width:0}
.sale-prod{display:flex;gap:12px;align-items:flex-start}
.sale-thumb{flex:none;width:52px;height:52px;object-fit:contain;border:1px solid var(--line);border-radius:6px;background:#fff}
.sale-thumb-empty{display:block;background:repeating-linear-gradient(135deg,var(--line) 0 1px,transparent 1px 8px)}
.bl-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;overflow-wrap:anywhere;white-space:normal}
.bl-status small{color:var(--muted)}
.bl-date{white-space:nowrap}
.pills{display:flex;flex-wrap:wrap;gap:4px}
.pill{display:inline-block;padding:2px 8px;border-radius:5px;font-size:12px;font-weight:600;line-height:18px;white-space:nowrap;background:var(--line);color:var(--text);border:0;font-family:inherit}
.pill-btn{cursor:pointer}
.pill-new{background:#b04cd8;color:#fff}
.pill-work{background:#2a78d6;color:#fff}
.pill-ship{background:#fdf0d5;color:#7a4b00}
.pill-done{background:#e3f4ea;color:#17633a}
.pill-bad{background:#fde4e6;color:#a3262e}
.pill-muted{background:var(--line);color:var(--muted)}
.bl-profit.pos b{color:#17803d}.bl-profit.neg b{color:#c9434b}

/* Zamówienia: statusy po lewej (jak BaseLinker) */
.so-layout:not([hidden]){display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;align-items:start}
.so-main{min-width:0;display:grid;gap:16px}
.so-side{padding:8px;position:sticky;top:12px;display:grid;gap:2px;max-height:calc(100vh - 40px);overflow:auto}
.so-side-all,.so-side-head,.so-side-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:0;border-radius:7px;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.so-side-all{font-weight:700;background:var(--line)}
.so-side-all small,.so-side-head small{color:var(--muted);font-weight:400}
.so-side-head{margin-top:8px;font-weight:700}
.so-side-head span{margin-left:auto;color:var(--muted)}
.so-side-item b{min-width:26px;padding:1px 6px;border-radius:5px;color:#fff;font-size:12px;text-align:center}
.so-side-all:hover,.so-side-head:hover,.so-side-item:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}
.so-side-all.on,.so-side-head.on,.so-side-item.on{background:color-mix(in srgb,var(--primary) 14%,transparent);font-weight:700}
.so-side-group{display:grid;gap:1px;padding-left:4px}
.pill-st{background:var(--c);color:#fff}
.ship{display:inline-block;padding:2px 7px;border-radius:5px;font-size:12px;line-height:18px;white-space:nowrap}
.ship-ok{background:#e3f4ea;color:#17633a}
.ship-no{background:var(--line);color:var(--muted)}
@media (max-width:900px){.so-layout:not([hidden]){grid-template-columns:1fr}.so-side{position:static;max-height:none;display:flex;overflow-x:auto;gap:6px}.so-side-group{display:flex;gap:4px;padding:0}.so-side-shop{display:flex;gap:4px;align-items:center}.so-side-head{margin:0;white-space:nowrap}.so-side-item,.so-side-all{white-space:nowrap;width:auto}}
.sales-table.bl th,.sales-table .bl-row td{padding-left:8px;padding-right:8px}
.sales-table .bl-row td{font-size:13.5px}
.bl-status .pills{max-width:150px}
.bl-client{max-width:150px;white-space:normal!important}
.bl-actions{display:flex;align-items:center;gap:5px;margin-top:8px}.bl-date .sale-cancel{padding:2px;font-size:12px;opacity:.55}.bl-date .sale-cancel:hover{opacity:1}.bl-return{min-height:32px;padding:3px 10px;border-color:#e8a3a8;background:color-mix(in srgb,var(--danger) 8%,var(--panel));color:#b4232c;font-size:12px;font-weight:700;white-space:nowrap}.bl-return:hover,.bl-return:focus-visible{border-color:var(--danger);background:var(--danger);color:#fff;outline:0}
.bl-return-mobile{display:none;margin-top:8px}
@media (max-width:900px){.bl-return{min-height:42px;padding:5px 12px;font-size:13px}.bl-return-mobile{display:inline-flex}.bl-actions{gap:8px}.bl-actions .bl-return{display:none}.bl-date .sale-cancel{width:42px;height:42px;opacity:1}}
.allegro-msg{padding-top:12px;border-top:1px solid var(--line)}
.allegro-msg textarea{width:100%;font:inherit}
.allegro-msg-preview{padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--primary) 6%,var(--panel));white-space:pre-line}
.allegro-msg-preview #allegroMsgPreview{margin-top:4px}
@media (max-width:1400px) and (min-width:901px){.so-layout:not([hidden]){grid-template-columns:180px minmax(0,1fr)}.sale-thumb{width:44px;height:44px}.bl-item{min-width:170px}.so-side-item,.so-side-head,.so-side-all{padding:6px}}

/* Wiadomości */
.msg-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}
.msg-list{padding:6px;display:grid;gap:2px;max-height:calc(100vh - 190px);overflow:auto}
.msg-item{display:grid;gap:3px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.msg-item:hover{background:var(--side-2)}
.msg-item.on{background:var(--primary-soft)}
.msg-item.unread .msg-login{font-weight:800}
.msg-item.unread .msg-login::after{content:"";display:inline-block;width:8px;height:8px;margin-left:6px;border-radius:50%;background:var(--primary);vertical-align:middle}
.msg-item small{color:var(--muted)}
.msg-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px}
.msg-reauth{margin:0 0 10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--danger) 8%,var(--panel))}
.home-inbox-body{display:grid;gap:2px;padding:4px 8px 12px}
.home-inbox-sum{display:flex;align-items:baseline;gap:8px;padding:2px 8px 8px}
.home-inbox-sum strong{font-size:28px;line-height:1}
.home-inbox-row{display:flex;justify-content:space-between;gap:8px;width:100%;padding:7px 10px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.home-inbox-row:hover{background:var(--side-2)}
.home-inbox-row .neg{font-weight:700}
.msg-thread{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100vh - 190px)}
.msg-head{padding:12px 16px;border-bottom:1px solid var(--line)}
.msg-ctx{margin-top:4px;font-size:13px;color:var(--muted)}
.msg-bubbles{display:flex;flex-direction:column;gap:8px;padding:14px 16px;overflow:auto;min-height:160px}
.msg-bubbles .bubble{max-width:78%;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);white-space:pre-line}
.msg-bubbles .bubble small{display:block;margin-top:4px;font-size:11px}
.msg-bubbles .bubble.user small{color:rgba(255,255,255,.8)}
.msg-compose{display:grid;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}
.msg-compose textarea{width:100%;font:inherit}
.msg-note input{flex:1;min-width:200px}
@media (max-width:900px){.msg-layout{grid-template-columns:1fr}.msg-list,.msg-thread{max-height:none}}
.msg-bubbles .bubble.user{align-self:flex-end;background:var(--primary);border-color:var(--primary);color:#fff}
.msg-compose textarea,.msg-compose input{font-weight:400}
.msg-synced{margin:2px 8px 6px;font-size:12px}
#msgShop{width:auto;max-width:240px;min-height:34px}
.sd-bulk{margin:4px 0}.sd-bulk[open]{padding:10px;border:1px dashed var(--line-strong);border-radius:10px}.sd-invites{display:grid;gap:4px;margin-top:8px}.sd-invites code{font-size:13px;user-select:all}
.sd-invite{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--primary-soft)}
.sd-link{display:block;margin-top:4px;font-size:12px;word-break:break-all;user-select:all}

/* Kategorie: wybór wielu osób + rozwijane osoby */
.cat-managers-body{padding:12px 16px 16px}
.cat-users{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.cat-pick{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border:1px solid var(--line-strong);border-radius:999px;background:var(--panel);cursor:pointer;font-size:13px}
.cat-pick input{margin:0}
.cat-pick .avatar{flex:none}
.cat-pick:has(input:checked){border-color:var(--primary);background:var(--primary-soft);font-weight:600}
.cat-all{padding:4px 12px;border:1px dashed var(--primary);border-radius:999px;background:none;color:var(--primary);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.cat-person{border:1px solid var(--line);border-radius:10px;background:var(--panel);margin-bottom:8px}
.cat-person-head{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;list-style:none}
.cat-person-head::-webkit-details-marker{display:none}
.cat-person-head::after{content:"▾";margin-left:6px;color:var(--muted)}
.cat-person[open]>.cat-person-head::after{content:"▴"}
.cat-person-now{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px}
.cat-person-stats{display:flex;gap:4px}
.cat-person-body{display:grid;gap:6px;padding:0 12px 12px}
.cat-person[open]{box-shadow:0 2px 10px rgba(16,24,40,.06)}

/* Konkurs SHARKDROP */
.contest{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;margin-bottom:10px}
.contest.live{border-color:var(--primary);background:linear-gradient(180deg,var(--primary-soft),var(--panel) 70%)}
.contest-head{display:flex;gap:12px;align-items:flex-start}
.contest-head>div:first-child{flex:1;display:grid;gap:2px}
.contest-head strong{font-size:16px}
.contest-prize{margin-top:4px;font-weight:600}
.contest-me{display:grid;justify-items:end;padding:6px 12px;border-radius:10px;background:var(--primary);color:#fff;font-size:18px}
.contest-me small{font-size:12px;opacity:.9}
.contest-board{display:grid;gap:2px}
.contest-form{align-items:end}
.contest-join{display:grid;gap:8px;padding:12px;border:1px dashed var(--primary);border-radius:10px;background:var(--panel)}
.contest-join p{margin:0}
.contest-files{display:grid;gap:8px}.contest-files>span{font-weight:600}
.contest-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.contest-thumbs a{display:grid;gap:4px;color:var(--text);text-decoration:none}
.contest-thumbs img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:8px;border:1px solid var(--line)}
.contest-thumbs a:hover img{border-color:var(--primary)}
.contest-thumbs small{font-size:12px;line-height:1.25;color:var(--muted)}
@media(max-width:520px){.contest-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.contest-join .check{display:flex;gap:8px;align-items:flex-start;white-space:normal;font-size:14px;color:var(--text)}
.contest-join .check input{margin-top:3px}
.contest,.contest-join{min-width:0}
.contest-joined{color:var(--success);font-weight:600}
.contest-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 14px;padding:16px 18px;border:2px solid var(--primary);border-radius:14px;background:linear-gradient(135deg,var(--primary-soft),var(--panel))}
.contest-cta>.grow{flex:1 1 240px;display:grid;gap:3px}.contest-cta b{font-size:18px}.contest-cta small{color:var(--muted)}
.contest-cta-icon{font-size:30px}
#catAddBox:not([open]){display:inline-block;vertical-align:top;margin:0 6px 8px 0}

/* ───── Ustawienia: zakładki + jedna kolumna ───── */
#view-ustawienia{max-width:880px}
#view-ustawienia .grid-2{display:contents}
#view-ustawienia .panel{margin-bottom:14px}
#view-ustawienia .set-off{display:none!important}
.set-tabs{position:sticky;top:72px;z-index:5;display:flex;gap:4px;flex-wrap:wrap;margin:0 0 14px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.set-tabs button{flex:1 1 auto;min-height:36px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:600;font-size:14px;cursor:pointer;transition:background .15s,color .15s}
.set-tabs button:hover{background:var(--side-2);color:var(--text)}
.set-tabs button.on{background:var(--primary);color:#fff;box-shadow:0 2px 6px rgba(240,90,0,.25)}
#view-ustawienia .panel-body{font-size:14px;line-height:1.5}
#view-ustawienia .panel-body>p:not(.hint),#view-ustawienia .panel-body>.stack-sm>p:not(.hint){font-size:14px;color:var(--text)}
#view-ustawienia .hint{font-size:13px;line-height:1.5;color:var(--muted)}
#view-ustawienia textarea{font-size:14px;line-height:1.5}
#view-ustawienia h3,#view-ustawienia .panel-body h3{font-size:15px;margin:6px 0 4px}
@media (max-width:900px){.set-tabs{top:auto;position:static;overflow-x:auto;flex-wrap:nowrap}.set-tabs button{flex:0 0 auto}}

.nip-card{display:grid;gap:2px;margin:-4px 0 4px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-head);font-size:13px;color:var(--muted)}
.nip-card b{color:var(--text)}.nip-card.ok{border-color:#86efac;background:#f0fdf4}.nip-card.err{border-color:#fca5a5;background:#fef2f2;color:#b91c1c}.nip-card.warn{border-color:#fcd34d;background:#fffbeb;color:#92400e}
.sd-company{display:block;color:var(--text)}

/* ───── Panel integracji ───── */
#integrationsPanel{padding:18px;background:var(--panel)}
.integ-map{display:grid;justify-items:center;padding:22px 12px 26px;border:1px solid var(--line);border-radius:14px;background:var(--bg,#f5f7fa)}
.integ-root{display:grid;place-items:center;width:200px;height:72px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.06)}
.integ-root img{height:26px}
.integ-links{width:min(70%,560px);height:22px;border:1.5px dashed var(--line-strong);border-bottom:0;border-radius:8px 8px 0 0;margin-top:12px}
.integ-nodes{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:-2px}
.integ-node{display:grid;justify-items:center;gap:8px;min-width:150px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.05)}
.integ-logo{font-weight:800;font-size:24px;letter-spacing:-.02em;line-height:1}
.integ-logo.allegro{color:#ff5a00;font-family:inherit}
.integ-logo.ksef{color:#c8102e}
.integ-logo.gmail{color:#1a73e8}
.integ-pill{padding:3px 12px;border:1.5px solid var(--primary);border-radius:999px;color:var(--primary);font-weight:600;font-size:13px}
.integ-err{color:#b91c1c;font-size:11px}
.integ-empty{margin-top:14px}
.integ-actions{display:flex;justify-content:flex-end;margin:14px 0}
.integ-add-wrap{position:relative}
.integ-add{border-radius:999px;padding:0 18px;min-height:40px}
.integ-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;width:340px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 12px 30px rgba(15,23,42,.16)}
.integ-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:0;border-radius:9px;background:transparent;text-align:left;cursor:pointer}
.integ-menu button:hover{background:var(--side-2)}.integ-menu .integ-logo{font-size:17px;min-width:62px}.integ-menu span{font-size:13px;color:var(--muted)}
.integ-table-wrap{border:1px solid var(--line);border-radius:12px;overflow:auto}
.integ-table-head{padding:14px 16px;background:var(--primary);color:#fff;font-weight:700;font-size:15px}
.integ-table{width:100%;border-collapse:collapse;font-size:13px}
.integ-table th{padding:10px 12px;text-align:left;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.integ-table td{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}
.integ-table tr:last-child td{border-bottom:0}
.integ-table td small{display:block}
.integ-type{display:inline-block;padding:4px 10px;border-radius:7px;color:#fff;font-weight:700;font-size:12px;white-space:nowrap}
.integ-type.allegro{background:#ff5a00}.integ-type.ksef{background:#c8102e}.integ-type.gmail{background:#1a73e8}.integ-type.mf{background:#334155}.integ-type.gus{background:#0f4c81}.integ-type.mail{background:#0f766e}.integ-type.ai{background:linear-gradient(135deg,#ff7a1a,#ff3d81 55%,#8b5cf6)}.integ-type.discord{background:#5865f2}
.gmail-shops{display:grid;gap:6px;min-width:340px}.gmail-shops>span{display:grid;grid-template-columns:minmax(110px,1fr) minmax(190px,1.5fr) auto;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--line)}.gmail-shops>span:last-child{border:0}.gmail-shops small{display:block!important}.gmail-shops .btn{justify-self:end}
.integ-chip{display:inline-block;margin:2px 4px 2px 0;padding:3px 8px;border-radius:6px;background:#e5e7eb;color:#6b7280;font-size:12px;font-weight:600;white-space:nowrap}
.integ-chip.on{background:#15803d;color:#fff}
.integ-act{white-space:nowrap;text-align:right}.integ-act .btn{margin-right:4px}
.integ-ksef{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:12px;display:grid;gap:10px}
@media (max-width:760px){.integ-table thead{display:none}.integ-table tr{display:grid;border-bottom:1px solid var(--line)}.integ-table td{border:0;padding:6px 12px}.integ-act{text-align:left}.integ-links{display:none}}
#view-integracje{max-width:1240px}#view-integracje .panel{margin-bottom:14px}

/* ───── Logowanie / rejestracja (układ jak w BaseLinkerze: formularz + panel marki) ───── */
.auth{display:grid;grid-template-columns:minmax(360px,560px) 1fr;place-items:stretch;padding:0;background:var(--panel)}
.auth-side{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;min-height:100vh}
.auth-card{width:min(420px,100%);box-shadow:none;padding:0;background:transparent}
.auth-card h1{margin-top:18px;font-size:22px}
.auth-tabs{display:flex;gap:4px;margin-top:22px;padding:4px;border-radius:12px;background:var(--side-2,#f1f5f9)}
.auth-tabs button{flex:1;min-height:38px;border:0;border-radius:9px;background:transparent;font-weight:700;color:var(--muted);cursor:pointer}
.auth-tabs button.on{background:#fff;color:var(--text);box-shadow:0 1px 4px rgba(15,23,42,.1)}
.auth-foot{margin-top:28px;font-size:12px;color:var(--muted)}
.auth-promo{position:relative;overflow:hidden;display:flex;align-items:center;padding:48px;background:radial-gradient(120% 90% at 80% 10%,#ff7b33 0%,#ff5a00 46%,#d94b00 100%);color:#fff}
:root[data-look="sales"] .auth-promo{background:radial-gradient(120% 90% at 80% 10%,#3a4e58 0%,#232f35 48%,#0c1012 100%)}
.auth-promo::after{content:"";position:absolute;right:-120px;bottom:-120px;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.08)}
.auth-promo-in{position:relative;z-index:1;max-width:520px}
.auth-promo-mark{height:64px;filter:brightness(0) invert(1);opacity:.95}
.auth-promo h2{margin:22px 0 18px;font-size:34px;line-height:1.15;letter-spacing:-.02em}
.auth-promo ul{display:grid;gap:14px;margin:0;padding:0;list-style:none;font-size:16px;line-height:1.45}
.auth-promo li{padding-left:28px;position:relative}.auth-promo li::before{content:"✓";position:absolute;left:0;top:0;font-weight:800}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.reg-done{padding:14px;border:1px solid #86efac;border-radius:10px;background:#f0fdf4}.reg-done p{margin:4px 0 0;font-size:14px}
@media (max-width:900px){.auth{grid-template-columns:1fr}.auth-promo{display:none}}
.sd-pending{margin-bottom:12px;padding:10px 12px;border:1px solid #fcd34d;border-radius:var(--radius);background:#fffbeb}.sd-pending h3{margin:0 0 6px;font-size:14px}

/* ───── Biblioteka kategorii — osobne okno ───── */
.lib-open b:empty{display:none}
#catPanel>.panel-head{display:flex;align-items:center;gap:10px}#catPanel>.panel-head #catSub{margin-left:auto}.lib-open{flex:none;width:auto;display:inline-flex;align-items:center;gap:6px}
dialog.lib-dialog{width:min(1180px,calc(100vw - 32px));max-width:none;height:min(820px,calc(100vh - 48px));max-height:none;padding:0;border:0;border-radius:18px;background:var(--panel);box-shadow:0 30px 80px rgba(15,23,42,.3);overflow:hidden}
dialog.lib-dialog[open]{display:flex;flex-direction:column}
dialog.lib-dialog::backdrop{background:rgba(15,23,42,.45);backdrop-filter:blur(2px)}
.lib-head{display:flex;align-items:flex-start;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#fff7f2,#fff)}
.lib-head h2{margin:0;font-size:20px}.lib-head p{margin:4px 0 0;font-size:13px}.lib-head .bell-close{margin-left:auto}
.lib-body{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 340px}
.lib-main{min-height:0;overflow:auto;padding:16px 22px 22px}
.lib-toolbar{position:sticky;top:-16px;z-index:2;display:flex;gap:8px;padding:8px 0 10px;background:var(--panel)}
.lib-toolbar input{flex:1}.lib-toolbar select{width:auto;min-width:160px}
.lib-add{display:grid;gap:10px;margin:4px 0 14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-head)}
.lib-add-row{display:grid;grid-template-columns:1.4fr .7fr;gap:10px}
.lib-selbar{display:flex;justify-content:space-between;align-items:center;margin:2px 0 10px;font-size:13px}
.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.lib-card{position:relative;display:grid;gap:6px;align-content:start;padding:12px 12px 12px 38px;border:1.5px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s}
.lib-card:hover{border-color:var(--line-strong);box-shadow:0 4px 14px rgba(15,23,42,.07)}
.lib-card.on{border-color:var(--primary);background:#fff8f3;box-shadow:0 0 0 3px var(--primary-soft)}
.lib-card>input{position:absolute;left:12px;top:14px}
.lib-card-top{display:flex;align-items:flex-start;gap:6px}.lib-card-top a{flex:1;color:var(--text);text-decoration:none;line-height:1.3}.lib-card-top a:hover b{color:var(--primary)}
.lib-card-top .icon-btn{margin:-4px -4px 0 0;opacity:.5}.lib-card-top .icon-btn:hover{opacity:1}
.lib-card-meta{display:flex;flex-wrap:wrap;gap:4px}.tag.new{background:#eef2ff;color:#4338ca}
.lib-title{color:var(--text);font-size:12px;line-height:1.35}
.lib-empty{grid-column:1/-1;padding:40px 16px;text-align:center;color:var(--muted);border:1.5px dashed var(--line-strong);border-radius:12px}
.lib-side{min-height:0;overflow:auto;padding:16px;border-left:1px solid var(--line);background:var(--panel-head)}
.lib-assign{position:sticky;top:0;display:grid;gap:10px}
.lib-assign.off #catLibPeople{opacity:.45;pointer-events:none}
.lib-assign strong{font-size:15px}
@media (max-width:900px){.lib-body{grid-template-columns:1fr}.lib-side{border-left:0;border-top:1px solid var(--line)}dialog.lib-dialog{height:calc(100vh - 16px);width:calc(100vw - 16px)}.lib-add-row{grid-template-columns:1fr}}

/* ───── Okno konfiguracji integracji (KSeF) ───── */
dialog.cfg-dialog{width:min(1100px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 40px);padding:0;border:0;border-radius:18px;background:var(--panel);box-shadow:0 30px 80px rgba(15,23,42,.3)}
dialog.cfg-dialog[open]{display:flex;flex-direction:column}
dialog.cfg-dialog::backdrop{background:rgba(15,23,42,.45)}
.cfg-head{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--line)}.cfg-head h2{margin:0;font-size:18px}.cfg-head .bell-close{margin-left:auto}
.cfg-tabs{display:flex;gap:2px;padding:0 22px;border-bottom:1px solid var(--line);overflow-x:auto}
.cfg-tabs button{padding:12px 16px;border:0;border-bottom:3px solid transparent;background:none;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap}
.cfg-tabs button.on{color:var(--text);border-bottom-color:var(--primary)}
.cfg-body{flex:1 1 auto;min-height:0;overflow:auto;display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;padding:20px 22px 0}
.cfg-info{align-self:start;padding:14px 16px;border-left:3px solid var(--primary);border-radius:10px;background:var(--panel-head);font-size:14px;line-height:1.5}.cfg-info p{margin:0 0 10px}
.cfg-pane{display:grid;gap:12px;align-content:start}
.cfg-row{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:6px 16px;font-size:14px}
.cfg-row>span{text-align:right;color:var(--muted);font-weight:600}
.cfg-row small{grid-column:2;color:var(--muted);font-size:12.5px;line-height:1.4}
.cfg-inline{display:flex;gap:8px}.cfg-checks{display:flex;flex-wrap:wrap;gap:6px}
.cfg-preview{font-size:16px;color:var(--primary)}
.cfg-foot{grid-column:1/-1;position:sticky;bottom:0;display:flex;align-items:center;gap:8px;margin:8px -22px 0;padding:14px 22px;border-top:1px solid var(--line);background:var(--panel)}
@media (max-width:900px){.cfg-body{grid-template-columns:1fr}.cfg-row{grid-template-columns:1fr}.cfg-row>span{text-align:left}.cfg-row small{grid-column:1}}

/* ───── Menu profilu ───── */
.me-wrap{position:relative}
.avatar-btn{border-radius:50%;transition:box-shadow .15s}.avatar-btn[aria-expanded="true"],.avatar-btn:hover{box-shadow:0 0 0 3px var(--primary-soft)}
.me-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:70;width:290px;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 18px 44px rgba(15,23,42,.18);animation:ai-pop .16s cubic-bezier(.2,.8,.3,1)}
.me-card{display:flex;align-items:center;gap:12px;margin-bottom:4px;padding:12px;border-radius:10px;background:linear-gradient(135deg,var(--primary-soft),var(--panel))}
.me-card b{display:block;font-size:15px}.me-card small{display:block;color:var(--muted);font-size:12px;word-break:break-all}
.me-menu>button{display:grid;grid-template-columns:22px 1fr;align-items:center;column-gap:10px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:transparent;text-align:left;font-size:14px;font-weight:600;color:var(--text);cursor:pointer}
.me-menu>button small{grid-column:2;font-size:12px;font-weight:500;color:var(--muted)}
.me-menu>button:hover{background:var(--side-2)}
.me-menu .nav-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--muted)}
.me-sep{height:1px;margin:5px 6px;background:var(--line)}
.me-theme{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;font-size:14px}
.me-theme-opts{display:inline-flex;padding:2px;border:1px solid var(--line);border-radius:9px;background:var(--side-2)}
.me-theme-opts button{padding:4px 10px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;font-weight:600}
.me-theme-opts button[aria-pressed="true"]{background:var(--panel);color:var(--text);box-shadow:0 1px 2px rgba(16,24,40,.12)}
.look-box{display:grid;gap:8px}
.look-box b{font-size:14px}
.look-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.look-opts button{display:grid;gap:2px;min-height:72px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel);color:var(--text);text-align:left}
.look-opts button b{font-size:13px;font-weight:700}
.look-opts button small{font-weight:500;color:var(--muted);font-size:12px;line-height:1.35}
.look-opts button[aria-pressed="true"]{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary);background:var(--primary-soft)}
.look-swatch{display:flex;gap:4px;margin-bottom:2px}
.look-swatch i{width:14px;height:14px;border-radius:3px;border:1px solid var(--line)}
@media (max-width:560px){.look-opts{grid-template-columns:1fr}}
dialog{max-height:calc(100dvh - 24px)}
dialog>.dialog,dialog>form.dialog{max-height:calc(100dvh - 24px);overflow:auto}
@media (max-width:1280px) and (min-width:901px){
  .topbar{gap:8px;padding:8px 12px}
  .order-search input{font-size:14px}
  .topbar-actions{gap:6px}
}
.me-logout{color:#b91c1c!important}.me-logout .nav-icon{color:#b91c1c}
.me-menu [hidden]{display:none!important}

.lib-card-top .lib-edit{opacity:.55}.lib-card-top .lib-edit:hover{opacity:1;color:var(--primary)}
.lib-card.editing{cursor:default;padding:12px;border-color:var(--primary)}
.lib-edit-form{display:grid;gap:8px}.lib-edit-form label{display:grid;gap:3px;font-size:12px;font-weight:600;color:var(--muted)}
.lib-edit-form .row2{display:grid;grid-template-columns:1fr 90px;gap:8px}
.lib-edit-form textarea{min-height:60px}
.lib-edit-form .acts{display:flex;gap:6px}
.lib-card-top .icon-btn .ico{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}

/* Oferty: zakładki „Oferty i kategorie” / „Biblioteka kategorii” */
#view-oferty .tab-off{display:none!important}
.off-tabs button b:empty{display:none}.off-tabs button b{margin-left:4px}
.off-tabs button.on b{background:rgba(255,255,255,.25);color:#fff}
.lib-panel{overflow:hidden;padding:0}
.lib-panel .lib-head{border-radius:0}
.lib-panel .lib-body{min-height:560px}
.lib-panel .lib-main{max-height:none;overflow:visible}
.lib-panel .lib-toolbar{top:72px}
.lib-panel .lib-side{position:sticky;top:84px;align-self:start;max-height:calc(100vh - 100px);overflow:auto;z-index:4;border-radius:0 0 0 14px;box-shadow:0 8px 24px rgba(15,23,42,.08)}
.lib-panel .lib-assign{position:static}

/* ───── Zwroty ───── */
.ret-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}
.ret-top .so-search{flex:1;min-width:220px}
.ret-filters{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.ret-filters button{min-height:34px;padding:0 12px;border:0;border-radius:9px;background:transparent;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap}
.ret-filters button b{margin-left:4px;padding:0 6px;border-radius:999px;background:var(--side-2);color:var(--text);font-size:12px}
.ret-filters button.on{background:var(--primary);color:#fff}.ret-filters button.on b{background:rgba(255,255,255,.25);color:#fff}
.ret-pick{padding:12px;margin-bottom:12px}
.ret-list{display:grid;gap:12px}
.ret-empty{padding:30px;text-align:center;color:var(--muted)}
.ret-card{border:1px solid var(--line);border-left:4px solid #94a3b8;border-radius:14px;background:var(--panel);box-shadow:0 1px 3px rgba(15,23,42,.04)}
.ret-card.st-w_drodze{border-left-color:#f59e0b}.ret-card.st-odebrany{border-left-color:#16a34a}.ret-card.st-zamkniety{border-left-color:#cbd5e1;opacity:.85}.ret-card.late{border-left-color:#dc2626}
.ret-head{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}
.ret-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:15px}
.ret-sub{margin-top:3px;font-size:13px;color:var(--muted)}.ret-sub b{color:var(--text)}
.ret-steps{display:flex;gap:4px;margin:0;padding:0;list-style:none;font-size:11.5px;font-weight:600}
.ret-steps li{padding:4px 9px;border-radius:999px;background:var(--side-2);color:var(--muted);white-space:nowrap}
.ret-steps li.done{background:#dcfce7;color:#15803d}.ret-steps li.now{background:var(--primary);color:#fff}
.ret-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:16px;padding:12px 14px;font-size:13.5px}
.ret-body p{margin:0 0 6px}
.ret-type{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}
.ret-money{display:grid;gap:8px;align-content:start}
.ret-check{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;cursor:pointer}
.ret-check span{flex:1;display:grid}.ret-check small{color:var(--muted)}
.ret-check.on{border-color:#86efac;background:#f0fdf4}
.ret-amt{width:96px!important;min-height:30px}
.ret-ok{color:#15803d;font-size:13px}
.ret-confirm{margin:0 14px 12px;padding:12px 14px;border:1px solid #fca5a5;border-radius:12px;background:#fff7f7}
.ret-confirm ul{margin:6px 0 8px;padding-left:18px}.ret-confirm .err{color:#b91c1c}
.btn-danger{background:#dc2626;border-color:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}
.ret-corr{display:flex;flex-wrap:wrap;gap:8px;margin:0 14px 12px;padding:12px;border:1px dashed var(--line-strong);border-radius:12px}
.ret-corr select,.ret-corr input{width:auto;flex:1;min-width:120px}
.ret-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--line);background:var(--panel-head);border-radius:0 0 14px 14px}
.ret-note{flex:1;min-width:160px;min-height:32px}
@media (max-width:900px){.ret-body{grid-template-columns:1fr}.ret-head{flex-wrap:wrap}.ret-steps{width:100%;overflow-x:auto}}
/* Magazyn */
.stock-add{display:grid;grid-template-columns:minmax(0,1fr) 80px 120px 140px auto;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line)}
.stock-table .qty{display:inline-flex;align-items:center;gap:6px}.stock-table .qty b{min-width:22px;text-align:center}
.stock-note{min-height:30px}.muted-row{opacity:.55}
@media (max-width:760px){.stock-add{grid-template-columns:1fr 1fr}}
/* Start: zwroty w drodze */
.home-returns{border-color:#fcd34d}.home-returns .panel-head{background:#fffbeb}
.home-ret{gap:10px}
.ret-hint{font-size:13px;font-weight:600;color:var(--primary)}
.ret-card.st-zgloszony .ret-body,.ret-card.st-w_drodze .ret-body{grid-template-columns:1fr}
/* Pasek Allegro w Sprzedaży usunięty — synchronizacja działa sama co kwadrans, ustawienia w Ustawieniach/Integracjach. */
#allegroBar{display:none!important}
.tag.origin-client{background:#fff1e8;color:#c2410c}.tag.origin-us{background:#eef2ff;color:#4338ca}
.ret-back{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding:10px;border:1px dashed var(--primary);border-radius:10px;background:#fff8f3}.ret-back input{flex:1;min-width:160px;width:auto;min-height:32px}.ret-back.done{border-style:solid;border-color:#86efac;background:#f0fdf4;color:#15803d}
.sales-days td.neg{color:#b91c1c}.sales-days td.pos{color:#15803d}.sales-days tr.tot td{border-top:2px solid var(--line-strong);font-weight:700}
.ret-result{margin:2px 0}.ret-result.neg b{color:#b91c1c}.ret-result.pos b{color:#15803d}
/* Kilka zakupów do jednego zamówienia */
.sale-buys{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}
.sale-buys-head{font-size:13px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sale-buy{display:flex;align-items:center;gap:10px;font-size:14px}
.sale-buy>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.sale-buy-add{display:flex;gap:6px;flex-wrap:wrap}
.sale-buy-add input{flex:1 1 120px;min-width:0}
.warn-txt{color:#c77700;display:block}
td.num small{display:block}
.tag.warn{background:#fff4e0;color:#a35f00}
.bl-items{margin:4px 0 0;padding-left:20px;list-style:decimal}.bl-items li{margin:2px 0}
.sale-split{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:6px}
.sale-split th,.sale-split td{padding:6px 4px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
.sale-split .num{text-align:right;white-space:nowrap}
.sale-split td.num small{display:block}
.sale-buy select{max-width:180px}
.sale-buy-add select{flex:1 1 140px;min-width:0}
@media (max-width:640px){.sale-split{font-size:12px}.sale-split th:nth-child(3),.sale-split td:nth-child(3){display:none}}
.bl-items li{display:list-item}
/* Przedmioty zamówienia: każdy z osobnym zakupem */
.si{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.si.todo{border-color:#f0c27a;background:color-mix(in srgb,#fff4e0 45%,transparent)}
.si-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.si-no{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:700;font-size:13px}
.si-name{flex:1;min-width:0}
.si-money{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.si-money b{color:var(--text)}
.si-buy{display:flex;align-items:center;gap:8px;font-size:14px}
.si-buy select{max-width:90px}
.si-ok{color:#2e9b55;font-weight:700}
.si-add{display:flex;gap:6px;flex-wrap:wrap}
.si-add input{flex:1 1 130px;min-width:0}
.si-extra{font-size:13px;color:var(--muted)}
.si-total{font-size:14px;padding-top:4px;border-top:1px solid var(--line)}
.si-buy .grow{flex:1;min-width:0}
.si-add-btn{flex:none;font-weight:700}
.home-tobuy{align-items:flex-start}
.tobuy-miss{margin:3px 0;color:#a35f00}
.home-tobuy-panel .hint{margin:0 0 6px;padding:0 16px}
/* SHARKDROP: 3 kroki startu kursanta */
.billing-panel{border:1px solid #cfe0ff;background:linear-gradient(135deg,#f8fbff,#fff)}
.billing-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}
.billing-price{font-size:1.08rem;font-weight:800;margin:.55rem 0 0;color:#173b70}
.billing-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.billing-body>.hint{grid-column:1/-1;margin:0}
@media(max-width:700px){.billing-body{grid-template-columns:1fr}.billing-actions{justify-content:stretch}.billing-actions .btn{width:100%}}
.sd-start{border-color:#ffc9a3}
.sd-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sd-step{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:12px}
.sd-step>b{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff}
.sd-step.done>b{background:#2e9b55}
.sd-step>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.sd-step small{color:var(--muted)}
.sd-step .btn{align-self:flex-start}
.sd-keybox{display:flex;flex-direction:column;gap:6px}
.sd-ext-form{margin-bottom:10px;align-items:flex-end}
@media (max-width:760px){.sd-steps{grid-template-columns:1fr}}
.bl-actions .sale-del{opacity:.55}.bl-actions .sale-del:hover{opacity:1}

/* Sprzedaż kursanta / widok szefa „Kursanci”: bez zwrotów i magazynu zespołu */
body.sales-drop [data-sales-tab="zwroty"],body.sales-drop [data-sales-tab="magazyn"],body.sales-drop .bl-return{display:none!important}
.sales-group{display:inline-flex;gap:4px;margin:0 0 10px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--panel)}
.sales-group button{border:0;background:none;padding:6px 14px;border-radius:999px;font:inherit;font-weight:600;color:var(--muted);cursor:pointer}
.sales-group button.on{background:var(--primary);color:#fff}
.sales-group[hidden]{display:none}
.sd-ext-info{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px;padding:10px 12px;border:1px dashed var(--line-strong);border-radius:10px;font-size:13px}
/* Kursant: zadania tylko jego — bez „zleconych” i wyboru osoby */
.reg-company{display:grid;gap:10px;padding:12px;border:1px dashed var(--line-strong);border-radius:12px}.reg-company .hint{margin:0}

/* Baza ofert — lista jak w Base: biała karta, gęsta tabela, katalog u góry */
#view-bazaofert .page-head h1::after{content:none}
.ob-catbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.ob-catpick{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--muted)}
.ob-catpick select{min-width:min(420px,100%);font-weight:650;color:var(--text);background:var(--panel)}
.ob-card{background:#fff;border:1px solid #e6e8ee;border-radius:6px;box-shadow:0 1px 2px rgba(15,23,42,.04);min-width:0}
:root[data-theme="dark"] .ob-card{background:var(--panel);border-color:var(--line)}
.ob-tabs{display:flex;gap:22px;padding:0 16px;border-bottom:1px solid #e8eaef}
.ob-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:12px 0 10px;font:inherit;font-weight:650;color:#8b93a7;cursor:pointer}
.ob-tabs button.on{color:#1f2430;border-bottom-color:#3b82f6}
:root[data-theme="dark"] .ob-tabs{border-bottom-color:var(--line)}
:root[data-theme="dark"] .ob-tabs button.on{color:var(--text)}
.ob-bar,.ob-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid #eef0f4}
.ob-bar .spacer,.ob-tools .spacer{flex:1}
.ob-filter-btn,.ob-mini{height:34px;padding:0 12px;border:1px solid #d9dee8;border-radius:6px;background:#fff;font:inherit;font-size:12px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:#5c6578;cursor:pointer}
.ob-filter-btn{text-transform:none;letter-spacing:0;font-size:13px;font-weight:650;border-radius:8px}
.ob-add{height:36px;padding:0 16px;border:0;border-radius:999px;background:#22a34a;color:#fff;font:inherit;font-weight:750;cursor:pointer}
.ob-add:hover{background:#1b8a3e}
.ob-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid #d9dee8;border-radius:8px;background:#fff;cursor:pointer;color:#334155}
.ob-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.ob-drop{position:relative}
.ob-filter,.ob-menu,.ob-float{position:absolute;z-index:30;min-width:240px;padding:8px;border:1px solid #e2e6ee;border-radius:10px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.14)}
.ob-filter{right:0;top:calc(100% + 6px);display:grid;gap:8px;width:min(360px,calc(100vw - 32px))}
.ob-filter label,.ob-add-form label{display:grid;gap:4px;font-size:12px;font-weight:650;color:#64748b}
.ob-filter input,.ob-filter select{font-weight:500;color:var(--text)}
.ob-price{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ob-filter-foot{display:flex;justify-content:flex-end;gap:8px}
.ob-menu,.ob-float{display:grid;padding:6px}
.ob-menu{left:0;top:calc(100% + 4px);min-width:240px;z-index:40}
.ob-card,.ob-tools,.ob-bar,.ob-catbar{overflow:visible}
.ob-menu button,.ob-float button{border:0;background:none;text-align:left;padding:8px 10px;border-radius:6px;font:inherit;cursor:pointer}
.ob-menu button:hover,.ob-float button:hover{background:#f4f6fa}
.ob-float{position:fixed;z-index:90;min-width:220px;max-width:280px}
.ob-check{display:flex;align-items:center;min-height:34px;margin:0}
.ob-sort{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:650;color:#64748b}
.ob-sort select,.ob-per select{width:auto;font-weight:600;color:var(--text)}
.ob-per{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;white-space:nowrap}
.ob-pager{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:650}
.ob-pager button{min-width:32px;height:32px;border:1px solid #d9dee8;border-radius:6px;background:#fff;cursor:pointer}
.ob-pager button[disabled]{opacity:.4;cursor:default}
.ob-pager b{min-width:28px;text-align:center}
.ob-table{width:100%;border-collapse:collapse;font-size:13px}
.ob-table th{padding:8px 10px;text-align:left;font-size:11px;font-weight:750;letter-spacing:.04em;color:#8b93a7;border-bottom:1px solid #e8eaef;white-space:nowrap}
.ob-table td{padding:8px 10px;border-bottom:1px solid #f0f2f6;vertical-align:middle}
.ob-table tr:hover td{background:#fafbfd}
.ob-c-check{width:64px;white-space:nowrap}
.ob-c-check input{margin-right:6px}
.ob-star{border:0;background:none;cursor:pointer;font-size:16px;color:#c5cad6;line-height:1}
.ob-star.on{color:#f5b301}
.ob-c-img{width:52px}
.ob-thumb{width:40px;height:40px;object-fit:cover;border-radius:4px;background:#f3f4f6;display:block}
.ob-thumb.empty{display:grid;place-items:center;color:#c5cad6;font-size:16px}
.ob-c-name b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:750;line-height:1.3}
.ob-c-name small{display:block;margin-top:2px;color:#8b93a7;font-size:12px}
.ob-c-stock{white-space:nowrap;color:#334155}
.ob-c-price{text-align:right;font-weight:750;white-space:nowrap}
.ob-integ{display:inline-flex;align-items:center;gap:4px;margin:0 4px 4px 0;padding:2px 6px;border-radius:4px;background:#e8f1ff;color:#1d4ed8;font-size:12px;font-weight:700}
.ob-integ.woo{background:#f3e8ff;color:#6d28d9}
.ob-integ.off{background:#f1f3f7;color:#64748b;font-weight:650}
.ob-more{width:28px;height:28px;border:1px solid #e2e6ee;border-radius:50%;background:#fff;cursor:pointer;color:#475569;font-weight:750}
.ob-more:hover{background:#f4f6fa}
#obEmpty{margin:0}
.ob-pick{width:min(520px,calc(100vw - 24px))}
.ob-pick-n{margin:0 0 12px;font-size:14px}
.ob-pick-col{display:grid;gap:6px;margin:0 0 12px;padding:12px;border:1px solid #e8eaef;border-radius:8px;background:#fafbfd}
.ob-pick-col>span{font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:#8b93a7}
:root[data-theme="dark"] .ob-pick-col{background:var(--panel);border-color:var(--line)}
:root[data-theme="dark"] .ob-filter,:root[data-theme="dark"] .ob-menu,:root[data-theme="dark"] .ob-float,:root[data-theme="dark"] .ob-filter-btn,:root[data-theme="dark"] .ob-mini,:root[data-theme="dark"] .ob-icon,:root[data-theme="dark"] .ob-more,:root[data-theme="dark"] .ob-pager button{background:var(--panel);color:var(--text);border-color:var(--line)}
@media (max-width:900px){
  .ob-catpick,.ob-catpick select{width:100%}
  .ob-bar,.ob-tools{align-items:stretch}
  .ob-add,.ob-filter-btn{flex:1}
  .ob-table thead{display:none}
  .ob-table,.ob-table tbody,.ob-table tr,.ob-table td{display:block;width:100%}
  .ob-table tr{display:grid;grid-template-columns:auto 1fr auto;gap:4px 10px;margin:0 10px 10px;padding:12px;border:1px solid #e8eaef;border-radius:10px}
  .ob-table td{border:0;padding:0}
  .ob-c-check{grid-column:1;grid-row:1}
  .ob-c-img{grid-column:1;grid-row:2}
  .ob-c-name{grid-column:2;grid-row:1 / span 2}
  .ob-c-more{grid-column:3;grid-row:1}
  .ob-c-stock,.ob-c-price,.ob-c-integ{grid-column:2 / -1}
  .ob-c-price{text-align:left}
}

/* Baza ofert kursanta */
.odb-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.odb-toolbar input[type=search]{flex:1 1 220px;min-width:0}
.odb-toolbar select{max-width:220px}
#odbLinksText{width:100%;font-family:ui-monospace,monospace;font-size:12px}
.odb-log-row{display:grid;grid-template-columns:120px 28px 1fr;gap:8px;padding:8px 16px;border-top:1px solid var(--line,#e5e7eb);align-items:baseline;font-size:14px}
.odb-log-row small{color:var(--muted,#6b7280)}
.odb-log-row a{word-break:break-all}
.odb-day{padding:10px 16px 4px;font-weight:700;font-size:13px;color:var(--muted,#6b7280)}
@media (max-width:640px){.odb-log-row{grid-template-columns:48px 24px 1fr;padding:8px 12px}.odb-toolbar select{max-width:none;flex:1 1 140px}}
.odb-toolbar .off-date{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0}
.odb-toolbar .off-date input{width:auto}

/* Instrukcja do tytułu (kategorie i biblioteka) */
.cat-instr{margin:6px 0;padding:8px 10px;border-radius:8px;background:var(--panel-head);border-left:3px solid var(--primary);font-size:13px;display:grid;gap:2px}
.cat-instr span,.lib-instr{white-space:pre-line}
.lib-instr{color:var(--text);font-size:12px;line-height:1.35}

/* Uwagi / opis kategorii — większe pole, zachowane linie */
textarea.note-area{min-height:110px;resize:vertical;line-height:1.45}
.cat-note,.lib-note{white-space:pre-line}
.cat-note{margin:4px 0;font-size:13px;color:var(--muted);line-height:1.45}
.si-more-btn{width:100%;justify-content:flex-start;border-style:dashed;color:var(--primary);white-space:normal;text-align:left}
.si-more{padding:2px 0;color:var(--primary)}

.lib-groups{display:grid;gap:14px}.lib-department{border:1px solid var(--line);border-radius:12px;padding:12px}.lib-department>summary{cursor:pointer;font-weight:700;padding:4px}.lib-department>.lib-grid{margin-top:12px;align-items:start}#catLibStatus{margin-bottom:12px}#catLibClassifyInfo{font-size:13px}

/* ───── Oferty kursanta: wynik, kategorie od prowadzącego, ranking kursantów ───── */
.sx-hero{display:grid;grid-template-columns:auto 1fr;gap:12px 28px;align-items:center;margin-bottom:14px;padding:18px 22px;border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}
.sx-today{display:flex;flex-direction:column;line-height:1.1}
.sx-today .sx-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sx-today strong{font-size:48px;font-weight:800;color:var(--primary)}
.sx-today>span:last-child{font-size:13px;color:var(--muted)}
.sx-stats{display:flex;flex-wrap:wrap;gap:10px 28px}
.sx-stats div{display:flex;flex-direction:column;line-height:1.15}
.sx-stats strong{font-size:22px}
.sx-stats span{font-size:12px;color:var(--muted)}
.sx-standing{grid-column:1/-1;margin:0;padding-top:12px;border-top:1px solid var(--line);font-size:14px}
.sx-new{display:flex;width:100%;align-items:center;gap:12px;margin-bottom:14px;padding:12px 16px;border:1px solid var(--primary);border-radius:var(--radius);background:var(--primary-soft);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.sx-new:hover{filter:brightness(1.05)}
.sx-new-icon{font-size:24px}
.sx-new>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column}
.sx-new small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}
.sx-new-go{font-weight:700;color:var(--primary);white-space:nowrap}
.sx-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:14px;align-items:start;margin-bottom:14px}
.sx-cats-hint{margin:0}
.sx-cat-label{margin:6px 0 2px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
#sxCats{display:flex;flex-direction:column;gap:8px}
.tag.sx-fresh{border-color:var(--primary);background:var(--primary);color:#fff}
.sx-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px 10px;text-align:center}
.sx-empty>span{font-size:30px}
.sx-empty small{max-width:340px;color:var(--muted)}
.rank-row.sx-me{background:var(--primary-soft)}
.sx-gap{padding:2px 14px;color:var(--muted);text-align:center}
.sx-rank-foot{display:flex;justify-content:space-between;padding:10px 14px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.sx-rank-foot b{color:var(--text)}
.sx-when{white-space:nowrap}
.sx-when small{display:block}
.sx-cat-name{display:block}
@media (max-width:900px){.sx-grid{grid-template-columns:1fr}}
@media (max-width:560px){
  .sx-hero{grid-template-columns:1fr;padding:14px 16px}
  .sx-today{flex-direction:row;align-items:baseline;gap:8px}
  .sx-today strong{font-size:40px}
  .sx-stats{gap:8px 20px}
  .sx-table thead{display:none}
  .sx-table tr{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 12px;border-bottom:1px solid var(--line)}
  .sx-table td{padding:0;border:0}
  .sx-table td.sx-when{grid-column:1/-1}
  .sx-table td.sx-when small{display:inline;margin-left:6px}
  .sx-table td:nth-child(2),.sx-table td:nth-child(3){grid-column:1}
  .sx-table td:nth-child(4){grid-column:2;grid-row:2/4;align-self:center}
}
.sx-table a.btn{text-decoration:none;white-space:nowrap}
/* Pasek kursanta na każdej stronie: nowe kategorie + czołówka dnia */
.sx-strip{display:flex;flex-shrink:0;align-items:center;gap:8px 14px;margin:0;padding:8px 24px;overflow-x:auto;border-bottom:1px solid var(--line);background:var(--panel-head);color:var(--text);font-size:13px;text-decoration:none;white-space:nowrap;scrollbar-width:none}
.sx-strip::-webkit-scrollbar{display:none}
.sx-strip[hidden]{display:none}
.sx-strip:hover{background:var(--primary-soft)}
body[data-page="baza"] .sx-strip{display:none}
.sx-strip-new{padding:2px 9px;border-radius:999px;background:var(--primary);color:#fff;font-weight:700}
.sx-strip-label{font-weight:700;color:var(--muted)}
.sx-strip-item b{color:var(--primary)}
.sx-strip-item.me{font-weight:700}
.sx-strip-go{margin-left:auto;padding-left:10px;font-weight:700;color:var(--primary)}
@media (max-width:760px){.sx-strip{padding:7px 12px;font-size:12px}}
/* Okno zamówienia: mieści się w ekranie, pola przewijają się, „Zapisz” i „Anuluj” zawsze na dole */
#saleDialog{max-height:calc(100dvh - 32px);overflow:hidden}
#saleDialog[open]{display:flex;flex-direction:column}
#saleDialog>.dialog{display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 32px)}
#saleDialog .dialog-body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto}
#saleDialog .dialog-body>*{min-width:0}
.sale-foot{flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;background:var(--panel-head)}
.sale-foot-more{display:flex;flex-wrap:wrap;gap:6px}
.sale-foot-more .btn{color:var(--muted)}
.sale-foot-more .btn:hover{color:var(--text)}
.sale-foot-main{display:flex;gap:8px;margin-left:auto}
.sale-foot-main .btn{min-width:110px;min-height:42px;justify-content:center}
@media (max-width:560px){
  #saleDialog{width:100vw;max-width:100vw;max-height:100dvh;margin:auto 0 0;border-radius:14px 14px 0 0}
  #saleDialog>.dialog{max-height:100dvh}
  .sale-foot-main{width:100%}
  .sale-foot-main .btn{flex:1}
}
/* Sprzedaż → Wyniki: niestandardowy zakres dat */
.sr-dates{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}
.sr-dates[hidden]{display:none}
.sr-dates label{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}
.sr-dates input{width:auto}
/* Sezon kategorii: etykieta na kartach i wybór miesięcy */
.tag.season{border-color:#7c5cff55;background:#7c5cff1f;color:#8b6dff}
.tag.season.now{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}
.season-pick{display:flex;flex-direction:column;gap:6px}
.season-pick-label{font-weight:600;font-size:13px}
.season-pick-label small{font-weight:400}
.season-months{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;max-width:420px}
.season-m{min-height:34px;border:1px solid var(--line-strong);border-radius:999px;background:var(--panel);color:var(--text);font:inherit;font-size:13px;cursor:pointer}
.season-m:hover{border-color:#8b6dff}
.season-m.on{border-color:#7c5cff;background:#7c5cff;color:#fff;font-weight:700}
.lib-season{display:flex;gap:6px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:thin}
.lib-season button{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.lib-season button b{padding:0 6px;border-radius:999px;background:var(--panel-head);color:var(--muted);font-size:11px}
.lib-season button.now{border-color:var(--primary)}
.lib-season button.on{border-color:var(--primary);background:var(--primary);color:#fff}
.lib-season button.on b{background:rgba(255,255,255,.25);color:#fff}
/* Biblioteka kategorii w ciemnym motywie: karty i nagłówek na kolorach motywu (wcześniej białe tło, niewidoczne nazwy) */
.lib-card{background:var(--panel)}
.lib-card.on{background:var(--primary-soft)}
.lib-head{background:linear-gradient(90deg,var(--primary-soft),var(--panel))}
.lib-head h2{color:var(--text)}
/* Kursant łączy Allegro jednym przyciskiem — nazwa sklepu pobiera się z Allegro */
body[data-role="student"] #allegroShop{display:none}
/* Przewodnik kursanta „Jak zacząć” */
.sd-guide{margin-bottom:14px;border-left:4px solid var(--primary)}
.sd-guide>summary{cursor:pointer;list-style:none}
.sd-guide>summary::-webkit-details-marker{display:none}
.sd-guide>summary::after{content:'▾';margin-left:8px;color:var(--muted)}
.sd-guide[open]>summary::after{content:'▴'}
.sd-guide-progress{display:inline-flex;align-items:center;gap:8px;margin-left:auto}
.sd-guide-progress i{display:block;width:120px;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--success) var(--p),var(--line) var(--p))}
.sd-guide-steps{display:grid;gap:10px}
.sd-gstep{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.sd-gstep.done{opacity:.75}
.sd-gstep.optional{border-style:dashed}
.sd-gnum{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;font-weight:800}
.sd-gstep.done .sd-gnum{background:var(--success)}
.sd-gstep.optional .sd-gnum{background:var(--panel-head);color:var(--muted);border:1px solid var(--line)}
.sd-gbody{min-width:0}
.sd-gbody strong{display:block;font-size:15px}
.sd-gbody ol{margin:6px 0 0;padding-left:18px;line-height:1.6}
.sd-gbody p{margin:6px 0 0}
.sd-gok{display:inline-block;margin-top:2px;color:var(--success);font-weight:700}
.sd-gact{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.sd-gbody .sd-keybox{display:grid;gap:8px;max-width:520px;margin-top:8px}
@media (max-width:560px){.sd-guide-progress i{width:70px}.sd-gstep{grid-template-columns:28px 1fr;padding:10px}.sd-gnum{width:26px;height:26px}}
.sd-gact a.btn,.sd-gbody a.btn{text-decoration:none}

/* Biblioteka: wybór kategorii najpierw, filtry i pełna treść na żądanie. */
.lib-panel:not(.has-selection) .lib-body{grid-template-columns:minmax(0,1fr)}
.lib-panel .lib-toolbar{position:static;padding:0 0 12px}.lib-toolbar input{min-width:0}
.lib-filters{border-bottom:1px solid var(--line);margin:0 0 14px;padding:0 0 12px}
.lib-filters>summary{cursor:pointer;color:var(--muted);font-size:13px;width:fit-content;padding:4px 0}
.lib-filter-fields{display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:20px;padding:14px 0}
.lib-filter-fields .field{margin:0}.lib-filter-fields .lib-season{margin:8px 0 0}.lib-filter-fields .field-label{font-size:13px}
.lib-filter-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.lib-active-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;font-size:13px;color:var(--muted)}
.lib-card-top>label{cursor:pointer;line-height:1.45;font-size:14px;flex:1;margin:0}
.lib-card-meta:empty{display:none}.lib-card-meta{align-items:center;gap:8px;font-size:12px}
.lib-assignee-count{color:var(--muted)}
.lib-card-details>summary{cursor:pointer;font-size:12px;color:var(--muted);padding:5px 0;width:fit-content}
.lib-card-details[open]>summary{color:var(--text)}
.lib-card-content{display:grid;gap:12px;padding:10px 0 2px;font-size:13px;cursor:auto;overflow-wrap:anywhere}
.lib-card-content p{margin:4px 0 0;white-space:pre-line}.lib-card-content .lib-note,.lib-card-content .lib-instr{margin:0;max-height:none;overflow:visible}
.lib-card-actions{display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--line)}
.lib-selection-summary{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.lib-panel .lib-side[hidden]{display:none}.lib-panel .lib-main{overflow:visible}
.lib-panel #catLibList{max-height:none;overflow:visible}
@media(max-width:900px){.lib-panel .lib-side{position:static;max-height:none;overflow:visible;box-shadow:none;border-radius:0}}
@media(max-width:720px){.lib-filter-fields{grid-template-columns:1fr;gap:12px}.lib-toolbar{flex-wrap:wrap}.lib-toolbar input{flex-basis:180px}.lib-panel.has-selection .lib-body{grid-template-columns:1fr}.lib-panel .lib-side{border-left:0;border-top:1px solid var(--line)}}
/* Wyszukiwarka: wynik oferty po numerze aukcji */
.offer-search-head{padding:8px 16px 4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.offer-search-result{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 16px;border-bottom:1px solid var(--line)}
.offer-search-main{display:flex;flex:1 1 260px;min-width:0;flex-direction:column}
.offer-search-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.offer-search-main small{color:var(--muted)}
.offer-search-acts{display:flex;flex-wrap:wrap;gap:6px}
.offer-search-acts a.btn{text-decoration:none}
/* ───── Biblioteka kategorii: prostszy układ ───── */
.lib-steps{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px;font-size:13px;color:var(--muted)}
.lib-steps span{display:inline-flex;align-items:center;gap:6px}
.lib-steps b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--panel-head);border:1px solid var(--line);font-size:11px}
.lib-steps .now{color:var(--text);font-weight:700}.lib-steps .now b{background:var(--primary);border-color:var(--primary);color:#fff}
.lib-steps .done b{background:var(--success);border-color:var(--success);color:#fff}
#catLibSeason{display:grid;gap:6px;overflow:visible;padding:0 0 10px}
.lib-filter-row{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:8px}
.lib-filter-row>span{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.lib-filter-row>div{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}
@media (max-width:640px){.lib-filter-row{grid-template-columns:1fr}}
/* SHARKDROP: bez pola „Sklep” */
.lib-drop label:has(#catLibShop),.lib-drop label:has(#libShop),.lib-drop label:has(select[name="shop"]),.lib-drop .tag.shop,.cat-drop label:has(#catShop){display:none!important}
.lib-drop .lib-add-row{grid-template-columns:minmax(0,220px)}
/* Wybór: okazja, miesiące (lub całoroczna), VAT */
.season-pick{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-head)}
.sp-row{display:grid;gap:6px}
.sp-label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.sp-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.season-o,.season-v,.season-all{min-height:34px;padding:0 12px;border:1px solid var(--line-strong);border-radius:999px;background:var(--panel);color:var(--text);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap;width:auto}
.season-o:hover,.season-v:hover,.season-all:hover{border-color:var(--primary)}
.season-o.on,.season-v.on,.season-all.on{border-color:var(--primary);background:var(--primary);color:#fff;font-weight:700}
.season-all{flex:none}
.sp-chips .season-months{display:flex;flex-wrap:wrap;gap:6px;max-width:none}
.season-m{min-width:46px;padding:0 10px}
.tag.occasion{border-color:#e0a10055;background:#e0a1001f;color:#d29400}
.tag.vat{border-color:#1e9e5a55;background:#1e9e5a1f;color:var(--success)}
.tag.novat{border-color:var(--line-strong);color:var(--muted)}
/* Biblioteka kursanta */
#sxLibPanel{margin-bottom:14px}
.sx-lib-filters{display:grid;gap:6px;overflow:visible}
.sx-lib-card{display:flex;flex-direction:column;gap:8px;padding:12px;cursor:default}
.sx-lib-acts{display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;margin-top:auto}
.sx-lib-acts .btn-primary{flex:1 1 180px}
.sx-strip-lib{cursor:pointer}
/* ───── Rejestracja ───── */
.reg-sec{display:grid;gap:12px;margin:0;padding:14px 14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.reg-sec legend{display:flex;align-items:center;gap:8px;padding:0 6px;font-weight:800;font-size:14px}
.reg-sec legend span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;font-size:12px}
.reg-sec .field small.muted{font-weight:400}
.reg-company{display:grid;gap:12px}
.nip-card.info{border-color:#bfdbfe;background:#eff6ff;color:#1e3a8a}.nip-card.info b{color:#1e3a8a}
.nip-spin{display:inline-block;width:12px;height:12px;border:2px solid var(--line-strong);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px}
@keyframes spin{to{transform:rotate(360deg)}}
.pw-wrap{position:relative;display:block}.pw-wrap input{width:100%;padding-right:44px}
.pw-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:34px;border:0;border-radius:8px;background:transparent;cursor:pointer;opacity:.55}.pw-eye.on{opacity:1}
.pw-meter{display:block;height:4px;margin-top:6px;border-radius:4px;background:var(--line)}
.pw-meter i{display:block;height:100%;width:0;border-radius:4px;transition:width .2s,background .2s}
.pw-meter[data-level="1"] i{width:33%;background:#ef4444}.pw-meter[data-level="2"] i{width:66%;background:#f59e0b}.pw-meter[data-level="3"] i{width:100%;background:#22c55e}
.btn-lg{min-height:48px;font-size:16px}
.reg-success{display:grid;gap:14px;text-align:left;margin-top:22px;animation:regIn .35s ease-out}
.reg-success h1{margin:0;font-size:24px}
.reg-success-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#22c55e;color:#fff;font-size:34px;font-weight:800;box-shadow:0 8px 24px rgba(34,197,94,.35)}
.reg-steps{display:grid;gap:10px;margin:4px 0 6px;padding:0;list-style:none;counter-reset:rs}
.reg-steps li{position:relative;display:grid;gap:2px;padding:10px 12px 10px 44px;border:1px solid var(--line);border-radius:10px;background:var(--panel);counter-increment:rs}
.reg-steps li::before{content:counter(rs);position:absolute;left:12px;top:11px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--panel-head);border:1px solid var(--line-strong);font-size:12px;font-weight:800}
.reg-steps li.done{border-color:#86efac;background:#f0fdf4}.reg-steps li.done::before{content:"✓";background:#22c55e;border-color:#22c55e;color:#fff}
.reg-steps small{color:var(--muted)}
.auth-notice{margin:14px 0 0;padding:10px 12px;border:1px solid #fcd34d;border-radius:10px;background:#fffbeb;color:#92400e;font-size:14px}
.auth-notice.ok{border-color:#86efac;background:#f0fdf4;color:#166534}
@keyframes regIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sd-update{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 14px;padding:14px 16px;border:1px solid #fdba74;border-radius:12px;background:#fff7ed}
.sd-update>div:not(.row){flex:1 1 260px;display:grid;gap:3px}.sd-update small{color:var(--muted)}.sd-update-icon{font-size:24px}
.lib-now{margin:0 0 16px;padding:14px;border:2px solid #fb923c;border-radius:14px;background:linear-gradient(180deg,#fff7ed,#fff)}
.lib-now-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-bottom:12px}.lib-now-head b{font-size:16px}.lib-now-head span{font-weight:700;color:#c2410c}.lib-now-head small{flex-basis:100%;color:var(--muted)}
.lib-rest-head{margin:4px 0 10px;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.sd-season{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 14px;padding:16px 18px;border:2px solid #fb923c;border-radius:14px;background:linear-gradient(135deg,#fff7ed,#ffedd5)}
.sd-season>div{flex:1 1 260px;display:grid;gap:4px}.sd-season small{color:#7c2d12}.sd-season-icon{font-size:34px}
.sx-strip-hot{background:#f97316!important;color:#fff!important}
/* Motywy świąt: Halloween, Wszystkich Świętych, Boże Narodzenie / Gwiazdka, Nowy Rok, Walentynki */
.lib-now,.sd-season{position:relative;overflow:hidden}
.lib-now-deco{position:absolute;right:10px;top:-6px;font-size:54px;opacity:.18;letter-spacing:6px;pointer-events:none}
.sd-season-slim{width:100%;margin:0 0 14px;padding:12px 16px;font:inherit;text-align:left;cursor:pointer}
.sd-season-slim .sd-season-icon{font-size:26px}.sd-season-go{font-weight:800;white-space:nowrap}
/* Halloween zostaje nazwą sezonu sprzedażowego, bez fioletu i dyń. */
.sd-season[data-occ="halloween"],.lib-now[data-occ="halloween"]{border-color:var(--line-strong);background:var(--panel);color:var(--text)}
.sd-season[data-occ="zmarli"],.lib-now[data-occ="zmarli"]{border-color:#a16207;background:linear-gradient(135deg,#1c1917,#44403c 60%,#78350f);color:#fef3c7}
.sd-season[data-occ="boze_narodzenie"],.lib-now[data-occ="boze_narodzenie"],.sd-season[data-occ="gwiazdka"],.lib-now[data-occ="gwiazdka"]{border-color:#15803d;background:linear-gradient(135deg,#7f1d1d,#b91c1c 45%,#14532d);color:#fef2f2}
.sd-season[data-occ="nowy_rok"],.lib-now[data-occ="nowy_rok"]{border-color:#ca8a04;background:linear-gradient(135deg,#0f172a,#1e3a8a 60%,#a16207);color:#fefce8}
.sd-season[data-occ="walentynki"],.lib-now[data-occ="walentynki"]{border-color:#e11d48;background:linear-gradient(135deg,#9f1239,#e11d48 55%,#fb7185);color:#fff1f2}
.sd-season[data-occ] small,.lib-now[data-occ] .lib-now-head small{color:inherit;opacity:.85}
.lib-now[data-occ] .lib-now-head span{color:#fde68a}
.lib-now[data-occ="halloween"] .lib-now-head span{color:var(--primary)}
.sd-season[data-occ="halloween"] small{color:var(--muted);opacity:1}
.sd-season[data-occ] .btn-primary{background:#fff;color:#111827;border-color:#fff}
.lib-now[data-occ] .lib-card{color:var(--text)}
@media (prefers-reduced-motion:reduce){.sd-season-icon,.lib-now-deco{animation:none!important}}
/* ───── Motywy sezonowe całej aplikacji ───── */
.season-deco{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
body[data-season] .main{z-index:1}
@media (min-width:901px){body[data-season] .main{position:relative}} /* na telefonie .main zostaje position:fixed — to on się przewija */
.season-deco span{position:absolute;top:-40px;font-size:22px;opacity:.55;animation:seasonFall 18s linear infinite}
@keyframes seasonFall{0%{transform:translate(0,-40px) rotate(0)}50%{transform:translate(30px,50vh) rotate(20deg)}100%{transform:translate(-20px,105vh) rotate(-10deg)}}
@keyframes seasonFly{0%{transform:translate(0,0) scale(.8)}25%{transform:translate(40px,-25vh) scale(1)}50%{transform:translate(-30px,-55vh) scale(.9)}75%{transform:translate(30px,-80vh) scale(1.05)}100%{transform:translate(0,-110vh) scale(.8)}}
body[data-season="walentynki"] .season-deco span,body[data-season="nowy_rok"] .season-deco span{animation-name:seasonFly;top:auto;bottom:-40px}
.side-brand-row::after{position:absolute;right:46px;top:50%;transform:translateY(-50%);font-size:20px;pointer-events:none}
body[data-season] .side-brand-row::after{content:""}
body[data-season="zmarli"] .side-brand-row::after{content:"✝️"}
body[data-season="nowy_rok"] .side-brand-row::after{content:"🎆"}
body[data-season="walentynki"] .side-brand-row::after{content:"❤️"}
/* Motyw Halloween jest wyłączony na stałe (nie wraca z datą). Zostają inne sezony. */
/* Wszystkich Świętych: granatowa noc, złoto, krzyże, monogram Maryi i światło zniczy — spokojnie, bez ruchu */
body[data-season="zmarli"]{--side:#141a2e;--side-2:#1f2744;--side-text:#ece4cf;--primary:#a77d0f;--primary-hover:#86630a;--primary-soft:#fbf3dc;--bg:#f5f3ee;
  --zm-cross:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 220'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23fde68a' stop-opacity='.95'/%3E%3Cstop offset='1' stop-color='%23fde68a' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='100' cy='78' r='78' fill='url(%23g)'/%3E%3Cg stroke='%23fde68a' stroke-width='2' opacity='.6'%3E%3Cpath d='M100 0v24M100 132v24M22 78h24M154 78h24M45 23l17 17M138 116l17 17M155 23l-17 17M62 116l-17 17'/%3E%3C/g%3E%3Cpath d='M91 22h18v44h38v18h-38v130H91V84H53V66h38z' fill='%23fef9e7'/%3E%3C/svg%3E");
  --zm-mary:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23fef3c7' stroke-width='12' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M40 170V80l60 70 60-70v90'/%3E%3Cpath d='M100 20v62M76 44h48'/%3E%3C/g%3E%3Cg fill='%23fde68a'%3E%3Ccircle cx='30' cy='60' r='5'/%3E%3Ccircle cx='170' cy='60' r='5'/%3E%3Ccircle cx='48' cy='30' r='5'/%3E%3Ccircle cx='152' cy='30' r='5'/%3E%3C/g%3E%3C/svg%3E")}
body[data-season="zmarli"] .sidebar{border-right-color:#2b3458;background:linear-gradient(180deg,#141a2e 0%,#1d2342 62%,#3a2b12 100%)}
body[data-season="zmarli"] .side-brand-row{border-bottom-color:#2b3458}
body[data-season="zmarli"] .side-nav button:hover{color:#fff}
body[data-season="zmarli"] .side-nav button.active{background:linear-gradient(135deg,#c9a227,#86630a);box-shadow:0 0 18px rgba(253,230,138,.25)}
body[data-season="zmarli"] .topbar{background:linear-gradient(90deg,var(--panel) 45%,#fbf3dc 80%,#eef0f7);border-bottom:2px solid #c9a227}
body[data-season="zmarli"] .btn-primary{background:linear-gradient(135deg,#b8901a,#7a5a0a);border-color:#7a5a0a;color:#fff}
body[data-season="zmarli"] .panel{border-top:2px solid rgba(201,162,39,.4)}
body[data-season="zmarli"] .page-head h1::after{content:" ✝️"}
body[data-season="zmarli"] .auth-promo{background:radial-gradient(90% 70% at 78% 18%,rgba(253,230,138,.55) 0%,rgba(167,125,15,.35) 25%,transparent 55%),linear-gradient(160deg,#1d2342 0%,#141a2e 60%,#0b0f1c 100%)}
/* Start: krzyż w świetle (Jezus) po prawej, monogram Maryi po lewej, napis z modlitwy */
body[data-season="zmarli"] #view-dzien .hero{background:radial-gradient(70% 120% at 88% 10%,rgba(253,230,138,.55) 0%,rgba(167,125,15,.25) 35%,transparent 60%),linear-gradient(135deg,#1f2744 0%,#141a2e 70%,#2a1f0c 100%);color:#fdf6e3;position:relative;overflow:hidden}
body[data-season="zmarli"] #view-dzien .hero::after{content:"";position:absolute;right:5%;top:-8px;width:118px;height:130px;background:var(--zm-cross) center/contain no-repeat;opacity:.55;pointer-events:none}
/* Znicze na dole menu — delikatnie migoczą */
body[data-season="zmarli"] .side-footer::before{content:"🕯️ ✝️ 🕯️";display:block;text-align:center;font-size:18px;letter-spacing:8px;margin-bottom:8px;animation:zmFlicker 3.2s ease-in-out infinite}
@keyframes zmFlicker{0%,100%{opacity:.9;filter:drop-shadow(0 0 6px rgba(253,230,138,.55))}45%{opacity:.75;filter:drop-shadow(0 0 2px rgba(253,230,138,.3))}70%{opacity:1;filter:drop-shadow(0 0 9px rgba(253,230,138,.7))}}
body[data-season="zmarli"] .season-go{border-color:rgba(201,162,39,.45);background:rgba(253,230,138,.07)}
@media (max-width:900px){body[data-season="zmarli"] #view-dzien .hero::after{width:90px;height:100px;opacity:.35}}
@media (prefers-reduced-motion:reduce){body[data-season="zmarli"] .side-footer::before{animation:none}}
.sidebar-collapsed .side-footer::before{display:none}
/* Motyw świąteczny: głęboka zieleń, czerwień i złoto, padający śnieg i lampki — ikony SVG, bez emoji */
body[data-season="boze_narodzenie"]{--side:#0d2a1f;--side-2:#143a2b;--side-text:#e7f5ec;--primary:#c8102e;--primary-hover:#a10d25;--primary-soft:#fdeef0;--bg:#f6f4ef;
  --xm-flake:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M12 2v20M3.3 7l17.4 10M3.3 17 20.7 7'/%3E%3Cpath d='m9.5 3.5 2.5 2 2.5-2M9.5 20.5l2.5-2 2.5 2M4 10.2l3.2-.5L6 6.7M20 13.8l-3.2.5 1.2 3M4 13.8l3.2.5L6 17.3M20 10.2l-3.2-.5 1.2-3'/%3E%3C/svg%3E");
  --xm-tree:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 150'%3E%3Cpath d='M60 6l6 12 13 2-9.5 9 2.3 13L60 36l-11.8 6 2.3-13L41 20l13-2z' fill='%23f6c453'/%3E%3Cpath d='M60 40 30 80h14L22 110h18L12 140h96L80 110h18L76 80h14z' fill='none' stroke='%23e7f5ec' stroke-width='4' stroke-linejoin='round'/%3E%3Cg fill='%23f6c453'%3E%3Ccircle cx='52' cy='74' r='4'/%3E%3Ccircle cx='70' cy='100' r='4'/%3E%3Ccircle cx='42' cy='126' r='4'/%3E%3Ccircle cx='82' cy='128' r='4'/%3E%3C/g%3E%3Cg fill='%23ff5a6e'%3E%3Ccircle cx='68' cy='68' r='3.5'/%3E%3Ccircle cx='48' cy='102' r='3.5'/%3E%3Ccircle cx='62' cy='130' r='3.5'/%3E%3C/g%3E%3C/svg%3E")}
body[data-season="boze_narodzenie"] .sidebar{border-right-color:#1d4a37;background:linear-gradient(180deg,#0d2a1f 0%,#123526 60%,#1c3f2e 100%)}
body[data-season="boze_narodzenie"] .side-brand-row{border-bottom-color:#1d4a37}
body[data-season="boze_narodzenie"] .side-brand-row::after{content:"";width:22px;height:26px;background:var(--xm-tree) center/contain no-repeat}
body[data-season="boze_narodzenie"] .side-nav button:hover{color:#fff}
body[data-season="boze_narodzenie"] .side-nav .nav-sec{color:#9cc9b0}
body[data-season="boze_narodzenie"] .side-nav button.active{background:linear-gradient(135deg,#e0213f,#9e0c22);box-shadow:0 6px 18px rgba(200,16,46,.35),inset 0 0 0 1px rgba(246,196,83,.35)}
body[data-season="boze_narodzenie"] .topbar{border-bottom:2px solid #c8102e;box-shadow:0 2px 0 #f6c453}
body[data-season="boze_narodzenie"] .btn-primary{background:linear-gradient(135deg,#d3163a,#9e0c22);border-color:#9e0c22;color:#fff}
body[data-season="boze_narodzenie"] .auth-promo{background:radial-gradient(90% 70% at 80% 12%,rgba(246,196,83,.35) 0%,transparent 50%),linear-gradient(160deg,#9e0c22 0%,#5c0a16 40%,#0d2a1f 100%)}
/* Start: czerwono-zielona karta z choinką i płatkami */
body[data-season="boze_narodzenie"] #view-dzien .hero{background:radial-gradient(60% 120% at 90% 0%,rgba(246,196,83,.35) 0%,transparent 55%),linear-gradient(135deg,#b00f2a 0%,#7a0b1d 45%,#0f3a29 100%);color:#fff;position:relative;overflow:hidden}
body[data-season="boze_narodzenie"] #view-dzien .hero::after{content:"";position:absolute;right:4%;bottom:-6px;width:120px;height:150px;background:var(--xm-tree) center/contain no-repeat;opacity:.9;pointer-events:none}
body[data-season="boze_narodzenie"] #view-dzien .hero::before{content:"";position:absolute;inset:0;background:var(--xm-flake) 12% 30%/14px no-repeat,var(--xm-flake) 34% 78%/10px no-repeat,var(--xm-flake) 58% 18%/12px no-repeat,var(--xm-flake) 74% 64%/9px no-repeat;opacity:.45;pointer-events:none}
@media (max-width:900px){body[data-season="boze_narodzenie"] #view-dzien .hero::after{width:84px;height:105px;opacity:.5}}
/* Padający śnieg: płatki SVG */
body[data-season="boze_narodzenie"] .season-deco span{width:1em;height:1em;font-size:12px!important;background:var(--xm-flake) center/contain no-repeat;opacity:.5;filter:drop-shadow(0 0 1px rgba(13,42,31,.35))}
body[data-season="boze_narodzenie"] .season-deco span:nth-child(3n){font-size:18px!important;opacity:.35}
body[data-season="boze_narodzenie"] .season-deco span:nth-child(4n+1){font-size:9px!important}
/* Lampki na dole menu — delikatnie mrugają */
body[data-season="boze_narodzenie"] .side-footer::before{content:"";display:block;height:18px;margin:0 6px 10px;background:radial-gradient(circle at 50% 70%,#ff5a6e 0 4px,transparent 5px) 0 0/36px 18px repeat-x,radial-gradient(circle at 50% 70%,#f6c453 0 4px,transparent 5px) 12px 0/36px 18px repeat-x,radial-gradient(circle at 50% 70%,#6ee7a8 0 4px,transparent 5px) 24px 0/36px 18px repeat-x;border-top:1px solid rgba(231,245,236,.35);border-radius:50% 50% 0 0/6px 6px 0 0;animation:xmLights 2.4s ease-in-out infinite}
@keyframes xmLights{0%,100%{opacity:1;filter:drop-shadow(0 0 4px rgba(246,196,83,.6))}50%{opacity:.6;filter:none}}
body[data-season="boze_narodzenie"] .season-go{border-color:rgba(246,196,83,.4);background:rgba(246,196,83,.08)}
@media (prefers-reduced-motion:reduce){body[data-season="boze_narodzenie"] .side-footer::before{animation:none}}
/* Przypomnienie sezonu w menu: neutralne, bez dyń i ozdób. Czytelne na jasnym i granatowym pasku. */
.season-go{display:flex;align-items:center;gap:8px;width:100%;margin:0 0 8px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.season-go:hover,.season-go:focus-visible{border-color:var(--primary);outline:0}
.season-go-mark{width:8px;height:8px;border-radius:50%;background:var(--primary);flex:none}
.season-go-text{display:grid;min-width:0;flex:1}
.season-go-text b{font-size:13px;font-weight:650;color:var(--heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.season-go-text small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.season-go-arrow{flex:none;color:var(--muted)}
:root[data-look="sales"] .season-go{background:#2e3e46;border-color:#3a4e58;color:#d8dcde}
:root[data-look="sales"] .season-go-text b{color:#fff}
:root[data-look="sales"] .season-go-text small,:root[data-look="sales"] .season-go-arrow{color:#b0b8bc}
.sidebar-collapsed .side-footer:has(.season-go:not([hidden])){opacity:1;pointer-events:auto;padding:8px 12px}
.sidebar-collapsed .side-footer #installButton{display:none}
.sidebar-collapsed .season-go{justify-content:center;width:44px;height:44px;padding:0}
.sidebar-collapsed .season-go-text,.sidebar-collapsed .season-go-arrow{display:none}
/* Sezon w ciemnym motywie: kolory i dekoracje sezonu zostają, ale tło, jasne odcienie i pasek górny — ciemne. */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body[data-season]{--bg:#11161f;--primary-soft:#3a2416}:root:not([data-theme="light"]) body[data-season] .topbar{background:var(--panel)}}
:root[data-theme="dark"] body[data-season]{--bg:#11161f;--primary-soft:#3a2416}:root[data-theme="dark"] body[data-season] .topbar{background:var(--panel)}
.rank-row.sx-team{background:linear-gradient(90deg,rgba(14,116,144,.07),transparent)}.sx-team-tag{background:#e0f2fe;color:#075985;border-color:#bae6fd}
.sx-strip-team{background:#e0f2fe;color:#075985}
.reg-nip-msg{margin:-4px 0 0;min-height:18px;font-size:13px;color:var(--muted)}.reg-nip-msg.ok{color:#15803d;font-weight:600}.reg-nip-msg.err{color:#b91c1c;font-weight:600}
.reg-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reg-row-zip{grid-template-columns:130px 1fr}
.reg-company input.reg-filled{background:#f0fdf4;border-color:#86efac}
#regVat{background:var(--panel-head);color:var(--muted)}
.reg-company{padding-top:4px}
body:has(#authScreen:not([hidden])) .season-deco{display:none}
/* ───── Ekran logowania: prawa strona w stylu reklam ───── */
.auth-tabs{background:#f1f5f9!important}
.auth-promo{align-items:center;justify-content:center;padding:56px 48px}
.auth-promo-in{max-width:600px;width:100%}
.ap-kicker{display:inline-block;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);font-weight:800;font-size:13px;letter-spacing:.02em}
.auth-promo .auth-promo-in h2{margin:16px 0 12px;font-size:40px;line-height:1.08;letter-spacing:-.03em;font-weight:900}
.ap-lead{margin:0 0 26px;font-size:16px;line-height:1.5;opacity:.9;max-width:520px}
.ap-stage{position:relative;height:330px;margin-bottom:28px}
.ap-card{position:absolute;background:#fff;color:#111827;border-radius:18px;box-shadow:0 24px 50px rgba(0,0,0,.28);padding:16px 18px;font-size:13px}
.ap-card small{display:block;color:#6b7686;font-size:11.5px}
.ap-profit{left:0;top:10px;width:300px;transform:rotate(-2deg);z-index:2}
.ap-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;border-bottom:1px dashed #eef0f3}
.ap-row:last-child{border:0}.ap-row i{font-style:normal;font-size:10px;font-weight:800;color:#c2410c;background:#fff1e7;border-radius:999px;padding:2px 7px}
.ap-head{justify-content:flex-start;padding-top:0}.ap-head b{font-size:14px}
.ap-thumb{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#fde68a,#f97316);flex:none}
.ap-total{font-size:15px}.ap-row .neg{color:#dc2626}.ap-row .pos{color:#16a34a;font-size:20px}
.ap-keys{right:6px;top:0;width:230px;transform:rotate(3deg);display:grid;gap:8px}
.ap-keys kbd{display:inline-grid;place-items:center;min-width:34px;height:34px;margin:0 4px 4px 0;padding:0 8px;border-radius:9px;background:linear-gradient(#fff,#f1f5f9);border:2px solid #cbd5e1;border-bottom-width:4px;font:800 13px/1 inherit;color:#111827}
.ap-chat{right:0;top:150px;width:290px;transform:rotate(-1.5deg);background:#f8fafc;z-index:3}
.ap-chat p{margin:4px 0 10px;padding:9px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:14px 14px 14px 4px;width:fit-content}
.ap-reply{margin-left:auto;padding:9px 12px;background:#f05a00;color:#fff;border-radius:14px 14px 4px 14px;max-width:230px}.ap-reply small{color:rgba(255,255,255,.85);margin-top:4px}
.ap-count{left:40px;top:225px;width:200px;transform:rotate(2deg);display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:8px}
.ap-count b{font-size:40px;line-height:1;color:#f05a00;letter-spacing:-.03em}.ap-count span{font-weight:800}.ap-count small{grid-column:1/-1;margin-top:6px}
.ap-card{animation:apFloat 6s ease-in-out infinite}.ap-keys{animation-delay:-1.5s}.ap-chat{animation-delay:-3s}.ap-count{animation-delay:-4.5s}
@keyframes apFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
.ap-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none}
.ap-points li{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:12.5px;line-height:1.35}
.ap-points li::before{content:none!important}.ap-points span{font-size:20px}.ap-points b{display:block;font-size:13.5px;margin-bottom:2px}
@media (max-width:1180px){.ap-keys,.ap-count,.ap-points li:nth-child(3){display:none}.ap-stage{height:330px}.ap-profit{width:270px}.ap-chat{top:175px;right:-6px;width:250px}.ap-points{grid-template-columns:1fr 1fr}.auth-promo{padding:40px 32px}.auth-promo .auth-promo-in h2{font-size:32px}}
@media (prefers-reduced-motion:reduce){.ap-card{animation:none}}
.reg-terms{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;cursor:pointer}.reg-terms input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--primary)}.auth-foot a{color:inherit}

/* Karta osoby w raporcie ofert (klik w rankingu): kategorie + wiadomość */
.off-profile{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.off-prof-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.off-prof-head .grow{display:flex;flex-direction:column;min-width:140px}
.off-prof-msg{display:flex;flex-direction:column;gap:8px}
.off-prof-msg textarea{width:100%;resize:vertical}
.off-prof-cats{display:flex;flex-direction:column;gap:6px}
.off-prof-cat{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 0;border-top:1px solid var(--line)}
.off-prof-cat a{font-weight:600;overflow-wrap:anywhere}

/* Komunikator: lista osób + rozmowa 1:1 (czat zespołu jako pierwsza pozycja) */
.dm-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start}
.dm-side{display:flex;flex-direction:column;height:calc(100vh - 190px);min-height:420px;overflow:hidden}
.dm-search{padding:10px;border-bottom:1px solid var(--line)}
.dm-search input{width:100%}
.dm-contacts{flex:1;overflow-y:auto}
.dm-contact{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;cursor:pointer;color:inherit;font:inherit}
.dm-contact:hover{background:var(--panel-head)}
.dm-contact.on{background:var(--primary-soft,rgba(234,88,12,.1))}
.dm-contact .grow{min-width:0;display:flex;flex-direction:column}
.dm-contact small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-contact .dm-unread{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--primary);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}
.dm-contact.unread strong{font-weight:800}
.dm-group{padding:8px 12px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.dm-main{min-width:0}
.dm-thread{display:flex;flex-direction:column;height:calc(100vh - 190px);min-height:420px}
.dm-thread-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--panel-head);border-radius:var(--radius) var(--radius) 0 0}
.dm-thread-head #dmWho{display:flex;align-items:center;gap:8px}
.dm-back{display:none}
.dm-bubble-row{display:flex;padding:3px 14px}
.dm-bubble-row.mine{justify-content:flex-end}
.dm-bubble{max-width:75%;padding:8px 12px;border-radius:14px;background:var(--panel-head);border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}
.dm-bubble-row.mine .dm-bubble{background:var(--primary);border-color:var(--primary);color:#fff}
.dm-bubble small{display:block;margin-top:2px;font-size:11px;opacity:.7}
@media (max-width:900px){
  .dm-layout{grid-template-columns:1fr}
  .dm-layout.dm-open .dm-side{display:none}
  .dm-layout:not(.dm-open) .dm-main{display:none}
  .dm-back{display:inline-flex}
  .dm-side,.dm-thread{height:calc(100dvh - 56px - env(safe-area-inset-top) - 60px - env(safe-area-inset-bottom) - 150px);min-height:300px}
  body[data-role="student"] .tabbar button{font-size:10px}
}

/* Komunikator: obecność (kropka online, „17 min”) */
.av-wrap{position:relative;display:inline-flex;flex:none}
.online-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:#22c55e;border:2px solid var(--panel)}
.av.lg+.online-dot{width:13px;height:13px}
.dm-ago{color:var(--muted);font-size:11px;white-space:nowrap}
.dm-online{border-bottom:1px solid var(--line);padding-bottom:8px}
.dm-online-row{display:flex;gap:10px;overflow-x:auto;padding:4px 12px}
.dm-online-item{display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:none;cursor:pointer;color:inherit;font:inherit;min-width:52px}
.dm-online-item small{font-size:11px;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-who-text{display:flex;flex-direction:column;line-height:1.2}
.dm-who-text small{font-size:12px}
.dm-on{color:#16a34a;font-weight:600}

/* Karta osoby: edycja kolejki kategorii */
.off-prof-cat .cat-pos{font-weight:700;color:var(--muted);min-width:20px}
.off-prof-tools{margin-left:auto;display:inline-flex;gap:4px;align-items:center;flex-wrap:wrap}
.off-prof-edit{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;padding:8px 0;border-top:1px solid var(--line)}
.off-prof-edit .field{flex:1 1 140px}
.off-prof-edit .field.wide{flex:1 1 100%}
.off-prof-edit .row{flex:0 0 auto}
.off-prof-edit .row.wide{flex-basis:100%}
.off-prof-add{align-self:flex-start;margin-top:4px}

.off-prof-queue{display:flex;flex-direction:column}
.off-prof-cat[draggable="true"]{cursor:grab}
.off-prof-cat.dragging{opacity:.5;background:var(--panel-head)}
.off-prof-cat .cat-handle{color:var(--muted);cursor:grab;font-size:16px;user-select:none}

/* Kilka sezonów naraz na dole menu (np. Halloween + Wszystkich Świętych) */
.season-go-list{display:flex;flex-direction:column}
.season-go[data-occ="zmarli"]{border-color:rgba(250,204,21,.35);background:rgba(250,204,21,.07)}
.season-go-list .season-go-text b{white-space:normal;line-height:1.2}

/* Wszystkich Świętych: Matka Boża Częstochowska i Jezus Miłosierny w złotych łukach + modlitwa (tylko w motywie) */
.zm-card,.zm-login{display:none}
body[data-season="zmarli"] .zm-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin:0 0 16px;padding:18px 22px;border-radius:var(--radius);background:radial-gradient(60% 120% at 50% 0%,rgba(253,230,138,.22),transparent 70%),linear-gradient(135deg,#1f2744,#141a2e 70%,#2a1f0c);color:#fdf6e3;border:1px solid rgba(201,162,39,.45);box-shadow:0 10px 30px rgba(20,26,46,.25)}
.zm-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:8px}
.zm-fig img{width:150px;height:195px;object-fit:cover;border-radius:75px 75px 10px 10px;border:3px solid #c9a227;box-shadow:0 0 0 4px rgba(201,162,39,.18),0 0 28px rgba(253,230,138,.35)}
.zm-fig figcaption{font-size:13px;font-style:italic;text-align:center;color:#fde68a;line-height:1.3}
.zm-prayer{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;font-family:Georgia,"Times New Roman",serif}
.zm-prayer b{font-size:19px;font-weight:600;color:#fff7e0}
.zm-prayer span{font-size:16px;color:#f3e7c4}
.zm-prayer small{font-size:14px;color:#fde68a;letter-spacing:.08em}
.zm-prayer .zm-cross{font-size:30px;color:#fde68a;line-height:1;margin-bottom:4px;text-shadow:0 0 14px rgba(253,230,138,.7)}
body[data-season="zmarli"] .zm-login{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.zm-login img{width:84px;height:110px;object-fit:cover;border-radius:42px 42px 8px 8px;border:2px solid #c9a227;box-shadow:0 0 22px rgba(253,230,138,.35)}
.zm-login span{font-size:26px;color:#fde68a;text-shadow:0 0 12px rgba(253,230,138,.7)}
@media (max-width:700px){
  body[data-season="zmarli"] .zm-card{grid-template-columns:1fr 1fr;gap:14px;padding:14px}
  body[data-season="zmarli"] .zm-prayer{grid-column:1/-1;grid-row:2}
  .zm-fig img{width:120px;height:156px;border-radius:60px 60px 8px 8px}
  .zm-prayer b{font-size:16px}.zm-prayer span{font-size:14px}
}

/* Zamówienia (wpłaty z Allegro) */
#view-zamowienia .page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.ord-notify{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px;font-weight:600}
#view-zamowienia .kpis{margin-bottom:14px}
#view-zamowienia .kpi strong{color:#15803d}
.ord-row{align-items:center;gap:12px}
.ord-select{display:grid;place-items:center;flex:none;padding:8px;margin:-8px}.ord-select input{width:19px;height:19px;accent-color:var(--accent)}
.ord-img{width:44px;height:44px;border-radius:8px;object-fit:cover;flex:none;background:var(--panel-head)}
.ord-noimg{display:grid;place-items:center;font-size:20px}
.ord-row .grow strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ord-amount{color:#15803d;font-size:16px;white-space:nowrap}
#view-zamowienia .panel-head{flex-wrap:wrap;gap:8px}
.ord-state{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}.ord-state s{color:var(--muted)}
.ord-actions{display:flex;align-items:center;gap:8px;flex:none}.ord-supplier-btn{white-space:nowrap}.ord-sent{color:#15803d;font-size:12px;font-weight:700}
#supplierOrderDialog{width:min(720px,calc(100vw - 24px))}.supplier-order-dialog{width:100%}
#supplierOrderDialog .dialog-body{display:grid;gap:12px;max-height:calc(100vh - 170px);overflow:auto}
#supplierOrderDialog label:not(.check){display:grid;gap:5px;font-weight:700}.supplier-order-dialog input,.supplier-order-dialog textarea{width:100%}
.supplier-order-dialog textarea{font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.supplier-mail-meta{display:grid;grid-template-columns:80px 1fr;gap:8px;padding:10px 12px;background:var(--panel-head);border-radius:10px}.icon-btn.danger{color:#dc2626}
@media (max-width:650px){.ord-row{align-items:flex-start;flex-wrap:wrap}.ord-row .grow{min-width:calc(100% - 92px)}.ord-actions{width:100%;justify-content:flex-end}.ord-supplier-btn{flex:1}.supplier-order-dialog textarea{min-height:280px}#ordSupplierBulk{order:5;width:100%}}

/* ───── Telefon: poprawki układu (nic nie wychodzi poza ekran, „+” nie zasłania końca list) ───── */
@media (max-width:900px){
  .view{padding-bottom:84px}
  body[data-page="zespol"] .view,body[data-page="asystent"] .view{padding-bottom:0}
  .set-tabs{flex-wrap:wrap;overflow:visible}
  .set-tabs button{flex:1 1 auto;padding:0 10px}
}
@media (max-width:560px){
  .panel-head{flex-wrap:wrap;row-gap:6px;padding:8px 12px}
  .panel-head>.seg{order:9;flex:1 1 100%;max-width:100%;overflow-x:auto}
  .panel-head>.seg>button{flex:1 0 auto}
  .panel-head>select{order:10;flex:1 1 100%}
  .panel-head .tag{white-space:nowrap}
  .inline-form{flex-wrap:wrap}
  .inline-form>input,.inline-form>select,.inline-form>textarea,.inline-form>.btn{flex:1 1 100%;min-width:0}
  .inline-form>label.check{flex:0 1 auto}
  .sd-ext-info{align-items:flex-start}
  .panel-body,.panel{min-width:0}
  .kpis{grid-template-columns:1fr 1fr}
  .kpi strong{font-size:20px}
  .dm-contact small{max-width:60vw}
}

/* iPhone: tło pod dolnym paskiem w kolorze paska (bez jasnego pasa po powrocie do aplikacji); wysokość z JS (--app-h). */
@media (max-width:900px){
  html{background:var(--panel)}
  body{background:var(--bg);min-height:100%}
  .app{height:var(--app-h,100dvh)}
}

/* ───── Zwroty jak w Allegro Sales Center ───── */
.ret-filters button b{background:#eef0f4;color:#334155}
.ret-filters button b:empty{display:none}
.ret-card.al{border:1px solid #e5e7eb;border-left:1px solid #e5e7eb;border-radius:4px;background:#fff;color:#222;box-shadow:none;margin-bottom:14px}
.ret-card.al.late{box-shadow:inset 4px 0 0 #dc2626}
.ret-al-head{display:grid;grid-template-columns:auto 1.6fr auto auto 1fr;gap:28px;align-items:start;padding:18px 22px 14px;border-bottom:1px solid #e5e7eb}
.ret-al-f{display:flex;flex-direction:column;gap:2px;min-width:0}
.ret-al-f small{font-size:12px;color:#6b7280}
.ret-al-f b{font-weight:500;font-size:15px;color:#222}
.ret-window{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 22px 0;padding:11px 14px;border:1px solid #bbf7d0;border-left:4px solid #22c55e;border-radius:10px;background:#f0fdf4;color:#14532d}
.ret-window b{font-size:14px}.ret-window small{text-align:right;color:inherit}
.ret-window.warning{border-color:#fde68a;border-left-color:#f59e0b;background:#fffbeb;color:#78350f}
.ret-window.critical{border-color:#fecaca;border-left-color:#dc2626;background:#fef2f2;color:#991b1b}
.ret-window.unknown{border-color:#e5e7eb;border-left-color:#9ca3af;background:#f9fafb;color:#4b5563}
.ret-al-who{justify-content:flex-end}
.ret-al-login{color:#5b21b6;text-decoration:underline;font-size:14px}
.ret-flag{font-size:16px;line-height:1.2}
.ret-al-st{align-items:flex-end;text-align:right}
.ret-al-st b{font-weight:700}
.ret-al-items{padding:14px 22px 4px;border-bottom:1px solid #e5e7eb}
.ret-al-item{display:grid;grid-template-columns:auto minmax(0,1fr) 110px 110px;gap:16px;align-items:start;padding-bottom:10px}
.ret-al-item .sale-thumb,.ret-al-item img{width:64px;height:64px;object-fit:contain}
.ret-al-reason{margin-top:8px;color:#4b5563}
.ret-al-reason b{font-weight:500;color:#222}
.ret-al-qty{white-space:nowrap}
.ret-al-price{text-align:right;white-space:nowrap}
.ret-al-tags{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 10px}
.ret-al-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:16px 22px}
.ret-al-grid h4{margin:0 0 10px;font-size:17px;font-weight:600;color:#222}
.ret-al-grid p{margin:0 0 6px;font-size:14px}
.ret-wb{color:#5b21b6;text-decoration:underline;word-break:break-all}
.ret-track{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:999px;background:#f1f5f9;font-size:12px;color:#334155}
.ret-tl{list-style:none;margin:0;padding:0 0 0 22px;position:relative}
.ret-tl::before{content:"";position:absolute;left:5px;top:6px;bottom:10px;width:2px;background:#e5e7eb}
.ret-tl li{position:relative;padding:0 0 14px}
.ret-tl li::before{content:"";position:absolute;left:-21px;top:4px;width:10px;height:10px;border-radius:50%;background:#d1d5db}
.ret-tl li.done::before{background:#4b5563}
.ret-tl li.now::before{background:#2563eb;width:14px;height:14px;left:-23px;top:2px}
.ret-tl li b{display:block;font-weight:400;font-size:14px;color:#9ca3af}
.ret-tl li.done b,.ret-tl li.now b{color:#222}.ret-tl li.now b{font-weight:600}
.ret-tl li small{font-size:12px;color:#6b7280}
.ret-al-total{display:flex;flex-direction:column;align-items:flex-end;padding:0 22px 12px}
.ret-al-total small{font-size:12px;color:#6b7280}.ret-al-total b{font-size:17px;font-weight:500}
.ret-sharkly{position:relative;margin:0 22px 12px;padding:12px 14px 10px;border:1px dashed #d1d5db;border-radius:8px;background:#fafafa;font-size:13.5px}
.ret-sharkly-lbl{position:absolute;top:-9px;left:10px;padding:0 6px;background:#fff;font-size:11px;font-weight:700;color:var(--primary);letter-spacing:.04em;text-transform:uppercase}
.ret-sharkly p{margin:0 0 8px}
.ret-card.al .ret-actions{background:#fff;border-top:1px solid #e5e7eb;border-radius:0 0 4px 4px;padding:12px 22px}
.ret-al-link{margin-left:auto;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:13px;color:#222;text-decoration:none}
.ret-al-link:hover{color:var(--primary)}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .ret-card.al{background:var(--panel);color:var(--text);border-color:var(--line)}
  :root:not([data-theme="light"]) .ret-al-f b,:root:not([data-theme="light"]) .ret-al-grid h4,:root:not([data-theme="light"]) .ret-al-reason b,:root:not([data-theme="light"]) .ret-tl li.done b,:root:not([data-theme="light"]) .ret-tl li.now b,:root:not([data-theme="light"]) .ret-al-link{color:var(--text)}
  :root:not([data-theme="light"]) .ret-al-head,:root:not([data-theme="light"]) .ret-al-items,:root:not([data-theme="light"]) .ret-card.al .ret-actions{border-color:var(--line)}
  :root:not([data-theme="light"]) .ret-card.al .ret-actions{background:var(--panel)}
  :root:not([data-theme="light"]) .ret-sharkly{background:var(--panel-head);border-color:var(--line)}
  :root:not([data-theme="light"]) .ret-sharkly-lbl{background:var(--panel)}
  :root:not([data-theme="light"]) .ret-al-login,:root:not([data-theme="light"]) .ret-wb{color:#a78bfa}
}
:root[data-theme="dark"] .ret-card.al{background:var(--panel);color:var(--text);border-color:var(--line)}
:root[data-theme="dark"] .ret-al-f b,:root[data-theme="dark"] .ret-al-grid h4,:root[data-theme="dark"] .ret-al-reason b,:root[data-theme="dark"] .ret-tl li.done b,:root[data-theme="dark"] .ret-tl li.now b,:root[data-theme="dark"] .ret-al-link{color:var(--text)}
:root[data-theme="dark"] .ret-al-head,:root[data-theme="dark"] .ret-al-items,:root[data-theme="dark"] .ret-card.al .ret-actions{border-color:var(--line)}
:root[data-theme="dark"] .ret-card.al .ret-actions{background:var(--panel)}
:root[data-theme="dark"] .ret-sharkly{background:var(--panel-head);border-color:var(--line)}
:root[data-theme="dark"] .ret-sharkly-lbl{background:var(--panel)}
:root[data-theme="dark"] .ret-al-login,:root[data-theme="dark"] .ret-wb{color:#a78bfa}
@media (max-width:900px){
  .ret-al-head{grid-template-columns:1fr 1fr;gap:12px 16px;padding:14px}
  .ret-window{align-items:flex-start;flex-direction:column;gap:3px;margin:10px 14px 0}.ret-window small{text-align:left}
  .ret-al-st{grid-column:2;grid-row:1;align-items:flex-end}
  .ret-al-items,.ret-al-grid{padding-left:14px;padding-right:14px}
  .ret-al-item{grid-template-columns:auto minmax(0,1fr);gap:10px}
  .ret-al-qty,.ret-al-price{grid-column:2}
  .ret-al-price{text-align:left;font-weight:600}
  .ret-al-grid{grid-template-columns:1fr 1fr;gap:16px}
  .ret-sharkly{margin:0 14px 12px}
  .ret-card.al .ret-actions{padding:12px 14px}
}
@media (max-width:560px){.ret-al-grid{grid-template-columns:1fr}}

/* Pushover w Ustawieniach → Powiadomienia */
.po-box{margin-top:6px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-head)}
.po-box summary{cursor:pointer;font-weight:600}
.po-box[open] summary{margin-bottom:8px}
.po-form{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;margin:8px 0}
.po-form .field{flex:1 1 240px}
.po-box{min-width:0;max-width:100%;overflow:hidden}
.po-box p,.po-box label{overflow-wrap:anywhere}
.po-form .field{min-width:0}.po-form input{width:100%;min-width:0;box-sizing:border-box}
@media (max-width:560px){.po-form{flex-direction:column;align-items:stretch}.po-form .btn{width:100%}.po-box .row{flex-wrap:wrap}}
@media (max-width:560px){.po-form .field{flex:0 0 auto}}
.po-box .check{white-space:normal;align-items:flex-start}
/* Zamówienia — przejście do aukcji w Allegro */
a.ord-row.ord-link{color:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
a.ord-row.ord-link:active{background:rgba(255,90,0,.08)}
.ord-go{flex:none;color:#ff5a00;font-weight:800;font-size:1.05rem;margin-left:-4px}
/* Magazyn — „Wystaw ponownie” na Allegro */
.stock-actions{white-space:nowrap;text-align:right}
.stock-actions .btn{margin-right:4px}
.relist-tag{display:inline-block;margin-right:6px;text-decoration:none;color:#ff5a00;border-color:rgba(255,90,0,.35)}
.relist-offer{display:flex;flex-direction:column;gap:2px;min-height:20px}
.relist-offer a{color:inherit;text-decoration:none}
.relist-offer a:hover b{text-decoration:underline}
@media (max-width:700px){.stock-actions{white-space:normal}.stock-actions .btn{margin:4px 0}}

/* Faktury zakupowe (Integracje) */
.inv-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.inv-step{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;gap:6px;align-content:start}
.inv-step label.btn{justify-self:start;cursor:pointer}
.inv-range{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.inv-range input{min-width:0;max-width:150px}
.inv-token{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.inv-token input{flex:1 1 160px;min-width:0}
.inv-counts span{display:inline-block;margin:2px 6px 2px 0;font-size:12px}
.inv-filter button.on{box-shadow:0 0 0 2px #ff7a1a inset;font-weight:700}
.inv-items td{vertical-align:top}.inv-items small{display:block;color:var(--muted)}
.inv-st{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:700;background:#e5e7eb;color:#374151;white-space:nowrap}
.inv-st.uploaded,.inv-st.drive{background:#15803d;color:#fff}.inv-st.extra{background:#0f766e;color:#fff}.inv-st.ksef{background:#c8102e;color:#fff}.inv-st.missing{background:#111827;color:#fff}.inv-st.mail{background:#f59e0b;color:#111}.inv-st.sheet{background:#64748b;color:#fff}.inv-st.in_ksef{background:#c8102e;color:#fff}.inv-st.pending{background:#f59e0b;color:#111}.inv-st.error{background:#7f1d1d;color:#fff}
.inv-report{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;gap:8px}
.inv-report .integ-table-wrap{max-height:420px;overflow:auto}
.inv-flow{margin:0;padding-left:20px;display:grid;gap:2px;color:var(--muted);font-size:14px}.inv-flow b{color:var(--text,inherit)}
.inv-src{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.inv-report td:first-child{white-space:nowrap}
.inv-aliases{display:flex;flex-wrap:wrap;gap:6px}.inv-aliases span{display:inline-flex;align-items:center;gap:4px;padding:3px 4px 3px 8px;border:1px solid var(--line);border-radius:7px;font-size:13px}.inv-aliases button{border:0;background:none;cursor:pointer;color:var(--muted);padding:0 4px}
.inv-run-dialog{width:min(480px,calc(100vw - 24px));border-radius:14px}.inv-run{padding:22px 22px 18px;display:grid;gap:10px}.inv-run h2{margin:0;font-size:20px}
.inv-bar{height:12px;border-radius:99px;background:var(--line);overflow:hidden}.inv-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff7a1a,#ff3d81);border-radius:99px;transition:width .4s}
.inv-bar.busy i{width:35%!important;animation:invbusy 1.2s ease-in-out infinite}@keyframes invbusy{0%{margin-left:-35%}100%{margin-left:100%}}
.inv-run-counts{margin:0;font-size:14px}.inv-run-warn{margin:0;padding:10px 12px;border-radius:10px;background:#fff7ed;color:#7c2d12;font-size:13px;line-height:1.45}
.inv-run-actions{justify-content:flex-end}
/* Księgowość — przegląd firm (kolory statusów sprawdzone pod kątem daltonizmu; zawsze z podpisem i liczbą) */
.inv-panel{--s-ksef:#1baf7a;--s-drive:#2a78d6;--s-mail:#eda100;--s-missing:#e87ba4;padding:18px;display:grid;gap:14px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .inv-panel{--s-ksef:#199e70;--s-drive:#3987e5;--s-mail:#c98500;--s-missing:#d55181}}
:root[data-theme="dark"] .inv-panel{--s-ksef:#199e70;--s-drive:#3987e5;--s-mail:#c98500;--s-missing:#d55181}
.inv-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.inv-top h2{margin:0 0 2px;font-size:20px}.inv-top p{margin:0}
.inv-top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inv-progress{margin:-6px 0 0}
.inv-overview{display:grid;gap:14px}.inv-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.inv-tile{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;gap:2px;background:var(--panel)}
.inv-tile small{color:var(--muted);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.04em}.inv-tile b{font-size:28px;line-height:1.1}.inv-tile span{font-size:12px}
.inv-tile.good b{color:var(--s-ksef)}.inv-tile.bad{border-color:var(--s-missing)}.inv-tile.bad b{color:var(--text)}
.inv-total{display:grid;gap:8px}
.inv-stack{display:flex;gap:2px;height:12px;border-radius:4px;overflow:hidden;background:var(--line)}.inv-stack.big{height:22px;border-radius:6px}
.inv-stack.empty{opacity:.5}.inv-stack .seg{min-width:3px;cursor:default}.inv-stack .seg:hover{filter:brightness(1.12)}
.s-ksef{background:var(--s-ksef)}.s-drive{background:var(--s-drive)}.s-mail{background:var(--s-mail)}.s-missing{background:var(--s-missing)}
.inv-legend{display:flex;flex-wrap:wrap;gap:4px 10px}.inv-legend .lg{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:2px 4px;border-radius:6px;font:inherit;font-size:13px;color:var(--muted);cursor:pointer}
.inv-legend .lg:hover{background:var(--side-2,rgba(0,0,0,.05));color:var(--text)}.inv-legend b{color:var(--text)}
.inv-legend .dot{width:10px;height:10px;border-radius:3px;display:inline-block}.inv-legend .dot.chk{background:repeating-linear-gradient(135deg,var(--muted) 0 2px,transparent 2px 4px);border:1px solid var(--muted)}
.inv-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.inv-card{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:10px;align-content:start;background:var(--panel)}
.inv-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.inv-card h3{margin:0;font-size:17px}
.inv-ks{border:0;border-radius:99px;padding:3px 10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.inv-ks.on{background:color-mix(in srgb,var(--s-ksef) 18%,transparent);color:inherit}.inv-ks.bad{background:color-mix(in srgb,var(--s-missing) 25%,transparent);color:inherit}.inv-ks.off{background:var(--line);color:var(--muted)}
.inv-card-num{display:flex;align-items:baseline;gap:8px}.inv-card-num b{font-size:26px}
.inv-shops{display:grid;gap:6px}.inv-shop{display:grid;grid-template-columns:minmax(90px,130px) 1fr auto;align-items:center;gap:8px;font-size:13px}
.inv-shop span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-shop small{min-width:44px;text-align:right;color:var(--muted)}.inv-shop .inv-stack{height:8px}
.inv-card footer{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;border-top:1px solid var(--line);padding-top:8px}
.inv-sec{border:1px solid var(--line);border-radius:12px;background:var(--panel)}.inv-sec>summary{cursor:pointer;padding:12px 14px;display:flex;gap:10px;align-items:baseline;list-style:none}
.inv-sec>summary::-webkit-details-marker{display:none}.inv-sec>summary::before{content:'▸';color:var(--muted);transition:transform .15s}.inv-sec[open]>summary::before{transform:rotate(90deg)}
.inv-sec>summary small{color:var(--muted)}.inv-sec.warn>summary small{color:#b45309;font-weight:600}
.inv-sec-body{padding:0 14px 14px;display:grid;gap:10px}.inv-file{justify-self:start;cursor:pointer}.inv-drive-row{display:grid;gap:4px}
.inv-tip{position:absolute;z-index:80;pointer-events:none;background:var(--text);color:var(--panel);font-size:12px;padding:4px 8px;border-radius:6px;white-space:nowrap}
@media (max-width:600px){.inv-panel{padding:12px}.inv-tile b{font-size:22px}.inv-shop{grid-template-columns:90px 1fr auto}}
.inv-detail td:first-child,.inv-detail td:nth-child(5){white-space:nowrap}
.inv-month{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.inv-month select{font:inherit;color:var(--text);padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);max-width:230px}
.inv-total-row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.inv-card-act{display:inline-flex;gap:6px;flex-wrap:wrap}
/* Zamówienia — „Gdzie kupić” (oferta dostawcy) */
.ord-row.ord-link{cursor:pointer;-webkit-tap-highlight-color:transparent}
.ord-row.ord-link:active{background:rgba(255,90,0,.08)}
.ord-source{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:3px 9px;border-radius:999px;font-size:.78rem;font-weight:700;color:#ff5a00;background:rgba(255,90,0,.1);text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ord-source:active{background:rgba(255,90,0,.2)}
/* Zwroty u nas > 3 dni — Allegro po 7 dniach od doręczenia oddaje klientowi pieniądze */
.ret-filters .ret-f-late{color:#c62828;border-color:rgba(198,40,40,.35);background:rgba(198,40,40,.07)}
.ret-filters .ret-f-late.on{background:#c62828;color:#fff;border-color:#c62828}
.ret-stay-bar{display:flex;align-items:center;gap:12px;margin:10px 0;padding:12px 14px;border-radius:12px;background:rgba(198,40,40,.08);border:1px solid rgba(198,40,40,.3);color:#8e1b1b}
.ret-stay-bar .grow{display:flex;flex-direction:column;gap:2px;min-width:0}
.ret-stay-bar small{color:inherit;opacity:.85}
.ret-stay{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:.78rem;font-weight:700;background:rgba(245,124,0,.12);color:#b45309;margin-right:6px}
.ret-stay.late{background:rgba(198,40,40,.12);color:#c62828}
.home-stay{border-left:4px solid #c62828}
.home-stay-hint{margin:0 16px 6px}
.home-stay .list-item small.neg{color:#c62828;font-weight:700}
@media (max-width:700px){.ret-stay-bar{flex-wrap:wrap}.ret-stay-bar .btn{width:100%}}
/* Katalog ofert */
.cat-sync{margin:0 0 12px;padding:10px 14px;border-radius:12px;background:var(--card,#fff);border:1px solid var(--line,#e6e3ee);font-size:.9rem}
.cat-filters{gap:8px;flex-wrap:wrap}
.cat-filters{flex-wrap:wrap}
.cat-filters input,.cat-filters select{width:auto}
.cat-filters #catSearch,.cat-filters #prodSearch{flex:1 1 280px;min-width:0}
.cat-filters select{flex:0 1 220px}
.cat-table td{vertical-align:middle}
.cat-prod{display:flex;align-items:center;gap:10px;min-width:280px}
.cat-prod img,.cat-noimg{width:44px;height:44px;flex:none;border-radius:8px;object-fit:cover;background:#f3f3f3;display:grid;place-items:center}
.cat-prod div{display:flex;flex-direction:column;gap:2px;min-width:0}
.cat-prod b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cat-pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px}
#catDialog{width:min(900px,calc(100vw - 24px))}
.cat-dialog{width:100%}
#catDialog .dialog-body{max-height:calc(100vh - 120px);overflow-y:auto}
.cat-dlg-meta{margin-bottom:10px}
.cat-ids{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0 0 12px}
.cat-ids dt{color:var(--muted,#777)}.cat-ids dd{margin:0;font-weight:600}
.cat-imgs{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:10px}
.cat-imgs img{height:110px;border-radius:8px;border:1px solid var(--line,#e6e3ee)}
.cat-params th{width:40%;font-weight:600;color:var(--muted,#666)}
.cat-desc{white-space:pre-wrap;font-size:.92rem;line-height:1.5;max-height:360px;overflow:auto;padding:10px;border-radius:8px;background:rgba(0,0,0,.03)}
@media (max-width:700px){.cat-prod{min-width:220px}}
/* Allegro — oferty jako podpozycja „Produkty” w menu (jak w Base) */
nav button.nav-sub,.nav button.nav-sub,button.nav-sub{padding-left:34px;font-size:.92em;opacity:.92}
/* Kategorie Allegro */
.acat-crumbs{padding:8px 14px;border-bottom:1px solid var(--line,#e6e3ee);font-size:.9rem}
.acat-row{gap:8px}
.acat-row.clickable{cursor:pointer}
.acat-row .grow{display:flex;flex-direction:column;gap:2px;min-width:0}
.cat-act{text-align:right;white-space:nowrap}
.btn.cat-end{color:#c62828;border-color:rgba(198,40,40,.35)}
.btn.cat-end:hover{background:#fff5f5;border-color:#c62828}
.cat-offers-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.cat-shops{margin:0 0 12px;padding:10px 14px}
.cat-shops summary{cursor:pointer;font-size:.92rem}
.cat-shops-list{display:flex;flex-wrap:wrap;gap:8px 16px;margin:10px 0}
/* Telefony — pasek filtrów i karty do obdzwonienia */
.calls-bar{display:flex;flex-direction:column;gap:12px;padding:14px 16px 12px;border-bottom:1px solid var(--line)}
.calls-tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--panel-head);border:1px solid var(--line);align-self:flex-start;max-width:100%;overflow-x:auto}
.calls-tabs button{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--muted);font-weight:600;font-size:14px;padding:8px 14px;border-radius:9px;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}
.calls-tabs button:hover{color:var(--text)}
.calls-tabs button.on{background:var(--panel);color:var(--text);box-shadow:0 1px 3px rgba(16,24,40,.12)}
.calls-tabs b{min-width:20px;padding:1px 7px;border-radius:999px;background:var(--line);color:var(--text);font-size:12px;text-align:center}
.calls-tabs b:empty{display:none}
.calls-tabs button.on b{background:var(--primary);color:#fff}
.calls-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.calls-chips{display:flex;gap:6px;flex-wrap:wrap;flex:0 1 auto;margin-right:auto}
.calls-chips button{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border:1px solid var(--line-strong);border-radius:999px;background:var(--panel);color:var(--text);font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .15s}
.calls-chips button:hover{border-color:var(--muted)}
.calls-chips button.on{background:var(--text);border-color:var(--text);color:var(--panel)}
.calls-chips b{font-size:12px;opacity:.65}.calls-chips b:empty{display:none}
.calls-chips .dot{width:8px;height:8px;border-radius:50%;background:var(--kc)}
.calls-filters select,.calls-filters input{height:36px;border-radius:10px}
#callsShop{flex:0 1 190px;width:auto}
#callsSearch{flex:0 1 220px;width:auto;min-width:140px}
.k-out{--kc:#e5484d;--kc-soft:rgba(229,72,77,.09)}
.k-proposal{--kc:#3e63dd;--kc-soft:rgba(62,99,221,.09)}
.k-info{--kc:#30a46c;--kc-soft:rgba(48,164,108,.1)}
.k-note{--kc:#8b8d98;--kc-soft:rgba(139,141,152,.1)}
#callsList{display:grid;gap:14px;padding:16px}
.ci{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.call-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 1px 2px rgba(16,24,40,.05);overflow:hidden}
.call-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--kc)}
.call-card.is-done{background:var(--panel-head)}
.call-card.is-done::before{background:var(--success)}
.call-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px}
.call-badge{padding:3px 10px;border-radius:999px;background:var(--kc);color:#fff;font-weight:700;letter-spacing:.02em}
.call-shop{padding:3px 10px;border-radius:999px;background:var(--panel-head);border:1px solid var(--line);font-weight:700;color:var(--text)}
.call-date{color:var(--muted)}
.call-tries{margin-left:auto;display:inline-flex;align-items:center;gap:5px;color:var(--warning);font-weight:700}
.call-ok{margin-left:auto;display:inline-flex;align-items:center;gap:5px;color:var(--success);font-weight:700}
.call-order{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center}
.call-img{width:52px;height:52px;border-radius:12px;object-fit:cover;background:var(--panel-head);border:1px solid var(--line);display:grid;place-items:center;color:var(--muted)}
.call-img .ci{width:22px;height:22px}
.call-prod{font-weight:650;font-size:15px;line-height:1.35;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.call-prod a{color:var(--text);text-decoration:none}.call-prod a:hover{color:var(--primary);text-decoration:underline}
.call-total{font-weight:800;font-size:17px;white-space:nowrap}
.call-brief{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:12px;background:var(--kc-soft);border:1px solid color-mix(in srgb,var(--kc) 22%,transparent)}
.call-brief p{margin:0;font-weight:650;font-size:15px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}
.call-brief p a,.call-comment a,.call-result a{color:inherit;text-decoration:underline;font-weight:600;word-break:break-all}
.call-link{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;max-width:100%;padding:7px 12px;border-radius:10px;background:var(--panel);border:1px solid color-mix(in srgb,var(--kc) 35%,transparent);color:var(--kc);font-weight:700;font-size:13px;text-decoration:none}
.call-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.call-link:hover{background:var(--kc);color:#fff}
.call-person{display:flex;align-items:center;gap:12px}
.call-avatar{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--panel-head);border:1px solid var(--line);font-weight:800;font-size:14px;color:var(--muted)}
.call-who{display:flex;flex-direction:column;min-width:0;flex:1}
.call-who strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.call-who small{color:var(--muted);font-size:12.5px}
.call-dial{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 18px;border-radius:12px;background:var(--success);color:#fff;font-weight:800;font-size:16px;letter-spacing:.02em;text-decoration:none;white-space:nowrap;box-shadow:0 2px 6px color-mix(in srgb,var(--success) 35%,transparent);transition:transform .1s,filter .15s}
.call-dial:hover{filter:brightness(1.07)}.call-dial:active{transform:translateY(1px)}
.call-dial .ci{width:18px;height:18px}
.call-nophone{color:var(--muted);font-size:13px}
.call-comment{display:flex;gap:10px;padding:10px 12px;border-radius:12px;background:var(--warning-soft);color:var(--text)}
.call-comment>.ci{color:var(--warning);margin-top:2px}
.call-comment p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.call-comment small,.call-result small{color:var(--muted);font-size:12px}
.call-sent{display:flex;gap:8px;flex-wrap:wrap}
.call-sent span{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--success-soft);color:var(--success);font-size:12.5px;font-weight:700}
.call-result{padding:10px 12px;border-radius:12px;background:var(--success-soft);border:1px solid color-mix(in srgb,var(--success) 25%,transparent)}
.call-result p{margin:2px 0 0;font-weight:650}
.call-tools{display:flex;gap:6px;flex-wrap:wrap;padding-top:2px}
.call-tool{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}
.call-tool:hover{background:var(--panel-head);color:var(--text)}
.call-tool[aria-expanded="true"]{background:var(--primary-soft);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 30%,transparent)}
.call-panel{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:var(--panel-head);border:1px solid var(--line)}
.call-panel textarea{width:100%;box-sizing:border-box;font:inherit;font-size:14px;line-height:1.5;border-radius:10px;resize:vertical}
.call-panel-label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.call-panel-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.call-panel-actions .btn{gap:7px;border-radius:9px;text-decoration:none}
.call-panel-actions a.btn{color:var(--text)}
.call-foot{display:flex;gap:10px;align-items:center;padding-top:12px;border-top:1px dashed var(--line)}
.call-outcome{flex:1 1 auto;min-width:0;height:40px;border-radius:10px}
.call-acts{display:flex;gap:8px;flex:none}
.call-act{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 14px;border-radius:10px;font-size:13.5px;font-weight:700;white-space:nowrap;cursor:pointer;border:1px solid var(--line-strong);background:var(--panel);color:var(--text);transition:all .15s}
.call-act:hover{border-color:var(--muted)}
.call-act.is-ghost{color:var(--muted)}
.call-act.is-soft{background:#eef3ff;border-color:#c9d6ff;color:#3e63dd}
.call-act.is-soft:hover{background:#3e63dd;border-color:#3e63dd;color:#fff}
.call-act.is-main{background:var(--success);border-color:var(--success);color:#fff}
.call-act.is-main:hover{filter:brightness(1.07)}
.calls-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:48px 16px;text-align:center;color:var(--muted)}
.calls-empty>.ci{width:36px;height:36px;color:var(--success);padding:12px;border-radius:50%;background:var(--success-soft);box-sizing:content-box}
.calls-empty p{margin:6px 0 0;font-weight:700;color:var(--text)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .call-act.is-soft{background:#1c2540;border-color:#2c3a66;color:#8da4ef}}
:root[data-theme="dark"] .call-act.is-soft{background:#1c2540;border-color:#2c3a66;color:#8da4ef}
@media (max-width:700px){
  .calls-bar{padding:12px}.calls-tabs{align-self:stretch}.calls-tabs button{flex:1;justify-content:center;padding:8px 6px;font-size:13px;gap:5px}
  .calls-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -12px;padding:0 12px 2px;width:calc(100% + 24px);flex-basis:100%}
  #callsShop,#callsSearch{flex:1 1 100%}
  #callsList{padding:10px;gap:10px}.call-card{padding:14px}
  .call-order{grid-template-columns:44px 1fr}.call-img{width:44px;height:44px}.call-total{grid-column:2;font-size:16px}
  .call-person{flex-wrap:wrap}.call-dial{width:100%;justify-content:center;height:48px}
  .call-foot{flex-direction:column;align-items:stretch}.call-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.call-act.is-main{grid-column:1/-1;height:46px}
}

.ord-buyacc{display:inline-flex;align-items:center;gap:4px;margin-top:3px;margin-right:8px;padding:2px 9px;border-radius:999px;background:var(--success-soft);color:var(--success);font-size:12px;font-weight:600}
.ord-buyacc b{font-weight:800}
.ord-inv{display:inline-flex;align-items:center;gap:4px;margin-top:3px;margin-right:6px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700}
.ord-inv.ok{background:var(--success-soft);color:var(--success)}
.ord-inv.wait{background:var(--warning-soft);color:var(--warning)}
.ord-inv.bad{background:var(--danger-soft);color:var(--danger)}
.sd-update a.btn{text-decoration:none}
/* SHARKDROP — duża sekcja konkursu */
#contestPanel.has-hero{background:transparent;border:0;box-shadow:none}
#contestPanel.has-hero>.panel-head{display:none}
#contestPanel.has-hero>.panel-body{padding:0}
.contest-hero{position:relative;display:flex;flex-direction:column;gap:18px;padding:24px;border-radius:20px;color:#fff;background:radial-gradient(120% 140% at 100% 0%,#ff7a1a 0%,#c2410c 28%,#3b0764 70%,#1e1b4b 100%);box-shadow:0 18px 40px rgba(59,7,100,.28);overflow:hidden}
.contest-hero::after{content:"🏆";position:absolute;right:-18px;bottom:-38px;font-size:190px;opacity:.08;pointer-events:none}
.contest-hero.is-future{background:radial-gradient(120% 140% at 100% 0%,#6366f1 0%,#3730a3 45%,#1e1b4b 100%)}
.ch-top{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.ch-top h2{margin:6px 0 6px;font-size:28px;line-height:1.15;color:#fff}
.ch-top p{margin:0;opacity:.9;max-width:560px}
.ch-kicker{display:inline-block;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.16);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.ch-del{position:absolute;top:10px;right:10px;color:#fff}
.ch-count-box{text-align:center}
.ch-cd{display:flex;gap:8px}
.ch-cd span{display:flex;flex-direction:column;align-items:center;min-width:58px;padding:8px 6px;border-radius:12px;background:rgba(0,0,0,.28);backdrop-filter:blur(4px)}
.ch-cd b{font-size:26px;font-variant-numeric:tabular-nums;line-height:1}
.ch-cd small{font-size:11px;opacity:.8;margin-top:3px}
.ch-cd-label{display:block;margin-top:6px;font-size:12px;opacity:.85}
.ch-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:end}
.ch-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end}
.ch-step{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.ch-medal{font-size:34px;line-height:1}
.ch-prize{font-size:22px;font-weight:900;color:#ffd166}
.ch-step-1 .ch-prize{font-size:30px}
.ch-leader{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:64px;font-size:13px}
.ch-leader span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-leader b{font-size:12px;padding:1px 8px;border-radius:999px;background:rgba(255,255,255,.18)}
.ch-block{width:100%;display:grid;place-items:center;border-radius:12px 12px 4px 4px;background:rgba(255,255,255,.14);font-size:22px;font-weight:900;color:rgba(255,255,255,.7)}
.ch-step-1 .ch-block{height:110px;background:linear-gradient(180deg,rgba(255,209,102,.55),rgba(255,209,102,.15))}
.ch-step-2 .ch-block{height:80px}
.ch-step-3 .ch-block{height:58px}
.ch-side{display:flex;flex-direction:column;gap:12px}
.ch-me,.ch-join{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.96);color:#1f2a37}
.ch-me-top{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}
.ch-me-top small{display:block;font-size:11px;color:#6b7686;text-transform:uppercase;letter-spacing:.04em}
.ch-me-top b{font-size:24px}
.ch-bar{height:10px;margin:12px 0 6px;border-radius:999px;background:#eef1f5;overflow:hidden}
.ch-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f97316,#facc15)}
.ch-bar-label{color:#475467}
.ch-join{display:flex;flex-direction:column;gap:10px}
.ch-join b{font-size:17px}.ch-join small{display:block;color:#6b7686}
.ch-join .check{font-size:13px}
.ch-join-btn{height:46px;border:0;border-radius:12px;background:linear-gradient(90deg,#f97316,#ea580c);color:#fff;font-size:15px;font-weight:800;box-shadow:0 6px 16px rgba(234,88,12,.35)}
.ch-join-btn:hover{filter:brightness(1.06)}
.ch-how{margin:0;padding:0;list-style:none;display:grid;gap:6px;counter-reset:ch}
.ch-how li{display:flex;gap:10px;align-items:baseline;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.1);counter-increment:ch;font-size:13px}
.ch-how li::before{content:counter(ch);flex:none;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#ffd166;color:#3b0764;font-weight:900;font-size:12px}
.ch-how b{white-space:nowrap}.ch-how span{opacity:.85}
.ch-rank,.ch-files{border-radius:14px;background:rgba(255,255,255,.96);color:#1f2a37}
.ch-rank>summary,.ch-files>summary{cursor:pointer;padding:12px 16px;font-weight:700}
.ch-rank .contest-board{padding:0 12px 12px}
.ch-rank .rank-row{display:flex;align-items:center;gap:10px}
.ch-count{font-variant-numeric:tabular-nums}
.ch-mini{height:4px;margin-top:4px;border-radius:999px;background:#eef1f5;overflow:hidden}
.ch-mini span{display:block;height:100%;background:#f97316}
.ch-files .contest-thumbs{padding:0 12px 12px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ch-me,:root:not([data-theme="light"]) .ch-join,:root:not([data-theme="light"]) .ch-rank,:root:not([data-theme="light"]) .ch-files{background:var(--panel);color:var(--text)}}
:root[data-theme="dark"] .ch-me,:root[data-theme="dark"] .ch-join,:root[data-theme="dark"] .ch-rank,:root[data-theme="dark"] .ch-files{background:var(--panel);color:var(--text)}
@media (max-width:760px){.contest-hero{padding:18px;border-radius:16px}.ch-top h2{font-size:22px}.ch-grid{grid-template-columns:1fr}.ch-cd span{min-width:52px}.ch-cd b{font-size:22px}.ch-count-box{width:100%}.ch-cd{justify-content:center}}
.ch-rank .rank-row .grow{flex:1;min-width:0}.ch-rank .rank-row .ch-mini{max-width:320px}
/* Okno: dołącz do konkursu (kursant z ofertami, niezapisany) */
.contest-nag{width:min(440px,calc(100vw - 24px));padding:0;border:0;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.contest-nag::backdrop{background:rgba(15,10,40,.55);backdrop-filter:blur(2px)}
.cn-body{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:26px 24px 20px;text-align:center;color:#fff;background:radial-gradient(120% 140% at 100% 0%,#ff7a1a 0%,#c2410c 30%,#3b0764 75%,#1e1b4b 100%)}
.cn-body h2{margin:0;font-size:22px;line-height:1.2;color:#fff}
.cn-body p{margin:0;opacity:.92;line-height:1.45}
.cn-body .check{color:#fff;font-size:13px}.cn-body .check a{color:#ffd166}
.cn-body small.muted{color:rgba(255,255,255,.75)}
.cn-body .ch-join-btn{width:100%}
.cn-trophy{font-size:54px;line-height:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
.cn-prizes{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.cn-prizes span{padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.16);font-weight:800;color:#ffd166}
.cn-close{position:absolute;top:8px;right:8px;z-index:6;color:#fff}
.ann-nag .cn-close{top:10px;right:10px;width:40px;height:40px;min-width:36px;min-height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(0,0,0,.62);color:#fff;font-size:26px;font-weight:700;line-height:1;box-shadow:0 2px 10px rgba(0,0,0,.4)}
.ann-nag .cn-body{padding-top:56px}
.ann-nag .ann-shot{position:relative;z-index:1}
.cn-body.contest-join{border:0;margin:0}
/* Okno: nowa wersja wtyczki */
.plugin-nag .pn-body{background:radial-gradient(120% 140% at 100% 0%,#22d3ee 0%,#0e7490 35%,#1e3a8a 75%,#172554 100%)}
.pn-notes{margin:0;padding:10px 14px 10px 30px;border-radius:12px;background:rgba(255,255,255,.12);text-align:left;font-size:13px;line-height:1.45;align-self:stretch}
.pn-notes li+li{margin-top:4px}
.pn-dl{display:flex;gap:8px;align-self:stretch}
.pn-dl .ch-join-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.pn-alt{height:46px;border-radius:12px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;padding:0 16px}
.pn-steps{margin:0;padding:0 0 0 22px;text-align:left;font-size:13px;line-height:1.5;align-self:stretch;opacity:.95}
.pn-steps li+li{margin-top:3px}
.pn-later{color:rgba(255,255,255,.85)!important}
/* Komunikat szefa — formularz (motyw Allegro przez zmienne) i okno jak konkurs */
.ann-card{margin:0 0 16px;padding:14px 16px 12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;gap:10px}
.ann-card-head{display:flex;align-items:center;gap:8px}
.ann-card-head h2{margin:0;font-size:16px;color:var(--heading)}
.ann-card .hint{margin:0}
.ann-card textarea{min-height:96px;resize:vertical;line-height:1.45}
#annForm{display:grid;gap:10px}
@media (min-width:980px){
  #annForm{grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:12px 18px;align-items:start}
  #annForm .ann-preview-wrap{grid-column:2;grid-row:1 / -1}
  #annForm .ann-preview .contest-nag{width:100%}
}
.ann-opts{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.ann-opts .check{color:var(--text);font-weight:600}
.ann-preview-wrap{display:grid;gap:6px}
.ann-preview-wrap>span{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.ann-preview{display:flex;justify-content:center;padding:14px 10px;border-radius:var(--radius);background:var(--bg);border:1px solid var(--line)}
.ann-preview .contest-nag{width:min(440px,100%);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg)}
.ann-send{display:flex;justify-content:space-between;gap:10px;align-items:center}
.ann-send .btn{min-height:40px;padding:0 18px;font-weight:700}
.ann-recent{display:grid;gap:4px;border-top:1px solid var(--line);padding-top:8px}
.ann-recent div{display:flex;gap:8px;align-items:baseline}
.ann-recent b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}
.ann-recent small{color:var(--muted);white-space:nowrap;font-size:12px}
.ann-push{width:min(440px,100%);padding:14px 16px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--primary);box-shadow:var(--shadow)}
.ann-push b{display:block;color:var(--heading);font-size:15px}
.ann-push p{margin:6px 0 0;white-space:pre-wrap;color:var(--text);line-height:1.4}
.ann-push small{display:block;margin-top:8px;color:var(--muted)}
.ann-nag{width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}
.ann-nag .cn-body{max-height:none;overflow:visible}
.ann-preview .cn-body{pointer-events:none;max-height:none;overflow:visible}
.ann-shot{display:block;align-self:stretch;width:calc(100% + 48px);margin:2px -24px 4px;padding:0;border:0;background:none;cursor:zoom-in;border-radius:16px;overflow:hidden}
.ann-shot img{display:block;width:100%;height:auto}
.ann-file-on{display:flex;align-items:center;gap:10px}
.ann-file-on img{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
dialog.ann-zoom{width:min(1080px,calc(100vw - 16px));max-height:calc(100dvh - 16px);margin:auto;padding:0;border:0;border-radius:12px;background:#111;overflow:auto}
dialog.ann-zoom img{display:block;width:100%;height:auto}
.ann-zoom-x{position:sticky;top:8px;left:calc(100% - 44px);z-index:2;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff}
.ann-nag .ann-copy{align-self:stretch}
.ann-nag .ann-copy p,.ann-preview .ann-copy p{margin:0;text-align:center;line-height:1.45}
.ann-copy p+p,.ann-copy .ann-lines+p,.ann-copy p+.ann-lines{margin-top:8px}
.ann-lines{margin:2px 0;padding:10px 14px 10px 16px;border-radius:12px;background:rgba(255,255,255,.12);text-align:left;font-size:14px;line-height:1.45;list-style:none}
.ann-lines li+li{margin-top:4px}
.ann-ph{opacity:.72}
.ann-prize{align-self:stretch;margin:4px 0 2px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.14);text-align:left}
.ann-prize b{display:block;margin-bottom:6px;font-size:14px}
.ann-prize ul{margin:0;padding:0 0 0 16px;font-size:13px;line-height:1.4}
.ann-prize li+li{margin-top:4px}
.ann-joined{margin:0;font-weight:800;color:#ffd166}
#booksNav.is-locked{opacity:.85}
#booksNav .nav-lock{margin-left:auto;font-size:13px}
.books-intro{width:min(440px,calc(100vw - 24px));padding:0;border:0;border-radius:16px;background:var(--panel);color:var(--text)}
.books-intro::backdrop{background:rgba(15,23,42,.45)}
.books-intro-body{position:relative;display:grid;gap:10px;padding:18px 18px 14px}
.books-intro-body h2{margin:0;font-size:18px;padding-right:28px}
.books-intro-x{position:absolute;top:8px;right:8px}
.books-intro-steps{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.books-intro-steps li{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-head)}
.books-intro-steps small{color:var(--muted)}
.books-intro-steps .btn{justify-self:start;margin-top:6px}
.ch-me .ann-joined,.ch-join .ann-joined{color:var(--heading)}
.ann-dm{align-self:stretch;height:46px;border-radius:12px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);color:#fff;font-weight:700}
.ann-dm:hover{background:rgba(255,255,255,.26);color:#fff}
.ann-nag .ch-join-btn,.contest-nag .ch-join-btn{align-self:stretch;white-space:normal;height:auto;min-height:46px;padding:10px 14px;line-height:1.3;text-align:center}
@media (max-width:700px){
  .ann-card{padding:12px}
  .ann-opts .seg{width:100%}
  .ann-opts .seg button{flex:1}
  .ann-send{flex-direction:column;align-items:stretch}
  .ann-send .btn{width:100%}
  .ann-recent small{display:none}
}
.sd-os{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0}
.sd-os>div{padding:10px 12px;border-radius:10px;background:var(--panel-head);border:1px solid var(--line)}
.sd-os ol{margin:6px 0 0;padding-left:18px}
@media (max-width:700px){.sd-os{grid-template-columns:1fr}}
.app-update{position:fixed;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:9999;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;border-radius:999px;background:#1f2a37;color:#fff;font-weight:600;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.25);white-space:nowrap}
@media (min-width:900px){.app-update{bottom:24px}}
/* Telefony: opiekunowie sklepów, komentarz w jednej linii */
.calls-mgr{display:flex;gap:6px;flex-wrap:wrap}
.calls-mgr:empty{display:none}
.calls-mgr-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border:1px solid var(--line-strong);border-radius:10px;background:var(--panel);color:var(--text);font-size:13px;font-weight:700;cursor:pointer}
.calls-mgr-btn b{font-size:12px;opacity:.65}
.calls-mgr-btn.on{background:var(--primary);border-color:var(--primary);color:#fff}.calls-mgr-btn.on b{opacity:.9}
.call-mgr{padding:3px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-weight:700}
.calls-mgr-edit>summary{cursor:pointer;font-size:13px;color:var(--muted);font-weight:600}
.calls-mgr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:10px}
.calls-mgr-grid label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;font-size:13px;font-weight:600}
.calls-mgr-grid select{width:auto;height:30px}
.call-comment-row{display:flex;gap:8px;align-items:flex-end}
.call-comment-row textarea{flex:1;min-height:40px;resize:none;margin:0}
.call-comment-add{height:40px;flex:none}
.call-smsed{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--success);color:#fff}
.call-smsed .ci{width:22px;height:22px}
.call-smsed b{display:block;font-size:15px}.call-smsed small{opacity:.9;font-size:12.5px}
.call-smsed.is-msg{background:#3e63dd}
.ord-call{display:inline-flex;align-items:center;gap:4px;margin-top:3px;margin-right:6px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:800}
.ord-call.sms{background:var(--success);color:#fff}
.ord-call.todo{background:var(--danger-soft);color:var(--danger)}
.ord-call.done{background:var(--success-soft);color:var(--success)}
.call-card.is-waiting::before{background:#f59e0b}
.call-wait{margin-left:auto;padding:3px 10px;border-radius:999px;background:var(--warning-soft);color:var(--warning);font-weight:800}
.call-tries+.call-wait{margin-left:8px}
.call-outcome-row{position:relative;flex:1 1 auto;min-width:0;display:flex}
.call-outcome-row .call-outcome{flex:1;padding-right:48px}
.call-outcome-save{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:34px;height:32px;display:grid;place-items:center;border:0;border-radius:8px;background:var(--primary);color:#fff;cursor:pointer}
.call-outcome-save:hover{filter:brightness(1.08)}.call-outcome-save:disabled{opacity:.5}
@media (max-width:700px){.call-outcome-row{width:100%}}
.call-tools:not(:has(*)){display:none}
/* ───── Produkty (katalogi jak w Base) ───── */
.pd-panel{overflow:visible}
.pd-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 18px;border-bottom:1px solid var(--line)}
.pd-catalog{position:relative;display:block;min-width:280px}
.pd-catalog span{position:absolute;top:-8px;left:10px;padding:0 6px;background:var(--panel);font-size:12px;color:var(--muted)}
.pd-catalog select{height:46px;border-radius:10px;font-size:15px;padding:0 14px;min-width:280px}
.pd-round{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong);background:var(--panel);color:var(--text);font-size:18px;cursor:pointer;display:grid;place-items:center}
.pd-round:hover{background:var(--panel-head)}
.pd-pill{height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line-strong);background:var(--panel);color:var(--text);font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.pd-pill .pd-ico{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--line-strong);font-size:13px}
.pd-pill[aria-expanded="true"]{border-color:var(--primary);color:var(--primary)}
.pd-add{height:44px;padding:0 20px 0 8px;border-radius:999px;border:0;background:#1f7a3a;color:#fff;font-weight:700;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;gap:10px}
.pd-add span{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.8);display:grid;place-items:center;font-size:16px}
.pd-add:hover{filter:brightness(1.08)}
.pd-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:12px 18px;background:var(--panel-head);border-bottom:1px solid var(--line)}
.pd-filters input[type=search]{flex:1 1 260px;min-width:0}
.pd-filters select{width:auto}
.pd-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 18px}
.pd-tools{display:flex;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel)}
.pd-tool{height:38px;padding:0 14px;border:0;border-right:1px solid var(--line-strong);background:transparent;color:var(--text);font-size:13px;font-weight:700;letter-spacing:.02em;cursor:pointer;white-space:nowrap}
.pd-dd:last-child .pd-tool{border-right:0}
.pd-tool:hover{background:var(--panel-head);color:var(--primary)}
.pd-dd{position:relative}
.pd-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:60;min-width:240px;display:flex;flex-direction:column;padding:8px;border-radius:12px;border:1px solid var(--line);background:var(--panel);box-shadow:0 16px 40px rgba(16,24,40,.18)}
.pd-menu-wide{min-width:420px}
.pd-menu-right{left:auto;right:0}
.pd-menu button{display:block;width:100%;text-align:left;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--text);font-size:14px;cursor:pointer}
.pd-menu button:hover{background:var(--panel-head)}
.pd-menu button.danger{color:var(--danger)}
.pd-menu small{padding:6px 12px}
.pd-menu-h{padding:6px 12px 8px;font-size:15px}
.pd-pager{display:flex;align-items:center;gap:4px;margin-left:auto}
.pd-pg{min-width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--text);font-weight:600;cursor:pointer}
.pd-pg.on{background:var(--primary-soft);color:var(--primary)}
.pd-pg:disabled{opacity:.35;cursor:default}
.pd-dots{padding:0 4px;color:var(--muted)}
.pd-pager small{margin-left:10px}
.pd-per{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;white-space:nowrap}
.pd-per select{width:auto;height:36px}
.pd-selbar{margin:0 18px 8px;padding:8px 12px;border-radius:8px;background:var(--primary-soft);color:var(--primary);font-size:13px}
.pd-table{width:100%;border-collapse:collapse}
.pd-table th{padding:12px 10px;text-align:left;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--line)}
.pd-table td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}
.pd-table tr.sel td{background:var(--primary-soft)}
.pd-table .num{text-align:right;white-space:nowrap}
.pd-c-chk{width:64px;white-space:nowrap}
.pd-c-chk input{width:20px;height:20px;vertical-align:middle}
.pd-star{border:0;background:none;font-size:18px;color:var(--muted);cursor:pointer;vertical-align:middle}
.pd-star.on{color:#f5b700}
.pd-c-img{width:88px}
.pd-c-img img,.pd-noimg{width:76px;height:76px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff;display:grid;place-items:center;font-size:24px}
.pd-c-name{cursor:pointer;min-width:280px}
.pd-c-name strong{display:block;font-size:15px;line-height:1.3}
.pd-c-name:hover strong{color:var(--primary)}
.pd-c-name small{display:block;margin-top:4px;color:var(--muted);font-size:13px}
.pd-stock{font-weight:700}.pd-stock.zero{color:var(--danger)}
.pd-int{display:inline-flex;align-items:center;border-radius:6px;overflow:hidden;font-size:12px;font-weight:700;border:1px solid #9aa5b1}
.pd-int b{padding:3px 8px;background:#9aa5b1;color:#fff}.pd-int i{font-style:normal;padding:3px 8px;color:#64707d}
.pd-int.on{border-color:#3e63dd}.pd-int.on b{background:#3e63dd}.pd-int.on i{color:#3e63dd}
.pd-c-more{width:56px;text-align:right}
.pd-more{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-strong);background:var(--panel);font-size:18px;cursor:pointer}
.pd-dialog{width:min(860px,calc(100vw - 24px))}
.pd-dialog .dialog-body{max-height:calc(100vh - 180px);overflow:auto}
.pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.pd-grid .full{grid-column:1/-1}
.pd-grid textarea{font-family:inherit}
.pd-imgs{display:flex;gap:8px;flex-wrap:wrap}.pd-imgs:empty{display:none}
.pd-imgs img{width:72px;height:72px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff}
.pd-imgs img:first-child{outline:2px solid var(--primary)}
.pd-offers{display:flex;flex-direction:column;gap:6px}
.pd-offer{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--text);font-size:13px}
.pd-offer:hover{background:var(--panel-head)}
.pd-ost{margin-left:auto;padding:2px 8px;border-radius:999px;background:var(--panel-head);color:var(--muted);font-weight:700}.pd-ost.on{background:var(--success-soft);color:var(--success)}
.pd-bulk{display:grid;grid-template-columns:200px 1fr;gap:8px 12px;align-items:center}
.pd-progress>div{height:10px;border-radius:999px;background:var(--panel-head);overflow:hidden;margin:10px 0 6px}
.pd-progress span{display:block;height:100%;width:0;background:var(--primary);transition:width .3s}
@media (max-width:760px){.pd-catalog,.pd-catalog select{min-width:0;width:100%}.pd-top .spacer{display:none}.pd-menu-wide{min-width:280px}.pd-pager{margin-left:0}.pd-c-img{width:60px}.pd-c-img img,.pd-noimg{width:52px;height:52px}.pd-grid{grid-template-columns:1fr}.pd-bulk{grid-template-columns:1fr}.pd-c-name{min-width:200px}}
.pd-shops{display:grid;grid-template-columns:1fr;gap:6px;max-height:50vh;overflow:auto}
.pd-shop{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:14px}
.pd-shop:hover{background:var(--panel-head)}
.pd-shop b{min-width:150px}
.pd-st{font-size:13px}.pd-st.ok{color:var(--success)}.pd-st.wait{color:var(--warning)}
.pd-auto{margin-left:auto;padding:2px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:700}
/* Allegro — oferty: foldery, zaznaczanie i operacje zbiorcze */
.cat-folders{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px 0}
.cat-folders .calls-chips{margin-right:0}
.cat-folders .cat-folder-new{border-style:dashed;color:var(--primary);background:transparent}
.cat-folder-tools{display:flex;gap:4px}
.cat-selbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 18px 8px;padding:8px 12px;border-radius:10px;background:var(--primary-soft);color:var(--primary);font-size:13px;position:sticky;top:0;z-index:3}
.cat-selbar .spacer{flex:1}
.cat-sel-n{font-weight:600}
.cat-table th.cat-chk,.cat-table td.cat-chk{width:36px;padding-right:0;cursor:pointer}
.cat-chk input{width:17px;height:17px;accent-color:var(--primary);cursor:pointer}
.cat-table tr.is-sel td{background:var(--primary-soft)}
.cat-ftags{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px}.cat-ftags .tag{font-size:11px}
@media (max-width:640px){.cat-folders{padding:12px 12px 0}.cat-selbar{margin:0 12px 8px}}
/* Wysuwany panel (wybór katalogu, menu zaznaczania, potwierdzenia) */
.cat-pop{position:absolute;z-index:60;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(15,23,42,.18);padding:8px;max-height:min(70vh,520px);overflow:auto;animation:catPopIn .14s ease-out}
@keyframes catPopIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.cat-pop-h{padding:10px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.cat-pop-list{display:flex;flex-direction:column}
.cat-pop-i{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:none;color:var(--text);font:inherit;font-size:14px;text-align:left;cursor:pointer}
.cat-pop-i:hover:not(:disabled){background:var(--primary-soft);color:var(--primary)}
.cat-pop-i:disabled{opacity:.45;cursor:default}
.cat-pop-i small{color:var(--muted);font-size:12px}
.cat-pop-empty,.cat-pop-hint{margin:4px 10px 6px;color:var(--muted);font-size:12px}
.cat-pop-new{display:flex;gap:6px;padding:4px 6px 6px}.cat-pop-new input{flex:1;min-width:0;height:34px}
.cat-pop-q{margin:8px 10px 10px;font-size:14px;line-height:1.45}.cat-pop-q small{color:var(--muted)}
.cat-pop-row{display:flex;justify-content:flex-end;gap:6px;padding:0 6px 6px}
.cat-chk-wrap{display:inline-flex;align-items:center;gap:2px}
.cat-chk-menu{border:0;background:none;color:var(--muted);font-size:12px;padding:2px 4px;border-radius:4px;cursor:pointer}
.cat-chk-menu:hover,.cat-chk-menu.is-open{background:var(--primary-soft);color:var(--primary)}
.cat-selbar .btn.is-open{border-color:var(--primary);color:var(--primary)}
.cat-table th.cat-chk{width:52px}
.integ-type.base,.integ-logo.base{background:#183153;color:#fff}
.base-integration{margin:18px;border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--panel)}
.base-connect{display:grid;grid-template-columns:220px minmax(260px,1fr) auto;gap:10px}
.base-grid{display:grid;grid-template-columns:minmax(320px,1.5fr) minmax(260px,1fr);gap:24px;margin-top:14px}
.base-inventories{display:grid;gap:8px;margin:10px 0 14px;max-height:360px;overflow:auto}
.base-inv{display:flex;align-items:flex-start;gap:8px;padding:9px;border:1px solid var(--line);border-radius:8px}
.base-inv .check{flex:1;align-items:flex-start;padding:0;border:0}
.base-inventories .check{align-items:flex-start}
.pd-base{padding:16px 18px 22px}
.pd-base .base-inventories{max-height:62vh}
.pd-base-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}
.pd-base-tools input[type=search]{flex:1;min-width:180px;height:38px}
#view-produkty.is-base .pd-top,#view-produkty.is-base .pd-where-row,#view-produkty.is-base .pd-adv,#view-produkty.is-base .pd-bar,#view-produkty.is-base .pd-selbar,#view-produkty.is-base>.pd-panel>.table-wrap{display:none}
.base-inventories span,.base-inventories small,.base-job span{display:block}.base-inventories small,.base-job span{color:var(--muted);margin-top:3px}
.base-fields{display:grid;gap:8px;margin:12px 0}.base-job{margin-top:18px;padding:14px;border-radius:10px;background:var(--panel-head)}
.base-job progress{width:100%;height:12px;margin:12px 0}.base-job .error{color:var(--danger)}
.base-job-actions{align-items:center;gap:8px}.base-job-actions .btn-danger{font-weight:700}
@media (max-width:760px){.base-connect,.base-grid{grid-template-columns:1fr}.base-integration{margin:10px;padding:12px}}
/* ── Oferty na Allegro: nowy wygląd (ikony zamiast emoji, spójne przyciski) ── */
#view-katalog .page-head h1::after{content:none}
.cbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 12px;border:1px solid var(--line-strong);border-radius:9px;background:var(--panel);color:var(--text);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
.cbtn .ci{width:16px;height:16px}
.cbtn:hover:not(:disabled){border-color:var(--muted);background:var(--panel-head)}
.cbtn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.cbtn:disabled{opacity:.45;cursor:default}
.cbtn.is-lg{height:40px;padding:0 16px;font-size:14px;border-radius:10px}
.cbtn.is-primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.cbtn.is-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}
.cbtn.is-go{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,transparent)}
.cbtn.is-go:hover:not(:disabled){background:var(--success-soft);border-color:var(--success)}
.cbtn.is-stop{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}
.cbtn.is-stop:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}
.cbtn.is-ghost{border-color:transparent;background:transparent;color:var(--muted);padding:0 8px}
.cbtn.is-ghost:hover:not(:disabled){background:var(--panel-head);color:var(--text);border-color:transparent}
.cbtn.is-open{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}
.cbtn.is-busy .ci{animation:catSpin 1s linear infinite}@keyframes catSpin{to{transform:rotate(360deg)}}
.cat-top{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;margin:0 0 14px}
#view-katalog .cat-shops{margin:0;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);position:relative}
#view-katalog .cat-shops summary{display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;list-style:none;font-size:13px;color:var(--text);user-select:none}
#view-katalog .cat-shops summary::-webkit-details-marker{display:none}
#view-katalog .cat-shops summary .ci:last-child{color:var(--muted);transition:transform .15s}
#view-katalog .cat-shops[open] summary .ci:last-child{transform:rotate(180deg)}
.cat-shops-body{padding:0 14px 14px;border-top:1px solid var(--line)}.cat-shops-body p{margin:10px 0 4px;font-size:12px}
#view-katalog .cat-sync{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:42px;margin:0;padding:6px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:13px}
#view-katalog .cat-sync .ci{width:15px;height:15px;vertical-align:-3px;margin-right:4px}
.cat-sync-n{display:inline-flex;align-items:center;white-space:nowrap}.cat-sync-n b{margin-right:4px}
.cat-sync-bar{flex:0 1 160px;height:6px;border-radius:99px;background:var(--panel-head);overflow:hidden;border:1px solid var(--line)}
.cat-sync-bar i{display:block;height:100%;background:var(--success);border-radius:99px}
.cat-panel{overflow:visible}
.cat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 18px 0}
.cat-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:11px;background:var(--panel-head);border:1px solid var(--line);max-width:100%;overflow-x:auto}
.cat-tabs button{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}
.cat-tabs button:hover{color:var(--text)}
.cat-tabs button.on{background:var(--panel);color:var(--text);box-shadow:0 1px 3px rgba(15,23,42,.12)}
.cat-tabs button b{font-size:12px;font-weight:600;color:var(--muted)}.cat-tabs button b:empty{display:none}
.cat-tabs.is-sub button{height:28px;padding:0 11px;font-size:12px}
.cat-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted);flex:none}
.cat-dot.on{background:var(--success)}.cat-dot.off{background:#9aa3b2}.cat-dot.wait{background:var(--warning)}
#view-katalog .cat-folders{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 18px 0}
.cat-lbl{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-right:2px}
.cat-chips{display:flex;gap:6px;flex-wrap:wrap}
.cat-chips button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel);color:var(--text);font:inherit;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer}
.cat-chips button .ci{width:15px;height:15px;color:var(--muted)}
.cat-chips button:hover{border-color:var(--muted)}
.cat-chips button.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);font-weight:600}.cat-chips button.on .ci{color:var(--primary)}
.cat-chips button b{font-size:12px;font-weight:600;opacity:.7}.cat-chips button b:empty{display:none}
.cat-chips .cat-folder-new{border-style:dashed;color:var(--primary);background:transparent}.cat-chips .cat-folder-new .ci{color:var(--primary)}
.cat-folder-tools .btn{display:inline-flex;align-items:center;gap:4px}.cat-folder-tools .ci{width:14px;height:14px}
#view-katalog .cat-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid var(--line)}
.cat-search{position:relative;flex:1 1 300px;min-width:0;display:flex;align-items:center}
.cat-search .ci{position:absolute;left:11px;color:var(--muted);pointer-events:none}
.cat-search input{width:100%;padding-left:34px}
#view-katalog .cat-filters select{flex:0 1 200px}
.cat-count{margin-left:auto;font-size:13px;white-space:nowrap}
#view-katalog .cat-selbar{margin:10px 18px 0;padding:8px 8px 8px 14px;border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);border-radius:11px;color:var(--text);background:var(--primary-soft)}
.cat-sel-n{display:inline-flex;align-items:center;gap:6px;color:var(--primary)}.cat-sel-n .ci{width:16px;height:16px}
.cat-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:auto}
.cat-tools .cbtn{height:32px}.cat-tools .cbtn .ci:last-child:not(:first-child){width:13px;height:13px;opacity:.6;margin-left:-2px}
.cat-tools-sep{width:1px;height:22px;background:var(--line-strong);margin:0 2px}
.cat-st{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;white-space:nowrap;color:var(--muted)}.cat-st.on{color:var(--success)}.cat-st.wait{color:var(--warning)}
.cat-base{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;white-space:nowrap;color:var(--muted);background:var(--panel-head);border:1px solid var(--line)}
.cat-base .ci{width:13px;height:13px}.cat-base.is-in{color:var(--success);background:var(--success-soft);border-color:transparent}
.cat-shop{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:600;background:var(--panel-head);color:var(--text);white-space:nowrap}
.cat-price{font-weight:600;white-space:nowrap}
.cat-ftag{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--muted)}.cat-ftag .ci{width:12px;height:12px}
.cat-noimg{color:var(--muted)}.cat-noimg .ci{width:20px;height:20px}
.cat-act .cbtn{height:30px;padding:0 10px;font-size:12px}
.cat-chk-menu{display:inline-grid;place-items:center;width:20px;height:20px}.cat-chk-menu .ci{width:14px;height:14px}
.cat-pop-i span{display:inline-flex;align-items:center;gap:8px}.cat-pop-i .ci{color:var(--muted)}
.cat-pop-row .btn{display:inline-flex;align-items:center;gap:5px}.cat-pop-row .ci{width:14px;height:14px}
#view-katalog .cat-pager .cbtn{width:34px;padding:0;font-size:18px}
@media (max-width:760px){.cat-top{grid-template-columns:1fr}.cat-head,#view-katalog .cat-folders,#view-katalog .cat-filters{padding-left:12px;padding-right:12px}#view-katalog .cat-selbar{margin:10px 12px 0}.cat-tools{margin-left:0}.cat-count{margin-left:0}#view-katalog .cat-filters select{flex:1 1 140px}#view-katalog .page-head .row{width:100%}#view-katalog .page-head .row .cbtn{flex:1}}
/* Okienko „Ładuję…” */
.cat-busy{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:rgba(15,23,42,.18);backdrop-filter:blur(1.5px);animation:catPopIn .15s ease-out}
.cat-busy[hidden]{display:none}
.cat-busy-card{display:flex;align-items:center;gap:14px;min-width:260px;max-width:calc(100vw - 32px);padding:18px 22px;border-radius:14px;background:var(--panel);border:1px solid var(--line);box-shadow:0 18px 40px rgba(15,23,42,.22)}
.cat-busy-card b{display:block;font-size:15px}.cat-busy-card small{display:block;margin-top:2px;color:var(--muted);font-size:12px}
.cat-busy-spin{width:28px;height:28px;flex:none;border-radius:50%;border:3px solid var(--primary-soft);border-top-color:var(--primary);animation:catSpin .8s linear infinite}
.cat-table.is-loading tbody{opacity:.45;transition:opacity .15s}
.cat-bg{position:fixed;right:20px;bottom:20px;z-index:70;display:flex;align-items:center;gap:12px;width:280px;max-width:calc(100vw - 32px);padding:12px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line);box-shadow:0 10px 28px rgba(15,23,42,.18);animation:catPopIn .2s ease-out}
.cat-bg[hidden]{display:none}
.cat-bg>div{flex:1;min-width:0}.cat-bg b{display:block;font-size:13px}.cat-bg small{display:block;color:var(--muted);font-size:12px;margin:2px 0 6px}
.cat-bg .cat-busy-spin{width:22px;height:22px;border-width:2.5px}.cat-bg .cat-sync-bar{display:block;width:100%}
@media (max-width:760px){.cat-bg{right:12px;left:12px;width:auto;bottom:calc(76px + env(safe-area-inset-bottom))}}
/* Wybór sklepów jako rozwijane menu */
#view-katalog .cat-shops-body{position:absolute;top:calc(100% + 6px);left:0;z-index:40;width:300px;max-width:calc(100vw - 32px);padding:4px 12px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 12px 32px rgba(15,23,42,.18);animation:catPopIn .14s ease-out}
#view-katalog .cat-shops-list{display:flex;flex-direction:column;gap:2px;margin:6px 0 10px;max-height:300px;overflow:auto}
#view-katalog .cat-shops-list .check{padding:7px 8px;border-radius:8px;margin:0}#view-katalog .cat-shops-list .check:hover{background:var(--panel-head)}
#view-katalog .cat-shops-body .row .cbtn{width:100%}
#view-katalog .cat-shops summary{cursor:pointer;white-space:nowrap}
.cat-busy-card .cat-sync-bar{display:block;width:100%;margin-top:10px;height:7px}.cat-busy-card .cat-sync-bar[hidden]{display:none}.cat-busy-card .cat-sync-bar i{transition:width .3s}
.cat-busy-card{min-width:320px}
/* ── Wystawianie na Allegro ── */
#view-wystawianie .page-head h1::after,#view-produkty .page-head h1::after{content:none}
.lst-crumb{margin:0 0 2px;font-size:13px}
.lst-load{display:grid;grid-template-columns:1fr auto;gap:12px 16px;align-items:center;padding:18px 20px;margin-bottom:14px}
.lst-load b{font-size:16px}.lst-load .cat-sync-bar{grid-column:1/-1;grid-row:2;display:block;height:8px}.lst-load .cbtn{grid-row:1;grid-column:2}
.lst-empty{padding:28px;text-align:center}
.lst-common{margin-bottom:14px;padding:0}
.lst-common>summary{display:flex;align-items:center;gap:8px;padding:14px 18px;font-weight:700;font-size:15px;cursor:pointer;list-style:none;border-left:3px solid var(--primary);border-radius:12px}
.lst-common>summary::-webkit-details-marker{display:none}.lst-common>summary .ci{margin-left:auto;color:var(--muted);transition:transform .15s}.lst-common[open]>summary .ci{transform:rotate(180deg)}
.lst-common>summary .muted{font-weight:500;font-size:13px}
.lst-form{padding:4px 18px 18px}
.lst-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px}
.lst-col{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-head)}
.lst-col h3{margin:0 0 2px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.lst-field{display:flex;flex-direction:column;gap:5px;font-size:13px}.lst-field>span{font-weight:600}
.lst-field select,.lst-field input{width:100%}.lst-field small{font-size:11px}
.lst-req{color:var(--danger);font-style:normal}
.lst-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lst-inline{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.lst-inline input[type=datetime-local]{width:auto}
.lst-draft{font-size:13px}
.lst-list{margin-bottom:0}
.lst-list-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.lst-table td{vertical-align:top}
.lst-name{width:100%;min-width:260px;font-weight:600;font-size:13px;padding:6px 8px}
.lst-num{width:90px;text-align:right;padding:6px 8px}.lst-qty{width:64px}
.lst-errs{margin:6px 0 0;padding-left:16px;color:var(--danger);font-size:12px}
.lst-warn{display:block;color:var(--warning);font-size:12px;margin-top:3px}
.lst-pid{display:block;margin-top:4px;font-size:11px;max-width:220px}
.cat-base.lst-no{color:var(--danger);background:var(--danger-soft);border-color:transparent}
.lst-st{display:inline-block;padding:3px 9px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--panel-head);color:var(--muted)}
.lst-st.ok{background:var(--success-soft);color:var(--success)}.lst-st.bad{background:var(--danger-soft);color:var(--danger)}.lst-st.ready{background:var(--primary-soft);color:var(--primary)}
.lst-link{display:flex;align-items:center;gap:2px;margin-top:5px;font-size:12px}.lst-link .ci{width:12px;height:12px;transform:rotate(-90deg)}
.lst-table tr.lst-row-bad td{background:color-mix(in srgb,var(--danger-soft) 45%,transparent)}
.lst-table tr.lst-row-ok td{background:color-mix(in srgb,var(--success-soft) 45%,transparent)}
.lst-bar{position:sticky;bottom:0;z-index:30;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 18px;margin-top:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 -6px 18px rgba(15,23,42,.08)}
.lst-bar[hidden]{display:none}
.lst-bar-n{display:inline-flex;align-items:center;gap:6px;font-size:14px;padding-right:10px;border-right:1px solid var(--line)}
.lst-prog{display:flex;flex-direction:column;gap:4px;flex:1 1 220px;max-width:420px}.lst-prog .cat-sync-bar{display:block;height:7px;flex:none;width:100%}.lst-prog small{color:var(--muted);font-size:12px}
.lst-start{width:min(760px,calc(100vw - 24px))}
.lst-start-body{display:flex;flex-direction:column;gap:14px}
.lst-row{display:grid;grid-template-columns:200px 1fr;gap:12px;align-items:center;font-size:14px}.lst-row>span{color:var(--muted)}
.pd-list-btn{height:40px}
@media (max-width:1100px){.lst-grid{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.lst-bar{bottom:calc(64px + env(safe-area-inset-bottom));padding:10px 12px}}
@media (max-width:700px){.lst-grid{grid-template-columns:1fr}.lst-row{grid-template-columns:1fr;gap:4px}.lst-name{min-width:200px}}
.lst-field input[type=radio],.lst-field input[type=checkbox]{width:auto;flex:none}
.lst-field .check{display:flex;align-items:center;gap:8px;font-weight:500}
.lst-table .cat-prod{min-width:420px}.lst-table .cat-prod>div{flex:1}.lst-name{min-width:0}
/* Zwijana grupa „Baza produktów” w menu */
.side-nav #productsNav{grid-template-columns:24px minmax(0,1fr) auto auto}
.nav-caret{display:grid;place-items:center;width:26px;height:26px;margin-right:-6px;border-radius:7px;color:inherit;opacity:.7;cursor:pointer}
.nav-caret:hover,.nav-caret:focus-visible{opacity:1;background:rgba(255,255,255,.14);outline:none}
.nav-caret svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
body.nav-prod-closed #productsCaret svg{transform:rotate(-90deg)}
body.nav-prod-closed .side-nav .nav-sub{display:none}
button.sales-sub,button.aura-sub,button.msg-sub{padding-left:34px;font-size:.92em}
button.aura-sub.aura-msg-sub{padding-left:50px;font-size:.88em}
.side-nav button.msg-sub{min-height:34px;margin-top:-2px}.side-nav button.msg-sub .nav-icon{width:16px;height:16px}
body.nav-sales-closed .side-nav .sales-sub{display:none}
body.nav-aura-closed .side-nav .aura-sub{display:none}
body.nav-kiv-closed .side-nav .kiv-sub{display:none}
button.kiv-sub{padding-left:34px;font-size:.92em}button.kiv-sub.aura-msg-sub{padding-left:50px;font-size:.88em}
body.nav-tasks-closed .side-nav .task-sub{display:none}
button.task-sub{padding-left:34px;font-size:.92em}.side-nav button.task-sub{min-height:34px}.side-nav button.task-sub .nav-icon{width:16px;height:16px}
body.nav-sales-closed #salesCaret svg{transform:rotate(-90deg)}
#salesNav.sales-current{box-shadow:inset 3px 0 0 var(--primary)}
.sidebar-collapsed .nav-caret{display:none}
.lst-note{display:block;margin-top:4px;font-size:11px;color:var(--success)}
/* Okienko „Wystaw zaznaczone” — mieści się bez przewijania, z ramką */
dialog#lstStart{width:min(720px,calc(100vw - 24px));max-width:none;border-radius:16px;border:1px solid var(--line);box-shadow:0 24px 60px rgba(15,23,42,.28);overflow:hidden}
#lstStart .lst-start{width:100%;max-width:100%;box-sizing:border-box}
#lstStart .dialog-head{padding:18px 22px;border-bottom:1px solid var(--line);background:var(--panel-head)}
#lstStart .dialog-head h2{margin:0;font-size:18px}
#lstStart .lst-start-body{padding:20px 22px;gap:12px}
#lstStart .lst-row{grid-template-columns:170px minmax(0,1fr);padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
#lstStart .lst-row>span{font-weight:600;color:var(--text);font-size:13px}
#lstStart .lst-row select{width:100%;min-width:0;max-width:100%;text-overflow:ellipsis}
#lstStart .lst-row .check{margin:0;font-size:13px}
#lstStart #lstStartInfo{margin:2px 2px 0;padding:10px 14px;border-radius:10px;background:var(--primary-soft);color:var(--text);font-size:13px;line-height:1.45}
#lstStart .dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid var(--line);background:var(--panel-head)}
@media (max-width:640px){#lstStart .lst-row{grid-template-columns:1fr;gap:6px}}
#lstStart .lst-row>*{min-width:0}#lstStart .lst-row .check{white-space:normal;align-items:flex-start}
#lstStart .lst-start-body,#lstStart .lst-row{box-sizing:border-box;max-width:100%}
/* ── Baza produktów: nowy wygląd (ikony SVG, spójne przyciski) ── */
.pd-top{gap:8px;padding:14px 18px}
.pd-catalog select{height:42px}
.pd-ibtn{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;border:1px solid var(--line-strong);background:var(--panel);color:var(--muted);cursor:pointer;transition:all .15s}
.pd-ibtn:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}
.pd-ibtn .ci{width:18px;height:18px}
.pd-filter-btn[aria-expanded="true"]{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}
.pd-filter-btn b{min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--primary);color:#fff;font-size:11px;display:inline-grid;place-items:center}.pd-filter-btn b:empty{display:none}
.cbtn .pd-chev{width:14px;height:14px;opacity:.55;margin-left:-2px}
.pd-add-btn{background:var(--success);border-color:var(--success);color:#fff}.pd-add-btn:hover:not(:disabled){background:color-mix(in srgb,var(--success) 88%,#000);border-color:transparent;color:#fff}
.pd-tools{border-radius:10px;overflow:visible}
.pd-tool{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none}
.pd-tool .ci{width:16px;height:16px}.pd-tool .pd-chev{width:13px;height:13px;opacity:.5}
.pd-dd:first-child .pd-tool{border-radius:10px 0 0 10px}.pd-dd:last-child .pd-tool{border-radius:0 10px 10px 0}
.pd-menu button{display:flex;align-items:center;gap:10px}
.pd-menu button .ci{width:16px;height:16px;color:var(--muted);flex:none}.pd-menu button.danger .ci{color:var(--danger)}
.pd-menu button:hover .ci{color:var(--primary)}
.pd-table th{font-size:12px;letter-spacing:.02em;text-transform:none;font-weight:600}
.pd-table th.pd-c-img .ci{width:16px;height:16px;color:var(--muted)}
.pd-star{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;padding:0}
.pd-star .ci{width:18px;height:18px}.pd-star:hover{background:var(--panel-head);color:#f5b700}
.pd-noimg{color:var(--muted)}.pd-noimg .ci{width:24px;height:24px}
.pd-more{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:var(--muted);transition:all .15s}
.pd-more:hover{color:var(--text);background:var(--panel-head)}.pd-more .ci{width:18px;height:18px}
.pd-int{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 4px 0 10px;border-radius:99px;border:1px solid var(--line-strong);background:var(--panel);color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap}
.pd-int b{padding:2px 7px;border-radius:99px;background:var(--panel-head);color:var(--text);font-size:11px}
.pd-int-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9aa3b2}
.pd-int.on{border-color:color-mix(in srgb,var(--success) 40%,transparent);color:var(--success)}.pd-int.on .pd-int-dot{background:var(--success)}.pd-int.on b{background:var(--success-soft);color:var(--success)}
.pd-int i.pd-int-dot{padding:0}
/* Baza produktów: filtry podstawowe i zaawansowane, pasek zaznaczenia */
#view-produkty .pd-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid var(--line);background:transparent}
#view-produkty .pd-filters[hidden]{display:flex}
.pd-search{flex:1 1 320px}
#view-produkty .pd-filters select{flex:0 1 210px;height:38px}
.pd-chip{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border:1px solid var(--line-strong);border-radius:9px;background:var(--panel);font-size:13px;font-weight:600;cursor:pointer;user-select:none;white-space:nowrap}
.pd-chip input{position:absolute;opacity:0;pointer-events:none}
.pd-chip .ci{width:15px;height:15px;color:var(--muted)}
.pd-chip:has(input:checked){border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.pd-chip:has(input:checked) .ci{color:var(--primary)}
.pd-chip:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}
.pd-adv{margin:0 18px 12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel-head);animation:catPopIn .15s ease-out}
.pd-adv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px}
.pd-af{display:flex;flex-direction:column;gap:5px;font-size:12px;min-width:0}.pd-af>span{font-weight:600;color:var(--muted)}
.pd-af input,.pd-af select{width:100%;height:36px;min-width:0}
.pd-range{display:flex;align-items:center;gap:6px}.pd-range i{color:var(--muted);font-style:normal}
.pd-adv-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
#view-produkty .pd-selbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 18px 0;padding:8px 8px 8px 14px;border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);border-radius:11px;background:var(--primary-soft);color:var(--text)}
#view-produkty .pd-selbar[hidden]{display:none}
.pd-sel-n{display:inline-flex;align-items:center;gap:6px;color:var(--primary)}.pd-sel-n .ci{width:16px;height:16px}
.pd-selbar .spacer{flex:1}
.pd-menu-h2{padding:8px 12px 4px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
@media (max-width:1100px){.pd-adv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pd-adv-grid{grid-template-columns:1fr}#view-produkty .pd-filters,.pd-adv{margin-left:12px;margin-right:12px}#view-produkty .pd-filters{padding:10px 12px}}
/* Menu Bazy produktów — wyraźne ikony w kafelkach */
.pd-menu{padding:6px;min-width:260px;box-shadow:0 14px 36px rgba(15,23,42,.18)}
.pd-menu-wide{min-width:380px}
.pd-menu button{gap:12px;padding:8px 10px;font-size:14px;font-weight:500;line-height:1.3}
.pd-menu button .ci{display:block;width:30px;height:30px;padding:7px;box-sizing:border-box;border-radius:8px;background:var(--primary-soft);color:var(--primary)!important;stroke-width:2.2}
.pd-menu button:hover{background:var(--panel-head)}
.pd-menu button.danger .ci{background:var(--danger-soft);color:var(--danger)!important}
.pd-menu button.danger:hover{background:var(--danger-soft)}
.pd-menu-h{display:block;padding:8px 10px 6px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:700}
.pd-menu [data-pd-op="list"] .ci{background:var(--primary);color:#fff!important}
.pd-menu [data-pd-op="end"] .ci{background:#fff4e5;color:#c2410c!important}
.pd-tools{box-shadow:0 1px 2px rgba(15,23,42,.05)}
.pd-tool{color:var(--text)}.pd-tool .ci{color:var(--primary)}
.pd-catalog,.pd-catalog select{min-width:220px}
.pd-top .cbtn.is-lg{padding:0 14px}
@media (min-width:1200px){.pd-top{flex-wrap:nowrap}}
.lst-safety textarea{width:100%;min-height:110px;resize:vertical;font-size:13px;line-height:1.45}.lst-safety[hidden]{display:none}.lst-safety>span small{font-weight:500}
.lst-log-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid var(--line)}.lst-log-bar:empty{display:none}.lst-log-bar .spacer{flex:1}
#lstLogN{background:var(--danger);color:#fff;border-radius:99px;padding:0 6px;font-size:11px;min-width:18px;text-align:center}#lstLogN:empty{display:none}
#view-bledne .page-head h1::after{content:none}
/* Zwroty: zwijane karty */
.ret-card .ret-al-head[data-ret-toggle]{cursor:pointer}
.ret-sum{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;border-top:1px solid var(--line)}
.ret-sum:hover{background:var(--panel-head)}
.ret-sum .sale-thumb,.ret-sum img{width:44px;height:44px;flex:none;border-radius:8px;object-fit:cover}
.ret-sum-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ret-sum-main b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ret-sum-main small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ret-sum-amt{white-space:nowrap;font-size:14px}
.ret-sum-more{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:8px;border:1px solid var(--line-strong);font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}
.ret-sum-more .ci{width:14px;height:14px;transition:transform .15s}
.ret-card.is-open .ret-sum-more{color:var(--primary);border-color:var(--primary)}.ret-card.is-open .ret-sum-more .ci{transform:rotate(180deg)}
.ret-card:not(.is-open) .ret-body{display:none}
@media (max-width:640px){.ret-sum{flex-wrap:wrap}.ret-sum-main{flex-basis:calc(100% - 60px)}}
/* Baza produktów: szerszy pasek narzędzi, szersze i niższe pole katalogu */
.pd-tools{flex:0 1 auto}
.pd-tool{height:38px;padding:0 16px;gap:8px;font-size:13px}
.pd-tool .ci{width:16px;height:16px}
.pd-catalog,.pd-catalog select{min-width:340px}
.pd-catalog select{height:38px;font-size:14px;padding:0 12px}
.pd-catalog span{top:-7px;font-size:11px}
.pd-ibtn{width:38px;height:38px;border-radius:9px}.pd-ibtn .ci{width:16px;height:16px}
.pd-top .cbtn.is-lg{height:38px;font-size:13px}
@media (max-width:700px){.pd-catalog,.pd-catalog select{min-width:0;width:100%}.pd-catalog{flex:1 1 220px}}
/* Jeden panel „Filtrowanie”: podstawowe + zaawansowane */
#view-produkty .pd-adv .pd-filters{padding:0 0 14px;border-bottom:0;margin:0}
.pd-adv-sep{margin:2px 0 12px;padding-top:12px;border-top:1px solid var(--line);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.pd-adv{margin-top:12px}
.pd-top .pd-search{flex:1 1 260px;min-width:200px}.pd-top .pd-search input{height:38px}
.pd-quick{display:inline-flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--panel-head)}
.pd-quick button{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}
.pd-quick button .ci{width:14px;height:14px}
.pd-quick button:hover{color:var(--text)}
.pd-quick button.on{background:var(--panel);color:var(--primary);box-shadow:0 1px 3px rgba(15,23,42,.12)}
@media (min-width:1200px){.pd-top{flex-wrap:wrap}}
.pd-top-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.pd-tool{padding:0 13px}
.pd-bar{flex-wrap:wrap;row-gap:8px}.pd-pager{margin-left:auto}
.pd-where-row{padding:12px 18px 0;gap:10px;justify-content:flex-start}
.pd-section-tabs{display:flex;gap:4px;padding:10px 18px 0;border-bottom:1px solid var(--line);overflow:auto}
.pd-section-tabs button{height:36px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font:inherit;font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer}
.pd-section-tabs button.on{color:var(--primary);border-bottom-color:var(--primary)}
.pd-section-tabs button:disabled{opacity:.45;cursor:not-allowed}
.pd-edit-tabs{display:flex;gap:4px;padding:0 18px;border-bottom:1px solid var(--line);overflow:auto;background:var(--panel)}
.pd-edit-tabs button{height:40px;padding:0 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:650;white-space:nowrap;cursor:pointer}
.pd-edit-tabs button.on{color:var(--primary);border-bottom-color:var(--primary)}
.pd-adv-miss{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.pd-sort{border:0;background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer;padding:0}
.pd-sort.on{color:var(--primary)}
.pd-tag{display:inline-block;margin:0 4px 2px 0;padding:1px 7px;border-radius:99px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:700}
.pd-col{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:14px;cursor:pointer}
.pd-col input{width:16px;height:16px;accent-color:var(--primary)}
.pd-preset{display:flex;align-items:center;gap:4px}
.pd-preset>button:first-child{flex:1}
.pd-preset .danger{width:32px;flex:none;justify-content:center}
.pd-vars{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.pd-var{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);text-align:left;cursor:pointer}
.pd-var img{width:40px;height:40px;object-fit:contain;border-radius:6px;background:#fff}
.pd-var span{display:flex;flex-direction:column;min-width:0}
.pd-var small{color:var(--muted)}
.pd-var em{margin-left:auto;font-style:normal;white-space:nowrap;color:var(--muted);font-size:13px}
.pd-var-add{margin-top:8px}
.pd-dialog{width:min(920px,calc(100vw - 24px))}
#view-produkty .pd-table td{padding:6px 8px}
#view-produkty .pd-table th{padding:8px}
#view-produkty .pd-c-img{width:56px}
#view-produkty .pd-c-img img,#view-produkty .pd-noimg{width:48px;height:48px}
#view-produkty .pd-c-name strong{font-size:13px}
#view-produkty .pd-c-name small{font-size:12px}
.pd-hist{font-size:13px}
@media (max-width:760px){.pd-section-tabs,.pd-edit-tabs{padding-left:12px;padding-right:12px}}
.pd-int-local{border-color:color-mix(in srgb,var(--primary) 35%,transparent);color:var(--primary)}.pd-int-local .pd-int-dot{background:var(--primary)}
#catBg{cursor:pointer}#catBg u{font-weight:500;font-size:11px;color:var(--primary);text-decoration:none;margin-left:6px}.cat-bg-table td{vertical-align:middle}
/* Status synchronizacji kont */
.cat-syncs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-4px 0 14px}.cat-syncs:empty{display:none}
.cat-sync-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:99px;border:1px solid var(--line);background:var(--panel);font-size:12px;color:var(--muted);white-space:nowrap}
.cat-sync-chip b{color:var(--text)}.cat-sync-chip .ci{width:14px;height:14px}
.cat-sync-chip.ok{border-color:color-mix(in srgb,var(--success) 40%,transparent);color:var(--success)}
.cat-sync-chip.wait{border-color:color-mix(in srgb,var(--warning) 45%,transparent);color:var(--warning)}
.cat-sync-chip.wait .cat-busy-spin{width:12px;height:12px;border-width:2px;border-color:color-mix(in srgb,var(--warning) 25%,transparent);border-top-color:var(--warning)}
.cat-sync-chip.off{opacity:.75}
.cat-hint{display:flex;gap:8px;align-items:flex-start;margin:10px 18px 0;padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--warning) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--warning) 35%,transparent);font-size:13px;line-height:1.45}
.cat-hint .ci{flex:none;margin-top:2px;color:var(--warning)}.cat-hint[hidden]{display:none}
.cat-auto-shop{margin:0 0 10px;padding:9px 10px;border-radius:9px;background:var(--primary-soft);font-size:12px;line-height:1.4;align-items:flex-start}#view-katalog .cat-shops-body{width:360px}
/* Synchronizacja kont — jeden zwijany panel */
.cat-sync-box{margin:0 0 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}
.cat-sync-box>summary{display:flex;align-items:center;gap:14px;padding:12px 16px;cursor:pointer;list-style:none}
.cat-sync-box>summary::-webkit-details-marker{display:none}
.cat-sync-box>summary:hover{background:var(--panel-head)}
.csb-ico{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;background:var(--primary-soft);color:var(--primary)}
.csb-ico .ci{width:18px;height:18px}
.cat-sync-box.is-working .csb-ico .ci{animation:catSpin 2.4s linear infinite}
.csb-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.csb-main b{font-size:14px}.csb-main small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csb-main small b{font-size:12px;color:var(--text)}
.csb-ok{display:inline-flex;align-items:center;gap:4px;color:var(--success)}.csb-ok .ci{width:13px;height:13px}
.csb-prog{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 0 180px}.csb-prog .cat-sync-bar{display:block;width:100%;height:6px}.csb-prog small{font-size:11px;color:var(--muted)}
.csb-more{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:8px;border:1px solid var(--line-strong);font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}
.csb-more .ci{width:14px;height:14px;transition:transform .15s}.cat-sync-box[open] .csb-more{color:var(--primary);border-color:var(--primary)}.cat-sync-box[open] .csb-more .ci{transform:rotate(180deg)}
.csb-body{padding:4px 16px 16px;border-top:1px solid var(--line)}.csb-body>p{font-size:12px;margin:12px 0}
.csb-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;max-height:420px;overflow-y:auto}
.csb-row{display:grid;grid-template-columns:20px minmax(140px,1fr) auto minmax(150px,220px);align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid var(--line);cursor:pointer;margin:0}
.csb-row:last-child{border-bottom:0}.csb-row:hover{background:var(--panel-head)}.csb-row.is-on{background:color-mix(in srgb,var(--primary-soft) 55%,transparent)}
.csb-row input{width:17px;height:17px;accent-color:var(--primary)}
.csb-name{display:flex;flex-direction:column;min-width:0}.csb-name small{font-size:11px;color:var(--muted)}
.csb-rowbar{display:flex;flex-direction:column;gap:3px}.csb-rowbar .cat-sync-bar{display:block;width:100%;height:5px}.csb-rowbar small{font-size:11px;color:var(--muted)}
.csb-foot{display:flex;align-items:center;gap:8px;margin-top:4px}.csb-foot .spacer{flex:1}
.cat-sync-box .cat-auto-shop{margin:12px 0}
@media (max-width:760px){.csb-prog{display:none}.csb-row{grid-template-columns:20px 1fr;}.csb-row .cat-sync-chip,.csb-row .csb-rowbar{grid-column:2}}
.csb-prog .cat-sync-bar,.csb-rowbar .cat-sync-bar,.lst-prog .cat-sync-bar,.cat-bg .cat-sync-bar,.cat-busy-card .cat-sync-bar{flex:none!important}
dialog.pd-csv-dialog{width:min(980px,calc(100vw - 24px));border-radius:16px;border:1px solid var(--line)}
.pd-csv-dialog .dialog-head{padding:18px 22px;border-bottom:1px solid var(--line);background:var(--panel-head)}.pd-csv-dialog .dialog-body{padding:18px 22px;max-height:calc(100vh - 220px);overflow:auto}
.pd-csv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 14px}
.pd-csv-prev td{font-size:12px}
.pd-csv-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid var(--line);background:var(--panel-head)}
.pd-csv-dialog .lst-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:12px;align-items:center;margin-top:14px}
@media (max-width:760px){.pd-csv-grid{grid-template-columns:1fr 1fr}}
dialog.pd-csv-in{width:min(720px,calc(100vw - 24px))}
.pd-csv-drop{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 16px;border:2px dashed var(--line-strong);border-radius:14px;background:var(--panel-head);text-align:center;transition:all .15s}
.pd-csv-drop>.ci{width:34px;height:34px;color:var(--primary)}.pd-csv-drop.is-over{border-color:var(--primary);background:var(--primary-soft)}
.pd-csv-or{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--muted);font-size:12px}.pd-csv-or::before,.pd-csv-or::after{content:"";flex:1;height:1px;background:var(--line)}
#pdCsvPaste{width:100%;font-family:ui-monospace,monospace;font-size:12px;resize:vertical}
dialog.pd-csv-in{width:min(720px,calc(100vw - 24px))}
.pd-csv-drop{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 16px;border:2px dashed var(--line-strong);border-radius:14px;background:var(--panel-head);text-align:center;transition:all .15s}
.pd-csv-drop>.ci{width:34px;height:34px;color:var(--primary)}.pd-csv-drop.is-over{border-color:var(--primary);background:var(--primary-soft)}
.pd-csv-or{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--muted);font-size:12px}.pd-csv-or::before,.pd-csv-or::after{content:"";flex:1;height:1px;background:var(--line)}
#pdCsvPaste{width:100%;font-family:ui-monospace,monospace;font-size:12px;resize:vertical}
/* WooCommerce */
#view-woo .page-head h1::after{content:none}
.woo-connect{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;padding:22px}
.woo-steps h2{margin:0 0 10px;font-size:18px}.woo-steps ol{margin:0;padding-left:18px;line-height:1.6;font-size:14px}
.woo-form{display:flex;flex-direction:column;gap:12px}.woo-form-foot{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}
.woo-store-card{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.woo-store-card .spacer{flex:1}.woo-store-card select{width:auto}
.woo-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid var(--line)}.woo-filters .cat-search{flex:1 1 280px}
.woo-store-pick{display:inline-flex;align-items:center;gap:8px;font-weight:700}.woo-store-pick select{width:auto;max-width:min(240px,70vw)}
.woo-table td{vertical-align:top}.woo-table td small{display:block;margin-top:2px}
.woo-item{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:13px}.woo-item img{width:32px;height:32px;border-radius:6px;object-fit:cover;border:1px solid var(--line)}
.woo-note{color:var(--warning)}
.woo-st{min-width:160px;font-weight:600}.woo-st-processing{color:var(--primary)}.woo-st-completed{color:var(--success)}.woo-st-cancelled,.woo-st-failed,.woo-st-refunded{color:var(--danger)}.woo-st-on-hold,.woo-st-pending{color:var(--warning)}
@media (max-width:860px){.woo-connect{grid-template-columns:1fr}}
@media (max-width:700px){#view-woo .cat-head{padding-right:8px}#view-woo .woo-filters{padding:10px 12px}#view-woo .woo-filters .cat-search{flex-basis:100%}#view-woo .woo-store-card{align-items:flex-start}}
/* Integracje — nowy wygląd */
#view-integracje .page-head h1::after{content:none}
#integrationsPanel{padding:18px}
.integ-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.integ-head h2{margin:0 0 2px;font-size:18px}
.integ-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.integ-card{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.integ-card header{display:flex;align-items:center;gap:12px}
.integ-card-t{flex:1;min-width:0;display:flex;flex-direction:column}.integ-card-t b{font-size:15px}.integ-card-t small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.integ-ico{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:11px;border:1px solid var(--line);overflow:hidden}.integ-ico svg{width:28px;height:28px}
.integ-state{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:700;white-space:nowrap}
.integ-state i{width:7px;height:7px;border-radius:50%;background:currentColor}
.integ-state.ok{background:var(--success-soft);color:var(--success)}.integ-state.warn{background:color-mix(in srgb,var(--warning) 14%,var(--panel));color:var(--warning)}
.integ-does{margin:0;font-size:13px;color:var(--muted);line-height:1.45}
.integ-card footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:4px}
.integ-more summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--primary)}
.integ-list{list-style:none;margin:8px 0 0;padding:0;max-height:240px;overflow:auto;border:1px solid var(--line);border-radius:10px}
.integ-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-bottom:1px solid var(--line)}.integ-list li:last-child{border-bottom:0}
.integ-list li span{display:flex;flex-direction:column;min-width:0}.integ-list small{font-size:11px;color:var(--muted)}.integ-list em{color:var(--danger);font-style:normal}
.integ-empty{padding:30px;text-align:center;border:2px dashed var(--line-strong);border-radius:14px}
.integ-builtin{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}
.integ-mini{padding:3px 10px;border-radius:99px;border:1px solid var(--line);font-size:12px;color:var(--muted)}.integ-mini.on{color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,transparent)}
.integ-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.integ-pick button{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);text-align:left;cursor:pointer;font:inherit;color:var(--text);transition:all .15s}
.integ-pick button:hover{border-color:var(--primary);box-shadow:0 4px 14px rgba(15,23,42,.08);transform:translateY(-1px)}
.integ-pick-t{flex:1;display:flex;flex-direction:column;gap:3px}.integ-pick-t b{font-size:14px}.integ-pick-t small{font-size:12px;line-height:1.45;color:var(--muted)}
.integ-pick-go{flex:none;align-self:center;font-size:12px;font-weight:700;color:var(--primary);white-space:nowrap}
#integAddDialog{width:min(900px,calc(100vw - 24px))}
@media (max-width:760px){.integ-pick{grid-template-columns:1fr}}
.integ-pick-wrap h3{margin:16px 0 8px}.integ-pick-wrap h3:first-child{margin-top:0}
.integ-group{margin-bottom:18px}.integ-group h3{margin:0 0 8px}
.integ-firms li{align-items:flex-start}.integ-firms .ok{color:var(--success);font-style:normal}
.integ-boxes{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.integ-boxes span{padding:1px 7px;border-radius:99px;border:1px solid var(--line);font-size:11px}.integ-boxes span.on{color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,transparent)}
.linklike{border:0;background:none;color:var(--primary);font:inherit;font-size:11px;cursor:pointer;padding:0}
.integ-firms .inv-token{display:flex;gap:6px;margin-top:6px}.integ-firms .inv-token input{height:30px;font-size:12px;flex:1;min-width:0}.integ-firms .inv-token .cbtn{height:30px}
.acc-add{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.acc-add input{height:32px;font-size:12px}.acc-add .cbtn{grid-column:1/-1}
.integ-card:has(.integ-firms){grid-column:span 2}
@media (max-width:900px){.integ-card:has(.integ-firms){grid-column:auto}}
#integMap.integ-cards{display:block}
.integ-errtxt{color:var(--danger);font-size:11px;margin-top:2px}
.integ-li-act{display:flex;gap:4px;flex:none;align-items:center}.integ-li-act .cbtn{height:30px;font-size:12px;padding:0 10px}
/* Subiekt GT */
.sgt-status{display:flex;flex-direction:column;gap:16px;padding:18px 20px;margin-bottom:14px}
.sgt-conn{display:flex;align-items:flex-start;gap:12px}.sgt-conn>div{display:flex;flex-direction:column;gap:2px;min-width:0}.sgt-conn small{display:block}
.sgt-warn{color:var(--warning);font-weight:600}
.sgt-mode{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sgt-mode button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:11px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);cursor:pointer;font:inherit}
.sgt-mode button small{color:var(--muted);font-size:12px;line-height:1.35}.sgt-mode button:hover{border-color:var(--primary)}
.sgt-mode button.on{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--panel));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}
.sgt-mode button.m-live.on{border-color:var(--success);background:var(--success-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 18%,transparent)}
.sgt-mode button.m-live.on b{color:var(--success)}
.sgt-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.sgt-stats div{display:flex;flex-direction:column;padding:10px 12px;border-radius:10px;background:var(--panel-head)}
.sgt-stats b{font-size:20px}.sgt-stats small{color:var(--muted);font-size:12px}
.sgt-setup,.sgt-settings{margin-bottom:14px;padding:0}
.sgt-setup>summary,.sgt-settings>summary{cursor:pointer;padding:14px 20px;list-style:revert}
.sgt-connect{border-top:1px solid var(--line)}
.sgt-note{font-size:13px;margin-top:12px}
.sgt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:16px 20px 20px;border-top:1px solid var(--line)}
.sgt-col{display:flex;flex-direction:column;gap:10px;min-width:0}
.sgt-chk{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.sgt-chk input{margin-top:3px;width:auto;flex:none}.sgt-chk span{display:flex;flex-direction:column;gap:1px;min-width:0}.sgt-chk small{font-size:12px;line-height:1.35}
.sgt-table td small{display:block}
.sgt-tag{display:inline-block;padding:3px 9px;border-radius:99px;font-size:12px;font-weight:700;white-space:nowrap;background:color-mix(in srgb,var(--text) 7%,var(--panel))}
.sgt-tag.t-end{background:color-mix(in srgb,var(--danger,#dc2626) 13%,var(--panel));color:var(--danger,#dc2626)}
.sgt-tag.t-go{background:var(--success-soft);color:var(--success)}
.sgt-tag.t-qty{background:var(--primary-soft);color:var(--primary)}
.sgt-tag.t-skip{color:var(--muted)}
.sgt-bad td{background:color-mix(in srgb,var(--danger,#dc2626) 5%,transparent)}
.sgt-sum{margin:4px 0 10px}
.sgt-items-f{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.sgt-items-f input{flex:1 1 240px;min-width:0}
@media (max-width:860px){.sgt-mode,.sgt-grid{grid-template-columns:1fr}.sgt-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sgt-col .lst-num{width:120px;text-align:left}
.sgt-table td a{color:var(--text);text-decoration:none}.sgt-table td a:hover b{color:var(--primary);text-decoration:underline}
/* Wysyłam z Allegro */
dialog.ship-dlg{width:min(900px,calc(100vw - 24px));max-height:calc(100vh - 32px)}
.ship-form{display:flex;flex-direction:column;max-height:calc(100vh - 32px)}
.ship-form .dialog-head h2{margin:0;font-size:18px}.ship-form .dialog-head p{margin:2px 0 0}
.ship-body{padding:16px 18px;overflow:auto;display:flex;flex-direction:column;gap:14px}
.ship-warn{background:var(--warning-soft);border:1px solid color-mix(in srgb,var(--warning) 35%,transparent);border-radius:10px;padding:10px 14px;font-size:13.5px}
.ship-warn p{margin:3px 0}.ship-warn summary{cursor:pointer}.ship-warn ol{margin:8px 0;padding-left:18px;line-height:1.6}
.ship-cols{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px}
.ship-card{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid var(--line);border-radius:12px;min-width:0}
.ship-card .cat-lbl{margin-top:8px}.ship-card .cat-lbl:first-child{margin-top:0}
.ship-point{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:10px;background:var(--primary-soft);margin:4px 0}.ship-point span{display:flex;flex-direction:column}
.ship-presets{display:flex;flex-wrap:wrap;gap:6px}.ship-presets .chip{display:inline-flex;flex-direction:column;align-items:flex-start;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);cursor:pointer;font:inherit;font-size:13px;color:var(--text)}
.ship-presets .chip small{color:var(--muted);font-size:11px}.ship-presets .chip:hover{border-color:var(--primary)}
.ship-dims{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ship-dims label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted);min-width:0}
.ship-dims input,.ship-dims select{width:100%;min-width:0}.ship-dims2{grid-template-columns:repeat(3,minmax(0,1fr))}
.ship-cod span{display:flex;align-items:center;gap:5px}.ship-cod input[type=checkbox]{width:auto}
.ship-existing{display:flex;flex-direction:column;gap:6px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-head)}
.ship-ex-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ship-ex-row>span{flex:1;min-width:0;display:flex;align-items:center;gap:6px}
.ship-form .ci,.ord-actions .ci{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px;margin-right:4px}
.ship-form .dialog-foot{align-items:center;flex-wrap:wrap}
.ord-ship{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:3px 8px;border-radius:99px;white-space:nowrap}
.ord-ship.ok{background:var(--success-soft);color:var(--success)}.ord-ship.wait{background:var(--warning-soft);color:var(--warning)}.ord-ship.bad{background:var(--danger-soft);color:var(--danger)}
.ship-sec{display:flex;flex-direction:column;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line)}.ship-sec:last-child{border-bottom:0}
.ship-sec-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ship-sec-h select{width:auto}
.ship-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ship-grid2{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;align-items:end}
.ship-presets-edit{display:flex;flex-direction:column;gap:6px}
.ship-pr{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ship-pr>b,.ship-pr input[name=pn]{width:130px}.ship-pr input:not([name=pn]){width:64px}.ship-pr span{color:var(--muted);font-size:13px}
.ship-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ship-agent{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:10px;background:var(--panel-head)}
.ship-help summary{cursor:pointer;font-weight:600}.ship-help ol{padding-left:18px;line-height:1.6;font-size:13.5px}
@media (max-width:760px){.ship-cols,.ship-modes,.ship-grid2{grid-template-columns:1fr}.ship-grid{grid-template-columns:1fr 1fr}.ship-dims{grid-template-columns:1fr 1fr}}
.ship-accs{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ship-accs>small{flex-basis:100%}
.chip-check{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--line);border-radius:99px;font-size:13px;cursor:pointer}.chip-check input{width:auto;margin:0}
.chip-check:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}
.cat-sku-in{width:120px;min-width:0;padding:5px 8px;border:1px dashed var(--line-strong);border-radius:8px;background:transparent;font:inherit;font-size:13px;color:var(--text)}
.cat-sku-in:not(:placeholder-shown){border-style:solid;border-color:transparent;background:var(--panel-head)}
.cat-sku-in:hover,.cat-sku-in:focus{border-style:solid;border-color:var(--primary);background:var(--panel);outline:none}
.cat-sku-in.saved{border-color:var(--success);background:var(--success-soft)}
.co-admin-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:4px 0}
.co-mod{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);cursor:pointer}.co-mod input{width:auto;margin:0}.co-mod.off{opacity:.5;cursor:default}
#coAdminList{display:block}
/* Logowanie dwuetapowe */
.twofa-box{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line)}
.twofa-box small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.twofa-dialog{max-width:440px}
.twofa-dialog .dialog-body p{margin:0 0 10px}
.twofa-ol{margin:0 0 12px;padding-left:20px;display:grid;gap:4px}
.twofa-qr{display:flex;justify-content:center;margin:4px 0 10px}
.twofa-qr .qr{width:200px;height:200px;border-radius:8px}
.twofa-secret{letter-spacing:.06em;word-break:break-all}
.twofa-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 12px;margin:0 0 10px;padding:12px;list-style:none;border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--panel-head)}
.twofa-codes code{background:none;font-size:14px;letter-spacing:.04em}
.page-back{margin:0 0 6px -8px}
/* Karta zamówienia */
.oc-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.oc-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.oc-title h1{margin:0;font-size:22px}
.oc-products,.oc-info,.oc-ship,.oc-rates{margin-bottom:14px}
.oc-rates .panel-head{flex-wrap:wrap;gap:8px}.oc-rate-all{display:inline-flex;align-items:center;gap:6px;font-size:13px}
.oc-rate-basis,.firm-basis{display:block;margin-top:4px;width:100%;max-width:360px}.oc-rate-note{margin:0;padding:8px 18px}
.integ-firms .firm-basis{height:30px;font-size:12px;margin-top:6px}
.integ-firms .firm-basis[hidden]{display:none !important}
.oc-fv{margin-bottom:14px}
.oc-fv-top,.oc-fv-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:0 18px 10px}
.oc-fv-note,.oc-fv-diff{margin:0;padding:0 18px 12px}
.oc-fv-h{margin:4px 18px 8px;font-size:16px}
.oc-fv-form{display:grid;gap:8px;padding:0 18px 12px}
.oc-fv-form label{display:grid;gap:4px;font-size:13px}
.oc-fv-form input,.oc-fv-form select{height:36px;width:100%;max-width:420px}
.oc-fv-line{display:grid;gap:6px;padding:8px 0;border-top:1px solid var(--line)}
.oc-fv-kor{border-top:1px solid var(--line);padding-top:8px;margin-top:8px}
.oc-ksef{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700}
.oc-ksef::before{content:'';width:10px;height:10px;border-radius:50%;background:currentColor}
.oc-ksef.is-ok{color:#15803d}.oc-ksef.is-wait{color:#6b7280}.oc-ksef.is-bad{color:#b91c1c}
.oc-pdf{width:min(920px,calc(100vw - 24px));max-height:calc(100vh - 24px);padding:0;border:0}
.oc-pdf-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px}
#ocPdfFrame{width:100%;height:min(70vh,720px);border:0;background:#fff}
@media (max-width:760px){.oc-fv-actions .btn{flex:1 1 calc(50% - 8px)}.oc-title h1{font-size:18px}}
.firm-exempt{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:13px}.oc-img img,.oc-img .cat-noimg{width:46px;height:46px;object-fit:cover;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--panel-head)}
.oc-products tfoot td{border-top:1px solid var(--line);padding-top:10px}
.oc-cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;padding:14px 18px}
.oc-kv{display:grid;grid-template-columns:150px minmax(0,1fr);gap:6px 14px;margin:0;padding:14px 18px;font-size:14px}.oc-cols .oc-kv{padding:0}
.oc-kv dt{color:var(--muted)}.oc-kv dd{margin:0;min-width:0;overflow-wrap:anywhere}.oc-kv .oc-sep{border-top:1px solid var(--line);margin:4px 0}
.oc-kv select{width:auto;max-width:100%}
.oc-paid{display:inline-block;padding:2px 10px;border-radius:6px;font-weight:700;color:#fff}.oc-paid.ok{background:var(--success)}.oc-paid.no{background:var(--danger)}
.oc-msg{display:block;padding:6px 10px;border-radius:8px;background:var(--warning-soft)}
.oc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.oc-cards .panel{margin:0}.oc-cards .empty{padding:14px 18px;text-align:left}
.oc-ship .table td small{display:block}.oc-noship{padding:4px 18px}.oc-ship .ship-warn{margin:10px 18px}
.oc-svc{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid var(--line)}.oc-svc small{opacity:.8;font-weight:400;margin-left:4px}
.oc-svc .ci,.oc-ship .ci,.ship-table .ci,.ship-prn .ci{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px;margin-right:4px}
.oc-more summary{cursor:pointer;font-size:13px;color:var(--muted)}.oc-svc-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.oc-act{white-space:nowrap;text-align:right}.oc-act .btn{margin-left:4px}
.ship-prn{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:14px;flex-wrap:wrap}.ship-prn>div{display:flex;flex-direction:column}.ship-prn .integ-ico .ci{stroke:#fff;margin:0}
.ship-table td small{display:block}
@media (max-width:900px){.oc-cols,.oc-cards{grid-template-columns:1fr}.oc-kv{grid-template-columns:120px minmax(0,1fr)}}
.ord-bulk{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 16px;border-bottom:1px solid var(--line);background:var(--panel-head)}
.ord-all{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;cursor:pointer}.ord-all input{width:auto;margin:0}
.ord-bulk-act{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ord-st-bulk{width:auto;font-size:13px;padding:5px 8px}
#ordMsgText{width:100%;font:inherit}.ord-msg-hint{font-size:12.5px;margin:8px 0 0}
.ord-link{cursor:pointer}
/* Integracje: jedna siatka kart, podsumowanie i filtry */
.integ-summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 14px;margin-bottom:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-head)}
.integ-sum-ok,.integ-sum-warn{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:14px}.integ-sum-ok i,.integ-sum-warn i{width:9px;height:9px;border-radius:50%;background:var(--success)}
.integ-sum-ok{color:var(--success)}.integ-sum-warn{color:var(--warning)}.integ-sum-warn i{background:var(--warning)}
.integ-chips{display:flex;flex-wrap:wrap;gap:6px}
.integ-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:99px;background:var(--panel);font:inherit;font-size:13px;color:var(--text);cursor:pointer}
.integ-chip b{font-size:12px;color:var(--muted)}.integ-chip:hover{border-color:var(--primary)}.integ-chip.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.integ-chip.on b{color:var(--primary)}
.integ-chip.is-warn{border-color:color-mix(in srgb,var(--warning) 45%,transparent);color:var(--warning)}
.integ-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px;align-items:stretch}
.integ-grid .integ-card{position:relative;min-width:0}.integ-grid .integ-card>footer{margin-top:auto}
.integ-grid .integ-card.is-wide{grid-column:span 2}
.integ-grid .integ-card.is-warn{border-color:color-mix(in srgb,var(--warning) 40%,var(--line))}
.integ-grp{position:absolute;top:-9px;left:14px;padding:1px 8px;border-radius:99px;background:var(--panel);border:1px solid var(--line);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.integ-add-card{align-items:center;justify-content:center;text-align:center;border-style:dashed;cursor:pointer;color:var(--muted);font:inherit;min-height:160px}
.integ-add-card:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.integ-add-card .ci{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8}
.integ-add-card b{font-size:15px;color:var(--text)}.integ-add-card small{max-width:260px}
@media (max-width:760px){.integ-grid .integ-card.is-wide{grid-column:auto}}
.integ-grid{align-items:start}.integ-grid .integ-card.is-wide{order:10}.integ-grid .integ-add-card{order:11}
#ordBulkAct #ordSupplierBulk{padding:5px 10px;font-size:13px}
.ship-acc-sum{padding:2px 10px;border-radius:99px;font-weight:700;font-size:12.5px}.ship-acc-sum.ok{background:var(--success-soft);color:var(--success)}.ship-acc-sum.warn{background:var(--warning-soft);color:var(--warning)}
.ship-acc-hint{margin:0;font-size:13px}
.ship-accs-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.ship-acc{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:10px}.ship-acc>span:first-child{display:flex;flex-direction:column;min-width:0}
.ship-acc.ok{background:var(--panel-head)}
.ship-size-sel{width:auto;min-width:0;padding:4px 6px;font-size:12.5px;border:1px dashed var(--line-strong);border-radius:8px;background:transparent;color:var(--muted)}
.ship-size-sel.is-set{border:1px solid color-mix(in srgb,var(--primary) 45%,transparent);background:var(--primary-soft);color:var(--primary);font-weight:700}
.ship-presets .chip.on{border-color:var(--primary);background:var(--primary-soft)}
.ship-remember{margin:4px 0}
.oc-shipbox{border-top:1px solid var(--line)}.oc-shipbox>summary{cursor:pointer;padding:12px 18px;display:flex;align-items:center;gap:6px}
.oc-ship-form{display:flex;flex-direction:column;gap:8px;padding:0 18px 16px;max-width:760px}
.oc-ship-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}
.ord-no{color:var(--text);font-weight:700}
.oc-vat{border:2px solid var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}
.oc-vat .panel-head{background:var(--primary-soft)}
.oc-vat-tag{margin-left:auto;padding:3px 10px;border-radius:99px;background:var(--primary);color:#fff;font-size:12px;font-weight:700}
.oc-inv-tag{margin-left:auto;padding:3px 10px;border-radius:99px;background:var(--panel-head);border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:600}
.oc-nip{font-size:15px;letter-spacing:.02em}.oc-inv-note{padding:0 18px 12px;margin:0;font-size:12.5px}
.oc-cards .panel-head{display:flex;align-items:center;gap:8px}
.ord-arch-f{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line)}.ord-arch-f input{flex:1 1 280px;min-width:0}.ord-arch-f select{width:auto}
/* Magazyn */
.mg-sync{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 18px;margin-bottom:14px}
.mg-toggle{display:flex;gap:10px;align-items:flex-start;cursor:pointer;flex:1 1 420px}.mg-toggle input{width:auto;margin-top:4px}.mg-toggle span{display:flex;flex-direction:column;gap:2px}.mg-toggle small{font-size:12.5px}
.mg-scan{padding:16px 18px;margin-bottom:14px}.mg-scan-f{display:flex;gap:8px}.mg-scan-f input{flex:1;font-size:18px;padding:12px 14px;min-width:0}
.mg-res-p{margin:12px 0 6px}
.mg-card{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 14px;margin-top:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel-head)}
.mg-card img{width:56px;height:56px;object-fit:cover;border-radius:8px}.mg-card .grow{display:flex;flex-direction:column;min-width:200px}
.mg-now{display:flex;flex-direction:column;align-items:center;padding:0 10px}.mg-now small{color:var(--muted);font-size:11px}.mg-now b{font-size:26px}
.mg-acts{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mg-n{width:80px}.mg-cat{width:auto;max-width:200px}
.mg-new-f{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.mg-new-f input[name=name]{flex:1 1 260px}.mg-new-f input[name=code]{width:160px}.mg-new-f input[name=stock]{width:80px}.mg-new-f input[name=price]{width:120px}
.mg-q{width:260px;max-width:100%}
.mg-table td small{display:block}.mg-qty{width:76px;text-align:right;font-weight:700;padding:5px 8px}.mg-qty.zero{color:var(--danger)}
.mg-sync-chk{display:inline-flex;align-items:center;gap:6px;font-size:12px}.mg-sync-chk input{width:auto;margin:0}
.mg-paste-mode{display:flex;flex-direction:column;gap:4px;margin-top:10px}#mgPasteText{width:100%;font-family:ui-monospace,monospace}
.mg-paste-ok{margin:10px 0 4px;color:var(--success)}.mg-up{color:var(--success)}.mg-down{color:var(--danger)}
.mg-alert{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.mg-alert input{width:70px;padding:4px 6px}
.mg-low{display:block;color:var(--warning);font-weight:700;font-size:11px}
.mg-views{margin-bottom:14px;display:inline-flex;flex-wrap:wrap}.mg-ret-lead{margin:0 0 10px}
.ow-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.ow-bar .cat-tabs{flex:1;overflow-x:auto}
.ow-live{margin:0 0 12px;padding:12px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line);display:flex;gap:12px;align-items:center}
.ow-live.ok{border-color:color-mix(in srgb,var(--success) 50%,var(--line));background:var(--success-soft)}
.ow-live.bad{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:var(--danger-soft)}
.ow-live img{width:52px;height:52px;object-fit:cover;border-radius:8px}
.ow-live > div{display:flex;flex-direction:column;min-width:0;gap:2px}
.ow-live b{font-size:16px}.ow-live .ow-qty{margin-left:auto;font-size:28px;font-weight:800}
.ow-list{padding:10px 12px}
.ow-accs{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}
.ow-acc{border-top:1px solid var(--line)}.ow-acc:first-child{border-top:0}
.ow-acc.hit{background:var(--primary-soft);box-shadow:inset 3px 0 0 var(--primary)}
.ow-sum{display:grid;grid-template-columns:22px 36px minmax(120px,1fr) auto auto;gap:8px;align-items:center;min-height:40px;padding:3px 8px}
.ow-sum.ow-pick{grid-template-columns:32px minmax(0,1fr) auto}
.ow-twist,.ow-name{border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:0}
.ow-twist{color:var(--muted);font-size:12px;line-height:1}
.ow-sum img,.ow-ph{width:32px;height:32px;border-radius:6px;object-fit:cover;background:var(--panel-head)}
.ow-name{text-align:left;min-width:0}.ow-name b{display:block;font-size:13.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ow-name small{display:block;color:var(--muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ow-nums{display:flex;gap:12px;font-style:normal;font-size:10.5px;color:var(--muted);letter-spacing:.02em}
.ow-nums b{display:block;font-size:14px;color:var(--text);font-style:normal;line-height:1.15}.ow-nums .zero{color:var(--danger)}
.ow-quick{display:flex;align-items:center;gap:6px}.ow-quick .btn{padding:3px 8px;min-height:28px}
.ow-more{display:none;padding:8px 10px 10px 66px;background:var(--panel-head);border-top:1px solid var(--line)}
.ow-acc.open .ow-more{display:block}
.ow-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:8px}
.ow-detail-grid label{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--muted);font-weight:650}
.ow-detail-grid select,.ow-detail-grid input{font-size:13px;padding:5px 8px}
.ow-offers ul,.ow-hist{margin:4px 0 8px;padding:0;list-style:none;font-size:12.5px}
.ow-offers li{padding:2px 0}
.ow-hist-t{font-size:12px;margin:0}.ow-hist-t td{padding:3px 8px}
.ow-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ow-qtyin{width:72px;text-align:right;font-weight:700}
.ow-scan{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.ow-scan input[type="number"]{width:88px}
.ow-line{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.ow-line small{display:block}
.ow-line.done{opacity:.65}.ow-line .tick{font-weight:800}
.ow-cam{margin-top:10px}.ow-cam video{width:min(100%,420px);border-radius:12px;background:#000}
#askText{white-space:pre-wrap}
@media (max-width:700px){
  .ow-sum{grid-template-columns:20px 32px minmax(0,1fr) auto;row-gap:2px;padding:6px}
  .ow-nums{grid-column:3 / -1}
  .ow-quick{grid-column:4;grid-row:1}
  .ow-more{padding:8px 8px 10px 8px}
  .ow-detail-grid{grid-template-columns:1fr}
  .ow-acts .btn,.ow-acts .cbtn{min-height:40px}
  .mg-views{width:100%}#mgOwn{padding-bottom:96px}
  .ow-scan input{flex:1;min-width:0;font-size:16px}
}
.ship-os{width:auto;font-size:13px;padding:5px 8px}.ship-help code{background:var(--panel-head);padding:1px 6px;border-radius:5px;font-size:12.5px}
/* Drukarka: sposoby łączenia */
.prn-ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.prn-way{display:flex;flex-direction:column;gap:10px;padding:16px;border:1.5px solid var(--line);border-radius:14px;background:var(--panel)}
.prn-way.on{border-color:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 15%,transparent)}
.prn-way-h{display:flex;gap:12px;align-items:flex-start}.prn-way-h>div{display:flex;flex-direction:column;gap:3px}.prn-way-h b{font-size:16px}.prn-way-h small{color:var(--muted);font-size:13px;line-height:1.4}
.prn-ico{font-size:28px;line-height:1}
.prn-steps{margin:0;padding-left:20px;font-size:14px;line-height:1.6}
.prn-big{font-size:17px;padding:14px 18px;width:100%}.prn-way .btn-lg{width:100%}
.prn-ok{margin:0;padding:10px 12px;border-radius:10px;background:var(--success-soft);color:var(--success);font-size:15px}
.prn-btns{display:flex;gap:8px;flex-wrap:wrap}
.usb-badge{position:fixed;left:16px;bottom:16px;z-index:50;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:99px;border:1px solid color-mix(in srgb,var(--success) 40%,transparent);background:var(--success-soft);color:var(--success);font:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-lg)}
.usb-badge.off{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}
@media (max-width:760px){.prn-ways{grid-template-columns:1fr}.usb-badge{bottom:76px}}
.prn-wide{grid-column:1 / -1}.prn-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.prn-two>div{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:var(--panel-head)}
@media (max-width:760px){.prn-two{grid-template-columns:1fr}}
/* Wyniki: wybór sklepu */
.sr-shops{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;margin-bottom:6px;scrollbar-width:thin}
.sr-shop{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:120px;padding:9px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font:inherit;cursor:pointer;text-align:left}
.sr-shop b{font-size:13px}.sr-shop span{font-size:17px;font-weight:800;color:var(--success)}.sr-shop span.neg{color:var(--danger)}.sr-shop small{color:var(--muted);font-size:11.5px}
.sr-shop:hover{border-color:var(--primary)}.sr-shop.on{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}
.sr-title{display:flex;align-items:center;gap:8px;margin:2px 0 10px;font-size:16px}.sr-title:empty{display:none}

/* Zamówienia: filtr + obrót i zysk przefiltrowanych */
.ord-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px 16px 0}
.ord-filters input[type=search]{flex:1 1 260px;min-width:0}
.ord-sum{display:flex;gap:6px 18px;flex-wrap:wrap;align-items:baseline;padding:8px 16px;font-size:14px}
.ord-sum:empty{display:none}
.ord-sum b{font-size:16px}
.ord-sum-profit b{color:#15803d}.ord-sum-profit.neg b{color:#b91c1c}
.ord-money{display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1.2}
.ord-profit{font-size:12px;color:#15803d;white-space:nowrap}
.ord-profit.neg{color:#b91c1c;font-weight:600}
.ord-profit.none{color:var(--muted,#888)}
.ord-filters select,#ordShop{width:auto;flex:0 0 auto;max-width:100%}
.ord-filters input[type=search]{width:auto}
.ord-money .ord-profit{color:#15803d}.ord-money .ord-profit.neg{color:#b91c1c}.ord-money .ord-profit.none{color:var(--muted)}
.off-drafts-rest{margin-top:10px}.off-drafts-rest>summary{cursor:pointer;color:var(--muted);font-size:13px;padding:6px 0}
#ordKpis .kpi.neg strong{color:#b91c1c}
.ord-day-sep{display:flex;gap:6px 16px;flex-wrap:wrap;align-items:baseline}
.ord-day-sep span{font-weight:400}.ord-day-profit b{color:#15803d}.ord-day-profit.neg b{color:#b91c1c}
.off-drafts>summary{cursor:pointer;list-style:none}.off-drafts>summary::-webkit-details-marker{display:none}
.off-drafts[open] .off-all-toggle{transform:rotate(180deg)}
/* Ograniczony współwłaściciel: w menu tylko Oferty, Zamówienia, Sprzedaż */
/* Katalogi zwinięte do jednej listy */
.cat-folder-pick{display:inline-flex;align-items:center;gap:8px;margin:0}
.cat-folder-pick .cat-lbl{margin:0}
.cat-folder-pick select{width:auto;min-width:220px;max-width:min(360px,70vw)}
/* Oferty na Allegro: cena i ilość edytowane w tabeli */
.cat-edit-in{width:92px;text-align:right;padding:4px 6px;border:1px solid transparent;border-radius:6px;background:transparent;font:inherit;font-weight:600}
.cat-edit-in.cat-edit-qty{width:60px}
.cat-edit-in:hover{border-color:var(--line,#ddd)}.cat-edit-in:focus{border-color:var(--primary);background:var(--panel);outline:none}
.cat-edit-in.saved{border-color:#15803d;background:#ecfdf3}
/* Ten sam produkt na innych sklepach */
.cat-others{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;align-items:center;max-width:260px}
.cat-oth{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:1px 6px;border-radius:999px;border:1px solid var(--line);color:var(--muted);text-decoration:none;white-space:nowrap}
.cat-oth.on{color:#15803d;border-color:#bbe5c8}
.cat-oth-go{font-size:11px;padding:2px 8px}
.cat-others small{flex-basis:100%;font-size:11px}
/* Ołówek przy edytowalnej cenie i ilości */
.cat-edit{display:inline-flex;align-items:center;gap:2px;cursor:text;margin:0}
.cat-edit .ci{width:14px;height:14px;color:var(--muted);opacity:.7;flex:0 0 auto}
.cat-edit:hover .ci,.cat-edit:focus-within .ci{color:var(--primary);opacity:1}
.cat-edit .cat-edit-in{border-color:var(--line);border-style:dashed}
/* Okno postępu wznawiania/kończenia ofert */
.pub-dlg{width:min(760px,96vw);padding:0;border:0;border-radius:14px}
.pub-box{display:flex;flex-direction:column;max-height:86vh}
.pub-bar{display:block;margin:0 18px 8px}
.pub-list{overflow:auto;padding:0 18px;flex:1}
.pub-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.pub-row .grow{min-width:0;display:flex;flex-direction:column;gap:2px}
.pub-row .grow b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pub-msg{color:#b91c1c;font-size:12px}
.pub-st{font-size:12px;white-space:nowrap;font-weight:600}.pub-st.wait{color:var(--muted)}.pub-st.run{color:var(--primary)}.pub-st.ok{color:#15803d}.pub-st.err{color:#b91c1c}
.pub-ok{color:#15803d}.pub-err{color:#b91c1c}
.pub-bar{height:6px!important;flex:0 0 6px;border-radius:999px;overflow:hidden;background:var(--line)}.pub-bar i{display:block;height:100%}
/* Zdjęcia produktu — siatka jak w Base */
.pd-photos{display:flex;flex-direction:column;gap:8px}
.pd-multi{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border:1.5px dashed var(--line-strong);border-radius:12px;cursor:pointer;font-weight:600}
.pd-multi:hover{border-color:var(--primary);color:var(--primary)}
.pd-multi small{font-weight:400;margin-left:auto}
#pdImgs.pd-imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.pd-slot{position:relative;aspect-ratio:1;border:1.5px solid var(--line);border-radius:12px;background:var(--panel-head);overflow:visible}
.pd-slot.has{background:#fff}.pd-slot.has img{width:100%;height:100%;object-fit:contain;border-radius:11px;border:0;outline:0}
.pd-slot[data-slot="0"].has{border-color:var(--primary);border-width:2px}
.pd-slot.empty{opacity:.45}
.pd-no{position:absolute;top:6px;left:6px;z-index:2;min-width:22px;height:22px;padding:0 6px;border:1px solid var(--line-strong);border-radius:999px;background:var(--panel);font-size:11px;font-weight:700;display:grid;place-items:center}
.pd-ext{position:absolute;top:6px;right:6px;z-index:2;background:#2b7fd1;color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px}
.pd-add{position:absolute;inset:auto 0 0 0;height:36px;border:0;border-top:1px solid var(--line);border-radius:0 0 11px 11px;background:transparent;font-weight:700;cursor:pointer;color:var(--text)}
.pd-add:hover{color:var(--primary);background:var(--primary-soft)}
.pd-add-menu{position:absolute;left:6px;right:6px;bottom:40px;z-index:5;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.14);overflow:hidden}
.pd-add-menu button{border:0;background:transparent;padding:9px;cursor:pointer;font:inherit}.pd-add-menu button+button{border-top:1px solid var(--line)}
.pd-add-menu button:hover{background:var(--primary-soft);color:var(--primary)}
.pd-slot-tools{position:absolute;left:4px;right:4px;bottom:4px;display:none;gap:4px;justify-content:center}
.pd-slot.has:hover .pd-slot-tools,.pd-slot.has:focus-within .pd-slot-tools{display:flex}
.pd-slot-tools button{width:28px;height:26px;border:1px solid var(--line);border-radius:7px;background:var(--panel);cursor:pointer;font-size:12px}
.pd-slot-tools button.danger{color:#b91c1c}
@media (hover:none){.pd-slot.has .pd-slot-tools{display:flex}}
.pd-adj{display:flex;gap:8px;flex-wrap:wrap}.pd-adj select{width:auto;flex:0 0 auto}.pd-adj input{flex:1 1 120px;min-width:90px}
.pd-adj-ex{grid-column:1/-1;margin:0;color:var(--primary);font-weight:600}.pd-adj-ex:empty{display:none}
.woo-table td .tag.woo-fv{background:#fff4e5;color:#b45309;margin-top:4px;display:inline-block}.woo-table td .tag.woo-pick{background:#ecfdf3;color:#15803d;margin-bottom:4px;display:inline-block}
.woo-table td small{display:block}.woo-table td .btn-link{padding:2px 0}
.woo-push-form{display:grid;gap:12px}.woo-push-form select{max-width:100%}
.woo-ip{display:flex;flex-direction:column;gap:4px;margin-top:6px;align-items:flex-start}.woo-ip-to{padding:10px 12px;border:1px solid var(--line);border-radius:10px}.woo-ip-to small{display:block}
.woo-dims{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.woo-dims .field{min-width:0}
.woo-table .btn-link{font-weight:700;padding:0}
.woo-ip-to>b:first-child{display:block;font-size:12px;color:var(--muted);font-weight:600;margin-bottom:2px}
.pd-int+.pd-int{margin-left:4px}.pd-int-woo{background:#f3ecff;color:#7e3af2;border-color:#e3d3ff}.pd-int-woo .pd-int-dot{background:#7e3af2}
/* Zadania: „Dla kogo” i załączniki */
.who-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 2px}.who-row>span,.who-field>span{font-size:13px;font-weight:600;color:var(--muted)}
.who-chips{display:flex;gap:6px;flex-wrap:wrap}
.who-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 4px;border:1.5px solid var(--line);border-radius:999px;background:var(--panel);font:inherit;font-weight:600;cursor:pointer;color:var(--text)}
.who-chip:not(:has(.av)){padding-left:12px}
.who-chip:hover{border-color:var(--primary)}
.who-chip.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}
.att-strip{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:6px 0;border-radius:10px}
.att-strip.drop{outline:2px dashed var(--primary);outline-offset:2px}
.att-th{position:relative;width:72px;height:72px;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:grid;place-items:center;background:var(--panel-head);font-size:12px;text-decoration:none;color:var(--text)}
.att-th img{width:100%;height:100%;object-fit:cover}
.att-x{position:absolute;top:2px;right:2px;width:20px;height:20px;border:0;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;cursor:pointer;line-height:1;font-size:13px}
.att-ro .att-x{display:none}
.att-add{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1.5px dashed var(--line-strong);border-radius:10px;cursor:pointer;font-weight:600;font-size:13px}
.att-add:hover{border-color:var(--primary);color:var(--primary)}
.att-hint{font-size:12px}
/* Dodawanie zadań — po przeglądzie UX: mikrofon drugorzędny, Pilne jako chip, prostszy telefon */
.capture-mic{background:var(--panel);color:var(--primary);border:1.5px solid var(--line);width:52px}
.capture-mic[aria-pressed="true"]{background:var(--primary);color:#fff;border-color:var(--primary)}
.who-auto{font-weight:500;color:var(--muted);border-style:dashed}
.who-chip.urgent-chip.on{border-color:#e5484d;background:#fde8e8;color:#b4232c}
.urgent-chip-toggle{display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:6px 14px;border:1.5px solid var(--line);border-radius:999px;font-weight:700;cursor:pointer;width:auto}
.urgent-chip-toggle:has(input:checked){border-color:#e5484d;background:#fde8e8;color:#b4232c}
.urgent-chip-toggle input{width:auto;min-height:0;accent-color:#d9363e}
.capture .who-row{margin:8px 0 0}.capture .att-strip{margin-top:6px}
@media (hover:none){.att-hint{display:none}}

/* Moja księgowość (własne firmy i faktury z KSeF) */
.books-firm{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 0;border-bottom:1px solid var(--line,#e5e7eb)}
.books-firm:last-child{border-bottom:0}
.books-firm .bf-name{font-weight:600;min-width:160px}
.books-firm .bf-state{font-size:13px}
.books-firm .bf-state.ok{color:#15803d}.books-firm .bf-state.err{color:#b91c1c}
.books-firm form{display:flex;gap:6px;flex:1 1 260px}
.books-firm form input{flex:1;min-width:0}
.books-add{margin-top:10px}.books-add summary{cursor:pointer;font-weight:600;padding:6px 0}
.books-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}
.books-form label{display:flex;flex-direction:column;gap:4px;font-size:13px}
.books-form .books-wide{grid-column:1/-1}
.books-seg{margin:8px 0}
.books-sum{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;margin:6px 0 10px}
.books-sum b{font-variant-numeric:tabular-nums}
.books-table{width:100%;border-collapse:collapse;font-size:13px}
.books-table th,.books-table td{padding:7px 6px;border-bottom:1px solid var(--line,#e5e7eb);text-align:left;vertical-align:top}
.books-table td.num,.books-table th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.books-table small{color:var(--muted,#6b7280)}
#booksInvPanel .panel-head{flex-wrap:wrap;gap:6px}
@media (max-width:700px){.books-form{grid-template-columns:1fr}.books-table .hide-sm{display:none}}
#booksInvPanel .panel-head input[type=month]{width:auto;max-width:170px;flex:0 0 auto}
#booksInvPanel .panel-head .btn{flex:0 0 auto}
.books-table td:first-child{white-space:nowrap}

.books-google{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 4px}
.books-google>div{border:1px solid var(--line,#e5e7eb);border-radius:12px;padding:12px}
.books-google h3{font-size:14px;margin:0 0 6px}
.books-google .bg-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;padding:4px 0}
.books-google .bg-row .grow{flex:1;min-width:0;overflow-wrap:anywhere}
.books-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:6px 0 12px}
.books-tile{border:1px solid var(--line,#e5e7eb);border-radius:12px;padding:10px 12px}
.books-tile b{display:block;font-size:22px;font-variant-numeric:tabular-nums}
.books-tile small{color:var(--muted,#6b7280);display:block}
.books-tile.bad b{color:#b91c1c}.books-tile.good b{color:#15803d}
.books-st{display:inline-block;font-size:12px;border-radius:999px;padding:1px 8px;background:#f3f4f6;white-space:nowrap}
.books-st.ok{background:#dcfce7;color:#166534}.books-st.warn{background:#fef3c7;color:#92400e}.books-st.bad{background:#fee2e2;color:#991b1b}
.books-progress{font-size:13px;margin:4px 0 8px}
@media (max-width:700px){.books-google{grid-template-columns:1fr}}
/* Wyszukiwanie po kilku numerach ofert: wynik i „Zakończ aktywne” */
.cat-multi{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 18px 0;padding:10px 14px;border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);border-radius:11px;background:var(--primary-soft);color:var(--text);font-size:13px}
.cat-multi>div{flex:1 1 320px;min-width:0;overflow-wrap:anywhere}
.cat-multi[hidden]{display:none}
@media (max-width:760px){.cat-multi{margin:10px 12px 0}}
.btn.btn-primary.is-saved,.btn.btn-primary.is-saved:disabled{background:var(--success);border-color:var(--success);color:#fff;opacity:1}

/* Zadania: szybkie dodawanie, tablica, obszary, zaległe i nieprzeczytane */
.task-quick{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px}
.task-quick #quickTaskTitle{flex:1 1 220px;min-width:0;height:40px;max-height:44px}
.task-quick details{flex:1 1 100%}
.task-quick #quickHint{flex:1 1 100%;margin:0}
.quick-more-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.quick-more-grid>*{flex:1 1 140px}
.card-move{display:none;flex-wrap:wrap;gap:4px}
@media (max-width:900px){.card-move{display:flex}}
.card-move button{min-height:28px;padding:0 8px;border:1px solid var(--line-strong);border-radius:6px;background:var(--panel);font-size:12px;font-weight:650}
.order-link{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:8px 10px}
.order-link div{flex:1;min-width:0}
.order-link small{display:block;color:var(--muted)}
#assignDialog{width:min(520px,calc(100vw - 24px))}
.assign-dialog{width:100%}
.assign-body{display:grid;gap:14px;padding:18px 20px 20px}
.assign-card{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel-head)}
.assign-card-k{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.assign-card p{margin:0;line-height:1.45;color:var(--heading);font-weight:600;overflow-wrap:anywhere}
#assignWho{gap:8px}
.assign-go{width:100%;min-height:46px;font-size:15px}
#assignDialog .dialog-head .icon-btn{width:34px;height:34px;border:0;font-size:20px}
.assign-owner{margin:0;padding:10px 12px;border-radius:10px;background:var(--primary-soft);color:#9a3412;font-size:13px}
.assign-owner.warn{background:var(--warning-soft);color:#8a5a00}
.own-flag{color:#8a5a00;font-style:normal;font-weight:650}
select.own-empty{border-color:#e3b341;background:var(--warning-soft)}
#shopOwners h3{margin:12px 0 4px;font-size:13px}
.task-filter-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.task-filter-top .seg{flex:none}
.tcard{display:grid;gap:6px;padding:10px;margin-bottom:8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;cursor:pointer}
.tcard-top{display:flex;align-items:flex-start;gap:8px}
.tcard-top strong{flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.3}
.tcard-meta,.tcard-foot{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.tcard.urgent{box-shadow:inset 3px 0 0 var(--danger)}
.tcard.late,.trow.late{background:#fff5f5}
.tcard.done strong{text-decoration:line-through;color:var(--muted);font-weight:500}
.tcard.unread,.trow.unread{box-shadow:inset 3px 0 0 var(--primary)}
.unread-dot{flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--primary)}
.forward-select{max-width:140px;min-height:32px;font-size:13px}
.tag.link{text-decoration:none}
.board.people{grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);grid-template-columns:none;overflow-x:auto;padding-bottom:6px}
.resp-panel{margin-top:14px;padding:12px 14px}
.resp-panel summary{cursor:pointer;font-weight:700}
.resp-panel h3{margin:12px 0 6px;font-size:13px}
.resp-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,220px);gap:8px;align-items:center;padding:4px 0}
.capture-more{border:1px dashed var(--line-strong);border-radius:8px;padding:8px 10px}
.capture-more summary{cursor:pointer;font-size:13px;color:var(--muted)}
#captureHint:empty{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tcard.late,:root:not([data-theme="light"]) .trow.late{background:#3a1d1d}}
:root[data-theme="dark"] .tcard.late,:root[data-theme="dark"] .trow.late{background:#3a1d1d}
@media (max-width:900px){
  .task-quick{flex-direction:column;align-items:stretch}
  .task-quick .btn{min-height:44px}
  .resp-row{grid-template-columns:1fr}
  .forward-select{max-width:none;min-height:44px;font-size:16px}
  .board.people{grid-auto-flow:row;overflow-x:visible}
}

/* ───── Telefon i tablet (360–768): dotyk, szuflada, karty zamiast szerokich tabel ───── */
.sheet-toggle{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}
.sheet-btn{display:none}

@media (max-width:900px){
  .content,.view,.panel,.page-head,.pd-panel,.pd-top,.pd-bar,.pd-where-row,.topbar,.msg-layout,.so-layout,.so-main,.dm-layout,.cat-panel,.sales-toolbar,#salesGlobalBar{max-width:100%;min-width:0}
  #salesRange,.sr-shops{width:100%;min-width:0;max-width:100%;overflow-x:auto}
  .pd-range{flex-wrap:wrap;max-width:100%;min-width:0}
  .pd-range input,.pd-range select{flex:1 1 140px;min-width:0;width:auto}
  .view>*{min-width:0;max-width:100%}
  .set-tabs,.sales-tabs,.pd-section-tabs,.cat-tabs{width:100%}
  .integ-card,.integ-cards,.integ-list,.integ-firms,.integ-firms li,.integ-firms small{max-width:100%;min-width:0;overflow-wrap:anywhere;white-space:normal}
  .integ-grid{grid-template-columns:minmax(0,1fr)}
  .page-head h1,.page-head p,.pd-c-name strong,.pd-c-name small,.ord-row .grow strong,.cat-prod b,.lst-name,.acct-name b,.list-item strong{overflow-wrap:anywhere}
  .ord-row .grow strong{white-space:normal}
  .sidebar{width:min(320px,88vw);padding-top:env(safe-area-inset-top);padding-bottom:calc(12px + env(safe-area-inset-bottom));z-index:60}
  .side-nav button,.side-more>summary{min-height:48px}
  .side-nav{padding-bottom:12px}
  .menu-btn,.icon-btn,.bell-close{width:44px;height:44px}
  .topbar{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
  .content{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:calc(20px + env(safe-area-inset-bottom))}
  .tabbar{height:calc(64px + env(safe-area-inset-bottom));padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);z-index:40}
  .tabbar button{min-height:48px;padding:4px 2px}
  .main{bottom:calc(64px + env(safe-area-inset-bottom))}
  .view{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  .btn,.cbtn,.chip,.seg button,.cat-tabs button,.pd-section-tabs button,.pd-edit-tabs button,.set-tabs button,.sales-tabs button,.pd-tool,.pd-pg,.pd-quick button{min-height:44px}
  .cbtn.is-lg,.pd-tool,.pd-ibtn{height:auto;min-height:44px}
  .btn-sm{min-height:44px;padding:0 12px}
  input,select,textarea{min-height:44px}
  textarea{min-height:88px}
  input[type=checkbox],input[type=radio],.sheet-toggle{width:22px;height:22px;min-height:0}
  .check{white-space:normal;min-height:44px;align-items:center}
  .pd-section-tabs,.pd-edit-tabs,.cat-tabs,.sales-tabs,.set-tabs,#pdWhere,.seg{max-width:100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .set-tabs button,.pd-section-tabs button,.sales-tabs button,.cat-tabs button,.seg button{flex:0 0 auto}
  .pd-top .pd-search{flex:1 1 100%;min-width:0}
  .pd-quick{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:100%}
  .pd-quick button{justify-content:center;white-space:normal;height:auto}
  .pd-top-actions,.page-head>.row,.page-head .row{width:100%;margin-left:0;max-width:100%}
  .pd-top-actions .cbtn,.page-head .row .cbtn,.page-head .row .btn{flex:1 1 calc(50% - 8px);white-space:normal;text-align:center;height:auto}
  .pd-tools{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:100%;border:0;gap:8px;background:transparent}
  .pd-tool{width:100%;border:1px solid var(--line-strong);border-radius:10px;justify-content:center}
  .pd-dd:first-child .pd-tool,.pd-dd:last-child .pd-tool{border-radius:10px}
  .pd-where-row{padding-left:12px;padding-right:12px}
  .pd-bar{padding-left:12px;padding-right:12px}
  .pd-menu,.pd-menu-wide{min-width:0;max-width:calc(100vw - 16px);width:min(360px,calc(100vw - 16px))}
  .pd-menu button{white-space:normal;min-height:44px;height:auto}
  .table-wrap,.integ-table-wrap{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .table-wrap .table,.table-wrap .cat-table,.table-wrap .sales-table,.table-wrap .books-table,.integ-table{width:max-content;min-width:100%}
  .cat-table th:first-child,.cat-table td:first-child,.sales-table th:first-child,.sales-table td:first-child,.books-table th:first-child,.books-table td:first-child,.integ-table th:first-child,.integ-table td:first-child{position:sticky;left:0;z-index:2;background:var(--panel);box-shadow:1px 0 0 var(--line)}
  #view-produkty .table-wrap{overflow-x:visible}
  #pdTable{width:100%;min-width:0}
  #pdTable thead{display:none}
  #pdTable,#pdTable tbody{display:block}
  #pdTable tr[data-pd-row]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--line)}
  #pdTable td{border:0;padding:0;min-width:0!important;width:auto!important}
  #pdTable .pd-c-chk{display:flex;align-items:center;min-width:44px;min-height:44px}
  #pdTable .pd-c-name{flex:1 1 calc(100% - 168px)}
  #pdTable .pd-c-name strong{white-space:normal}
  #pdTable .pd-c-more{margin-left:auto}
  #pdTable td.num,#pdTable td:not(.pd-c-chk):not(.pd-c-img):not(.pd-c-name):not(.pd-c-more){flex:0 1 auto}
  #pdTable tr:not([data-pd-row]),#pdTable tr:not([data-pd-row]) td{display:block}
  #pdTable select{width:auto;max-width:100%;min-height:44px}
  #pdAdv:not([hidden]){position:fixed;z-index:80;left:0;right:0;top:calc(120px + env(safe-area-inset-top));bottom:calc(64px + env(safe-area-inset-bottom));margin:0;max-height:none;overflow:auto;border-radius:16px 16px 0 0;padding:16px 16px 8px;background:var(--panel);box-shadow:0 -16px 40px rgba(15,23,42,.28)}
  #pdAdv:not([hidden]) .pd-adv-foot{position:sticky;bottom:0;z-index:2;margin:12px -16px 0;padding:10px 16px;background:var(--panel);box-shadow:0 -8px 16px rgba(15,23,42,.06)}
  body:has(#pdAdv:not([hidden]))::before{content:"";position:fixed;inset:0;z-index:70;background:rgba(15,23,35,.45)}
  #view-produkty .pd-selbar,.cat-selbar,.lst-bar,.ord-bulk:has(.ord-bulk-act:not([hidden])){position:sticky;bottom:0;z-index:25;margin:0;background:var(--panel);box-shadow:0 -8px 24px rgba(15,23,42,.12)}
  .lst-bar{bottom:0}
  #view-wystawianie .lst-bar{display:flex;flex-wrap:wrap;overflow:visible;align-items:center;gap:6px;padding:8px 10px}
  #view-wystawianie .lst-bar [data-lst-bad]{width:44px;min-width:44px;padding:0;font-size:0;flex:0 0 44px}
  #view-wystawianie .lst-bar .cbtn.is-primary{flex:1 1 160px;min-width:0}
  #view-wystawianie .lst-prog{flex:1 1 100%;flex-direction:row;align-items:center;gap:6px;max-width:none}
  #view-wystawianie .lst-prog small{display:none}
  #view-wystawianie .lst-prog .cat-sync-bar{flex:1;width:auto;height:6px}
  .pd-section-tabs{padding-left:4px;padding-right:8px}
  .pd-section-tabs button{padding:0 10px;flex:0 0 auto}
  .table-wrap:has(.lst-table){overflow-x:visible}
  .lst-table{width:100%!important;min-width:0!important}
  .lst-table,.lst-table tbody,.lst-table tr,.lst-table td{display:block;width:100%;min-width:0}
  .lst-table thead{display:none}
  .lst-table tr{padding:12px;border-bottom:1px solid var(--line)}
  .lst-table td{border:0;padding:4px 0}
  .lst-table .cat-prod,.lst-name{min-width:0;width:100%}
  .lst-name{font-size:16px;min-height:44px}
  .lst-num{min-height:44px;width:100%;max-width:160px;font-size:16px}
  .lst-two{grid-template-columns:1fr}
  .lst-draft,.lst-inline{white-space:normal}
  .lst-safety textarea{font-size:16px}
  .pd-base{padding:12px}
  .pd-base .base-connect,.pd-base .base-grid{grid-template-columns:1fr}
  .pd-base-tools .btn,.pd-base-tools .cbtn{min-height:44px}
  body[data-page="produkty"] .voice-fab,body[data-page="bazaofert"] .voice-fab,body[data-page="katalog"] .voice-fab,body[data-page="wystawianie"] .voice-fab,body[data-page="zamowienia"] .voice-fab,body[data-page="sprzedaz"] .voice-fab,body[data-page="ustawienia"] .voice-fab,body[data-page="integracje"] .voice-fab,body[data-page="wiadomosci"] .voice-fab,body[data-page="zadania"] .voice-fab{display:none}
  .msg-list,.msg-thread{min-width:0;max-width:100%}
  .composer .btn,.composer textarea{min-height:44px;font-size:16px}
  #view-zamowienia .panel-head>.seg{flex:1 1 100%;max-width:100%}
  #view-zamowienia .seg-sm button{min-height:44px;font-size:13px}
  .ord-filters input,.ord-filters select,#ordShop{min-height:44px;font-size:16px}
  .so-field{flex:1 1 100%}
  .sales-tabs{display:flex}
  .me-menu,.bell-menu{max-width:calc(100vw - 16px)}
  .hero{border-radius:12px;margin:0}
}
@media (max-width:900px){
  .table-wrap:has(.woo-table),.table-wrap:has(.ship-table){overflow-x:visible}
  .table-wrap .woo-table,.table-wrap .ship-table{width:100%!important;min-width:0!important}
  .woo-table thead,.ship-table thead{display:none}
  .woo-table,.woo-table tbody,.woo-table tr,.woo-table td,.ship-table,.ship-table tbody,.ship-table tr,.ship-table td{display:block;width:100%;min-width:0}
  .woo-table tr,.ship-table tr{margin:0 8px 10px;padding:12px;border:1px solid var(--line);border-radius:12px}
  .woo-table td,.ship-table td{border:0;padding:3px 0}
  .woo-table td.num,.ship-table td.num,.ship-table td.oc-act,.woo-table td.oc-act{text-align:left;white-space:normal}
  .woo-table .cat-chk,.ship-table .cat-chk{display:flex;align-items:center;min-height:44px}
  .woo-dims{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  .pd-adv-grid,.lst-grid,.form-grid,.grid-2{grid-template-columns:1fr}
  .kpis{grid-template-columns:1fr 1fr}
}
@media (max-width:480px){
  dialog:not(.ai-dialog){position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}
  /* Komunikat zostaje kartą na środku — tak jak okno konkursu na komputerze, nie pełnym białym ekranem. */
  dialog.ann-nag{inset:auto;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 20px));max-width:calc(100vw - 20px);height:auto;max-height:calc(100dvh - 16px);margin:0;border-radius:20px;background:transparent;overflow:auto}
  dialog.ann-zoom{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}
  dialog:not(.ai-dialog)>.dialog,dialog:not(.ai-dialog)>form.dialog,dialog:not(.ai-dialog) .task-dialog{width:100%;max-width:none;height:100%;max-height:none;border-radius:0;display:flex;flex-direction:column}
  dialog:not(.ai-dialog) .dialog-body{flex:1;min-height:0;max-height:none;overflow:auto}
  dialog:not(.ai-dialog) .dialog-head{padding-top:calc(12px + env(safe-area-inset-top))}
  dialog:not(.ai-dialog) .dialog-foot,dialog:not(.ai-dialog) .dialog-actions{padding-bottom:calc(12px + env(safe-area-inset-bottom));flex-wrap:wrap}
  dialog:not(.ai-dialog) .dialog-foot .btn,dialog:not(.ai-dialog) .dialog-actions .btn,dialog:not(.ai-dialog) .dialog-actions .cbtn{min-height:44px;flex:1 1 auto}
  .pd-edit-tabs{padding-left:8px;padding-right:8px}
  .page-head .row .cbtn,.pd-top-actions .cbtn{flex-basis:100%}
}
#view-akcje ::selection{background:var(--primary-soft);color:var(--text)}
.aa-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:16px 0;padding:12px 16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.05)}
.aa-bar b{font-weight:600}
.aa-bar .muted{margin:0}
.aa-tabs{display:flex;gap:8px;margin-left:auto}
.aa-tab{min-height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);font-weight:600}
.aa-tab[aria-pressed="true"]{background:var(--primary);border-color:var(--primary);color:#fff}
.aa-tab:hover{border-color:var(--primary)}
.aa-tab:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.aa-filters{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}
.aa-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:4px 0 12px}
.aa-chan{display:flex;gap:10px;align-items:flex-start;min-height:78px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);text-align:left;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.aa-chan[aria-selected="true"]{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 1px var(--primary)}
.aa-chan:hover{border-color:var(--primary)}
.aa-chan:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.aa-chan .aa-ico{margin-top:2px}
.aa-chan-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.aa-chan-name{font-weight:700;font-size:15px;line-height:1.2}
.aa-chan-meta{font-size:12px;color:var(--muted);line-height:1.3}
.aa-chan[aria-selected="true"] .aa-chan-meta{color:var(--text)}
.aa-chan-hint{margin:0 0 12px;color:var(--muted)}
.aa-jumps{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px}
.aa-note{display:grid;gap:6px;margin:0 0 12px;padding:12px 14px;border:1px dashed var(--line-strong);border-radius:12px;background:var(--panel-head)}
.aa-note p{margin:0;font-size:13px;line-height:1.45}
.aa-sec{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:12px;align-items:start;margin:0 0 24px}
.aa-sec h2{margin:0 0 4px;font-size:16px;font-weight:600}
.aa-channel{margin-top:8px;padding:12px 12px 2px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 92%,#111)}
.aa-sec .aa-hint{margin:0 0 12px;color:var(--muted);font-size:13px}
.aa-ico{width:20px;height:20px;flex:none;color:var(--primary)}
.aa-ico svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.aa-list{display:flex;flex-direction:column;gap:8px}
.aa-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.aa-row:hover{border-color:var(--line-strong)}
.aa-rule{margin:0;font-size:15px;font-weight:600;line-height:1.35}
.aa-lead{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.aa-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.aa-chip{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:var(--panel-head);border:1px solid var(--line);font-size:12px;color:var(--text)}
.aa-chip.mute{color:var(--muted)}
.aa-state{font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px}
.aa-state.on{color:var(--success);background:var(--success-soft)}
.aa-state.off{color:var(--muted);background:var(--panel-head)}
.aa-state.need{color:var(--warning);background:var(--warning-soft)}
.aa-fix{margin-top:4px}
.aa-warn{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px;padding:8px 12px;border-radius:8px;background:var(--warning-soft);color:var(--text);font-size:13px}
.aa-switch{position:relative;width:52px;height:32px}
.aa-switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.aa-switch input:disabled{cursor:not-allowed}
.aa-switch i{display:block;height:32px;border-radius:99px;background:#d5dbe3;transition:background .18s ease}
.aa-switch i:before{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.18);transition:transform .18s ease}
.aa-switch input:checked+i{background:var(--primary)}
.aa-switch input:checked+i:before{transform:translateX(20px)}
.aa-switch input:focus-visible+i{outline:2px solid var(--primary);outline-offset:3px}
.aa-switch input:disabled+i{opacity:.45}
.aa-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.aa-help{flex:1 1 100%}
.aa-tools button{min-height:32px}
.aa-set{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}
.aa-set.open{grid-template-rows:1fr}
.aa-set>.aa-set-in{overflow:hidden}
.aa-set-in{padding-top:8px;display:flex;flex-direction:column;gap:12px}
.aa-help summary{cursor:pointer;color:var(--primary);font-weight:600;font-size:13px}
.aa-help p{margin:8px 0 0;font-size:13px;line-height:1.5}
.aa-picks{display:flex;flex-wrap:wrap;gap:8px}
.aa-picks label{display:flex;gap:6px;align-items:center;min-height:32px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel-head);font-size:13px}
.aa-field{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.aa-field select,.aa-field input,.aa-mail input,.aa-mail select{min-height:36px}
.aa-steps{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.aa-step{display:flex;align-items:center;gap:8px;min-height:40px;padding:4px 8px 4px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel)}
.aa-step.on{border-color:var(--primary);background:var(--primary-soft)}
.aa-step b{font-size:13px;font-weight:600}
.aa-arrow{color:var(--muted)}
.aa-mini{position:relative;width:36px;height:22px;flex:none}
.aa-mini input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.aa-mini i{display:block;height:22px;border-radius:99px;background:#d5dbe3}
.aa-mini i:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .18s ease}
.aa-mini input:checked+i{background:var(--primary)}
.aa-mini input:checked+i:before{transform:translateX(14px)}
.aa-mini input:focus-visible+i{outline:2px solid var(--primary);outline-offset:2px}
.aa-log{width:100%}
.aa-log td{vertical-align:middle}
.aa-result{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.aa-result.ok{color:var(--success)}
.aa-result.bad{color:var(--danger)}
.aa-result.wait{color:var(--warning)}
.aa-dot{width:8px;height:8px;border-radius:50%;background:currentColor}
.aa-empty{margin:0;padding:16px;border:1px dashed var(--line-strong);border-radius:12px;color:var(--muted);background:var(--panel)}
.aa-mail{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-head)}
.aa-tpl textarea{width:100%;min-height:88px}
.aa-waybill-row{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 0}
.aa-waybill-row input{flex:1;min-width:160px}
.aa-waybill p{padding:8px 16px 14px;margin:0}
.aa-ask{width:min(480px,calc(100vw - 32px));max-width:none;padding:0;border:0;border-radius:16px;background:var(--panel);color:var(--text);box-shadow:0 24px 60px rgba(16,24,40,.28);overflow:hidden}
.aa-ask::backdrop{background:rgba(16,24,40,.45)}
.aa-ask .dialog{margin:0;background:var(--panel)}
.aa-ask .dialog-body p{margin:0;line-height:1.5}
.aa-ask-who{margin:12px 0 0;padding:8px 12px;border-radius:8px;background:var(--panel-head);font-weight:600}
@media(max-width:900px){.aa-channels{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.aa-channels{grid-template-columns:1fr}.aa-chan{min-height:64px}}
@media(max-width:720px){
  .aa-tabs{margin-left:0;width:100%}
  .aa-tab{flex:1}
  .aa-row{grid-template-columns:minmax(0,1fr);padding:12px}
  .aa-go{white-space:normal;height:auto;text-align:left}
  .aa-rule{font-size:14px}
  .aa-log thead{display:none}
  .aa-log,.aa-log tbody,.aa-log tr,.aa-log td{display:block;width:100%}
  .aa-log tr{padding:12px 0;border-bottom:1px solid var(--line)}
  .aa-log td{border:0;padding:2px 0}
  .aa-waybill-row{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.aa-switch i,.aa-switch i:before,.aa-mini i:before,.aa-set{transition:none}}
/* ═════════ Generator umów ═════════ */
.contract-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.contract-kpis>div{display:grid;gap:4px;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.contract-kpis span{font-size:12px;color:var(--muted)}.contract-kpis strong{font-size:22px}.contract-kpis .good{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 25%,var(--line))}.contract-kpis .good strong{color:var(--success)}
.contract-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px;align-items:start}.contract-profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.contract-profile{display:grid;gap:3px;padding:10px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);text-align:left}.contract-profile small{color:var(--muted)}.contract-profile.on{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 1px var(--primary)}.contract-preview-panel{position:sticky;top:76px}.contract-preview{padding:18px;background:var(--bg)}.contract-mini{min-height:480px;padding:28px 24px;background:#fff;color:#17202b;box-shadow:0 8px 28px rgba(16,24,40,.12);font-family:Arial,sans-serif}.contract-mini h3{text-align:center;margin:0 0 18px;font-size:15px}.contract-mini h4{text-align:center;color:#17324d;font-size:10px;margin:18px 0 7px}.contract-mini p{font-size:8px;line-height:1.5;text-align:justify}.contract-mini-parties{display:grid;grid-template-columns:1fr 1fr;border:1px solid #c4ccd4}.contract-mini-parties>div{padding:10px;font-size:8px}.contract-mini-parties>div+div{border-left:1px solid #c4ccd4}.contract-mini-parties small{display:block;margin-top:4px;color:#5b6570}.contract-print{display:none}
.making-pdf .contract-print{display:block;position:fixed;left:-10000px;top:0;width:190mm;padding:8mm;background:#fff;font-family:Arial,sans-serif;color:#111;z-index:-1}.making-pdf .contract-doc-page{display:block;break-after:page;page-break-after:always;min-height:267mm;position:relative}.making-pdf .contract-doc-page:last-child{break-after:auto;page-break-after:auto}.making-pdf .contract-doc-page h1{text-align:center;color:#17324d;font-size:20px;margin:7mm 0}.making-pdf .contract-doc-page h2{text-align:center;color:#17324d;font-size:13px;margin:5mm 0 3mm}.making-pdf .contract-doc-page p{font-size:10px;line-height:1.45;text-align:justify;margin:0 0 2.5mm}.making-pdf .contract-doc-page table{width:100%;border-collapse:collapse;margin:3mm 0 5mm;font-size:9px}.making-pdf .contract-doc-page th,.making-pdf .contract-doc-page td{border:1px solid #b9c6d0;padding:2.4mm;text-align:left;vertical-align:top}.making-pdf .contract-doc-page th{background:#eef4f8;color:#17324d}.making-pdf .contract-doc-signatures{display:grid;grid-template-columns:1fr 1fr;gap:25mm;margin-top:16mm;font-size:9px}.making-pdf .contract-doc-signatures>div{border-top:1px solid #222;padding-top:2mm}.making-pdf .contract-doc-footer{position:absolute;bottom:0;right:0;font-size:8px;color:#777}.making-pdf .contract-doc-total{background:#e5f1e8;font-weight:700}.making-pdf .contract-doc-note{font-size:8px!important;color:#444}
.contract-kind{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.contract-kind button{padding:10px 14px;border:1px solid var(--line-strong);border-radius:999px;background:var(--panel);color:var(--text);font-weight:700}.contract-kind button.on{background:var(--primary);border-color:var(--primary);color:#fff}.contract-knowhow-fields{padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:900px){.contract-kpis{grid-template-columns:1fr}.contract-layout{grid-template-columns:1fr}.contract-preview-panel{position:static}.contract-profiles{grid-template-columns:1fr}.contract-mini{min-height:360px}}
@page{size:A4;margin:15mm 17mm}
.tag.tt-src{background:#111;color:#fff;border-color:#111;letter-spacing:.02em}
.tt-setup{display:grid;gap:12px}
.tt-steps{margin:0;padding-left:1.2rem;display:grid;gap:6px}
.tt-steps li{line-height:1.45}
.ob-pick{display:grid;gap:12px}
.ob-pick-col{display:grid;gap:6px}
@media(max-width:760px){#view-tiktok .page-head{flex-direction:column}#view-tiktok .cat-head{flex-wrap:wrap}#ttShop{width:100%}.tt-setup .woo-form{grid-template-columns:1fr}}
.tt-pages{margin:0 0 14px}
.ttc-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:16px;align-items:start}
.ttc-form,.ttc-keys{display:flex;flex-direction:column;gap:10px}
.ttc-keys{margin-top:8px}
.ttc-redirect{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
.ttc-redirect code,.ttc-links code{font-size:12px;word-break:break-all}
.ttc-links{margin:0}
.ttc-acct{display:flex;align-items:center;gap:10px;min-width:0}
.ttc-acct img,.ttc-av{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:none;background:#111;color:#fff}
.ttc-av{display:grid;place-items:center;font-size:14px}
.ttc-acct span{min-width:0;display:flex;flex-direction:column}
.ttc-acct small{color:var(--muted)}
.ttc-note{margin:0;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--warning,#b45309) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--warning,#b45309) 35%,var(--line));font-size:13px;line-height:1.45}
.ttc-drop{position:relative;display:grid;gap:8px;justify-items:center;padding:16px;border:1px dashed var(--line-strong,var(--line));border-radius:12px;background:var(--panel-head);text-align:center}
.ttc-drop p{margin:0}
.ttc-drop input{position:absolute;left:0;right:0;top:0;height:72px;opacity:0;cursor:pointer}
.ttc-drop video,.ttc-preview{position:relative;z-index:1;width:100%;max-height:280px;border-radius:8px;background:#000}
.ttc-set{margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;display:grid;gap:8px}
.ttc-set legend{padding:0 6px;font-weight:700;font-size:13px}
.ttc-privs{display:grid;gap:6px}
.ttc-priv{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.ttc-priv small{display:block;color:var(--muted);font-weight:400}
.ttc-priv.is-off{opacity:.45}
.ttc-music{align-items:flex-start}
.ttc-actions{display:flex;flex-wrap:wrap;gap:8px}
.ttc-sum{display:grid;gap:8px;margin:12px 0}
.ttc-sum div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px}
.ttc-sum dt{color:var(--muted);margin:0}
.ttc-sum dd{margin:0}
.ttc-dlg{width:min(560px,calc(100vw - 24px));max-width:none;padding:0;border:0;border-radius:16px;background:var(--panel);color:var(--text)}
.ttc-dlg::backdrop{background:rgba(16,24,40,.45)}
.ttc-dlg .dialog{margin:0;max-height:calc(100vh - 24px);overflow:auto}
.ttc-hist small{display:block}
.integ-list .ttc-acct{width:100%}
@media(max-width:760px){
  .ttc-grid{grid-template-columns:1fr}
  .ttc-actions{flex-direction:column}
  .ttc-actions .cbtn{width:100%}
  .ttc-sum div{grid-template-columns:1fr}
  .ttc-dlg{width:calc(100vw - 16px)}
  .ttc-hist thead{display:none}
  .ttc-hist,.ttc-hist tbody,.ttc-hist tr,.ttc-hist td{display:block;width:100%}
  .ttc-hist tr{padding:10px 0;border-bottom:1px solid var(--line)}
  .ttc-hist td{border:0;padding:2px 0}
}
.po-board{display:flex;gap:10px;overflow-x:auto;align-items:flex-start;padding-bottom:12px}
.po-col{flex:0 0 270px;background:#e4e8ee;border-radius:8px;padding:8px;min-height:140px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .po-col{background:#151c27}}
:root[data-theme="dark"] .po-col{background:#151c27}
.po-col h3{margin:0;padding:4px 6px 8px;font-size:13px;display:flex;justify-content:space-between;gap:8px}
.po-card{display:grid;gap:6px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-top:8px}
.po-card b{line-height:1.35}
.po-card .row,.po-pay{flex-wrap:wrap}
.po-opt{margin:0;padding-left:18px;display:grid;gap:2px}
.po-stop{color:var(--danger);font-weight:700;margin:8px 0}
#poCheck{display:grid;gap:6px;margin:0 0 12px;padding:10px 12px;border:1px solid var(--danger);border-radius:8px;background:var(--danger-soft)}
.po-pay{display:flex;gap:6px;align-items:center}
.po-pay input{min-width:0;flex:1}
.po-alert{padding:10px 12px;border-radius:8px;background:var(--danger-soft);margin:0 0 12px;display:grid;gap:4px}
.po-off{padding:10px 12px;border-radius:8px;background:var(--warning-soft);margin:0 0 12px}
.po-tabs,.po-filters{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.po-filters button.on{background:var(--primary);color:#fff;border-color:var(--primary)}
.po-miss{color:var(--danger);font-weight:700}
.po-line{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);margin-top:8px}
.po-table{width:100%;border-collapse:collapse}
.po-table th,.po-table td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top;font-size:13px}
.po-mail-meta{margin:0 0 8px}
#poDialog{width:min(720px,calc(100vw - 24px))}
#poDialog .dialog-foot{justify-content:flex-end}
#poText{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}
@media(max-width:760px){.po-col{flex-basis:86vw}}
@media print{
  :root{color-scheme:light}body{background:#fff!important;color:#111!important}.app,.auth,.alarm,dialog,.voice-fab,.toast{display:none!important}.contract-print{display:block!important;font-family:Arial,sans-serif;color:#111!important}.contract-doc-page{display:block;page-break-after:always;min-height:267mm;position:relative}.contract-doc-page:last-child{page-break-after:auto}.contract-doc-page h1{text-align:center;color:#17324d;font-size:20px;margin:7mm 0}.contract-doc-page h2{text-align:center;color:#17324d;font-size:13px;margin:5mm 0 3mm}.contract-doc-page p{font-size:10px;line-height:1.45;text-align:justify;margin:0 0 2.5mm}.contract-doc-page table{width:100%;border-collapse:collapse;margin:3mm 0 5mm;font-size:9px}.contract-doc-page th,.contract-doc-page td{border:1px solid #b9c6d0;padding:2.4mm;text-align:left;vertical-align:top}.contract-doc-page th{background:#eef4f8;color:#17324d}.contract-doc-signatures{display:grid;grid-template-columns:1fr 1fr;gap:25mm;margin-top:16mm;font-size:9px}.contract-doc-signatures>div{border-top:1px solid #222;padding-top:2mm}.contract-doc-footer{position:absolute;bottom:0;right:0;font-size:8px;color:#777}.contract-doc-total{background:#e5f1e8;font-weight:700}.contract-doc-note{font-size:8px!important;color:#444}
}

/* Zwroty — lista bieżącego miesiąca */
.rz-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}
.rz-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;min-height:30px;padding:0 10px;font-weight:650;font-size:12.5px;color:#4a5463}
.rz-tabs button.on{background:var(--primary);border-color:var(--primary);color:#fff}
.rz-tabs button small{margin-left:4px;background:#eef1f5;border-radius:99px;padding:0 6px}
.rz-tabs button.on small{background:rgba(255,255,255,.25);color:#fff}
.rz-tabs button.red{color:var(--danger);border-color:#f3b4b4}
.rz-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin-bottom:8px}
.rz-filters label{display:grid;gap:2px;font-size:11px;font-weight:700;color:var(--muted)}
.rz-filters select,.rz-filters input{height:32px;border:1px solid var(--line-strong);border-radius:6px;padding:0 8px;background:#fff}
.rz-search{flex:1;min-width:180px}
.rz-table{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:8px}
.rz-table table{width:100%;border-collapse:collapse;font-size:12.5px}
.rz-table th{text-align:left;font-size:11px;color:var(--muted);background:var(--panel-head);padding:7px 8px}
.rz-table td{padding:8px;border-top:1px solid var(--line);vertical-align:top}
.rz-table .who{display:flex;gap:8px;align-items:center}
.rz-kor{display:flex;gap:4px;flex-wrap:wrap}
.pill{display:inline-block;font-size:10.5px;font-weight:800;border-radius:99px;padding:2px 6px}
.pill.bad{background:var(--danger-soft);color:var(--danger)}
.pill.ok{background:var(--success-soft);color:#157a42}
.pill.na{background:#f3f4f6;color:#64748b}
.days{font-weight:800}
.days.ok{color:#157a42}.days.warn{color:#b7791f}.days.bad{color:var(--danger)}
.st{display:inline-block;font-size:11px;font-weight:800;border-radius:99px;padding:2px 7px}
.st.nowy{background:#e7f1fa;color:#2f6294}.st.droga{background:#fff4dd;color:#b7791f}.st.uwas{background:#fdeceb;color:#d64545}
.st.czekam{background:#f3e8ff;color:#6d28d9}.st.zostaje{background:#e6f6f3;color:#0f766e}.st.minal{background:#eef1f4;color:#64748b}.st.zrob{background:#e5f6ec;color:#157a42}
.ch{display:inline-flex;font-size:11px;font-weight:800;border-radius:99px;padding:1px 6px}
.ch.al{background:#fff1e7;color:#c2410c}.ch.wo{background:#f3e8ff;color:#6d28d9}.ch.tt{background:#111;color:#fff}
.rz-detail td{background:#f8f9fb}
.rz-split{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}
.rz-split section,.rz-docs{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px}
.rz-split h3,.rz-docs h3{margin:0 0 6px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.rz-split section div{display:grid;grid-template-columns:120px 1fr;gap:2px 8px;font-size:13px}
.rz-docs{margin:8px 0}
.check{display:flex;gap:8px;align-items:flex-start;border:1px solid var(--line);border-radius:8px;padding:8px;margin-bottom:6px}
.check.bad{border-color:#f3b4b4;background:#fff8f8}
.check small{display:block;color:var(--muted);font-weight:500}
.rz-lock{background:#fdeceb;color:#9f1239;border-radius:8px;padding:8px;font-weight:650}
.rz-menu{display:grid;gap:4px}
#retModal{border:0;border-radius:12px;padding:16px;max-width:520px}
#retModal::backdrop{background:rgba(17,22,31,.45)}
@media(max-width:800px){
  .rz-split{grid-template-columns:1fr}
  .rz-table table,.rz-table thead,.rz-table tbody,.rz-table tr,.rz-table td{display:block}
  .rz-table thead{display:none}
  .rz-table tr{border-top:8px solid var(--bg);padding:6px}
  .rz-table td{border:0;padding:3px 8px}
}

/* Instrukcja na start — karta w lewym dolnym rogu (raz) i link w Ustawieniach; kolory z wyglądu Allegro */
.guide-card{position:fixed;left:20px;bottom:20px;z-index:60;width:360px;border-radius:14px;overflow:hidden;background:var(--panel);color:var(--text);
  border:1px solid var(--line);box-shadow:0 18px 48px rgba(23,31,35,.28);animation:guideIn .45s cubic-bezier(.2,.9,.3,1.15) both}
@keyframes guideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.guide-card .gc-top{position:relative;background:linear-gradient(135deg,#171f23,#2e3e46);padding:16px 16px 0;border-bottom:4px solid var(--primary)}
.guide-card .gc-thumb{position:relative;border-radius:8px 8px 0 0;overflow:hidden;box-shadow:0 -6px 18px rgba(0,0,0,.35);transform:translateY(4px)}
.guide-card .gc-thumb img{display:block;width:100%;height:auto}
.guide-card .gc-thumb span{position:absolute;right:8px;bottom:10px;background:var(--primary);color:#fff;font-size:11px;font-weight:800;border-radius:999px;padding:3px 9px;letter-spacing:.03em}
.guide-card .gc-body{padding:14px 18px 16px}
.guide-card .gc-kick{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--primary)}
.guide-card h3{margin:4px 0 4px;font-size:17px;line-height:1.25;color:var(--heading)}
.guide-card p{margin:0 0 12px;font-size:13px;line-height:1.45;color:var(--muted)}
.guide-card .gc-btns{display:flex;gap:8px;flex-wrap:wrap}.guide-card .gc-dl,.guide-card .gc-never{white-space:nowrap}
.guide-card .gc-dl{flex:1;display:inline-flex;justify-content:center;align-items:center;gap:6px;background:var(--primary);color:#fff;border-radius:8px;padding:10px 12px;font-weight:700;font-size:14px;text-decoration:none}
.guide-card .gc-dl:hover{background:var(--primary-hover)}
.guide-card .gc-never{background:transparent;color:var(--text);border:1px solid var(--line-strong);border-radius:8px;padding:10px 12px;font-size:13px;font-weight:600;cursor:pointer}
.guide-card .gc-never:hover{background:var(--panel-head)}
.guide-card .gc-x{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(0,0,0,.45);color:#fff;font-size:17px;line-height:1;cursor:pointer;z-index:2}
@media (max-width:700px){.guide-card{left:12px;right:12px;width:auto;bottom:calc(76px + env(safe-area-inset-bottom))}.guide-card .gc-top{display:none}.guide-card .gc-x{background:var(--panel-head);color:var(--text)}}
.guide-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:8px;text-decoration:none;color:inherit;margin:4px 0 12px;background:var(--panel-head)}
.guide-link img{border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.15);flex:none;object-fit:cover}
.guide-link span{flex:1;display:flex;flex-direction:column;gap:2px}.guide-link small{color:var(--muted)}
.guide-link i{font-style:normal;color:var(--primary);font-weight:800}

.guide-top-btn{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px 0 4px;border:1px solid var(--line-strong);border-radius:999px;background:var(--panel);color:var(--text);font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap;flex:none}
.guide-ico{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#ff7b33,#ff5a00);box-shadow:0 2px 6px rgba(255,90,0,.35);flex:none}.guide-ico svg{width:18px;height:18px}
.guide-top-btn:hover{border-color:var(--primary);color:var(--primary)}
.guide-top-btn[hidden],#paletteButton[hidden]{display:none!important}
@media (max-width:760px){.guide-top-btn{padding:0 10px 0 3px;gap:6px;font-size:13px;min-height:34px}.guide-ico{width:26px;height:26px}.guide-ico svg{width:15px;height:15px}}
/* Karta instrukcji obok menu, nie na nim */
@media (min-width:901px){.guide-card{left:252px}body:has(.app.sidebar-collapsed) .guide-card{left:88px}}
.guide-card .gc-btns{display:grid;grid-template-columns:1fr auto;gap:8px}
.guide-card .gc-dl,.guide-card .gc-never{padding:9px 10px;font-size:13px}
/* Wąski telefon: przycisk Instrukcja z napisem mieści się w jednym rzędzie (tytuł strony widać na dolnym pasku). */
@media (max-width:420px){body:has(#guideTopBtn:not([hidden])) .crumbs{display:none}body:has(#guideTopBtn:not([hidden])) .topbar-actions{margin-left:auto;flex-wrap:nowrap;gap:6px}}
@media (max-width:380px){body:has(#guideTopBtn:not([hidden])) .topbar{gap:4px;padding:8px 6px}body:has(#guideTopBtn:not([hidden])) .topbar-actions{gap:4px}body:has(#guideTopBtn:not([hidden])) .topbar-actions .btn-primary{padding:0 8px;font-size:13px}.guide-top-btn{padding:0 8px 0 3px;font-size:12.5px}}

/* Moja księgowość — marginesy w panelach, pasek narzędzi, podgląd faktury, zapowiedź na Starcie */
#booksFirms,#booksGoogle,#booksAdd,#booksInvPanel .books-seg,#booksSum,#booksList,#booksReport{margin-left:16px;margin-right:16px}
#booksFirmsPanel,#booksInvPanel,#booksReportPanel{padding-bottom:14px}
#booksFirms>.muted{margin:12px 0}
.books-month{min-height:32px;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel);color:var(--text);padding:0 8px;font:inherit;font-size:14px;text-transform:capitalize}
#booksInvPanel .panel-head{flex-wrap:wrap;gap:8px}
@media (max-width:700px){#booksInvPanel .panel-head h2{flex:1 1 100%}#booksInvPanel .panel-head .spacer{display:none}.books-month{flex:1 1 auto}}
.books-acts{white-space:nowrap;text-align:right}
.books-boss{border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:8px;padding:10px 12px;margin-top:10px;background:var(--panel-head)}
.books-boss .row{margin-top:6px;flex-wrap:wrap;gap:6px 14px}
.books-promo{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:12px 14px;border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:10px;background:var(--panel)}
.books-promo .bp-ico{font-size:26px}.books-promo .grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.books-promo small{color:var(--muted)}
dialog.books-view{border:0;border-radius:14px;padding:0;width:min(820px,calc(100vw - 24px));max-height:calc(100vh - 40px);background:var(--panel);color:var(--text);box-shadow:0 24px 60px rgba(0,0,0,.3)}
dialog.books-view::backdrop{background:rgba(23,31,35,.5)}
.bv-body{padding:22px 24px}
.bv-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:3px solid var(--primary);padding-bottom:12px;margin-bottom:14px}
.bv-kind{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}
.bv-head h2{margin:2px 0;font-size:24px;color:var(--heading)}
.bv-dates{display:flex;flex-direction:column;gap:4px;font-size:14px;text-align:right}
.bv-parties{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.bv-parties>div{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;font-size:14px}
.bv-parties small{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.06em}
.bv-total{text-align:right;font-size:16px;margin:12px 0}.bv-total b{font-size:22px;color:var(--heading);margin-left:8px}
.bv-foot{display:flex;gap:8px;align-items:center;border-top:1px solid var(--line);padding-top:12px}
@media (max-width:700px){.bv-parties{grid-template-columns:1fr}.bv-dates{text-align:left}.bv-body{padding:16px}}
@media print{body:has(dialog.books-view[open]) .app,body:has(dialog.books-view[open]) .tabbar{display:none!important}dialog.books-view{position:static;box-shadow:none;width:auto;max-height:none}.bv-foot{display:none}}
#booksInvPanel .panel-head .books-month{width:auto;max-width:220px;flex:0 0 auto}
#booksInvPanel .panel-head h2{margin-right:auto}
@media (max-width:700px){#booksInvPanel .panel-head .books-month{max-width:none;flex:1 1 auto}}
dialog.books-view{height:auto!important;max-height:calc(100vh - 32px)!important;margin:auto!important;inset:0!important;overflow:auto}
@media (max-width:700px){#booksInvPanel .panel-head .books-month{order:1;flex:1 1 100%}#booksInvPanel #booksSync{order:2;flex:1 1 auto}#booksInvPanel #booksCollect{order:3}#booksInvPanel #booksCsv{order:4}#booksInvPanel .panel-head h2{order:0}}
@media (max-width:700px){
  #booksList .books-table thead{display:none}
  #booksList .books-table,#booksList .books-table tbody{display:block}
  #booksList .books-table tr{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:12px 0;border-bottom:1px solid var(--line)}
  #booksList .books-table td{display:block;border:0;padding:0}
  #booksList .books-table td:nth-child(1){flex:1 1 100%;font-size:12px;color:var(--muted)}
  #booksList .books-table td:nth-child(2){flex:1 1 60%;font-weight:600;overflow-wrap:anywhere}
  #booksList .books-table td.num:not(.hide-sm){flex:0 0 auto;margin-left:auto;font-weight:700}
  #booksList .books-table td:nth-child(3){flex:1 1 100%;order:5}
  #booksList .books-table td.books-acts{flex:1 1 100%;order:6;text-align:left;margin-top:6px}
  #booksList .books-table small{overflow-wrap:anywhere}
  #booksReport .books-table td.hide-sm{display:none}
}
@media (max-width:700px){#booksList .books-table td.hide-sm,#booksList .books-table th.hide-sm{display:none}.bv-items td,.bv-items th{padding:6px 4px}.bv-items td:nth-child(2){white-space:normal}}
@media (max-width:700px){#booksList .books-table{min-width:0!important;width:100%!important}#booksList .books-table tr{width:100%}}

/* Archiwum zadań */
.col-archive{opacity:.9}
dialog.tarch-dialog{border:0;border-radius:14px;padding:0;width:min(760px,calc(100vw - 24px));height:min(82vh,820px);background:var(--panel);color:var(--text);box-shadow:0 24px 60px rgba(0,0,0,.3);display:none;flex-direction:column}
dialog.tarch-dialog[open]{display:flex}
dialog.tarch-dialog::backdrop{background:rgba(23,31,35,.45)}
.tarch-head{display:flex;justify-content:space-between;gap:12px;padding:18px 20px 8px;border-bottom:1px solid var(--line)}
.tarch-head h2{margin:0;font-size:20px;color:var(--heading)}.tarch-head p{margin:4px 0 6px;font-size:13px}
.tarch-search{padding:10px 20px;border-bottom:1px solid var(--line)}
.tarch-search input{width:100%;min-height:38px;border:1px solid var(--line-strong);border-radius:8px;padding:0 12px;font:inherit;background:var(--panel);color:var(--text)}
.tarch-list{overflow:auto;padding:6px 20px 20px;flex:1}
.tarch-day h3{position:sticky;top:0;background:var(--panel);margin:0;padding:12px 0 6px;font-size:13px;text-transform:capitalize;color:var(--heading);display:flex;gap:8px;align-items:center;border-bottom:2px solid var(--primary);z-index:1}
.tarch-item{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line)}
.tarch-item .grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.tarch-item b{font-weight:600;overflow-wrap:anywhere}.tarch-item small{color:var(--muted)}
.tarch-item details summary{cursor:pointer;font-size:12px;color:var(--link)}.tarch-item details p{margin:4px 0 0;font-size:13px;white-space:pre-wrap}
.tarch-check{width:22px;height:22px;border-radius:50%;background:var(--success-soft);color:var(--success);display:grid;place-items:center;font-size:12px;font-weight:800;flex:none;margin-top:1px}
.tarch-acts{display:flex;gap:6px;flex:none}
.tarch-more{text-align:center;padding:14px 0}.tarch-empty{padding:30px 0;text-align:center}
#view-archiwum .tarch-page{padding:0;overflow:hidden}#view-archiwum .tarch-list{max-height:none}
@media (max-width:700px){dialog.tarch-dialog{height:calc(100vh - 24px)}.tarch-item{flex-wrap:wrap}.tarch-acts{width:100%;padding-left:32px}}

/* Pozycja menu z licznikiem i strzałką (np. Aura): licznik obok napisu, w jednym wierszu */
.side-nav button:has(> .nav-caret):has(> b){grid-template-columns:24px minmax(0,1fr) auto auto}

/* Konkurs: nagrody rzeczowe i więcej miejsc */
.ch-prize{max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.25;text-align:center;padding:0 4px;overflow-wrap:anywhere}
.ch-more-prizes{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:10px;font-size:13px}
.ch-more-prizes span{border:1px solid var(--line);border-radius:999px;padding:4px 10px;background:var(--panel)}
.cn-prizes{flex-wrap:wrap}
.contest-hero .ch-prize.ch-prize-text,.contest-hero .ch-step-1 .ch-prize.ch-prize-text{font-size:15px;line-height:1.25;-webkit-line-clamp:4;font-weight:800}
.contest-hero .ch-step-1 .ch-prize.ch-prize-text{font-size:17px}
.contest-hero .ch-more-prizes span{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#fff}
.contest-hero .ch-more-prizes b{color:#ffd166;margin-right:4px}
@media (max-width:700px){.contest-hero .ch-prize.ch-prize-text,.contest-hero .ch-step-1 .ch-prize.ch-prize-text{font-size:12.5px}}
.ch-banner{display:flex;gap:16px;align-items:center;margin:14px 0 0;padding:12px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff}
.ch-banner img{width:150px;height:auto;border-radius:10px;display:block;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.ch-banner>div{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.ch-banner small{opacity:.85}
@media (max-width:700px){.ch-banner img{width:110px}}

/* Wiadomości: Sprzedaż / Zakupy jak w Allegro */
.msg-kinds{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 0 10px}
.msg-kinds button{border:0;background:transparent;padding:10px 16px;font:inherit;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.msg-kinds button.on{color:var(--heading);border-bottom-color:var(--primary)}
.msg-kinds button b{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--primary);color:#fff;font-size:11px;letter-spacing:0;display:inline-grid;place-items:center}
.msg-kinds button b:empty{display:none}
/* Dyskusje i reklamacje */
.iss-subj{color:var(--text)!important;font-weight:600}
.iss-due{font-weight:800}
.iss-due.bad{color:var(--danger)}
.iss-due.warn{color:var(--warn,#b7791f)}
.iss-head-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.iss-chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;background:var(--primary-soft);color:var(--heading)}
.iss-chip.closed{background:var(--side-2);color:var(--muted)}
.iss-chip.due{background:var(--side-2)}
.iss-chip.due.bad{background:color-mix(in srgb,var(--danger) 14%,var(--panel));color:var(--danger)}
.iss-chip.due.warn{background:color-mix(in srgb,#d69e2e 16%,var(--panel));color:#975a16}
.iss-steps{margin:8px 0 0;padding:8px 10px;border-radius:8px;background:var(--side-2);font-size:13px;line-height:1.45;color:var(--text)}
.iss-author{display:block;font-size:11px;letter-spacing:.04em;text-transform:uppercase;opacity:.75;margin-bottom:2px}
.msg-bubbles .bubble.iss-allegro{align-self:center;max-width:86%;background:color-mix(in srgb,#d69e2e 12%,var(--panel));border-color:color-mix(in srgb,#d69e2e 40%,var(--line))}
.iss-help{padding:18px 20px;line-height:1.5}
.iss-help h3{margin:0 0 8px}
.iss-help ol{margin:0 0 10px;padding-left:20px;display:grid;gap:6px}
#issShop{width:auto;max-width:240px;min-height:34px}
#issThread .msg-head{display:grid;gap:6px;grid-template-columns:minmax(0,1fr)}
#issThread .msg-head .msg-ctx{margin-top:0}
/* Wiadomości: zakładki rozmów i spraw w jednym miejscu, przełącznik Sklepy / Aura */
#view-wiadomosci .msg-kinds{flex-wrap:wrap;overflow-x:auto}
.msg-kinds .msg-kind-stale.on,.msg-kinds .msg-kind-stale{color:var(--danger)}
.msg-kinds .msg-kind-stale b{background:var(--danger)}
.msg-tools{margin:0 0 12px;flex-wrap:wrap;gap:8px}
.msg-panel button b{min-width:18px;height:18px;padding:0 5px;margin-left:4px;border-radius:999px;background:var(--primary);color:#fff;font-size:11px;display:inline-grid;place-items:center}
.msg-panel button.on b{background:#fff;color:var(--primary)}
.msg-panel button b:empty{display:none}
.iss-kind{display:inline-block;padding:1px 6px;margin-right:4px;border-radius:6px;background:var(--side-2);font-size:11px;font-weight:700;color:var(--muted)}
.iss-stale-note{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--danger) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--danger) 30%,var(--line))}
@media (max-width:700px){#view-wiadomosci .msg-kinds{flex-wrap:nowrap}#view-wiadomosci .msg-kinds button{padding:10px 10px;white-space:nowrap}}
/* Decyzja w reklamacji */
.iss-decide{display:grid;gap:8px;padding:12px 16px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--primary) 5%,var(--panel))}
.iss-decide-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.iss-decide .hint{margin:0}
.iss-decide-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.iss-reject-btn{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}
.iss-reject{display:grid;gap:8px;padding:10px;border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));border-radius:10px;background:var(--panel)}
.iss-reject textarea,.iss-reject select{width:100%;font:inherit}
#issThread.msg-thread{grid-template-rows:auto minmax(0,1fr) auto auto}
#issThread.msg-thread{max-height:none}
#issThread .msg-bubbles{min-height:180px;max-height:52vh}
/* Kurs SHARKDROP — sekcja Szkolenia */
#courseBox{margin-bottom:22px}
.course-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:26px 28px;border-radius:18px;background:linear-gradient(135deg,#232f35 0%,#2e3d45 60%,#3a2a20 100%);color:#fff;margin-bottom:16px;position:relative;overflow:hidden}
.course-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,90,0,.45),transparent 70%);pointer-events:none}
.course-hero h2{margin:4px 0 6px;font-size:26px;line-height:1.2;color:#fff}
.course-hero p{margin:0 0 16px;max-width:620px;color:rgba(255,255,255,.82);line-height:1.5}
.course-kicker{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}
.course-ring{--p:0;width:118px;height:118px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(var(--primary) calc(var(--p)*1%),rgba(255,255,255,.14) 0);position:relative;z-index:1}
.course-ring::before{content:"";position:absolute;inset:10px;border-radius:50%;background:#26343b}
.course-ring b,.course-ring small{position:relative}
.course-ring b{font-size:26px;line-height:1}
.course-ring small{font-size:11px;color:rgba(255,255,255,.7)}
.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.course-card{display:grid;gap:6px;align-content:start;text-align:left;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);font:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative}
.course-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 8px 24px rgba(35,47,53,.1)}
.course-card-ico{font-size:28px;line-height:1}
.course-card-no{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.course-card b{font-size:18px;color:var(--heading)}
.course-card-sub{font-size:13px;color:var(--muted);line-height:1.4;min-height:36px}
.course-card-meta{font-size:12px;color:var(--muted)}
.course-bar{display:block;height:6px;border-radius:99px;background:var(--side-2);overflow:hidden;margin-top:4px}
.course-bar i{display:block;height:100%;background:var(--primary);border-radius:99px}
.course-card-pct{font-size:12px;font-weight:700;color:var(--primary)}
.course-card.done{border-color:color-mix(in srgb,var(--primary) 40%,var(--line))}
.course-section-title{font-size:16px;margin:8px 0 12px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.course-section-title small{font-weight:400;font-size:13px}
.course-reader{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;align-items:start}
.course-toc{position:sticky;top:12px;display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);max-height:calc(100vh - 40px);overflow:auto}
.course-back{justify-self:start}
.course-toc-head{display:flex;gap:10px;align-items:center;font-size:26px}
.course-toc-head b{display:block;font-size:16px;color:var(--heading)}
.course-toc-head small{display:block;font-size:12px;color:var(--muted);line-height:1.3}
.course-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.course-toc li button{display:flex;gap:10px;align-items:flex-start;width:100%;padding:8px;border:0;border-radius:9px;background:none;color:var(--text);font:inherit;font-size:13px;line-height:1.35;text-align:left;cursor:pointer}
.course-toc li button:hover{background:var(--side-2)}
.course-toc li button.on{background:var(--primary-soft);font-weight:700}
.course-dot{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;background:var(--side-2);color:var(--muted)}
.course-toc li button.read .course-dot{background:var(--primary);color:#fff}
.course-article{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:28px clamp(16px,4vw,48px) 22px;min-width:0}
.course-article-head h2{margin:6px 0 10px;font-size:28px;line-height:1.2;color:var(--heading)}
.course-lead{font-size:16px;color:var(--muted);line-height:1.55;margin:0 0 6px}
.course-body{font-size:15.5px;line-height:1.7;color:var(--text);max-width:760px}
.course-body h3{font-size:20px;margin:30px 0 8px;color:var(--heading)}
.course-body h4{font-size:16px;margin:22px 0 6px;color:var(--heading)}
.course-body p{margin:0 0 14px}
.course-body ul,.course-body ol{margin:0 0 16px;padding-left:22px}
.course-body li{margin:4px 0}
.course-body li::marker{color:var(--primary);font-weight:700}
.course-body b{color:var(--heading)}
.ck-figs{display:grid;gap:12px;margin:8px 0 20px}
.ck-figs.n2{grid-template-columns:1fr 1fr}
.ck-figs figure{margin:0;display:grid;gap:6px}
.ck-figs img{width:100%;height:auto;border-radius:10px;border:1px solid var(--line);background:#fff}
.ck-figs.n1 img{max-height:520px;object-fit:contain}
.ck-figs figcaption{font-size:12.5px;color:var(--muted);text-align:center}
.ck-box{margin:16px 0 20px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--side-2)}
.ck-box p:last-child,.ck-box ul:last-child{margin-bottom:0}
.ck-box-title{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;color:var(--heading)}
.ck-tip{background:color-mix(in srgb,var(--primary) 7%,var(--panel));border-color:color-mix(in srgb,var(--primary) 30%,var(--line))}
.ck-tip .ck-box-title{color:var(--primary)}
.ck-sharkly{border-left:4px solid var(--primary)}
.ck-sharkly .ck-box-title::before{content:"🦈 "}
.ck-warn{background:color-mix(in srgb,#d69e2e 10%,var(--panel));border-color:color-mix(in srgb,#d69e2e 40%,var(--line))}
.ck-warn .ck-box-title{color:#975a16}
.ck-rule{border-left:4px solid var(--heading)}
.ck-quote{font-size:17px;font-style:italic;border:0;border-left:4px solid var(--primary);background:none;padding:6px 18px}
.ck-example,.ck-good,.ck-bad{padding:10px 14px;font-weight:600}
.ck-good{background:color-mix(in srgb,#16a34a 9%,var(--panel));border-color:color-mix(in srgb,#16a34a 35%,var(--line))}
.ck-good .ck-box-title{color:#15803d}
.ck-bad{background:color-mix(in srgb,var(--danger) 8%,var(--panel));border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}
.ck-bad .ck-box-title{color:var(--danger)}
.ck-template{margin:14px 0 20px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ck-template-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;background:var(--side-2);font-size:13px}
.ck-template pre{margin:0;padding:14px 16px;white-space:pre-wrap;font:inherit;font-size:14.5px;line-height:1.6;background:var(--panel)}
.ck-task{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;margin:12px 0;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);border-left:4px solid var(--line)}
.ck-task h4{margin:0 0 6px!important}
.ck-task .ck-task-main p:last-child,.ck-task .ck-task-main ul:last-child{margin-bottom:0}
.ck-task[data-state="doing"]{border-left-color:#d69e2e}
.ck-task[data-state="done"]{border-left-color:#16a34a;background:color-mix(in srgb,#16a34a 4%,var(--panel))}
.ck-task[data-state="done"] h4{text-decoration:line-through;text-decoration-color:color-mix(in srgb,#16a34a 60%,transparent)}
.ck-task-state{display:grid;gap:4px;min-width:132px}
.ck-task-state button{padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;text-align:left}
.ck-task-state button:hover{border-color:var(--primary)}
.ck-task-state button.on[data-ck-state=""]{background:var(--side-2);color:var(--heading);border-color:var(--heading)}
.ck-task-state button.on[data-ck-state="doing"]{background:#fef3c7;color:#92400e;border-color:#d69e2e}
.ck-task-state button.on[data-ck-state="done"]{background:#dcfce7;color:#166534;border-color:#16a34a}
.ck-list{display:grid;gap:4px;margin:0 0 18px}
.ck-check{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:9px;cursor:pointer;line-height:1.5}
.ck-check:hover{background:var(--side-2)}
.ck-check input{flex:none;width:18px;height:18px;margin-top:3px;accent-color:var(--primary)}
.ck-check input:checked+span{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--primary)}
.ck-goal{margin:16px 0 22px;padding:18px 20px;border-radius:14px;background:linear-gradient(135deg,#232f35,#2e3d45);color:#fff}
.ck-goal-num{display:flex;align-items:baseline;gap:6px}
.ck-goal-num b{font-size:34px;color:#fff}
.ck-goal-num span{font-size:16px;color:rgba(255,255,255,.7)}
.ck-goal-bar{height:10px;border-radius:99px;background:rgba(255,255,255,.15);overflow:hidden;margin:8px 0}
.ck-goal-bar i{display:block;height:100%;width:0;background:var(--primary);border-radius:99px;transition:width .6s}
.ck-goal small{color:rgba(255,255,255,.75)}
.course-nav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}
@media (max-width:900px){
  .course-reader{grid-template-columns:1fr}
  .course-toc{position:static;max-height:none}
  .course-toc ol{grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);overflow-x:auto;padding-bottom:4px}
  .course-hero{grid-template-columns:1fr;padding:20px}
  .course-ring{width:90px;height:90px}
  .ck-task{grid-template-columns:1fr}
  .ck-task-state{grid-auto-flow:column;min-width:0}
  .ck-figs.n2{grid-template-columns:1fr}
  .course-article-head h2{font-size:23px}
}
/* Akademia: ścieżka modułów, zakładki, fiszki, egzamin */
.course-hero .row{gap:8px;flex-wrap:wrap}
.course-hero-stats{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;font-size:13px;color:rgba(255,255,255,.75)}
.course-hero-stats b{color:#fff}
.course-hero.is-done{background:linear-gradient(135deg,#232f35 0%,#3b2a1c 55%,#ff5a00 140%)}
.course-path{list-style:none;margin:0;padding:0;display:grid;gap:12px;position:relative}
.course-path::before{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:2px;background:var(--line)}
.course-step{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;position:relative}
.course-step-dot{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:15px;background:var(--panel);border:2px solid var(--line);color:var(--muted);z-index:1}
.course-step.is-passed .course-step-dot{background:#16a34a;border-color:#16a34a;color:#fff}
.course-step.is-doing .course-step-dot,.course-step.is-todo .course-step-dot{border-color:var(--primary);color:var(--primary)}
.course-step.is-locked .course-card{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.course-step .course-card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px}
.course-step .course-card-ico{font-size:34px}
.course-card-txt{display:grid;gap:4px;min-width:0}
.course-card-meta{display:flex;flex-wrap:wrap;gap:4px 14px}
.course-step.is-passed .course-card{border-color:color-mix(in srgb,#16a34a 40%,var(--line))}
.course-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:-6px 0 22px;overflow-x:auto}
.course-tabs button{border:0;background:none;padding:10px 14px;font:inherit;font-weight:700;font-size:14px;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap}
.course-tabs button.on{color:var(--heading);border-bottom-color:var(--primary)}
.course-tabs small{font-weight:600;font-size:12px;margin-left:4px;color:var(--muted)}
.ck-flash{display:block;width:100%;max-width:640px;margin:8px auto 14px;height:300px;perspective:1200px;border:0;padding:0;background:none;cursor:pointer;font:inherit}
.ck-flash-in{position:relative;display:block;width:100%;height:100%;transition:transform .5s;transform-style:preserve-3d}
.ck-flash.flip .ck-flash-in{transform:rotateY(180deg)}
.ck-flash-face{position:absolute;inset:0;display:grid;align-content:center;gap:14px;padding:28px;border-radius:18px;backface-visibility:hidden;text-align:center;box-shadow:0 10px 30px rgba(35,47,53,.12)}
.ck-flash-face.front{background:var(--panel);border:2px solid var(--primary)}
.ck-flash-face.back{background:linear-gradient(135deg,#232f35,#2e3d45);color:#fff;transform:rotateY(180deg)}
.ck-flash-face small{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--primary)}
.ck-flash-face b{font-size:21px;line-height:1.4;color:inherit}
.ck-flash-face.front b{color:var(--heading)}
.ck-flash-face em{font-style:normal;font-size:12.5px;color:var(--muted)}
.ck-flash-nav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.ck-flash-dots{display:flex;justify-content:center;gap:5px;margin-top:14px;flex-wrap:wrap}
.ck-flash-dots i{width:7px;height:7px;border-radius:50%;background:var(--line)}
.ck-flash-dots i.on{background:var(--primary)}
.ck-exam{display:grid;gap:14px}
.ck-q{margin:0;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.ck-q legend{padding:0 6px;font-weight:700;font-size:15.5px;color:var(--heading);line-height:1.45}
.ck-q legend span{color:var(--primary)}
.ck-q.ok{border-color:color-mix(in srgb,#16a34a 45%,var(--line))}
.ck-q.bad{border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}
.ck-opt{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;margin-top:6px;border:1px solid var(--line);border-radius:10px;cursor:pointer;line-height:1.45}
.ck-opt:hover{border-color:var(--primary)}
.ck-opt input{margin-top:3px;accent-color:var(--primary)}
.ck-opt b{color:var(--primary)}
.ck-opt:has(input:checked){border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,var(--panel))}
.ck-opt.is-correct{border-color:#16a34a;background:#dcfce7}
.ck-opt.is-wrong{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--panel))}
.ck-why{margin:10px 2px 0;font-size:14px;color:var(--text)}
.ck-why.ok{color:#15803d}
.ck-exam-result{display:grid;gap:4px;padding:16px 18px;border-radius:14px;margin-bottom:16px}
.ck-exam-result b{font-size:19px}
.ck-exam-result.ok{background:#dcfce7;color:#14532d}
.ck-exam-result.bad{background:color-mix(in srgb,var(--danger) 10%,var(--panel));color:var(--heading)}
@media (max-width:900px){.ck-flash{height:260px}.ck-flash-face b{font-size:18px}.course-step .course-card{grid-template-columns:1fr}.course-step .course-card-ico{display:none}}
.ck-q-img{margin:10px 0 6px}
.ck-q-img img{display:block;max-width:100%;max-height:360px;border-radius:10px;border:1px solid var(--line);background:#fff}
.ck-q-img figcaption{font-size:12px;color:var(--muted);margin-top:4px}
.ck-opt.is-wrong,.ck-opt.is-wrong:has(input:checked){border-color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--panel))}
.ck-opt.is-correct,.ck-opt.is-correct:has(input:checked){border-color:#16a34a;background:#dcfce7}
/* Menu boczne: okienko z opisem i zakładkami po najechaniu */
.nav-fly{position:fixed;z-index:80;min-width:220px;max-width:300px;padding:10px;border-radius:14px;background:var(--panel);border:1px solid var(--line);box-shadow:0 14px 40px rgba(20,30,36,.18);animation:navFlyIn .12s ease-out}
.nav-fly[hidden]{display:none}
@keyframes navFlyIn{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:none}}
.nav-fly-head{padding:4px 6px 8px}
.nav-fly-head b{display:block;font-size:14px;color:var(--heading)}
.nav-fly-head small{display:block;font-size:12.5px;line-height:1.4;color:var(--muted);margin-top:3px}
.nav-fly-list{display:grid;gap:2px;border-top:1px solid var(--line);padding-top:6px}
.nav-fly-list button{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 10px;border:0;border-radius:9px;background:none;color:var(--text);font:inherit;font-size:13.5px;font-weight:600;text-align:left;cursor:pointer}
.nav-fly-list button:hover{background:var(--side-2)}
.nav-fly-list button.on{background:var(--primary-soft);color:var(--heading)}
.nav-fly-list button b{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;display:inline-grid;place-items:center}
.nav-fly-list button b:empty{display:none}
/* Zwinięte menu: zakładki grup tylko w okienku obok */
.sidebar-collapsed .side-nav .sales-sub,.sidebar-collapsed .side-nav .aura-sub,.sidebar-collapsed .side-nav .msg-sub,.sidebar-collapsed .side-nav .kiv-sub,.sidebar-collapsed .side-nav .task-sub,.sidebar-collapsed .side-nav .nav-sub{display:none!important}
.sidebar-collapsed .side-more>button{display:none!important}
@media (max-width:900px){.app.sidebar-collapsed{grid-template-columns:1fr}}
/* Logowanie przez Google */
.auth-or{display:flex;align-items:center;gap:10px;margin:14px 0 10px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.auth-or::before,.auth-or::after{content:"";flex:1;height:1px;background:var(--line)}
.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f1f1f;border:1px solid #dadce0;font-weight:600}
.btn-google:hover{background:#f7f8f8;border-color:#c6c9cc}
.btn-google .g-ico{width:20px;height:20px;flex:none}
.google-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.google-row>div{flex:1;min-width:200px}
.google-row b{display:block}
.google-row small{display:block;color:var(--muted);font-size:12.5px;line-height:1.4}
.g-badge{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:conic-gradient(#ea4335 0 25%,#fbbc05 0 50%,#34a853 0 75%,#4285f4 0)}
.btn-google,.btn-google:hover{text-decoration:none}
/* Reklamy (Meta + Google) */
.ads-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}
.ads-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.ads-kpi{padding:18px 18px 16px;border-radius:16px;background:var(--panel);border:1px solid var(--line);display:grid;gap:4px;position:relative;overflow:hidden}
.ads-kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--line)}
.ads-kpi small{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ads-kpi b{font-size:30px;line-height:1.1;color:var(--heading);letter-spacing:-.02em}
.ads-kpi span{font-size:13px;color:var(--muted)}
.ads-kpi:first-child::before{background:var(--primary)}
.ads-kpi.good::before{background:#16a34a}.ads-kpi.good b{color:#15803d}
.ads-kpi.bad::before{background:var(--danger)}.ads-kpi.bad b{color:var(--danger)}
.ads-kpi.ok::before{background:#d69e2e}
.ads-verdict{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:16px;margin-bottom:16px;background:linear-gradient(135deg,#232f35,#2e3d45);color:#fff}
.ads-verdict-ico{font-size:30px;line-height:1}
.ads-verdict b{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin-bottom:4px}
.ads-verdict p{margin:0;line-height:1.6;font-size:14.5px}.ads-verdict p b{display:inline;font-size:inherit;letter-spacing:0;text-transform:none;color:#fff}
.ads-list{display:grid;gap:10px}
.ads-camp{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:center;padding:14px 16px;border-radius:14px;background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--line)}
.ads-camp.tone-good{border-left-color:#16a34a}.ads-camp.tone-bad{border-left-color:var(--danger)}.ads-camp.tone-ok{border-left-color:#d69e2e}
.ads-camp-main{display:grid;gap:3px;min-width:0}
.ads-camp-main b{font-size:15px;color:var(--heading);overflow-wrap:anywhere}
.ads-camp-main small{color:var(--muted);font-size:12.5px}
.ads-ch{justify-self:start;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:999px;color:#fff}
.ads-ch.meta{background:#1877f2}.ads-ch.google{background:#34a853}
.ads-light{justify-self:start;font-size:12px;font-weight:800;padding:2px 9px;border-radius:999px;background:var(--side-2);color:var(--heading)}
.tone-good .ads-light{background:#dcfce7;color:#166534}.tone-bad .ads-light{background:color-mix(in srgb,var(--danger) 14%,var(--panel));color:var(--danger)}.tone-ok .ads-light{background:#fef3c7;color:#92400e}
.ads-share{height:5px;border-radius:99px;background:var(--side-2);overflow:hidden;margin-top:4px}.ads-share i{display:block;height:100%;background:var(--primary);border-radius:99px}
.ads-camp dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px;margin:0}
.ads-camp dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.ads-camp dd{margin:2px 0 0;font-weight:700;font-size:14px;color:var(--heading)}.ads-camp dd small{font-weight:500;color:var(--muted);font-size:11.5px}
.ads-h{margin:22px 0 10px;font-size:16px}
.ads-setups{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.ads-setup{padding:16px 18px;border-radius:14px;border:1px dashed var(--line-strong,var(--line));background:var(--panel)}
.ads-setup-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.ads-setup ol{margin:0 0 8px;padding-left:20px;display:grid;gap:6px;font-size:13.5px;line-height:1.5}
.ads-setup code{font-size:12px;background:var(--side-2);padding:1px 5px;border-radius:5px}
.ads-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px}
.ads-tools .cat-search{flex:1 1 280px;max-width:460px}
.ads-sort{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.ads-sort select{width:auto}
.ads-ad .ads-camp-main{grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}
.ads-ad .ads-camp-main:not(:has(.ads-thumb)){grid-template-columns:minmax(0,1fr)}
.ads-thumb-btn{position:relative;padding:0;border:0;background:none;cursor:zoom-in;border-radius:10px;flex:none}
.ads-thumb{display:block;width:72px;height:72px;border-radius:10px;object-fit:cover;background:var(--side-2);border:1px solid var(--line)}
.ads-thumb-btn.broken{display:none}
.ads-play{position:absolute;inset:auto 4px 4px auto;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-size:11px;display:grid;place-items:center}
.ads-acts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;border-top:1px solid var(--line);padding-top:10px}
.ads-acts .ads-pause{color:var(--danger)}
dialog.ads-media-dialog{border:0;border-radius:14px;padding:0;width:min(980px,calc(100vw - 24px));max-height:88vh;background:var(--panel);color:var(--text);box-shadow:0 24px 60px rgba(0,0,0,.3)}
dialog.ads-media-dialog::backdrop{background:rgba(23,31,35,.6)}
.ads-media-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel);z-index:1}
.ads-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;padding:16px 18px 20px}
.ads-media-grid figure{margin:0;display:grid;gap:8px;align-content:start}
.ads-media-grid img,.ads-media-grid video{width:100%;max-height:60vh;object-fit:contain;border-radius:10px;background:#111}
.ads-media-grid figcaption{display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:13px}
.ads-ad-text{display:grid;gap:3px;min-width:0}
.ads-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ads-st{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--side-2);color:var(--muted)}
.ads-path{font-weight:600}
@media (max-width:1100px){.ads-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ads-camp{grid-template-columns:1fr}}
@media (max-width:520px){.ads-kpis{grid-template-columns:1fr}.ads-camp dl{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ───────── Samouczek ze Szarkusiem ───────── */
.tour{position:fixed;inset:0;z-index:1000;pointer-events:none}
.tour-block{position:absolute;inset:0;pointer-events:auto;background:transparent}
.tour.is-center .tour-block{background:rgba(10,20,28,.62);backdrop-filter:blur(2px);animation:tourFade .3s ease-out}
.tour-hole{position:fixed;border-radius:14px;box-shadow:0 0 0 200vmax rgba(10,20,28,.62);transition:left .45s cubic-bezier(.2,.8,.2,1),top .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),height .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.tour-hole i{position:absolute;inset:-4px;border-radius:17px;border:2px solid var(--primary);animation:tourPulse 1.8s ease-out infinite}
.tour-on .nav-fly{z-index:1001}
.tour-on .guide-card{display:none}
.tour-card{position:fixed;z-index:1003;width:min(520px,calc(100vw - 24px));display:flex;gap:4px;align-items:flex-end;pointer-events:auto;transition:left .45s cubic-bezier(.2,.8,.2,1),top .45s cubic-bezier(.2,.8,.2,1);outline:none}
.tour-card.nudge{animation:tourNudge .4s}
.tour-szk{flex:0 0 150px;width:150px;margin:0 -26px -10px 0;position:relative;z-index:1;filter:drop-shadow(0 10px 16px rgba(0,0,0,.28))}
.tour-szk svg{width:100%;height:auto;display:block}
.tour-szk.jump{animation:tourJump .9s cubic-bezier(.3,1.6,.5,1) both}
.tour.talking .szk-mouth{animation:szkTalk .18s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 0}
.szk-fallback{font-size:64px}
.tour-bubble{flex:1;min-width:0;position:relative;background:var(--panel);color:var(--text);border-radius:20px;padding:16px 18px 14px;box-shadow:0 24px 60px rgba(8,16,22,.35),0 0 0 1px rgba(255,255,255,.06);animation:tourPop .35s cubic-bezier(.2,1.3,.4,1)}
.tour-bubble::before{content:"";position:absolute;left:-7px;bottom:26px;width:16px;height:16px;background:var(--panel);transform:rotate(45deg);border-radius:3px}
.tour-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tour-step{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}
.tour-x{border:0;background:none;color:var(--muted);font-size:22px;line-height:1;cursor:pointer;padding:0 2px;border-radius:6px}
.tour-x:hover{color:var(--text)}
.tour-bubble h3{margin:4px 0 6px;font-size:19px;line-height:1.25;color:var(--heading)}
.tour-text{margin:0;line-height:1.55;font-size:14px;min-height:3.1em;cursor:default}
.tour-joke{margin:10px 0 0;padding:8px 10px;border-radius:10px;background:var(--primary-soft);color:#7a2c00;font-size:13px;line-height:1.45}
.tour-joke:empty{display:none}
.tour-bar{height:4px;border-radius:99px;background:var(--line);margin:14px 0 12px;overflow:hidden}
.tour-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff7b33,var(--primary));transition:width .45s ease}
.tour-btns{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tour-keys{display:flex;gap:3px;opacity:.6}
.tour-keys kbd{font:600 10px/1 inherit;padding:3px 5px;border-radius:4px;border:1px solid var(--line);background:var(--panel-head);color:var(--muted)}
.tour-confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:1004}
.tour-confetti i{position:absolute;top:-14px;width:8px;height:14px;border-radius:2px;animation:tourConf 3s cubic-bezier(.2,.6,.4,1) forwards}
:root[data-theme="dark"] .tour-joke{background:rgba(255,90,0,.16);color:#ffc7a6}
@keyframes tourFade{from{opacity:0}}
@keyframes tourPulse{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.06)}}
@keyframes tourPop{from{opacity:0;transform:translateY(8px) scale(.97)}}
@keyframes tourNudge{0%,100%{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
@keyframes tourJump{0%{transform:translateY(40px) scale(.6);opacity:0}100%{transform:none;opacity:1}}
@keyframes szkTalk{to{transform:scaleY(.6)}}
@keyframes tourConf{to{transform:translate(var(--dx),105vh) rotate(var(--r))}}
@media (max-width:640px){.tour-szk{flex-basis:84px;width:84px;margin-right:-16px}.tour.is-center .tour-szk{flex-basis:110px;width:110px}.tour-bubble h3{font-size:17px}.tour-keys{display:none}}
@media (prefers-reduced-motion:reduce){.tour-hole,.tour-card,.tour-bar i{transition:none}.tour-hole i,.tour-szk.jump,.tour-bubble{animation:none}}

/* ───────── Wiedza ───────── */
.wiki-hero{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:center;padding:24px 28px;border-radius:18px;background:linear-gradient(135deg,#232f35 0%,#2b4150 55%,#1f3a4a 100%);color:#fff;margin-bottom:14px;position:relative;overflow:hidden}
.wiki-hero::after{content:"";position:absolute;right:-80px;bottom:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,90,0,.38),transparent 70%);pointer-events:none}
.wiki-hero::before{content:"";position:absolute;inset:auto 0 0 0;height:36px;background:repeating-radial-gradient(circle at 20px -6px,transparent 0 14px,rgba(255,255,255,.05) 15px 16px);pointer-events:none}
.wiki-hero-szk svg{width:150px;height:auto;display:block;filter:drop-shadow(0 12px 18px rgba(0,0,0,.35))}
.wiki-hero h2{margin:4px 0 6px;font-size:26px;line-height:1.2;color:#fff}
.wiki-hero p{margin:0 0 14px;color:rgba(255,255,255,.8);line-height:1.5}
.wiki-search{display:flex;align-items:center;gap:8px;max-width:560px;padding:0 14px;border-radius:12px;background:#fff;color:#222;box-shadow:0 6px 18px rgba(0,0,0,.18);position:relative;z-index:1}
.wiki-search span{font-size:18px;color:#767676}
.wiki-search input{flex:1;border:0;outline:0;background:none;font:inherit;font-size:15px;padding:12px 0;color:inherit;min-width:0}
.wiki-cta{gap:8px;flex-wrap:wrap;margin-top:12px;position:relative;z-index:1}
.wiki-hero .btn:not(.btn-primary){background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff}
.wiki-hero .btn:not(.btn-primary):hover{background:rgba(255,255,255,.18)}
.wiki-cats{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.wiki-cats button{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:7px 14px;border-radius:999px;font:inherit;font-weight:600;cursor:pointer}
.wiki-cats button.on{background:var(--heading);border-color:var(--heading);color:#fff}
.wiki-group h3{margin:18px 0 8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.wiki-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.wiki-card{display:flex;gap:14px;align-items:flex-start;text-align:left;padding:16px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s}
.wiki-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(20,30,36,.12);border-color:var(--primary)}
.wiki-card.is-read{background:linear-gradient(0deg,var(--panel),var(--panel)) padding-box}
.wiki-card-ico{flex:0 0 44px;height:44px;display:grid;place-items:center;font-size:24px;border-radius:12px;background:var(--panel-head)}
.wiki-card-txt{display:grid;gap:3px;min-width:0}
.wiki-card-txt b{font-size:15px;color:var(--heading)}
.wiki-card-txt small{color:var(--muted);line-height:1.4}
.wiki-card-meta{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px;font-size:12px;color:var(--muted)}
.wiki-ok{color:var(--success);font-weight:700}
.wiki-empty{display:grid;gap:4px;padding:28px;text-align:center;border:1px dashed var(--line-strong);border-radius:14px;color:var(--muted)}
.wiki-empty b{color:var(--heading)}
#courseTourBtn{align-self:flex-start}
@media (max-width:700px){.wiki-hero{grid-template-columns:1fr;padding:20px}.wiki-hero-szk svg{width:110px;margin:0 auto}.wiki-hero h2{font-size:21px}}

.tour.is-center .tour-card{width:min(640px,calc(100vw - 24px))}
.tour.is-center .tour-szk{flex-basis:230px;width:230px;margin-right:-40px}
.tour.is-center .tour-bubble h3{font-size:23px}
.wiki-hero a.btn{text-decoration:none}
/* Samouczek: przenoszenie i minimalizacja */
.tour-top{cursor:grab;touch-action:none;user-select:none}
.tour-szk{cursor:grab;touch-action:none}
.tour-card.dragging{transition:none}
.tour-card.dragging .tour-top,.tour-card.dragging .tour-szk{cursor:grabbing}
.tour-ctl{display:flex;gap:2px}
.tour-ctl .tour-x{width:28px;height:28px;display:grid;place-items:center;font-size:20px}
.tour-ctl .tour-x:hover{background:var(--panel-head)}
.tour.is-min .tour-block,.tour.is-min .tour-hole,.tour.is-min .tour-card{display:none}
.tour-mini{position:fixed;right:20px;bottom:20px;z-index:1003;pointer-events:auto;display:flex;align-items:center;gap:0;padding:0;border:0;background:none;cursor:grab;touch-action:none;animation:tourPop .35s cubic-bezier(.2,1.3,.4,1)}
.tour-mini[hidden]{display:none}
.tour-mini.dragging{cursor:grabbing}
.tour-mini-szk{width:84px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.3));order:2}
.tour-mini-szk svg{width:100%;height:auto;display:block}
.tour-mini-txt{order:1;margin-right:-6px;padding:8px 12px;border-radius:14px 14px 4px 14px;background:var(--panel);color:var(--heading);font:700 13px/1.2 inherit;box-shadow:0 8px 24px rgba(8,16,22,.22);white-space:nowrap}
.tour-mini:hover .tour-mini-txt,.tour-mini:focus-visible .tour-mini-txt{background:var(--primary);color:#fff}
@media (max-width:640px){.tour-mini-szk{width:64px}.tour-mini{right:12px;bottom:76px}}
/* Pasek przewijania menu: cienki i dyskretny — pojawia się dopiero po najechaniu na menu */
.sidebar{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .2s}
.sidebar:hover,.sidebar:focus-within{scrollbar-color:color-mix(in srgb,var(--side-text) 28%,transparent) transparent}
.sidebar::-webkit-scrollbar{width:6px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar::-webkit-scrollbar-thumb{background:transparent;border-radius:99px}
.sidebar:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--side-text) 28%,transparent)}
.sidebar::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--side-text) 45%,transparent)}
/* Ranking sprzedaży kursantów */
.srk-panel{margin-bottom:16px}
.srk-panel .panel-head{flex-wrap:wrap;gap:8px}
.srk-body{padding:4px 0}
.srk-row{align-items:center}
.srk-main{min-width:0;flex:1}
.srk-money{display:block;margin-top:3px;color:var(--muted);font-size:12px}
.srk-money b{color:var(--heading)}.srk-money b.pos{color:var(--success)}.srk-money b.neg{color:var(--danger)}
.srk-row .rank-num{display:grid;justify-items:end;line-height:1.1}
.srk-row .rank-num small{font-size:11px;font-weight:500;color:var(--muted)}
.srk-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;padding:12px 16px}
.srk-kpis>div{display:grid;gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-head)}
.srk-kpis small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.srk-kpis b{font-size:22px;color:var(--heading)}.srk-kpis b.pos{color:var(--success)}.srk-kpis b.neg{color:var(--danger)}
.srk-kpis span{font-size:12px;color:var(--muted)}
.srk-chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:10px 16px 4px}
.srk-chart-head small{color:var(--muted)}
.srk-chart{display:flex;align-items:flex-end;gap:3px;height:150px;padding:6px 16px 4px}
.srk-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}
.srk-col i{display:block;width:100%;max-width:28px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#ff7b33,var(--primary));transition:filter .15s}
.srk-col:hover i{filter:brightness(1.15)}
.srk-col small{font-size:10px;color:var(--muted)}
/* Przycisk Szarkusia przypięty do prawej krawędzi */
.szk-dock{position:fixed;right:0;top:58vh;z-index:70;touch-action:none}
.szk-dock-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:46px;padding:7px 0 12px;border:0;border-radius:14px 0 0 14px;background:linear-gradient(180deg,#2b3a48,#1c2733);color:#fff;cursor:pointer;touch-action:none;box-shadow:-4px 6px 18px rgba(12,20,28,.22),inset 3px 0 0 var(--primary);transform:translateX(4px);transition:transform .25s cubic-bezier(.2,1.3,.4,1),background .2s,box-shadow .2s}
.szk-dock-btn:hover,.szk-dock-btn:focus-visible{transform:translateX(0);background:linear-gradient(180deg,#ff7a2e,#e04f00);box-shadow:-6px 8px 22px rgba(224,79,0,.32);outline:0}
.szk-dock.dragging .szk-dock-btn{cursor:grabbing}
.szk-dock-head{width:36px;height:36px;border-radius:50%;background:#eaf1f7;overflow:hidden;display:grid;place-items:center;box-shadow:0 0 0 2px rgba(255,255,255,.85)}
.szk-dock-head svg{width:44px;height:auto;display:block;margin-top:6px}
.szk-dock-btn:hover .szk-dock-head{animation:szkWiggle .5s ease}
.szk-dock-label{writing-mode:vertical-rl;transform:rotate(180deg);font:800 11px/1 inherit;letter-spacing:.12em;text-transform:uppercase}
.szk-dock.has-resume .szk-dock-btn::after{content:"";position:absolute;top:6px;left:6px;width:9px;height:9px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 2px #1c2733}
.szk-dock-tip{position:absolute;right:54px;top:12px;padding:7px 11px;border-radius:10px;background:var(--panel);color:var(--heading);font:700 12px/1.2 inherit;white-space:nowrap;box-shadow:0 8px 22px rgba(8,16,22,.18);opacity:0;transform:translateX(6px);pointer-events:none;transition:opacity .18s,transform .18s}
.szk-dock:hover .szk-dock-tip{opacity:1;transform:none}
@keyframes szkWiggle{0%,100%{transform:rotate(0)}30%{transform:rotate(-10deg)}60%{transform:rotate(8deg)}}
.tour-on .szk-dock{display:none}
@media (max-width:900px){.szk-dock{top:auto;bottom:96px}.szk-dock-btn{width:40px}.szk-dock-head{width:30px;height:30px}.szk-dock-label{display:none}.szk-dock-tip{display:none}}
@media (prefers-reduced-motion:reduce){.szk-dock-btn{transition:none}.szk-dock-btn:hover .szk-dock-head{animation:none}}
@media print{.szk-dock{display:none}}
.tour-later{display:flex;justify-content:center;gap:6px;margin-top:10px;font-size:12px;color:var(--muted)}
.tour-later button{border:0;background:none;padding:2px 4px;color:var(--muted);font:inherit;font-weight:600;cursor:pointer;border-radius:4px;text-decoration:underline;text-underline-offset:2px}
.tour-later button:hover{color:var(--heading)}
/* Wiadomości: dwie propozycje odpowiedzi A i B */
.msg-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.msg-opts:empty{display:none}
.msg-opts-wait{grid-column:1/-1;margin:0;padding:12px;border:1px dashed var(--line-strong);border-radius:10px;color:var(--muted);font-size:13px;animation:tourFade .3s}
.msg-opt{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:4px 10px;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.msg-opt:hover{border-color:var(--primary);box-shadow:0 4px 14px rgba(255,90,0,.12)}
.msg-opt.on{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,var(--panel))}
.msg-opt-k{grid-row:1/3;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--heading);color:#fff;font-weight:800;font-size:13px}
.msg-opt.on .msg-opt-k{background:var(--primary)}
.msg-opt-t{font-size:13px;line-height:1.45;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.msg-opt-use{font-size:12px;font-weight:700;color:var(--primary)}
@media (max-width:700px){.msg-opts{grid-template-columns:1fr}}
/* Dodaj zadanie: wyszukiwarka zamówienia po imieniu i nazwisku */
.cap-order{align-items:flex-start}
.cap-order-box{position:relative;flex:1;min-width:0}
.cap-order-box input{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--panel);color:var(--text)}
.cap-order-box input:focus{outline:2px solid color-mix(in srgb,var(--primary) 35%,transparent);border-color:var(--primary)}
.cap-order-results{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:5;max-height:260px;overflow:auto;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 12px 30px rgba(12,20,28,.18)}
.cap-order-hit{display:grid;gap:1px;width:100%;text-align:left;padding:8px 10px;border:0;border-radius:8px;background:none;color:var(--text);font:inherit;cursor:pointer}
.cap-order-hit:hover,.cap-order-hit:focus-visible{background:var(--panel-head)}
.cap-order-hit span{font-size:12px;color:var(--muted)}.cap-order-hit small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cap-order-empty{margin:0;padding:10px;color:var(--muted);font-size:13px}
.cap-order-picked{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--primary) 40%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--primary) 6%,var(--panel))}
.cap-order-picked>span{flex:1;min-width:0;display:grid}.cap-order-picked small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#msgKind .kind-off{display:none!important}

/* ───── Kreator stron ───── */
.kr-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start;margin-top:14px}
.kr-item{display:flex;gap:10px;align-items:center;width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;cursor:pointer;color:var(--text);font:inherit}
.kr-item:hover,.kr-item.on{background:var(--panel-head)}.kr-item img,.kr-item .kr-noimg{flex:none;width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--panel-head);border:1px solid var(--line)}
.kr-item>span{display:grid;gap:2px;min-width:0}.kr-item b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kr-item small{color:var(--muted);font-size:12px}
.kr-badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700;background:var(--panel-head);color:var(--muted);border:1px solid var(--line)}
.kr-badge.pub{background:color-mix(in srgb,var(--success) 14%,var(--panel));color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,transparent)}
.kr-empty{padding:24px}
.kr-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel);z-index:2}
.kr-top .kr-actions{display:flex;flex-wrap:wrap;gap:6px}
.kr-issues{margin:12px 14px 0;padding:10px 12px;border-radius:var(--radius);background:color-mix(in srgb,var(--warning) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--warning) 35%,transparent);font-size:13px}
.kr-issues ul{margin:6px 0 0;padding-left:18px}
.kr-issues.ok{background:color-mix(in srgb,var(--success) 10%,var(--panel));border-color:color-mix(in srgb,var(--success) 35%,transparent)}
.kr-form{padding:4px 14px 18px}
.kr-form fieldset{border:0;border-top:1px solid var(--line);margin:14px 0 0;padding:14px 0 0;display:grid;gap:10px}
.kr-form legend{font-weight:700;font-size:14px;padding:0 0 4px;color:var(--text)}
.kr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.kr-form textarea{min-height:84px;resize:vertical;font-family:inherit}
.kr-form .hint{margin:0}
.kr-imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.kr-img{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel-head);display:grid}
.kr-img img{width:100%;aspect-ratio:1;object-fit:cover}
.kr-img label{display:flex;gap:6px;align-items:center;padding:6px 8px;font-size:12px}
.kr-img label input{width:auto;min-height:0}
.kr-img .kr-img-row{display:flex;gap:6px;padding:0 8px 8px}
.kr-img.bad{border-color:color-mix(in srgb,var(--warning) 60%,transparent)}
.kr-src{font-size:13px;color:var(--muted);display:grid;gap:8px}
.kr-src pre{white-space:pre-wrap;max-height:220px;overflow:auto;background:var(--panel-head);padding:10px;border-radius:var(--radius);margin:0;font:12px/1.5 ui-monospace,monospace;color:var(--text)}
.kr-check{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:500;color:var(--text)}
.kr-check input{width:auto;min-height:0}
@media (max-width:900px){.kr-layout{grid-template-columns:1fr}}

/* Kreator stron: dodawanie z moich ofert */
dialog.krc-dialog{border:0;border-radius:14px;padding:0;width:min(820px,calc(100vw - 24px));height:min(84vh,860px);background:var(--panel);color:var(--text);box-shadow:0 24px 60px rgba(0,0,0,.3)}
dialog.krc-dialog[open]{display:flex;flex-direction:column}
dialog.krc-dialog::backdrop{background:rgba(23,31,35,.5)}
.krc-head{display:flex;justify-content:space-between;gap:12px;padding:18px 20px 8px;border-bottom:1px solid var(--line)}
.krc-head h2{margin:0;font-size:20px;color:var(--heading)}.krc-head p{margin:4px 0 6px;font-size:13px}
.krc-tools{display:flex;gap:8px;padding:10px 20px;border-bottom:1px solid var(--line)}.krc-tools input{flex:1;min-width:0}.krc-tools select{width:auto;max-width:40%}
.krc-list{flex:1;overflow:auto;padding:6px 20px}
.krc-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);cursor:pointer}
.krc-row.off{opacity:.55;cursor:default}
.krc-row input{width:18px;height:18px;flex:none}
.krc-row img,.krc-noimg{width:52px;height:52px;border-radius:8px;object-fit:cover;background:var(--side-2);flex:none}
.krc-row .grow{flex:1;min-width:0;display:grid;gap:2px}.krc-row b{overflow-wrap:anywhere;font-weight:600}.krc-row small{color:var(--muted);font-size:12px}
.krc-side{display:grid;justify-items:end;gap:2px;font-weight:700;white-space:nowrap}
.krc-foot{display:flex;align-items:center;gap:10px;padding:12px 20px;border-top:1px solid var(--line)}
@media (max-width:600px){.krc-tools{flex-wrap:wrap}.krc-tools select{max-width:none;width:100%}.krc-foot .hint{display:none}}

/* Wiadomości: wykres nieprzeczytanych w sklepach */
.msg-shop-chart{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:0 0 14px}
.msc-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:10px}.msc-head b{color:var(--heading)}.msc-head .muted{font-size:13px}.msc-head .btn{margin-left:auto}
.msc-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:4px 24px}
.msc-row{display:grid;grid-template-columns:minmax(90px,150px) 1fr 34px;align-items:center;gap:10px;padding:5px 6px;border:0;border-radius:8px;background:none;text-align:left;font:inherit;color:var(--text);cursor:pointer}
.msc-row:hover{background:var(--side-2)}.msc-row.on{background:var(--primary-soft)}.msc-row.dim{opacity:.45}
.msc-name{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msc-bar{height:10px;border-radius:99px;background:var(--side-2);overflow:hidden}.msc-bar i{display:block;height:100%;border-radius:99px;background:var(--primary)}
.msc-row b{text-align:right;font-size:14px;color:var(--heading)}
@media (max-width:600px){.msc-rows{grid-template-columns:1fr}}

/* Dyskusje jak w Allegro: filtry statusu i powodu, wyszukiwarka, przełączniki, sortowanie */
.iss-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr);gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:0 0 14px}
.iss-bar #issQ{min-height:42px}
.iss-bar-row{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.iss-bar-row .btn.on{background:var(--primary);border-color:var(--primary);color:#fff}
.iss-sort{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.iss-sort select{width:auto}
.iss-drop{position:relative}
.iss-drop summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;border:1px solid var(--line-strong);border-radius:8px;cursor:pointer;background:var(--panel)}
.iss-drop summary::-webkit-details-marker{display:none}
.iss-drop-l{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.iss-drop-v{flex:1}
.iss-drop-menu{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;max-height:360px;overflow:auto;background:var(--panel);border:1px solid var(--line-strong);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.15);padding:6px}
.iss-drop-menu label{display:flex;align-items:center;gap:10px;padding:8px 8px;border-radius:6px;cursor:pointer;font-size:14px}.iss-drop-menu label:hover{background:var(--side-2)}
.iss-drop-menu input{width:18px;height:18px}
.iss-kind{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;border-radius:5px;background:var(--side-2);color:var(--muted)}.iss-kind.claim{background:#2b2b2b;color:#fff}
.iss-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--primary);vertical-align:middle}
@media (max-width:900px){.iss-bar{grid-template-columns:1fr}}

.msg-head .msg-task-btn,.iss-head-top .msg-task-btn{float:right;margin-left:8px}
button.tag.link{cursor:pointer;font:inherit;font-size:12px}
.iss-when{margin-left:8px;font-weight:600;text-transform:none;letter-spacing:0;font-size:12px;opacity:.9}
.iss-when::before{content:'· '}

/* Edytor oferty Allegro: tytuł, galeria, opis w sekcjach */
.ce-box{margin-top:14px;display:grid;gap:12px}
.ce-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.ce-head .off-h3{margin:0}
.ce-gal-head,.ce-desc-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ce-gal-head .btn{margin-left:auto}
.ce-gal{display:flex;flex-wrap:wrap;gap:8px}
.ce-gal-item{position:relative;width:96px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.ce-gal-item.main{outline:2px solid var(--primary)}
.ce-gal-item img{display:block;width:96px;height:96px;object-fit:contain}
.ce-gal-acts{display:flex;justify-content:space-between;background:var(--side-2)}.ce-gal-acts button{flex:1;border:0;background:none;padding:3px 0;cursor:pointer;font-size:13px}.ce-gal-acts button:disabled{opacity:.3}
.ce-sections{display:grid;gap:12px}
.ce-sec{border:1px dashed var(--line-strong);border-radius:12px;background:#fff;color:#222}
.ce-sec-bar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 8px;border-bottom:1px solid var(--line);background:var(--side-2);border-radius:12px 12px 0 0;color:var(--text)}
.ce-sec-bar button{border:1px solid transparent;background:none;border-radius:6px;padding:3px 7px;cursor:pointer;font-size:12px;color:inherit;display:inline-flex;align-items:center;gap:5px}
.ce-sec-bar button.on{border-color:var(--primary);background:var(--primary-soft)}.ce-sec-bar button:disabled{opacity:.3}
.ce-layouts{display:flex;flex-wrap:wrap;gap:2px}
.ce-ico{display:inline-block;width:20px;height:13px;border:1.5px solid currentColor;border-radius:2px;position:relative;opacity:.75}
.ce-ico-I{background:repeating-linear-gradient(45deg,currentColor 0 1px,transparent 1px 4px)}
.ce-ico-IT::before,.ce-ico-TI::before,.ce-ico-II::before{content:"";position:absolute;top:0;bottom:0;width:50%;background:repeating-linear-gradient(45deg,currentColor 0 1px,transparent 1px 4px)}
.ce-ico-IT::before{left:0}.ce-ico-TI::before{right:0}.ce-ico-II::before{left:0;width:100%}
.ce-ico-II::after{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1.5px solid currentColor}
.ce-sec-body{display:grid;gap:16px;padding:14px}.ce-sec-body.cols-2{grid-template-columns:1fr 1fr;align-items:center}
.ce-img{min-height:140px;border-radius:8px;display:grid;place-items:center;background:#f4f4f4;cursor:pointer;overflow:hidden}
.ce-img img{width:100%;max-height:340px;object-fit:contain}.ce-img span{color:#888;font-size:13px}.ce-img:hover{outline:2px solid var(--primary)}
.ce-tools{display:flex;gap:4px;margin-bottom:6px}.ce-tools button{border:1px solid #ddd;background:#fafafa;border-radius:5px;padding:2px 7px;font-size:12px;cursor:pointer;color:#333}
.ce-text{min-height:90px;padding:8px 10px;border:1px solid #e3e3e3;border-radius:8px;outline:none;line-height:1.5;font-size:14px}
.ce-text:focus{border-color:var(--primary)}.ce-text h1{font-size:22px;margin:.3em 0}.ce-text h2{font-size:18px;margin:.3em 0}.ce-text p{margin:.4em 0}
.ce-add{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.ce-add .btn{display:inline-flex;gap:6px;align-items:center}
.ce-save{position:sticky;bottom:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;background:var(--panel);border-top:1px solid var(--line)}
.ce-picker{border:1px solid var(--line-strong);border-radius:12px;padding:10px;background:var(--panel)}
.ce-picker-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.ce-picker-grid{display:flex;flex-wrap:wrap;gap:6px}.ce-picker-grid button{padding:0;border:2px solid transparent;border-radius:8px;background:#fff;cursor:pointer}.ce-picker-grid button:hover{border-color:var(--primary)}
.ce-picker-grid img{display:block;width:84px;height:84px;object-fit:contain}
@media (max-width:640px){.ce-sec-body.cols-2{grid-template-columns:1fr}}

/* Kreator: zwijane sekcje i podgląd na żywo */
.kr-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;align-items:start}
.kr-left{min-width:0}
.kr-sec{border:1px solid var(--line);border-radius:10px;margin:10px 0 0;background:var(--panel)}
.kr-sec>summary{cursor:pointer;list-style:none;padding:11px 14px;font-weight:700;font-size:14px;color:var(--heading);display:flex;align-items:center;gap:8px}
.kr-sec>summary::-webkit-details-marker{display:none}.kr-sec>summary::before{content:"▸";color:var(--muted);transition:transform .15s}.kr-sec[open]>summary::before{transform:rotate(90deg)}
.kr-sec-body{display:grid;gap:10px;padding:0 14px 14px}
.kr-live{position:sticky;top:12px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}
.kr-live-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);font-size:13px}
.kr-live-frame{height:calc(100dvh - 190px);min-height:480px;background:#e9ecef;display:flex;justify-content:center}
.kr-live iframe{width:100%;height:100%;border:0;background:#fff}
.kr-live.mob iframe{width:390px;max-width:100%;border-left:1px solid var(--line);border-right:1px solid var(--line)}
@media (max-width:1300px){.kr-split{grid-template-columns:1fr}.kr-live{position:static}.kr-live-frame{height:70vh}}
.kr-tips{margin:10px 0 0;padding:10px 14px;border-radius:10px;background:#fff8e6;border:1px solid #f5deb0;color:#6b4e00;font-size:13.5px}.kr-tips summary{cursor:pointer;font-weight:700}.kr-tips ul{margin:8px 0 4px;padding-left:20px;display:grid;gap:3px}.kr-tips.ok{background:var(--success-soft,#e8f7ee);border-color:transparent;color:#166534}
.est{color:var(--muted);font-style:italic}

/* Aura: połącz krok po kroku */
.aura-steps-head{display:flex;align-items:center;justify-content:space-between}.aura-steps-head h2{margin:0}
.aura-steps-bar{height:8px;border-radius:99px;background:var(--side-2);overflow:hidden;margin:10px 0 12px}.aura-steps-bar i{display:block;height:100%;background:var(--primary)}
.aura-steps ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.aura-steps li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}
.aura-steps li.on{background:var(--success-soft,#e8f7ee);border-color:transparent}
.aura-steps label{display:flex;gap:10px;align-items:flex-start;flex:1;cursor:pointer}.aura-steps input{width:20px;height:20px;margin-top:2px;flex:none}
.aura-steps label span{display:grid;gap:2px}.aura-steps small{color:var(--muted);font-size:12.5px}.aura-steps small.tag{display:inline;color:#166534}
/* Wnioski o zwrot prowizji: wybór sklepu, karty z kwotami, zakładki, tabela */
.cr-panel{padding:0;overflow:hidden}
.cr-pad{padding:16px}
.cr-shops{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--panel-head)}
.cr-shop-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:140px;padding:8px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.cr-shop-btn b{font-size:14px}
.cr-shop-btn span{font-size:12px;color:var(--muted)}
.cr-shop-btn:hover{border-color:var(--line-strong)}
.cr-shop-btn.on{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}
.cr-shop-btn.on span{color:var(--primary-hover);font-weight:600}
.cr-shops-total{margin-left:auto;font-size:13px;color:var(--muted)}
.cr-shops-total b{color:var(--text)}
.cr-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;padding:16px}
.cr-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;text-align:left}
button.cr-card{cursor:pointer}
button.cr-card:hover{border-color:var(--line-strong)}
.cr-card span{font-size:13px;color:var(--muted)}
.cr-card b{font-size:22px;line-height:1.1}
.cr-card small{font-size:12px;color:var(--muted)}
.cr-card.total{background:var(--heading);border-color:var(--heading);color:#fff}
.cr-card.total span,.cr-card.total small{color:rgba(255,255,255,.75)}
.cr-card.bad b{color:var(--danger)}
.cr-card.warn b{color:#a87500}
.cr-card.on{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}
.cr-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 16px 12px}
.cr-tools .spacer{flex:1}
.cr-tools select,.cr-tools input{height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font:inherit;font-size:13px}
.cr-tools select,.cr-tools input{width:auto;flex:0 1 auto}
.cr-tools input{min-width:240px}
.cr-tabs{display:inline-flex;padding:3px;border-radius:9px;background:var(--panel-head);border:1px solid var(--line)}
.cr-tabs button{height:28px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.cr-tabs button.on{background:var(--panel);color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.cr-note{padding:0 16px;margin:0 0 10px}
.cr-panel .table-wrap{border-top:1px solid var(--line)}
.cr-table td{vertical-align:middle;font-size:13px}
.cr-table td small{display:block;margin-top:2px;font-size:12px}
.cr-table .num{text-align:right;white-space:nowrap}
.cr-table .nowrap{white-space:nowrap}
.cr-tag{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--panel-head);border:1px solid var(--line);font-size:12px;font-weight:600;white-space:nowrap}
.cr-tag.bad{background:var(--danger-soft);border-color:transparent;color:#8a130f}
.cr-tag.warn{background:var(--warning-soft);border-color:transparent;color:#7a5600}
.cr-tag.ok{background:var(--success-soft);border-color:transparent;color:#0f6a18}
.cr-tag.muted{color:var(--muted)}
.cr-empty{padding:28px 16px;text-align:center;color:var(--muted);border-top:1px solid var(--line)}
.cr-err{color:var(--danger);font-weight:600}
@media (max-width:700px){.cr-shops-total{margin-left:0;width:100%}.cr-tools input{min-width:0;flex:1}}
.ord-cost-btn{border:0;background:none;padding:0;cursor:pointer;font:inherit;color:inherit}.ord-cost-btn u{color:var(--primary)}
/* Zwroty → raport anulowanych zamówień (wniosek o zwrot prowizji, zwrot pieniędzy, podział na sklepy) */
.cr-panel{margin-bottom:14px}
.cr-panel .panel-head{gap:10px;flex-wrap:wrap}
.cr-block{padding:12px 0;border-top:1px solid var(--line)}
.cr-block:first-of-type{border-top:0}
.cr-shop{margin:0 0 8px;font-size:17px;color:var(--heading)}
.cr-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.cr-chips span{padding:4px 10px;border-radius:999px;background:var(--panel-head);border:1px solid var(--line);font-size:13px}
.cr-chips span.bad{background:var(--danger-soft);border-color:var(--danger);color:#8a130f}
.cr-group h4{margin:12px 0 6px;font-size:14px}
.cr-table td{vertical-align:top;font-size:13px}
.cr-table tr.miss td{background:#fff8f6}
.cr-ok{color:var(--success);font-weight:600}
.cr-miss{color:var(--danger);font-weight:600}

/* ═════════ Motyw „Sharkly Soft” — jasne tło, białe zaokrąglone karty, okrągłe ikony w menu ═════════
   Domyślny wygląd (jasny i ciemny). Wygląd „Sales Center” (data-look="sales") zostaje bez zmian. */
:root:not([data-look="sales"]){
  --bg:#f2f3f7;--panel:#ffffff;--panel-head:#ffffff;--line:#eceef3;--line-strong:#dfe2ea;
  --text:#1f2430;--heading:#1f2430;--muted:#8a90a0;
  --primary:#ff5a00;--primary-hover:#ec5200;--primary-soft:#ffeadd;
  --accent:#6f7cf7;--accent-soft:#eef0ff;
  --success:#16a34a;--success-soft:#e3f6ea;--warning:#d99a0f;--warning-soft:#fff4d6;--danger:#e5484d;--danger-soft:#fde6e7;
  --side:#f2f3f7;--side-2:#ffffff;--side-text:#5b6170;--side-hover:#1f2430;--nav-active:#ff5a00;--nav-active-text:#ffffff;
  --topbar:#f2f3f7;--topbar-text:#1f2430;--topbar-border:transparent;
  --radius:12px;--radius-lg:18px;
  --shadow:0 1px 2px rgba(20,30,60,.04),0 6px 18px rgba(20,30,60,.04);
  --shadow-lg:0 18px 48px rgba(20,30,60,.16);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-look="sales"]){
  --bg:#0e1218;--panel:#161b24;--panel-head:#161b24;--line:#232a36;--line-strong:#2f3746;
  --text:#e6e9ef;--heading:#f2f4f8;--muted:#8d95a6;--primary-soft:#3a2416;--accent-soft:#232848;--primary-hover:#ff7b33;--link:#2ab9a3;--link-hover:#54cab6;--success:#3cc27b;--success-soft:#15301f;--warning:#f0a830;--warning-soft:#33280f;--danger:#ef6b6b;--danger-soft:#3a1c1c;
  --side:#0e1218;--side-2:#161b24;--side-text:#aeb5c3;--side-hover:#ffffff;--topbar:#0e1218;--topbar-text:#e6e9ef;
  --shadow:0 1px 2px rgba(0,0,0,.3);--shadow-lg:0 18px 48px rgba(0,0,0,.5);
}}
:root[data-theme="dark"]:not([data-look="sales"]){
  --bg:#0e1218;--panel:#161b24;--panel-head:#161b24;--line:#232a36;--line-strong:#2f3746;
  --text:#e6e9ef;--heading:#f2f4f8;--muted:#8d95a6;--primary-soft:#3a2416;--accent-soft:#232848;--primary-hover:#ff7b33;--link:#2ab9a3;--link-hover:#54cab6;--success:#3cc27b;--success-soft:#15301f;--warning:#f0a830;--warning-soft:#33280f;--danger:#ef6b6b;--danger-soft:#3a1c1c;
  --side:#0e1218;--side-2:#161b24;--side-text:#aeb5c3;--side-hover:#ffffff;--topbar:#0e1218;--topbar-text:#e6e9ef;
  --shadow:0 1px 2px rgba(0,0,0,.3);--shadow-lg:0 18px 48px rgba(0,0,0,.5);
}
:root:not([data-look="sales"]) body{font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
/* Karty */
:root:not([data-look="sales"]) .panel{border-radius:var(--radius-lg);border-color:var(--line);box-shadow:var(--shadow)}
:root:not([data-look="sales"]) .panel-head{background:transparent;border-bottom:1px solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;min-height:52px;padding:10px 18px}
:root:not([data-look="sales"]) .panel-head h2{font-size:15px;font-weight:600;letter-spacing:-.01em}
:root:not([data-look="sales"]) details.panel>summary.panel-head{border-radius:var(--radius-lg)}
:root:not([data-look="sales"]) .page-head h1{font-size:26px;font-weight:600;letter-spacing:-.02em}
:root:not([data-look="sales"]) .content{padding:8px 28px 28px}
/* Kafelki */
:root:not([data-look="sales"]) .kpi{border:1px solid var(--line);border-radius:16px;padding:14px 16px;gap:4px;box-shadow:var(--shadow)}
:root:not([data-look="sales"]) .kpi strong{font-size:24px;font-weight:600;letter-spacing:-.02em}
:root:not([data-look="sales"]) .kpi.warn{box-shadow:inset 0 3px 0 var(--warning),var(--shadow)}
:root:not([data-look="sales"]) .kpi.bad{box-shadow:inset 0 3px 0 var(--danger),var(--shadow)}
:root:not([data-look="sales"]) .kpi.good{box-shadow:inset 0 3px 0 var(--success),var(--shadow)}
/* Przyciski, pola, przełączniki, etykiety */
:root:not([data-look="sales"]) .btn{border-radius:999px;min-height:36px;padding:0 16px;border-color:var(--line-strong);font-weight:600}
:root:not([data-look="sales"]) .btn-sm{min-height:30px;padding:0 12px}
:root:not([data-look="sales"]) .btn-primary{box-shadow:0 6px 16px rgba(255,90,0,.25)}
:root:not([data-look="sales"]) .btn-primary:hover{box-shadow:0 8px 20px rgba(255,90,0,.32)}
:root:not([data-look="sales"]) .btn-link{box-shadow:none}
:root:not([data-look="sales"]) input:not([type=checkbox]):not([type=radio]):not([type=range]),:root:not([data-look="sales"]) select,:root:not([data-look="sales"]) textarea{border-radius:10px;border-color:var(--line-strong)}
:root:not([data-look="sales"]) .seg{border-radius:999px;padding:3px;gap:2px;border-color:var(--line);background:var(--panel)}
:root:not([data-look="sales"]) .seg button{border:0;border-radius:999px;min-height:28px;padding:0 12px}
:root:not([data-look="sales"]) .seg button.on{box-shadow:0 4px 10px rgba(255,90,0,.25)}
:root:not([data-look="sales"]) .tag{border-radius:999px;padding:1px 9px}
:root:not([data-look="sales"]) .icon-btn{border-radius:50%}
/* Tabele */
:root:not([data-look="sales"]) .table th{background:transparent;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
:root:not([data-look="sales"]) .table td{border-color:var(--line)}
:root:not([data-look="sales"]) .table tbody tr:hover td{background:color-mix(in srgb,var(--primary) 3%,transparent)}
/* Okna */
:root:not([data-look="sales"]) dialog{border-radius:20px}
/* Górny pasek: bez belki, wyszukiwarka i przyciski jako „pastylki” */
:root:not([data-look="sales"]) .topbar{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:0;padding:12px 28px 10px 20px}
:root:not([data-look="sales"]) .order-search form{border-color:var(--line);background:var(--panel);box-shadow:var(--shadow)}
:root:not([data-look="sales"]) .search-btn{border-radius:999px;background:var(--panel);border-color:var(--line);box-shadow:var(--shadow)}
:root:not([data-look="sales"]) .topbar .btn-primary{border-radius:999px}
:root:not([data-look="sales"]) .bell{border-radius:50%;background:var(--panel);border:1px solid var(--line);width:40px;height:40px;box-shadow:var(--shadow)}
/* Menu boczne: tło jak strona, okrągłe ikony, aktywna pomarańczowa z poświatą */
:root:not([data-look="sales"]) .sidebar{border-right:0;background:var(--side)}
:root:not([data-look="sales"]) .side-brand-row{border-bottom:0;height:64px}
:root:not([data-look="sales"]) .side-nav{gap:6px;padding:6px 10px}
:root:not([data-look="sales"]) .side-nav button,:root:not([data-look="sales"]) .side-more>summary{border-radius:14px;min-height:42px}
:root:not([data-look="sales"]) .side-nav button:hover,:root:not([data-look="sales"]) .side-more>summary:hover{background:var(--side-2);box-shadow:var(--shadow)}
:root:not([data-look="sales"]) .side-nav button.active{background:linear-gradient(160deg,#ff7a33,#ff5a00);color:#fff;box-shadow:0 10px 22px rgba(255,90,0,.32)}
:root:not([data-look="sales"]) .app.sidebar-collapsed{grid-template-columns:80px 1fr}
:root:not([data-look="sales"]) .sidebar-collapsed .side-nav{justify-items:center;gap:10px;padding:6px 0}
:root:not([data-look="sales"]) .sidebar-collapsed .side-nav button,:root:not([data-look="sales"]) .sidebar-collapsed .side-more>summary{width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;grid-template-columns:46px;justify-items:center;background:var(--side-2);border:1px solid var(--line);box-shadow:var(--shadow)}
:root:not([data-look="sales"]) .sidebar-collapsed .side-nav button i,:root:not([data-look="sales"]) .sidebar-collapsed .side-more>summary i{grid-column:1}
:root:not([data-look="sales"]) .sidebar-collapsed .side-nav button.active{border-color:transparent;background:linear-gradient(160deg,#ff7a33,#ff5a00);box-shadow:0 10px 22px rgba(255,90,0,.35)}
:root:not([data-look="sales"]) .sidebar-collapsed .side-nav button:has(b:not(:empty))::after,:root:not([data-look="sales"]) .sidebar-collapsed .side-more>summary:has(b:not(:empty))::before{top:2px;left:auto;right:2px}
:root:not([data-look="sales"]) .sidebar-collapsed .side-more{justify-items:center}
:root:not([data-look="sales"]) .sidebar-collapsed .side-more[open]{background:transparent}
:root:not([data-look="sales"]) .sidebar-collapsed .side-brand{justify-content:center;padding:0}
:root:not([data-look="sales"]) .nav-fly{border-radius:16px}
:root:not([data-look="sales"]) .sidebar-collapsed .side-nav button>span,:root:not([data-look="sales"]) .sidebar-collapsed .side-more>summary>span,:root:not([data-look="sales"]) .sidebar-collapsed .side-nav .nav-caret,:root:not([data-look="sales"]) .sidebar-collapsed .side-more>summary::after{display:none}
:root:not([data-look="sales"]) .sidebar-collapsed .side-nav button>i,:root:not([data-look="sales"]) .sidebar-collapsed .side-more>summary>i{opacity:1;place-self:center}
:root:not([data-look="sales"]) .side-nav button.sales-current{color:var(--primary)}
:root:not([data-look="sales"]) .sidebar-collapsed .side-nav button.sales-current{background:linear-gradient(160deg,#ff7a33,#ff5a00);color:#fff;border-color:transparent;box-shadow:0 10px 22px rgba(255,90,0,.35)}
:root:not([data-look="sales"]) .sidebar-collapsed .side-nav button.sales-current::before{display:none}
:root:not([data-look="sales"]) .sidebar-collapsed #salesNav.sales-current,:root:not([data-look="sales"]) .sidebar-collapsed #auraNav.sales-current{box-shadow:0 10px 22px rgba(255,90,0,.35)}
.sd-update{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 35%,var(--line));border-radius:16px}

/* ═════════ Pulpit wyników (Start i Wyniki) ═════════ */
.sr-dash{--srd-o:#fff1e8;--srd-g:#e6f6ec;--srd-v:#f0efff;--srd-y:#fff5dc;--srd-b:#ebf2ff;display:grid;gap:14px;margin:0 0 16px}
:root[data-theme="dark"] .sr-dash{--srd-o:#3a2416;--srd-g:#15301f;--srd-v:#232848;--srd-y:#33280f;--srd-b:#1b2a44}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sr-dash{--srd-o:#3a2416;--srd-g:#15301f;--srd-v:#232848;--srd-y:#33280f;--srd-b:#1b2a44}}
.sr-dash:empty{display:none}
.home-dash{margin-top:18px}
.srd-skel{height:420px;border-radius:18px;background:linear-gradient(90deg,var(--panel) 0%,var(--panel-head) 50%,var(--panel) 100%);background-size:200% 100%;animation:srdSk 1.4s linear infinite}
@keyframes srdSk{to{background-position:-200% 0}}
.srd-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.srd-kpi,.srd-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.srd-kpi{padding:14px 16px;min-width:0}
.srd-kh{display:flex;align-items:center;gap:10px;min-width:0}
.srd-kh>span:last-child{display:grid;min-width:0}.srd-kh b{font-size:13px;font-weight:600;color:var(--heading)}.srd-kh small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srd-ki{flex:0 0 32px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:15px}
.srd-kv{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;flex-wrap:wrap}
.srd-kv strong{font-size:22px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;color:var(--heading)}.srd-kv strong .neg{color:var(--danger)}
.srd-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;white-space:nowrap}
.srd-chip i{width:14px;height:14px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-size:9px}
.srd-chip.good{color:var(--success)}.srd-chip.good i{background:var(--success)}.srd-chip.bad{color:var(--danger)}.srd-chip.bad i{background:var(--danger)}
.srd-row2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:14px}
.srd-row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.srd-card{padding:16px 18px;min-width:0}
.srd-ch{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.srd-ch b{font-size:15px;font-weight:600;color:var(--heading)}
.srd-sel{font-size:11px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.srd-svg{display:block;width:100%;height:auto;overflow:visible}
.srd-grid{stroke:var(--line)}.srd-tick{font-size:10px;fill:var(--muted)}
.srd-bar{fill:color-mix(in srgb,var(--muted) 14%,transparent)}
.srd-l1{fill:none;stroke:#ff7a33;stroke-width:2.4}.srd-l2{fill:none;stroke:#6f7cf7;stroke-width:2.4}.srd-l3{fill:none;stroke:#6f7cf7;stroke-width:2.2;stroke-linejoin:round}
.srd-cur{stroke:var(--line-strong);stroke-dasharray:3 4}.srd-d1{fill:#ff7a33;stroke:var(--panel);stroke-width:2}.srd-d2{fill:#6f7cf7;stroke:var(--panel);stroke-width:2}.srd-d3{fill:#6f7cf7;stroke:var(--panel);stroke-width:2}
.srd-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--muted);margin:2px 0 6px}
.srd-legend i,.srd-tip i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
i.o{background:#ff7a33}i.v{background:#6f7cf7}i.b{background:color-mix(in srgb,var(--muted) 40%,transparent)}i.g{background:var(--success)}
.srd-line-wrap{position:relative}
.srd-tip{position:absolute;z-index:3;display:grid;gap:4px;min-width:180px;padding:10px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-lg);font-size:12px;pointer-events:none}
.srd-tip b{font-size:12px;color:var(--heading)}.srd-tip span{display:flex;align-items:center;color:var(--muted)}.srd-tip em{margin-left:auto;font-style:normal;font-weight:600;color:var(--text);padding-left:12px}
.srd-rose{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center}
.srd-ring{fill:none;stroke:var(--line)}.srd-hole{fill:var(--panel)}.srd-slice{stroke:var(--panel);stroke-width:2;transition:opacity .15s}.srd-slice:hover{opacity:.85}
.srd-leg{display:grid;gap:10px}
.srd-leg button{display:flex;align-items:center;gap:8px;border:0;background:none;padding:2px 0;font:inherit;font-size:12px;color:var(--text);text-align:left;cursor:pointer;min-width:0}
.srd-leg button:disabled{cursor:default}.srd-leg button:not(:disabled):hover{color:var(--primary)}
.srd-leg span{flex:0 0 8px;width:8px;height:8px;border-radius:50%}.srd-leg em{margin-left:auto;font-style:normal;color:var(--muted)}
.srd-prods{margin-top:12px}
.srd-prod{display:flex;align-items:baseline;gap:10px;font-size:13px}.srd-pn{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srd-prod em{font-style:normal;color:var(--muted);font-size:12px;white-space:nowrap}.srd-prod em small{font-size:11px}
.srd-pbar{height:6px;border-radius:99px;background:color-mix(in srgb,var(--muted) 14%,transparent);margin:7px 0 15px;overflow:hidden}.srd-pbar i{display:block;height:100%;border-radius:inherit}
.srd-tk{stroke:color-mix(in srgb,var(--muted) 22%,transparent);stroke-width:3.2;stroke-linecap:round}.srd-tk.on{stroke:#ff7a33}
.srd-gl{font-size:11px;fill:var(--muted)}.srd-gv{font-size:22px;font-weight:600;fill:var(--heading)}.srd-gb{font-weight:600;fill:var(--text)}
.srd-badge{fill:var(--panel);stroke:var(--line)}.srd-bt{font-size:11px;font-weight:600;fill:var(--text)}
/* Wyniki: nowy pulpit zastępuje stare kafelki i wykres */
#view-sprzedaz.srd-on #salesKpis,#view-sprzedaz.srd-on .sales-chart-panel{display:none}
@media (max-width:1200px){.srd-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.srd-row3{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.srd-kpis{grid-template-columns:1fr 1fr}.srd-row2,.srd-row3{grid-template-columns:1fr}.srd-rose{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.srd-kpis{grid-template-columns:1fr}.srd-rose{grid-template-columns:1fr}}
/* Menu jak w projekcie: logo w białym kafelku, większe kółka, więcej powietrza */
:root:not([data-look="sales"]) .sidebar-collapsed .side-brand{width:44px;height:44px;margin:12px auto 0;border-radius:14px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}
:root:not([data-look="sales"]) .sidebar-collapsed .side-brand .logo{width:26px;height:26px}
:root:not([data-look="sales"]) .sidebar-collapsed .side-brand-row{height:auto;padding-bottom:18px}
:root:not([data-look="sales"]) .sidebar-collapsed .side-nav{gap:12px}
.srd-leg em{font-weight:600;color:var(--text)}
.srd-pick{width:auto;max-width:170px;min-height:28px;height:28px;padding:0 26px 0 10px;border-radius:999px!important;border:1px solid var(--line)!important;background:var(--panel);font-size:12px;color:var(--text);cursor:pointer}
.home-bottom{margin-top:16px}
#view-dzien .home-grid{grid-template-columns:1fr 1fr;align-items:stretch}#view-dzien .home-grid>.stack>.panel:only-child,#view-dzien .home-grid>.stack:first-child>.panel{height:100%}
#view-dzien .home-grid>.stack:first-child{display:flex;flex-direction:column}#view-dzien .home-grid>.stack:first-child>.panel{flex:1;height:auto}
/* Interaktywne wykresy: kursor, palec (przesuwanie w poziomie), dymek z danymi */
.srd-line,.srd-spark{touch-action:pan-y;cursor:crosshair}
.srd-tip{transition:left .08s linear}
.srd-tip .srd-tip-sub{font-size:11px}
.srd-tip small{display:block;margin:-2px 0 2px 14px;font-size:10.5px;font-weight:600}
.srd-tip small.srd-up{color:var(--success)}.srd-tip small.srd-down{color:var(--danger)}.srd-tip small.srd-dz{color:var(--muted)}
.srd-tip em.neg{color:var(--danger)}
.srd-dot{fill:var(--panel);stroke:#6f7cf7;stroke-width:1.6}
.srd-picks{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.srd-skel-sm{height:180px}
.srd-xunit{margin-left:auto;font-size:11px;color:var(--muted)}
@media (max-width:520px){.srd-ch{flex-wrap:wrap}.srd-picks{width:100%;justify-content:flex-start}}
.srd-picks .srd-pick{max-width:150px}
/* Pulpit na telefonie */
@media (min-width:901px){#view-dzien .home-grid{grid-template-columns:1fr 1fr}}
@media (max-width:900px){#view-dzien .home-grid{grid-template-columns:1fr}}
@media (max-width:640px){
  .sr-dash{gap:10px}
  .srd-kpis{grid-template-columns:1fr 1fr;gap:10px}
  .srd-kpis .srd-kpi:last-child{grid-column:1/-1}
  .srd-kpi{padding:12px}
  .srd-kh small{display:none}
  .srd-ki{flex-basis:28px;width:28px;height:28px;font-size:13px}
  .srd-kv{margin-top:8px;flex-direction:column;align-items:flex-start;gap:4px}
  .srd-kv strong{font-size:19px}
  .srd-card{padding:14px}
  .srd-ch{flex-wrap:wrap;gap:8px}.srd-ch b{font-size:14px}
  .srd-picks{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}
  .srd-picks .srd-pick{max-width:none;width:100%}
  .srd-legend{font-size:11px;gap:4px 10px}
  .srd-rose{grid-template-columns:1fr;justify-items:center}
  .srd-rose svg{max-width:210px}
  .srd-leg{width:100%}
  .srd-tip{min-width:170px;font-size:11px;padding:8px 10px}
}
@media (max-width:640px){.srd-tick{font-size:13px}.srd-gl{font-size:13px}}
@media (max-width:900px){.szk-dock{bottom:168px}}
/* Responsywność: karty i ich wnętrze nigdy nie rozpychają się szerzej niż ekran
   (:where — zerowa waga, więc własne układy kolumn mają pierwszeństwo). */
:where(.panel,.panel-body){grid-template-columns:minmax(0,1fr)}
.panel-body>*{min-width:0}
.ob-catpick{flex-wrap:wrap;min-width:0}
.ob-catpick select,#obCatalogSel{min-width:0;flex:1 1 200px;max-width:100%}
img,video,svg{max-width:100%}
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.panel,.srd-card{overflow-wrap:break-word}.tt-steps li{overflow-wrap:anywhere}
/* Szarkuś przy krawędzi nie zasłania treści: węższy przycisk i odstęp treści od prawej */
.szk-dock-btn{width:38px;gap:6px;padding:6px 0 10px}
.szk-dock-head{width:30px;height:30px}.szk-dock-head svg{width:36px;margin-top:5px}
.szk-dock-label{font-size:10px}
@media (min-width:901px){body.has-szk-dock .content{padding-right:52px}}
@media (max-width:900px){
  .szk-dock-btn{width:30px;padding:4px 0;border-radius:12px 0 0 12px}
  .szk-dock-head{width:24px;height:24px}.szk-dock-head svg{width:30px;margin-top:4px}
  .szk-dock-btn{transform:translateX(2px)}
}
/* Karta „Nowy w zespole?” na telefonie: zwarty pasek zamiast dużej karty */
@media (max-width:640px){
  .guide-card{left:8px!important;right:8px!important;bottom:calc(72px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important}
  .guide-card .gc-top,.guide-card .gc-body>p{display:none}
  .guide-card .gc-body{padding:12px 14px}
  .guide-card h3{font-size:14px;margin:2px 0 8px}
  .guide-card .gc-btns{flex-wrap:nowrap}
}
@media (min-width:901px){:root:not([data-look="sales"]) body.has-szk-dock .content,body.has-szk-dock .content{padding-right:56px}}
/* Komunikat „Nowy w zespole? Instrukcja” — mały pasek w rogu zamiast dużej karty */
.guide-card{width:330px}
.guide-card .gc-top,.guide-card .gc-body>p{display:none}
.guide-card .gc-body{padding:12px 40px 12px 14px}
.guide-card .gc-kick{font-size:10px}
.guide-card h3{font-size:14px;line-height:1.3;margin:2px 0 10px}
.guide-card .gc-btns{flex-wrap:nowrap;gap:8px}
.guide-card .gc-btns>*{min-height:32px;padding:0 12px;font-size:12.5px;white-space:nowrap}
.guide-card .gc-x{top:8px;right:8px;width:24px;height:24px;font-size:15px;background:var(--panel-head);color:var(--muted)}
.srd-plink{display:block;margin:0 -8px;padding:6px 8px 1px;border-radius:10px;color:inherit;text-decoration:none;transition:background .15s}
a.srd-plink:hover,a.srd-plink:focus-visible{background:color-mix(in srgb,var(--primary) 7%,transparent)}
a.srd-plink:hover .srd-pn{color:var(--primary)}
.srd-plink .srd-pbar{margin-bottom:9px}
.srd-ext{font-size:11px;color:var(--primary);opacity:.8}
/* Allegro Ads */
.aad-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 14px}
.aad-bar .srd-pick{max-width:220px}
.aad-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}
.aad-partial{margin:0 0 10px}
.aad-card{padding:14px 18px}
.aad-prod{align-items:center}
.aad-pos{flex:0 0 22px;font-size:12px;font-weight:700;color:var(--muted);text-align:right}
.aad-img{flex:0 0 34px;width:34px;height:34px;border-radius:8px;object-fit:cover;background:var(--panel-head);border:1px solid var(--line)}
.aad-prod .srd-pn{display:grid}.aad-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aad-shop{font-size:11px;color:var(--muted);font-weight:400}
.aad-prod em{text-align:right}
.aad-more{display:flex;justify-content:center;padding-top:6px}
.srd-ads-link{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left;display:grid}
.srd-ads-link small{font-size:11px;font-weight:600;color:var(--primary)}
.srd-ads-link:hover{color:var(--primary)}
@media (max-width:900px){.aad-kpis{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.aad-prod{flex-wrap:wrap}.aad-prod em{width:100%;padding-left:66px;text-align:left}.aad-bar .srd-pick{max-width:none;flex:1 1 140px}}

/* Konkurs na Starcie: zwinięty przycisk na samym dole */
.contest-dock{margin:18px 0 6px;display:grid;justify-items:center}
.contest-dock>summary{list-style:none;cursor:pointer}.contest-dock>summary::-webkit-details-marker{display:none}
.contest-dock-btn{font-size:13px;border-radius:999px;padding:7px 14px}
.contest-dock[open]>summary{margin-bottom:10px}
.contest-dock .contest-cta{width:100%;margin:0}

/* Szarkuś na Start u kursanta */
.szk-home{display:flex;align-items:center;gap:18px;padding:16px 20px}
.szk-home-head{flex:0 0 auto;width:84px;height:84px;border-radius:50%;background:color-mix(in srgb,var(--accent,#ff5a00) 12%,transparent);display:grid;place-items:center;overflow:hidden}
.szk-home-head svg{width:76px;height:68px}
.szk-home-txt{min-width:0}
.szk-home-txt h2{margin:0 0 4px;font-size:1.1rem}
.szk-home-txt p{margin:0 0 10px;color:var(--muted,#667085)}
.szk-home-btns{flex-wrap:wrap;gap:8px}
@media (max-width:600px){.szk-home{flex-direction:column;align-items:flex-start;gap:10px}.szk-home-head{width:64px;height:64px}.szk-home-head svg{width:58px;height:52px}}

/* Telefon kursanta: 5 przycisków zamiast 8 (napisy nachodziły na siebie) — Start, SHARKDROP, Asystent, Oferty, Więcej.
   Zadania, Czat, Sprzedaż i Konto są w menu „Więcej”. */
body[data-role="student"] .tabbar{grid-template-columns:repeat(5,minmax(0,1fr))}
body[data-role="student"] .tabbar>button[data-view="zadania"],body[data-role="student"] .tabbar>button[data-view="zespol"],
body[data-role="student"] .tabbar>button[data-view="sprzedaz"],body[data-role="student"] .tabbar>button[data-view="ustawienia"]{display:none!important}
body[data-role="student"] .tabbar>button[data-action="menu"]{display:flex!important;order:5}
body[data-role="student"] .tabbar>button[data-view="dzien"]{order:1}
body[data-role="student"] .tabbar>button[data-view="sharkdrop"]{order:2}
body[data-role="student"] .tabbar>button[data-view="asystent"]{order:3}
body[data-role="student"] .tabbar>button[data-view="baza"]{order:4}
@media (max-width:640px){
  .cat-folder-pick{display:flex;width:100%}.cat-folder-pick select{min-width:0;flex:1;max-width:none;width:100%}
  .csb-foot{flex-wrap:wrap}.csb-foot>*{min-width:0}
}

/* Zespół i dostępy: tabela osoba × moduł */
.access-box .table-wrap{overflow-x:auto}
.access-table{border-collapse:collapse;width:100%;min-width:980px;font-size:13px}
.access-table th{font-weight:700;text-align:center;padding:10px 6px;border-bottom:1px solid var(--line);vertical-align:bottom;line-height:1.25}
.access-table th small{display:block;font-weight:500;color:var(--muted);font-size:11px;margin-top:3px}
.access-table td{padding:9px 6px;border-bottom:1px solid var(--line);text-align:center}
.access-table .ac-who{text-align:left;white-space:nowrap}.access-table td.ac-who{display:flex;align-items:center;gap:8px}
.access-table tr:last-child td{border-bottom:0}
.ac-role{display:inline-block;border:1px solid var(--line);border-radius:10px;padding:5px 9px;font-size:12px;font-weight:600;white-space:nowrap}
.ac-role.own{background:var(--primary-soft);color:var(--primary-hover);border-color:transparent}.ac-role.co{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}
.ac-role-sel{font-size:12.5px;padding:5px 8px;border-radius:10px;min-width:150px}
.ac-sw{display:inline-block;position:relative;width:34px;height:20px;cursor:pointer}
.ac-sw input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.ac-sw i{position:absolute;inset:0;border-radius:999px;background:#d7dbe3;transition:background .15s}
.ac-sw i::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .15s}
.ac-sw input:checked+i{background:var(--primary)}.ac-sw input:checked+i::after{left:16px}
.ac-sw input:disabled+i{opacity:.45;cursor:default}.ac-sw input:focus-visible+i{outline:2px solid var(--primary);outline-offset:2px}

/* Oferty: własny okres — Moje postępy i Ranking zespołu */
.mine-range{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.mine-range>b{align-self:center;font-size:14px}
.mine-range-out{align-self:center;color:var(--muted);font-size:14px}.mine-range-out strong{font-size:22px;color:var(--text);margin-right:2px}
.rank-custom{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:12px 18px 4px}
.rank-custom small{align-self:center}
@media (max-width:640px){.mine-range>b,.mine-range-out{width:100%}.mine-range .off-date,.rank-custom .off-date{flex:1 1 0;min-width:0}.mine-range .off-date input,.rank-custom .off-date input{width:100%}}

/* Menu zespołu w sekcjach (Sprzedaż i obsługa, Produkty, Wyniki i pieniądze, Sklepy, Zespół) */
.side-nav .nav-sec{display:flex;align-items:center;gap:8px;margin:14px 12px 4px;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.side-nav .nav-sec::after{content:"";flex:1;height:1px;background:var(--line)}
.side-nav .nav-sec[hidden]{display:none}
.sidebar-collapsed .side-nav .nav-sec{font-size:0;margin:8px 14px;gap:0}
body.nav-team #productsCaret{display:none}
/* Dolny pasek (telefon): zespół — Start, Zamówienia, Produkty, Wiadomości, Więcej */
body:not([data-role="student"]) .tabbar>button.tab-both{display:none}
.pd-section-tabs .pd-tab-link{margin-left:auto}
.pd-tabs-ob{margin:0 0 12px}.pd-tabs-ob .pd-tab-link{margin-left:0}
.side-nav .nav-sec{cursor:pointer;user-select:none;border-radius:8px}
.side-nav .nav-sec:hover{color:var(--text)}.side-nav .nav-sec:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.side-nav .nav-sec>span{order:0}.side-nav .nav-sec::after{order:1}
.nav-sec-car{order:2;display:grid;place-items:center;transition:transform .15s}.nav-sec-car svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nav-sec.closed .nav-sec-car{transform:rotate(-90deg)}
.app:not(.sidebar-collapsed) .side-nav .sec-hide{display:none!important}
.sidebar-collapsed .side-nav .nav-sec-car{display:none}
/* Dolny pasek: te same ikony liniowe co w menu bocznym */
.tabbar i{display:grid;place-items:center;height:22px}
.tabbar .nav-icon{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tabbar .ai-sparkles{width:21px;height:21px;fill:currentColor}
.tabbar .tab-main i .nav-icon,.tabbar .tab-main i .ai-sparkles{width:18px;height:18px}