:root{
  --top:#2d3d58;--top-dark:#24324a;--side:#f4f5f7;--bg:#e2e2e2;--panel:#fff;--text:#242a33;--muted:#7c8490;
  --line:#dfe3e8;--line-soft:#eceff2;--blue:#2f80d1;--blue-dark:#226daf;--green:#23a566;--green-bg:#edf8f1;
  --red:#d9575e;--red-bg:#fdf0f1;--orange:#f39a1f;--orange-dark:#d9830e;--purple:#7b61b9;
  --sidebar:188px;--topbar:46px;--radius:3px;--shadow:0 1px 2px rgba(20,34,55,.05)
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:'Varela Round',Arial,sans-serif;color:var(--text);background:var(--bg);font-size:12px}
a{text-decoration:none;color:inherit}button,input,select{font:inherit}.app-shell{min-height:100vh}

/* top navigation */
.topbar{position:fixed;inset:0 0 auto 0;height:var(--topbar);background:var(--top);display:flex;align-items:center;color:#d8dee8;z-index:50;border-bottom:1px solid #223049}
.menu-btn{display:none;width:40px;height:46px;border:0;background:transparent;color:#fff;font-size:20px;cursor:pointer}
.top-brand{height:100%;width:var(--sidebar);padding:0 10px;display:flex;align-items:center;gap:6px;background:var(--top-dark);color:#fff;border-right:1px solid rgba(255,255,255,.08)}
.top-brand-mark{font-weight:800;font-size:17px;letter-spacing:-1.2px;color:#ff9d18}.top-brand strong{font-size:13px;letter-spacing:-.25px}
.top-nav{display:flex;height:100%;align-items:stretch}.top-nav a{display:flex;align-items:center;padding:0 13px;font-size:9px;font-weight:500;color:#d6dce5;border-right:1px solid rgba(255,255,255,.04)}
.top-nav a:hover,.top-nav a.active{background:rgba(255,255,255,.08);color:#fff}.top-nav a.active{box-shadow:inset 0 -2px 0 var(--orange)}
.topbar-actions{margin-left:auto;height:100%;display:flex;align-items:center;gap:10px;padding:0 10px}.top-status{font-size:8px;color:#bdc6d4;display:flex;align-items:center;gap:6px}.top-status i{width:6px;height:6px;border-radius:50%;background:#49c87d;box-shadow:0 0 0 2px rgba(73,200,125,.16)}
.clock{font-size:8px;color:#aeb8c7;border-left:1px solid rgba(255,255,255,.08);padding-left:10px}.top-user{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e9eef7;color:#30425f;font-weight:800;font-size:9px}.top-icon-btn{border:0;background:transparent;color:#c8d0dc;width:28px;height:28px;cursor:pointer}.top-icon-btn:hover{color:#fff}

/* left navigation */
.sidebar{position:fixed;top:var(--topbar);bottom:0;left:0;width:var(--sidebar);background:var(--side);border-right:1px solid #d6dbe1;z-index:40;display:flex;flex-direction:column;overflow:auto;transition:transform .2s ease}
.nav-stack{padding:10px 0}.nav-section{padding-bottom:8px;border-bottom:1px solid #e0e3e7;margin-bottom:7px}.nav-section:last-child{border-bottom:0}.nav-label{font-size:7px;color:#868d97;font-weight:700;letter-spacing:.04em;padding:7px 11px 4px}
.nav-link{min-height:28px;display:flex;align-items:center;gap:8px;padding:5px 11px;color:#505761;font-size:9px;font-weight:500;border-left:3px solid transparent}.nav-link i{font-size:11px;color:#737b86;width:14px;text-align:center}.nav-link:hover{background:#e9ebee;color:#20252c}.nav-link.active{background:#fff;color:#1f252d;font-weight:700;border-left-color:var(--orange)}.nav-link.active i{color:var(--blue)}
.sidebar-footer{margin-top:auto;border-top:1px solid #dfe3e7;padding:10px}.user-mini{display:flex;align-items:center;gap:8px;min-width:0}.avatar{width:28px;height:28px;border-radius:2px;background:#dfe8f5;color:#315a8d;display:grid;place-items:center;font-size:9px;font-weight:800}.user-mini>div:last-child{min-width:0}.user-mini strong{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-mini span{display:block;color:#8a919b;font-size:7px;margin-top:2px}

/* content */
.main-area{margin-left:var(--sidebar);padding-top:var(--topbar);min-height:100vh}.page-wrap{padding:15px 16px 28px;max-width:1600px;margin:0 auto}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px}.page-head h1{margin:2px 0 4px;font-size:15px;line-height:1.25;letter-spacing:-.25px}.page-head p{margin:0;color:#828a95;font-size:8.5px}.eyebrow{display:block;color:#8a919b;font-size:7px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.dashboard-head h1{font-size:16px}.head-actions{display:flex;gap:6px}.head-meta{display:flex;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.head-meta div{padding:6px 11px;border-right:1px solid var(--line)}.head-meta div:last-child{border-right:0}.head-meta span{display:block;color:#9198a2;font-size:6.5px;text-transform:uppercase}.head-meta strong{display:block;font-size:9px;margin-top:2px}.breadcrumb{display:flex;align-items:center;gap:5px;color:#969da7;font-size:7.5px;margin-bottom:8px}.breadcrumb a{color:var(--blue)}.breadcrumb i{font-size:7px}.period-label{font-size:7.5px;color:#858d98}

/* buttons and filters */
.primary-btn,.secondary-btn{height:30px;padding:0 10px;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:8px;font-weight:700;cursor:pointer;white-space:nowrap}.primary-btn{background:var(--orange);border:1px solid var(--orange-dark);color:#fff}.primary-btn:hover{background:#e88e14}.secondary-btn{background:#fff;border:1px solid #cfd5dc;color:#4e5661}.secondary-btn:hover{background:#f5f6f8}.primary-btn.full{width:100%;height:34px}.icon-btn{border:1px solid var(--line);background:#fff;color:#65707d;cursor:pointer}
.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--line);padding:6px;margin-bottom:10px;box-shadow:var(--shadow)}.preset-group{display:flex;gap:2px}.preset{border:1px solid transparent;background:#f1f3f5;color:#626a75;padding:5px 8px;font-size:7.5px;font-weight:700;border-radius:2px;cursor:pointer}.preset:hover{background:#e8ebee}.preset.active{background:#fff;color:var(--blue);border-color:#b8cde4;box-shadow:inset 0 -2px 0 var(--blue)}
.date-inputs{display:flex;align-items:center;gap:5px}.date-inputs input,.date-inputs select,.search-sort select{height:29px;border:1px solid #ccd2d9;background:#fff;border-radius:2px;padding:0 7px;color:#4d5560;font-size:8px;outline:0}.date-inputs input:focus,.date-inputs select:focus,.search-sort select:focus{border-color:#8bb5dc}.date-inputs span{font-size:7px;color:#969da7}
.search-sort{display:flex;gap:6px;margin-bottom:10px}.searchbox{height:31px;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #ccd2d9;padding:0 8px;flex:1}.searchbox i{color:#8a929d;font-size:10px}.searchbox input{width:100%;border:0;outline:0;font-size:8.5px;background:transparent}.search-sort select{height:31px;min-width:155px}.report-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.report-toolbar>div{display:flex;align-items:center;gap:3px}.report-toolbar>div>span{font-size:7.5px;color:#858d98;margin-right:3px}

/* panels */
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:11px;margin-bottom:10px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.panel-head h3{font-size:10px;margin:2px 0 0}.text-link,.row-action,.table-link{font-size:7.5px;color:var(--blue);font-weight:600}.text-link:hover,.row-action:hover,.table-link:hover{text-decoration:underline}.grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:10px}.grid-1-1{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chart-box{height:250px}.chart-box.small{height:210px}

/* KPI cards */
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:2px;padding:10px 11px;min-height:112px;box-shadow:var(--shadow);position:relative}.metric-card:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:2px;background:#dfe3e8}.metric-card:nth-child(1):before{background:var(--orange)}.metric-card:nth-child(2):before{background:var(--green)}.metric-card:nth-child(3):before{background:var(--blue)}.metric-card:nth-child(4):before{background:var(--purple)}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-icon{display:none}.metric-label{color:#59616c;font-size:8px;font-weight:600}.metric-number{display:block;font-size:25px;line-height:1;font-weight:500;letter-spacing:-1px;margin:15px 0 13px}.metric-number.smaller{font-size:22px}.metric-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line-soft);padding-top:6px;color:#8c939d;font-size:6.8px}.metric-foot b{color:#505862;font-size:7.5px}.metric-grid.compact .metric-card{min-height:98px}.metric-grid.compact .metric-number{margin:14px 0 8px}.change-pill,.mini-change{display:inline-flex;align-items:center;gap:2px;padding:2px 4px;border-radius:2px;font-size:7px;font-weight:700}.change-pill.up,.mini-change.up{background:var(--green-bg);color:var(--green)}.change-pill.down,.mini-change.down{background:var(--red-bg);color:var(--red)}.text-up{color:var(--green)}.text-down{color:var(--red)}

/* lists */
.status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 5px;border-radius:2px;font-size:7px;font-weight:600}.status-badge span{width:5px;height:5px;border-radius:50%;background:currentColor}.status-badge.healthy{background:var(--green-bg);color:var(--green)}.status-badge.offline{background:var(--red-bg);color:var(--red)}
.freshness{text-align:center;padding:3px 4px}.fresh-ring{width:48px;height:48px;margin:5px auto 8px;border-radius:50%;display:grid;place-items:center;background:#edf8f1;border:1px solid #cfead9;color:var(--green);font-size:19px}.freshness>strong{font-size:9px}.freshness p{font-size:6.5px;color:#9198a2;text-transform:uppercase;margin:9px 0 2px}.freshness h4{font-size:8.5px;margin:0}.fresh-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line-soft);margin-top:10px;padding-top:8px}.fresh-grid div:first-child{border-right:1px solid var(--line-soft)}.fresh-grid span{display:block;color:#959ca5;font-size:6.5px}.fresh-grid b{font-size:12px;font-weight:600}
.leader-list,.signal-list{display:flex;flex-direction:column}.leader-row,.signal-row{display:flex;align-items:center;gap:8px;padding:7px 2px;border-bottom:1px solid var(--line-soft)}.leader-row:last-child,.signal-row:last-child{border-bottom:0}.leader-row:hover,.signal-row:hover{background:#fafbfc}.rank{width:19px;height:19px;display:grid;place-items:center;background:#f0f2f4;color:#737b86;font-size:7px;font-weight:700}.site-identity,.signal-row>div{min-width:0;flex:1}.site-identity strong,.signal-row strong{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-identity span,.signal-row span{display:block;font-size:6.5px;color:#949ba4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.leader-value{text-align:right}.leader-value strong{display:block;font-size:9px}.signal{font-size:7px!important;font-weight:700;padding:3px 5px;border-radius:2px}.signal.positive{background:var(--green-bg);color:var(--green)}.signal.negative{background:var(--red-bg);color:var(--red)}

/* tables */
.table-panel{padding:0;overflow:hidden}.table-panel .panel-head{padding:10px 11px 0}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{background:#f5f6f7;color:#737b86;text-transform:uppercase;letter-spacing:.02em;font-size:6.8px;font-weight:700;text-align:left;padding:7px 9px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.data-table td{font-size:7.7px;padding:7px 9px;border-bottom:1px solid #edf0f2;color:#4a525d}.data-table tbody tr:hover{background:#f9fafb}.right{text-align:right!important}.big-cell{font-size:9px!important;font-weight:700;color:#20262e!important}.site-cell{display:flex;align-items:center;gap:7px}.site-cell strong{display:block;font-size:8px}.site-cell span{display:block;font-size:6.7px;color:#9299a3;margin-top:2px}.site-icon{width:23px;height:23px;display:grid;place-items:center;background:#edf3f9;border:1px solid #dae5f0;color:var(--blue);font-size:10px}.role-pill{display:inline-flex;padding:3px 5px;background:#eef2f7;color:#4d617a;border-radius:2px;font-size:7px;font-weight:600}.fixed-height{max-height:530px}

/* site detail */
.bar-list{display:flex;flex-direction:column;gap:9px}.bar-row>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:7.5px;margin-bottom:3px}.bar-row b{font-size:7.5px}.bar-track{height:4px;background:#edf0f2;overflow:hidden}.bar-track span{display:block;height:100%;background:var(--blue)}.insight-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.insight-card{margin-bottom:0}.ranked-list{display:flex;flex-direction:column}.ranked-list>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--line-soft);font-size:7.5px}.ranked-list>div:last-child{border-bottom:0}.ranked-list span{display:flex;align-items:center;gap:5px;min-width:0}.ranked-list b{width:16px;color:#9aa1aa;font-size:6.5px}.ranked-list strong{font-size:7.5px}.ranked-list.small>div{padding:4px 0}.stacked-panels{display:grid;grid-template-columns:1fr;gap:8px}.compact-panel{margin:0}.compact-panel .panel-head{margin-bottom:4px}

/* compare */
.compare-picker{padding:0}.picker-head{display:flex;align-items:center;justify-content:space-between;padding:10px 11px;border-bottom:1px solid var(--line)}.site-check-grid{display:grid;grid-template-columns:repeat(4,1fr);max-height:330px;overflow:auto}.site-check{display:flex;align-items:center;gap:7px;padding:7px 9px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);cursor:pointer;background:#fff}.site-check:hover{background:#f8fafc}.site-check:has(input:checked){background:#eef6fd;box-shadow:inset 3px 0 0 var(--blue)}.site-check input{width:12px;height:12px;accent-color:var(--blue)}.site-check strong{display:block;font-size:7.5px}.site-check small{display:block;color:#959ca5;font-size:6.5px;margin-top:1px}.compare-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.compare-card{display:block;background:#fff;border:1px solid var(--line);padding:10px;box-shadow:var(--shadow)}.compare-card>span{display:block;color:#6d7580;font-size:7.5px}.compare-card>strong{display:block;font-size:19px;font-weight:500;margin:8px 0}.compare-card>div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line-soft);padding-top:6px}.compare-card small{font-size:6.5px;color:#969da7}

/* forms, health and notices */
.form-panel{max-width:920px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{margin-bottom:10px}.field label{display:block;font-size:7px;color:#5f6771;font-weight:700;margin-bottom:4px}.field>input,.field>select{width:100%;height:32px;border:1px solid #cdd3da;border-radius:2px;background:#fff;padding:0 8px;font-size:8px;outline:0}.field>input:focus,.field>select:focus{border-color:#7aa9d3;box-shadow:0 0 0 2px rgba(47,128,209,.07)}.checkbox-field{display:flex;align-items:end}.checkbox-field label{display:flex;align-items:center;gap:5px;margin-bottom:8px}.form-actions{display:flex;justify-content:flex-end;gap:6px;border-top:1px solid var(--line-soft);padding-top:9px;margin-top:2px}.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.health-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:11px}.health-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:2px;font-size:16px}.health-icon.ok{background:var(--green-bg);color:var(--green)}.health-icon.bad{background:var(--red-bg);color:var(--red)}.health-card span{display:block;color:#8c939c;font-size:6.5px}.health-card strong{display:block;font-size:10px;margin:2px 0}.health-card p{margin:0;color:#8b929c;font-size:7px}.system-stats{display:grid;grid-template-columns:repeat(3,1fr)}.system-stats div{padding:8px 11px;border-right:1px solid var(--line-soft)}.system-stats div:last-child{border-right:0}.system-stats span{display:block;color:#939aa3;font-size:6.5px}.system-stats strong{display:block;font-size:11px;margin-top:3px}.note-panel{display:flex;align-items:flex-start;gap:8px;background:#fffdf8;border-color:#eee0bd}.note-panel i{color:#cf931e;font-size:14px}.note-panel strong{font-size:8px}.note-panel p{font-size:7px;color:#7f7768;margin:3px 0 0}.alert{display:flex;align-items:flex-start;gap:6px;padding:8px 9px;border:1px solid;margin-bottom:9px;font-size:7.5px}.alert.success{background:#f0faf4;border-color:#ccead7;color:#287548}.alert.danger{background:#fdf1f2;border-color:#efcfd2;color:#a63d44}.empty-state{text-align:center;background:#fff;border:1px dashed #cdd3da;padding:28px 12px;margin-bottom:10px}.empty-state i{font-size:23px;color:#9ba3ad}.empty-state h3{font-size:10px;margin:7px 0 3px}.empty-state p,.empty{font-size:7px;color:#969da7;margin:0}.muted{color:#8a929d}

/* login */
.login-body{background:#eef1f5}.login-grid{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-visual{background:linear-gradient(135deg,#293953,#334865);color:#fff;position:relative;overflow:hidden}.login-visual:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:80px solid rgba(255,255,255,.025);right:-190px;bottom:-210px}.visual-inner{position:relative;z-index:1;max-width:600px;margin:0 auto;padding:60px 54px}.login-brandline{display:flex;align-items:center;gap:6px;font-size:15px;margin-bottom:100px}.login-brandline strong{font-size:14px}.visual-copy .eyebrow{color:#d2d9e3}.visual-copy h1{font-size:37px;line-height:1.08;letter-spacing:-1.8px;margin:8px 0 14px}.visual-copy p{max-width:500px;color:#c9d1dc;font-size:10px;line-height:1.7}.visual-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid rgba(255,255,255,.12);padding-top:18px}.visual-stats strong{display:block;font-size:12px}.visual-stats span{font-size:7px;color:#acb7c6}.login-panel{display:flex;align-items:center;justify-content:center;padding:30px}.login-card{width:100%;max-width:360px;background:#fff;border:1px solid #dce1e6;padding:28px;box-shadow:0 12px 35px rgba(30,47,72,.08)}.login-card h2{font-size:17px;margin:5px 0 4px}.login-card>.muted{font-size:8px;margin:0 0 20px}.input-wrap{height:34px;border:1px solid #cdd3da;display:flex;align-items:center;gap:7px;padding:0 9px}.input-wrap:focus-within{border-color:#7aa9d3}.input-wrap i{color:#8f97a1;font-size:10px}.input-wrap input{border:0;outline:0;width:100%;font-size:8px}.login-foot{text-align:center;color:#9aa1aa;font-size:6.5px;line-height:1.5;margin:13px 0 0}.mobile-brand{display:none;align-items:center;gap:5px;margin-bottom:20px;font-size:13px}

@media(max-width:1200px){.insight-grid{grid-template-columns:repeat(3,1fr)}.site-check-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){
  :root{--sidebar:205px}.menu-btn{display:block}.top-brand{width:auto;background:transparent;border:0;padding-left:0}.top-nav{display:none}.top-status{display:none}.sidebar{transform:translateX(-100%);box-shadow:3px 0 12px rgba(30,45,65,.12)}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0}.metric-grid{grid-template-columns:1fr 1fr}.grid-2-1,.grid-1-1{grid-template-columns:1fr}.insight-grid{grid-template-columns:1fr 1fr}.site-check-grid{grid-template-columns:1fr 1fr}.compare-cards{grid-template-columns:1fr 1fr}.login-grid{grid-template-columns:1fr}.login-visual{display:none}.mobile-brand{display:flex}
}
@media(max-width:600px){
  .page-wrap{padding:11px 9px 22px}.clock{display:none}.page-head{align-items:flex-start;flex-direction:column}.head-meta{width:100%}.head-meta div{flex:1}.metric-grid{grid-template-columns:1fr}.filter-bar{align-items:stretch;flex-direction:column}.preset-group{overflow:auto}.date-inputs{flex-wrap:wrap}.date-inputs input{flex:1;min-width:110px}.search-sort{flex-direction:column}.search-sort select{width:100%}.insight-grid,.site-check-grid,.compare-cards,.form-grid,.health-grid{grid-template-columns:1fr}.system-stats{grid-template-columns:1fr}.system-stats div{border-right:0;border-bottom:1px solid var(--line-soft)}.compare-picker .picker-head{align-items:flex-start;flex-direction:column;gap:8px}.login-panel{padding:15px}.login-card{padding:22px}.topbar-actions{gap:6px}.top-user{display:none}
}

/* readability scale v3 */
/* Keeps the compact analytics layout, but restores normal desktop legibility. */
html,body{font-size:14px}

/* Top navigation */
.top-brand strong{font-size:15px}.top-nav a{font-size:11.5px;padding:0 16px}
.top-status,.clock{font-size:10px}.top-user{font-size:11px}.top-icon-btn{font-size:15px}

/* Sidebar */
.nav-stack{padding-top:12px}.nav-section{padding-bottom:10px;margin-bottom:9px}
.nav-label{font-size:9px;padding:8px 13px 5px;letter-spacing:.055em}
.nav-link{min-height:35px;padding:7px 13px;font-size:11.5px;gap:9px}.nav-link i{font-size:14px;width:16px}
.user-mini strong{font-size:10.5px}.user-mini span{font-size:9px}.avatar{font-size:11px}

/* Page headings and general helper text */
.page-head h1{font-size:20px}.dashboard-head h1{font-size:21px}.page-head p{font-size:11.5px;line-height:1.55}
.eyebrow{font-size:9px}.breadcrumb{font-size:10px}.breadcrumb i{font-size:9px}.period-label{font-size:10px}
.head-meta span{font-size:8.5px}.head-meta strong{font-size:11px}

/* Controls */
.primary-btn,.secondary-btn{height:34px;padding:0 13px;font-size:10.5px}.primary-btn.full{height:38px}
.preset{padding:7px 10px;font-size:10px}.date-inputs input,.date-inputs select,.search-sort select{height:33px;font-size:10.5px;padding:0 9px}
.date-inputs span{font-size:9.5px}.searchbox{height:35px}.searchbox i{font-size:12px}.searchbox input{font-size:11px}.search-sort select{height:35px}
.report-toolbar>div>span{font-size:10px}

/* Panels */
.panel{padding:14px}.panel-head{margin-bottom:12px}.panel-head h3{font-size:13px}.text-link,.row-action,.table-link{font-size:10px}

/* KPI cards */
.metric-card{padding:13px 14px;min-height:124px}.metric-label{font-size:10.5px}.metric-number{font-size:28px}.metric-number.smaller{font-size:24px}
.metric-foot{font-size:9px;padding-top:8px}.metric-foot b{font-size:9.5px}.change-pill,.mini-change{font-size:9px;padding:3px 5px}

/* Ranking, signals and status */
.status-badge{font-size:9.5px;padding:4px 6px}.freshness>strong{font-size:11px}.freshness p{font-size:8.5px}.freshness h4{font-size:10.5px}
.site-identity strong,.signal-row strong{font-size:10.5px}.site-identity span,.signal-row span{font-size:9px}.leader-value strong{font-size:11px}.signal{font-size:9px!important}
.rank{font-size:9px}.ranked-list>div{font-size:10px}.ranked-list b{font-size:8.5px}.ranked-list strong{font-size:10px}

/* Tables */
.table-panel .panel-head{padding:13px 14px 0}.data-table th{font-size:9.5px;padding:9px 11px}.data-table td{font-size:10.5px;padding:9px 11px;line-height:1.4}
.big-cell{font-size:11.5px!important}.site-cell strong{font-size:10.5px}.site-cell span{font-size:9px}.site-icon{font-size:12px}
.role-pill{font-size:9.5px;padding:4px 6px}

/* Site detail */
.bar-row>div:first-child,.bar-row b{font-size:10px}.ranked-list.small>div{padding:6px 0}

/* Compare sites */
.picker-head{padding:13px 14px}.site-check{padding:9px 11px;gap:9px}.site-check input{width:15px;height:15px}
.site-check strong{font-size:10.5px;line-height:1.3}.site-check small{font-size:9px;margin-top:2px}.compare-card>span{font-size:10px}.compare-card>strong{font-size:22px}.compare-card small{font-size:9px}

/* Forms / health / notices */
.field label{font-size:10px;margin-bottom:6px}.field>input,.field>select{height:36px;font-size:10.5px}.checkbox-field label{font-size:10px}
.health-card span{font-size:9px}.health-card strong{font-size:12px}.health-card p{font-size:9.5px}.system-stats span{font-size:9px}.system-stats strong{font-size:13px}
.note-panel strong{font-size:10.5px}.note-panel p{font-size:9.5px;line-height:1.5}.alert{font-size:10px}.empty-state h3{font-size:12px}.empty-state p,.empty{font-size:9.5px}

/* Login */
.login-card>.muted{font-size:10.5px}.input-wrap{height:38px}.input-wrap i{font-size:12px}.input-wrap input{font-size:11px}.login-foot{font-size:9px}.visual-copy p{font-size:12px}.visual-stats span{font-size:9px}

@media(max-width:900px){
  .nav-link{font-size:12px}.nav-label{font-size:9.5px}
}
@media(max-width:600px){
  html,body{font-size:14px}.page-head h1,.dashboard-head h1{font-size:19px}.data-table th{font-size:9px}.data-table td{font-size:10px}
}


/* website reporting v4: complete days + EngineTrust channel mix */
.complete-data-note{display:flex;align-items:center;gap:7px;margin:-2px 0 10px;padding:8px 11px;background:#f7fbf9;border:1px solid #cfe7da;color:#587064;font-size:10px}.complete-data-note i{color:var(--green);font-size:12px}.complete-data-note strong{color:#2f5444}
.site-summary-grid .metric-card:nth-child(3):before{background:var(--blue)}
.month-change-neutral{color:#8b939e}.month-foot{gap:8px}.month-foot span{white-space:nowrap}.month-foot b{text-align:right}
.channel-mix-panel{padding:0;overflow:hidden}.channel-panel-head{padding:14px 14px 11px;margin:0;border-bottom:1px solid var(--line)}.channel-panel-head>div>p{margin:4px 0 0;color:#88919d;font-size:9.5px}.channel-mix-grid{display:grid;grid-template-columns:repeat(5,1fr);background:#eef0f2;gap:1px}.channel-mix-card{background:#fff;padding:12px 13px;min-width:0;position:relative}.channel-mix-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:#9aa7b6}.channel-mix-card:nth-child(2):before{background:var(--orange)}.channel-mix-card:nth-child(3):before{background:#d59b21}.channel-mix-card:nth-child(4):before{background:var(--green)}.channel-mix-card:nth-child(5):before{background:var(--blue)}.channel-mix-card.channel-total:before{background:var(--purple)}
.channel-mix-top{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;padding-bottom:9px;margin-bottom:7px;border-bottom:1px solid var(--line-soft)}.channel-mix-top span{font-size:10px;font-weight:700;color:#53606e}.channel-mix-top strong{font-size:22px;line-height:1;color:#1f2935;font-weight:600;letter-spacing:-.6px}.channel-total .channel-mix-top strong{color:var(--purple)}
.channel-split{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:4px 0;font-size:9.5px}.channel-split>span{display:flex;align-items:center;gap:6px;color:#67717d;font-weight:500}.channel-split i{display:block;width:7px;height:7px;border-radius:50%}.non-chat-row i{background:#aab2bc}.chat-row i{background:var(--blue)}.channel-split strong{font-size:10px;color:#3e4854;white-space:nowrap}.channel-split em{font-style:normal;font-size:8.5px;color:#8a939e;font-weight:600;margin-left:3px}.chat-row strong{color:#246fae}
@media(max-width:1250px){.channel-mix-grid{grid-template-columns:repeat(3,1fr)}.channel-mix-card:nth-child(n+4){border-top:1px solid #eef0f2}}
@media(max-width:800px){.channel-mix-grid{grid-template-columns:1fr 1fr}.channel-panel-head{align-items:flex-start;flex-direction:column}.month-foot span{white-space:normal}}
@media(max-width:520px){.channel-mix-grid{grid-template-columns:1fr}.complete-data-note{align-items:flex-start;line-height:1.45}}


/* channel mix progress bars v6 */
.channel-mix-grid{gap:10px;background:transparent;padding:12px}
.channel-mix-card{padding:16px 16px 14px;border:1px solid var(--line);border-radius:8px;box-shadow:0 2px 8px rgba(26,39,56,.04)}
.channel-mix-card:before{height:3px;border-top-left-radius:8px;border-top-right-radius:8px}
.channel-panel-head h3{font-size:16px;line-height:1.2;margin-top:4px}.channel-panel-head>div>p{font-size:11px;line-height:1.45}
.channel-mix-top{align-items:flex-start;padding-bottom:12px;margin-bottom:10px}
.channel-mix-top span{font-size:13px;font-weight:800;color:#273243;letter-spacing:.01em;line-height:1.2}
.channel-mix-top strong{font-size:34px;line-height:1;font-weight:800;letter-spacing:-1px}
.channel-total .channel-mix-top strong{color:var(--purple)}
.channel-split{padding:0;margin-top:10px;border:0;background:transparent}
.channel-bar-track{position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--line-soft);background:#eff2f5;min-height:62px}
.channel-bar-fill{position:absolute;left:0;top:0;bottom:0;border-radius:12px}
.non-chat-row .channel-bar-fill{background:linear-gradient(90deg,#dbe2ea 0%,#cfd8e3 100%)}
.chat-row .channel-bar-fill{background:linear-gradient(90deg,#cfe7fb 0%,#a8d0f4 100%)}
.channel-bar-content{position:relative;z-index:1;min-height:62px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.channel-bar-content>span{display:flex;align-items:center;gap:7px;color:#4b5662;font-size:12px;font-weight:800;line-height:1.2}
.channel-bar-content i{display:block;width:10px;height:10px;border-radius:50%}
.non-chat-row .channel-bar-content i{background:#96a3b2}.chat-row .channel-bar-content i{background:var(--blue)}
.channel-bar-content strong{display:flex;flex-direction:column;align-items:flex-end;gap:3px;white-space:nowrap}
.channel-bar-content strong b{font-size:22px;line-height:1;font-weight:800;color:#24303d}
.channel-bar-content strong em{font-style:normal;font-size:11px;font-weight:700;color:#6b7785;line-height:1}
.chat-row .channel-bar-content strong b{color:#185e97}.chat-row .channel-bar-content strong em{color:#3f7caf}
@media(max-width:1250px){.channel-mix-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.channel-mix-grid{grid-template-columns:1fr;padding:10px}.channel-mix-top strong{font-size:30px}.channel-mix-top span{font-size:12.5px}.channel-bar-content strong b{font-size:20px}}


/* channel mix single split bar v7 */
.channel-dual-bar{margin-top:12px}
.channel-dual-track{position:relative;display:flex;overflow:hidden;min-height:94px;border-radius:16px;border:1px solid #d6dbe1;background:#eff2f5;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.channel-dual-segment{height:auto;min-height:94px}
.non-chat-segment{background:linear-gradient(135deg,#ea686b 0%,#cf474d 100%)}
.chat-segment{background:linear-gradient(135deg,#44bf73 0%,#1f9c56 100%)}
.channel-dual-content{position:absolute;inset:0;display:flex;justify-content:space-between;gap:10px;padding:12px 14px}
.dual-stat{display:flex;flex-direction:column;justify-content:center;min-width:0;max-width:48%}
.dual-stat span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;line-height:1.1;color:#fff;text-shadow:0 1px 2px rgba(18,24,33,.18)}
.dual-stat i{display:block;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 0 0 2px rgba(255,255,255,.16)}
.dual-stat strong{font-size:24px;line-height:1;font-weight:800;color:#fff;margin-top:8px;text-shadow:0 1px 2px rgba(18,24,33,.18)}
.dual-stat em{font-style:normal;font-size:12px;font-weight:700;color:rgba(255,255,255,.95);margin-top:3px}
.dual-stat-chat{align-items:flex-end;text-align:right}
.dual-stat-nonchat{align-items:flex-start;text-align:left}
.channel-mix-card .channel-split{display:none}
@media(max-width:700px){.channel-dual-track{min-height:88px}.channel-dual-content{padding:10px 12px}.dual-stat span{font-size:11px}.dual-stat strong{font-size:20px}.dual-stat em{font-size:11px}}


/* channel card style final v10 */
.channel-mix-grid{gap:18px;background:transparent;padding:8px 0 0;grid-template-columns:repeat(5,1fr)}
.channel-mix-card{padding:18px 18px 20px;border:1px solid #d8dde4;border-radius:16px;box-shadow:0 1px 6px rgba(25,39,57,.04);background:#fff}
.channel-mix-card:before{height:4px;border-top-left-radius:16px;border-top-right-radius:16px}
.channel-mix-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 8px 18px;margin:0 0 14px;border-bottom:1px solid #e3e7ec}
.channel-mix-top span{font-size:18px;font-weight:800;color:#1f2b3a;letter-spacing:-.02em;line-height:1.15}
.channel-mix-top strong{font-size:52px;line-height:1;font-weight:800;letter-spacing:-1.6px;color:#182534}
.channel-total .channel-mix-top strong{color:var(--purple)}
.channel-dual-bar{margin-top:0}
.channel-dual-track{position:relative;overflow:hidden;border-radius:20px;border:1px solid #d9dee5;background:#fff;min-height:218px;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.channel-dual-segment{display:none}
.channel-dual-content{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;min-height:218px}
.dual-stat{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 0 18px;min-height:218px;background:#fff}
.dual-stat + .dual-stat{border-left:1px solid #dfe3e8}
.dual-stat span{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 12px;font-size:15px;font-weight:800;line-height:1.1;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.dual-stat-nonchat span{background:linear-gradient(180deg,#ec514d 0%,#df4a4f 100%);border-top-left-radius:18px}
.dual-stat-chat span{background:linear-gradient(180deg,#43bf6f 0%,#28ae5e 100%);border-top-right-radius:18px}
.dual-stat i{display:block;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.18)}
.dual-stat strong{font-size:56px;line-height:1;font-weight:800;letter-spacing:-1.8px;margin-top:28px}
.dual-stat em{font-style:normal;font-size:17px;font-weight:800;color:#7b8896;margin-top:10px;line-height:1}
.dual-stat-nonchat strong{color:#e1484e}
.dual-stat-chat strong{color:#2eb05e}
.channel-panel-head h3{font-size:16px;line-height:1.2;margin-top:4px}.channel-panel-head>div>p{font-size:11px;line-height:1.45}
@media(max-width:1600px){.channel-mix-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.channel-mix-grid{grid-template-columns:repeat(2,1fr)}.channel-mix-top span{font-size:17px}.channel-mix-top strong{font-size:44px}.dual-stat strong{font-size:46px}.dual-stat em{font-size:16px}}
@media(max-width:700px){.channel-mix-grid{grid-template-columns:1fr}.channel-mix-card{padding:16px}.channel-mix-top{padding:2px 4px 14px}.channel-mix-top span{font-size:16px}.channel-mix-top strong{font-size:40px}.channel-dual-track,.dual-stat{min-height:190px}.dual-stat span{font-size:14px;padding:14px 10px}.dual-stat strong{font-size:40px;margin-top:22px}.dual-stat em{font-size:15px}}


/* channel cards clean split fix v12 */
.channel-mix-grid{gap:18px;background:transparent;padding:8px 0 0;grid-template-columns:repeat(5,1fr)}
.channel-mix-card{background:#fff;padding:14px 14px 16px;border:1px solid #d9dee5;border-radius:14px;box-shadow:0 1px 4px rgba(25,39,57,.04);min-width:0}
.channel-mix-card:before{height:3px;border-top-left-radius:14px;border-top-right-radius:14px}
.channel-mix-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;margin:0 0 18px;border:0;border-radius:12px;box-shadow:none}
.channel-mix-top span{display:block;font-size:15px;font-weight:800;line-height:1.1;color:#fff}
.channel-mix-top strong{font-size:28px;line-height:1;font-weight:800;letter-spacing:-.6px;color:#fff;margin:0}
.channel-mix-card:nth-child(1) .channel-mix-top{background:linear-gradient(135deg,#8b63d2 0%,#6f49b9 100%)}
.channel-mix-card:nth-child(2) .channel-mix-top{background:linear-gradient(135deg,#f39a1f 0%,#f08200 100%)}
.channel-mix-card:nth-child(3) .channel-mix-top{background:linear-gradient(135deg,#d8a10f 0%,#c88f00 100%)}
.channel-mix-card:nth-child(4) .channel-mix-top{background:linear-gradient(135deg,#1db76a 0%,#119f57 100%)}
.channel-mix-card:nth-child(5) .channel-mix-top{background:linear-gradient(135deg,#2d85de 0%,#1671cc 100%)}
.channel-dual-bar{position:relative;margin-top:0;padding-top:18px}
.channel-dual-bar:before{content:"";position:absolute;left:4px;right:4px;top:0;height:1px;background:#e3e7ec}
.clean-split-track{position:relative;overflow:hidden;border-radius:16px;border:1px solid #d9dee5;background:#fff;min-height:176px;box-shadow:none}
.clean-split-content{display:grid !important;grid-template-columns:1fr 1fr !important;gap:0 !important;position:relative !important;inset:auto !important;padding:0 !important;min-height:176px !important}
.clean-split-side{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;min-height:176px !important;background:#fff;padding:0 0 14px !important}
.clean-split-side + .clean-split-side{border-left:1px solid #dfe3e8}
.dual-stat-head{width:100%;display:flex;align-items:center;justify-content:center;padding:14px 10px;font-size:11px;font-weight:800;line-height:1.1;color:#fff}
.nonchat-head{background:linear-gradient(180deg,#eb4f4f 0%,#df4747 100%);border-top-left-radius:15px}
.chat-head{background:linear-gradient(180deg,#3bbb61 0%,#27aa54 100%);border-top-right-radius:15px}
.dual-stat-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:28px}
.dual-stat-body strong{font-size:28px;line-height:1;font-weight:800;letter-spacing:-.8px;margin:0}
.dual-stat-body em{font-style:normal;font-size:11px;font-weight:700;color:#6d7886;margin-top:10px;line-height:1}
.dual-stat-nonchat .dual-stat-body strong{color:#de4343}
.dual-stat-chat .dual-stat-body strong{color:#25a54d}
/* neutralize older versions */
.channel-dual-segment{display:none !important}
.clean-split-side span,.clean-split-side i{display:none !important}
.channel-panel-head h3{font-size:16px;line-height:1.2;margin-top:4px}.channel-panel-head>div>p{font-size:11px;line-height:1.45}
@media(max-width:1600px){.channel-mix-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.channel-mix-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){
  .channel-mix-grid{grid-template-columns:1fr;gap:14px}
  .channel-mix-card{padding:12px}
  .channel-mix-top{padding:14px 16px;margin-bottom:14px}
  .channel-mix-top span{font-size:14px}.channel-mix-top strong{font-size:26px}
  .channel-dual-bar{padding-top:14px}
  .clean-split-track,.clean-split-content,.clean-split-side{min-height:160px !important}
  .dual-stat-head{font-size:12px;padding:12px 8px}
  .dual-stat-body{padding-top:24px}
  .dual-stat-body strong{font-size:26px}
  .dual-stat-body em{font-size:11px}
}


/* EngineTrust exact split cards v14 - isolated from all legacy channel styles */
.etmix-panel{padding:0;overflow:hidden}
.etmix-panel .channel-panel-head{padding:14px 14px 11px;margin:0;border-bottom:1px solid var(--line)}
.etmix-panel .channel-panel-head>div>p{margin:4px 0 0;color:#88919d;font-size:11px;line-height:1.45}
.etmix-panel .channel-panel-head h3{font-size:16px;line-height:1.2;margin-top:4px}
.etmix-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;padding:12px!important}
.etmix-card{min-width:0;background:#fff;border:1px solid #d9dee5;border-radius:14px;padding:12px;box-shadow:0 1px 4px rgba(25,39,57,.04);position:relative;overflow:hidden}
.etmix-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}
.etmix-card-1:before{background:#7b61c9}.etmix-card-2:before{background:#f28b00}.etmix-card-3:before{background:#d69b00}.etmix-card-4:before{background:#16a85a}.etmix-card-5:before{background:#247ed0}
.etmix-main-head{height:60px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;margin-top:2px;border-radius:12px;color:#fff}
.etmix-card-1 .etmix-main-head{}.etmix-card-2 .etmix-main-head{}.etmix-card-3 .etmix-main-head{}.etmix-card-4 .etmix-main-head{}.etmix-card-5 .etmix-main-head{}
.etmix-title{font-size:15px;font-weight:800;line-height:1.15;color:#000}.etmix-total{font-size:24px;font-weight:800;line-height:1;color:#000;letter-spacing:-.5px;flex:0 0 auto}
.etmix-divider{height:1px;background:#e1e5ea;margin:16px 4px}
.etmix-split{margin-top: 3px;display:grid!important;grid-template-columns:1fr 1fr!important;min-height:158px;border:1px solid #d9dee5;border-radius:16px;overflow:hidden;background:#fff}
.etmix-half{min-width:0;display:flex!important;flex-direction:column!important;background:#fff}.etmix-half+.etmix-half{border-left:1px solid #dfe3e8}
.etmix-half-head{width:100%!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 6px!important;color:#fff!important;font-size:17px!important;font-weight:800!important;line-height:1.1!important;text-align:center!important;white-space:nowrap!important}
.etmix-nonchat .etmix-half-head{background:linear-gradient(180deg,#ec4f4fab,#df4747)!important}.etmix-chat .etmix-half-head{background:linear-gradient(180deg,#3cba61a6,#28aa54)!important}
.etmix-half-body{flex:1;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:16px 5px 18px!important}
.etmix-half-body strong{font-size:35px!important;font-weight:800!important;line-height:1!important;letter-spacing:-.6px!important;margin:0!important}.etmix-half-body span{font-size:17px!important;font-weight:700!important;color:#7a7a7a!important;margin-top:9px!important;line-height:1!important}
.etmix-nonchat .etmix-half-body strong{color:#df4548!important}.etmix-chat .etmix-half-body strong{color:#28a851!important}
@media(max-width:1150px){.etmix-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:850px){.etmix-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.etmix-grid{grid-template-columns:1fr!important;gap:10px!important;padding:10px!important}.etmix-main-head{height:54px}.etmix-title{font-size:13px}.etmix-total{font-size:23px}.etmix-half-head{height:46px!important;font-size:12px!important}}


/* website KPI summary v16: three cards + all-time best day */
.site-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.site-summary-grid .metric-card:nth-child(3):before{background:var(--purple)}
@media(max-width:900px){.site-summary-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.site-summary-grid{grid-template-columns:1fr}}


/* website detail clean top + unified KPI tags v18 */
.site-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.site-summary-grid .metric-card{min-height:170px;display:flex;flex-direction:column}
.metric-card-enquiries{background:linear-gradient(180deg,#fffaf3 0%,#ffffff 72%);border-color:#f0d7b0}
.metric-card-enquiries:before{background:linear-gradient(90deg,#f39a1f,#f2b35b)!important}
.metric-card-improving{background:linear-gradient(180deg,#f7fff9 0%,#ffffff 72%);border-color:#cfe6d8}
.metric-card-bestday{background:linear-gradient(180deg,#fffdf4 0%,#ffffff 72%);border-color:#eadfb2}
.metric-card-bestday:before{background:linear-gradient(90deg,#d9a514,#f1c84d)!important}
.metric-card-enquiries .metric-label,.metric-card-improving .metric-label,.metric-card-bestday .metric-label{font-weight:800}
.metric-story-row{display:flex;align-items:center;gap:10px;margin:14px 0 10px}
.metric-stat-tag{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;font-size:28px;font-weight:800;line-height:1;letter-spacing:-.04em;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.metric-stat-tag.enquiries{background:linear-gradient(180deg,#fff0d4 0%,#ffe2b2 100%);color:#d77e08;border:1px solid #f1ca8f}
.metric-stat-tag.positive{background:linear-gradient(180deg,#daf6e6 0%,#c9efd9 100%);color:#159356;border:1px solid #b8e2c9}
.metric-stat-tag.negative{background:linear-gradient(180deg,#ffe1e1 0%,#ffd1d1 100%);color:#d14545;border:1px solid #efb8b8}
.metric-stat-tag.neutral{background:linear-gradient(180deg,#f3f5f7 0%,#eaedf1 100%);color:#546171;border:1px solid #d9e0e8;font-size:18px}
.metric-stat-tag.bestday{background:linear-gradient(180deg,#fff2b8 0%,#ffe58d 100%);color:#9a6b00;border:1px solid #e9cf67}
.metric-story-copy{margin:0 0 14px;font-size:14px;line-height:1.5;color:#425163;font-weight:600;max-width:94%}
.metric-card-bestday .metric-story-copy{color:#695d34}
.metric-card-enquiries .metric-story-copy{color:#6a553a}
.metric-card .metric-foot{margin-top:auto}

/* individual website page: controls are the top section; hide old website identity area completely */
.site-head,.breadcrumb{display:none!important}

/* preserve latest EngineTrust card baseline and make date prominent */
.etmix-panel .channel-panel-head{align-items:flex-end;gap:12px}
.etmix-panel .channel-panel-head>div>p{display:none}
.etmix-panel .channel-panel-head .period-label{font-size:18px;font-weight:800;line-height:1.2;color:#506073;padding:0;border:0;background:transparent;letter-spacing:-.01em}

@media(max-width:1000px){
 .site-summary-grid{grid-template-columns:1fr}
 .site-summary-grid .metric-card{min-height:auto}
 .metric-stat-tag{font-size:24px;min-height:40px}
 .metric-story-copy{font-size:13px;max-width:100%}
 .etmix-panel .channel-panel-head .period-label{font-size:16px}
}


/* Global Montserrat typography v19 */
html,
body,
button,
input,
select,
textarea,
option,
table,
th,
td {
  font-family:'Varela Round',Arial,sans-serif;
}

button,
input,
select,
textarea {
  font-family:'Varela Round',Arial,sans-serif !important;
}

/* Keep icon glyphs on their own icon font. */
i.bi,
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  font-family:"bootstrap-icons" !important;
}


/* Varela Round global typography v21 — preserve existing bold weights */
html,
body,
button,
input,
select,
textarea,
option,
table,
th,
td {
  font-family:'Varela Round',Arial,sans-serif;
}
button,input,select,textarea {
  font-family:'Varela Round',Arial,sans-serif !important;
}
/* Existing 500/600/700/800 font-weight rules intentionally remain unchanged. */
i.bi,
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  font-family:"bootstrap-icons" !important;
}


/* website switcher + independent annual flow v22 */
.filter-bar{position:relative}
.website-switcher-wrap{
  flex:1;min-width:300px;max-width:500px;margin:0 14px;
  display:flex;align-items:center;justify-content:center;gap:10px
}
.website-current-name{
  min-width:145px;display:flex;align-items:center;gap:8px;color:#344255
}
.website-current-name>i{font-size:15px;color:var(--blue)}
.website-current-name>div{min-width:0}
.website-current-name span{display:block;font-size:8px;color:#89939f;text-transform:uppercase;letter-spacing:.04em}
.website-current-name strong{display:block;margin-top:1px;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.website-switcher-select{
  width:210px;height:33px;border:1px solid #ccd2d9;border-radius:3px;background:#fff;color:#3d4855;
  padding:0 30px 0 9px;font-size:10.5px;font-weight:600;outline:0;cursor:pointer
}
.website-switcher-select:focus{border-color:#7aa9d3;box-shadow:0 0 0 2px rgba(47,128,209,.08)}

.monthly-flow-panel{padding:0;margin-bottom:12px;overflow:hidden}
.monthly-flow-head{padding:12px 14px 8px;margin:0;border-bottom:1px solid var(--line-soft);align-items:center}
.monthly-flow-head h3{font-size:13px;margin:3px 0 0}
.monthly-flow-meta{margin-left:auto;display:flex;align-items:center;gap:10px;color:#7d8793;font-size:9.5px}
.monthly-flow-change{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}
.monthly-flow-change.up{background:#edf8f1;color:#159356}
.monthly-flow-change.down{background:#fdf0f1;color:#c94d54}
.monthly-flow-chart{height:155px;padding:2px 10px 8px}

@media(max-width:1200px){
  .filter-bar{flex-wrap:wrap}
  .website-switcher-wrap{order:3;flex-basis:100%;max-width:none;justify-content:flex-start;margin:2px 0 0;padding-top:6px;border-top:1px solid var(--line-soft)}
  .website-switcher-select{flex:1;max-width:360px}
}
@media(max-width:700px){
  .website-switcher-wrap{min-width:0;align-items:stretch;flex-direction:column;gap:6px}
  .website-current-name{min-width:0}
  .website-switcher-select{width:100%;max-width:none}
  .monthly-flow-head{align-items:flex-start;flex-direction:column;gap:7px}
  .monthly-flow-meta{margin-left:0;align-items:flex-start;flex-direction:column;gap:5px}
  .monthly-flow-chart{height:185px}
}


/* v23: Monthly flow as fourth KPI card */
.site-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px}
.metric-card-monthly-flow{
  min-height:170px!important;
  display:flex;
  flex-direction:column;
  background:linear-gradient(180deg,#f7fbff 0%,#ffffff 74%);
  border-color:#cfdceb;
  overflow:hidden;
}
.metric-card-monthly-flow:before{background:linear-gradient(90deg,#2f80d1,#76aee2)!important}
.monthly-kpi-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}
.monthly-kpi-head .metric-label{font-weight:800}
.monthly-kpi-head .monthly-flow-change{padding:3px 6px;font-size:8.5px;flex:0 0 auto}
.monthly-kpi-chart{height:104px;margin:4px -4px 4px;position:relative}
.metric-card-monthly-flow .metric-foot{margin-top:auto}

/* old standalone monthly panel is no longer used */
.monthly-flow-panel{display:none!important}

@media(max-width:1250px){
  .site-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .site-summary-grid{grid-template-columns:1fr!important}
  .monthly-kpi-chart{height:125px}
}


/* v24: mix first + compact daily flow and top makes */
.etmix-panel{margin-bottom:12px}
.site-summary-grid{margin-bottom:12px}

.site-mini-analytics-grid{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);
  gap:12px;
  margin-bottom:12px;
}
.mini-analytics-card{
  margin:0!important;
  min-width:0;
  padding:13px 14px 12px;
  overflow:hidden;
}
.daily-flow-card{border-top:2px solid #2f80d1}
.top-makes-card{border-top:2px solid #7b61b9}
.mini-analytics-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:5px;
}
.mini-analytics-head h3{font-size:13px;margin:2px 0 0}
.mini-card-note{font-size:8.5px;color:#87919d;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}
.daily-mini-chart{height:145px;position:relative;margin:0 -3px -2px}

.top-makes-compact{display:flex;flex-direction:column;gap:7px;padding-top:6px}
.make-compact-row{
  display:grid;
  grid-template-columns:minmax(90px,1fr) minmax(80px,1.4fr) auto;
  align-items:center;
  gap:8px;
  min-height:17px;
}
.make-name{font-size:10px;font-weight:700;color:#3d4855;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.make-mini-track{height:6px;background:#edf0f3;border-radius:99px;overflow:hidden}
.make-mini-track span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#7b61b9,#a18ad2)}
.make-compact-row strong{min-width:28px;text-align:right;font-size:10px;color:#273444}

@media(max-width:1050px){
  .site-mini-analytics-grid{grid-template-columns:1fr}
  .daily-mini-chart{height:165px}
}
@media(max-width:600px){
  .mini-analytics-head{flex-direction:column;gap:4px}
  .make-compact-row{grid-template-columns:minmax(78px,1fr) minmax(60px,1fr) auto}
}


/* v25: seven-day mini flow + animated leading source badge */
.etmix-head-meta{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  min-width:0;
  flex:0 0 auto;
}
.etmix-leading-badge{
  display:inline-flex;
  align-items:center;
  gap:4px;
  height:23px;
  padding:0 8px;
  border-radius:999px;
  background:linear-gradient(135deg,#fff2a8,#ffd65a);
  border:1px solid #e7bd35;
  color:#795600;
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.015em;
  white-space:nowrap;
  box-shadow:0 2px 8px rgba(203,153,0,.16);
  animation:etmixLeadingPulse 1.7s ease-in-out infinite;
}
.etmix-leading-badge i{font-size:10px;color:#b77b00}
@keyframes etmixLeadingPulse{
  0%,100%{transform:scale(1);box-shadow:0 2px 8px rgba(203,153,0,.14)}
  50%{transform:scale(1.045);box-shadow:0 0 0 4px rgba(255,207,62,.14),0 3px 12px rgba(203,153,0,.22)}
}
@media (prefers-reduced-motion:reduce){.etmix-leading-badge{animation:none}}
@media(max-width:1300px){
  .etmix-leading-badge{padding:0 6px;font-size:7.5px}
  .etmix-head-meta{gap:5px}
}
@media(max-width:850px){
  .etmix-leading-badge{font-size:8px}
}


/* v26: floating prominent leading badge */
.etmix-card{overflow:visible}
.etmix-card-leading .etmix-main-head{margin-top:12px}
.etmix-head-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.etmix-leading-badge{
  position:absolute;
  top:10px;
  right:16px;
  z-index:5;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  height:28px;
  padding:0 12px;
  border-radius:999px;
  background:linear-gradient(180deg,#fff3ae 0%,#ffd45e 52%,#f2b91e 100%);
  border:1px solid #e0b237;
  color:#734f00;
  font-size:11px;
  font-weight:800;
  letter-spacing:.01em;
  box-shadow:0 4px 14px rgba(229,176,16,.22), inset 0 1px 0 rgba(255,255,255,.6);
  animation:etmixLeadingBlink 1.1s steps(2,start) infinite, etmixLeadingFloat 2.4s ease-in-out infinite;
}
.etmix-leading-badge:before{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.45);
  pointer-events:none;
}
.etmix-leading-badge i{font-size:11px;color:#a96d00;filter:drop-shadow(0 1px 0 rgba(255,255,255,.4))}
.etmix-leading-badge span{position:relative;z-index:1}
@keyframes etmixLeadingBlink{
  0%, 48% { opacity:1; filter:brightness(1); }
  50%, 100% { opacity:.52; filter:brightness(1.18); }
}
@keyframes etmixLeadingFloat{
  0%,100% { transform:translateY(0); box-shadow:0 4px 14px rgba(229,176,16,.22), inset 0 1px 0 rgba(255,255,255,.6); }
  50% { transform:translateY(-2px); box-shadow:0 8px 18px rgba(229,176,16,.28), inset 0 1px 0 rgba(255,255,255,.7); }
}
@media (prefers-reduced-motion:reduce){
  .etmix-leading-badge{animation:none}
}
@media(max-width:560px){
  .etmix-card-leading .etmix-main-head{margin-top:14px}
  .etmix-leading-badge{top:8px;right:12px;height:24px;padding:0 10px;font-size:10px}
  .etmix-leading-badge i{font-size:10px}
}


/* v27: leading text only */
.etmix-card-leading .etmix-main-head{margin-top:8px}
.etmix-leading-badge{display:none !important}
.etmix-leading-text{
  position:absolute;
  top:15px;
  left:50%;
  transform:translateX(-50%);
  z-index:5;
  display:inline-block;
  font-size:13px;
  font-weight:800;
  letter-spacing:.02em;
  line-height:1;
  color:#007913;
  text-transform:none;
  text-shadow:0 1px 0 rgba(255,255,255,.5);
  animation:etmixLeadingTextBlink 1.05s steps(2,start) infinite;
}
@keyframes etmixLeadingTextBlink{
  0%,48%{opacity:1}
  50%,100%{opacity:.28}
}
@media (prefers-reduced-motion:reduce){
  .etmix-leading-text{animation:none}
}
@media(max-width:560px){
  .etmix-leading-text{font-size:12px;top:8px}
}


/* v30: EngineTrust weekday behaviour beside compact source mix */
.etmix-behaviour-layout{
  display:grid;
  grid-template-columns:minmax(0,4.25fr) minmax(245px,1fr);
  gap:12px;
  padding:12px;
  align-items:stretch;
}
.etmix-behaviour-layout .etmix-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  padding:0!important;
  min-width:0;
}
.etmix-behaviour-layout .etmix-card{
  padding:9px!important;
  border-radius:12px;
}
.etmix-behaviour-layout .etmix-main-head{
  height:48px;
  padding:0 10px;
  margin-top:2px;
}
.etmix-behaviour-layout .etmix-card-leading .etmix-main-head{margin-top:8px}
.etmix-behaviour-layout .etmix-title{font-size:13px}
.etmix-behaviour-layout .etmix-total{font-size:21px}
.etmix-behaviour-layout .etmix-split{
  min-height:138px;
  border-radius:13px;
}
.etmix-behaviour-layout .etmix-half-head{
  height:26px!important;
  font-size:14px!important;
}
.etmix-behaviour-layout .etmix-half-body{
  padding:12px 4px 13px!important;
}
.etmix-behaviour-layout .etmix-half-body strong{font-size:29px!important}
.etmix-behaviour-layout .etmix-half-body span{font-size:13px!important;margin-top:7px!important}
.etmix-behaviour-layout .etmix-leading-text{top:11px;font-size:11px}

.weekday-behaviour-card{
  min-width:0;
  border:1px solid #d9dee5;
  border-radius:12px;
  background:#fff;
  padding:10px;
  box-shadow:0 1px 4px rgba(25,39,57,.04);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  position:relative;
}
.weekday-behaviour-card:before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,#23a566,#2f80d1,#7b61b9);
}
.weekday-behaviour-head{padding:5px 2px 8px}
.weekday-behaviour-head .eyebrow{font-size:8px}
.weekday-behaviour-head h3{margin:3px 0 0;font-size:13px;color:#273444}
.weekday-behaviour-list{
  display:grid;
  grid-template-rows:repeat(7,1fr);
  gap:5px;
  flex:1;
  min-height:0;
}
.weekday-behaviour-row{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:31px;
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  padding:5px 8px;
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.weekday-behaviour-row:after{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;top:0;bottom:0;
  width:var(--weekday-strength);
  background:rgba(255,255,255,.11);
  border-right:1px solid rgba(255,255,255,.13);
}
.weekday-rank-1{background:linear-gradient(90deg,#138f4f,#20b36a)}
.weekday-rank-2{background:linear-gradient(90deg,#1c9b79,#2eb89b)}
.weekday-rank-3{background:linear-gradient(90deg,#2f80d1,#4b99e4)}
.weekday-rank-4{background:linear-gradient(90deg,#6d62b7,#8878cb)}
.weekday-rank-5{background:linear-gradient(90deg,#d49a19,#e6ae32)}
.weekday-rank-6{background:linear-gradient(90deg,#df7a27,#ee9341)}
.weekday-rank-7{background:linear-gradient(90deg,#c94d54,#df666d)}
.weekday-behaviour-copy{min-width:0;line-height:1.05}
.weekday-behaviour-copy strong{
  display:block;
  font-size:10.5px;
  font-weight:800;
  white-space:nowrap;
}
.weekday-behaviour-copy span{
  display:block;
  margin-top:2px;
  font-size:7.5px;
  font-weight:700;
  color:rgba(255,255,255,.88);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.weekday-behaviour-row>b{
  flex:0 0 auto;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.weekday-behaviour-row>b small{font-size:7px;font-weight:700;opacity:.82}
.weekday-behaviour-foot{
  padding:7px 2px 1px;
  text-align:center;
  font-size:7.5px;
  color:#8a939f;
}

@media(max-width:1350px){
  .etmix-behaviour-layout{grid-template-columns:1fr}
  .weekday-behaviour-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
}
@media(max-width:1100px){
  .etmix-behaviour-layout .etmix-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:800px){
  .etmix-behaviour-layout .etmix-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .etmix-behaviour-layout{padding:10px;gap:10px}
  .etmix-behaviour-layout .etmix-grid{grid-template-columns:1fr!important;gap:10px!important}
  .weekday-behaviour-list{grid-template-columns:1fr}
  .weekday-behaviour-row{min-height:36px;padding:6px 9px}
  .weekday-behaviour-copy strong{font-size:11px}
  .weekday-behaviour-copy span{font-size:8px}
}


/* v31: current-year weekly weekday win rate */
.weekday-behaviour-head .eyebrow{color:#758295;font-weight:800;letter-spacing:.055em}
.weekday-behaviour-head h3{font-size:14px;font-weight:800}
.weekday-behaviour-row>b{font-size:13px;font-weight:800}
.weekday-behaviour-row>b small{font-size:9px;font-weight:800;margin-left:1px;opacity:.92}
.weekday-behaviour-foot{font-size:7.5px;line-height:1.35;color:#7d8794}


/* v32: EngineTrust engine-code grading inside source cards */
.etmix-grade-panel{
  margin-top:10px;
  padding-top:9px;
  border-top:1px solid #edf0f3;
}
.etmix-grade-head{
  margin:0 0 6px;
  color:#7d8896;
  font-size:7.5px;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.etmix-grade-list{display:flex;flex-direction:column;gap:4px}
.etmix-grade-row{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:7px;
  min-height:27px;
  padding:5px 7px;
  border:1px solid #e4e8ed;
  border-radius:6px;
  background:#fafbfc;
  color:#344154;
}
.etmix-grade-row:before{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;top:0;bottom:0;
  width:var(--grade-width,0%);
  opacity:.10;
}
.etmix-grade-label{font-size:9px;font-weight:800;white-space:nowrap}
.etmix-grade-row strong{font-size:10px;font-weight:800;color:#253244}
.etmix-grade-row em{font-style:normal;font-size:8.5px;font-weight:800;color:#6d7885;min-width:43px;text-align:right}
.etmix-grade-a{border-left:3px solid #21a864}.etmix-grade-a:before{background:#21a864}
.etmix-grade-b{border-left:3px solid #2f80d1}.etmix-grade-b:before{background:#2f80d1}
.etmix-grade-c{border-left:3px solid #dda51f}.etmix-grade-c:before{background:#dda51f}
.etmix-grade-d{border-left:3px solid #d9575e}.etmix-grade-d:before{background:#d9575e}
.etmix-grade-empty{
  display:flex;align-items:center;justify-content:center;
  min-height:31px;border:1px dashed #d9dfe6;border-radius:6px;
  color:#929ba6;font-size:8.5px;font-weight:600;background:#fafbfc;
}
@media(max-width:1300px){
  .etmix-grade-row{gap:4px;padding:5px 5px}
  .etmix-grade-label{font-size:8px}
  .etmix-grade-row strong{font-size:9px}
  .etmix-grade-row em{font-size:7.5px;min-width:36px}
}


/* v34: slim EngineTrust date strip + single professional date-range calendar */
.etmix-period-strip{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:7px 12px 4px;
  color:#536477;
  font-size:13px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.01em;
}
.etmix-behaviour-layout{padding-top:5px!important}

.date-range-controls{gap:7px}
.date-range-picker-wrap{
  position:relative;
  width:248px;
  height:34px;
  display:flex;
  align-items:center;
  background:#fff;
  border:1px solid #cbd3dc;
  border-radius:4px;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.date-range-picker-wrap:focus-within{
  border-color:#73a7d8;
  box-shadow:0 0 0 3px rgba(47,128,209,.08);
}
.date-range-picker-wrap>i{
  position:absolute;
  left:10px;
  z-index:2;
  color:#718093;
  font-size:12px;
  pointer-events:none;
}
.date-range-picker{
  width:100%;
  height:32px;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  padding:0 10px 0 31px!important;
  color:#3c4856!important;
  font-size:10.5px!important;
  font-weight:600!important;
  cursor:pointer;
}
.date-range-apply{height:34px}

/* Flatpickr presentation tuned for the analytics UI */
.flatpickr-calendar{
  font-family:'Varela Round',Arial,sans-serif!important;
  border:1px solid #d5dbe3!important;
  border-radius:8px!important;
  box-shadow:0 14px 36px rgba(33,49,70,.17)!important;
  overflow:hidden;
}
.flatpickr-calendar.multiMonth{width:auto!important}
.flatpickr-months{background:#f8fafc;border-bottom:1px solid #e7ebef}
.flatpickr-months .flatpickr-month{height:44px}
.flatpickr-current-month{padding-top:10px;font-size:13px;font-weight:700;color:#324154}
.flatpickr-current-month .flatpickr-monthDropdown-months{font-weight:700}
.flatpickr-weekdays{background:#fafbfc}
span.flatpickr-weekday{color:#7a8694;font-size:10px;font-weight:700}
.flatpickr-day{font-size:10px;color:#485666;border-radius:5px}
.flatpickr-day:hover{background:#edf4fb;border-color:#edf4fb}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange{
  background:#2f80d1!important;
  border-color:#2f80d1!important;
  color:#fff!important;
}
.flatpickr-day.inRange{
  background:#e8f2fb!important;
  border-color:#e8f2fb!important;
  box-shadow:-5px 0 0 #e8f2fb,5px 0 0 #e8f2fb!important;
}
.flatpickr-day.today{border-color:#f39a1f}
.flatpickr-day.today:hover{background:#fff4e5;color:#6b4b22}

@media(max-width:1200px){
  .date-range-picker-wrap{width:225px}
}
@media(max-width:700px){
  .etmix-period-strip{font-size:11.5px;min-height:31px}
  .date-range-controls{width:100%;display:grid!important;grid-template-columns:1fr auto}
  .date-range-picker-wrap{width:100%}
}