/* Audyt sklepu — brand-locked design 1:1 z mockupem audyt_sklepu_mockup.html. * DARK = UI apki (upload + loading). LIGHT = raport (białe PDF-paper). * Wszystko scoped pod #tab-audyt-sklepu — żeby nie kolidować z innymi zakładkami. * GOTCHA (handover 4i #15): NIE ustawiać `display` na #tab-audyt-sklepu{} — bije * globalne .tab-content{display:none}. Dla rooty zostawiamy .tab-content{display:none/.active{display:block}}. */ #tab-audyt-sklepu { /* DARK — UI apki */ --au-bg:#121418; --au-surface:#1A1D24; --au-surface-2:#22262F; --au-surface-3:#2B3038; --au-text:#F4F4F5; --au-text-2:#B3B7BE; --au-text-3:#7C8089; --au-rule:rgba(255,255,255,.06); --au-rule-2:rgba(255,255,255,.10); /* LIGHT — raport (biały) */ --au-bg-white:#FFFFFF; --au-ink:#141414; --au-ink-70:rgba(20,20,20,.70); --au-ink-50:#7A7A7A; --au-ink-20:rgba(20,20,20,.20); --au-ink-10:rgba(20,20,20,.10); /* AKCENTY (wspólne) */ --au-vr:#E6332A; --au-vr-2:#B5261F; --au-vr-bg:rgba(230,51,42,.12); --au-green:#1A6B3C; --au-green-bg:rgba(26,107,60,.15); --au-amber:#B56B00; --au-amber-bg:rgba(181,107,0,.15); --au-lightred:#E8A09A; --au-font:'Instrument Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; font-family:var(--au-font); font-size:14px; line-height:1.5; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-feature-settings:'tnum' 1; background:var(--au-bg); color:var(--au-text); min-height:100vh; } #tab-audyt-sklepu *{box-sizing:border-box;} /* Gdy zakładka jest w trybie raportu — białe tło na cały viewport */ #tab-audyt-sklepu.au-report-mode{background:var(--au-bg-white);color:var(--au-ink);} #tab-audyt-sklepu .num{font-variant-numeric:tabular-nums;} #tab-audyt-sklepu :focus-visible{outline:2px solid var(--au-vr);outline-offset:2px;border-radius:4px;} /* ============================================================ STATE: UPLOAD (dark) ============================================================ */ #tab-audyt-sklepu .au-upload-wrap{display:flex;justify-content:center;padding:30px 20px 80px;} #tab-audyt-sklepu .au-card{width:100%;max-width:720px;background:var(--au-surface);border:1px solid var(--au-rule-2);border-radius:14px;padding:40px 44px 34px;} #tab-audyt-sklepu .au-eyebrow{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:var(--au-vr);} #tab-audyt-sklepu .au-card h1{font-weight:800;font-size:32px;letter-spacing:-.025em;line-height:1.1;margin:12px 0 0;color:var(--au-text);} #tab-audyt-sklepu .au-card h1 em{font-style:normal;color:var(--au-vr);} #tab-audyt-sklepu .au-card .au-sub{color:var(--au-text-2);font-size:13px;line-height:1.6;margin-top:12px;max-width:60ch;} #tab-audyt-sklepu .au-step{margin-top:28px;} #tab-audyt-sklepu .au-step-lbl{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--au-text-3);margin-bottom:11px;} #tab-audyt-sklepu .au-step-lbl .n{width:20px;height:20px;border-radius:6px;background:var(--au-vr-bg);color:var(--au-vr);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;} #tab-audyt-sklepu .au-step-lbl .opt{margin-left:auto;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--au-text-3);font-size:11px;} /* autocomplete */ #tab-audyt-sklepu .au-ac{position:relative;} #tab-audyt-sklepu .au-ac-input{display:flex;align-items:center;gap:10px;background:var(--au-surface-2);border:1px solid var(--au-rule-2);border-radius:8px;padding:0 14px;transition:border-color .16s,box-shadow .16s;} #tab-audyt-sklepu .au-ac-input:focus-within{border-color:var(--au-vr);box-shadow:0 0 0 3px var(--au-vr-bg);} #tab-audyt-sklepu .au-ac-input .ic{color:var(--au-text-3);flex:none;} #tab-audyt-sklepu .au-ac-input input{flex:1;background:none;border:0;outline:none;color:var(--au-text);font-family:var(--au-font);font-size:14.5px;padding:12px 0;} #tab-audyt-sklepu .au-ac-input input::placeholder{color:var(--au-text-3);} #tab-audyt-sklepu .au-ac-spin{width:15px;height:15px;border:2px solid var(--au-surface-3);border-top-color:var(--au-vr);border-radius:50%;animation:auspin .7s linear infinite;display:none;flex:none;} #tab-audyt-sklepu .au-ac-input.loading .au-ac-spin{display:block;} #tab-audyt-sklepu .au-ac-drop{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;background:var(--au-surface-2);border:1px solid var(--au-rule-2);border-radius:10px;box-shadow:0 18px 44px rgba(0,0,0,.5);padding:5px;max-height:320px;overflow-y:auto;display:none;} #tab-audyt-sklepu .au-ac-drop.open{display:block;} #tab-audyt-sklepu .au-ac-item{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:7px;cursor:pointer;transition:background .14s;} #tab-audyt-sklepu .au-ac-item:hover,#tab-audyt-sklepu .au-ac-item.active{background:var(--au-surface-3);} #tab-audyt-sklepu .au-ac-item .main{flex:1;min-width:0;} #tab-audyt-sklepu .au-ac-item .nm{font-size:14px;font-weight:600;color:var(--au-text);} #tab-audyt-sklepu .au-ac-item .nm mark{background:var(--au-vr-bg);color:var(--au-vr);padding:0 1px;border-radius:2px;} #tab-audyt-sklepu .au-ac-item .pth{font-size:11.5px;color:var(--au-text-3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #tab-audyt-sklepu .au-ac-item .cnt{flex:none;font-size:11.5px;font-weight:500;color:var(--au-text-2);background:var(--au-surface);border:1px solid var(--au-rule-2);border-radius:999px;padding:3px 9px;white-space:nowrap;} #tab-audyt-sklepu .au-ac-empty{padding:15px;text-align:center;color:var(--au-text-3);font-size:13px;} #tab-audyt-sklepu .au-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px;} #tab-audyt-sklepu .au-chips:empty{display:none;} #tab-audyt-sklepu .au-chip{display:inline-flex;align-items:center;gap:9px;background:var(--au-vr-bg);border:1px solid rgba(230,51,42,.3);color:var(--au-text);border-radius:999px;padding:6px 8px 6px 13px;font-size:13px;font-weight:500;} #tab-audyt-sklepu .au-chip .x{display:flex;width:18px;height:18px;border-radius:50%;background:rgba(230,51,42,.18);color:var(--au-vr);border:0;cursor:pointer;align-items:center;justify-content:center;} #tab-audyt-sklepu .au-chip .x:hover{background:var(--au-vr);color:#fff;} #tab-audyt-sklepu .au-chips-empty{margin-top:11px;font-size:12.5px;font-style:italic;color:var(--au-text-3);} #tab-audyt-sklepu .au-text-input{width:100%;background:var(--au-surface-2);border:1px solid var(--au-rule-2);border-radius:8px;color:var(--au-text);font-family:var(--au-font);font-size:14.5px;padding:12px 14px;transition:border-color .16s,box-shadow .16s;} #tab-audyt-sklepu .au-text-input:focus{outline:none;border-color:var(--au-vr);box-shadow:0 0 0 3px var(--au-vr-bg);} #tab-audyt-sklepu .au-text-input::placeholder{color:var(--au-text-3);} /* dropzone */ #tab-audyt-sklepu .au-drop{display:block;border:1.5px dashed var(--au-rule-2);border-radius:10px;padding:30px 24px;text-align:center;cursor:pointer;transition:border-color .16s,background .16s;} #tab-audyt-sklepu .au-drop:hover,#tab-audyt-sklepu .au-drop.drag{border-color:var(--au-vr);background:var(--au-vr-bg);} #tab-audyt-sklepu .au-drop .ic{color:var(--au-text-3);margin-bottom:12px;} #tab-audyt-sklepu .au-drop:hover .ic,#tab-audyt-sklepu .au-drop.drag .ic{color:var(--au-vr);} #tab-audyt-sklepu .au-drop .t{font-size:14px;color:var(--au-text);font-weight:500;} #tab-audyt-sklepu .au-drop .t b{font-weight:700;} #tab-audyt-sklepu .au-drop .s{font-size:12px;color:var(--au-text-3);margin-top:6px;} #tab-audyt-sklepu .au-file{display:flex;align-items:center;gap:13px;background:var(--au-green-bg);border:1px solid rgba(26,107,60,.4);border-radius:10px;padding:15px 18px;} #tab-audyt-sklepu .au-file .ic{flex:none;width:34px;height:34px;border-radius:9px;background:rgba(26,107,60,.25);color:#4ade80;display:flex;align-items:center;justify-content:center;} #tab-audyt-sklepu .au-file .main{flex:1;min-width:0;} #tab-audyt-sklepu .au-file .fn{font-size:13.5px;font-weight:600;color:var(--au-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #tab-audyt-sklepu .au-file .fs{font-size:11.5px;color:var(--au-text-3);margin-top:2px;} #tab-audyt-sklepu .au-file .x{flex:none;background:none;border:0;color:var(--au-text-3);cursor:pointer;padding:6px;border-radius:6px;} #tab-audyt-sklepu .au-file .x:hover{color:var(--au-text);background:var(--au-surface-2);} #tab-audyt-sklepu .au-cta{width:100%;margin-top:26px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--au-font);font-size:15px;font-weight:700;border:0;border-radius:9px;cursor:pointer;padding:14px;background:var(--au-vr);color:#fff;transition:background .16s,transform 80ms;} #tab-audyt-sklepu .au-cta:hover:not(:disabled){background:var(--au-vr-2);} #tab-audyt-sklepu .au-cta:active:not(:disabled){transform:scale(.99);} #tab-audyt-sklepu .au-cta:disabled{opacity:.4;cursor:default;} #tab-audyt-sklepu .au-note{font-size:11px;color:var(--au-text-3);text-align:center;margin-top:16px;line-height:1.5;} #tab-audyt-sklepu .au-min-clicks-hint{font-size:11.5px;color:var(--au-text-3);margin-top:8px;line-height:1.5;max-width:60ch;} /* Banner sugestii progu kliknięć (screen-only, na górze raportu) */ #tab-audyt-sklepu .au-suggest-bar{padding-top:24px;} #tab-audyt-sklepu .au-suggest-bar .au-alert{margin-top:8px;align-items:center;} #tab-audyt-sklepu .au-recalc-btn{flex:none;margin-left:auto;background:var(--au-amber);color:#fff;border:0;border-radius:7px;padding:8px 16px;font-family:var(--au-font);font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s;white-space:nowrap;} #tab-audyt-sklepu .au-recalc-btn:hover{opacity:.85;} #tab-audyt-sklepu .au-err{margin-top:16px;padding:12px 14px;border-radius:8px;background:var(--au-vr-bg);border:1px solid rgba(230,51,42,.3);color:var(--au-text);font-size:13px;line-height:1.5;} @keyframes auspin{to{transform:rotate(360deg);}} /* ============================================================ STATE: LOADING (dark) ============================================================ */ #tab-audyt-sklepu .au-loading{display:none;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:40px;text-align:center;} #tab-audyt-sklepu .au-loading.on{display:flex;} #tab-audyt-sklepu .au-loading .logo{color:var(--au-vr);margin-bottom:26px;animation:aupulse 1.8s ease-in-out infinite;} @keyframes aupulse{0%,100%{opacity:.55;}50%{opacity:1;}} #tab-audyt-sklepu .au-loading h2{font-weight:800;font-size:21px;letter-spacing:-.02em;color:var(--au-text);margin:0;} #tab-audyt-sklepu .au-progress{width:320px;max-width:80vw;height:3px;border-radius:2px;background:var(--au-surface-3);overflow:hidden;margin:22px 0 16px;} #tab-audyt-sklepu .au-progress > i{display:block;height:100%;width:0;border-radius:2px;background:var(--au-vr);transition:width .4s ease;} #tab-audyt-sklepu .au-loading .step{font-size:13px;color:var(--au-text-3);font-variant-numeric:tabular-nums;} /* ============================================================ STATE: REPORT (light / white) ============================================================ */ #tab-audyt-sklepu .au-report{display:none;} #tab-audyt-sklepu .au-report.on{display:block;} /* topbar (sticky, ink) */ #tab-audyt-sklepu .au-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;height:56px;padding:0 28px;background:var(--au-ink);} #tab-audyt-sklepu .au-topbar .left{display:flex;align-items:center;gap:14px;min-width:0;} #tab-audyt-sklepu .au-topbar .wm{font-weight:800;font-size:16px;letter-spacing:-.02em;color:#fff;} #tab-audyt-sklepu .au-topbar .sep{width:1px;height:18px;background:rgba(255,255,255,.18);} #tab-audyt-sklepu .au-topbar .fn{font-size:12px;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #tab-audyt-sklepu .au-topbar .right{display:flex;align-items:center;gap:9px;flex:none;} #tab-audyt-sklepu .au-tb-btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--au-font);font-size:13px;font-weight:600;border-radius:7px;cursor:pointer;padding:8px 14px;transition:background .15s,border-color .15s;white-space:nowrap;} #tab-audyt-sklepu .au-tb-btn.ghost{background:transparent;color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.22);} #tab-audyt-sklepu .au-tb-btn.ghost:hover{background:rgba(255,255,255,.08);color:#fff;} #tab-audyt-sklepu .au-tb-btn.soft{background:rgba(255,255,255,.1);color:#fff;border:1px solid transparent;} #tab-audyt-sklepu .au-tb-btn.soft:hover{background:rgba(255,255,255,.16);} /* ── Ranking kampanii (sekcja v3 — pełny format pliku) ─────────────── */ #tab-audyt-sklepu .au-camp-recos{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:22px 0 8px;} #tab-audyt-sklepu .au-camp-recos .au-cmp-pill{padding:16px 18px;border-radius:10px;border:1px solid var(--au-ink-10);} #tab-audyt-sklepu .au-camp-recos .au-cmp-pill.better{background:var(--au-green-bg);border-color:rgba(26,107,60,.35);} #tab-audyt-sklepu .au-camp-recos .au-cmp-pill.worse{background:var(--au-vr-bg);border-color:rgba(230,51,42,.35);} #tab-audyt-sklepu .au-camp-recos .au-cmp-pill .lbl{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--au-ink-50);} #tab-audyt-sklepu .au-camp-recos .au-cmp-pill.better .lbl{color:var(--au-green);} #tab-audyt-sklepu .au-camp-recos .au-cmp-pill.worse .lbl{color:var(--au-vr);} #tab-audyt-sklepu .au-camp-recos .au-cmp-pill .nm{font-size:15px;font-weight:700;color:var(--au-ink);margin:6px 0 8px;line-height:1.3;} #tab-audyt-sklepu .au-camp-recos .au-cmp-pill .vals{font-size:12.5px;color:var(--au-ink-70);font-variant-numeric:tabular-nums;} #tab-audyt-sklepu .au-camp-recos .au-cmp-pill .vals b{font-weight:800;color:var(--au-ink);} #tab-audyt-sklepu .au-camp-recos .au-cmp-pill.better .vals b{color:var(--au-green);} #tab-audyt-sklepu .au-camp-recos .au-cmp-pill.worse .vals b{color:var(--au-vr);} /* Tabela kampanii — akordeon: nagłówek + body z grupami */ #tab-audyt-sklepu .au-camp-tbl{table-layout:fixed;} #tab-audyt-sklepu .au-camp-tbl thead th.tog{width:32px;} #tab-audyt-sklepu .au-camp-tbl thead th:nth-child(2){width:42px;} #tab-audyt-sklepu .au-camp-tbl thead th:nth-child(3){width:auto;} #tab-audyt-sklepu .au-camp-tbl thead th.num{width:12%;} #tab-audyt-sklepu .au-acc-camp-row{cursor:pointer;transition:background .15s;} #tab-audyt-sklepu .au-acc-camp-row.nogroups{cursor:default;} #tab-audyt-sklepu .au-acc-camp-row > td{padding:14px 14px;} #tab-audyt-sklepu .au-acc-camp-row:hover{background:var(--au-vr-bg);} #tab-audyt-sklepu .au-acc-camp-row .tog{width:32px;text-align:center;} #tab-audyt-sklepu .au-acc-camp-row .chev{display:inline-block;color:var(--au-ink-50);font-size:14px;transition:transform .15s;} #tab-audyt-sklepu .au-acc-camp-row.open .chev{transform:rotate(90deg);color:var(--au-vr);} #tab-audyt-sklepu .au-acc-camp-row .offer{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #tab-audyt-sklepu .au-acc-camp-row .offer .sub{font-size:11px;font-weight:500;color:var(--au-ink-50);margin-top:3px;} #tab-audyt-sklepu .au-acc-camp-row td.roas{font-weight:700;} #tab-audyt-sklepu .au-acc-camp-row td.roas.roas-high{color:var(--au-green);} #tab-audyt-sklepu .au-acc-camp-row td.roas.roas-low{color:var(--au-vr);} #tab-audyt-sklepu .au-acc-camp-body{display:none;} #tab-audyt-sklepu .au-acc-camp-body.open{display:table-row-group;} #tab-audyt-sklepu .au-acc-grp-row > td{padding:10px 14px;background:#FAF9F6;color:var(--au-ink-50);font-size:12.5px;border-top:1px solid var(--au-ink-10);} #tab-audyt-sklepu .au-acc-grp-row .offer{color:var(--au-ink-70);} #tab-audyt-sklepu .au-acc-grp-row .offer .sub{font-size:10.5px;color:var(--au-ink-50);} #tab-audyt-sklepu .au-acc-grp-row .roas-high{color:var(--au-green);font-weight:700;} #tab-audyt-sklepu .au-acc-grp-row .roas-low{color:var(--au-vr);font-weight:700;} /* Badge jakości pliku (masthead) */ #tab-audyt-sklepu .au-fmt-badge{display:inline-block;margin-left:8px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;vertical-align:middle;} #tab-audyt-sklepu .au-fmt-badge.ok{background:var(--au-green-bg);color:var(--au-green);border:1px solid rgba(26,107,60,.35);} #tab-audyt-sklepu .au-fmt-badge.warn{background:rgba(181,107,0,.12);color:var(--au-amber);border:1px solid rgba(181,107,0,.35);} #tab-audyt-sklepu .au-tb-btn.primary{background:var(--au-vr);color:#fff;border:1px solid transparent;} #tab-audyt-sklepu .au-tb-btn.primary:hover{background:var(--au-vr-2);} #tab-audyt-sklepu .au-tb-btn:disabled, #tab-audyt-sklepu .au-tb-btn[disabled]{opacity:.6;cursor:wait;} /* masthead (DARK ink cover) */ #tab-audyt-sklepu .au-masthead{position:relative;overflow:hidden;background:var(--au-ink);padding:44px 60px 38px;} #tab-audyt-sklepu .au-masthead .mh-wm{position:absolute;top:-90px;right:-70px;width:360px;height:360px;pointer-events:none;opacity:.05;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("/static/logo_symbol_red.svg");} #tab-audyt-sklepu .au-mh-inner{position:relative;z-index:1;max-width:1140px;margin:0 auto;} #tab-audyt-sklepu .au-mh-eye{font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--au-vr);} #tab-audyt-sklepu .au-mh-h1{font-weight:800;font-size:54px;line-height:1.08;letter-spacing:-.035em;color:#fff;margin:16px 0 0;} #tab-audyt-sklepu .au-mh-h1 em{font-style:italic;color:var(--au-lightred);} #tab-audyt-sklepu .au-mh-company{font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--au-lightred);margin-top:20px;} #tab-audyt-sklepu .au-mh-sub{font-size:13px;color:rgba(255,255,255,.45);margin-top:10px;max-width:74ch;line-height:1.55;} #tab-audyt-sklepu .au-mh-meta{display:flex;flex-wrap:wrap;gap:34px;margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.10);} #tab-audyt-sklepu .au-mh-meta .item{display:flex;flex-direction:column;gap:6px;} #tab-audyt-sklepu .au-mh-meta .item strong{font-size:15px;font-weight:800;letter-spacing:-.02em;color:rgba(255,255,255,.92);font-variant-numeric:tabular-nums;} #tab-audyt-sklepu .au-mh-meta .item span{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.4);} /* container + sections + ring watermark */ #tab-audyt-sklepu .au-container{position:relative;max-width:1140px;margin:0 auto;padding:0 40px;} #tab-audyt-sklepu .au-container::before{content:'';position:absolute;top:-50px;right:-90px;width:340px;height:340px;pointer-events:none;z-index:0;opacity:.05;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("/static/logo_symbol_red.svg");} #tab-audyt-sklepu .au-section{position:relative;z-index:1;padding:48px 0;border-bottom:1px solid var(--au-ink-10);} #tab-audyt-sklepu .au-section:last-of-type{border-bottom:0;} #tab-audyt-sklepu .au-sec-title{display:flex;align-items:center;gap:13px;font-weight:800;font-size:16px;letter-spacing:.13em;text-transform:uppercase;color:var(--au-ink);margin:0 0 4px;} #tab-audyt-sklepu .au-sec-title::before{content:'';width:24px;height:2px;background:var(--au-vr);flex:none;} #tab-audyt-sklepu .au-sec-title.red{color:var(--au-vr);} #tab-audyt-sklepu .au-sec-title.red::before{background:var(--au-vr);} #tab-audyt-sklepu .au-sec-title.green{color:var(--au-green);} #tab-audyt-sklepu .au-sec-title.green::before{background:var(--au-green);} /* internal-only flag for handlowiec (sekcja 2) */ #tab-audyt-sklepu .au-internal-flag{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--au-amber);background:var(--au-amber-bg);border:1px solid rgba(181,107,0,.3);padding:5px 10px;border-radius:6px;margin-bottom:14px;} /* red summary bar (signature SUMA-belka) */ #tab-audyt-sklepu .au-summary{position:relative;overflow:hidden;background:var(--au-vr);color:#fff;border-radius:10px;margin-top:24px;padding:24px 28px;display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:20px;align-items:center;} #tab-audyt-sklepu .au-summary .wm{position:absolute;top:-90px;right:-70px;width:280px;height:280px;opacity:.16;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("/static/logo_symbol_white.svg");} #tab-audyt-sklepu .au-summary .blk{position:relative;z-index:1;} #tab-audyt-sklepu .au-summary .hl{font-weight:800;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.85);margin-bottom:7px;} #tab-audyt-sklepu .au-summary .total{font-weight:800;font-size:30px;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;} #tab-audyt-sklepu .au-summary .lbl{font-weight:700;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.78);margin-bottom:7px;} #tab-audyt-sklepu .au-summary .val{font-weight:800;font-size:22px;letter-spacing:-.025em;line-height:1;font-variant-numeric:tabular-nums;} /* KPI grid */ #tab-audyt-sklepu .au-kpi{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--au-ink-10);border:1px solid var(--au-ink-10);border-radius:10px;overflow:hidden;margin-top:26px;} #tab-audyt-sklepu .au-kpi .cell{background:var(--au-bg-white);padding:18px 18px 16px;} #tab-audyt-sklepu .au-kpi .k{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--au-ink-50);line-height:1.3;min-height:26px;} #tab-audyt-sklepu .au-kpi .v{font-weight:800;font-size:24px;letter-spacing:-.02em;color:var(--au-ink);margin-top:8px;font-variant-numeric:tabular-nums;} #tab-audyt-sklepu .au-kpi .v.green{color:var(--au-green);} #tab-audyt-sklepu .au-kpi .v.red{color:var(--au-vr);} #tab-audyt-sklepu .au-kpi .s{font-size:11px;color:var(--au-ink-50);margin-top:6px;font-variant-numeric:tabular-nums;} #tab-audyt-sklepu .au-kpi .s.red{color:var(--au-vr);font-weight:600;} /* alerts (light section) */ #tab-audyt-sklepu .au-alert{display:flex;gap:6px;flex-wrap:wrap;align-items:baseline;border-radius:10px;padding:16px 20px;margin-top:24px;font-size:14px;line-height:1.6;border-left:4px solid;} #tab-audyt-sklepu .au-alert.red{background:var(--au-vr-bg);border-color:var(--au-vr);color:var(--au-ink-70);} #tab-audyt-sklepu .au-alert.red b{color:var(--au-vr);font-weight:700;} #tab-audyt-sklepu .au-alert.amber{background:var(--au-amber-bg);border-color:var(--au-amber);color:var(--au-ink-70);} #tab-audyt-sklepu .au-alert.amber b{color:var(--au-amber);font-weight:700;} #tab-audyt-sklepu .au-alert.green{background:var(--au-green-bg);border-color:var(--au-green);color:var(--au-ink-70);} #tab-audyt-sklepu .au-alert.green b{color:var(--au-green);font-weight:700;} /* chart cards */ #tab-audyt-sklepu .au-charts{display:grid;gap:20px;margin-top:24px;} #tab-audyt-sklepu .au-charts.c21{grid-template-columns:2fr 1fr;} #tab-audyt-sklepu .au-charts.c11{grid-template-columns:1fr 1fr;} #tab-audyt-sklepu .au-charts.c3{grid-template-columns:repeat(3,1fr);} /* Grid item musi mieć min-width:0 żeby canvas Chart.js nie rozpychał kolumny */ #tab-audyt-sklepu .au-charts > *{min-width:0;} #tab-audyt-sklepu .au-chart-card{background:var(--au-bg-white);border:1px solid var(--au-ink-10);border-radius:12px;padding:22px 24px;overflow:hidden;} #tab-audyt-sklepu .au-chart-card h3{font-weight:700;font-size:16px;color:var(--au-ink);margin:0 0 18px;letter-spacing:-.01em;} #tab-audyt-sklepu .au-chart-box{position:relative;height:300px;width:100%;} #tab-audyt-sklepu .au-chart-box canvas{max-width:100% !important;} #tab-audyt-sklepu .au-chart-box.tall{height:360px;} /* budget split */ #tab-audyt-sklepu .au-split{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--au-ink-10);border:1px solid var(--au-ink-10);border-radius:12px;overflow:hidden;margin-top:20px;} #tab-audyt-sklepu .au-split .pane{background:var(--au-bg-white);padding:24px 26px;} #tab-audyt-sklepu .au-split .k{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--au-ink-50);} #tab-audyt-sklepu .au-split .v{font-weight:800;font-size:32px;letter-spacing:-.02em;margin:12px 0 6px;font-variant-numeric:tabular-nums;} #tab-audyt-sklepu .au-split .v.green{color:var(--au-green);} #tab-audyt-sklepu .au-split .v.red{color:var(--au-vr);} #tab-audyt-sklepu .au-split .pct{font-size:13px;font-weight:600;color:var(--au-ink-70);font-variant-numeric:tabular-nums;} #tab-audyt-sklepu .au-split .desc{font-size:12.5px;color:var(--au-ink-50);margin-top:12px;} /* Miejsca emisji (#4) */ #tab-audyt-sklepu .au-sec-intro{font-size:13px;color:var(--au-ink-70);margin:18px 0 4px;line-height:1.5;} #tab-audyt-sklepu .au-emis-tbl{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:16px;} #tab-audyt-sklepu .au-emis-tbl th{text-align:left;padding:9px 12px;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--au-ink-50);border-bottom:2px solid var(--au-ink-10);} #tab-audyt-sklepu .au-emis-tbl th.num,#tab-audyt-sklepu .au-emis-tbl td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;} #tab-audyt-sklepu .au-emis-tbl td{padding:11px 12px;border-bottom:1px solid var(--au-ink-10);} #tab-audyt-sklepu .au-emis-tbl tbody tr:last-child td{border-bottom:0;} #tab-audyt-sklepu .au-emis-tbl tr.au-emis-gray td{color:var(--au-ink-50);background:rgba(20,20,20,.03);} #tab-audyt-sklepu .au-emis-bar{display:inline-block;width:54px;height:6px;border-radius:3px;background:var(--au-ink-10);margin-right:8px;vertical-align:middle;overflow:hidden;} #tab-audyt-sklepu .au-emis-fill{display:block;height:100%;background:var(--au-vr);} #tab-audyt-sklepu .au-emis-fill.gray{background:var(--au-ink-50);} /* comparison pills (sekcja 2 — screen-only) */ #tab-audyt-sklepu .au-cmp{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px;} #tab-audyt-sklepu .au-cmp-pill{background:var(--au-bg-white);border:1px solid var(--au-ink-10);border-radius:12px;padding:22px 24px;} #tab-audyt-sklepu .au-cmp-pill .metric{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--au-ink-50);} #tab-audyt-sklepu .au-cmp-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;} #tab-audyt-sklepu .au-cmp-col .lbl{font-size:11px;color:var(--au-ink-50);margin-bottom:6px;} #tab-audyt-sklepu .au-cmp-col .val{font-weight:800;font-size:30px;letter-spacing:-.02em;color:var(--au-ink);font-variant-numeric:tabular-nums;line-height:1;} #tab-audyt-sklepu .au-cmp-col.them .val{color:var(--au-ink-50);} #tab-audyt-sklepu .au-cmp-col .rule{height:3px;border-radius:2px;margin-top:10px;} #tab-audyt-sklepu .au-cmp-col.you .rule{background:var(--au-ink);} #tab-audyt-sklepu .au-cmp-col.them .rule{background:var(--au-ink-20);} #tab-audyt-sklepu .au-cmp-delta{margin-top:18px;padding-top:16px;border-top:1px solid var(--au-ink-10);font-weight:700;font-size:16px;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:8px;} #tab-audyt-sklepu .au-cmp-delta.worse{color:var(--au-vr);} #tab-audyt-sklepu .au-cmp-delta.better{color:var(--au-green);} #tab-audyt-sklepu .au-cmp-delta .tag{font-size:12px;font-weight:600;color:var(--au-ink-50);} #tab-audyt-sklepu .au-cmp-note{margin-top:20px;background:var(--au-ink-10);border-radius:8px;padding:13px 16px;font-size:11.5px;color:var(--au-ink-50);line-height:1.6;} #tab-audyt-sklepu .au-cmp-note b{color:var(--au-ink-70);font-weight:600;} /* #B — nasz budżet w kategorii (screen-only, w sekcji porównania) */ #tab-audyt-sklepu .au-cmp-budget{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-top:18px;padding:16px 20px;background:var(--au-bg-white);border:1px solid var(--au-ink-10);border-radius:10px;} #tab-audyt-sklepu .au-cmp-budget .lbl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--au-ink-50);} #tab-audyt-sklepu .au-cmp-budget .lbl .hint{font-weight:600;text-transform:none;letter-spacing:0;color:var(--au-ink-50);} #tab-audyt-sklepu .au-cmp-budget .val{font-weight:800;font-size:24px;letter-spacing:-.02em;color:var(--au-ink);font-variant-numeric:tabular-nums;line-height:1;margin-left:auto;} #tab-audyt-sklepu .au-cmp-budget .sub{font-size:11.5px;color:var(--au-ink-50);} /* data tables (light) */ #tab-audyt-sklepu .au-tbl-title{font-weight:700;font-size:16px;color:var(--au-ink);margin:30px 0 14px;letter-spacing:-.01em;} #tab-audyt-sklepu .au-tbl-wrap{border:1px solid var(--au-ink-10);border-radius:12px;overflow:hidden;} #tab-audyt-sklepu table.au-tbl{width:100%;border-collapse:collapse;font-size:13.5px;table-layout:fixed;} #tab-audyt-sklepu .au-tbl thead th:first-child{width:48px;} /* # */ #tab-audyt-sklepu .au-tbl thead th.num{width:11%;} /* kolumny numeryczne */ #tab-audyt-sklepu .au-tbl tbody td.offer{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #tab-audyt-sklepu .au-tbl thead th{background:var(--au-bg-white);text-align:left;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--au-ink-50);padding:11px 14px;white-space:nowrap;border-bottom:2px solid var(--au-ink);} #tab-audyt-sklepu .au-tbl th.num,#tab-audyt-sklepu .au-tbl td.num{text-align:right;font-variant-numeric:tabular-nums;} #tab-audyt-sklepu .au-tbl tbody td{padding:11px 14px;border-bottom:1px solid var(--au-ink-10);color:var(--au-ink);vertical-align:middle;} #tab-audyt-sklepu .au-tbl tbody tr:nth-child(odd) td{background:rgba(20,20,20,.02);} #tab-audyt-sklepu .au-tbl .idx{color:var(--au-ink-50);font-variant-numeric:tabular-nums;width:1%;} #tab-audyt-sklepu .au-tbl .offer{color:var(--au-ink);font-weight:500;max-width:440px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #tab-audyt-sklepu .au-tbl .roas{font-weight:800;color:var(--au-vr);font-variant-numeric:tabular-nums;} #tab-audyt-sklepu .au-tbl .sales{font-weight:800;color:var(--au-ink);font-variant-numeric:tabular-nums;} #tab-audyt-sklepu .au-tbl .cost{color:var(--au-vr);font-variant-numeric:tabular-nums;} #tab-audyt-sklepu .au-tbl .amber{color:var(--au-amber);font-weight:600;} /* Tabele porównania okresów (secCompare): nagłówki typu „Sprzedaż poprzednio" nie mieszczą się w 11% przy nowrap (nachodziły na siebie) → pozwól łamać + szersze kolumny num. .au-cmp-camp: tabela kampanii nie ma kolumny „#" — bez tego first-child(48px) zgniatał kolumnę z nazwą kampanii. */ #tab-audyt-sklepu .au-tbl.au-cmp-tbl thead th{white-space:normal;} #tab-audyt-sklepu .au-tbl.au-cmp-tbl thead th.num{width:14%;} #tab-audyt-sklepu .au-tbl.au-cmp-camp thead th:first-child{width:auto;} #tab-audyt-sklepu .au-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap;} #tab-audyt-sklepu .au-badge.star{color:var(--au-green);background:var(--au-green-bg);} #tab-audyt-sklepu .au-badge.good{color:var(--au-green);background:rgba(26,107,60,.08);} #tab-audyt-sklepu .au-badge.watch{color:var(--au-amber);background:var(--au-amber-bg);} /* accordion (Top 20 pożeracze) */ #tab-audyt-sklepu .au-acc{border:1px solid var(--au-ink-10);border-radius:12px;overflow:hidden;} #tab-audyt-sklepu table.au-acc-tbl{width:100%;border-collapse:collapse;font-size:13.5px;table-layout:fixed;} #tab-audyt-sklepu .au-acc-tbl thead th.tog{width:36px;} #tab-audyt-sklepu .au-acc-tbl thead th.num{width:11%;} /* kolumny numeryczne 5×11%=55% */ #tab-audyt-sklepu .au-acc-tbl thead th:nth-child(2){width:auto;} /* nazwa oferty = reszta */ #tab-audyt-sklepu .au-acc-tbl thead th{background:var(--au-bg-white);text-align:left;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--au-ink-50);padding:11px 14px;white-space:nowrap;border-bottom:2px solid var(--au-ink);} #tab-audyt-sklepu .au-acc-tbl th.num,#tab-audyt-sklepu .au-acc-tbl td.num{text-align:right;font-variant-numeric:tabular-nums;} #tab-audyt-sklepu .au-acc-tbl th.tog,#tab-audyt-sklepu .au-acc-tbl td.tog{width:1%;padding-left:18px;padding-right:4px;} #tab-audyt-sklepu .au-acc-offer-row{cursor:pointer;transition:background .14s;} #tab-audyt-sklepu .au-acc-offer-row:hover{background:#FAF9F6;} #tab-audyt-sklepu .au-acc-offer-row.open{background:var(--au-ink-10);} #tab-audyt-sklepu .au-acc-offer-row > td{padding:13px 16px;border-top:1px solid var(--au-ink-10);color:var(--au-ink-70);vertical-align:middle;} #tab-audyt-sklepu .au-acc-offer-row:first-child > td{border-top:0;} #tab-audyt-sklepu .au-acc-tog{color:var(--au-ink-50);transition:transform .15s;display:inline-block;} #tab-audyt-sklepu .au-acc-offer-row.open .au-acc-tog{transform:rotate(90deg);} #tab-audyt-sklepu .au-acc-offer-name{color:var(--au-ink);font-weight:500;display:flex;align-items:center;gap:9px;max-width:460px;} #tab-audyt-sklepu .au-acc-offer-name .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #tab-audyt-sklepu .au-emis-badge{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:var(--au-ink-50);background:var(--au-ink-10);border-radius:5px;padding:2px 8px;} #tab-audyt-sklepu .au-emis-body{display:none;} #tab-audyt-sklepu .au-emis-body.open{display:table-row-group;} #tab-audyt-sklepu .au-emis-row > td{padding:10px 16px;border-top:1px solid var(--au-ink-10);background:#FAF9F6;color:var(--au-ink-50);font-size:12.5px;vertical-align:middle;} #tab-audyt-sklepu .au-emis-row .ename{padding-left:44px;color:var(--au-ink-70);} #tab-audyt-sklepu .au-emis-row.dom .ename{font-weight:700;color:var(--au-ink);} #tab-audyt-sklepu .au-emis-row.dom .ecost{font-weight:700;color:var(--au-vr);} #tab-audyt-sklepu .au-dom-badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:var(--au-vr);background:var(--au-vr-bg);border-radius:999px;padding:2px 9px;margin-left:9px;} #tab-audyt-sklepu .au-dom-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--au-vr);} #tab-audyt-sklepu .au-emis-pct{color:var(--au-ink-50);font-weight:400;font-size:11.5px;margin-left:5px;} /* plan grid (sekcja 5) */ #tab-audyt-sklepu .au-plan{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px;} #tab-audyt-sklepu .au-plan-card{position:relative;overflow:hidden;background:var(--au-bg-white);border:1px solid var(--au-ink-10);border-radius:12px;padding:24px 24px 22px;} #tab-audyt-sklepu .au-plan-card .bignum{position:absolute;top:14px;right:20px;font-weight:800;font-size:38px;letter-spacing:-.03em;opacity:.14;} #tab-audyt-sklepu .au-plan-card.vr .bignum{color:var(--au-vr);} #tab-audyt-sklepu .au-plan-card.green .bignum{color:var(--au-green);} #tab-audyt-sklepu .au-plan-card.amber .bignum{color:var(--au-amber);} #tab-audyt-sklepu .au-plan-card .period{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;} #tab-audyt-sklepu .au-plan-card.vr .period{color:var(--au-vr);} #tab-audyt-sklepu .au-plan-card.green .period{color:var(--au-green);} #tab-audyt-sklepu .au-plan-card.amber .period{color:var(--au-amber);} #tab-audyt-sklepu .au-plan-card .ptitle{font-weight:700;font-size:17px;color:var(--au-ink);margin:7px 0 12px;letter-spacing:-.01em;} #tab-audyt-sklepu .au-plan-card .ptext{font-size:12px;color:var(--au-ink-50);line-height:1.6;} #tab-audyt-sklepu .au-plan-card .ptext strong{color:var(--au-ink);font-weight:600;} #tab-audyt-sklepu .au-plan-out{border-radius:8px;padding:11px 14px;margin-top:16px;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;} #tab-audyt-sklepu .au-plan-card.vr .au-plan-out{background:var(--au-vr-bg);color:var(--au-vr);} #tab-audyt-sklepu .au-plan-card.green .au-plan-out{background:var(--au-green-bg);color:var(--au-green);} #tab-audyt-sklepu .au-plan-card.amber .au-plan-out{background:var(--au-amber-bg);color:var(--au-amber);} /* brief marketingowy (ink on white) */ #tab-audyt-sklepu .au-brief{position:relative;overflow:hidden;background:var(--au-ink);border-radius:14px;padding:40px 48px;margin:26px 0 0;} #tab-audyt-sklepu .au-brief::before{content:'';position:absolute;top:-80px;right:-60px;width:360px;height:360px;pointer-events:none;opacity:.05;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("/static/logo_symbol_white.svg");} #tab-audyt-sklepu .au-brief .inner{position:relative;z-index:1;} #tab-audyt-sklepu .au-brief h2{font-weight:800;font-size:22px;color:#fff;margin:0;letter-spacing:-.01em;} #tab-audyt-sklepu .au-brief .bsub{font-size:12px;color:rgba(255,255,255,.45);margin-top:6px;} #tab-audyt-sklepu .au-brief-steps{margin-top:28px;} #tab-audyt-sklepu .au-brief-step{display:flex;gap:18px;padding:20px 0;border-top:1px solid rgba(255,255,255,.07);} #tab-audyt-sklepu .au-brief-step:first-child{border-top:0;padding-top:6px;} #tab-audyt-sklepu .au-brief-num{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;} #tab-audyt-sklepu .au-brief-step .bmain{flex:1;min-width:0;} #tab-audyt-sklepu .au-brief-step .btitle{font-size:16px;font-weight:700;color:#fff;} #tab-audyt-sklepu .au-brief-step .btext{font-size:13px;color:rgba(255,255,255,.52);line-height:1.7;margin-top:7px;} #tab-audyt-sklepu .au-brief-step .btext strong{color:var(--au-lightred);font-weight:600;} /* footer */ #tab-audyt-sklepu .au-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;max-width:1140px;margin:0 auto;padding:18px 40px 40px;font-size:11px;color:var(--au-ink-50);font-variant-numeric:tabular-nums;} /* ── Responsive ─────────────────────────────────────────────── */ @media (max-width:900px){ #tab-audyt-sklepu .au-kpi{grid-template-columns:repeat(2,1fr);} #tab-audyt-sklepu .au-charts.c21, #tab-audyt-sklepu .au-charts.c11, #tab-audyt-sklepu .au-charts.c3, #tab-audyt-sklepu .au-cmp, #tab-audyt-sklepu .au-plan, #tab-audyt-sklepu .au-split{grid-template-columns:1fr;} #tab-audyt-sklepu .au-mh-h1{font-size:38px;} #tab-audyt-sklepu .au-masthead, #tab-audyt-sklepu .au-container, #tab-audyt-sklepu .au-footer{padding-left:20px;padding-right:20px;} } /* ── Print (PDF export) ─────────────────────────────────────── */ @media print { /* Ukryj globalne UI apki (sidebar shell) + state'y poza raportem + sekcję screen-only (porównanie z naszymi klientami) */ body > #tipBox, body > .cell-tip, .app-shell .sidebar, .app-shell .content-topbar, .sb-tooltip, .tab-content:not(#tab-audyt-sklepu), #tab-audyt-sklepu .au-upload-wrap, #tab-audyt-sklepu .au-loading, #tab-audyt-sklepu .au-topbar, #tab-audyt-sklepu .au-screen-only { display: none !important; } body{background:#fff !important;} #tab-audyt-sklepu{background:#fff !important;} #tab-audyt-sklepu .au-report{display:block !important;} #tab-audyt-sklepu .au-section{page-break-inside:auto;padding:32px 0;} #tab-audyt-sklepu .au-chart-card, #tab-audyt-sklepu .au-plan-card, #tab-audyt-sklepu .au-cmp-pill, #tab-audyt-sklepu .au-tbl-wrap, #tab-audyt-sklepu .au-acc, #tab-audyt-sklepu .au-brief, #tab-audyt-sklepu .au-split, #tab-audyt-sklepu .au-kpi, #tab-audyt-sklepu .au-summary{page-break-inside:avoid;} #tab-audyt-sklepu .au-masthead, #tab-audyt-sklepu .au-summary, #tab-audyt-sklepu .au-brief, #tab-audyt-sklepu .au-topbar{-webkit-print-color-adjust:exact;print-color-adjust:exact;} @page{margin:14mm;} } /* ── Light theme — TYLKO ekran upload/loading (dark context). Raport (.au-report-mode) zostaje brand-locked biały niezależnie od theme. ── */ [data-theme="light"] #tab-audyt-sklepu{ --au-bg:#F6F6F7; --au-surface:#FFFFFF; --au-surface-2:#F2F2F3; --au-surface-3:#E5E5E8; --au-text:#141414; --au-text-2:#5B5E66; --au-text-3:#8B8E96; --au-rule:rgba(20,20,20,.08); --au-rule-2:rgba(20,20,20,.12); }