:root{--blue:#173f5f;--dark:#102f49;--gold:#d4a72c;--bg:#f4f6f8;--text:#26323a;--muted:#6b7780;--line:#dfe5e9;--good:#19733b;--warn:#9b6500}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text)}header{background:linear-gradient(135deg,var(--dark),var(--blue));color:#fff;padding:20px 24px}header h1{margin:0;font-size:24px}.wrap{max-width:1440px;margin:auto;padding:22px}.toolbar,.card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 16px rgba(16,47,73,.06)}.toolbar{padding:14px;display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:18px}label{font-size:12px;font-weight:700;color:var(--muted);display:block;margin-bottom:5px}input,select,button{height:40px;border:1px solid #cfd8de;border-radius:8px;padding:0 11px;background:#fff}button,.btn{background:var(--blue);color:#fff;border:0;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;padding:0 15px;border-radius:8px;height:40px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric{padding:18px}.metric span{font-size:12px;color:var(--muted);font-weight:700}.metric strong{display:block;font-size:25px;margin-top:8px}.card{padding:18px;margin-bottom:18px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:11px 9px;border-bottom:1px solid var(--line);text-align:right}th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-size:12px}.warning{background:#fff8e7;border:1px solid #f0d894;color:#725000;padding:12px 14px;border-radius:9px;margin-bottom:16px}.value-note{margin:-4px 0 16px;color:var(--muted);font-size:13px}.nav{display:flex;gap:8px;margin-top:12px}.nav a{color:#fff;text-decoration:none;font-weight:700;font-size:14px}.amount-tooltip{position:relative;display:inline-block;color:inherit;border-bottom:1px dotted rgba(23,63,95,.55);cursor:help;outline:none}.amount-tooltip::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 9px);transform:translate(-50%,4px);min-width:max-content;padding:7px 10px;border-radius:7px;background:var(--dark);color:#fff;font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap;box-shadow:0 7px 20px rgba(16,47,73,.22);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,transform .15s ease,visibility .15s;z-index:30}.amount-tooltip::before{content:"";position:absolute;left:50%;bottom:calc(100% + 3px);transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--dark);opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s;z-index:31}.amount-tooltip:hover::after,.amount-tooltip:focus::after{opacity:1;visibility:visible;transform:translate(-50%,0)}.amount-tooltip:hover::before,.amount-tooltip:focus::before{opacity:1;visibility:visible}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.table-wrap{overflow-x:auto}}@media(max-width:520px){.grid{grid-template-columns:1fr}.wrap{padding:12px}.amount-tooltip::after{left:auto;right:0;transform:translateY(4px)}.amount-tooltip:hover::after,.amount-tooltip:focus::after{transform:translateY(0)}}
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:8px}.section-heading h2{margin:0 0 5px}.section-heading p{margin:0;color:var(--muted);font-size:13px}.section-total{text-align:right;white-space:nowrap;padding:2px 0 0}.section-total span{display:block;color:var(--muted);font-size:12px;font-weight:700;margin-bottom:5px}.section-total strong{font-size:20px}.auxiliary-items tfoot th{color:var(--text);font-size:13px;background:#f7f9fa}.needs-review td{background:#fffaf0}.review-badge{display:inline-block;margin-left:7px;padding:3px 7px;border-radius:999px;background:#fff0c8;color:#7a5200;font-size:11px;font-weight:700;vertical-align:middle}@media(max-width:620px){.section-heading{display:block}.section-total{text-align:left;margin-top:12px}.auxiliary-items table{min-width:560px}}

/* v0.2.0 – kampánycsoport-kezelő */
.nav a{padding:6px 0;border-bottom:2px solid transparent}.nav a.active{border-bottom-color:var(--gold)}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.page-heading h2{margin:0 0 6px;font-size:24px}.page-heading p{margin:0;color:var(--muted)}.shop-switcher{min-width:180px}.shop-switcher select{width:100%}
.flash{padding:13px 15px;border-radius:9px;margin-bottom:14px;border:1px solid transparent}.flash-success{background:#edf8f1;border-color:#bde2ca;color:#155d31}.flash-warning{background:#fff8e7;border-color:#f0d894;color:#725000}.flash-error{background:#fff0f0;border-color:#efc0c0;color:#8b2424}.success-box{background:#eef9f2;border:1px solid #c2e6ce;color:#175f34;padding:13px 15px;border-radius:9px}.muted-text,.sync-note{color:var(--muted);font-size:13px}
.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;align-items:end}.form-grid input,.form-grid select{width:100%}.form-grid-create{grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) minmax(150px,1fr) minmax(160px,1fr)}.form-span-2{grid-column:span 2}.form-span-3{grid-column:span 3}.form-action{display:flex;align-items:flex-end}.form-action button{width:100%;justify-content:center}
.assignment-toolbar{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(230px,1fr) minmax(220px,1fr) minmax(180px,.8fr);gap:12px;align-items:end;margin-bottom:12px}.assignment-toolbar input,.assignment-toolbar select{width:100%}.selection-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:5px 0 13px;color:var(--muted);font-size:13px}.btn-secondary{height:34px;background:#eaf0f4;color:var(--blue);border:1px solid #cbd9e2}.btn-link,.btn-danger-link{height:auto;padding:0;background:transparent;color:var(--blue);border:0}.btn-danger-link{color:#a33131}.btn-small{height:36px;font-size:13px;white-space:nowrap}
.category-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:580px;overflow:auto;padding:3px}.category-option{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease}.category-option:hover{border-color:#abc0ce;background:#fbfcfd}.category-option:has(input:checked){border-color:var(--blue);background:#f1f6f9}.category-option input{width:18px;height:18px;margin:2px 0 0;flex:0 0 auto}.category-option-main{min-width:0;flex:1}.category-option-main strong{display:block;font-size:14px;line-height:1.35}.category-option-main small{display:block;color:var(--muted);margin-top:4px}.assignment-note{display:block;color:#765800;background:#fff8df;border-radius:6px;padding:5px 7px;margin-top:7px;font-size:11px;line-height:1.35}.stock-mini{display:flex;flex-direction:column;align-items:flex-end;gap:3px;color:var(--muted);font-size:11px;white-space:nowrap}
.group-list{display:grid;grid-template-columns:1fr;gap:0}.group-card.is-inactive{opacity:.72}.group-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.group-title-line{display:flex;align-items:center;gap:9px}.group-title-line h2{margin:0}.group-card-header p{margin:5px 0 0;color:var(--muted);font-size:13px}.status-badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700}.status-active{background:#e8f5ed;color:#176037}.status-inactive{background:#eceff1;color:#68747c}.group-settings{display:grid;grid-template-columns:minmax(220px,2fr) minmax(90px,.5fr) minmax(150px,.8fr) minmax(130px,.7fr);gap:12px;align-items:end;padding:14px;background:#f7f9fa;border:1px solid var(--line);border-radius:9px}.group-settings input{width:100%}.group-active-field{height:40px;display:flex;align-items:center}.checkbox-line{display:flex;align-items:center;gap:8px;margin:0;color:var(--text);font-size:13px}.checkbox-line input{width:18px;height:18px}.rules-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.rule-chip{display:flex;align-items:center;gap:8px;border:1px solid #d6e0e6;background:#fff;border-radius:8px;padding:8px 8px 8px 10px}.rule-chip strong{display:block;font-size:13px}.rule-chip small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.icon-button{width:28px;height:28px;padding:0;border-radius:7px;background:#f4eaea;color:#9b2c2c;font-size:19px;line-height:1}.empty-state{width:100%;padding:12px;border:1px dashed #cbd5db;border-radius:8px;color:var(--muted);font-size:13px}.delete-group-form{margin-top:14px;text-align:right}
.campaign-report .section-heading{align-items:center}.wide-table{min-width:1100px}.wide-table td:first-child{min-width:210px}.table-note{display:block;margin-top:4px;color:var(--muted);font-weight:400;max-width:250px}.unassigned-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff8e7;border:1px solid #f0d894;border-radius:9px;padding:12px 14px;margin-top:13px}.unassigned-summary strong{display:block;color:#725000}.unassigned-summary span{display:block;color:#806831;font-size:12px;margin-top:3px}
@media(max-width:1050px){.form-grid-create,.assignment-toolbar,.group-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.form-span-3{grid-column:span 2}.category-picker{grid-template-columns:1fr}}
@media(max-width:700px){.page-heading{display:block}.shop-switcher{margin-top:14px}.form-grid-create,.assignment-toolbar,.group-settings{grid-template-columns:1fr}.form-span-2,.form-span-3{grid-column:span 1}.category-option{display:grid;grid-template-columns:auto 1fr}.stock-mini{grid-column:2;align-items:flex-start;flex-direction:row;flex-wrap:wrap}.section-heading .btn{margin-top:10px}.unassigned-summary{align-items:flex-start;flex-direction:column}.group-title-line{align-items:flex-start;flex-direction:column;gap:5px}}

.metric-detail{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.35}.metric-detail b{color:var(--text)}

/* Google Ads API – v0.3.0 */
.setup-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}
.setup-step {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    min-height: 116px;
    padding: 18px;
    border: 1px solid #d7e0e7;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 6px 20px rgba(16, 47, 73, .05);
}
.setup-step.is-ready { border-color: #a9cfb7; background: #f7fcf8; }
.setup-step.is-pending { border-color: #e5d5a4; background: #fffdf7; }
.setup-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 50%;
    background: #173f5f;
    color: #fff;
    font-weight: 800;
}
.setup-step strong { display: block; margin: 2px 0 6px; color: #102f49; }
.setup-step p { margin: 0 0 10px; color: #5c6b77; line-height: 1.45; }
.warning-card { border-left: 4px solid #d4a72c; }
.warning-card pre {
    display: inline-block;
    max-width: 100%;
    padding: 8px 10px;
    margin: 2px 0 8px;
    overflow: auto;
    border-radius: 8px;
    background: #eef3f6;
    color: #102f49;
}
.ads-account-form {
    grid-template-columns: 1.2fr 1fr 1fr 1fr auto auto;
    align-items: end;
}
.checkbox-line {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 8px;
    min-height: 42px;
}
.checkbox-line input { width: auto; }
.account-list { margin-top: 22px; border-top: 1px solid #dce4ea; }
.account-row {
    display: grid;
    grid-template-columns: 1.3fr 1fr auto;
    gap: 18px;
    align-items: center;
    padding: 16px 4px;
    border-bottom: 1px solid #dce4ea;
}
.account-row > div:first-child,
.account-meta { display: flex; flex-direction: column; gap: 4px; }
.account-row span { color: #63717d; font-size: .9rem; }
.account-actions { display: flex; gap: 8px; align-items: center; }
.status-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 700;
    white-space: nowrap;
}
.status-enabled { background: #e4f4e9; color: #23683a; }
.status-active { background: #e4f4e9; color: #23683a; }
.status-paused { background: #fff3d4; color: #7b5a05; }
.status-removed,.status-deleted,.status-archived { background: #f2e5e5; color: #873b3b; }
.empty-state {
    padding: 24px;
    border: 1px dashed #bfcbd4;
    border-radius: 12px;
    text-align: center;
    color: #667682;
    background: #f8fafb;
}
.text-link { color: #173f5f; font-weight: 700; text-decoration: underline; }
.ads-campaign-table th,
.ads-campaign-table td { white-space: nowrap; }
.ads-campaign-table td:first-child { white-space: normal; min-width: 260px; }

@media (max-width: 1050px) {
    .setup-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ads-account-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .account-row { grid-template-columns: 1fr; }
    .account-actions { justify-content: flex-start; }
}
@media (max-width: 640px) {
    .setup-grid { grid-template-columns: 1fr; }
    .ads-account-form { grid-template-columns: 1fr; }
    .setup-step { min-height: 0; }
}

/* v0.4.0 – élő Ads-kampányok és ERP-kategóriák összerendelése */
.campaign-assignment-toolbar{grid-template-columns:minmax(300px,1.5fr) minmax(230px,1fr) minmax(220px,1fr) minmax(210px,.9fr)}
.mapping-campaign-list{display:grid;gap:12px}.mapping-campaign-card{padding:16px;border:1px solid var(--line);border-radius:11px;background:#fff}.mapping-campaign-card.is-paused{background:#fffdf7}.mapping-campaign-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.mapping-campaign-header h3{margin:0;font-size:17px;color:var(--dark)}.mapping-campaign-header p{margin:6px 0 0;color:var(--muted);font-size:12px}.mapping-empty{margin-top:12px;padding:13px;text-align:left}.status-ads-only{background:#eef2f5;color:#586873}.mapping-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}.mapping-badge-linked{background:#e7f5eb;color:#176037}.mapping-badge-ads-only{background:#eef2f5;color:#5d6b75}.campaign-name-link{color:var(--dark);text-decoration:none}.campaign-name-link:hover{text-decoration:underline}.campaign-report-actions{display:flex;align-items:center;gap:15px}.weekly-campaign-table{min-width:1720px}.weekly-campaign-table td{white-space:nowrap}.weekly-campaign-table td:first-child{white-space:normal;min-width:260px}.weekly-campaign-table .erp-value-cell{min-width:175px}.weekly-campaign-table .table-note{max-width:260px}.mapping-campaign-card .rules-list{margin-top:12px}.mapping-campaign-card .rule-chip{background:#f9fbfc}
@media(max-width:1050px){.campaign-assignment-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.mapping-campaign-header{flex-direction:column}.campaign-report-actions{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.campaign-assignment-toolbar{grid-template-columns:1fr}.campaign-report-actions{width:100%}}

/* =========================================================
   v0.5.0 – prémium, reszponzív vizuális megújítás
   ========================================================= */
:root{
    --blue:#173f5f;
    --blue-2:#245b82;
    --dark:#102f49;
    --navy:#0b273d;
    --gold:#d4a72c;
    --gold-soft:#f7efda;
    --bg:#eef3f6;
    --surface:#ffffff;
    --surface-soft:#f7fafc;
    --text:#172a38;
    --muted:#667884;
    --line:#dce5eb;
    --line-strong:#cbd8e0;
    --good:#17804b;
    --good-soft:#e8f6ee;
    --warn:#a86d00;
    --warn-soft:#fff4d7;
    --danger:#b64242;
    --danger-soft:#fcecec;
    --shadow-sm:0 3px 14px rgba(16,47,73,.055);
    --shadow-md:0 12px 32px rgba(16,47,73,.085);
    --radius-sm:10px;
    --radius:16px;
    --radius-lg:22px;
}

html{scroll-behavior:smooth}
body.app-page{
    min-height:100vh;
    font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    background:
        radial-gradient(circle at 8% -10%,rgba(212,167,44,.11),transparent 28%),
        linear-gradient(180deg,#f7f9fb 0,#eef3f6 360px,#eef3f6 100%);
    color:var(--text);
    font-size:14px;
    -webkit-font-smoothing:antialiased;
}

/* Fejléc */
.app-header{
    position:sticky;
    top:0;
    z-index:100;
    padding:0;
    background:rgba(11,39,61,.97);
    border-bottom:1px solid rgba(255,255,255,.09);
    box-shadow:0 8px 28px rgba(7,31,49,.16);
    backdrop-filter:blur(12px);
}
.app-header__inner{
    width:min(1680px,100%);
    min-height:72px;
    margin:0 auto;
    padding:0 28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
}
.brand{
    display:flex;
    align-items:center;
    gap:12px;
    color:#fff;
    text-decoration:none;
    min-width:0;
}
.brand-mark{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    flex:0 0 40px;
    border-radius:12px;
    background:linear-gradient(145deg,var(--gold),#e5c15f);
    color:var(--dark);
    font-weight:900;
    letter-spacing:-.04em;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 6px 15px rgba(0,0,0,.16);
}
.brand-copy{display:flex;flex-direction:column;min-width:0}
.brand-copy strong{font-size:16px;line-height:1.15;letter-spacing:-.01em}
.brand-copy small{margin-top:3px;color:rgba(255,255,255,.63);font-size:11px;font-weight:600;letter-spacing:.025em}
.nav{
    margin:0;
    display:flex;
    align-items:center;
    gap:4px;
    padding:5px;
    border-radius:12px;
    background:rgba(255,255,255,.07);
}
.nav a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:0 14px;
    border:0;
    border-radius:9px;
    color:rgba(255,255,255,.76);
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
    transition:background .18s ease,color .18s ease,transform .18s ease;
}
.nav a:hover{color:#fff;background:rgba(255,255,255,.08)}
.nav a.active{
    color:var(--dark);
    background:#fff;
    border:0;
    box-shadow:0 4px 12px rgba(0,0,0,.14);
}

.wrap{width:min(1680px,100%);max-width:none;margin:0 auto;padding:28px 28px 40px}

/* Alapfelületek */
.card,.toolbar{
    background:rgba(255,255,255,.96);
    border:1px solid rgba(203,216,224,.9);
    border-radius:var(--radius);
    box-shadow:var(--shadow-sm);
}
.card{padding:22px;margin-bottom:20px}
.card:hover{border-color:#d2dee6}
.card h2{margin:0;color:var(--dark);font-size:21px;letter-spacing:-.025em}

button,.btn{
    min-height:40px;
    height:auto;
    padding:0 16px;
    border:1px solid transparent;
    border-radius:10px;
    background:var(--blue);
    color:#fff;
    font-family:inherit;
    font-weight:750;
    box-shadow:0 5px 13px rgba(23,63,95,.13);
    transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;
}
button:hover,.btn:hover{background:var(--dark);box-shadow:0 7px 18px rgba(23,63,95,.19);transform:translateY(-1px)}
button:active,.btn:active{transform:translateY(0)}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue-2))}
.btn-secondary{
    background:#f2f6f8;
    color:var(--blue);
    border-color:#d4e0e7;
    box-shadow:none;
}
.btn-secondary:hover{background:#e7eff4;color:var(--dark);border-color:#becfd9;box-shadow:none}
.btn-danger,.btn-danger:hover{background:#a63e3e;color:#fff}
.btn-small{min-height:38px;height:38px;padding:0 13px;font-size:12px}

label{color:#5d707d;font-size:11px;font-weight:800;letter-spacing:.025em}
input,select{
    height:42px;
    border:1px solid var(--line-strong);
    border-radius:10px;
    padding:0 12px;
    background:#fff;
    color:var(--text);
    font:inherit;
    outline:none;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
input:hover,select:hover{border-color:#aebfca}
input:focus,select:focus{border-color:var(--blue-2);box-shadow:0 0 0 4px rgba(36,91,130,.12)}

/* Riport fejléc és szűrők */
.report-hero{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    padding:27px 28px;
    margin-bottom:14px;
    border:1px solid rgba(23,63,95,.12);
    border-radius:var(--radius-lg);
    background:
        linear-gradient(112deg,rgba(255,255,255,.98),rgba(248,251,253,.96)),
        #fff;
    box-shadow:var(--shadow-md);
}
.report-hero::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    right:-90px;
    top:-150px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(212,167,44,.22),rgba(212,167,44,0) 68%);
    pointer-events:none;
}
.report-hero__copy{position:relative;z-index:1;min-width:230px}
.eyebrow{
    display:block;
    margin-bottom:7px;
    color:#9a7412;
    font-size:12px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.report-hero h1{margin:0;color:var(--dark);font-size:29px;letter-spacing:-.035em;line-height:1.12}
.report-hero__copy p{margin:8px 0 0;color:var(--muted);font-size:13px;font-weight:650}
.report-toolbar{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(3,minmax(150px,1fr)) auto;
    align-items:end;
    align-content:start;
    gap:10px;
    padding:12px;
    margin:0;
    border-radius:14px;
    box-shadow:none;
    background:#f5f8fa;
}
.report-toolbar .field{min-width:0}
.report-toolbar input,.report-toolbar select{width:100%;min-width:0;background:#fff}
.report-toolbar button{height:42px;white-space:nowrap}
.info-strip{
    display:flex;
    align-items:center;
    gap:9px;
    padding:10px 14px;
    margin:0 0 18px;
    border:1px solid #dce7ed;
    border-radius:11px;
    background:rgba(255,255,255,.64);
    color:#60727f;
    font-size:12px;
}
.info-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(212,167,44,.15)}

/* Mutatók */
.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
.metric{
    position:relative;
    min-height:142px;
    padding:21px 20px 18px 21px;
    overflow:hidden;
    isolation:isolate;
}
.metric::before{
    content:"";
    position:absolute;
    left:0;
    top:17px;
    bottom:17px;
    width:4px;
    border-radius:0 5px 5px 0;
    background:var(--blue);
}
.metric::after{
    content:"";
    position:absolute;
    right:-42px;
    bottom:-62px;
    width:145px;
    height:145px;
    border-radius:50%;
    background:rgba(23,63,95,.035);
    z-index:-1;
}
.metric-icon{
    display:grid;
    place-items:center;
    width:31px;
    height:31px;
    margin-bottom:14px;
    border-radius:9px;
    background:#edf3f7;
    color:var(--blue);
    font-size:15px;
    font-weight:900;
}
.metric span:not(.amount-tooltip):not([aria-hidden]){color:#687985;font-size:11px;font-weight:800;letter-spacing:.02em}
.metric strong{margin-top:6px;color:var(--dark);font-size:25px;line-height:1.14;letter-spacing:-.035em}
.metric-cancelled::before{background:#d08484}
.metric-cancelled .metric-icon{background:var(--danger-soft);color:var(--danger)}
.metric-valid::before{background:#58a879}
.metric-valid .metric-icon{background:var(--good-soft);color:var(--good)}
.metric-orders::before{background:var(--gold)}
.metric-orders .metric-icon{background:var(--gold-soft);color:#846008}
.metric-detail{margin-top:9px;gap:4px 6px;color:#71818b;font-size:11px}
.metric-detail b{color:var(--dark)}

/* Címsorok */
.section-heading{margin-bottom:17px;align-items:center}
.section-heading h2{margin:0 0 5px;font-size:21px}
.section-heading p{max-width:760px;color:var(--muted);line-height:1.5}
.section-total{
    padding:9px 12px;
    border:1px solid var(--line);
    border-radius:11px;
    background:var(--surface-soft);
}
.section-total strong{font-size:18px;color:var(--dark)}
.compact-heading{margin-bottom:15px}
.compact-heading h2{font-size:19px}

/* Táblázatok */
table{font-size:13px}
th,td{padding:12px 10px;border-bottom:1px solid #e3eaee}
th{
    color:#6a7b86;
    font-size:12px;
    font-weight:850;
    letter-spacing:.045em;
    text-transform:uppercase;
}
tbody tr{transition:background .14s ease}
tbody tr:hover{background:#f8fbfc}
tfoot th{background:#f6f9fb}
.table-wrap{border-radius:12px}
.auxiliary-items .table-wrap{border:1px solid var(--line);overflow:hidden}
.auxiliary-items table{min-width:0}
.auxiliary-items th,.auxiliary-items td{padding:10px 13px}
.needs-review td{background:#fffbf1}
.review-badge{background:#fff0c9;color:#755200}

/* Heti kampányriport – egyben kiférő struktúra */
.report-card-primary{padding:0;overflow:visible;border-color:#ccdbe4;box-shadow:var(--shadow-md)}
.report-card-primary>.section-heading{padding:22px 23px 18px;margin:0;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfdfe)}
.campaign-heading{align-items:flex-end}
.campaign-report-actions{gap:12px;flex-direction:row}
.report-summary-strip{
    display:flex;
    align-items:stretch;
    overflow:visible;
    border:1px solid var(--line);
    border-radius:12px;
    background:#fff;
}
.report-summary-strip>div{min-width:118px;padding:9px 13px;border-right:1px solid var(--line)}
.report-summary-strip>div:last-child{border-right:0}
.report-summary-strip>div>span{display:block;color:#73838d;font-size:12px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.report-summary-strip strong{display:block;margin-top:4px;color:var(--dark);font-size:15px;white-space:nowrap}
.weekly-report-wrap{overflow:visible;border-radius:0}
.weekly-campaign-table{
    width:100%;
    min-width:0!important;
    table-layout:fixed;
    border-collapse:separate;
    border-spacing:0;
}
.weekly-campaign-table .col-campaign{width:22%}
.weekly-campaign-table .col-money{width:8.5%}
.weekly-campaign-table .col-ratio{width:7.5%}
.weekly-campaign-table .col-erp{width:28%}
.weekly-campaign-table .col-daily{width:11%}
.weekly-campaign-table .col-roas{width:6.5%}
.weekly-campaign-table thead th{
    position:sticky;
    top:72px;
    z-index:8;
    padding:11px 10px;
    background:#f2f6f8;
    border-bottom:1px solid #d6e1e7;
    box-shadow:0 1px 0 rgba(16,47,73,.04);
    white-space:normal;
}
.weekly-campaign-table th:first-child,.weekly-campaign-table td:first-child{padding-left:22px}
.weekly-campaign-table th:last-child,.weekly-campaign-table td:last-child{padding-right:22px}
.weekly-campaign-table td{
    padding:13px 10px;
    vertical-align:middle;
    white-space:normal;
    background:#fff;
}
.weekly-campaign-table tbody tr:nth-child(even) td{background:#fbfcfd}
.weekly-campaign-table tbody tr:hover td{background:#f3f8fb}
.weekly-campaign-table .ads-only td{color:#4f626e}
.campaign-cell{min-width:0!important;text-align:left}
.campaign-title-line{display:flex;align-items:flex-start;gap:8px;min-width:0}
.campaign-name-link{
    display:block;
    min-width:0;
    color:var(--dark);
    font-size:13px;
    line-height:1.3;
    font-weight:800;
    text-decoration:none;
    overflow-wrap:anywhere;
}
.campaign-name-link:hover{color:var(--blue-2);text-decoration:none}
.campaign-title-line .status-badge{margin-left:auto;flex:0 0 auto;padding:3px 7px;font-size:12px}
.campaign-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin-top:6px;color:#758590;font-size:12px}
.campaign-meta>span{position:relative}
.campaign-meta>span+span::before{content:"";position:absolute;left:-6px;top:50%;width:2px;height:2px;border-radius:50%;background:#aebbc3}
.meta-report-adset-name{display:flex;align-items:baseline;gap:7px;margin-top:5px;color:var(--dark);font-size:13px;line-height:1.35}.meta-report-adset-name span{flex:0 0 auto;color:#7a8a95;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.meta-report-adset-name strong{font-size:13px}
.ads-only-label{color:#687a86;font-weight:750}
.number-cell,.roas-cell{text-align:right;white-space:nowrap!important;font-variant-numeric:tabular-nums}
.number-cell strong{font-size:13px;color:var(--dark)}
.ratio-value{display:inline-flex;justify-content:flex-end;min-width:54px;color:#4b5f6c;font-weight:800}
.ratio-value.is-good{color:var(--good)}
.ratio-value.is-high{color:var(--danger)}
.erp-value-cell{min-width:0!important;text-align:left!important}
.erp-main-value{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}
.erp-main-value strong{color:var(--dark);font-size:14px;white-space:nowrap}
.erp-main-value small{color:#758590;font-size:12px;white-space:nowrap}
.erp-breakdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.erp-breakdown>span{
    min-width:0;
    padding:5px 6px;
    border:1px solid #e0e8ed;
    border-radius:7px;
    background:#f7fafb;
    color:#3d5260;
    font-size:12px;
    text-align:right;
    white-space:nowrap;
}
.erp-breakdown b{display:block;margin-bottom:2px;color:#7a8a94;font-size:12px;text-align:left;text-transform:uppercase;letter-spacing:.035em}
.erp-breakdown .amount-tooltip{border:0}
.erp-breakdown>span.is-pending{border-color:#efdca3;background:#fff9e8;color:#735300}
.erp-empty-state{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.erp-empty-state small{color:#84919a;font-size:12px;line-height:1.3}
.mapping-badge{font-size:12px;padding:4px 7px}
.daily-cell{text-align:right;white-space:nowrap!important}
.daily-cell strong{display:block;color:var(--dark);font-size:13px}
.daily-cell small{display:block;margin-top:4px;color:#758590;font-size:12px}
.budget-track{display:block;width:100%;height:4px;margin-top:7px;border-radius:99px;background:#e7edf1;overflow:hidden}
.budget-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),#e4c15e)}
.roas-cell strong{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:43px;
    min-height:30px;
    padding:0 7px;
    border-radius:8px;
    background:#edf4f7;
    color:var(--dark);
    font-size:13px;
}
.unassigned-summary{margin:14px 20px 20px;border-radius:11px}

/* Alsó áttekintések */
.insight-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:20px;margin-bottom:20px}
.insight-card{margin:0;min-width:0}
.shipping-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.shipping-stat{
    position:relative;
    overflow:hidden;
    min-height:111px;
    padding:15px;
    border:1px solid var(--line);
    border-radius:12px;
    background:var(--surface-soft);
}
.shipping-stat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--blue-2)}
.shipping-stat>span{display:block;color:#697b86;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.035em}
.shipping-stat strong{display:block;margin-top:10px;color:var(--dark);font-size:18px;letter-spacing:-.025em}
.shipping-stat small{display:block;margin-top:5px;color:#7b8992;font-size:11px}
.shipping-own::before{background:#55a477}
.shipping-pickup::before{background:var(--gold)}
.shipping-pending::before{background:#d68b4a}
.category-ranking{display:flex;flex-direction:column;gap:10px}
.category-rank-row{min-width:0;border-radius:14px;background:#f8fbfc;border:1px solid #e3ebf0}
.category-rank-row[open]{background:#fff;border-color:#d6e1e8;box-shadow:0 8px 24px rgba(16,47,73,.05)}
.category-rank-summary{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 10px 11px;cursor:pointer;list-style:none}
.category-rank-summary::-webkit-details-marker{display:none}
.rank-toggle{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px}
.rank-toggle::before{content:"";width:8px;height:8px;border-right:2px solid #6f8490;border-bottom:2px solid #6f8490;transform:rotate(-45deg);transition:transform .18s ease,margin .18s ease;margin-left:-2px}
.category-rank-row[open] .rank-toggle::before{transform:rotate(45deg);margin-top:-2px}
.rank-number{
    display:grid;
    place-items:center;
    width:25px;
    height:25px;
    flex:0 0 25px;
    border-radius:8px;
    background:#edf3f7;
    color:var(--blue);
    font-size:12px;
    font-weight:850;
}
.category-rank-row:first-child .rank-number{background:var(--gold-soft);color:#846008}
.rank-main{flex:1;min-width:0}
.rank-line{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:5px}
.rank-line>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#314856;font-size:11px;font-weight:650}
.rank-line strong{flex:0 0 auto;color:var(--dark);font-size:11px;white-space:nowrap}
.rank-track{display:block;height:5px;overflow:hidden;border-radius:99px;background:#edf2f5}
.rank-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),#4d7d9e)}
.category-products{padding:0 12px 12px 62px}
.category-products-head,.category-product-row{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(105px,.65fr) minmax(215px,1fr);gap:14px;align-items:center}
.category-products-head{padding:8px 0 7px;color:#718390;font-size:12px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;border-top:1px solid #e8eef2}
.category-product-row{padding:9px 0;border-top:1px solid #eef3f6}
.category-product-row:first-of-type{border-top:0}
.product-name{min-width:0;color:#27404f;font-size:12px;line-height:1.35}
.product-sku{color:#6e808b;font-size:11px;word-break:break-word}
.product-qty{color:var(--dark);font-size:12px;line-height:1.35;text-align:right;white-space:normal}
.sync-status{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:2px 2px 0;color:#70808a}
.sync-status strong{color:#526673}
.sync-indicator{width:7px;height:7px;border-radius:50%;background:#4ea66f;box-shadow:0 0 0 4px rgba(78,166,111,.13)}

/* Google Ads és hozzárendelési oldalak */
.page-heading{
    align-items:center;
    padding:22px 23px;
    margin-bottom:18px;
    border:1px solid var(--line);
    border-radius:var(--radius);
    background:rgba(255,255,255,.96);
    box-shadow:var(--shadow-sm);
}
.page-heading h2{font-size:25px;color:var(--dark);letter-spacing:-.03em}
.page-heading p{max-width:820px;line-height:1.5}
.shop-switcher select{min-width:180px}
.setup-grid{gap:12px}
.setup-step{
    min-height:110px;
    padding:17px;
    border-radius:14px;
    box-shadow:var(--shadow-sm);
}
.setup-step.is-ready{border-color:#b9dbc5;background:linear-gradient(145deg,#f8fdf9,#f2faf5)}
.setup-step.is-pending{border-color:#ead8a6;background:#fffdf6}
.setup-number{background:linear-gradient(135deg,var(--blue),var(--blue-2));box-shadow:0 5px 12px rgba(23,63,95,.17)}
.account-row{padding:16px 8px}
.ads-campaign-table{min-width:1040px}
.ads-campaign-table th{background:#f4f7f9}
.ads-campaign-table td:first-child{min-width:245px}
.mapping-campaign-card{
    border-radius:13px;
    box-shadow:0 2px 10px rgba(16,47,73,.035);
    transition:border-color .16s ease,box-shadow .16s ease;
}
.mapping-campaign-card:hover{border-color:#c4d4de;box-shadow:0 7px 20px rgba(16,47,73,.065)}
.category-option{border-radius:11px;box-shadow:0 1px 4px rgba(16,47,73,.025)}
.category-option:has(input:checked){box-shadow:0 0 0 2px rgba(23,63,95,.08)}
.rule-chip{border-radius:9px;background:#f8fafb}
.flash{border-radius:11px;box-shadow:0 3px 10px rgba(16,47,73,.035)}
.warning,.success-box,.empty-state{border-radius:11px}

/* Tooltip finomítás */
.amount-tooltip{font-variant-numeric:tabular-nums}
.amount-tooltip::after{padding:8px 10px;border-radius:8px;box-shadow:0 10px 24px rgba(7,31,49,.24)}

/* Közepes képernyő */
@media(max-width:1280px){
    .wrap{padding-left:20px;padding-right:20px}
    .app-header__inner{padding:0 20px}
    .report-hero{align-items:flex-start;flex-direction:column}
    .report-toolbar{width:100%}
    .weekly-campaign-table .col-campaign{width:21%}
    .weekly-campaign-table .col-erp{width:29.5%}
    .erp-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}
    .campaign-report-actions{align-items:flex-end}
}

/* Tablet: a riport soronként kártyává alakul, nincs vízszintes görgetés */
@media(max-width:1020px){
    .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .insight-grid{grid-template-columns:1fr}
    .report-card-primary{overflow:visible;background:transparent;border:0;box-shadow:none;padding:0}
    .report-card-primary>.section-heading{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:12px}
    .campaign-heading{align-items:flex-start;flex-direction:column}
    .campaign-report-actions{width:100%;align-items:stretch;flex-direction:column}
    .report-summary-strip{width:100%}
    .report-summary-strip>div{flex:1;min-width:0}
    .weekly-report-wrap{overflow:visible}
    .weekly-campaign-table,.weekly-campaign-table tbody,.weekly-campaign-table tr,.weekly-campaign-table td{display:block;width:100%}
    .weekly-campaign-table colgroup,.weekly-campaign-table thead{display:none}
    .weekly-campaign-table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .weekly-campaign-table tr{
        overflow:hidden;
        border:1px solid var(--line);
        border-radius:14px;
        background:#fff;
        box-shadow:var(--shadow-sm);
    }
    .weekly-campaign-table td,.weekly-campaign-table tbody tr:nth-child(even) td{
        position:relative;
        display:grid;
        grid-template-columns:118px minmax(0,1fr);
        gap:12px;
        align-items:center;
        padding:9px 13px!important;
        border-bottom:1px solid #e7edf1;
        background:#fff;
        text-align:right!important;
        white-space:normal!important;
    }
    .weekly-campaign-table td:last-child{border-bottom:0}
    .weekly-campaign-table td::before{
        content:attr(data-label);
        color:#7a8992;
        font-size:12px;
        font-weight:850;
        letter-spacing:.04em;
        text-align:left;
        text-transform:uppercase;
    }
    .weekly-campaign-table .campaign-cell{display:block;padding:14px!important;background:#f7fafb!important;text-align:left!important}
    .weekly-campaign-table .campaign-cell::before{display:none}
    .weekly-campaign-table .erp-value-cell{align-items:start}
    .erp-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}
    .daily-cell .budget-track{margin-left:auto;max-width:150px}
    .roas-cell strong{margin-left:auto}
    .unassigned-summary{margin-left:0;margin-right:0}
    .ads-account-form{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:720px){
    .app-header__inner{min-height:64px;padding:0 12px;gap:12px}
    .brand-mark{width:36px;height:36px;flex-basis:36px;border-radius:10px;font-size:12px}
    .brand-copy small{display:none}
    .brand-copy strong{font-size:14px}
    .nav{max-width:66vw;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
    .nav::-webkit-scrollbar{display:none}
    .nav a{min-height:34px;padding:0 11px;font-size:11px}
    .wrap{padding:14px 12px 28px}
    .report-hero{padding:20px 16px;border-radius:17px;gap:18px}
    .report-hero h1{font-size:24px}
    .report-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}
    .report-toolbar .field:nth-child(3),.report-toolbar button{grid-column:span 1}
    .grid{grid-template-columns:1fr 1fr;gap:10px}
    .metric{min-height:128px;padding:17px 14px 14px 16px}
    .metric strong{font-size:20px}
    .metric-icon{width:28px;height:28px;margin-bottom:10px}
    .card{padding:16px;border-radius:14px}
    .section-heading{display:flex;align-items:flex-start;flex-direction:column;gap:10px}
    .section-total{text-align:left}
    .report-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
    .report-summary-strip>div{padding:9px 8px}
    .report-summary-strip strong{font-size:12px}
    .weekly-campaign-table tbody{grid-template-columns:1fr}
    .weekly-campaign-table td{grid-template-columns:105px minmax(0,1fr)}
    .shipping-grid{grid-template-columns:1fr 1fr}
    .shipping-stat{min-height:100px;padding:13px}
    .shipping-stat strong{font-size:15px}
    .rank-line>span{white-space:normal;line-height:1.25}
    .category-rank-summary{padding:10px}
    .category-products{padding:0 10px 10px 10px}
    .category-products-head,.category-product-row{grid-template-columns:minmax(0,1fr) 76px minmax(125px,.85fr);gap:8px}
    .product-name{font-size:11px}
    .product-sku,.product-qty{font-size:12px}
    .page-heading{display:flex;padding:18px 16px;align-items:stretch}
    .page-heading h2{font-size:21px}
    .shop-switcher{margin-top:4px;min-width:0;width:100%}
    .shop-switcher select{width:100%;min-width:0}
    .setup-grid{grid-template-columns:1fr}
    .ads-account-form,.form-grid-create,.assignment-toolbar,.campaign-assignment-toolbar,.group-settings{grid-template-columns:1fr}
    .category-picker{grid-template-columns:1fr}
    .ads-campaign-table{min-width:900px}
}

@media(max-width:480px){
    .brand-copy{display:none}
    .nav{max-width:calc(100vw - 66px);width:100%}
    .nav a{flex:1}
    .report-toolbar{grid-template-columns:1fr}
    .report-toolbar .field:nth-child(3),.report-toolbar button{grid-column:auto}
    .grid{grid-template-columns:1fr}
    .metric{min-height:116px}
    .metric-detail{max-width:260px}
    .shipping-grid{grid-template-columns:1fr}
    .report-summary-strip{grid-template-columns:1fr}
    .report-summary-strip>div{border-right:0;border-bottom:1px solid var(--line)}
    .report-summary-strip>div:last-child{border-bottom:0}
    .weekly-campaign-table td{grid-template-columns:92px minmax(0,1fr);padding-left:11px!important;padding-right:11px!important}
    .erp-breakdown{grid-template-columns:1fr 1fr}
    .unassigned-summary{flex-direction:column;align-items:flex-start}
}

/* v0.5.0 mobil cím-tördelés korrekció */
.campaign-name-link{flex:1 1 auto}


/* v0.5.1 – hangsúlyosabb összesítő értékek és ONLINE / OFFLINE költés */
.metric strong{
    font-size:31px;
    font-variant-numeric:tabular-nums;
}
.metric-detail{
    font-size:12px;
}
.section-total strong{
    font-size:22px;
    font-variant-numeric:tabular-nums;
}
.report-summary-strip>div{
    min-width:112px;
    padding:10px 12px;
}
.report-summary-strip strong{
    font-size:18px;
    line-height:1.15;
    font-variant-numeric:tabular-nums;
}
.report-summary-strip .summary-channel-online{
    background:linear-gradient(180deg,#f8fbfd,#f1f7fa);
    box-shadow:inset 0 3px 0 #4b87aa;
}
.report-summary-strip .summary-channel-offline{
    background:linear-gradient(180deg,#fffdf8,#fbf6e8);
    box-shadow:inset 0 3px 0 var(--gold);
}
.shipping-stat strong{
    font-size:21px;
    font-variant-numeric:tabular-nums;
}

@media(max-width:1180px){
    .report-summary-strip>div{min-width:0;flex:1}
    .report-summary-strip strong{font-size:16px}
}

@media(max-width:720px){
    .metric strong{font-size:24px}
    .metric-detail{font-size:11px}
    .report-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
    .report-summary-strip>div{padding:10px 9px}
    .report-summary-strip strong{font-size:14px}
    .shipping-stat strong{font-size:18px}
}

@media(max-width:480px){
    .metric strong{font-size:25px}
    .report-summary-strip{grid-template-columns:1fr}
    .report-summary-strip strong{font-size:16px}
}


/* v0.5.2 – nagyobb fő összesítő számok és címkék */
.metric span:not(.amount-tooltip):not([aria-hidden]){
    font-size:14px;
    line-height:1.3;
}
.metric strong{
    font-size:31px;
}
.metric strong .amount-tooltip{
    font-size:inherit;
    font-weight:inherit;
    line-height:inherit;
    letter-spacing:inherit;
    color:inherit;
}

@media(max-width:720px){
    .metric span:not(.amount-tooltip):not([aria-hidden]){font-size:13px}
    .metric strong{font-size:27px}
}

@media(max-width:480px){
    .metric strong{font-size:28px}
}

/* v0.6.5 – időszak rendeléseinek tételes auditja */
.order-audit-card{margin-top:18px;padding:0;overflow:hidden}
.order-audit-heading{padding:22px 24px 18px;border-bottom:1px solid var(--line)}
.order-audit-total{min-width:120px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:#f7fafb;text-align:right}
.order-audit-total span{display:block;color:#73848f;font-size:12px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.order-audit-total strong{display:block;margin-top:3px;color:var(--dark);font-size:18px;letter-spacing:-.02em}
.order-audit-list{padding:10px 14px 14px}
.order-audit-row{border:1px solid #e1e9ee;border-radius:12px;background:#fff;overflow:hidden;margin-top:8px;transition:border-color .16s ease,box-shadow .16s ease}
.order-audit-row:first-child{margin-top:0}
.order-audit-row[open]{border-color:#cbd9e2;box-shadow:0 6px 20px rgba(16,47,73,.055)}
.order-audit-row.is-cancelled{border-left:3px solid #dc8a8a}
.order-audit-summary{display:grid;grid-template-columns:18px minmax(220px,1.45fr) minmax(150px,.85fr) minmax(125px,.7fr) minmax(150px,.8fr);gap:14px;align-items:center;padding:12px 14px;cursor:pointer;list-style:none;background:#fff}
.order-audit-summary::-webkit-details-marker{display:none}
.order-audit-row[open] .order-audit-summary{background:#f8fbfc}
.order-audit-toggle{display:grid;place-items:center;width:18px;height:18px}
.order-audit-toggle::before{content:"";width:7px;height:7px;border-right:2px solid #6f8490;border-bottom:2px solid #6f8490;transform:rotate(-45deg);transition:transform .18s ease}
.order-audit-row[open] .order-audit-toggle::before{transform:rotate(45deg);margin-top:-3px}
.order-id-block strong{display:block;color:var(--dark);font-size:13px}
.order-id-block small{display:block;margin-top:3px;color:#7a8992;font-size:12px}
.order-date-block span,.order-value-block span{display:block;color:#82909a;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.order-date-block strong,.order-value-block strong{display:block;margin-top:3px;color:#314856;font-size:12px}
.order-status-block{text-align:center}
.order-status-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:99px;font-size:12px;font-weight:850;white-space:nowrap}
.order-status-badge.valid{background:#eaf7ef;color:#247344}
.order-status-badge.cancelled{background:#fff0f0;color:#a23b3b}
.order-value-block{text-align:right}
.order-product-list{padding:0 14px 12px 46px;background:#fff}
.order-product-head,.order-product-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(210px,.8fr);gap:18px;align-items:center}
.order-product-head{padding:9px 0 7px;border-top:1px solid #e7edf1;color:#748692;font-size:12px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.order-product-head span:last-child{text-align:right}
.order-product-row{padding:9px 0;border-top:1px solid #eef3f6}
.order-product-name strong{display:block;color:#2d4655;font-size:11px;font-weight:700;line-height:1.35}
.order-product-name small{display:block;margin-top:2px;color:#87959e;font-size:12px}
.order-product-quantity{text-align:right;color:var(--dark);font-size:11px;white-space:nowrap}
.order-product-empty{padding:12px 0;border-top:1px solid #e7edf1;color:#7d8b94;font-size:11px}

@media(max-width:900px){
    .order-audit-summary{grid-template-columns:18px minmax(0,1.3fr) minmax(120px,.8fr) minmax(120px,.7fr)}
    .order-status-block{display:none}
}

@media(max-width:720px){
    .order-audit-heading{padding:17px 16px 14px}
    .order-audit-total{width:100%;text-align:left}
    .order-audit-list{padding:9px}
    .order-audit-summary{grid-template-columns:18px minmax(0,1fr) auto;gap:9px;padding:11px 10px}
    .order-date-block{grid-column:2/3}
    .order-value-block{grid-column:3/4;grid-row:1/3;align-self:center}
    .order-product-list{padding:0 10px 10px 37px}
    .order-product-head,.order-product-row{grid-template-columns:minmax(0,1fr);gap:4px}
    .order-product-head span:last-child{display:none}
    .order-product-quantity{text-align:left;white-space:normal;color:#526b79}
}


/* v0.6.8 – valós költségarány + Ads összesítő tooltip */
.report-summary-strip strong .amount-tooltip{
    display:inline-block;
    font-size:inherit;
    font-weight:inherit;
    line-height:inherit;
    letter-spacing:inherit;
    text-transform:none;
    color:inherit;
}
.report-summary-strip .amount-tooltip::after{
    top:calc(100% + 9px);
    bottom:auto;
    z-index:200;
}
.report-summary-strip .amount-tooltip::before{
    top:calc(100% + 3px);
    bottom:auto;
    border-top-color:transparent;
    border-bottom-color:var(--dark);
    z-index:201;
}
.report-summary-strip .amount-tooltip:hover::after,.report-summary-strip .amount-tooltip:focus::after{
    transform:translate(-50%,0);
}
.report-summary-strip .amount-tooltip::after{transform:translate(-50%,-4px)}
.report-summary-strip{position:relative;z-index:20}
.campaign-report-actions{position:relative;z-index:20}
.real-ratio-value{font-weight:900}

/* v0.7.0 – időszak-összehasonlítás, Ads beállítástörténet és valós költségarányok */
.comparison-period-label{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:7px!important;
    padding:5px 8px;
    border:1px solid #d8e4ea;
    border-radius:8px;
    background:#f7fafb;
    color:#536b79!important;
    font-size:12px!important;
    font-weight:800!important;
}
.comparison-toolbar{
    grid-column:1/-1;
    display:flex;
    align-items:center;
    gap:12px;
    padding-top:10px;
    border-top:1px solid #dde6eb;
}
.comparison-toggle{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:36px;
    margin:0;
    color:#526a78;
    font-size:11px;
    font-weight:800;
    cursor:pointer;
    white-space:nowrap;
}
.comparison-toggle input{
    width:17px;
    height:17px;
    margin:0;
    padding:0;
    accent-color:var(--blue);
}
.comparison-date-fields{
    display:none;
    grid-template-columns:repeat(2,minmax(150px,1fr));
    gap:10px;
    flex:1;
}
.comparison-toolbar.is-active .comparison-date-fields{display:grid}
.comparison-toolbar .field label{font-size:12px}
.comparison-toolbar .field input{height:36px}

.comparison-delta{
    display:block;
    margin-top:5px;
    color:#687b87;
    font-size:12px;
    line-height:1.25;
    font-weight:800;
    letter-spacing:0;
    white-space:normal;
    text-transform:none;
    font-variant-numeric:tabular-nums;
}
.comparison-delta.is-up{color:#2c678e}
.comparison-delta.is-down{color:#6f7f89}
.comparison-delta.is-good-change{color:var(--good)}
.comparison-delta.is-bad-change{color:var(--danger)}
.comparison-delta.is-flat{color:#8a969e;font-weight:700}
.metric>.comparison-delta{font-size:12px;margin-top:7px}
.report-summary-strip .comparison-delta{max-width:150px;font-size:12px}
.number-cell>.comparison-delta,.roas-cell>.comparison-delta{margin-left:auto;text-align:right}
.erp-main-value{flex-wrap:wrap}
.erp-main-value>.comparison-delta{flex-basis:100%;margin-top:0;text-align:left}

.report-summary-strip{flex-wrap:wrap;justify-content:flex-end}
.report-summary-strip .summary-real-ratio{
    background:linear-gradient(180deg,#fbfdfb,#f2f8f4);
    box-shadow:inset 0 3px 0 #58a879;
}
.report-summary-strip .summary-real-ratio-online{
    background:linear-gradient(180deg,#f7fbfd,#eef6f9);
    box-shadow:inset 0 3px 0 #4b87aa;
}
.report-summary-strip .summary-real-ratio strong{font-weight:900}

.bid-setting-compact{
    display:block;
    margin-top:6px;
    padding:4px 6px;
    border:1px solid #dce6eb;
    border-radius:7px;
    background:#f7fafb;
    color:#425d6c;
    font-size:12px;
    line-height:1.25;
    font-weight:850;
    white-space:normal;
}

.campaign-change-details{
    margin-top:8px;
    border:1px solid #eadcae;
    border-radius:9px;
    background:#fffbef;
    overflow:hidden;
}
.campaign-change-details>summary{
    display:flex;
    align-items:center;
    gap:7px;
    padding:7px 8px;
    color:#755b12;
    font-size:12px;
    line-height:1.3;
    font-weight:850;
    cursor:pointer;
    list-style:none;
}
.campaign-change-details>summary::-webkit-details-marker{display:none}
.change-warning-icon{
    display:inline-grid;
    place-items:center;
    width:17px;
    height:17px;
    flex:0 0 17px;
    border-radius:50%;
    background:#d4a72c;
    color:#fff;
    font-size:11px;
    font-weight:950;
}
.campaign-change-details[open]>summary{border-bottom:1px solid #eadcae;background:#fff8df}
.campaign-change-list{display:grid;padding:4px 8px 7px;background:#fff}
.campaign-change-item{
    display:grid;
    grid-template-columns:88px minmax(0,1fr);
    gap:8px;
    padding:7px 0;
    border-top:1px solid #edf1f3;
}
.campaign-change-item:first-child{border-top:0}
.campaign-change-item time{color:#7f8b92;font-size:12px;line-height:1.35;font-weight:750;white-space:nowrap}
.campaign-change-item strong{display:block;color:#38505e;font-size:12px;line-height:1.3}
.campaign-change-item span{display:block;margin-top:2px;color:#60727d;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.campaign-change-item b{color:#9a7412}

@media(max-width:1180px){
    .campaign-heading{align-items:stretch;flex-direction:column}
    .campaign-report-actions{width:100%;align-items:stretch;flex-direction:column}
    .report-summary-strip{justify-content:flex-start}
    .report-summary-strip>div{flex:1 1 135px}
}

@media(max-width:720px){
    .comparison-toolbar{align-items:stretch;flex-direction:column}
    .comparison-date-fields{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
    .report-summary-strip>div{min-width:0}
    .campaign-change-item{grid-template-columns:80px minmax(0,1fr)}
    .bid-setting-compact{max-width:180px;margin-left:auto}
}

@media(max-width:480px){
    .comparison-date-fields{grid-template-columns:1fr}
    .comparison-toggle{white-space:normal}
    .comparison-delta{font-size:12px}
    .bid-setting-compact{max-width:none}
}


/* v0.7.1 – felső költségkártyák */
.metric-cost::before{background:#4b87aa}
.metric-cost .metric-icon{background:#eaf3f8;color:#2f6f94}
.metric-real-cost::before{background:var(--gold)}
.metric-real-cost .metric-icon{background:var(--gold-soft);color:#846008}
.metric-icon-text{font-size:13px;letter-spacing:-.04em}
.metric-cost,.metric-real-cost{min-height:172px}
.metric-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #e5ebef}
.metric-split>div{min-width:0}
.metric-split>div+div{padding-left:10px;border-left:1px solid #e5ebef}
.metric-split span{display:block;margin-bottom:4px;font-size:12px!important;line-height:1.25}
.metric-cost-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #e5ebef}
.metric-cost-channel{min-width:0;padding:10px;border:1px solid #dce6eb;border-radius:10px;background:rgba(247,250,251,.9)}
.metric-cost-channel-total>span{display:block;margin-bottom:4px;font-size:12px!important;line-height:1.25}
.metric-cost-platforms{display:grid;gap:7px;margin-top:9px;padding-top:8px;border-top:1px dashed #d4e0e6}
.metric-cost-platforms>div{display:flex;align-items:baseline;justify-content:space-between;gap:7px;min-width:0}
.metric-cost-platforms span{font-size:11px!important;line-height:1.25}
.metric-cost-platforms b{color:var(--dark);font-size:13px;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}
.metric-cost-platforms .comparison-delta{flex-basis:100%;margin-top:1px;text-align:right}
.metric-cost-platforms>div:has(.comparison-delta){flex-wrap:wrap}
.metric-subvalue,.metric-ratio-value{display:block;color:var(--dark);font-variant-numeric:tabular-nums;white-space:nowrap}
.metric-subvalue{font-size:17px;line-height:1.2}
.metric-ratio-value{font-size:24px;line-height:1.15;letter-spacing:-.025em}
.metric .comparison-delta{display:block;margin-top:4px;font-size:12px;line-height:1.25;font-weight:750;letter-spacing:0}
.report-summary-strip-compact{width:auto;min-width:310px}
.report-summary-strip-compact>div{min-width:145px}

/* v0.7.2 – dátumválasztó / összehasonlítás stabilizálás és olvashatóság */
.comparison-toolbar{align-items:center}
.comparison-toggle{font-size:12px}
.comparison-toggle input{
    width:18px!important;
    min-width:18px;
    height:18px!important;
    min-height:18px;
    margin:0;
    padding:0;
    flex:0 0 18px;
}
.comparison-toolbar .field label{font-size:12px}
.comparison-toolbar .field input{height:40px}
.comparison-period-label{font-size:12px!important}
.comparison-delta{font-size:12px}
.metric>.comparison-delta{font-size:12px}
.report-summary-strip .comparison-delta{font-size:12px}
.bid-setting-compact{font-size:12px}
.campaign-change-details>summary{font-size:14px}
.campaign-change-item time,.campaign-change-item strong,.campaign-change-item span{font-size:12px}

@media(max-width:900px){
    .metric-cost,.metric-real-cost{min-height:152px}
    .report-summary-strip-compact{min-width:0;width:100%}
}
@media(max-width:720px){
    .metric-split{grid-template-columns:1fr 1fr;gap:8px}
    .metric-cost-channels{grid-template-columns:1fr 1fr;gap:8px}
    .metric-subvalue{font-size:15px}
    .metric-ratio-value{font-size:21px}
}
@media(max-width:480px){
    .metric-split{grid-template-columns:1fr}
    .metric-split>div+div{padding-left:0;padding-top:8px;border-left:0;border-top:1px solid #edf1f4}
    .metric-cost-channels{grid-template-columns:1fr}
}

/* v1.0.2 – csatornán belüli platformbontás és kampányplatform-szűrő */
.campaign-platform-filter{
    display:flex;
    align-items:center;
    gap:8px;
    padding:13px 22px;
    border-bottom:1px solid var(--line);
    background:#f8fafb;
}
.campaign-filter-button{
    min-height:36px;
    padding:8px 15px;
    border:1px solid #ccd9e1;
    border-radius:9px;
    background:#fff;
    color:#516977;
    font:inherit;
    font-size:12px;
    font-weight:850;
    cursor:pointer;
    transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;
}
.campaign-filter-button:hover{border-color:#9db5c4;color:var(--blue)}
.campaign-filter-button:focus-visible{outline:3px solid rgba(23,63,95,.18);outline-offset:2px}
.campaign-filter-button.is-active{
    border-color:var(--blue);
    background:var(--blue);
    color:#fff;
    box-shadow:0 4px 10px rgba(23,63,95,.16);
}
.campaign-row[hidden]{display:none}
.campaign-filter-empty{padding:24px;text-align:center;color:var(--muted);font-size:13px}
@media(max-width:520px){
    .campaign-platform-filter{display:grid;grid-template-columns:1fr;padding:12px 16px}
    .campaign-filter-button{width:100%}
}

/* v0.8.0 – külön offline értékesítési riport */
.offline-report-page .nav{flex-wrap:wrap}
.offline-hero{overflow:visible}
.offline-toolbar{margin-bottom:0}
.offline-sync-card{margin-top:18px}
.offline-main-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
.offline-main-metrics .metric{min-height:158px}
.offline-main-metrics .metric-icon{font-size:12px}
.offline-cost-ratio-card .metric-detail{max-width:230px}

.offline-store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.offline-store-card{position:relative;padding:17px;border:1px solid #dfe7ec;border-radius:14px;background:linear-gradient(180deg,#fff,#f9fbfc);overflow:hidden}
.offline-store-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--blue)}
.offline-store-card__header{display:flex;align-items:center;gap:9px;margin-bottom:11px}
.offline-store-card__header h3{margin:0;color:var(--dark);font-size:17px;line-height:1.2}
.offline-store-dot{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(212,167,44,.13)}
.offline-store-revenue{display:block;color:var(--dark);font-size:24px;line-height:1.15;letter-spacing:-.025em}
.offline-store-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #e5ebef}
.offline-store-kpis div{min-width:0}
.offline-store-kpis span,.offline-store-own-delivery span{display:block;color:var(--muted);font-size:12px;font-weight:750;margin-bottom:4px}
.offline-store-kpis b{display:block;color:var(--dark);font-size:15px;line-height:1.25}
.offline-store-own-delivery{margin-top:12px;padding:10px 11px;border-radius:10px;background:#f1f6f9}
.offline-store-own-delivery b{display:block;color:#29485b;font-size:12px;line-height:1.4}

.offline-analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}
.offline-analysis-grid>.card{margin-bottom:0;min-width:0}
.offline-ranking-card .section-heading{margin-bottom:13px}
.offline-ranking-list{max-height:none;overflow:visible;padding-right:0}
.offline-rank-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 12px 12px 62px}
.offline-rank-details>div{padding:9px 10px;border-radius:9px;background:#f5f8fa;border:1px solid #e5ecef}
.offline-rank-details span{display:block;color:var(--muted);font-size:12px;font-weight:750;margin-bottom:4px}
.offline-rank-details strong{display:block;color:var(--dark);font-size:14px;line-height:1.25}
.offline-rank-details-compact{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:8px}
.offline-postcode-details{padding-bottom:5px}
.offline-store-breakdown{display:grid;gap:5px;padding:0 12px 12px 62px}
.offline-store-breakdown>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 9px;border-top:1px solid #edf2f5;color:#516673;font-size:12px}
.offline-store-breakdown>div:first-child{border-top:0}
.offline-store-breakdown b{color:var(--dark);font-size:12px;white-space:nowrap}

.offline-category-products{padding-bottom:10px}
.offline-category-products-head,.offline-category-product-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,.9fr) minmax(125px,.55fr);gap:14px;align-items:center}
.offline-category-products-head{padding:9px 0 7px;color:#718390;font-size:12px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;border-top:1px solid #e8eef2}
.offline-category-product-row{padding:9px 0;border-top:1px solid #eef3f6}
.offline-category-product-row strong{color:#314856;font-size:13px;line-height:1.3}
.offline-category-product-row span{color:#62747f;font-size:12px;line-height:1.35}
.offline-category-product-row b{text-align:right;color:var(--dark);font-size:13px;white-space:nowrap}
.offline-category-footer{padding-top:8px;border-top:1px solid #e8eef2;color:var(--muted);font-size:12px;font-weight:700}

.offline-own-delivery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.offline-own-delivery-item{padding:15px;border:1px solid #e1e8ed;border-radius:12px;background:#f9fbfc}
.offline-own-delivery-item span{display:block;color:var(--muted);font-size:12px;font-weight:800;margin-bottom:6px}
.offline-own-delivery-item strong{display:block;color:var(--dark);font-size:19px;line-height:1.2}
.offline-own-delivery-item small{display:block;margin-top:5px;color:#657883;font-size:12px;font-weight:700}

@media(max-width:1180px){
    .offline-main-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
    .offline-analysis-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
    .offline-main-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
    .offline-store-grid{grid-template-columns:1fr}
    .offline-own-delivery-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
    .offline-main-metrics{grid-template-columns:1fr}
    .offline-store-kpis{grid-template-columns:1fr 1fr}
    .offline-rank-details{grid-template-columns:1fr;padding:0 10px 10px}
    .offline-rank-details-compact{grid-template-columns:1fr 1fr}
    .offline-store-breakdown{padding:0 10px 10px}
    .offline-store-breakdown>div{align-items:flex-start;flex-direction:column;gap:3px}
    .offline-store-breakdown b{white-space:normal}
    .offline-category-products{padding:0 10px 10px}
    .offline-category-products-head{display:none}
    .offline-category-product-row{grid-template-columns:1fr;gap:4px;padding:10px 0}
    .offline-category-product-row b{text-align:left}
}

/* v0.8.1 – központi adatfrissítés */
.refresh-page{padding-bottom:42px}
.refresh-hero{align-items:center;justify-content:space-between;gap:24px}
.refresh-hero .report-hero__copy p{max-width:720px}
.refresh-automatic-status{display:flex;align-items:flex-end;flex-direction:column;gap:8px;text-align:right}
.refresh-automatic-status small{color:var(--muted);font-size:12px;line-height:1.4}
.refresh-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:18px 0}
.refresh-source-card{display:flex;min-width:0;min-height:340px;flex-direction:column;margin:0;padding:20px}
.refresh-source-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.refresh-source-head h2,.refresh-all-card h2{margin:1px 0 0;color:var(--dark);font-size:20px;line-height:1.2}
.refresh-source-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:13px;background:#edf4f8;color:var(--blue);font-size:12px;font-weight:950;letter-spacing:.02em}
.refresh-source-icon-meta{background:#eef1fb;color:#304a91}
.refresh-source-card>p,.refresh-all-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.refresh-source-facts{display:grid;gap:7px;margin:16px 0 18px;padding:13px 14px;border:1px solid #e3ebef;border-radius:11px;background:#f8fafb;color:#586d79;font-size:12px;line-height:1.4}
.refresh-source-facts b{color:var(--dark)}
.refresh-source-facts .sync-status-pill{justify-self:start}
.refresh-source-action{display:grid;gap:7px;margin-top:auto}
.refresh-source-action .btn{width:100%;min-height:44px}
.refresh-source-action small,.refresh-all-action small{display:block;color:#6e808a;font-size:12px;line-height:1.35}
.refresh-all-card{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0;padding:22px;border:1px solid #d9e5eb;background:linear-gradient(135deg,#fff 0%,#f6fafc 72%,#fdf8e9 100%)}
.refresh-all-copy{display:flex;align-items:center;gap:14px;min-width:0}
.refresh-all-icon{background:var(--blue);color:#fff;font-size:21px}
.refresh-all-copy small{display:block;margin-top:7px;color:#667b87;font-size:12px}
.refresh-all-action{display:grid;gap:7px;min-width:250px;text-align:right}
.btn-refresh-all{min-height:48px;font-size:14px}
.refresh-info-strip{margin-top:18px}

@media(max-width:1280px){
    .refresh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .refresh-source-card{min-height:0}
    .refresh-all-card{align-items:stretch;flex-direction:column}
    .refresh-all-action{min-width:0;text-align:left}
}
@media(max-width:720px){
    .refresh-grid{grid-template-columns:1fr}
    .refresh-hero{align-items:flex-start;flex-direction:column}
    .refresh-automatic-status{align-items:flex-start;text-align:left}
    .refresh-source-card,.refresh-all-card{padding:16px}
    .refresh-all-copy{align-items:flex-start}
}

/* v0.9.0 – offline áruházi nézetek + kampánybesorolás */
.scope-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 18px}.scope-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border:1px solid #d8e2e8;border-radius:10px;background:#fff;color:#385264;text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 3px 10px rgba(16,47,73,.04);transition:.15s ease}.scope-tabs a:hover{border-color:#afc2ce;color:var(--dark)}.scope-tabs a.active{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 7px 18px rgba(23,63,95,.18)}
.offline-scope-tabs{margin-top:-2px}.offline-own-delivery-grid-single{grid-template-columns:minmax(280px,520px)}

.classification-hero{margin-bottom:18px}.classification-info-card{padding:0;overflow:hidden}.classification-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.classification-info-grid>div{padding:16px 18px;border-right:1px solid #e5ebef}.classification-info-grid>div:last-child{border-right:0}.classification-info-grid span{display:block;color:var(--muted);font-size:12px;font-weight:800;margin-bottom:6px}.classification-info-grid strong{display:block;color:var(--dark);font-size:24px;line-height:1.1}.classification-warning-stat{background:#fff8e7}.classification-warning-stat strong{color:#8a5a00}.classification-filter-tabs{margin-top:0}.classification-table-card{overflow:visible}.classification-table-wrap{overflow-x:auto}.classification-table{min-width:1040px}.classification-table th{text-align:left;white-space:nowrap}.classification-table td{text-align:left;vertical-align:middle}.classification-table td:first-child{min-width:300px}.classification-table td>strong{display:block;color:var(--dark);font-size:14px;line-height:1.3}.classification-table td>small{display:block;margin-top:5px;color:var(--muted);font-size:12px;font-weight:700;line-height:1.3}.classification-table select{width:100%;min-width:150px;height:40px;font-size:12px;font-weight:700;color:#314856}.classification-row-unclassified{background:#fffaf0}.classification-source{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:850;white-space:nowrap}.classification-source.auto{background:#edf4f8;color:#426478}.classification-source.manual{background:#edf7ef;color:#287142}.classification-row-form{margin:0}.classification-save-btn{height:36px;min-width:76px;font-size:12px}.classification-table .classification-row-form input[type="hidden"]{display:none}
.classification-filter-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px}.classification-filter-group{padding:14px 16px;border:1px solid #dbe5eb;border-radius:15px;background:rgba(255,255,255,.8);box-shadow:0 8px 22px rgba(16,47,73,.06)}.classification-filter-group>span{display:block;margin-bottom:9px;color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.classification-filter-group .scope-tabs{margin:0}.classification-platform-tabs a.active{background:#173f5f;color:#fff}.classification-meta-campaign-row td{padding:13px 14px!important;background:#edf4f8;border-top:2px solid #cbdde7}.classification-meta-campaign{display:flex;align-items:center;justify-content:space-between;gap:16px}.classification-meta-campaign>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.classification-meta-campaign strong{color:#102f49;font-size:14px}.classification-meta-campaign small{color:#557080;font-size:12px;font-weight:750;white-space:nowrap}.classification-meta-adset-row td:first-child{padding-left:24px}.classification-entity-indent{padding-left:14px;border-left:3px solid #d4a72c}.classification-entity-indent strong{display:block;color:var(--dark);font-size:14px;line-height:1.3}.classification-entity-indent small{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:5px;color:var(--muted);font-size:12px;font-weight:700}.classification-entity-kicker{display:block;margin-bottom:4px;color:#8a6a10;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.classification-status{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:999px;font-size:10px;font-weight:850;white-space:nowrap}.classification-status-active{background:#e4f4e8;color:#287142}.classification-status-inactive{background:#edf1f4;color:#687984}.classification-inactive-details{padding:0;overflow:hidden}.classification-inactive-details>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;color:#173f5f;font-size:14px;font-weight:900;cursor:pointer;list-style:none}.classification-inactive-details>summary::-webkit-details-marker{display:none}.classification-inactive-details>summary:after{content:'+';display:grid;place-items:center;width:28px;height:28px;margin-left:auto;border-radius:50%;background:#edf4f8;color:#173f5f;font-size:20px;line-height:1}.classification-inactive-details[open]>summary:after{content:'−'}.classification-inactive-details>summary small{color:var(--muted);font-size:12px;font-weight:750}.classification-inactive-content{padding:0 20px 20px;border-top:1px solid #e5ebef}.classification-inactive-content>p{margin:15px 0;color:var(--muted);font-size:12px}.classification-inactive-content .classification-table-wrap{max-height:650px;overflow:auto}.classification-inactive-content .classification-table{opacity:.88}

/* v1.0.0 – közös Google / Meta platformjelölés */
.platform-badge{display:inline-flex!important;align-items:center;min-height:22px;padding:0 7px;border-radius:999px;font-size:12px!important;font-weight:850;line-height:1;white-space:nowrap}
.platform-google{background:#eaf2f7;color:#28566f}
.platform-meta{background:#eef1fb;color:#304a91}
.campaign-meta>.platform-badge+span::before{display:none}

@media(max-width:1000px){.classification-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.classification-info-grid>div:nth-child(2){border-right:0}.classification-info-grid>div:nth-child(-n+2){border-bottom:1px solid #e5ebef}.classification-filter-groups{grid-template-columns:1fr}}
@media(max-width:620px){.scope-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.scope-tabs a{padding:0 9px;font-size:12px}.classification-info-grid{grid-template-columns:1fr 1fr}.classification-info-grid>div{padding:13px}.classification-info-grid strong{font-size:20px}.offline-own-delivery-grid-single{grid-template-columns:1fr}.classification-filter-group{padding:12px}.classification-filter-group .scope-tabs{grid-template-columns:1fr}.classification-meta-campaign{align-items:flex-start;flex-direction:column;gap:5px}.classification-meta-campaign small{white-space:normal}.classification-inactive-details>summary{align-items:flex-start;flex-wrap:wrap}.classification-inactive-details>summary small{width:calc(100% - 42px)}.classification-inactive-content{padding:0 12px 14px}}

/* v1.2.0 – tartós időszak, gyorsválasztók és kibővített offline elemzések */
.period-preset-panel{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;padding-top:10px;border-top:1px solid #dde6eb}.period-preset-panel>span{padding-top:8px;color:#526a78;font-size:11px;font-weight:850;white-space:nowrap}.period-preset-buttons,.comparison-preset-buttons{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.report-toolbar .period-preset-button,.report-toolbar .comparison-preset-button{height:32px;padding:0 10px;border:1px solid #cad9e2;border-radius:8px;background:#fff;color:#31546a;font:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:.15s ease}.report-toolbar .period-preset-button:hover,.report-toolbar .comparison-preset-button:hover{border-color:#7fa0b5;background:#eef5f8;color:#173f5f}.comparison-preset-buttons{flex:0 1 auto}.comparison-preset-button{min-width:0}.category-aggregate-summary{display:block;margin-top:4px;color:#647985;font-size:11px;font-weight:750;line-height:1.35}.rank-line>span{min-width:0}.offline-summary-row{display:grid;grid-template-columns:auto minmax(150px,1fr) minmax(75px,.38fr) minmax(120px,.58fr) minmax(120px,.58fr);align-items:center;gap:12px;padding:11px 12px;border:1px solid #e3ebf0;border-radius:13px;background:#f8fbfc}.offline-summary-row[hidden]{display:none}.offline-summary-main{display:block;min-width:0}.offline-summary-main>strong{display:block;overflow-wrap:anywhere;color:var(--dark);font-size:13px;line-height:1.3}.offline-summary-main .rank-track{margin-top:7px}.offline-inline-stat{display:block;min-width:0;text-align:right}.offline-inline-stat small{display:block;margin-bottom:3px;color:#71838e;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.offline-inline-stat b{display:block;color:var(--dark);font-size:12px;line-height:1.3;white-space:nowrap}.offline-postcode-row{grid-template-columns:auto minmax(180px,1fr) minmax(75px,.4fr) minmax(125px,.62fr)}.offline-population{display:block;margin-top:3px;color:#6f818c;font-size:11px;font-weight:700}.offline-postcode-list{max-height:760px;overflow:auto;padding-right:3px}.offline-list-more{width:100%;min-height:40px;border:1px solid #cad9e2;background:#fff;color:#214d68;font-size:12px;font-weight:850}.offline-map-card{padding-bottom:18px}.offline-postcode-map{width:100%;height:460px;border:1px solid #d9e4ea;border-radius:14px;overflow:hidden;background:#eef3f5}.offline-data-source{margin:10px 2px 0;color:#71818b;font-size:10px;line-height:1.45}.offline-map-popup>strong,.offline-map-popup>span{display:block}.offline-map-popup>span{margin-top:3px}.offline-map-popup ul{margin:7px 0 0;padding-left:18px}.offline-map-popup li{margin:2px 0}.classification-table tr[id]{scroll-margin-top:18px}.classification-row-saved td{animation:classification-saved-highlight 2.2s ease-out}@keyframes classification-saved-highlight{0%{background:#e4f4e8}100%{background:inherit}}

@media(max-width:1100px){.comparison-toolbar{align-items:flex-start;flex-wrap:wrap}.comparison-date-fields{flex-basis:100%}.offline-summary-row{grid-template-columns:auto minmax(160px,1fr) repeat(3,minmax(95px,.55fr))}}
@media(max-width:760px){.period-preset-panel{align-items:stretch;flex-direction:column}.period-preset-panel>span{padding-top:0}.comparison-preset-buttons{width:100%}.comparison-preset-buttons button{flex:1}.offline-summary-row,.offline-postcode-row{grid-template-columns:auto minmax(0,1fr) minmax(95px,.55fr)}.offline-summary-row .offline-inline-stat:nth-of-type(n+3){grid-column:2/-1;text-align:left}.offline-summary-row .offline-inline-stat:nth-of-type(n+3) small,.offline-summary-row .offline-inline-stat:nth-of-type(n+3) b{display:inline}.offline-summary-row .offline-inline-stat:nth-of-type(n+3) small{margin-right:5px}.offline-postcode-map{height:360px}}
@media(max-width:480px){.period-preset-buttons{display:grid;grid-template-columns:1fr 1fr}.period-preset-buttons button{width:100%}.comparison-preset-buttons{display:grid;grid-template-columns:1fr}.offline-summary-row,.offline-postcode-row{grid-template-columns:auto minmax(0,1fr)}.offline-summary-row .offline-inline-stat{grid-column:2;text-align:left}.offline-inline-stat small,.offline-inline-stat b{display:inline}.offline-inline-stat small{margin-right:5px}.offline-postcode-map{height:320px}}

/* v1.2.2 – kompakt online riportfejléc */
.online-report-hero{gap:20px;padding:18px 20px}.online-report-hero .report-hero__copy{flex:1 1 34%;min-width:290px}.online-report-toolbar{flex:1 1 100px;max-width:1050px;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) 46px minmax(150px,.92fr) auto;gap:8px;padding:10px}.online-report-toolbar .field label{margin-bottom:5px}.online-report-toolbar input,.online-report-toolbar select{height:42px}.comparison-compact-toggle{display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:5px;min-width:46px;height:61px;margin:0;color:#587180;cursor:pointer}.comparison-toggle-icon{display:grid;place-items:center;width:27px;height:22px;border:1px solid #cad9e2;border-radius:7px;background:#fff;color:#456477;font-size:17px;font-weight:900;line-height:1;transition:.15s ease}.comparison-compact-toggle input{width:18px;height:18px;margin:0;padding:0;accent-color:var(--blue);cursor:pointer}.comparison-compact-toggle:hover .comparison-toggle-icon,.comparison-compact-toggle.is-active .comparison-toggle-icon{border-color:#7697ac;background:#e8f2f7;color:#173f5f}.online-report-toolbar .period-preset-panel{align-items:center;gap:8px;padding-top:8px;overflow:hidden}.online-report-toolbar .period-preset-panel>span{padding-top:0}.online-report-toolbar .period-preset-buttons{min-width:0;flex:1;flex-wrap:nowrap;overflow-x:auto;padding:1px 0 3px;scrollbar-width:thin}.online-report-toolbar .period-preset-button{height:30px;padding:0 9px;font-size:10px}.online-report-toolbar .comparison-toolbar{display:none;align-items:flex-end;gap:8px;padding-top:8px}.online-report-toolbar .comparison-toolbar.is-active{display:flex}.online-report-toolbar .comparison-date-fields{display:grid;grid-template-columns:repeat(2,minmax(155px,1fr));gap:8px;flex:1 1 390px}.online-report-toolbar .comparison-date-fields input{height:38px}.online-report-toolbar .comparison-preset-buttons{flex:0 0 auto;flex-wrap:nowrap;padding-bottom:1px}.online-report-toolbar .comparison-preset-button{height:38px}.online-report-toolbar .report-submit-button{padding-left:16px;padding-right:16px}

@media(max-width:1280px){.online-report-hero .report-hero__copy{min-width:0}.online-report-toolbar{flex:0 1 auto;width:100%;max-width:none}}
@media(max-width:920px){.online-report-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.online-report-toolbar .comparison-compact-toggle{grid-column:1;height:52px;justify-self:start;align-self:end;flex-direction:row-reverse;justify-content:flex-start}.online-report-toolbar .report-shop-field{grid-column:2}.online-report-toolbar .report-submit-button{grid-column:1/-1;justify-self:stretch;padding-left:12px;padding-right:12px}.online-report-toolbar .comparison-toolbar.is-active{align-items:stretch;flex-direction:column}.online-report-toolbar .comparison-preset-buttons{padding-bottom:0}.online-report-toolbar .comparison-preset-button{flex:1}.online-report-toolbar .period-preset-panel{align-items:flex-start;flex-direction:column}.online-report-toolbar .period-preset-buttons{width:100%}}
@media(max-width:640px){.online-report-toolbar{grid-template-columns:1fr}.online-report-toolbar .field,.online-report-toolbar .report-shop-field,.online-report-toolbar .comparison-compact-toggle,.online-report-toolbar .report-submit-button{grid-column:auto}.online-report-toolbar .report-shop-field{grid-column:auto}.online-report-toolbar .comparison-compact-toggle{height:auto;min-height:42px}.online-report-toolbar .comparison-date-fields{grid-template-columns:1fr}.online-report-toolbar .comparison-preset-buttons{display:grid;grid-template-columns:1fr;width:100%}.online-report-toolbar .period-preset-buttons{display:flex}.online-report-toolbar .period-preset-button{width:auto}}

/* v1.3.0 – kompakt offline riportfejléc és fizetési bontás */
.offline-report-hero-compact{gap:20px;padding:18px 20px}
.offline-report-hero-compact .report-hero__copy{flex:1 1 34%;min-width:290px}
.offline-report-toolbar-compact{flex:1 1 880px;max-width:990px;grid-template-columns:minmax(165px,1fr) minmax(165px,1fr) 46px auto;gap:8px;padding:10px}
.offline-report-toolbar-compact .field label{margin-bottom:5px}
.offline-report-toolbar-compact input{height:42px}
.offline-report-toolbar-compact .period-preset-panel{align-items:center;gap:8px;padding-top:8px;overflow:hidden}
.offline-report-toolbar-compact .period-preset-panel>span{padding-top:0}
.offline-report-toolbar-compact .period-preset-buttons{min-width:0;flex:1;flex-wrap:nowrap;overflow-x:auto;padding:1px 0 3px;scrollbar-width:thin}
.offline-report-toolbar-compact .period-preset-button{height:30px;padding:0 9px;font-size:10px}
.offline-report-toolbar-compact .offline-report-submit-button{padding-left:16px;padding-right:16px}
.offline-report-toolbar-compact .comparison-toolbar{display:none;align-items:flex-end;gap:8px;padding-top:8px}
.offline-report-toolbar-compact .comparison-toolbar.is-active{display:flex}
.offline-report-toolbar-compact .comparison-date-fields{display:grid;grid-template-columns:repeat(2,minmax(155px,1fr));gap:8px;flex:1 1 390px}
.offline-report-toolbar-compact .comparison-date-fields input{height:38px}
.offline-report-toolbar-compact .comparison-preset-buttons{flex:0 0 auto;flex-wrap:nowrap;padding-bottom:1px}
.offline-report-toolbar-compact .comparison-preset-button{height:38px}

.online-main-metrics{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(360px,1.65fr) minmax(0,1fr)}
.offline-main-metrics{grid-template-columns:minmax(360px,1.8fr) repeat(4,minmax(0,1fr))}
.payment-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:11px;padding-top:10px;border-top:1px solid #dde7ec}
.payment-breakdown__state{min-width:0;padding:8px;border:1px solid #dce6eb;border-radius:10px;background:#f7fafb}
.payment-breakdown__state--paid{border-color:#cfe5d7;background:#f2faf5}
.payment-breakdown__state--unpaid{border-color:#eadfbf;background:#fffaf0}
.payment-breakdown__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;padding-bottom:6px;border-bottom:1px solid rgba(91,116,130,.14)}
.metric .payment-breakdown__heading>span{min-width:0;color:#49616f;font-size:10px;font-weight:900;line-height:1.2;letter-spacing:0}
.metric .payment-breakdown__heading>strong{display:block;flex:0 0 auto;margin:0;color:var(--dark);font-size:12px;line-height:1.2;letter-spacing:0;white-space:nowrap}
.payment-breakdown__methods{display:grid;gap:6px;margin-top:6px;overflow:visible}
.payment-breakdown__method{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 6px;align-items:baseline}
.metric .payment-breakdown__method>span{min-width:0;color:#647885;font-size:9px;font-weight:800;line-height:1.25;letter-spacing:0;overflow-wrap:anywhere;white-space:normal}
.payment-breakdown__method>b{min-width:0;color:#173f5f;font-size:10px;line-height:1.2;white-space:nowrap}
.payment-breakdown__method>small{grid-column:1/-1;color:#81909a;font-size:8px;line-height:1.2}
.payment-breakdown__empty{color:#81909a;font-size:9px;line-height:1.3}
.payment-breakdown .amount-tooltip{font-size:inherit;font-weight:inherit;letter-spacing:inherit}
.payment-breakdown-source{display:block;margin-top:7px;color:#71838e;font-size:8px;font-weight:700;line-height:1.35}

@media(max-width:1280px){.offline-report-hero-compact .report-hero__copy{min-width:0}.offline-report-toolbar-compact{flex:0 1 auto;width:100%;max-width:none}.offline-main-metrics{grid-template-columns:minmax(340px,1.6fr) repeat(2,minmax(0,1fr))}.online-main-metrics{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(340px,1.5fr)}}
@media(max-width:920px){.offline-report-toolbar-compact{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.offline-report-toolbar-compact .comparison-compact-toggle{grid-column:1;height:52px;justify-self:start;align-self:end;flex-direction:row-reverse;justify-content:flex-start}.offline-report-toolbar-compact .offline-report-submit-button{grid-column:1/-1;justify-self:stretch;padding-left:12px;padding-right:12px}.offline-report-toolbar-compact .period-preset-panel{align-items:flex-start;flex-direction:column}.offline-report-toolbar-compact .period-preset-buttons{width:100%}.offline-report-toolbar-compact .comparison-toolbar.is-active{align-items:stretch;flex-direction:column}.offline-report-toolbar-compact .comparison-preset-buttons{padding-bottom:0}.offline-report-toolbar-compact .comparison-preset-button{flex:1}.online-main-metrics,.offline-main-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-breakdown{grid-template-columns:1fr}}
@media(max-width:640px){.offline-report-toolbar-compact{grid-template-columns:1fr}.offline-report-toolbar-compact .field,.offline-report-toolbar-compact .comparison-compact-toggle,.offline-report-toolbar-compact .offline-report-submit-button{grid-column:auto}.offline-report-toolbar-compact .comparison-compact-toggle{height:auto;min-height:42px}.offline-report-toolbar-compact .comparison-date-fields{grid-template-columns:1fr}.offline-report-toolbar-compact .comparison-preset-buttons{display:grid;grid-template-columns:1fr;width:100%}.offline-report-toolbar-compact .period-preset-buttons{display:flex}.offline-report-toolbar-compact .period-preset-button{width:auto}.online-main-metrics,.offline-main-metrics{grid-template-columns:1fr}.payment-breakdown{grid-template-columns:1fr}}

/* v1.5.0 – kompakt KPI-kártyák, címsorba rendezett ikonok */
.online-main-metrics,.offline-main-metrics{
    align-items:start;
    gap:10px;
    margin-bottom:14px;
}
.online-main-metrics .metric,.offline-main-metrics .metric{
    min-height:0;
    padding:13px 14px 12px 17px;
}
.online-main-metrics .metric::before,.offline-main-metrics .metric::before{
    top:11px;
    bottom:11px;
    width:3px;
}
.online-main-metrics .metric::after,.offline-main-metrics .metric::after{
    right:-47px;
    bottom:-70px;
    width:126px;
    height:126px;
}
.metric-heading{
    display:flex;
    align-items:center;
    gap:7px;
    min-width:0;
    margin-bottom:5px;
}
.metric-heading .metric-icon{
    width:27px;
    height:27px;
    flex:0 0 27px;
    margin:0;
    border-radius:8px;
    font-size:13px;
}
.metric-heading .metric-icon-text{font-size:11px}
.metric .metric-heading>span{
    min-width:0;
    color:#687985;
    font-size:11px;
    font-weight:850;
    line-height:1.2;
    letter-spacing:.015em;
}
.online-main-metrics .metric>strong,.offline-main-metrics .metric>strong{
    margin-top:2px;
    font-size:23px;
    line-height:1.08;
}
.online-main-metrics .metric-detail,.offline-main-metrics .metric-detail{margin-top:6px}
.online-main-metrics .metric>.comparison-delta,.offline-main-metrics .metric>.comparison-delta{margin-top:4px}
.online-main-metrics .payment-breakdown,.offline-main-metrics .payment-breakdown{
    gap:6px;
    margin-top:8px;
    padding-top:8px;
}
.online-main-metrics .payment-breakdown__state,.offline-main-metrics .payment-breakdown__state{padding:7px}
.online-main-metrics .payment-breakdown__heading,.offline-main-metrics .payment-breakdown__heading{padding-bottom:5px}
.online-main-metrics .payment-breakdown__methods,.offline-main-metrics .payment-breakdown__methods{
    gap:5px;
    margin-top:5px;
}
.offline-main-metrics .payment-breakdown-source{margin-top:5px}
.online-main-metrics .metric-cost-channels{
    gap:7px;
    margin-top:8px;
    padding-top:8px;
}
.online-main-metrics .metric-cost-channel{padding:8px}
.online-main-metrics .metric-cost-platforms{
    gap:5px;
    margin-top:7px;
    padding-top:6px;
}
.online-main-metrics .metric-split{
    gap:8px;
    margin-top:8px;
    padding-top:8px;
}

@media(max-width:720px){
    .online-main-metrics .metric,.offline-main-metrics .metric{padding:12px 13px 11px 16px}
    .online-main-metrics .metric>strong,.offline-main-metrics .metric>strong{font-size:21px}
}

/* v1.6.0 – online KPI-mozaik, azonos magasságú offline KPI-k és irányítószám-szerkesztő */
.online-main-metrics{
    grid-template-columns:minmax(300px,1.14fr) minmax(285px,1.06fr) minmax(220px,.82fr);
    grid-template-areas:
        "valid total orders"
        "valid cost cancelled"
        "valid cost ratio";
    align-items:stretch;
    gap:10px;
}
.online-main-metrics .metric{height:100%;margin:0}
.online-main-metrics .metric-valid{grid-area:valid}
.online-main-metrics .metric-total{grid-area:total}
.online-main-metrics .metric-orders{grid-area:orders}
.online-main-metrics .metric-cost{grid-area:cost}
.online-main-metrics .metric-cancelled{grid-area:cancelled}
.online-main-metrics .metric-real-cost{grid-area:ratio}
.online-main-metrics .metric-heading>span,
.offline-main-metrics .metric-heading>span{font-size:12px}
.online-main-metrics .payment-breakdown__method>span,
.offline-main-metrics .payment-breakdown__method>span,
.online-main-metrics .payment-breakdown__heading>span,
.offline-main-metrics .payment-breakdown__heading>span,
.online-main-metrics .payment-breakdown__heading>strong,
.offline-main-metrics .payment-breakdown__heading>strong,
.online-main-metrics .payment-breakdown__method>b,
.offline-main-metrics .payment-breakdown__method>b,
.online-main-metrics .payment-breakdown__method>small,
.offline-main-metrics .payment-breakdown__method>small,
.online-main-metrics .payment-breakdown__empty,
.offline-main-metrics .payment-breakdown__empty,
.offline-main-metrics .payment-breakdown-source{font-size:12px}

.offline-main-metrics{align-items:stretch}
.offline-main-metrics .metric{height:100%;margin-bottom:0}

.online-summary-insights{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    gap:12px;
    margin-bottom:18px;
}
.online-summary-insights>.card{height:100%;margin-bottom:0}
.online-summary-insights .auxiliary-items{min-width:0}
.online-summary-insights .auxiliary-items .table-wrap{width:100%;max-width:100%;overflow-x:hidden}
.online-summary-insights .auxiliary-items table{width:100%;min-width:0;table-layout:fixed}
.online-summary-insights .auxiliary-items th:first-child,
.online-summary-insights .auxiliary-items td:first-child{width:62%;overflow-wrap:anywhere}
.online-summary-insights .auxiliary-items th:nth-child(2),
.online-summary-insights .auxiliary-items td:nth-child(2){width:18%}
.online-summary-insights .auxiliary-items th:nth-child(3),
.online-summary-insights .auxiliary-items td:nth-child(3){width:20%}
.insight-grid-single{grid-template-columns:1fr}

.offline-postcode-search{
    width:min(270px,100%);
    flex:0 0 270px;
    margin:0;
}
.offline-postcode-search>span{
    display:block;
    margin-bottom:5px;
    color:#6b7780;
    font-size:12px;
    font-weight:800;
}
.offline-postcode-search input{
    width:100%;
    height:38px;
    padding:0 12px;
    border-color:#cad9e2;
    background:#f8fbfc;
    color:#102f49;
    font-size:13px;
}
.offline-postcode-search input:focus{
    outline:3px solid rgba(23,63,95,.12);
    border-color:#6f93a9;
    background:#fff;
}
.offline-postcode-search small{
    display:block;
    min-height:15px;
    margin-top:4px;
    color:#6b7780;
    font-size:12px;
    font-weight:700;
    text-align:right;
}
.offline-postcode-search-empty{grid-column:1/-1;margin:0}
.offline-list-more[hidden],.offline-postcode-search-empty[hidden]{display:none}

.postcode-population-toolbar{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
    padding:14px 16px;
    border:1px solid #dbe5eb;
    border-radius:15px;
    background:rgba(255,255,255,.8);
    box-shadow:0 8px 22px rgba(16,47,73,.06);
}
.postcode-population-search{min-width:min(460px,100%)}
.postcode-population-search>div{display:flex;gap:8px}
.postcode-population-search input{width:100%;min-width:220px}
.postcode-population-sort{margin:0}
.postcode-population-table{min-width:800px}
.postcode-population-table td:first-child{min-width:125px}
.postcode-population-table td:nth-child(2){min-width:240px}
.postcode-population-table td:nth-child(3){width:240px}
.postcode-population-input{display:flex;align-items:center;gap:8px}
.postcode-population-input input{width:150px;text-align:right;font-size:14px;font-weight:800;color:#102f49}
.postcode-population-input span{color:#6b7780;font-size:12px;font-weight:800}
.postcode-population-stats{margin-bottom:18px}
.postcode-population-table tr[id]{scroll-margin-top:18px}

@media(max-width:1120px){
    .online-main-metrics{
        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-template-areas:
            "valid total"
            "valid orders"
            "cost cancelled"
            "cost ratio";
    }
    .online-summary-insights{grid-template-columns:1fr}
    .postcode-population-toolbar{align-items:stretch;flex-direction:column}
}

@media(max-width:680px){
    .online-main-metrics{
        grid-template-columns:1fr;
        grid-template-areas:"valid" "total" "orders" "cost" "cancelled" "ratio";
    }
    .postcode-population-search{min-width:0}
    .postcode-population-search>div{align-items:stretch;flex-direction:column}
    .postcode-population-search input{min-width:0}
    .postcode-population-sort{grid-template-columns:1fr!important}
    .offline-postcode-search{width:100%;flex-basis:auto}
    .offline-postcode-search small{text-align:left}
    .online-summary-insights .auxiliary-items table{min-width:0;table-layout:fixed}
    .online-summary-insights .auxiliary-items th,
    .online-summary-insights .auxiliary-items td{padding:8px 5px;font-size:12px;overflow-wrap:anywhere}
}

/* v1.7.0 – online irányítószámok, lakosságarányos offline mutató és védett belépés */
.comparison-delta[title]{cursor:help}

.online-category-postcode-grid{
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    align-items:stretch;
    gap:14px;
}
.online-category-postcode-grid>.card{height:100%;margin-bottom:0}
.online-postcode-heading{align-items:flex-start;gap:14px}
.online-postcode-heading>div{min-width:0}
.online-postcode-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}
.online-postcode-search{width:min(240px,100%);flex:0 0 240px}
.online-postcode-list{display:grid;gap:8px;max-height:none;overflow:visible;padding-right:0}
.online-postcode-row{
    display:grid;
    grid-template-columns:auto minmax(170px,1fr) minmax(72px,.42fr) minmax(116px,.62fr);
    align-items:center;
    gap:10px;
    padding:10px 11px;
    border:1px solid #e3ebf0;
    border-radius:12px;
    background:#f8fbfc;
}
.online-postcode-row[hidden]{display:none}
.online-postcode-main{display:block;min-width:0}
.online-postcode-main>strong{display:block;overflow-wrap:anywhere;color:var(--dark);font-size:13px;line-height:1.3}
.online-postcode-main .rank-track{margin-top:7px}

/* Az offline irányítószám sorokban új, harmadik mutató az egy lakosra jutó nettó bevétel. */
.offline-postcode-row{
    grid-template-columns:auto minmax(180px,1fr) minmax(75px,.40fr) minmax(125px,.62fr) minmax(115px,.58fr);
}
.offline-per-capita b{color:#173f5f}

/* Navigációból biztonságos, CSRF-védett POST kijelentkezés. */
.nav-logout-form{display:inline-flex;margin:0 0 0 auto;padding:0}
.nav-logout-form input[type="hidden"]{display:none}
.nav-logout-button{
    height:auto;
    min-height:0;
    margin:0;
    padding:6px 0;
    border:0;
    border-bottom:2px solid transparent;
    border-radius:0;
    background:transparent;
    color:#fff;
    font:inherit;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
}
.nav-logout-button:hover,.nav-logout-button:focus{border-bottom-color:var(--gold);outline:none}

/* Bejelentkezés / kötelező első jelszócsere. */
.auth-page{
    min-height:100vh;
    background:
        radial-gradient(circle at 12% 12%,rgba(212,167,44,.16),transparent 30%),
        radial-gradient(circle at 88% 82%,rgba(23,63,95,.16),transparent 34%),
        linear-gradient(145deg,#edf2f5 0%,#f8fafb 48%,#eef3f5 100%);
}
.auth-shell{
    min-height:100vh;
    display:grid;
    place-items:center;
    padding:28px 16px;
}
.auth-card{
    width:min(460px,100%);
    padding:30px;
    border:1px solid rgba(23,63,95,.14);
    border-radius:20px;
    background:rgba(255,255,255,.97);
    box-shadow:0 24px 70px rgba(16,47,73,.16);
}
.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.auth-brand .brand-mark{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:linear-gradient(145deg,var(--blue),var(--dark));color:#fff;font-size:13px;font-weight:950;letter-spacing:.06em;box-shadow:0 9px 22px rgba(23,63,95,.18)}
.auth-brand>div{display:grid;gap:2px}
.auth-brand strong{color:var(--dark);font-size:15px}
.auth-brand small{color:var(--muted);font-size:11px;font-weight:700}
.auth-heading{margin-bottom:20px}
.auth-heading h1{margin:5px 0 7px;color:var(--dark);font-size:29px;line-height:1.12}
.auth-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.auth-form{display:grid;gap:15px}
.auth-form .field{margin:0}
.auth-form label{margin-bottom:6px;color:#506674;font-size:12px}
.auth-form input{width:100%;height:46px;border-color:#c9d7df;background:#fbfcfd;color:#172d3b;font-size:14px}
.auth-form input:focus{outline:3px solid rgba(23,63,95,.12);border-color:#6f93a9;background:#fff}
.auth-submit{width:100%;height:46px;justify-content:center;margin-top:2px;font-size:14px}
.auth-message{margin:0 0 16px}
.auth-note{display:grid;gap:4px;margin-top:18px;padding:12px 13px;border:1px solid #dce6eb;border-radius:11px;background:#f6f9fa;color:#607481;font-size:11px;line-height:1.45}
.auth-note strong{color:var(--dark);font-size:12px}
.auth-user-summary{display:grid;gap:3px;margin:-3px 0 17px;padding:11px 13px;border-left:3px solid var(--gold);border-radius:8px;background:#f7f9fa}
.auth-user-summary strong{color:var(--dark);font-size:13px}
.auth-user-summary span{color:var(--muted);font-size:12px}
.field-hint{display:block;margin-top:5px;color:#788891;font-size:11px;line-height:1.35}
.auth-back-link{display:inline-block;margin-top:17px;color:var(--blue);font-size:12px;font-weight:800;text-decoration:none}
.auth-back-link:hover{text-decoration:underline}

@media(max-width:1120px){
    .online-category-postcode-grid{grid-template-columns:1fr}
    .online-category-postcode-grid>.card{height:auto}
}
@media(max-width:760px){
    .online-postcode-heading{align-items:stretch;flex-direction:column}
    .online-postcode-search{width:100%;flex-basis:auto}
    .online-postcode-row{grid-template-columns:auto minmax(0,1fr)}
    .online-postcode-row .offline-inline-stat{grid-column:2;text-align:left}
    .online-postcode-row .offline-inline-stat small,
    .online-postcode-row .offline-inline-stat b{display:inline}
    .online-postcode-row .offline-inline-stat small{margin-right:5px}

    .offline-postcode-row{grid-template-columns:auto minmax(0,1fr)}
    .offline-postcode-row .offline-inline-stat{grid-column:2;text-align:left}
    .offline-postcode-row .offline-inline-stat small,
    .offline-postcode-row .offline-inline-stat b{display:inline}
    .offline-postcode-row .offline-inline-stat small{margin-right:5px}
}
@media(max-width:620px){
    .nav{align-items:center}
    .nav-logout-form{margin-left:0}
    .auth-card{padding:23px 18px;border-radius:16px}
    .auth-heading h1{font-size:25px}
}

/* v1.7.1 – egyszerűsített főmenü / Rendszereszközök lenyíló */
.nav-tools{position:relative;display:inline-flex;align-items:center}
.nav-tools>summary{
    list-style:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:36px;
    padding:0 14px;
    border:0;
    border-radius:9px;
    color:rgba(255,255,255,.76);
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
    cursor:pointer;
    user-select:none;
    transition:background .18s ease,color .18s ease,transform .18s ease;
}
.nav-tools>summary::-webkit-details-marker{display:none}
.nav-tools>summary::marker{content:""}
.nav-tools>summary:hover,.nav-tools[open]>summary{color:#fff;background:rgba(255,255,255,.08)}
.nav-tools>summary:focus-visible{outline:3px solid rgba(212,167,44,.34);outline-offset:2px}
.nav-tools.is-active>summary{
    color:var(--dark);
    background:#fff;
    box-shadow:0 4px 12px rgba(0,0,0,.14);
}
.nav-tools-chevron{
    width:7px;
    height:7px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:translateY(-2px) rotate(45deg);
    transition:transform .16s ease;
}
.nav-tools[open] .nav-tools-chevron{transform:translateY(2px) rotate(225deg)}
.nav-tools-menu{
    position:absolute;
    top:calc(100% + 9px);
    right:0;
    z-index:140;
    display:grid;
    gap:3px;
    min-width:230px;
    padding:8px;
    border:1px solid #d5e0e6;
    border-radius:12px;
    background:#fff;
    box-shadow:0 16px 38px rgba(7,31,49,.2);
}
.nav .nav-tools-menu a{
    justify-content:flex-start;
    min-height:38px;
    padding:0 11px;
    border-radius:8px;
    color:#425866;
    font-size:12px;
    font-weight:750;
}
.nav .nav-tools-menu a:hover{color:var(--dark);background:#f1f5f7}
.nav .nav-tools-menu a.active{
    color:var(--dark);
    background:#eaf1f5;
    box-shadow:none;
}

@media(max-width:720px){
    .nav{overflow:visible}
    .nav-tools>summary{min-height:34px;padding:0 11px;font-size:11px}
    .nav-tools-menu{right:0;min-width:210px;max-width:calc(100vw - 24px)}
    .nav .nav-tools-menu a{min-height:36px;font-size:11px}
}
@media(max-width:480px){
    .nav{max-width:none;width:100%}
    .nav>a{flex:1 1 auto}
    .nav-tools{flex:1 1 auto}
    .nav-tools>summary{width:100%}
    .nav-logout-form{flex:0 0 auto}
}

/* v1.7.1 – kampányriport Online / Offline csoportosítás */
.campaign-channel-section{
    margin-top:14px;
    border:1px solid #d9e3e9;
    border-radius:14px;
    background:#fff;
    overflow:clip;
    box-shadow:0 3px 12px rgba(16,47,73,.04);
}
.campaign-channel-section[hidden]{display:none}
.campaign-channel-summary{
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:13px 15px;
    border-bottom:1px solid transparent;
    background:#f7fafb;
    cursor:pointer;
    user-select:none;
}
.campaign-channel-section[open]>.campaign-channel-summary{border-bottom-color:#dfe7ec}
.campaign-channel-summary::-webkit-details-marker{display:none}
.campaign-channel-summary::marker{content:""}
.campaign-channel-summary:focus-visible{outline:3px solid rgba(23,63,95,.15);outline-offset:-3px}
.campaign-channel-summary__copy{display:flex;align-items:center;gap:10px;min-width:0}
.campaign-channel-summary__copy>div{display:grid;gap:2px;min-width:0}
.campaign-channel-summary__copy strong{color:var(--dark);font-size:14px}
.campaign-channel-summary__copy small{color:var(--muted);font-size:11px;font-weight:650}
.campaign-channel-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:66px;
    padding:5px 9px;
    border-radius:999px;
    font-size:11px;
    font-weight:850;
    letter-spacing:.02em;
}
.campaign-channel-badge-online{background:#e7f3f9;color:#165b82}
.campaign-channel-badge-offline{background:#f6edd2;color:#7c5a04}
.campaign-channel-badge-unclassified{background:#f1e8e8;color:#8b3d3d}
.campaign-channel-count{flex:0 0 auto;color:#60737f;font-size:11px;font-weight:800}
.campaign-channel-section .weekly-report-wrap{margin:0;border:0;border-radius:0;box-shadow:none}
.campaign-channel-section .weekly-campaign-table{margin:0}
.campaign-channel-section .weekly-campaign-table tbody tr:last-child td{border-bottom:0}

@media(max-width:1020px){
    .campaign-channel-section{overflow:visible;border:0;background:transparent;box-shadow:none}
    .campaign-channel-summary{
        margin-bottom:10px;
        border:1px solid var(--line)!important;
        border-radius:12px;
        background:#fff;
        box-shadow:var(--shadow-sm);
    }
    .campaign-channel-section .weekly-campaign-table tbody{padding:0}
}
@media(max-width:620px){
    .campaign-channel-summary{align-items:flex-start;padding:11px 12px}
    .campaign-channel-summary__copy{align-items:flex-start}
    .campaign-channel-summary__copy small{display:none}
    .campaign-channel-badge{min-width:0;padding:4px 7px;font-size:10px}
    .campaign-channel-count{padding-top:3px;font-size:10px}
}

/* v1.7.2 – TOTP kétlépcsős azonosítás */
.auth-shell-wide{width:min(760px,100%)}
.auth-shell-wide .auth-card{width:min(760px,100%);max-width:760px}
.totp-setup-grid{
    display:grid;
    grid-template-columns:minmax(230px,270px) minmax(0,1fr);
    gap:24px;
    align-items:start;
    margin:4px 0 22px;
}
.totp-qr-panel{
    display:grid;
    justify-items:center;
    gap:10px;
    padding:18px;
    border:1px solid #dce6eb;
    border-radius:14px;
    background:#f8fafb;
}
.totp-qr{
    display:grid;
    place-items:center;
    width:236px;
    min-height:236px;
    padding:8px;
    border:1px solid #d5e0e6;
    border-radius:10px;
    background:#fff;
}
.totp-qr img,.totp-qr canvas{display:block;max-width:100%;height:auto}
.totp-qr-panel small{max-width:230px;color:var(--muted);font-size:10.5px;line-height:1.45;text-align:center}
.totp-setup-copy h2{margin:2px 0 6px;color:var(--dark);font-size:14px}
.totp-setup-copy p{margin:0 0 15px;color:var(--muted);font-size:12px;line-height:1.55}
.totp-secret{
    display:block;
    margin:4px 0 8px;
    padding:11px 12px;
    border:1px solid #d7e2e8;
    border-radius:9px;
    background:#f3f6f8;
    color:#173f5f;
    font-family:Consolas,"Courier New",monospace;
    font-size:13px;
    font-weight:800;
    letter-spacing:.055em;
    line-height:1.5;
    overflow-wrap:anywhere;
    user-select:all;
}
.totp-confirm-form{padding-top:2px}
.auth-form .totp-code-input{
    height:54px;
    font-size:24px;
    font-weight:850;
    letter-spacing:.28em;
    text-align:center;
    font-variant-numeric:tabular-nums;
}
.auth-secondary-form{display:flex;justify-content:center;margin-top:14px}
.auth-back-button{
    padding:4px 6px;
    border:0;
    background:transparent;
    color:var(--blue);
    font:inherit;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
}
.auth-back-button:hover{text-decoration:underline}
@media (max-width:680px){
    .totp-setup-grid{grid-template-columns:1fr;gap:17px}
    .totp-qr-panel{padding:14px}
    .totp-qr{width:228px;min-height:228px}
}

/* v1.8.0 – Kampánysorrend drag & drop */
.campaign-heading-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.campaign-order-hero{margin-bottom:14px}
.campaign-order-toolbar-card{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto minmax(220px,.8fr);gap:14px;align-items:end;margin-bottom:14px;padding:15px 16px}
.campaign-order-filter-group>span{display:block;margin-bottom:7px;color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.campaign-order-filter-buttons{display:flex;gap:6px;flex-wrap:wrap}
.campaign-order-filter{min-height:36px;padding:0 11px;border:1px solid #cad9e2;border-radius:9px;background:#fff;color:#31546a;font:inherit;font-size:11px;font-weight:850;cursor:pointer;transition:.15s ease}
.campaign-order-filter:hover{border-color:#88a5b7;background:#f3f8fa}
.campaign-order-filter.is-active{border-color:#173f5f;background:#173f5f;color:#fff}
.campaign-order-inactive-toggle{display:flex;align-items:center;gap:8px;min-height:36px;color:#415d6e;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.campaign-order-inactive-toggle input{width:17px;height:17px;margin:0;accent-color:#173f5f}
.campaign-order-save-state{justify-self:end;min-width:220px;padding:9px 11px;border:1px solid #dce6eb;border-radius:9px;background:#f7fafb;color:#647985;font-size:11px;font-weight:800;text-align:center;transition:.18s ease}
.campaign-order-save-state.is-saving{border-color:#d8c681;background:#fff9e9;color:#765b00}
.campaign-order-save-state.is-saved{border-color:#bdddc7;background:#f0faf3;color:#25713e}
.campaign-order-save-state.is-error{border-color:#e8bcbc;background:#fff2f2;color:#9c3030}
.campaign-order-summary-strip{display:flex;align-items:center;gap:8px;margin:0 0 14px}
.campaign-order-summary-strip>span{display:inline-flex;align-items:baseline;gap:5px;padding:7px 10px;border:1px solid #dfe8ed;border-radius:999px;background:#fff;color:#697d89;font-size:11px;font-weight:750}
.campaign-order-summary-strip strong{color:#173f5f;font-size:13px}
.campaign-order-channel{margin-bottom:16px;padding:0;overflow:hidden}
.campaign-order-channel-heading{align-items:center;margin:0;padding:15px 17px;border-bottom:1px solid #e4ebef;background:#f8fafb}
.campaign-order-channel-heading h2{margin-top:6px;font-size:18px}
.campaign-order-channel-heading p{margin-top:4px;font-size:11px}
.campaign-order-channel-count{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border:1px solid #d7e2e8;border-radius:999px;background:#fff;color:#4f6978;font-size:11px;font-weight:850;white-space:nowrap}
.campaign-sort-list{display:grid;gap:9px;padding:13px;background:#f5f8fa}
.campaign-sort-unit{position:relative;border:1px solid #dbe5ea;border-radius:13px;background:#fff;box-shadow:0 3px 10px rgba(16,47,73,.04);transition:box-shadow .15s ease,border-color .15s ease,opacity .15s ease,transform .15s ease}
.campaign-sort-unit:hover{border-color:#bfd0da;box-shadow:0 7px 18px rgba(16,47,73,.07)}
.campaign-sort-unit.is-inactive{background:#fbfcfd;opacity:.82}
.campaign-sort-unit.is-dragging{z-index:5;border-color:#d4a72c;box-shadow:0 16px 34px rgba(16,47,73,.18);opacity:.76;transform:scale(.995)}
.campaign-sort-unit[hidden],.campaign-adset-sort-row[hidden]{display:none!important}
.campaign-sort-unit-head{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:11px 13px}
.campaign-sort-handle,.adset-sort-handle{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #d4dfe5;border-radius:9px;background:#f7fafb;cursor:grab;touch-action:none}
.campaign-sort-handle:active,.adset-sort-handle:active{cursor:grabbing}
.campaign-sort-handle span,.adset-sort-handle span{width:15px;height:18px;background-image:radial-gradient(circle,#6f8491 1.6px,transparent 1.8px);background-size:7px 6px;background-position:center}
.campaign-sort-unit-copy{min-width:0}
.campaign-sort-title-line{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.campaign-sort-title-line strong{min-width:0;color:#102f49;font-size:14px;line-height:1.3;overflow-wrap:anywhere}
.campaign-sort-unit-copy>small{display:block;margin-top:4px;color:#738691;font-size:11px;font-weight:700}
.campaign-adset-sort-list{display:grid;gap:6px;padding:8px 12px 12px 54px;border-top:1px solid #e8eef1;background:#fbfcfd}
.campaign-adset-sort-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:48px;padding:7px 9px;border:1px solid #e0e8ed;border-radius:10px;background:#fff}
.campaign-adset-sort-row.is-inactive{background:#fafbfc;opacity:.78}
.campaign-adset-sort-row.is-dragging{z-index:6;border-color:#d4a72c;box-shadow:0 10px 22px rgba(16,47,73,.14);opacity:.72}
.adset-sort-handle{width:29px;height:29px;border-radius:8px}
.adset-sort-handle span{width:13px;height:15px;background-size:6px 5px}
.campaign-adset-sort-copy{min-width:0}
.campaign-adset-sort-copy>span{display:block;margin-bottom:2px;color:#8a6a10;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.campaign-adset-sort-copy>strong{display:block;color:#314856;font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.campaign-order-empty{margin:13px}
body.campaign-order-is-dragging{user-select:none}

@media(max-width:1100px){
    .campaign-order-toolbar-card{grid-template-columns:1fr 1fr}
    .campaign-order-save-state{justify-self:stretch;min-width:0}
}
@media(max-width:700px){
    .campaign-heading-links{width:100%}.campaign-heading-links .btn{flex:1}
    .campaign-order-toolbar-card{grid-template-columns:1fr;gap:11px}
    .campaign-order-save-state{justify-self:stretch}
    .campaign-order-channel-heading{align-items:flex-start}
    .campaign-sort-list{padding:9px}
    .campaign-sort-unit-head{grid-template-columns:36px minmax(0,1fr);padding:10px}
    .campaign-adset-sort-list{padding:7px 9px 9px 45px}
    .campaign-adset-sort-row{grid-template-columns:29px minmax(0,1fr)}
    .campaign-adset-sort-row>.classification-status{grid-column:2;justify-self:start}
}
@media(max-width:480px){
    .campaign-order-filter-buttons{display:grid;grid-template-columns:1fr 1fr}
    .campaign-order-filter{width:100%}
    .campaign-adset-sort-list{padding-left:12px}
    .campaign-sort-title-line .classification-status{margin-left:0}
}

/* v1.9.0 – Dorogi / Tatabányai irányítószám-körzetek */
.postcode-filter-controls{
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
    gap:9px;
    width:min(510px,100%);
    flex:0 1 510px;
}
.postcode-filter-controls .offline-postcode-search{
    width:auto;
    min-width:190px;
    flex:1 1 230px;
}
.postcode-area-filter-actions{
    display:flex;
    align-items:center;
    gap:6px;
    padding-bottom:19px;
}
.postcode-area-filter{
    min-height:34px;
    height:34px!important;
    padding:0 9px;
    border:1px solid #cfdae1;
    border-radius:9px;
    background:#fff;
    font:inherit;
    font-size:10px;
    font-weight:850;
    line-height:1;
    white-space:nowrap;
    cursor:pointer;
    transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease;
}
.postcode-area-filter:hover{transform:translateY(-1px)}
.postcode-area-filter--dorog{
    border-color:#e2cb79;
    background:#fff9e7;
    color:#775700;
}
.postcode-area-filter--dorog:hover,
.postcode-area-filter--dorog.is-active{
    border-color:#cda62b;
    background:#f7e8ad;
    box-shadow:0 0 0 3px rgba(212,167,44,.12);
    color:#624700;
}
.postcode-area-filter--tatabanya{
    border-color:#bcd0dd;
    background:#f1f7fa;
    color:#24516d;
}
.postcode-area-filter--tatabanya:hover,
.postcode-area-filter--tatabanya.is-active{
    border-color:#6f93a9;
    background:#dceaf2;
    box-shadow:0 0 0 3px rgba(23,63,95,.10);
    color:#173f5f;
}
.postcode-title-row{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px 7px;
    min-width:0;
}
.postcode-title-row>strong{
    min-width:0;
    overflow-wrap:anywhere;
    color:var(--dark);
    font-size:13px;
    line-height:1.3;
}
.postcode-area-badge{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:3px 7px;
    border:1px solid transparent;
    border-radius:999px;
    font-size:9px;
    font-weight:900;
    line-height:1.1;
    white-space:nowrap;
}
.postcode-area-badge--dorog{
    border-color:#e4ca6a;
    background:#fff4c9;
    color:#755500;
}
.postcode-area-badge--tatabanya{
    border-color:#b8cedb;
    background:#e7f1f6;
    color:#204b66;
}

.postcode-area-info-card{margin-bottom:18px}
.postcode-area-info-grid{
    display:grid;
    grid-template-columns:auto auto minmax(260px,1fr);
    align-items:center;
    gap:14px 22px;
}
.postcode-area-info-grid>div{display:flex;align-items:center;gap:9px}
.postcode-area-info-grid>div strong{color:var(--dark);font-size:13px}
.postcode-area-info-grid>p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.postcode-area-admin-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:start;
    gap:16px;
}
.postcode-area-admin-card{margin:0}
.postcode-area-admin-card[id]{scroll-margin-top:18px}
.postcode-area-admin-heading{align-items:flex-start}
.postcode-area-admin-heading h2{margin-top:8px}
.postcode-area-admin-heading p{margin:4px 0 0;color:var(--muted);font-size:12px}
.postcode-area-add-form{
    display:grid;
    grid-template-columns:minmax(120px,.65fr) minmax(175px,1fr) auto;
    align-items:end;
    gap:9px;
    margin:0 0 14px;
    padding:12px;
    border:1px solid #dce6eb;
    border-radius:12px;
    background:#f7fafb;
}
.postcode-area-add-form label{display:block;min-width:0}
.postcode-area-add-form label>span{
    display:block;
    margin-bottom:5px;
    color:#5f7481;
    font-size:10px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.035em;
}
.postcode-area-add-form label>span small{font-size:9px;font-weight:750;text-transform:none;letter-spacing:0}
.postcode-area-add-form input{width:100%;height:40px;min-width:0;background:#fff}
.postcode-area-add-form .btn{height:40px}
.postcode-area-assignment-list{
    display:grid;
    gap:7px;
    max-height:650px;
    overflow:auto;
    padding-right:3px;
}
.postcode-area-assignment-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:55px;
    padding:9px 10px 9px 12px;
    border:1px solid #e2e9ed;
    border-radius:11px;
    background:#fbfcfd;
}
.postcode-area-assignment-row>div{min-width:0}
.postcode-area-assignment-row>div strong{display:block;color:var(--dark);font-size:13px}
.postcode-area-assignment-row>div span{display:block;margin-top:2px;color:#74858f;font-size:10px;line-height:1.3}
.postcode-area-assignment-row form{margin:0;flex:0 0 auto}
.postcode-area-remove{height:32px!important;min-height:32px;padding:0 9px;font-size:10px}

@media(max-width:1120px){
    .postcode-filter-controls{width:min(470px,100%);flex-basis:470px}
    .postcode-area-admin-grid{grid-template-columns:1fr}
    .postcode-area-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .postcode-area-info-grid>p{grid-column:1/-1}
}
@media(max-width:760px){
    .postcode-filter-controls{align-items:stretch;flex-direction:column;width:100%;flex-basis:auto}
    .postcode-filter-controls .offline-postcode-search{width:100%;min-width:0;flex-basis:auto}
    .postcode-area-filter-actions{padding-bottom:0}
    .postcode-area-filter{flex:1;min-width:0}
    .postcode-area-add-form{grid-template-columns:1fr 1fr}
    .postcode-area-add-form .btn{grid-column:1/-1;width:100%}
}
@media(max-width:520px){
    .postcode-area-info-grid{grid-template-columns:1fr}
    .postcode-area-info-grid>p{grid-column:auto}
    .postcode-area-add-form{grid-template-columns:1fr}
    .postcode-area-add-form .btn{grid-column:auto}
    .postcode-area-filter-actions{display:grid;grid-template-columns:1fr 1fr}
    .postcode-area-assignment-row{align-items:flex-start;flex-direction:column}
    .postcode-area-assignment-row form,.postcode-area-remove{width:100%}
}

/* v2.0.0 – személyre szabható dashboard / riportnézet-szerkesztő */
.dashboard-editor-hero{margin-bottom:14px}
.dashboard-report-tabs{margin-bottom:14px}
.dashboard-editor-shell{display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr);gap:14px;align-items:start}
.dashboard-view-library{position:sticky;top:82px;padding:14px}
.dashboard-view-library .section-heading{margin-bottom:10px;padding:0;border:0;background:transparent}
.dashboard-view-library-item{display:block;margin-top:7px;padding:10px 11px;border:1px solid #dce6eb;border-radius:10px;background:#f8fafb;color:#294b61;text-decoration:none;transition:.15s ease}
.dashboard-view-library-item:hover{border-color:#9ab2c1;background:#fff}
.dashboard-view-library-item.is-active{border-color:#173f5f;background:#eef5f8;box-shadow:0 0 0 2px rgba(23,63,95,.08)}
.dashboard-view-library-item strong,.dashboard-view-library-item small{display:block}
.dashboard-view-library-item strong{font-size:12px}
.dashboard-view-library-item small{margin-top:3px;color:#768993;font-size:12px;font-weight:750}
.dashboard-editor-card{padding:16px}
.dashboard-editor-toolbar{display:grid;grid-template-columns:minmax(230px,1fr) auto auto;gap:12px;align-items:end;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #e1e9ee}
.dashboard-default-toggle{display:flex;align-items:center;gap:8px;min-height:42px;color:#3d5a6b;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.dashboard-default-toggle input{width:17px;height:17px;margin:0;accent-color:#173f5f}
.dashboard-grid-guide{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px;color:#637a88}
.dashboard-grid-guide>span{font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.dashboard-grid-guide small{font-size:12px;font-weight:700}
.dashboard-editor-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:row;gap:10px;padding:12px;border:1px dashed #c9d8e1;border-radius:14px;background:#f6f9fa}
.dashboard-editor-block{grid-column:span 1;min-width:0;min-height:112px;padding:11px;border:1px solid #d6e2e8;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(16,47,73,.04);transition:border-color .15s ease,opacity .15s ease,box-shadow .15s ease}
.dashboard-editor-block.dashboard-span-1{grid-column:span 1}.dashboard-editor-block.dashboard-span-2{grid-column:span 2}.dashboard-editor-block.dashboard-span-3{grid-column:span 3}.dashboard-editor-block.dashboard-span-4{grid-column:span 4}.dashboard-editor-block.dashboard-span-5{grid-column:span 5}.dashboard-editor-block.dashboard-span-6{grid-column:span 6}
.dashboard-editor-block.is-hidden-block{opacity:.52;background:#f3f5f6}
.dashboard-editor-block.is-dragging{opacity:.35}
.dashboard-editor-block.is-drag-over{border-color:#d4a72c;box-shadow:0 0 0 2px rgba(212,167,44,.13)}
.dashboard-editor-block-head{display:flex;align-items:flex-start;gap:9px;min-width:0}
.dashboard-editor-block-head>div{min-width:0}
.dashboard-editor-block-head small,.dashboard-editor-block-head strong{display:block}
.dashboard-editor-block-head small{margin-bottom:3px;color:#8b7a45;font-size:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.dashboard-editor-block-head strong{overflow-wrap:anywhere;color:#173f5f;font-size:12px;line-height:1.25}
.dashboard-drag-handle{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;padding:0;border:1px solid #d6e2e8;border-radius:8px;background:#f7fafb;cursor:grab}
.dashboard-drag-handle:active{cursor:grabbing}
.dashboard-drag-handle>span,.dashboard-drag-handle>span::before,.dashboard-drag-handle>span::after{display:block;width:14px;height:2px;border-radius:2px;background:#66808f;content:""}
.dashboard-drag-handle>span{position:relative}.dashboard-drag-handle>span::before{position:absolute;top:-5px;left:0}.dashboard-drag-handle>span::after{position:absolute;top:5px;left:0}
.dashboard-editor-block-controls{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin-top:16px}
.dashboard-editor-block-controls label>span{display:block;margin-bottom:4px;color:#748792;font-size:12px;font-weight:850;text-transform:uppercase}
.dashboard-editor-block-controls select{height:34px;min-width:76px;padding-top:0;padding-bottom:0;font-size:12px}
.dashboard-visible-toggle{display:flex!important;align-items:center;gap:6px;min-height:34px;color:#4a6473;font-size:12px;font-weight:800;cursor:pointer}
.dashboard-visible-toggle>span{margin:0!important;text-transform:none!important}
.dashboard-visible-toggle input{width:16px;height:16px;margin:0;accent-color:#173f5f}
.dashboard-editor-move-buttons{display:flex;gap:4px;margin-left:auto}
.dashboard-editor-move-buttons button{width:32px;height:32px;padding:0;border:1px solid #d4e0e7;border-radius:8px;background:#fff;color:#31546a;font-weight:900;cursor:pointer}
.dashboard-editor-secondary-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #e1e9ee}
.dashboard-editor-secondary-actions form{margin:0}.dashboard-delete-button{color:#9a3434}

/* v2.0.0 – riport dashboard rács és kompakt KPI-k */
.report-dashboard-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:-2px 0 12px}
.dashboard-view-select-wrap{display:flex;align-items:center;gap:7px;color:#657b88;font-size:12px;font-weight:850}
.dashboard-view-select-wrap select{height:34px;min-width:170px;padding-top:0;padding-bottom:0;font-size:12px;background:#fff}
.report-dashboard{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:18px}
.report-dashboard-block{grid-column:span 1;min-width:0}
.report-dashboard-block.dashboard-span-1{grid-column:span 1}.report-dashboard-block.dashboard-span-2{grid-column:span 2}.report-dashboard-block.dashboard-span-3{grid-column:span 3}.report-dashboard-block.dashboard-span-4{grid-column:span 4}.report-dashboard-block.dashboard-span-5{grid-column:span 5}.report-dashboard-block.dashboard-span-6{grid-column:span 6}
.dashboard-kpi-card{min-height:118px;padding:13px 14px 12px;border-radius:14px}
.dashboard-kpi-card .metric-heading{margin-bottom:7px}.dashboard-kpi-card .metric-heading>span{font-size:12px}
.dashboard-kpi-card .metric-icon{width:27px;height:27px;margin:0;font-size:12px}
.dashboard-kpi-card>strong{font-size:22px;line-height:1.15}
.dashboard-kpi-card .comparison-delta{margin-top:6px}
.dashboard-detail-card{height:100%;min-height:168px;padding:15px;border-radius:14px}
.dashboard-detail-card .section-heading{margin:0 0 12px;padding:0;border:0;background:transparent}
.dashboard-detail-card .section-heading h2{font-size:15px}
.dashboard-detail-card .section-heading .eyebrow{font-size:12px}
.dashboard-cost-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dashboard-cost-box{padding:10px;border:1px solid #dce6eb;border-radius:10px;background:#f8fafb}
.dashboard-cost-box>span,.dashboard-cost-box>strong{display:block}.dashboard-cost-box>span{color:#6c818e;font-size:12px;font-weight:850}.dashboard-cost-box>strong{margin-top:4px;color:#102f49;font-size:16px}
.dashboard-cost-platforms{display:grid;gap:5px;margin-top:8px;padding-top:7px;border-top:1px solid #e0e8ed}
.dashboard-cost-platforms>div{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#657b88;font-size:12px;font-weight:800}.dashboard-cost-platforms b{color:#173f5f;font-size:12px}
.dashboard-ratio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dashboard-ratio-box{padding:10px;border:1px solid #dce6eb;border-radius:10px;background:#f8fafb}
.dashboard-ratio-box>span{display:block;color:#718590;font-size:12px;font-weight:850;line-height:1.25;text-transform:uppercase}.dashboard-ratio-box>strong{display:block;margin-top:5px;color:#102f49;font-size:18px}
.dashboard-ratio-box small{display:block;margin-top:3px;color:#7d8d96;font-size:12px;line-height:1.3}
.dashboard-payment-card .payment-breakdown{margin-top:0;padding-top:0;border-top:0}
.dashboard-payment-card .payment-breakdown-source{font-size:12px}

/* v2.0.0 – saját SVG diagramok */
.dashboard-chart-card{min-height:360px;padding:16px;border-radius:14px}
.dashboard-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}
.dashboard-chart-head h2{margin:4px 0 0;color:#102f49;font-size:17px}.dashboard-chart-head p{margin:5px 0 0;color:#6c818e;font-size:12px;line-height:1.4}
.dashboard-chart-legend{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:65%}
.dashboard-chart-toggle{display:inline-flex;align-items:center;gap:5px;min-height:29px;padding:0 8px;border:1px solid #d7e2e8;border-radius:999px;background:#fff;color:#536d7c;font-size:12px;font-weight:850;cursor:pointer;white-space:nowrap}
.dashboard-chart-toggle input{width:13px;height:13px;margin:0;accent-color:#173f5f}
.dashboard-chart-toggle-dot{width:8px;height:8px;border-radius:50%;background:var(--series-color,#173f5f)}
.dashboard-chart-toggle.is-compare .dashboard-chart-toggle-dot{border-radius:2px;background:linear-gradient(90deg,var(--series-color,#173f5f) 0 45%,transparent 45% 60%,var(--series-color,#173f5f) 60% 100%)}
.dashboard-chart{position:relative;width:100%;height:285px;overflow:hidden;border:1px solid #e0e8ed;border-radius:12px;background:#fbfcfd}
.dashboard-chart svg{display:block;width:100%;height:100%}
.dashboard-chart-empty{display:grid;place-items:center;height:100%;color:#7b8c96;font-size:12px;font-weight:750}
.dashboard-chart-grid-line{stroke:#dde6eb;stroke-width:1}.dashboard-chart-axis-text{fill:#7b8d97;font-size:12px;font-weight:700}.dashboard-chart-line{fill:none;stroke-width:2.4;vector-effect:non-scaling-stroke}.dashboard-chart-line.is-compare{stroke-dasharray:6 5;stroke-width:1.9;opacity:.76}.dashboard-chart-point{stroke:#fff;stroke-width:1.5;cursor:pointer}.dashboard-chart-tooltip{position:absolute;z-index:4;min-width:135px;max-width:230px;padding:8px 9px;border:1px solid #ccdbe4;border-radius:9px;background:#fff;box-shadow:0 8px 24px rgba(16,47,73,.16);color:#405b6b;font-size:12px;line-height:1.4;pointer-events:none;transform:translate(-50%,-112%)}
.dashboard-chart-tooltip strong{display:block;color:#102f49;font-size:12px}.dashboard-chart-tooltip span{display:block;margin-top:2px}
.dashboard-chart-note{margin-top:7px;color:#7b8c96;font-size:12px;line-height:1.35}

@media(max-width:1180px){
    .dashboard-editor-shell{grid-template-columns:1fr}.dashboard-view-library{position:static;display:flex;gap:7px;overflow-x:auto}.dashboard-view-library .section-heading{min-width:150px}.dashboard-view-library-item{flex:0 0 165px;margin-top:0}
    .dashboard-editor-grid,.report-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}
    .dashboard-editor-block.dashboard-span-4,.dashboard-editor-block.dashboard-span-5,.dashboard-editor-block.dashboard-span-6,.report-dashboard-block.dashboard-span-4,.report-dashboard-block.dashboard-span-5,.report-dashboard-block.dashboard-span-6{grid-column:span 3}
}
@media(max-width:760px){
    .dashboard-editor-toolbar{grid-template-columns:1fr}.dashboard-default-toggle{min-height:32px}.dashboard-grid-guide{align-items:flex-start;flex-direction:column}
    .dashboard-editor-grid,.report-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}
    .dashboard-editor-block.dashboard-span-3,.dashboard-editor-block.dashboard-span-4,.dashboard-editor-block.dashboard-span-5,.dashboard-editor-block.dashboard-span-6,.report-dashboard-block.dashboard-span-3,.report-dashboard-block.dashboard-span-4,.report-dashboard-block.dashboard-span-5,.report-dashboard-block.dashboard-span-6{grid-column:span 2}
    .dashboard-chart-head{flex-direction:column}.dashboard-chart-legend{justify-content:flex-start;max-width:none}.dashboard-chart{height:260px}.report-dashboard-toolbar{align-items:stretch;flex-direction:column}.dashboard-view-select-wrap{justify-content:space-between}.dashboard-view-select-wrap select{min-width:0;flex:1}
}
@media(max-width:480px){
    .dashboard-editor-grid,.report-dashboard{grid-template-columns:1fr}.dashboard-editor-block,.dashboard-editor-block[class*="dashboard-span-"],.report-dashboard-block,.report-dashboard-block[class*="dashboard-span-"]{grid-column:span 1}
    .dashboard-cost-grid,.dashboard-ratio-grid{grid-template-columns:1fr}.dashboard-chart-card{padding:12px}.dashboard-chart{height:235px}.dashboard-editor-secondary-actions{align-items:stretch;flex-direction:column}.dashboard-editor-secondary-actions .btn{width:100%}
}
.dashboard-payment-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:9px}
.dashboard-payment-compare>div{padding:8px 9px;border:1px solid #dce6eb;border-radius:9px;background:#f8fafb}
.dashboard-payment-compare span,.dashboard-payment-compare b{display:block}.dashboard-payment-compare>div>span{color:#70838f;font-size:12px;font-weight:850;text-transform:uppercase}.dashboard-payment-compare b{margin-top:3px;color:#173f5f;font-size:12px}.dashboard-payment-compare .comparison-delta{margin-top:4px}
@media(max-width:480px){.dashboard-payment-compare{grid-template-columns:1fr}}

/* v2.1.0 – diagram bontás, tooltip és KPI-beállítások */
.dashboard-chart-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:72%}
.dashboard-chart-actions .dashboard-chart-legend{max-width:none}
.dashboard-chart-granularity{display:inline-flex;gap:3px;padding:3px;border:1px solid #d7e2e8;border-radius:10px;background:#f6f9fb}
.dashboard-chart-granularity-button{min-height:27px;height:27px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#607987;font:inherit;font-size:11px;font-weight:850;cursor:pointer}
.dashboard-chart-granularity-button:hover{background:#eaf1f5;color:#173f5f}
.dashboard-chart-granularity-button.is-active{background:#173f5f;color:#fff;box-shadow:0 2px 7px rgba(23,63,95,.18)}
.dashboard-chart-tooltip{transform:translate(-50%,-112%)}
.dashboard-chart-tooltip.is-below{transform:translate(-50%,12px)}
.dashboard-chart-tooltip-value{margin-top:4px!important;color:#102f49!important;font-size:13px!important;font-weight:900!important;font-variant-numeric:tabular-nums}
.dashboard-editor-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px;padding-top:9px;border-top:1px solid #e2eaef}
.dashboard-editor-settings label{display:block;min-width:0}
.dashboard-editor-settings label>span{display:block;margin-bottom:4px;color:#6a7f8c;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.03em}
.dashboard-editor-settings label>span small{font-size:9px;font-weight:700;text-transform:none}
.dashboard-editor-settings select,.dashboard-editor-settings input{width:100%;min-width:0;height:34px;padding:0 8px;border-radius:8px;font-size:11px}
.category-revenue-share{display:inline-block;margin-left:6px;padding:2px 6px;border:1px solid #d9e4ea;border-radius:999px;background:#f3f7f9;color:#5c7482;font-size:10px;font-weight:850;white-space:nowrap;vertical-align:1px}
.dashboard-kpi-subtitle{display:block;margin-top:4px;color:#708590;font-size:10px;font-weight:750;line-height:1.25;overflow-wrap:anywhere}
@media(max-width:820px){.dashboard-chart-head{align-items:stretch}.dashboard-chart-actions{max-width:none;justify-content:flex-start}.dashboard-editor-settings{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.dashboard-chart-actions{flex-direction:column}.dashboard-chart-granularity{width:100%}.dashboard-chart-granularity-button{flex:1}.dashboard-editor-settings{grid-template-columns:1fr}}

/* v2.1.2 – dashboard szerkesztő finomítások kis KPI-kártyákhoz */
.dashboard-editor-block-controls{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    align-items:end;
}
.dashboard-editor-block-controls>label{min-width:0}
.dashboard-editor-block-controls>label select{width:100%}
.dashboard-visible-toggle{justify-content:flex-start}
.dashboard-editor-move-buttons{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    width:100%;
    margin-left:0;
}
.dashboard-editor-move-buttons button{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    line-height:1;
}
.dashboard-editor-settings{gap:10px}
.dashboard-editor-settings>label:only-child{grid-column:1/-1}
.dashboard-editor-block.dashboard-span-1 .dashboard-editor-settings,
.dashboard-editor-block.dashboard-span-2 .dashboard-editor-settings{
    grid-template-columns:1fr;
}
.dashboard-editor-block.dashboard-span-1 .dashboard-editor-settings label>span,
.dashboard-editor-block.dashboard-span-2 .dashboard-editor-settings label>span{
    line-height:1.25;
}
.dashboard-editor-block.dashboard-span-1 .dashboard-editor-settings select,
.dashboard-editor-block.dashboard-span-1 .dashboard-editor-settings input,
.dashboard-editor-block.dashboard-span-2 .dashboard-editor-settings select,
.dashboard-editor-block.dashboard-span-2 .dashboard-editor-settings input{
    height:36px;
    font-size:12px;
}
@media(max-width:560px){
    .dashboard-editor-block-controls{grid-template-columns:1fr}
    .dashboard-visible-toggle{min-height:0}
}

/* v2.1.3 – KPI-szerkesztő kényszerített kompakt tördelés + cache-biztos megjelenés */
.dashboard-editor-block .dashboard-editor-block-controls{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:10px;
    width:100%;
}
.dashboard-editor-block .dashboard-editor-block-controls>label{min-width:0;width:100%}
.dashboard-editor-block .dashboard-editor-block-controls>label>select{width:100%;min-width:0}
.dashboard-editor-block .dashboard-editor-move-buttons{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:8px;
    width:100%;
    margin:0;
}
.dashboard-editor-block .dashboard-editor-move-buttons>button{
    width:100%;
    min-width:0;
    height:36px;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:18px;
    line-height:1;
}
.dashboard-editor-block.dashboard-span-1 .dashboard-editor-settings,
.dashboard-editor-block.dashboard-span-2 .dashboard-editor-settings{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:10px;
    width:100%;
}
.dashboard-editor-block.dashboard-span-1 .dashboard-editor-settings>label,
.dashboard-editor-block.dashboard-span-2 .dashboard-editor-settings>label{
    grid-column:1/-1;
    width:100%;
    min-width:0;
}
.dashboard-editor-block.dashboard-span-1 .dashboard-editor-settings select,
.dashboard-editor-block.dashboard-span-1 .dashboard-editor-settings input,
.dashboard-editor-block.dashboard-span-2 .dashboard-editor-settings select,
.dashboard-editor-block.dashboard-span-2 .dashboard-editor-settings input{
    width:100%;
    min-width:0;
}
.dashboard-editor-block .dashboard-editor-settings>label:only-child{
    grid-column:1/-1;
    width:100%;
}
@media(max-width:560px){
    .dashboard-editor-block .dashboard-editor-block-controls{grid-template-columns:1fr}
    .dashboard-editor-block .dashboard-editor-move-buttons{grid-column:1}
}

/* v2.2.0 – közös nézetek és teljes kategórialisták */
.category-ranking-all{
    max-height:none;
    overflow:visible;
    padding-right:0;
}
.dashboard-category-chart-card .dashboard-chart-legend{
    max-height:118px;
    overflow-y:auto;
    align-content:flex-start;
    padding-right:3px;
}
.dashboard-category-chart-card .dashboard-chart-actions{max-width:78%}
@media(max-width:820px){
    .dashboard-category-chart-card .dashboard-chart-actions{max-width:none}
    .dashboard-category-chart-card .dashboard-chart-legend{max-height:150px}
}

/* v2.3.0 – rangsorok, kategóriakereső és kampány-kategóriabontás */
.ranking-section-heading,.category-ranking-heading{align-items:flex-end}
.ranking-search-control,.ranking-sort-control{display:block;min-width:0;margin:0}
.ranking-search-control>span,.ranking-sort-control>span{display:block;margin-bottom:5px;color:#6b7780;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.03em}
.ranking-search-control input,.ranking-sort-control select{width:100%;height:38px;min-width:0;border-color:#cad9e2;background:#f8fbfc;color:#102f49;font-size:12px;font-weight:750}
.ranking-search-control{width:min(260px,100%)}
.ranking-search-control small{display:block;min-height:14px;margin-top:3px;color:#748690;font-size:10px;font-weight:700;text-align:right}
.ranking-sort-control{width:min(210px,100%)}
.postcode-filter-controls{width:min(760px,100%);flex-basis:760px;flex-wrap:wrap}
.postcode-filter-controls .ranking-sort-control{flex:0 1 190px}
.postcode-filter-controls .postcode-area-filter-actions{flex:0 0 auto}
.category-search-empty{margin-top:8px}

/* A sorok a v2.3-ban négy összehasonlítható mutatót kapnak. */
.online-postcode-row,.offline-postcode-row{
    grid-template-columns:auto minmax(180px,1fr) repeat(4,minmax(78px,.48fr));
}
.offline-seller-row{
    grid-template-columns:auto minmax(150px,1fr) repeat(4,minmax(82px,.5fr));
}
.estimated-roas-stat b{color:#173f5f}

/* Kampányonkénti ERP-kategóriabontás */
.campaign-category-detail-row>td{padding:0!important;border-bottom:1px solid #e4ebef;background:#f8fafb!important;text-align:left!important}
.campaign-category-detail-row[hidden]{display:none}
.campaign-category-breakdown{margin:0}
.campaign-category-breakdown>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px 9px 18px;list-style:none;color:#31566d;font-size:11px;font-weight:850;cursor:pointer}
.campaign-category-breakdown>summary::-webkit-details-marker{display:none}
.campaign-category-breakdown>summary::before{content:"+";display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;margin-right:7px;border:1px solid #cbd9e1;border-radius:6px;background:#fff;color:#31566d;font-size:15px;line-height:1}
.campaign-category-breakdown[open]>summary::before{content:"−"}
.campaign-category-breakdown>summary>span{margin-right:auto}
.campaign-category-breakdown>summary>small{color:#738690;font-size:10px;font-weight:750;text-align:right}
.campaign-category-breakdown-body{padding:0 14px 12px 45px}
.campaign-category-breakdown-head,.campaign-category-breakdown-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(75px,.45fr) minmax(130px,.65fr) minmax(85px,.42fr);gap:10px;align-items:center}
.campaign-category-breakdown-head{padding:7px 9px;border-bottom:1px solid #dbe5ea;color:#7a8b94;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.campaign-category-breakdown-row{padding:8px 9px;border-bottom:1px solid #e5ecef;background:#fff;color:#5b7180;font-size:11px}
.campaign-category-breakdown-row:last-of-type{border-bottom:0}
.campaign-category-breakdown-row>strong{min-width:0;overflow-wrap:anywhere;color:#173f5f;font-size:11px}
.campaign-category-breakdown-row>span:nth-child(n+2){text-align:right}
.campaign-category-breakdown-row b{color:#102f49;font-size:11px}
.campaign-category-breakdown-row .comparison-delta{margin-top:2px;font-size:9px}
.campaign-category-breakdown-note{margin:8px 9px 0;color:#7a8992;font-size:9px;line-height:1.4}

@media(max-width:1180px){
    .postcode-filter-controls{width:100%;flex-basis:100%}
    .online-postcode-row,.offline-postcode-row,.offline-seller-row{grid-template-columns:auto minmax(160px,1fr) repeat(2,minmax(90px,.55fr))}
    .online-postcode-row .offline-inline-stat:nth-of-type(n+3),.offline-postcode-row .offline-inline-stat:nth-of-type(n+3),.offline-seller-row .offline-inline-stat:nth-of-type(n+3){grid-column:auto}
}
@media(max-width:760px){
    .ranking-section-heading,.category-ranking-heading{align-items:stretch;flex-direction:column}
    .ranking-search-control,.ranking-sort-control{width:100%}
    .postcode-filter-controls .ranking-sort-control{width:100%;flex-basis:auto}
    .online-postcode-row,.offline-postcode-row,.offline-seller-row{grid-template-columns:auto minmax(0,1fr)}
    .online-postcode-row .offline-inline-stat,.offline-postcode-row .offline-inline-stat,.offline-seller-row .offline-inline-stat{grid-column:2;text-align:left}
    .online-postcode-row .offline-inline-stat small,.online-postcode-row .offline-inline-stat b,
    .offline-postcode-row .offline-inline-stat small,.offline-postcode-row .offline-inline-stat b,
    .offline-seller-row .offline-inline-stat small,.offline-seller-row .offline-inline-stat b{display:inline}
    .online-postcode-row .offline-inline-stat small,.offline-postcode-row .offline-inline-stat small,.offline-seller-row .offline-inline-stat small{margin-right:5px}
    .campaign-category-breakdown-body{padding-left:14px}
    .campaign-category-breakdown-head{display:none}
    .campaign-category-breakdown-row{grid-template-columns:1fr 1fr;gap:5px 10px}
    .campaign-category-breakdown-row>strong{grid-column:1/-1}
    .campaign-category-breakdown-row>span:nth-child(n+2){text-align:left}
}
@media(max-width:1020px){
    .weekly-campaign-table .campaign-category-detail-row{border:0;border-radius:0;background:transparent;box-shadow:none;margin-top:-7px}
    .weekly-campaign-table .campaign-category-detail-row>td{display:block!important;padding:0!important;border:0;background:#f8fafb!important;text-align:left!important}
    .weekly-campaign-table .campaign-category-detail-row>td::before{display:none!important}
    .campaign-category-breakdown{border:1px solid #dce6eb;border-radius:0 0 12px 12px;overflow:hidden}
}

/* v2.4.0 – gyártói rangsor az online és offline riportban */
.online-manufacturer-orders-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    align-items:start;
    margin-bottom:18px;
}
.online-manufacturer-orders-grid>.card{min-width:0;margin:0}
.online-manufacturer-orders-grid .order-audit-card{margin-top:0}
.offline-category-manufacturer-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    align-items:start;
    margin-bottom:18px;
}
.offline-category-manufacturer-grid>.card{min-width:0;margin:0}
.manufacturer-ranking{display:grid;gap:8px}
.manufacturer-rank-row{
    display:grid;
    grid-template-columns:auto auto minmax(135px,1fr) minmax(70px,.42fr) minmax(110px,.62fr) minmax(78px,.42fr);
    align-items:center;
    gap:10px;
    min-width:0;
    padding:10px 11px;
    border:1px solid #e3ebf0;
    border-radius:13px;
    background:#f8fbfc;
}
.manufacturer-rank-row[hidden]{display:none}
.manufacturer-rank-row:first-child .rank-number{background:var(--gold-soft);color:#846008}
.manufacturer-rank-main{display:block;min-width:0}
.manufacturer-rank-main>strong{
    display:block;
    overflow:hidden;
    color:#173f5f;
    font-size:12px;
    line-height:1.3;
    font-weight:850;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.manufacturer-rank-main .rank-track{margin-top:7px}
.manufacturer-ranking-card .section-heading{margin-bottom:12px}
.manufacturer-ranking-card .section-heading p{margin-top:5px}

@media(max-width:1180px){
    .online-manufacturer-orders-grid,.offline-category-manufacturer-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
    .manufacturer-rank-row{grid-template-columns:auto minmax(0,1fr)}
    .manufacturer-rank-row .offline-inline-stat{grid-column:2;text-align:left}
    .manufacturer-rank-row .offline-inline-stat small,.manufacturer-rank-row .offline-inline-stat b{display:inline}
    .manufacturer-rank-row .offline-inline-stat small{margin-right:5px}
    .manufacturer-rank-main>strong{white-space:normal;overflow-wrap:anywhere}
}


/* v2.4.1 – 50/50 gyártóblokkok és lenyitható gyártói terméklista */
.manufacturer-rank-entry{
    min-width:0;
    border-radius:13px;
    background:#f8fbfc;
    border:1px solid #e3ebf0;
    overflow:hidden;
}
.manufacturer-rank-entry[open]{background:#fff;border-color:#d6e1e8;box-shadow:0 8px 24px rgba(16,47,73,.05)}
.manufacturer-rank-entry[hidden]{display:none}
.manufacturer-rank-summary{
    border:0;
    border-radius:0;
    background:transparent;
    cursor:pointer;
    list-style:none;
}
.manufacturer-rank-summary::-webkit-details-marker{display:none}
.manufacturer-rank-entry[open] .rank-toggle::before{transform:rotate(45deg);margin-top:-2px}
.manufacturer-rank-entry:first-child .rank-number{background:var(--gold-soft);color:#846008}
.manufacturer-products{padding-top:0}
.manufacturer-products-empty{padding:10px 0;border-top:1px solid #e8eef2;color:#7b8c96;font-size:12px;font-weight:700}
@media(max-width:1180px){
    .online-manufacturer-orders-grid,.offline-category-manufacturer-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
    .manufacturer-rank-summary{grid-template-columns:auto auto minmax(0,1fr)}
    .manufacturer-rank-summary .offline-inline-stat{grid-column:3;text-align:left}
    .manufacturer-rank-summary .offline-inline-stat small,.manufacturer-rank-summary .offline-inline-stat b{display:inline}
    .manufacturer-rank-summary .offline-inline-stat small{margin-right:5px}
}

/* v2.4.2 – valódi 50/50 gyártói blokkok + cache-verzió javítás */
@media(min-width:1181px){
    .online-manufacturer-orders-grid,
    .offline-category-manufacturer-grid{
        grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    }
    .online-manufacturer-orders-grid>.card,
    .offline-category-manufacturer-grid>.card{
        width:100%;
        max-width:none;
        min-width:0;
    }
}

/* v2.5.0 – irányítószám törzs: város szerkesztés + Excel import */
.postcode-city-input{
    width:100%;min-width:180px;max-width:320px;
    padding:8px 10px;border:1px solid #cbd9e2;border-radius:8px;
    background:#fff;color:#102f49;font:inherit;font-size:13px;font-weight:800;
}
.postcode-city-input:focus{outline:2px solid rgba(23,63,95,.15);border-color:#6f96ad}
.postcode-population-import-card{margin-bottom:18px}
.postcode-population-import-heading{margin-bottom:12px}
.postcode-population-import-form{
    display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;
    padding:14px;border:1px solid #dfe8ed;border-radius:12px;background:#f8fbfc;
}
.postcode-population-import-form label{display:block;min-width:min(520px,100%);flex:1}
.postcode-population-import-form label>span{display:block;margin-bottom:6px;color:#607786;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.postcode-population-import-form input[type="file"]{
    width:100%;padding:8px;border:1px solid #cad9e2;border-radius:9px;background:#fff;color:#31546a;font:inherit;font-size:12px;
}

/* v2.5.0 – Dr. Padló Dorog / Tatabánya egymás melletti összehasonlító nézet */
.offline-store-comparison-shell{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:18px;align-items:start;margin-top:14px;
}
.offline-store-comparison-column{min-width:0}
.offline-store-comparison-column-head{
    position:sticky;top:8px;z-index:4;
    margin-bottom:10px;padding:12px 15px;
    border:1px solid #d4e1e8;border-radius:13px;background:rgba(255,255,255,.96);
    box-shadow:0 7px 20px rgba(16,47,73,.08);backdrop-filter:blur(7px);
}
.offline-store-comparison-column-head h2{margin:3px 0 0;color:#102f49;font-size:20px}
.offline-store-comparison-column-head--dorog{border-top:3px solid #d4a72c}
.offline-store-comparison-column-head--tatabanya{border-top:3px solid #4d7f9d}
.offline-store-comparison-frame{display:block;width:100%;height:900px;border:0;background:transparent;overflow:hidden}
.offline-comparison-note{margin:12px 2px 0;color:#71838e;font-size:11px;line-height:1.5}
.offline-comparison-view-toolbar{margin-top:12px}

/* Az iframe-ben csak maga a riport marad. A biztonsági frame engedélyezés kizárólag
   same-origin compare_embed módban történik a bootstrapben. */
.offline-compare-embed{background:transparent}
.offline-compare-embed .app-header,
.offline-compare-embed .report-hero,
.offline-compare-embed .offline-scope-tabs,
.offline-compare-embed .report-dashboard-toolbar{display:none!important}
.offline-compare-embed .wrap{width:100%;max-width:none;margin:0;padding:0 2px 12px}
.offline-compare-embed .report-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px}
.offline-compare-embed .report-dashboard-block.dashboard-span-1{grid-column:span 1}
.offline-compare-embed .report-dashboard-block.dashboard-span-2{grid-column:span 2}
.offline-compare-embed .report-dashboard-block.dashboard-span-3,
.offline-compare-embed .report-dashboard-block.dashboard-span-4,
.offline-compare-embed .report-dashboard-block.dashboard-span-5,
.offline-compare-embed .report-dashboard-block.dashboard-span-6{grid-column:span 3}
.offline-compare-embed .offline-analysis-grid,
.offline-compare-embed .offline-category-manufacturer-grid{grid-template-columns:1fr!important}
.offline-compare-embed .offline-map-card,
.offline-compare-embed .offline-own-delivery-card{margin-bottom:18px}
.offline-compare-embed .offline-postcode-map{height:380px}

@media(max-width:1050px){
    .offline-store-comparison-shell{grid-template-columns:1fr}
    .offline-store-comparison-column-head{position:static}
}
@media(max-width:760px){
    .postcode-population-import-form{align-items:stretch;flex-direction:column}
    .postcode-population-import-form .btn{width:100%}
    .postcode-city-input{min-width:160px}
    .offline-compare-embed .report-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .offline-compare-embed .report-dashboard-block.dashboard-span-2,
    .offline-compare-embed .report-dashboard-block.dashboard-span-3,
    .offline-compare-embed .report-dashboard-block.dashboard-span-4,
    .offline-compare-embed .report-dashboard-block.dashboard-span-5,
    .offline-compare-embed .report-dashboard-block.dashboard-span-6{grid-column:span 2}
}


/* v2.5.1 – rangsorboxok: nincs belső görgetés; első 40 sor + Továbbiak */

/* v2.6.0 – Meta hirdetések, kreatívok és hirdetésnaptár */
.meta-ad-detail-row>td{padding:0!important;background:#f8fafb!important}
.meta-ad-breakdown{margin:0}
.meta-ad-breakdown>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px 10px 18px;list-style:none;color:#31566d;font-size:11px;font-weight:850;cursor:pointer}
.meta-ad-breakdown>summary::-webkit-details-marker{display:none}
.meta-ad-breakdown>summary::before{content:"+";display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;margin-right:7px;border:1px solid #cbd9e1;border-radius:6px;background:#fff;color:#31566d;font-size:15px;line-height:1}
.meta-ad-breakdown[open]>summary::before{content:"−"}
.meta-ad-breakdown>summary>span{margin-right:auto}
.meta-ad-breakdown>summary>small{color:#738690;font-size:10px;font-weight:750;text-align:right}
.meta-ad-breakdown-body{padding:0 16px 16px 45px}
.meta-adset-settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
.meta-adset-settings>span{padding:9px 10px;border:1px solid #dce6eb;border-radius:9px;background:#fff;color:#5d7381;font-size:10px;line-height:1.35}
.meta-adset-settings b{display:block;margin-bottom:3px;color:#102f49;font-size:9px;text-transform:uppercase;letter-spacing:.04em}
.meta-ad-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.meta-ad-card{display:grid;grid-template-columns:112px minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid #dce6eb;border-radius:12px;background:#fff}
.meta-ad-thumb-wrap{min-height:92px;background:#edf3f6;overflow:hidden}
.meta-ad-thumb{display:block;width:100%;height:100%;min-height:92px;object-fit:cover}
.meta-ad-card-copy{min-width:0;padding:10px}
.meta-ad-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.meta-ad-card-title strong{min-width:0;color:#102f49;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.meta-ad-card-title .status-badge{flex:0 0 auto;font-size:9px}
.meta-ad-card-metrics{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px;color:#637985;font-size:10px}
.meta-ad-card-metrics b{color:#173f5f}
.meta-ad-card-copy>small{display:block;margin-top:6px;color:#788b96;font-size:9px;overflow-wrap:anywhere}
.meta-ad-preview-link{display:inline-flex;margin-top:7px;color:#173f5f;font-size:10px;font-weight:850;text-decoration:none}
.meta-ad-preview-link:hover{text-decoration:underline}

.meta-calendar-page{max-width:1720px}
.meta-calendar-heading{align-items:flex-end}
.meta-calendar-card{padding:0;overflow:visible}
.meta-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid #dce5ea}
.meta-calendar-nav{display:flex;align-items:center;gap:8px}
.meta-calendar-nav h3{margin:0 0 0 8px;color:#102f49;font-size:20px}
.meta-calendar-arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid #cbd8e0;border-radius:8px;background:#fff;color:#173f5f;font-size:23px;line-height:1;text-decoration:none}
.meta-calendar-arrow:hover{background:#f2f7fa}
.meta-calendar-legend{display:flex;align-items:center;gap:14px;color:#6b7f8b;font-size:10px;font-weight:750}
.meta-calendar-legend span{display:flex;align-items:center;gap:5px}
.meta-calendar-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#93a7b2}
.meta-calendar-dot.is-active{background:#3f8b5b}
.meta-calendar-dot.is-spent{background:#d4a72c}
.meta-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.meta-calendar-weekdays>div{padding:9px 10px;border-right:1px solid #dce5ea;border-bottom:1px solid #dce5ea;color:#617887;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.03em}
.meta-calendar-weekdays>div:last-child{border-right:0}
.meta-calendar-weeks{display:grid}
.meta-calendar-week{position:relative;min-height:var(--meta-week-height);border-bottom:1px solid #dce5ea}
.meta-calendar-week:last-child{border-bottom:0}
.meta-calendar-week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-height:var(--meta-week-height)}
.meta-calendar-day{position:relative;min-height:var(--meta-week-height);padding:9px;border-right:1px solid #dce5ea;background:#fff}
.meta-calendar-day:last-child{border-right:0}
.meta-calendar-day.is-outside{background:#f8fafb}
.meta-calendar-day.is-outside .meta-calendar-date{opacity:.55}
.meta-calendar-day.is-today{box-shadow:inset 0 0 0 2px #2f7fb0}
.meta-calendar-date{display:flex;align-items:center;justify-content:space-between;color:#173f5f;font-size:12px;font-weight:900}
.meta-calendar-date b{padding:2px 6px;border-radius:999px;background:#e8f3f9;color:#24698f;font-size:9px;text-transform:uppercase}
.meta-calendar-week-bars{position:absolute;left:0;right:0;top:34px;z-index:5;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:42px;gap:6px 0;padding:0 7px;pointer-events:none}
.meta-calendar-bar{--meta-event-h:205;position:relative;min-width:0;height:42px;padding:5px 8px 14px;border:1px solid hsl(var(--meta-event-h) 42% 72%);border-radius:8px;background:hsl(var(--meta-event-h) 62% 94%);box-shadow:0 2px 6px rgba(16,47,73,.06);outline:none;cursor:default;pointer-events:auto;color:#102f49}
.meta-calendar-bar.continues-before{border-top-left-radius:2px;border-bottom-left-radius:2px}
.meta-calendar-bar.continues-after{border-top-right-radius:2px;border-bottom-right-radius:2px}
.meta-calendar-bar:focus,.meta-calendar-bar:hover{z-index:40;border-color:hsl(var(--meta-event-h) 48% 52%);background:hsl(var(--meta-event-h) 70% 90%);box-shadow:0 7px 18px rgba(16,47,73,.16)}
.meta-calendar-bar-copy{min-width:0;line-height:1.05}
.meta-calendar-bar-copy strong,.meta-calendar-bar-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.meta-calendar-bar-copy strong{font-size:9.5px;font-weight:900;color:#102f49}
.meta-calendar-bar-copy small{margin-top:2px;font-size:7.5px;font-weight:700;color:#5d7180}
.meta-calendar-bar-daily{position:absolute;left:0;right:0;bottom:2px;display:grid;height:11px;pointer-events:none}
.meta-calendar-bar-daily span{display:block;min-width:0;padding:0 3px;border-left:1px solid hsla(var(--meta-event-h),35%,52%,.24);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#405b6a;font-size:6.8px;font-weight:800;line-height:11px}
.meta-calendar-bar-daily span:first-child{border-left:0}
.meta-calendar-popover{display:none;position:absolute;left:0;top:calc(100% + 6px);z-index:80;width:min(430px,70vw);padding:13px;border:1px solid #cbdde7;border-radius:13px;background:#fff;box-shadow:0 18px 45px rgba(16,47,73,.22)}
.meta-calendar-bar:hover .meta-calendar-popover,.meta-calendar-bar:focus .meta-calendar-popover,.meta-calendar-bar:focus-within .meta-calendar-popover{display:block}
.meta-calendar-bar.is-right-side .meta-calendar-popover{left:auto;right:0}
.meta-calendar-popover-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #e3ebef}
.meta-calendar-popover-head strong{display:block;margin-top:2px;color:#102f49;font-size:13px;line-height:1.35}
.meta-calendar-popover-head small{display:block;margin-top:3px;color:#718692;font-size:10px}
.meta-calendar-popover-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}
.meta-calendar-popover-stats span{padding:7px;border-radius:8px;background:#f4f8fa;color:#71838e;font-size:8px;line-height:1.25}
.meta-calendar-popover-stats b{display:block;margin-bottom:3px;color:#173f5f;font-size:10px}
.meta-calendar-popover-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:5px;margin-top:8px}
.meta-calendar-popover-days span{padding:5px 6px;border:1px solid #e1eaef;border-radius:7px;background:#fbfcfd;color:#607684;font-size:8px}
.meta-calendar-popover-days b{display:block;margin-bottom:2px;color:#173f5f;font-size:8px}
.meta-calendar-popover-ads{display:grid;gap:7px;margin-top:10px}
.meta-calendar-popover-ad{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;align-items:center;min-width:0}
.meta-calendar-popover-ad img{display:block;width:64px;height:42px;object-fit:cover;border-radius:6px;background:#edf3f6}
.meta-calendar-popover-ad strong,.meta-calendar-popover-ad span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.meta-calendar-popover-ad strong{color:#173f5f;font-size:10px}
.meta-calendar-popover-ad span{margin-top:2px;color:#738690;font-size:8px}
.meta-calendar-popover-ads>small{color:#738690;font-size:9px;font-weight:750}
.meta-calendar-footnote{margin:10px 4px 0;color:#71838e;font-size:10px;line-height:1.5}

@media(max-width:1250px){
    .meta-ad-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .meta-adset-settings{grid-template-columns:repeat(2,minmax(0,1fr))}
    .meta-calendar-day{padding:7px}
    .meta-calendar-bar-copy strong{font-size:9px}
    .meta-calendar-bar-daily span{font-size:6.4px}
}
@media(max-width:900px){
    .meta-calendar-card{overflow-x:auto}
    .meta-calendar-grid{min-width:980px}
    .meta-calendar-week{min-width:980px}
    .meta-calendar-toolbar{min-width:980px}
    .meta-calendar-popover{position:fixed;left:50%!important;right:auto!important;top:50%;transform:translate(-50%,-50%);width:min(520px,90vw)}
    .meta-ad-breakdown-body{padding-left:14px}
    .meta-ad-card-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
    .meta-calendar-heading{align-items:stretch}
    .meta-calendar-toolbar{align-items:flex-start;flex-direction:column}
    .meta-calendar-popover-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .meta-adset-settings{grid-template-columns:1fr}
    .meta-ad-card{grid-template-columns:90px minmax(0,1fr)}
}
@media(max-width:1100px){
    .weekly-campaign-table .meta-ad-detail-row{border:0;border-radius:0;background:transparent;box-shadow:none;margin-top:-7px}
    .weekly-campaign-table .meta-ad-detail-row>td{display:block!important;padding:0!important;border:0;background:#f8fafb!important;text-align:left!important}
    .weekly-campaign-table .meta-ad-detail-row>td::before{display:none!important}
    .meta-ad-breakdown{border:1px solid #dce6eb;border-radius:0 0 12px 12px;overflow:visible}
}

/* v2.6.1 – prezentációs adatvédelem / God mode */
.privacy-god-toggle{
    display:inline-flex;
    align-items:center;
    gap:8px;
    height:34px;
    min-height:34px;
    margin:0 0 0 auto;
    padding:0 10px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:9px;
    background:rgba(255,255,255,.07);
    color:#fff;
    font:inherit;
    cursor:pointer;
    transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.privacy-god-toggle:hover,.privacy-god-toggle:focus-visible{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.42);outline:none}
.privacy-god-toggle.is-active{background:#fff;color:var(--dark);border-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.14)}
.privacy-god-copy{display:grid;gap:0;text-align:left;line-height:1.05}
.privacy-god-copy strong{font-size:11px;font-weight:900}
.privacy-god-copy small{margin-top:2px;color:inherit;opacity:.72;font-size:8px;font-weight:750;white-space:nowrap}
.nav-privacy-god+.nav-logout-form,.privacy-god-toggle+.nav-logout-form{margin-left:0}
.privacy-eye-icon{
    position:relative;
    display:inline-block;
    width:16px;
    height:11px;
    flex:0 0 16px;
    border:1.7px solid currentColor;
    border-radius:55% 45% 55% 45%;
    transform:rotate(45deg);
}
.privacy-eye-icon::before{
    content:"";
    position:absolute;
    left:50%;top:50%;
    width:4px;height:4px;
    border-radius:50%;
    background:currentColor;
    transform:translate(-50%,-50%);
}
.privacy-god-toggle:not(.is-active) .privacy-eye-icon::after,
.privacy-value-toggle:not(.is-visible) .privacy-eye-icon::after,
.privacy-box-toggle:not(.is-visible) .privacy-eye-icon::after{
    content:"";
    position:absolute;
    left:7px;top:-4px;
    width:1.8px;height:19px;
    border-radius:99px;
    background:currentColor;
    transform:rotate(-45deg);
}
.privacy-sensitive-value{
    display:inline-flex;
    align-items:center;
    gap:3px;
    max-width:100%;
    vertical-align:baseline;
}
.privacy-sensitive-content{
    display:inline-block;
    transition:filter .14s ease,opacity .14s ease;
}
html:not(.privacy-god-mode) .privacy-sensitive-value:not(.is-revealed) .privacy-sensitive-content{
    filter:blur(5.5px);
    opacity:.68;
    user-select:none;
    pointer-events:none;
}
html:not(.privacy-god-mode) .privacy-box-revealed .privacy-sensitive-content{filter:none!important;opacity:1!important;user-select:auto!important;pointer-events:auto!important}
.privacy-value-toggle{
    display:inline-grid;
    place-items:center;
    width:21px;
    height:21px;
    min-width:21px;
    min-height:21px;
    padding:0;
    border:0;
    border-radius:6px;
    background:transparent;
    color:#7690a1;
    cursor:pointer;
    opacity:.86;
    vertical-align:middle;
}
.privacy-value-toggle:hover,.privacy-value-toggle:focus-visible{background:#eaf1f5;color:var(--blue);outline:none}
.privacy-value-toggle .privacy-eye-icon{width:13px;height:9px;flex-basis:13px;border-width:1.5px}
.privacy-value-toggle:not(.is-visible) .privacy-eye-icon::after{left:5.6px;top:-3px;height:15px;width:1.5px}
.privacy-box-toggle{
    display:inline-flex;
    align-items:center;
    gap:5px;
    height:26px;
    min-height:26px;
    padding:0 7px;
    border:1px solid #d8e3e9;
    border-radius:8px;
    background:#f8fbfc;
    color:#6b8291;
    font:inherit;
    font-size:9px;
    font-weight:850;
    white-space:nowrap;
    cursor:pointer;
    flex:0 0 auto;
}
.privacy-box-toggle:hover,.privacy-box-toggle:focus-visible{border-color:#a9bfcc;background:#eef5f8;color:var(--blue);outline:none}
.privacy-box-toggle.is-visible{border-color:#d8be6a;background:#fff8e5;color:#7b5b08}
.privacy-box-toggle .privacy-eye-icon{width:13px;height:9px;flex-basis:13px;border-width:1.4px}
.privacy-box-toggle:not(.is-visible) .privacy-eye-icon::after{left:5.5px;top:-3px;height:15px;width:1.4px}
.metric-heading>.privacy-box-toggle{margin-left:auto}
.section-heading>.privacy-box-toggle{margin-left:auto}
.privacy-box-floating-control{position:relative}
.privacy-box-floating-control>.privacy-box-toggle{position:absolute;top:9px;right:9px;z-index:12}
html.privacy-god-mode .privacy-value-toggle{display:none}
html.privacy-god-mode .privacy-box-toggle{opacity:.55}
.offline-compare-embed .privacy-god-toggle{display:none}

@media(max-width:720px){
    .privacy-god-toggle{height:32px;min-height:32px;padding:0 8px;gap:6px}
    .privacy-god-copy small{display:none}
    .privacy-box-toggle-label{display:none}
    .privacy-box-toggle{width:27px;padding:0;justify-content:center}
}
@media(max-width:480px){
    .privacy-god-toggle{margin-left:0;flex:0 0 auto}
    .privacy-god-copy strong{font-size:10px}
}

/* v2.6.3 – kategória nélküli tételek tételszintű lenyitása */
.auxiliary-review-row .auxiliary-review-toggle{
    margin-left:8px;
    padding:4px 9px;
    border:1px solid #d9c57f;
    border-radius:999px;
    background:#fffdf4;
    color:#775d08;
    font:inherit;
    font-size:11px;
    font-weight:800;
    line-height:1.2;
    cursor:pointer;
    vertical-align:middle;
}
.auxiliary-review-row .auxiliary-review-toggle:hover,
.auxiliary-review-row .auxiliary-review-toggle:focus-visible{
    background:#fff7d6;
    border-color:#cbaa39;
    outline:none;
}
.auxiliary-review-details > td{
    padding:0!important;
    background:#fffdf7;
}
.auxiliary-review-panel{
    padding:14px 16px 16px;
    border-top:1px solid #eadca9;
    border-bottom:1px solid #eadca9;
}
.auxiliary-review-panel-heading{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:10px;
}
.auxiliary-review-panel-heading > div{
    display:grid;
    gap:3px;
}
.auxiliary-review-panel-heading strong{
    color:#102f49;
    font-size:13px;
}
.auxiliary-review-panel-heading small{
    color:#687a89;
    font-size:11px;
    line-height:1.4;
}
.auxiliary-review-panel-heading > span{
    flex:0 0 auto;
    padding:4px 8px;
    border-radius:999px;
    background:#f5edcf;
    color:#6f5807;
    font-size:10px;
    font-weight:800;
}
.auxiliary-review-table-wrap{
    overflow-x:auto;
    border:1px solid #e3e9ed;
    border-radius:10px;
    background:#fff;
}
.auxiliary-review-table{
    min-width:840px;
    margin:0;
}
.auxiliary-review-table th,
.auxiliary-review-table td{
    padding:8px 10px!important;
    font-size:11px;
    vertical-align:top;
}
.auxiliary-review-table th{
    background:#f5f8fa;
    color:#5f7280;
    white-space:nowrap;
}
.auxiliary-review-table td:last-child,
.auxiliary-review-table th:last-child{
    text-align:right;
    white-space:nowrap;
}
.auxiliary-review-date,
.auxiliary-review-order{
    white-space:nowrap;
}
.auxiliary-review-order{
    font-weight:750;
    color:#173f5f;
}
.auxiliary-review-name{
    min-width:280px;
}
@media (max-width:720px){
    .auxiliary-review-row .auxiliary-review-toggle{
        display:block;
        margin:6px 0 0;
    }
    .auxiliary-review-panel{
        padding:12px 10px 14px;
    }
    .auxiliary-review-panel-heading{
        display:grid;
    }
    .auxiliary-review-panel-heading > span{
        justify-self:start;
    }
}


/* v2.6.6 – rangsorok összehasonlítása + besorolatlan irányítószámok */
.offline-inline-stat>.comparison-delta{
    display:block;
    margin-top:4px;
    font-size:10px;
    line-height:1.2;
    white-space:normal;
}
.ranking-comparison{
    display:flex;
    justify-content:flex-end;
    gap:4px;
    flex-wrap:wrap;
    margin-top:4px;
}
.ranking-comparison--left{justify-content:flex-start}
.ranking-comparison>.comparison-delta{font-size:10px;line-height:1.2}
.rank-line>strong .ranking-comparison{max-width:240px;margin-left:auto;white-space:normal}
.postcode-unclassified-card{margin-bottom:18px;border-color:#eadcae;background:#fffdf7}
.postcode-unclassified-card .section-heading{align-items:flex-start}
.postcode-unclassified-total{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid #ead79b;border-radius:999px;background:#fff7dd;color:#7e5900;font-size:12px;font-weight:850;white-space:nowrap}
.postcode-unclassified-table{min-width:760px}
.postcode-unclassified-table td:first-child{min-width:100px}
.postcode-unclassified-table td:nth-child(2){min-width:150px}
.postcode-unclassified-table td:nth-child(3){min-width:180px}
.postcode-unclassified-note{margin:10px 0 0;color:#71818b;font-size:11px;font-weight:700}
@media(max-width:760px){
    .rank-line>strong .ranking-comparison{max-width:none}
    .postcode-unclassified-card .section-heading{gap:10px;flex-direction:column}
}

/* v2.6.7 – besorolatlan rendelések részletei és kézi irányítószám-megfeleltetés */
.postcode-unclassified-groups{display:grid;gap:8px;margin-top:14px}
.postcode-unclassified-head,
.postcode-unclassified-group>summary{
    display:grid;
    grid-template-columns:minmax(90px,.7fr) minmax(145px,1fr) minmax(180px,1.25fr) minmax(78px,.55fr) minmax(150px,1fr) auto;
    align-items:center;
    gap:12px;
}
.postcode-unclassified-head{padding:0 14px 7px;color:#6d7d87;font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.postcode-unclassified-group{overflow:hidden;border:1px solid #e7ddbb;border-radius:12px;background:#fff}
.postcode-unclassified-group>summary{min-height:48px;padding:10px 14px;cursor:pointer;list-style:none;color:var(--dark)}
.postcode-unclassified-group>summary::-webkit-details-marker{display:none}
.postcode-unclassified-group>summary:hover{background:#fffaf0}
.postcode-unclassified-group[open]>summary{border-bottom:1px solid #eee4c6;background:#fffaf0}
.postcode-unclassified-open{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;color:#765600;font-size:11px;font-weight:850;white-space:nowrap}
.postcode-unclassified-open span{display:inline-block;transition:transform .16s ease}
.postcode-unclassified-group[open] .postcode-unclassified-open span{transform:rotate(180deg)}
.postcode-unclassified-detail{padding:14px;background:#fffdf8}
.postcode-unclassified-detail-note{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#f8f3e3}
.postcode-unclassified-detail-note strong{color:var(--dark);font-size:12px}
.postcode-unclassified-detail-note span{max-width:760px;color:#687983;font-size:11px;line-height:1.45}
.postcode-unclassified-orders-table{min-width:880px;background:#fff}
.postcode-unclassified-orders-table td{vertical-align:middle}
.postcode-order-override-form{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:260px;margin:0}
.postcode-order-override-form input{width:118px;height:34px;min-width:0;padding:0 9px;border:1px solid #cfd9de;border-radius:8px;background:#fff;color:var(--dark);font-size:11px}
.postcode-order-override-form .btn{height:34px;min-height:34px;padding:0 10px;font-size:10px;white-space:nowrap}
.postcode-manual-overrides-card{margin-bottom:18px}
.postcode-manual-overrides-card .section-heading{align-items:flex-start}
.postcode-manual-overrides-table{min-width:1060px}
.postcode-manual-overrides-table td{vertical-align:middle}
.postcode-manual-overrides-table td small{display:block;margin-top:2px;color:#74858f;font-size:10px;line-height:1.3}
.postcode-override-delete-form{margin:0}
.postcode-override-delete{height:32px!important;min-height:32px!important;padding:0 9px!important;font-size:10px!important;white-space:nowrap}

@media (max-width:900px){
    .postcode-unclassified-head{display:none}
    .postcode-unclassified-group>summary{grid-template-columns:1fr 1fr;gap:7px 12px;padding:12px}
    .postcode-unclassified-group>summary>span:nth-child(3),
    .postcode-unclassified-group>summary>span:nth-child(5){grid-column:1/-1}
    .postcode-unclassified-open{grid-column:1/-1;justify-content:flex-start}
    .postcode-unclassified-detail-note{flex-direction:column;gap:4px}
}

/* v2.6.13 – értékesítőnkénti saját / közös rendelésbontás.
   Csak az offline értékesítő kártyákra hat. */
.offline-seller-row .offline-seller-attribution{
    grid-column:1/-1;
    display:grid;
    min-width:0;
    gap:0;
    margin-top:1px;
    padding:7px 9px 4px;
    border-top:1px solid #e0eaf0;
    background:#f4f8fa;
    border-radius:0 0 8px 8px;
}
.offline-seller-attribution__head,
.offline-seller-attribution__line{
    display:grid;
    grid-template-columns:minmax(140px,1fr) 65px minmax(105px,.65fr) minmax(105px,.65fr);
    align-items:center;
    column-gap:12px;
    padding:5px 7px;
    font-size:10.5px;
    line-height:1.35;
}
.offline-seller-attribution__head{
    color:#84949e;
    text-transform:uppercase;
    font-size:9px;
    font-weight:850;
    letter-spacing:.025em;
}
.offline-seller-attribution__line{color:#415c6c}
.offline-seller-attribution__line+ .offline-seller-attribution__line{
    border-top:1px solid #e3ebf0;
}
.offline-seller-attribution__line>span:first-child{
    min-width:0;
    overflow-wrap:anywhere;
    font-weight:750;
}
.offline-seller-attribution__line>span:not(:first-child),
.offline-seller-attribution__head>span:not(:first-child){text-align:right}
.offline-seller-attribution__line>span:not(:first-child){
    font-weight:800;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
}
.offline-seller-attribution__total{font-weight:850;color:#173f5f}
.offline-seller-attribution__partner>span:first-child{
    padding-left:13px;
    font-weight:700;
}
.offline-seller-attribution__partner>span:first-child:before{
    content:'↳';
    margin-left:-13px;
    margin-right:5px;
    color:#8499a7;
}
@media(max-width:760px){
    .offline-seller-row .offline-seller-attribution{
        padding:6px 5px 2px;
    }
    .offline-seller-attribution__head,
    .offline-seller-attribution__line{
        grid-template-columns:minmax(90px,1fr) 34px minmax(75px,.7fr) minmax(75px,.7fr);
        column-gap:5px;
        padding:6px 3px;
        font-size:9px;
    }
    .offline-seller-attribution__head{font-size:8px}
    .offline-seller-attribution__line>span:not(:first-child){
        white-space:normal;
    }
}
@media(max-width:390px){
    .offline-seller-attribution__head,
    .offline-seller-attribution__line{
        grid-template-columns:minmax(92px,1fr) 27px minmax(67px,.55fr) minmax(67px,.55fr);
        font-size:10px;
    }
    .offline-seller-attribution__head{font-size:8.5px}
}