.ga4-content { max-width: 1540px; }
.ga4-page { --ga4-ink: #162033; --ga4-muted: #718096; --ga4-line: #e6ebf2; --ga4-surface: #fff; --ga4-soft: #f6f8fb; --ga4-green: #16a66a; --ga4-blue: #3478f6; --ga4-purple: #7657e8; --ga4-orange: #ed8a36; color: var(--ga4-ink); }
.ga4-hero { display:flex; align-items:center; justify-content:space-between; gap:28px; margin:14px 0 26px; }
.ga4-hero h1 { margin:8px 0 8px; font-size:clamp(30px, 4vw, 48px); letter-spacing:-1.8px; }
.ga4-hero h1 span { color:var(--ga4-green); }
.ga4-hero p { max-width:780px; margin:0; color:var(--ga4-muted); font-size:15px; line-height:1.7; }
.ga4-hero-mark { display:flex; align-items:baseline; gap:1px; padding:18px 22px; border:1px solid #dceee6; border-radius:22px; background:linear-gradient(135deg,#f1fff8,#eff7ff); color:var(--ga4-green); font-size:26px; font-weight:800; box-shadow:0 14px 32px rgba(21,88,61,.08); }
.ga4-hero-mark strong { color:var(--ga4-blue); font-size:44px; line-height:.8; }
.ga4-card { background:var(--ga4-surface); border:1px solid var(--ga4-line); border-radius:16px; box-shadow:0 12px 32px rgba(26,40,65,.045); padding:24px; margin-bottom:20px; }
.ga4-card-head { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; }
.ga4-card-head-compact { align-items:center; }
.ga4-card-head h2 { margin:4px 0 4px; color:var(--ga4-ink); font-size:19px; letter-spacing:-.25px; }
.ga4-card-head p { margin:0; color:var(--ga4-muted); font-size:13px; line-height:1.6; }
.ga4-kicker { color:var(--ga4-green); font-size:10px; font-weight:800; letter-spacing:1.15px; }
.ga4-setup-card { border-top:3px solid var(--ga4-green); }
.ga4-status-pill { border:1px solid #dbe8e2; border-radius:999px; padding:7px 11px; color:#487261; background:#f4fbf7; font-size:11px; white-space:nowrap; }
.ga4-status-pill.is-error { color:#a2413d; border-color:#f2d6d3; background:#fff7f6; }
.ga4-form-grid { display:grid; grid-template-columns:1.15fr 1.5fr repeat(4, minmax(130px, 1fr)); gap:14px; margin-top:22px; }
.ga4-field { display:flex; flex-direction:column; gap:7px; min-width:0; }
.ga4-field > span { font-size:11px; font-weight:700; color:#59677a; }
.ga4-field input, .ga4-field select, .ga4-field textarea { width:100%; border:1px solid #dbe2ec; border-radius:9px; background:#fff; color:var(--ga4-ink); font:inherit; font-size:13px; outline:none; padding:10px 11px; box-sizing:border-box; transition:border-color .16s, box-shadow .16s; }
.ga4-field textarea { resize:vertical; line-height:1.5; }
.ga4-field input:focus, .ga4-field select:focus, .ga4-field textarea:focus { border-color:#83bfaa; box-shadow:0 0 0 3px rgba(22,166,106,.1); }
.ga4-field select:disabled { background:#f3f5f8; color:#9aa5b4; }
.ga4-comparison-row { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-top:18px; padding-top:16px; border-top:1px solid #edf0f5; }
.ga4-switch { display:inline-flex; align-items:center; gap:9px; cursor:pointer; font-size:13px; }
.ga4-switch input { position:absolute; opacity:0; pointer-events:none; }
.ga4-switch > span { width:34px; height:19px; border-radius:20px; background:#cbd4df; position:relative; transition:.2s; }
.ga4-switch > span:after { content:""; width:15px; height:15px; position:absolute; left:2px; top:2px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.2); transition:.2s; }
.ga4-switch input:checked + span { background:var(--ga4-green); }
.ga4-switch input:checked + span:after { transform:translateX(15px); }
.ga4-comparison-note { color:var(--ga4-muted); font-size:12px; }
.ga4-comparison-dates { display:flex; gap:10px; margin-left:auto; }
.ga4-comparison-dates .ga4-field { min-width:155px; }
.ga4-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:20px; }
.ga4-button { border:0; border-radius:9px; padding:10px 14px; font:inherit; font-size:12px; font-weight:750; cursor:pointer; transition:transform .16s, opacity .16s, box-shadow .16s; }
.ga4-button:hover:not(:disabled) { transform:translateY(-1px); box-shadow:0 5px 14px rgba(30,50,80,.1); }
.ga4-button:disabled { opacity:.5; cursor:not-allowed; }
.ga4-button-primary { background:var(--ga4-green); color:#fff; }
.ga4-button-secondary, .ga4-button-ghost { background:#f1f4f8; color:#42536b; }
.ga4-button-ghost { border:1px solid #dfe6ef; padding:8px 11px; font-size:11px; }
.ga4-button-ai { background:#272441; color:#fff; }
.ga4-inline-status { color:var(--ga4-muted); font-size:12px; }
.ga4-empty { display:grid; place-items:center; text-align:center; min-height:210px; padding:28px; border:1px dashed #cdd8e4; border-radius:16px; background:linear-gradient(135deg,#fbfdfd,#f7f9fc); }
.ga4-empty-icon { display:grid; place-items:center; width:46px; height:46px; border-radius:15px; background:#e8f7ef; color:var(--ga4-green); font-size:30px; }
.ga4-empty h2 { margin:14px 0 5px; font-size:17px; }
.ga4-empty p { max-width:520px; margin:0; color:var(--ga4-muted); font-size:13px; line-height:1.6; }
.ga4-report-meta { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:26px 0 13px; }
.ga4-report-meta > div:first-child { display:flex; flex-direction:column; gap:3px; }
.ga4-report-meta strong { font-size:18px; }
.ga4-report-meta span:last-child { color:var(--ga4-muted); font-size:12px; }
.ga4-report-actions { display:flex; gap:7px; flex-wrap:wrap; }
.ga4-warning { padding:12px 14px; margin:0 0 17px; border:1px solid #f2dfb7; border-radius:10px; color:#7f622c; background:#fffaf0; font-size:12px; line-height:1.55; }
.ga4-kpi-grid { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:12px; margin-bottom:20px; }
.ga4-kpi { min-height:100px; padding:17px; border:1px solid var(--ga4-line); border-radius:14px; background:#fff; box-shadow:0 8px 20px rgba(26,40,65,.035); }
.ga4-kpi span { display:block; color:#728197; font-size:11px; font-weight:700; }
.ga4-kpi strong { display:block; margin:12px 0 5px; color:var(--ga4-ink); font-size:25px; letter-spacing:-.8px; }
.ga4-kpi small { color:#7a8798; font-size:11px; }
.ga4-kpi small.is-up { color:var(--ga4-green); }.ga4-kpi small.is-down { color:#d25757; }.ga4-kpi-accent { background:linear-gradient(145deg,#f3fcf7,#f5f9ff); border-color:#d6ece0; }
.ga4-chart-wrap { position:relative; min-height:300px; margin-top:16px; }.ga4-chart-wrap canvas { width:100%; height:330px; display:block; }.ga4-chart-legend { display:flex; gap:13px; flex-wrap:wrap; color:#728197; font-size:11px; }.ga4-legend-dot { display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:5px; }
.ga4-chart-tooltip { position:absolute; pointer-events:none; min-width:130px; padding:9px 11px; border:1px solid #dce4ed; border-radius:8px; background:#fff; box-shadow:0 8px 22px rgba(22,34,54,.12); color:#42536b; font-size:11px; line-height:1.6; }
.ga4-chart-foot { display:flex; justify-content:space-between; align-items:flex-end; gap:18px; color:var(--ga4-muted); font-size:11px; }
.ga4-chart-controls { display:flex; align-items:flex-end; justify-content:flex-end; flex-wrap:wrap; gap:9px; }
.ga4-chart-controls label { display:flex; flex-direction:column; gap:5px; }
.ga4-chart-controls label > span { color:#64748b; font-size:9px; font-weight:700; text-transform:uppercase; }
.ga4-chart-foot select { min-width:140px; padding:7px 9px; border:1px solid #dbe2ec; border-radius:7px; color:#53647a; background:#fff; font:inherit; font-size:11px; }
.ga4-summary-card { background:linear-gradient(135deg,#fff,#fbfaff); }.ga4-summary-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:18px; }.ga4-insight { padding:14px; border:1px solid #e7e4f4; border-radius:11px; background:#fff; }.ga4-insight strong { display:block; margin-bottom:5px; font-size:12px; }.ga4-insight p { margin:0; color:#6d798b; font-size:12px; line-height:1.55; }
.ga4-report-grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:20px; }.ga4-span-2 { grid-column:1 / -1; }.ga4-table-card { min-width:0; margin:0; }.ga4-small-export { border:0; border-radius:6px; padding:6px 8px; color:#658074; background:#edf8f2; font-size:10px; font-weight:800; cursor:pointer; }.ga4-table-scroll { overflow:auto; margin-top:15px; }.ga4-table-card table { width:100%; min-width:570px; border-collapse:collapse; font-size:11px; }.ga4-table-card th { padding:9px 8px; border-bottom:1px solid #dce4ed; color:#7b8899; text-align:left; font-size:10px; white-space:nowrap; }
.ga4-table-card th.is-sortable { user-select:none; cursor:pointer; transition:color .15s,background .15s; }
.ga4-table-card th.is-sortable:hover,.ga4-table-card th.is-sortable:focus-visible { background:#f8fafc; color:#2563eb; outline:none; }
.ga4-table-card th.is-sortable:after { content:'↕'; display:inline-block; margin-left:5px; color:#a8b2c0; font-size:9px; }
.ga4-table-card th.is-sorted-asc,.ga4-table-card th.is-sorted-desc { color:#2563eb; }
.ga4-table-card th.is-sorted-asc:after { content:'↑'; color:#2563eb; }
.ga4-table-card th.is-sorted-desc:after { content:'↓'; color:#2563eb; }.ga4-table-card td { padding:10px 8px; border-bottom:1px solid #eef1f5; color:#45556d; white-space:nowrap; }.ga4-table-card tbody tr:hover { background:#f8fbfa; }.ga4-table-card td:first-child { max-width:330px; overflow:hidden; text-overflow:ellipsis; }.ga4-table-empty { color:#98a4b4 !important; text-align:center; padding:22px !important; }
.ga4-pagination { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:14px; padding-top:12px; border-top:1px solid #edf0f5; color:#64748b; font-size:10px; }
.ga4-pagination[hidden] { display:none !important; }
.ga4-pagination-controls { display:flex; align-items:center; gap:9px; white-space:nowrap; }
.ga4-pagination-controls button { padding:7px 10px; border:1px solid #dbe3ee; border-radius:7px; background:#fff; color:#475569; font:inherit; font-weight:700; cursor:pointer; }
.ga4-pagination-controls button:hover:not(:disabled) { border-color:#93c5fd; color:#2563eb; }
.ga4-pagination-controls button:disabled { background:#f8fafc; color:#a8b2c0; cursor:not-allowed; }
.ga4-pagination-controls strong { min-width:42px; color:#334155; text-align:center; }
.ga4-ai-card { border-top:3px solid #7562d6; }.ga4-ai-badge { display:grid; place-items:center; width:39px; height:39px; border-radius:12px; color:#fff; background:#30294f; font-size:12px; font-weight:800; }.ga4-ai-controls { display:flex; align-items:flex-end; gap:13px; margin-top:18px; }.ga4-ai-controls .ga4-field { flex:1; }.ga4-ai-controls .ga4-button { height:40px; white-space:nowrap; }.ga4-ai-status { min-height:18px; margin-top:8px; color:#8a6a3a; font-size:12px; }.ga4-ai-output { padding:18px; border:1px solid #e2ddf4; border-radius:11px; background:#faf9ff; color:#42415b; font-size:13px; line-height:1.7; white-space:pre-wrap; }
@media (max-width:1100px) { .ga4-form-grid { grid-template-columns:repeat(3,1fr); }.ga4-field-wide { grid-column:span 1; }.ga4-kpi-grid { grid-template-columns:repeat(3,1fr); }.ga4-kpi-accent { grid-column:span 1; } }
@media (max-width:760px) { .ga4-hero, .ga4-report-meta, .ga4-card-head { align-items:flex-start; flex-direction:column; }.ga4-hero-mark { display:none; }.ga4-form-grid, .ga4-report-grid, .ga4-summary-grid { grid-template-columns:1fr; }.ga4-span-2 { grid-column:auto; }.ga4-kpi-grid { grid-template-columns:repeat(2,1fr); }.ga4-chart-controls { width:100%; }.ga4-chart-controls label { flex:1; }.ga4-chart-foot select { width:100%; min-width:0; }.ga4-comparison-dates { width:100%; margin-left:0; }.ga4-comparison-dates .ga4-field { flex:1; min-width:0; }.ga4-ai-controls { align-items:stretch; flex-direction:column; }.ga4-chart-foot { align-items:flex-start; flex-direction:column; }.ga4-report-actions { width:100%; }.ga4-report-actions .ga4-button { flex:1; } }
@media print { .sidebar, .menu-top, .ga4-setup-card, .ga4-report-actions, .ga4-ai-card, .ga4-small-export, .ga4-chart-foot { display:none !important; }.main { margin:0 !important; }.ga4-content { max-width:none; }.ga4-card, .ga4-kpi { box-shadow:none; break-inside:avoid; }.ga4-hero { margin-top:0; }.ga4-report-grid { gap:10px; }.ga4-table-card { border-color:#ccd3dc; } }

/* GA4_SHARED_VISUAL_ALIGNMENT: wspólna konwencja narzędzi SEO Nest */
.ga4-page { --ga4-ink:#142033; --ga4-muted:#64748b; --ga4-line:#dbe3ee; --ga4-surface:#fff; --ga4-soft:#f8fafc; --ga4-green:#2563eb; --ga4-blue:#2563eb; --ga4-purple:#64748b; --ga4-orange:#b45309; }
.ga4-hero { align-items:center; margin:0 0 28px; }
.ga4-hero h1 { margin:0 0 6px; color:#142033; font-family:'Geist',sans-serif; font-size:26px; font-weight:700; letter-spacing:0; line-height:1.2; }
.ga4-hero h1 span { color:#2563eb; }
.ga4-hero p { max-width:820px; color:#64748b; font-size:13px; line-height:1.6; }
.ga4-tag { margin-bottom:8px; color:#2563eb; font-family:'Geist Mono',monospace; font-size:10px; text-transform:uppercase; }
.ga4-header-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.ga4-header-icon, .ga4-header-button { display:inline-flex; align-items:center; justify-content:center; min-height:40px; border:1px solid #dbe3ee; border-radius:8px; background:#f8fafc; color:#64748b; font:inherit; font-size:13px; cursor:pointer; }
.ga4-header-icon { width:40px; padding:0; }
.ga4-header-icon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:2; }
.ga4-header-icon:hover:not(:disabled), .ga4-header-button:hover { border-color:#2563eb; background:#fff; color:#2563eb; }
.ga4-header-icon:disabled { opacity:.4; cursor:not-allowed; }
.ga4-header-button { padding:9px 14px; }
.ga4-card { border-radius:8px; box-shadow:0 1px 3px rgba(15,23,42,.04); }
.ga4-setup-card { border-top:1px solid #dbe3ee; }
.ga4-button-primary { background:#2563eb; box-shadow:0 2px 7px rgba(37,99,235,.24); }
.ga4-button-ai { border:1px solid #bfdbfe; background:#eff6ff; color:#2563eb; }
.ga4-ai-card { border-top:1px solid #bfdbfe; }
.ga4-ai-badge { border:1px solid #bfdbfe; background:#eff6ff; color:#2563eb; }
.ga4-kicker { color:#2563eb; font-family:'Geist Mono',monospace; }
.ga4-status-pill { border-color:#dbe3ee; background:#f8fafc; color:#64748b; }
.ga4-hero-mark { display:none; }
/* GA4_FONT_ALIGNMENT: fonty wspólne z narzędziami Analizy */
.ga4-page { font-family:'Geist',sans-serif; }
.ga4-page button, .ga4-page input, .ga4-page select, .ga4-page textarea { font-family:'Geist',sans-serif; }
.ga4-page .ga4-tag, .ga4-page .ga4-kicker { font-family:'Geist Mono',monospace; }
/* Stany porównania, pobierania i modal AI zgodne z pozostałymi analizami */
.ga4-comparison-dates { transition:opacity .18s; }
.ga4-comparison-dates.is-disabled { opacity:.45; }
.ga4-comparison-dates.is-disabled input { background:#f1f5f9; color:#94a3b8; cursor:not-allowed; }
.ga4-loading { display:flex; align-items:center; justify-content:center; gap:14px; min-height:150px; padding:28px; border:1px solid #dbe3ee; border-radius:8px; background:#fff; color:#475569; }
.ga4-loading[hidden] { display:none; }
.ga4-loading p { margin:4px 0 0; color:#64748b; font-size:12px; }
.ga4-spinner { width:24px; height:24px; border:3px solid #dbeafe; border-top-color:#2563eb; border-radius:50%; animation:ga4-spin .8s linear infinite; }
@keyframes ga4-spin { to { transform:rotate(360deg); } }
.ga4-modal-open { overflow:hidden; }
.ga4-ai-overlay { position:fixed; inset:0; z-index:10050; display:grid; place-items:center; padding:24px; }
.ga4-ai-overlay[hidden] { display:none; }
.ga4-ai-backdrop { position:absolute; inset:0; width:100%; border:0; background:rgba(15,23,42,.48); cursor:default; }
.ga4-ai-modal { position:relative; width:min(760px,100%); max-height:calc(100vh - 48px); overflow:auto; border:1px solid #dbe3ee; border-radius:10px; background:#fff; box-shadow:0 24px 70px rgba(15,23,42,.24); }
.ga4-ai-head { display:flex; justify-content:space-between; gap:20px; padding:22px 24px 18px; border-bottom:1px solid #e2e8f0; }
.ga4-ai-head h2 { margin:5px 0 4px; font-size:20px; }
.ga4-ai-head p { margin:0; color:#64748b; font-size:12px; }
.ga4-ai-close { flex:0 0 36px; width:36px; height:36px; border:1px solid #dbe3ee; border-radius:8px; background:#f8fafc; color:#64748b; font-size:23px; line-height:1; cursor:pointer; }
.ga4-ai-body { padding:22px 24px 24px; }
.ga4-ai-section-label { margin-bottom:9px; color:#475569; font-family:'Geist Mono',monospace; font-size:10px; font-weight:700; text-transform:uppercase; }
.ga4-ai-modes { display:flex; flex-wrap:wrap; gap:8px; }
.ga4-ai-modes button { border:1px solid #dbe3ee; border-radius:7px; padding:8px 11px; background:#f8fafc; color:#475569; font:inherit; font-size:12px; cursor:pointer; }
.ga4-ai-modes button.is-active { border-color:#93c5fd; background:#eff6ff; color:#1d4ed8; }
.ga4-ai-note { margin:10px 0 18px; color:#64748b; font-size:12px; line-height:1.55; }
.ga4-ai-actions { display:flex; gap:9px; margin-top:14px; }
.ga4-ai-status { min-height:18px; margin-top:10px; color:#64748b; font-size:12px; }
.ga4-ai-result { margin-top:14px; padding:18px; border:1px solid #dbe3ee; border-radius:8px; background:#f8fafc; color:#334155; font-size:13px; line-height:1.7; white-space:pre-wrap; }
@media (max-width:620px) { .ga4-ai-overlay { padding:10px; }.ga4-ai-head,.ga4-ai-body { padding:18px; }.ga4-ai-actions { flex-direction:column; } }
@media print { .ga4-ai-overlay,.ga4-loading { display:none !important; } }
/* Rozszerzone zestawienia GA4 */
.ga4-secondary-kpis { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin:-8px 0 20px; }
.ga4-secondary-kpis article { padding:14px 16px; border:1px solid #dbe3ee; border-radius:8px; background:#f8fafc; }
.ga4-secondary-kpis span { display:block; color:#64748b; font-size:10px; font-weight:700; }
.ga4-secondary-kpis strong { display:block; margin-top:8px; color:#1e293b; font-size:18px; }
.ga4-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin:16px 0 -6px; padding:8px 2px 2px; border-bottom:1px solid #dbe3ee; }
.ga4-section-heading h2 { margin:5px 0 10px; color:#142033; font-size:19px; }
.ga4-section-heading p { max-width:520px; margin:0 0 10px; color:#64748b; font-size:12px; line-height:1.55; text-align:right; }
.ga4-business-card { margin:0; }
.ga4-business-kpis { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin-top:18px; }
.ga4-business-kpis article { min-width:0; padding:14px; border:1px solid #dbe3ee; border-radius:8px; background:#f8fafc; }
.ga4-business-kpis span { display:block; min-height:28px; color:#64748b; font-size:10px; font-weight:700; line-height:1.4; }
.ga4-business-kpis strong { display:block; margin-top:8px; color:#1e293b; font-size:19px; overflow:hidden; text-overflow:ellipsis; }
.ga4-business-kpis small { display:block; margin-top:5px; color:#64748b; font-size:10px; }
@media (max-width:1100px) { .ga4-secondary-kpis { grid-template-columns:repeat(3,1fr); }.ga4-business-kpis { grid-template-columns:repeat(3,1fr); } }
@media (max-width:760px) { .ga4-secondary-kpis,.ga4-business-kpis { grid-template-columns:repeat(2,1fr); }.ga4-section-heading { align-items:flex-start; flex-direction:column; gap:0; }.ga4-section-heading p { text-align:left; } }
@media (max-width:460px) { .ga4-secondary-kpis,.ga4-business-kpis { grid-template-columns:1fr; } }
/* Informacje o źródłach i interpretacji sekcji */
.ga4-title-row { display:flex; align-items:center; gap:8px; }
.ga4-title-row h2 { min-width:0; }
.ga4-info-button { position:relative; display:inline-grid; flex:0 0 19px; place-items:center; width:19px; height:19px; padding:0; border:1px solid #bfdbfe; border-radius:50%; background:#eff6ff; color:#2563eb; font-family:'Geist Mono',monospace !important; font-size:11px; font-weight:800; line-height:1; cursor:help; }
.ga4-info-button:hover,.ga4-info-button:focus-visible,.ga4-info-button.is-open { border-color:#2563eb; background:#2563eb; color:#fff; outline:none; }
.ga4-info-tooltip { position:absolute; z-index:80; left:50%; top:calc(100% + 10px); bottom:auto; width:min(420px,82vw); padding:14px 15px; border:1px solid #cbd5e1; border-radius:8px; background:#0f172a; box-shadow:0 12px 30px rgba(15,23,42,.2); color:#f8fafc; font-family:'Geist',sans-serif; font-size:11px; font-weight:400; line-height:1.55; text-align:left; opacity:0; pointer-events:none; transform:translate(-50%,-4px); transition:opacity .15s,transform .15s; }
.ga4-info-tooltip > strong { display:block; margin:0 0 4px; color:#93c5fd; font-size:10px; letter-spacing:.03em; text-transform:uppercase; }
.ga4-info-tooltip > span { display:block; color:#f8fafc; }
.ga4-info-tooltip > span + strong { margin-top:10px; padding-top:9px; border-top:1px solid rgba(148,163,184,.28); }
.ga4-info-tooltip:after { content:""; position:absolute; left:50%; bottom:100%; border:6px solid transparent; border-bottom-color:#0f172a; transform:translateX(-50%); }
.ga4-info-button:hover .ga4-info-tooltip,.ga4-info-button:focus-visible .ga4-info-tooltip,.ga4-info-button.is-open .ga4-info-tooltip { opacity:1; transform:translate(-50%,0); }
.ga4-section-heading .ga4-title-row { margin-top:4px; }
.ga4-advanced-kpis { grid-template-columns:repeat(6,minmax(0,1fr)); }
@media (max-width:1100px) { .ga4-advanced-kpis { grid-template-columns:repeat(3,1fr); } }
@media (max-width:760px) { .ga4-info-tooltip { left:0; transform:translate(0,-4px); }.ga4-info-button:hover .ga4-info-tooltip,.ga4-info-button:focus-visible .ga4-info-tooltip,.ga4-info-button.is-open .ga4-info-tooltip { transform:translate(0,0); }.ga4-info-tooltip:after { left:10px; transform:none; }.ga4-advanced-kpis { grid-template-columns:repeat(2,1fr); } }
@media (max-width:460px) { .ga4-advanced-kpis { grid-template-columns:1fr; } }
@media print { .ga4-info-button { display:none !important; } }
.ga4-empty[hidden] { display:none !important; }

/* Opcjonalny filtr własnej listy stron wejścia */
.ga4-custom-list-row { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-top:14px; padding-top:14px; border-top:1px solid #edf0f5; }
.ga4-custom-list-panel { margin-top:12px; padding:16px; border:1px solid #dbe3ee; border-radius:8px; background:#f8fafc; }
.ga4-custom-list-panel[hidden] { display:none !important; }
.ga4-custom-list-panel textarea { min-height:124px; background:#fff; font-family:'Geist Mono',monospace; font-size:11px; }
.ga4-custom-list-options { display:flex; align-items:flex-end; gap:14px; margin-top:12px; }
.ga4-custom-list-limit { flex:0 0 220px; }
.ga4-custom-list-warning { flex:1; margin:0; padding:10px 12px; border:1px solid #f2dfb7; border-radius:8px; background:#fffaf0; color:#7f622c; font-size:10px; line-height:1.5; }
.ga4-custom-list-meta { display:flex; justify-content:space-between; gap:16px; margin-top:8px; color:#64748b; font-size:10px; }
.ga4-custom-list-meta span:first-child { color:#2563eb; font-weight:700; }
@media (max-width:760px) { .ga4-custom-list-options,.ga4-custom-list-meta,.ga4-pagination { align-items:stretch; flex-direction:column; gap:8px; }.ga4-custom-list-limit { flex-basis:auto; }.ga4-pagination-controls { justify-content:space-between; } }
@media print { .ga4-custom-list-row,.ga4-custom-list-panel { display:none !important; } }

/* Projekty, wykluczenia URL i wybór zakresu na wykresie */
.ga4-exclusion-row { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-top:14px; padding-top:14px; border-top:1px solid #edf0f5; }
.ga4-exclusion-panel { margin-top:12px; padding:16px; border:1px solid #dbe3ee; border-radius:8px; background:#f8fafc; }
.ga4-exclusion-panel[hidden] { display:none !important; }
.ga4-exclusion-presets { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:14px; }
.ga4-exclusion-presets label { display:flex; align-items:center; gap:8px; min-height:38px; padding:9px 10px; border:1px solid #dbe3ee; border-radius:8px; background:#fff; color:#475569; font-size:11px; cursor:pointer; }
.ga4-exclusion-presets input { accent-color:#2563eb; }
.ga4-exclusion-panel textarea { min-height:92px; background:#fff; font-family:'Geist Mono',monospace; font-size:11px; }
.ga4-project-workspace { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:14px; padding:13px 15px; border:1px solid #dbe3ee; border-radius:8px; background:#f8fafc; }
.ga4-project-workspace > div > strong { color:#1e293b; font-size:12px; }
.ga4-project-workspace p { margin:4px 0 0; color:#64748b; font-size:10px; line-height:1.45; }
.ga4-chart-selection-toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:15px; padding:12px 14px; border:1px solid #dbe3ee; border-radius:8px; background:#f8fafc; }
.ga4-chart-selection-toolbar > div:first-child { min-width:220px; }
.ga4-chart-selection-toolbar strong { display:block; color:#334155; font-size:11px; }
.ga4-chart-selection-toolbar span { display:block; margin-top:4px; color:#64748b; font-size:10px; line-height:1.45; }
.ga4-chart-selection-modes { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:5px; }
.ga4-chart-selection-modes button { min-height:31px; padding:6px 10px; border:1px solid #cbd5e1; border-radius:7px; background:#fff; color:#475569; font:600 10px 'Geist',sans-serif; cursor:pointer; }
.ga4-chart-selection-modes button:hover,.ga4-chart-selection-modes button[aria-pressed="true"] { border-color:#2563eb; background:#eff6ff; color:#1d4ed8; }
.ga4-chart-selection-modes button:disabled { opacity:.5; cursor:wait; }
#trendChart { cursor:crosshair; }
.ga4-projects-overlay { position:fixed; inset:0; z-index:10050; display:grid; place-items:center; padding:24px; }
.ga4-projects-overlay[hidden] { display:none; }
.ga4-projects-modal { position:relative; width:min(620px,100%); max-height:calc(100vh - 48px); overflow:auto; border:1px solid #dbe3ee; border-radius:10px; background:#fff; box-shadow:0 24px 70px rgba(15,23,42,.24); }
.ga4-projects-body { padding:22px 24px 24px; }
.ga4-projects-actions { display:flex; gap:8px; margin:12px 0 22px; }
.ga4-project-status { margin:14px 0 0; padding:11px 12px; border-radius:8px; background:#f8fafc; color:#64748b; font-size:10px; line-height:1.5; }
@media (max-width:900px) { .ga4-exclusion-presets { grid-template-columns:repeat(2,1fr); }.ga4-chart-selection-toolbar { align-items:flex-start; flex-direction:column; }.ga4-chart-selection-modes { justify-content:flex-start; } }
@media (max-width:620px) { .ga4-exclusion-presets { grid-template-columns:1fr; }.ga4-project-workspace { align-items:flex-start; flex-direction:column; }.ga4-projects-overlay { padding:10px; }.ga4-projects-body { padding:18px; }.ga4-projects-actions { align-items:stretch; flex-direction:column; }.ga4-chart-selection-modes button { flex:1 1 42%; } }
@media print { .ga4-exclusion-row,.ga4-exclusion-panel,.ga4-project-workspace,.ga4-chart-selection-toolbar,.ga4-projects-overlay { display:none !important; } }
.ga4-chart-controls .ga4-chart-traffic-value select { min-width:190px; max-width:260px; }
.ga4-chart-controls select:disabled { color:#94a3b8; background:#f8fafc; cursor:not-allowed; }
@media (max-width:1100px) { .ga4-chart-foot { align-items:flex-start; flex-direction:column; }.ga4-chart-controls { width:100%; justify-content:flex-start; } }

/* Porównywanie wielu źródeł na wykresie */
.ga4-chart-add-series { min-height:32px; padding:7px 11px; border:1px solid #bfdbfe; border-radius:7px; background:#eff6ff; color:#1d4ed8; font:700 10px 'Geist',sans-serif; white-space:nowrap; cursor:pointer; }
.ga4-chart-add-series:hover:not(:disabled) { border-color:#2563eb; background:#dbeafe; }
.ga4-chart-add-series:disabled { opacity:.5; cursor:not-allowed; }
.ga4-chart-series-bar { display:flex; align-items:center; gap:10px; margin:12px 0 2px; padding:10px 12px; border:1px solid #dbe3ee; border-radius:8px; background:#f8fafc; }
.ga4-chart-series-bar[hidden] { display:none; }
.ga4-chart-series-bar > span { color:#64748b; font-size:9px; font-weight:700; text-transform:uppercase; white-space:nowrap; }
.ga4-chart-series-bar > div { display:flex; flex:1; flex-wrap:wrap; gap:6px; }
.ga4-chart-series-chip { display:inline-flex; align-items:center; gap:6px; max-width:280px; padding:5px 6px 5px 8px; border:1px solid #dbe3ee; border-radius:999px; background:#fff; color:#334155; font-size:10px; }
.ga4-chart-series-chip > i,.ga4-chart-tip-series > i { flex:0 0 8px; width:8px; height:8px; border-radius:50%; }
.ga4-chart-series-chip strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ga4-chart-series-chip button { display:grid; place-items:center; width:18px; height:18px; padding:0; border:0; border-radius:50%; background:#eef2f7; color:#64748b; font-size:14px; line-height:1; cursor:pointer; }
.ga4-chart-series-chip button:hover { background:#fee2e2; color:#b91c1c; }
#chartTrafficClearSeriesButton { padding:5px 8px; border:0; background:transparent; color:#64748b; font:700 9px 'Geist',sans-serif; white-space:nowrap; cursor:pointer; }
#chartTrafficClearSeriesButton:hover { color:#dc2626; }
.ga4-legend-period { color:#94a3b8; font-style:italic; }
.ga4-chart-tip-series { display:flex; align-items:center; gap:5px; margin-top:5px; white-space:nowrap; }
.ga4-chart-tip-series small { color:#94a3b8; }
@media (max-width:760px) { .ga4-chart-series-bar { align-items:flex-start; flex-direction:column; }.ga4-chart-series-bar > div { width:100%; }.ga4-chart-add-series { flex:1; }.ga4-chart-series-chip { max-width:100%; } }
@media print { .ga4-chart-series-bar,.ga4-chart-add-series { display:none !important; } }
.ga4-chart-tooltip { max-width:min(320px,calc(100% - 16px)); }
.ga4-chart-tip-series { white-space:normal; overflow-wrap:anywhere; }