@layer base,layout,components;
@layer base { :root{--page:#f3f5f8;--card:#fff;--text:#17263a;--muted:#51637a;--accent:#254c88;--border:#d5dce7;--radius:12px}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:16px/1.5 system-ui,sans-serif}a{color:var(--accent)}h1,h2{line-height:1.2}h1{font-size:1.8rem}h2{font-size:1.25rem}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:.55rem;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text)}button,.c-button{display:inline-block;border:0;border-radius:6px;padding:.55rem .8rem;background:var(--accent);color:#fff;cursor:pointer;text-decoration:none}button:hover,.c-button:hover{filter:brightness(.92)}:focus-visible{outline:3px solid #ba6600;outline-offset:3px}code{overflow-wrap:anywhere}small{color:var(--muted)} }
@layer layout { .c-shell{max-width:1500px;margin:auto;padding:1.2rem}.c-preferences{max-width:760px}.l-top,.l-tabs{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.l-top{justify-content:space-between}.l-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.l-full{grid-column:1/-1}.l-tables{overflow:auto}nav{margin:1rem 0}form{display:flex;gap:.8rem;flex-wrap:wrap}form.l-grid{display:grid}@media(max-width:700px){.l-grid{grid-template-columns:1fr}.c-shell{padding:.8rem}h1{font-size:1.45rem}} }
@layer components { .c-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin:1.1rem 0}.c-secondary{background:#e2e7f0;color:var(--text)}.c-active{background:var(--accent);color:#fff;padding:.35rem .7rem;border-radius:6px;text-decoration:none}.c-notice{border-left:4px solid var(--accent);padding:.7rem;background:#e4ebf6}.c-note{font-size:.87rem;color:var(--muted)}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;vertical-align:top;padding:.6rem;border-bottom:1px solid var(--border)}th{white-space:nowrap}td.c-numeric{font-variant-numeric:tabular-nums;white-space:nowrap}label{font-size:.9rem}label span{display:block;margin-bottom:.2rem}.c-url{max-width:350px;overflow-wrap:anywhere;font-size:.8rem}.c-link-row{margin-top:.8rem;border-top:1px solid var(--border);padding-top:.8rem}.c-inline{display:inline-flex}.c-badge{background:#e4ebf6;border-radius:6px;padding:.2rem .4rem} }
/* =========================================================
   SCREEN: Campaign analytics | Root: .p-campaign-dashboard
   Scope: private statistics only; visitor settings unchanged
   ========================================================= */
@layer base,layout,components,dashboard;
@layer dashboard {
 .p-campaign-dashboard{--surface-page:#f2f5fa;--surface-panel:#fff;--surface-soft:#edf2fa;--text-primary:#192b45;--text-muted:#69778d;--accent-primary:#465ad8;--border-panel:#e0e6ef;--radius-card:9px;--shadow-card:0 2px 8px #23365d06;background:var(--surface-page);color:var(--text-primary);font-size:13px;line-height:1.35}
 .p-campaign-dashboard .c-shell{max-width:1280px;padding:10px}
 .p-campaign-dashboard h1{font-size:21px;letter-spacing:-.5px;margin:0}
 .p-campaign-dashboard h2{font-size:14px;margin:0;line-height:1.4}
 .p-campaign-dashboard h3{font-size:13px;margin:4px 0}
 .p-campaign-dashboard p{margin:5px 0}
 .p-campaign-dashboard a{color:var(--accent-primary);text-decoration:none}
 .p-campaign-dashboard a:hover{text-decoration:underline}
 .p-campaign-dashboard header{margin-bottom:8px}
 .p-campaign-dashboard .c-card{border:1px solid var(--border-panel);background:var(--surface-panel);padding:10px;margin:7px 0;border-radius:var(--radius-card);box-shadow:var(--shadow-card)}
 .p-campaign-dashboard .l-top,.p-campaign-dashboard .l-tabs,.p-campaign-dashboard .l-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
 .p-campaign-dashboard .l-actions{justify-content:flex-start}
 .p-campaign-dashboard .l-spacer{flex:1}
 .p-campaign-dashboard nav{margin:0}
 .p-campaign-dashboard .l-tabs a{padding:5px 8px;border-radius:6px}
 .p-campaign-dashboard .l-tabs .is-active{background:var(--surface-soft);color:var(--accent-primary);font-weight:650;text-decoration:none}
 .p-campaign-dashboard .l-view-tabs{border-bottom:1px solid var(--border-panel);padding:4px 0;margin:4px 0}
 .p-campaign-dashboard .l-view-tabs .is-active{background:var(--accent-primary);color:#fff}
 .p-campaign-dashboard .c-filterbar{padding:4px 0}
 .p-campaign-dashboard .c-filterbar summary{font-size:12px;color:var(--text-muted)}
 .p-campaign-dashboard details{margin:0}
 .p-campaign-dashboard summary{cursor:pointer}
 .p-campaign-dashboard .c-card>summary{font-weight:600}
 .p-campaign-dashboard .c-date-picker form{margin-top:5px;align-items:end;gap:5px}
 .p-campaign-dashboard .c-date-picker label{width:130px}
 .p-campaign-dashboard .l-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:5px 0}
 .p-campaign-dashboard .c-kpi{background:var(--surface-panel);border:1px solid var(--border-panel);border-radius:var(--radius-card);padding:9px}
 .p-campaign-dashboard .c-kpi>span{display:block;color:var(--text-muted);font-size:11px}
 .p-campaign-dashboard .c-kpi>strong{display:block;font-size:22px;font-weight:650;margin:4px 0;letter-spacing:-.6px;overflow-wrap:anywhere}
 .p-campaign-dashboard .c-kpi small{font-size:10px;color:var(--text-muted)}
 .p-campaign-dashboard .l-split{display:grid;grid-template-columns:1fr 1fr;gap:7px}
 .p-campaign-dashboard .l-split .c-card{margin:0}
 .p-campaign-dashboard .c-trend{display:block;width:100%;height:145px;margin:5px 0;color:var(--accent-primary)}
 .p-campaign-dashboard .c-chart-grid{fill:none;stroke:var(--border-panel);stroke-width:1}
 .p-campaign-dashboard .c-chart-line{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
 .p-campaign-dashboard .c-trend circle{fill:currentColor}
 .p-campaign-dashboard .c-empty{padding:14px 8px;color:var(--text-muted);font-size:12px;text-align:center}
 .p-campaign-dashboard .c-empty-chart{height:145px;display:grid;place-items:center;background:linear-gradient(180deg,var(--surface-panel),var(--surface-soft));border-radius:6px;margin:5px 0}
 .p-campaign-dashboard .c-muted,.p-campaign-dashboard .c-note{color:var(--text-muted);font-size:11px}
 .p-campaign-dashboard .c-rank{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:7px 0}
 .p-campaign-dashboard .c-rank meter{width:100%;height:6px;grid-column:1/-1;border:0;accent-color:var(--accent-primary)}
 .p-campaign-dashboard meter::-webkit-meter-bar{background:var(--surface-soft);border:0}
 .p-campaign-dashboard meter::-webkit-meter-optimum-value{background:var(--accent-primary)}
 .p-campaign-dashboard meter::-moz-meter-bar{background:var(--accent-primary)}
 .p-campaign-dashboard .l-health{display:flex;gap:18px;flex-wrap:wrap;margin:10px 0}
 .p-campaign-dashboard .c-health>strong{display:block;font-size:23px;margin-bottom:5px}
 .p-campaign-dashboard .c-badge,.p-campaign-dashboard .c-count{display:inline-block;padding:3px 6px;background:var(--surface-soft);border-radius:5px;font-size:10px;color:var(--text-muted);white-space:nowrap}
 .p-campaign-dashboard .c-count{margin-left:4px}
 .p-campaign-dashboard .is-good{background:#e6f7ee;color:#227746}
 .p-campaign-dashboard .has-warning{background:#fff0df;color:#9d5018}
 .p-campaign-dashboard .l-tables{margin-top:7px;overflow:auto}
 .p-campaign-dashboard table{font-size:12px}
 .p-campaign-dashboard th{font-weight:500;color:var(--text-muted);background:#f7f9fc}
 .p-campaign-dashboard th,.p-campaign-dashboard td{padding:7px 8px;border-bottom:1px solid var(--border-panel)}
 .p-campaign-dashboard tbody tr:hover{background:#f8faff}
 .p-campaign-dashboard .c-numeric{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
 .p-campaign-dashboard .c-row-title{min-width:160px;max-width:290px;overflow-wrap:anywhere;position:sticky;left:0;background:var(--surface-panel);z-index:1}
 .p-campaign-dashboard .c-data-table th:first-child{position:sticky;left:0;background:#f7f9fc;z-index:2}
 .p-campaign-dashboard .c-data-table td:first-child{box-shadow:1px 0 var(--border-panel)}
 .p-campaign-dashboard td small{display:block;font-size:10px;margin-top:2px}
 .p-campaign-dashboard .c-search{display:flex;gap:5px;align-items:center}
 .p-campaign-dashboard .c-search input{width:190px}
 .p-campaign-dashboard .c-search select{width:135px}
 .p-campaign-dashboard label{font-size:12px}
 .p-campaign-dashboard label span{display:block;margin-bottom:2px}
 .p-campaign-dashboard input,.p-campaign-dashboard select,.p-campaign-dashboard textarea{font-size:13px;padding:5px 7px;border:1px solid var(--border-panel);border-radius:5px}
 .p-campaign-dashboard button,.p-campaign-dashboard .c-button{padding:5px 8px;border-radius:5px;font-size:12px;background:var(--accent-primary);color:#fff;line-height:1.35}
 .p-campaign-dashboard .c-secondary{background:var(--surface-soft);color:var(--accent-primary)}
 .p-campaign-dashboard button:disabled{cursor:not-allowed;opacity:.5}
 .p-campaign-dashboard form.l-article-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(110px,1fr);gap:6px 10px;max-width:640px}
 .p-campaign-dashboard .c-form-panel #campaign-form{border:0;box-shadow:none;padding:7px 0 0;margin:0}
 .p-campaign-dashboard #campaign-form h2{margin-bottom:6px}
 .p-campaign-dashboard textarea{resize:vertical;min-height:29px}
 .p-campaign-dashboard .c-link-row{padding:8px 0;margin:0;border-top:1px solid var(--border-panel)}
 .p-campaign-dashboard [data-ui=campaign-links]>.c-link-row:first-of-type{margin-top:8px}
 .p-campaign-dashboard .c-url{max-width:none;overflow-wrap:anywhere}
 .p-campaign-dashboard .c-link-facts{display:grid;grid-template-columns:180px minmax(0,1fr);gap:4px 10px}
 .p-campaign-dashboard .c-link-facts dt{color:var(--text-muted)}
 .p-campaign-dashboard .c-link-facts dd{margin:0;overflow-wrap:anywhere}
 .p-campaign-dashboard .c-page-list{padding-left:15px;min-width:170px;font-size:11px}
 .p-campaign-dashboard .c-help p{margin:8px 0;max-width:1000px;color:var(--text-muted);font-size:12px}
 .p-campaign-dashboard .c-footer-link{display:block;margin-top:8px;font-size:12px}
 .p-campaign-dashboard .c-copy-status:empty{display:none}
 .p-campaign-dashboard .c-copy-status{position:fixed;bottom:14px;right:14px;background:var(--text-primary);color:#fff;padding:8px 12px;border-radius:6px;max-width:90vw}
 @media(max-width:1000px){.p-campaign-dashboard .l-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
 @media(max-width:640px){.p-campaign-dashboard .c-shell{padding:6px}.p-campaign-dashboard .l-split{grid-template-columns:1fr}.p-campaign-dashboard .l-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.p-campaign-dashboard .c-search{width:100%}.p-campaign-dashboard .c-search input{flex:1;min-width:80px}.p-campaign-dashboard form.l-article-form{grid-template-columns:1fr}.p-campaign-dashboard .c-link-facts{grid-template-columns:1fr}.p-campaign-dashboard .c-kpi>strong{font-size:20px}}
}