:root{
	--sspi-blue:#0a3556;
	--sspi-dark:#08172b;
	--sspi-panel:#0d1c31;
	--sspi-panel-2:#101f34;
	--sspi-coral:#ff5757;
	--sspi-white:#ffffff;
	--sspi-text:#17212b;
	--sspi-muted:#84919c;
	--sspi-line:#dfe6ea;
}

.sspi-app{
	min-height:100vh;
	margin-left:0;
	background:#f4f7f9;
	color:var(--sspi-text);
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.sspi-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	padding:26px 32px;
	background:#fff;
	border-bottom:1px solid var(--sspi-line);
}

.sspi-header h1{margin:0;color:var(--sspi-blue);font-size:25px;line-height:1.15}
.sspi-header p{margin:5px 0 0;color:var(--sspi-muted);font-size:12px}
.sspi-header-actions{display:flex;align-items:center;gap:10px}

.sspi-main{padding:28px 32px}
.sspi-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px}
.sspi-kpis-single{grid-template-columns:minmax(220px,320px)}

.sspi-kpi{
	padding:18px;
	background:#fff;
	border:1px solid var(--sspi-coral);
	border-radius:12px;
}

.sspi-kpi span{display:block;color:var(--sspi-muted);font-size:10px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}
.sspi-kpi strong{display:block;margin-top:9px;color:var(--sspi-blue);font-size:25px}

.sspi-panel{
	margin-bottom:18px;
	background:#fff;
	border:1px solid var(--sspi-line);
	border-radius:12px;
	overflow:hidden;
}

.sspi-panel-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:15px;
	padding:18px 20px;
	border-bottom:1px solid var(--sspi-line);
}

.sspi-panel-head h2{margin:0;color:var(--sspi-blue);font-size:15px}
.sspi-panel-head p{margin:4px 0 0;color:var(--sspi-muted);font-size:11px}

.sspi-table-head{
	display:grid;
	align-items:center;
	gap:12px;
	min-height:44px;
	padding:0 18px;
	background:var(--sspi-blue);
	color:#fff;
	font-size:9px;
	font-weight:800;
	letter-spacing:.05em;
	text-transform:uppercase;
}

.sspi-table-row{
	display:grid;
	align-items:center;
	gap:12px;
	min-height:56px;
	padding:0 18px;
	border-bottom:1px solid #edf1f3;
	color:#53616b;
	font-size:11px;
}

.sspi-table-row:last-child{border-bottom:0}
.sspi-table-row strong{color:var(--sspi-blue)}

.sspi-daily-grid{grid-template-columns:120px repeat(7,minmax(90px,1fr))}
.sspi-ads-grid{grid-template-columns:minmax(92px,.7fr) minmax(180px,1.35fr) minmax(150px,1.1fr) minmax(150px,1.1fr) repeat(7,minmax(78px,.72fr))}
.sspi-cost-grid{grid-template-columns:minmax(240px,1.6fr) minmax(180px,.8fr) 180px}

.sspi-form-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:15px;
	padding:20px;
}

.sspi-field-full{grid-column:1/-1}

.sspi-form-grid label,
.sspi-sync-row label,
.sspi-add-cost label{
	display:flex;
	flex-direction:column;
	gap:6px;
}

.sspi-form-grid label span,
.sspi-sync-row label span,
.sspi-add-cost label span{
	color:var(--sspi-muted);
	font-size:9px;
	font-weight:800;
	letter-spacing:.05em;
	text-transform:uppercase;
}

.sspi-app input,
.sspi-app select,
.sspi-app textarea,
.sspi-app button{
	border-radius:0!important;
}

.sspi-app input,
.sspi-app select{
	height:40px;
	padding:0 11px;
	border:1px solid var(--sspi-line);
	background:#fff;
	color:var(--sspi-text);
	box-sizing:border-box;
}

.sspi-app input[type=number]{
	-moz-appearance:textfield!important;
	appearance:textfield!important;
}
.sspi-app input[type=number]::-webkit-inner-spin-button,
.sspi-app input[type=number]::-webkit-outer-spin-button{
	-webkit-appearance:none!important;
	display:none!important;
}

.sspi-actions,.sspi-sync-row,.sspi-add-cost{
	display:flex;
	align-items:flex-end;
	gap:10px;
	padding:0 20px 20px;
}

.sspi-sync-row,.sspi-add-cost{padding-top:20px}
.sspi-sync-row label,.sspi-add-cost label{min-width:180px}

.sspi-button,.sspi-theme-toggle,.sspi-save-cost,.sspi-delete-cost{
	height:40px;
	padding:0 14px;
	border:1px solid var(--sspi-line);
	background:#fff;
	color:var(--sspi-blue);
	font-weight:700;
	cursor:pointer;
}

.sspi-button-primary,.sspi-theme-toggle{
	background:var(--sspi-coral)!important;
	border-color:var(--sspi-coral)!important;
	color:#fff!important;
}

.sspi-save-cost{
	background:var(--sspi-blue);
	border-color:var(--sspi-blue);
	color:#fff;
}

.sspi-delete-cost{
	background:transparent;
	color:#a54444;
}

.sspi-cost-actions{display:flex;gap:7px}
.sspi-cost-name,.sspi-cost-amount{width:100%}
.sspi-status{padding:6px 9px;border:1px solid var(--sspi-line);color:var(--sspi-muted);font-size:10px;font-weight:800;text-transform:uppercase}
.sspi-status.is-ok{border-color:#4b8f70;color:#4b8f70}
.sspi-empty{padding:28px 18px;color:var(--sspi-muted);font-size:12px}

/* Shared session theme with Business Control Center */
html[data-sspi-theme="dark"] .sspi-app,
.sspi-app[data-theme="dark"]{
	background:var(--sspi-dark);
	color:#f5f8fb;
}

html[data-sspi-theme="dark"] .sspi-header,
html[data-sspi-theme="dark"] .sspi-panel,
html[data-sspi-theme="dark"] .sspi-kpi,
html[data-sspi-theme="dark"] .sspi-main,
.sspi-app[data-theme="dark"] .sspi-header,
.sspi-app[data-theme="dark"] .sspi-panel,
.sspi-app[data-theme="dark"] .sspi-kpi,
.sspi-app[data-theme="dark"] .sspi-main{
	background:var(--sspi-panel);
	border-color:#31445b;
	color:#f5f8fb;
}

html[data-sspi-theme="dark"] .sspi-header h1,
html[data-sspi-theme="dark"] .sspi-panel-head h2,
html[data-sspi-theme="dark"] .sspi-kpi strong,
html[data-sspi-theme="dark"] .sspi-table-row strong{
	color:#fff;
}

html[data-sspi-theme="dark"] .sspi-table-row{
	border-bottom-color:#31445b;
	color:#c4d0da;
}

html[data-sspi-theme="dark"] .sspi-app input,
html[data-sspi-theme="dark"] .sspi-app select{
	background:var(--sspi-panel-2);
	border-color:#31445b;
	color:#fff;
}

html[data-sspi-theme="dark"] .sspi-panel-head{border-bottom-color:#31445b}
html[data-sspi-theme="dark"] .sspi-table-head{background:var(--sspi-blue)}
html[data-sspi-theme="dark"] .sspi-status{border-color:#31445b;color:#aebdca}

@media(max-width:1450px){
	.sspi-kpis{grid-template-columns:repeat(3,1fr)}
	.sspi-panel{overflow-x:auto}
	.sspi-table-head,.sspi-table-row{min-width:1100px}
}

@media(max-width:800px){
	.sspi-app{margin-left:0}
	.sspi-header,.sspi-main{padding-left:18px;padding-right:18px}
	.sspi-kpis{grid-template-columns:1fr}
	.sspi-form-grid{grid-template-columns:1fr}
	.sspi-field-full{grid-column:auto}
	.sspi-sync-row,.sspi-add-cost{flex-direction:column;align-items:stretch}
}


/* ===== SSPI 1.0.2 EXECUTIVE CONTROL ROOM ===== */

.sspi-exec-kpis{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:16px;
	margin-bottom:20px;
}
.sspi-exec-kpi{
	min-height:118px;
	padding:18px 18px 16px;
	background:#fff;
	border:1px solid var(--sspi-line);
	border-radius:12px;
	box-sizing:border-box;
}
.sspi-exec-kpi-top{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	color:var(--sspi-muted);
	font-size:10px;
	font-weight:750;
}
.sspi-exec-kpi strong{
	display:block;
	margin-top:8px;
	color:var(--sspi-text);
	font-size:25px;
	line-height:1.1;
}
.sspi-exec-kpi small{
	display:block;
	margin-top:10px;
	color:var(--sspi-muted);
	font-size:9px;
	font-weight:700;
	text-transform:uppercase;
}
.sspi-kpi-icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	border-radius:8px;
	background:#143465;
	color:#fff;
	font-size:16px;
}

.sspi-chart-grid{
	display:grid;
	grid-template-columns:1.15fr .85fr;
	gap:16px;
	margin-bottom:20px;
}
.sspi-chart-card{
	background:#fff;
	border:1px solid var(--sspi-line);
	border-radius:12px;
	padding:18px;
	overflow:hidden;
}
.sspi-chart-head h2{margin:0;color:var(--sspi-text);font-size:14px}
.sspi-chart-head p{margin:4px 0 12px;color:var(--sspi-muted);font-size:10px}
.sspi-chart-card canvas{width:100%;display:block}

.sspi-performance-log{overflow-x:auto}
.sspi-log-grid{
	grid-template-columns:78px 98px 92px 108px 72px 48px 54px 58px 92px 86px 92px 72px 56px 92px 86px 78px;
	min-width:1430px;
}
.sspi-search{
	width:160px!important;
	height:34px!important;
}
.sspi-table-row.is-positive,
.sspi-table-row .is-positive{color:#18c58f!important}
.sspi-table-row.is-negative,
.sspi-table-row .is-negative{color:#ff4f70!important}
.sspi-table-row .is-positive strong,
.sspi-table-row .is-negative strong{color:inherit!important}

.sspi-config-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:15px;
	padding:20px;
}
.sspi-config-grid label{
	display:flex;
	flex-direction:column;
	gap:6px;
}
.sspi-config-grid label span{
	color:var(--sspi-muted);
	font-size:9px;
	font-weight:800;
	letter-spacing:.05em;
	text-transform:uppercase;
}
.sspi-config-oauth{
	display:flex;
	align-items:center;
	gap:14px;
	padding:0 20px 20px;
}
.sspi-config-oauth p{
	margin:0;
	color:var(--sspi-muted);
	font-size:10px;
}

/* Dark mode target */
html[data-sspi-theme="dark"] .sspi-exec-kpi,
html[data-sspi-theme="dark"] .sspi-chart-card{
	background:#0f1728;
	border-color:#203047;
}
html[data-sspi-theme="dark"] .sspi-exec-kpi strong,
html[data-sspi-theme="dark"] .sspi-chart-head h2{
	color:#fff;
}
html[data-sspi-theme="dark"] .sspi-kpi-icon{
	background:#173867;
	color:#fff;
}
html[data-sspi-theme="dark"] .sspi-panel{
	background:#0f1728;
	border-color:#203047;
}
html[data-sspi-theme="dark"] .sspi-table-head{
	background:#111b2e;
	border-bottom:1px solid #203047;
}
html[data-sspi-theme="dark"] .sspi-table-row{
	background:#0f1728;
	border-bottom-color:#203047;
	color:#c6d0db;
}
html[data-sspi-theme="dark"] .sspi-table-row:hover{
	background:#121e32;
}

@media(max-width:1200px){
	.sspi-exec-kpis{grid-template-columns:repeat(2,1fr)}
	.sspi-chart-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
	.sspi-exec-kpis{grid-template-columns:1fr}
	.sspi-config-grid{grid-template-columns:1fr}
	.sspi-config-oauth{align-items:flex-start;flex-direction:column}
}


/* ===== SSPI 1.0.3 GUIDED META CONNECTION ===== */

.sspi-guided-connect{overflow:visible}
.sspi-guided-connect-body{
	display:grid;
	grid-template-columns:56px minmax(0,1fr) auto;
	align-items:center;
	gap:18px;
	padding:26px;
}
.sspi-provider-mark{
	display:flex;
	align-items:center;
	justify-content:center;
	width:56px;height:56px;
	border-radius:12px;
	background:#1877f2;
	color:#fff;
	font-size:25px;
	font-weight:800;
}
.sspi-guided-copy h2{
	margin:3px 0 6px;
	color:var(--sspi-blue);
	font-size:19px;
}
.sspi-guided-copy p,
.sspi-account-picker p,
.sspi-connected-panel p{
	margin:0;
	color:var(--sspi-muted);
	font-size:11px;
}
.sspi-eyebrow{
	color:var(--sspi-muted);
	font-size:9px;
	font-weight:800;
	letter-spacing:.07em;
}
.sspi-guided-action{
	display:flex;
	align-items:center;
	gap:10px;
}
.sspi-connection-badge{
	display:inline-flex;
	align-items:center;
	min-height:32px;
	padding:0 10px;
	border:1px solid var(--sspi-line);
	color:var(--sspi-muted);
	font-size:9px;
	font-weight:800;
	text-transform:uppercase;
}
.sspi-connection-badge.is-connected{
	border-color:#18c58f;
	color:#138a66;
	background:rgba(24,197,143,.08);
}
.sspi-connection-badge.is-warning{
	border-color:#e5a11a;
	color:#a56c00;
	background:rgba(229,161,26,.08);
}
.sspi-account-picker,
.sspi-connected-panel{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
	padding:20px 26px;
	border-top:1px solid var(--sspi-line);
	background:#fafcfd;
}
.sspi-account-picker-controls,
.sspi-connected-actions{
	display:flex;
	align-items:center;
	gap:8px;
}
.sspi-account-picker select{min-width:310px}
.sspi-button-danger{
	border-color:#c84e4e!important;
	color:#c84e4e!important;
	background:transparent!important;
}
.sspi-diagnostics{
	margin-top:18px;
	border:1px solid var(--sspi-line);
	background:#fff;
}
.sspi-diagnostics summary{
	padding:14px 18px;
	color:var(--sspi-muted);
	font-size:10px;
	font-weight:750;
	cursor:pointer;
}
.sspi-diagnostics-body{
	padding:0 18px 18px;
	color:var(--sspi-muted);
	font-size:10px;
}
.sspi-diagnostic-row{
	display:grid;
	grid-template-columns:160px minmax(0,1fr);
	gap:12px;
	padding:9px 0;
	border-top:1px solid var(--sspi-line);
}
.sspi-diagnostic-row code{
	overflow-wrap:anywhere;
	color:var(--sspi-blue);
}

html[data-sspi-theme="dark"] .sspi-guided-copy h2,
html[data-sspi-theme="dark"] .sspi-diagnostic-row code{color:#fff}
html[data-sspi-theme="dark"] .sspi-account-picker,
html[data-sspi-theme="dark"] .sspi-connected-panel,
html[data-sspi-theme="dark"] .sspi-diagnostics{
	background:#0f1728;
	border-color:#203047;
}
html[data-sspi-theme="dark"] .sspi-diagnostic-row{border-top-color:#203047}
html[data-sspi-theme="dark"] .sspi-connection-badge{border-color:#31445b}
html[data-sspi-theme="dark"] .sspi-connection-badge.is-connected{border-color:#18c58f;color:#18c58f}
html[data-sspi-theme="dark"] .sspi-connection-badge.is-warning{border-color:#e5a11a;color:#e5a11a}

@media(max-width:900px){
	.sspi-guided-connect-body{grid-template-columns:48px 1fr}
	.sspi-guided-action{grid-column:1/-1}
	.sspi-account-picker,.sspi-connected-panel{align-items:flex-start;flex-direction:column}
	.sspi-account-picker-controls,.sspi-connected-actions{width:100%;flex-direction:column;align-items:stretch}
	.sspi-account-picker select{min-width:0;width:100%}
}


/* ===== SSPI 1.0.7 COCKPITS ===== */
.sspi-creative-grid{
	grid-template-columns:minmax(220px,1.7fr) 85px 85px 105px 130px 110px 105px 90px 125px 95px;
	min-width:1250px;
}
.sspi-product-grid{
	grid-template-columns:minmax(250px,1.7fr) 135px 125px 115px 85px 110px 120px 115px 95px 115px 115px;
	min-width:1420px;
}
.sspi-creative-grid small{
	display:block;
	margin-top:4px;
	color:var(--sspi-muted);
	font-size:9px;
	font-weight:500;
}
.sspi-product-cell{
	display:flex;
	align-items:center;
	gap:10px;
}
.sspi-product-cell img{
	width:38px;
	height:38px;
	object-fit:cover;
	background:#fff;
	border-radius:6px;
}
.sspi-cockpit-panel{overflow-x:auto}


/* ===== SSPI 1.0.8 STRATAGEMMA APP SHELL ===== */

#wpbody-content{padding-bottom:0!important}
body.toplevel_page_ss-performance-intelligence #wpcontent{padding-left:0}
body.toplevel_page_ss-performance-intelligence #wpbody-content>.notice,
body.toplevel_page_ss-performance-intelligence #wpbody-content>.updated{margin-left:20px;margin-right:20px}

.sspi-app{
	--sspi-shell:#0d1424;
	--sspi-shell-2:#101a2d;
	--sspi-shell-line:#243248;
	--sspi-green:#00c896;
	min-height:calc(100vh - 32px);
}

.sspi-shell-header{
	position:sticky;
	top:32px;
	z-index:80;
	display:grid;
	grid-template-columns:minmax(280px,1fr) auto minmax(280px,1fr);
	align-items:center;
	min-height:86px;
	padding:0 26px;
	background:#fff;
	border-bottom:1px solid var(--sspi-line);
	box-sizing:border-box;
}

.sspi-shell-brand{
	display:flex;
	align-items:center;
	gap:16px;
	min-width:0;
}

.sspi-brand-logo{
	display:flex;
	align-items:center;
	width:118px;
	height:46px;
	overflow:hidden;
}
.sspi-brand-logo img{
	display:block;
	max-width:118px;
	max-height:42px;
	object-fit:contain;
}
.sspi-logo-dark{display:none!important}

.sspi-product-name{
	display:flex;
	flex-direction:column;
	line-height:1;
	padding-left:14px;
	border-left:1px solid var(--sspi-line);
}
.sspi-product-name strong{
	color:var(--sspi-blue);
	font-size:12px;
	line-height:1.05;
	letter-spacing:-.01em;
}
.sspi-product-name span{
	margin-top:5px;
	color:var(--sspi-green);
	font-size:8px;
	font-weight:850;
	letter-spacing:.13em;
}

.sspi-shell-nav{
	display:flex;
	align-items:center;
	gap:4px;
}
.sspi-shell-nav a{
	display:flex;
	align-items:center;
	gap:8px;
	height:36px;
	padding:0 14px;
	color:#7c8795;
	text-decoration:none;
	font-size:10px;
	font-weight:850;
	letter-spacing:.12em;
	border:1px solid transparent;
}
.sspi-shell-nav a:hover{color:var(--sspi-blue)}
.sspi-shell-nav a.is-active{
	color:var(--sspi-coral);
	background:rgba(255,87,87,.09);
	border-color:rgba(255,87,87,.16);
}
.sspi-nav-icon{font-size:14px;line-height:1}

.sspi-shell-actions{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:12px;
}

.sspi-shell-connection{
	display:flex;
	align-items:center;
	gap:6px;
	color:#8a96a5;
	font-size:9px;
	font-weight:850;
	letter-spacing:.12em;
}
.sspi-connection-dot{
	width:7px;height:7px;border-radius:50%;
	background:#8a96a5;
	box-shadow:0 0 0 3px rgba(138,150,165,.08);
}
.sspi-shell-connection.is-connected{color:#607080}
.sspi-shell-connection.is-connected .sspi-connection-dot{
	background:var(--sspi-green);
	box-shadow:0 0 8px rgba(0,200,150,.65);
}
.sspi-shell-connection.is-offline .sspi-connection-dot{background:#e5a11a;box-shadow:0 0 8px rgba(229,161,26,.45)}

.sspi-shell-refresh{
	display:flex;
	align-items:center;
	gap:7px;
	height:36px;
	padding:0 15px!important;
	border:0!important;
	background:var(--sspi-green)!important;
	color:#fff!important;
	font-size:9px!important;
	font-weight:850!important;
	letter-spacing:.10em;
	cursor:pointer;
}
.sspi-shell-refresh.is-loading span{display:inline-block;animation:sspi-spin .7s linear infinite}
@keyframes sspi-spin{to{transform:rotate(360deg)}}

.sspi-shell-theme,
.sspi-shell-settings{
	display:flex!important;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px!important;
	padding:0!important;
	border:1px solid var(--sspi-line)!important;
	background:transparent!important;
	color:#7d8997!important;
	text-decoration:none!important;
	font-size:17px!important;
	cursor:pointer;
}
.sspi-shell-settings.is-active{
	color:var(--sspi-coral)!important;
	border-color:var(--sspi-coral)!important;
}

.sspi-view-bar{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	min-height:80px;
	padding:22px 30px 14px;
	background:var(--sspi-bg);
	box-sizing:border-box;
}
.sspi-view-eyebrow{
	display:block;
	margin-bottom:4px;
	color:var(--sspi-muted);
	font-size:8px;
	font-weight:850;
	letter-spacing:.14em;
}
.sspi-view-bar h1{
	margin:0;
	color:var(--sspi-blue);
	font-size:20px;
	line-height:1.1;
}

.sspi-view-tools{
	display:flex;
	justify-content:flex-end;
	margin:-58px 0 18px;
	position:relative;
	z-index:2;
}
.sspi-view-tools select{min-width:120px}

.sspi-inline-dates,
.sspi-cockpit-controls{
	display:flex;
	align-items:center;
	gap:8px;
}
.sspi-inline-dates input,
.sspi-cockpit-controls input{width:auto;min-width:130px}

.sspi-settings-grid{
	display:grid;
	grid-template-columns:1.15fr .85fr;
	gap:18px;
}

/* Creative preview */
.sspi-creative-grid{
	grid-template-columns:minmax(330px,2.2fr) 82px 82px 100px 125px 105px 100px 82px 118px 90px;
}
.sspi-creative-name-cell{
	display:grid;
	grid-template-columns:76px minmax(0,1fr);
	align-items:center;
	gap:12px;
}
.sspi-creative-thumb,
.sspi-creative-carousel,
.sspi-creative-placeholder{
	position:relative;
	width:76px;
	height:76px;
	overflow:hidden;
	background:#edf1f4;
	border:1px solid var(--sspi-line);
	box-sizing:border-box;
}
.sspi-creative-thumb img,
.sspi-creative-carousel img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.sspi-creative-placeholder{
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--sspi-muted);
	font-size:10px;
	font-weight:850;
}
.sspi-carousel-prev,
.sspi-carousel-next{
	position:absolute;
	z-index:2;
	top:50%;
	transform:translateY(-50%);
	width:20px!important;
	height:28px!important;
	padding:0!important;
	border:0!important;
	background:rgba(0,0,0,.52)!important;
	color:#fff!important;
	font-size:18px!important;
}
.sspi-carousel-prev{left:0}
.sspi-carousel-next{right:0}
.sspi-carousel-count{
	position:absolute;
	z-index:2;
	right:3px;
	bottom:3px;
	padding:2px 4px;
	background:rgba(0,0,0,.6);
	color:#fff;
	font-size:8px;
}
.sspi-carousel-data{display:none!important}

html[data-sspi-theme="dark"] .sspi-shell-header{
	background:var(--sspi-shell);
	border-bottom-color:var(--sspi-shell-line);
}
html[data-sspi-theme="dark"] .sspi-logo-light{display:none!important}
html[data-sspi-theme="dark"] .sspi-logo-dark{display:block!important}
html[data-sspi-theme="dark"] .sspi-product-name{border-left-color:var(--sspi-shell-line)}
html[data-sspi-theme="dark"] .sspi-product-name strong{color:#fff}
html[data-sspi-theme="dark"] .sspi-shell-nav a{color:#9099a8}
html[data-sspi-theme="dark"] .sspi-shell-nav a:hover{color:#fff}
html[data-sspi-theme="dark"] .sspi-shell-nav a.is-active{color:#ff6b7a;background:rgba(255,87,87,.11)}
html[data-sspi-theme="dark"] .sspi-shell-theme,
html[data-sspi-theme="dark"] .sspi-shell-settings{border-color:var(--sspi-shell-line)!important;color:#9ba6b4!important}
html[data-sspi-theme="dark"] .sspi-view-bar{background:var(--sspi-dark)}
html[data-sspi-theme="dark"] .sspi-view-bar h1{color:#fff}
html[data-sspi-theme="dark"] .sspi-creative-thumb,
html[data-sspi-theme="dark"] .sspi-creative-carousel,
html[data-sspi-theme="dark"] .sspi-creative-placeholder{
	background:#111b2e;
	border-color:#293a50;
}

@media(max-width:1350px){
	.sspi-shell-header{grid-template-columns:1fr;gap:10px;padding:14px 20px;position:relative;top:auto}
	.sspi-shell-brand,.sspi-shell-nav,.sspi-shell-actions{justify-content:center}
	.sspi-settings-grid{grid-template-columns:1fr}
}
@media(max-width:800px){
	.sspi-shell-nav{overflow-x:auto;justify-content:flex-start}
	.sspi-shell-actions{flex-wrap:wrap}
	.sspi-product-name{display:none}
	.sspi-cockpit-controls,.sspi-inline-dates{flex-wrap:wrap}
}


/* ===== SSPI 1.0.10 HISTORICAL COGS TOOL ===== */
.sspi-historical-cogs-body{
	display:grid;
	gap:18px;
	padding:20px;
}
.sspi-historical-cogs-body h3{
	margin:5px 0 7px;
	color:var(--sspi-blue);
	font-size:15px;
}
.sspi-historical-cogs-body p{
	max-width:850px;
	margin:0;
	color:var(--sspi-muted);
	font-size:11px;
	line-height:1.55;
}
.sspi-historical-cogs-actions{
	display:flex;
	align-items:center;
	gap:8px;
}
.sspi-cogs-result{
	display:grid;
	grid-template-columns:repeat(6,minmax(120px,1fr));
	gap:10px;
}
.sspi-cogs-stat{
	padding:14px;
	border:1px solid var(--sspi-line);
	background:#f8fafb;
}
.sspi-cogs-stat span{
	display:block;
	color:var(--sspi-muted);
	font-size:8px;
	font-weight:850;
	letter-spacing:.06em;
	text-transform:uppercase;
}
.sspi-cogs-stat strong{
	display:block;
	margin-top:6px;
	color:var(--sspi-blue);
	font-size:17px;
}
.sspi-cogs-warning{
	padding:12px 14px;
	border-left:3px solid var(--sspi-coral);
	background:rgba(255,87,87,.06);
	color:var(--sspi-muted);
	font-size:10px;
	line-height:1.5;
}
.sspi-cogs-errors{
	grid-column:1/-1;
	padding:12px;
	border:1px solid rgba(255,87,87,.28);
	background:rgba(255,87,87,.06);
	color:#b94545;
	font-size:10px;
}
html[data-sspi-theme="dark"] .sspi-historical-cogs-body h3,
html[data-sspi-theme="dark"] .sspi-cogs-stat strong{
	color:#fff;
}
html[data-sspi-theme="dark"] .sspi-cogs-stat{
	background:#111b2e;
	border-color:#293a50;
}
@media(max-width:1200px){
	.sspi-cogs-result{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
	.sspi-cogs-result{grid-template-columns:1fr}
	.sspi-historical-cogs-actions{align-items:stretch;flex-direction:column}
}


/* ===== SSPI 1.0.12 TABLE TOTALS ===== */
.sspi-table-total{
	font-weight:800;
	border-top:2px solid var(--sspi-line)!important;
	background:#f3f6f8;
}
.sspi-table-total > div:first-child{
	letter-spacing:.08em;
}
html[data-sspi-theme="dark"] .sspi-table-total{
	background:#0d1728;
	border-top-color:#3a4b62!important;
}


/* ===== STRATAGEMMA STANDALONE SUITE ===== */
html.sspi-standalone-html,
html.sspi-standalone-html body{
	margin-top:0!important;
	padding-top:0!important;
}
body.sspi-standalone #wpadminbar,
body.sspi-standalone #adminmenumain,
body.sspi-standalone #wpfooter,
body.sspi-standalone .notice,
body.sspi-standalone .updated,
body.sspi-standalone .error,
body.sspi-standalone .update-nag,
body.sspi-standalone #screen-meta-links,
body.sspi-standalone #screen-meta{
	display:none!important;
}
body.sspi-standalone #wpcontent,
body.sspi-standalone #wpfooter{
	margin-left:220px!important;
	padding-left:0!important;
}
body.sspi-standalone #wpbody{
	padding-top:0!important;
}
body.sspi-standalone #wpbody-content{
	min-height:100vh;
	padding-bottom:0!important;
}
body.sspi-standalone{
	background:#07192c!important;
}
.sspi-suite-rail{
	position:fixed;
	z-index:99999;
	inset:0 auto 0 0;
	width:220px;
	background:#081a2d;
	border-right:1px solid rgba(255,255,255,.08);
	box-sizing:border-box;
	padding:22px 14px;
	display:flex;
	flex-direction:column;
	gap:8px;
}
.sspi-suite-rail__brand{
	padding:0 12px 18px;
	color:#7f91a5;
	font-size:9px;
	font-weight:800;
	letter-spacing:.14em;
	text-transform:uppercase;
	border-bottom:1px solid rgba(255,255,255,.08);
	margin-bottom:8px;
}
.sspi-suite-rail a{
	display:flex;
	align-items:center;
	min-height:46px;
	padding:0 13px;
	color:#9eabba;
	text-decoration:none;
	font-size:12px;
	font-weight:700;
	border:1px solid transparent;
	box-sizing:border-box;
}
.sspi-suite-rail a:hover{
	color:#fff;
	background:rgba(255,255,255,.04);
}
.sspi-suite-rail a.is-active{
	color:#fff;
	background:#0d2c49;
	border-color:rgba(255,87,87,.48);
}
.sspi-suite-rail a span{
	display:block;
	line-height:1.22;
}
.sspi-shell-header{
	top:0!important;
}
@media(max-width:900px){
	body.sspi-standalone #wpcontent{margin-left:0!important}
	.sspi-suite-rail{display:none}
}


/* ===== 1.0.16 ADMIN RETURN ===== */
.sspi-suite-rail__wp-admin {
	margin-top:auto;
	border-color:rgba(255,255,255,.14)!important;
	color:#c9d2dc!important;
	background:rgba(255,255,255,.025);
}
.sspi-suite-rail__wp-admin:hover {
	border-color:#ff5757!important;
	background:rgba(255,87,87,.08)!important;
	color:#fff!important;
}


/* ===== 1.0.17 MOBILE APP HEADER ===== */
.sspi-mobile-menu-toggle,
.sspi-mobile-menu{
	display:none;
}

@media(max-width:900px){

	/* Same mobile application grammar as Business Control Center */
	.sspi-shell-header{
		display:grid!important;
		grid-template-columns:42px minmax(0,1fr) 42px!important;
		grid-template-areas:"menu brand theme"!important;
		align-items:center!important;
		gap:10px!important;
		min-height:0!important;
		padding:14px 18px!important;
		background:var(--sspi-bg-card,#fff)!important;
	}

	.sspi-mobile-menu-toggle{
		grid-area:menu;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		gap:4px;
		width:36px;
		height:36px;
		padding:0;
		border:1px solid var(--sspi-line);
		background:#fff;
		cursor:pointer;
	}
	.sspi-mobile-menu-toggle span{
		display:block;
		width:16px;
		height:2px;
		background:var(--sspi-blue);
	}

	.sspi-shell-brand{
		grid-area:brand;
		justify-self:center;
		display:flex!important;
		align-items:center!important;
		justify-content:center!important;
		gap:10px!important;
		min-width:0;
	}

	.sspi-brand-logo{
		width:105px!important;
		height:38px!important;
		flex:0 0 105px!important;
	}
	.sspi-brand-logo img{
		max-width:105px!important;
		max-height:36px!important;
	}

	.sspi-product-name{
		display:flex!important;
		padding-left:10px!important;
	}
	.sspi-product-name strong{
		font-size:10px!important;
	}
	.sspi-product-name span{
		margin-top:4px!important;
		font-size:6px!important;
	}

	/* Horizontal module tabs disappear completely on mobile */
	.sspi-shell-nav{
		display:none!important;
	}

	/* Hide desktop operational header actions; keep only theme */
	.sspi-shell-actions{
		display:contents!important;
	}
	.sspi-shell-connection,
	.sspi-shell-refresh,
	.sspi-shell-settings{
		display:none!important;
	}
	.sspi-shell-theme{
		grid-area:theme;
		justify-self:end;
		display:flex!important;
		align-items:center!important;
		justify-content:center!important;
		width:36px!important;
		min-width:36px!important;
		height:36px!important;
		min-height:36px!important;
		margin:0!important;
		padding:0!important;
		border:1px solid var(--sspi-line)!important;
		background:#fff!important;
		color:var(--sspi-blue)!important;
		font-size:22px!important;
		line-height:1!important;
	}

	/* Page title comes immediately below the application header */
	.sspi-view-bar{
		min-height:0!important;
		padding:28px 20px 18px!important;
	}

	/* Off-canvas menu */
	.sspi-mobile-menu{
		position:fixed;
		z-index:10050;
		inset:0;
		display:block;
		visibility:hidden;
		opacity:0;
		background:rgba(3,15,28,.45);
		transition:opacity .18s ease,visibility .18s ease;
	}
	.sspi-mobile-menu.is-open{
		visibility:visible;
		opacity:1;
	}
	.sspi-mobile-menu__panel{
		width:min(84vw,330px);
		height:100%;
		padding:18px;
		background:#07192b;
		box-sizing:border-box;
		transform:translateX(-100%);
		transition:transform .2s ease;
	}
	.sspi-mobile-menu.is-open .sspi-mobile-menu__panel{
		transform:translateX(0);
	}
	.sspi-mobile-menu__head{
		display:flex;
		align-items:center;
		justify-content:space-between;
		padding:0 4px 16px;
		border-bottom:1px solid rgba(255,255,255,.12);
		color:#fff;
	}
	.sspi-mobile-menu__close{
		width:34px;
		height:34px;
		padding:0;
		border:0!important;
		background:transparent!important;
		color:#fff!important;
		font-size:28px!important;
		line-height:1;
	}
	.sspi-mobile-menu nav{
		display:flex;
		flex-direction:column;
		padding-top:10px;
	}
	.sspi-mobile-menu nav a{
		display:flex;
		align-items:center;
		min-height:42px;
		padding:0 10px;
		color:#aebaca;
		font-size:12px;
		font-weight:650;
		text-decoration:none;
		border-bottom:1px solid rgba(255,255,255,.05);
	}
	.sspi-mobile-menu nav a.is-current{
		color:#ff5757;
	}
	.sspi-mobile-menu nav a.sspi-mobile-menu__module{
		margin-top:12px;
		border:1px solid rgba(255,255,255,.12);
		color:#fff;
	}

	html.sspi-menu-open{
		overflow:hidden;
	}

	html[data-sspi-theme="dark"] .sspi-mobile-menu-toggle,
	html[data-sspi-theme="dark"] .sspi-shell-theme{
		background:#102139!important;
		border-color:#31445b!important;
		color:#fff!important;
	}
	html[data-sspi-theme="dark"] .sspi-mobile-menu-toggle span{
		background:#fff!important;
	}
}


/* ===== 1.0.18 LICENSE GATE ===== */
.sspi-license-lock{
	min-height:calc(100vh - 32px);
	display:flex;
	align-items:center;
	justify-content:center;
	padding:32px;
	background:#f4f7f9;
	box-sizing:border-box;
}
.sspi-license-lock__card{
	width:min(520px,100%);
	padding:38px;
	background:#fff;
	border:1px solid #dfe6ea;
	box-shadow:0 14px 50px rgba(9,36,58,.08);
	text-align:center;
	box-sizing:border-box;
}
.sspi-license-lock__mark{
	display:flex;
	align-items:center;
	justify-content:center;
	width:44px;height:44px;
	margin:0 auto 18px;
	background:#0A3556;
	color:#fff;
	font-size:18px;
	font-weight:900;
}
.sspi-license-lock__eyebrow{
	color:#ff5757;
	font-size:9px;
	font-weight:850;
	letter-spacing:.14em;
}
.sspi-license-lock h1{
	margin:10px 0 8px;
	color:#0A3556;
	font-size:25px;
}
.sspi-license-lock p{
	color:#7d8992;
	font-size:12px;
	line-height:1.55;
}
.sspi-license-lock__status{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin:24px 0 12px;
	padding:14px 16px;
	border:1px solid #e4e9ed;
	text-align:left;
}
.sspi-license-lock__status span{
	color:#8a959e;
	font-size:9px;
	font-weight:800;
	letter-spacing:.08em;
}
.sspi-license-lock__status strong{
	color:#ff5757;
	font-size:10px;
	letter-spacing:.08em;
}
.sspi-license-lock__error{
	margin:0 0 16px;
	padding:11px 13px;
	background:#fff4f4;
	color:#a63f3f;
	font-size:10px;
	line-height:1.45;
}
.sspi-license-lock__cta{
	display:flex;
	align-items:center;
	justify-content:center;
	height:44px;
	margin-top:18px;
	background:#ff5757;
	color:#fff!important;
	text-decoration:none!important;
	font-size:10px;
	font-weight:850;
	letter-spacing:.08em;
}
.sspi-license-lock__note{
	margin:18px 0 0!important;
	font-size:9px!important;
}
html[data-sspi-theme="dark"] .sspi-license-lock{background:#071526}
html[data-sspi-theme="dark"] .sspi-license-lock__card{background:#0d1d30;border-color:#293b51}
html[data-sspi-theme="dark"] .sspi-license-lock h1{color:#fff}
html[data-sspi-theme="dark"] .sspi-license-lock__status{border-color:#293b51}

/* ===== 1.0.19 EMBEDDED LICENSE FORM ===== */
.sspi-license-lock .ss-embedded-license-form{
	margin-top:20px;
	text-align:left;
}
.sspi-license-lock .ss-embedded-license-form label{
	display:block;
	margin-bottom:7px;
	color:#0A3556;
	font-size:10px;
}
.sspi-license-lock .ss-embedded-license-form__row{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:8px;
}
.sspi-license-lock .ss-embedded-license-form input{
	min-width:0;
	height:44px;
	padding:0 12px;
	border:1px solid #dfe6ea;
	background:#fff;
	color:#0A3556;
	box-sizing:border-box;
}
.sspi-license-lock .ss-embedded-license-form button{
	height:44px;
	padding:0 18px;
	border:0;
	background:#ff5757;
	color:#fff;
	font-size:10px;
	font-weight:850;
	cursor:pointer;
}
.sspi-license-lock .ss-embedded-license-form__error{
	margin-top:8px;
	color:#a63f3f;
	font-size:10px;
}
html[data-sspi-theme="dark"] .sspi-license-lock .ss-embedded-license-form label{color:#fff}
html[data-sspi-theme="dark"] .sspi-license-lock .ss-embedded-license-form input{
	background:#102139;border-color:#31445b;color:#fff
}
@media(max-width:600px){
	.sspi-license-lock .ss-embedded-license-form__row{grid-template-columns:1fr}
}


/* ===== 1.0.22 DESKTOP PI SUBMENU ===== */
.sspi-suite-rail__submenu{
	display:flex;
	flex-direction:column;
	gap:2px;
	margin:-2px 0 8px 14px;
	padding:5px 0 7px 11px;
	border-left:1px solid rgba(255,255,255,.10);
}
.sspi-suite-rail__submenu a{
	min-height:31px;
	padding:0 10px;
	border:0;
	background:transparent;
	color:#7f91a5;
	font-size:10px;
	font-weight:700;
}
.sspi-suite-rail__submenu a:hover{
	background:rgba(255,255,255,.035);
	color:#fff;
}
.sspi-suite-rail__submenu a.is-current{
	background:transparent;
	color:#ff5757;
	border:0;
}
@media(max-width:900px){
	.sspi-suite-rail__submenu{display:none}
}


/* ===== 1.1.0 ANALYTICS FLOW ===== */
.sspi-suite-rail__section{
	margin:10px 10px 3px 25px;
	color:#60768a;
	font-size:8px;
	font-weight:850;
	letter-spacing:.10em;
}
.sspi-mobile-menu__section{
	margin:14px 14px 5px;
	color:#7d91a4;
	font-size:9px;
	font-weight:850;
	letter-spacing:.10em;
}
.sspi-analytics-topbar{
	display:flex;justify-content:space-between;gap:20px;align-items:flex-end;
	margin-bottom:16px;
}
.sspi-analytics-topbar p{margin:5px 0 0;color:var(--sspi-muted);font-size:11px}
.sspi-analytics-window{padding:10px 13px;border:1px solid var(--sspi-border);background:var(--sspi-panel);min-width:150px}
.sspi-analytics-window span{display:block;font-size:8px;color:var(--sspi-muted);text-transform:uppercase;font-weight:800}
.sspi-analytics-window strong{display:block;margin-top:4px;font-size:11px}
.sspi-an-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}
.sspi-an-kpi{position:relative;padding:15px;background:var(--sspi-panel);border:1px solid var(--sspi-border);border-radius:8px;min-height:86px;box-sizing:border-box}
.sspi-an-kpi.is-accent:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;background:#ff5757;border-radius:8px 8px 0 0}
.sspi-an-kpi span{display:block;color:var(--sspi-muted);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.sspi-an-kpi strong{display:block;margin-top:8px;font-size:22px;color:var(--sspi-text)}
.sspi-an-kpi small{display:block;margin-top:4px;color:var(--sspi-muted);font-size:9px}
.sspi-an-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-bottom:12px}
.sspi-an-grid.equal{grid-template-columns:1fr 1fr}
.sspi-an-card{background:var(--sspi-panel);border:1px solid var(--sspi-border);border-radius:8px;padding:16px;box-sizing:border-box}
.sspi-an-card h2{margin:0 0 4px;font-size:13px}.sspi-an-card>p{margin:0 0 12px;color:var(--sspi-muted);font-size:9px}
.sspi-an-chart{width:100%;height:220px;display:block}
.sspi-an-table{width:100%;border-collapse:collapse;font-size:10px}
.sspi-an-table th{text-align:left;color:var(--sspi-muted);font-size:8px;text-transform:uppercase;padding:8px 7px;border-bottom:1px solid var(--sspi-border)}
.sspi-an-table td{padding:9px 7px;border-bottom:1px solid var(--sspi-border);vertical-align:middle}
.sspi-an-table tr:last-child td{border-bottom:0}
.sspi-an-table td strong{font-weight:800}
.sspi-an-source{display:inline-flex;padding:3px 6px;border-radius:20px;background:rgba(63,140,255,.10);color:#3f8cff;font-size:8px;font-weight:800}
.sspi-an-note{padding:10px 12px;margin-bottom:12px;border:1px solid var(--sspi-border);background:var(--sspi-panel);color:var(--sspi-muted);font-size:9px}
.sspi-an-note.is-warning{border-color:rgba(255,87,87,.35);color:#ff5757}
.sspi-an-event-controls{display:flex;gap:8px;align-items:center;margin-bottom:12px}
.sspi-an-event-controls select{min-width:220px}
.sspi-provider-mark--google{background:#fff;color:#0a3556;border:1px solid #dfe6ea}
@media(max-width:1050px){.sspi-an-kpis{grid-template-columns:repeat(2,1fr)}.sspi-an-grid,.sspi-an-grid.equal{grid-template-columns:1fr}}
@media(max-width:700px){.sspi-an-kpis{grid-template-columns:1fr}.sspi-analytics-topbar{display:block}.sspi-analytics-window{margin-top:10px}.sspi-an-card{overflow:auto}}


/* ===== PI 1.1.3 ANALYTICS THEME — REAL FIX ===== */

/* LIGHT MODE: explicit defaults */
.sspi-analytics-page{
	color:#17212b;
}

.sspi-analytics-window,
.sspi-an-kpi,
.sspi-an-card,
.sspi-an-note{
	background:#ffffff;
	border-color:#dfe6ea;
	color:#17212b;
}

.sspi-analytics-window span,
.sspi-an-kpi span,
.sspi-an-kpi small,
.sspi-an-card > p,
.sspi-an-table th,
.sspi-an-note{
	color:#84919c;
}

.sspi-analytics-window strong,
.sspi-an-kpi strong,
.sspi-an-card h2,
.sspi-an-table td,
.sspi-an-table td strong,
.sspi-an-event-controls label{
	color:#17212b;
}

.sspi-an-table th,
.sspi-an-table td{
	border-color:#dfe6ea;
}

.sspi-an-event-controls select{
	background:#ffffff;
	border-color:#dfe6ea;
	color:#17212b;
}

.sspi-an-note.is-warning{
	background:#fff8f8;
	border-color:rgba(255,87,87,.32);
	color:#b94545;
}

/* DARK MODE: use the theme attribute that PI actually sets in admin.js */
html[data-sspi-theme="dark"] .sspi-analytics-page{
	color:#f5f8fb;
}

html[data-sspi-theme="dark"] .sspi-analytics-window,
html[data-sspi-theme="dark"] .sspi-an-kpi,
html[data-sspi-theme="dark"] .sspi-an-card,
html[data-sspi-theme="dark"] .sspi-an-note{
	background:#0d1c31;
	border-color:#31445b;
	color:#f5f8fb;
}

html[data-sspi-theme="dark"] .sspi-analytics-window span,
html[data-sspi-theme="dark"] .sspi-an-kpi span,
html[data-sspi-theme="dark"] .sspi-an-kpi small,
html[data-sspi-theme="dark"] .sspi-an-card > p,
html[data-sspi-theme="dark"] .sspi-an-table th,
html[data-sspi-theme="dark"] .sspi-an-note{
	color:#9fb0c0;
}

html[data-sspi-theme="dark"] .sspi-analytics-window strong,
html[data-sspi-theme="dark"] .sspi-an-kpi strong,
html[data-sspi-theme="dark"] .sspi-an-card h2,
html[data-sspi-theme="dark"] .sspi-an-table td,
html[data-sspi-theme="dark"] .sspi-an-table td strong,
html[data-sspi-theme="dark"] .sspi-an-event-controls label{
	color:#f5f8fb;
}

html[data-sspi-theme="dark"] .sspi-an-table th,
html[data-sspi-theme="dark"] .sspi-an-table td{
	border-color:#31445b;
}

html[data-sspi-theme="dark"] .sspi-an-event-controls select{
	background:#101f34;
	border-color:#31445b;
	color:#ffffff;
}

html[data-sspi-theme="dark"] .sspi-an-note.is-warning{
	background:rgba(255,87,87,.06);
	border-color:rgba(255,87,87,.28);
	color:#ff8585;
}

/* Ensure the analytics page itself follows the surrounding PI surface */
html[data-sspi-theme="light"] .sspi-analytics-page,
.sspi-app[data-theme="light"] .sspi-analytics-page{
	background:#f4f7f9;
}

html[data-sspi-theme="dark"] .sspi-analytics-page,
.sspi-app[data-theme="dark"] .sspi-analytics-page{
	background:#071526;
}


/* ===== PI 1.2.0 — VENDITE LEVEL 2 ===== */
.sspi-sales-filterbar{
	display:flex;
	align-items:flex-end;
	gap:14px;
	margin:0 0 16px;
	padding:11px 14px;
	background:#fff;
	border:1px solid #d7e1e8;
	border-radius:9px;
	box-sizing:border-box;
}
.sspi-sales-filterbar__group,
.sspi-sales-filterbar__custom{
	display:flex;
	align-items:flex-end;
	gap:9px;
}
.sspi-sales-filterbar__group{flex-direction:column;align-items:flex-start;gap:4px}
.sspi-sales-filterbar label{
	color:#687c8e;
	font-size:8px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.04em;
}
.sspi-sales-filterbar select,
.sspi-sales-filterbar input[type="date"]{
	height:34px;
	min-width:180px;
	padding:0 10px;
	border:1px solid #d7e1e8;
	background:#fff;
	color:#0A3556;
	font-size:10px;
	border-radius:4px;
	box-sizing:border-box;
}
.sspi-sales-filterbar__custom input[type="date"]{min-width:132px}
.sspi-sales-filterbar__spacer{flex:1}
.sspi-sales-filterbar__apply{height:34px;min-height:34px;padding:0 16px}

.sspi-an-note--comparison{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:12px;
	padding:8px 12px;
}
.sspi-an-note--comparison span{
	font-size:8px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.04em;
}
.sspi-an-note--comparison strong{
	color:#0A3556;
	font-size:9px;
}

.sspi-an-kpi--sales{
	min-height:82px;
	padding:14px 15px;
}
.sspi-an-kpi__line{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:8px;
	margin-top:7px;
}
.sspi-an-kpi--sales .sspi-an-kpi__line strong{margin:0}
.sspi-an-delta{
	flex:0 0 auto;
	padding-bottom:3px;
	font-size:8px;
	font-weight:850;
	white-space:nowrap;
}
.sspi-an-delta.is-positive{color:#17955b}
.sspi-an-delta.is-negative{color:#d54b4b}
.sspi-an-delta.is-neutral{color:#8796a2}

.sspi-an-grid--sales{grid-template-columns:1.3fr 1fr}
.sspi-an-card--chart{position:relative}
.sspi-an-chart-wrap{position:relative}
.sspi-an-chart-tooltip{
	position:absolute;
	z-index:5;
	display:none;
	min-width:112px;
	padding:8px 10px;
	background:#0A3556;
	border-radius:5px;
	color:#fff;
	box-shadow:0 5px 18px rgba(10,53,86,.18);
	pointer-events:none;
}
.sspi-an-chart-tooltip.is-visible{display:block}
.sspi-an-chart-tooltip strong,
.sspi-an-chart-tooltip span{display:block;color:#fff}
.sspi-an-chart-tooltip strong{font-size:9px}
.sspi-an-chart-tooltip span{margin-top:3px;font-size:11px;font-weight:800}

/* Full row styling for Dispersioni / Lettura commerciale */
.sspi-an-card .sspi-an-table{
	margin-top:10px;
	border-top:1px solid #d7e1e8;
}
.sspi-an-card .sspi-an-table th{
	padding-top:10px;
	padding-bottom:9px;
}
.sspi-an-card .sspi-an-table td{
	padding-top:11px;
	padding-bottom:11px;
}
.sspi-an-card .sspi-an-table tbody tr:not(:last-child) td{
	border-bottom:1px solid #e2e8ed;
}
.sspi-an-signal{
	display:inline-block;
	font-size:9px;
	font-weight:800;
}
.sspi-an-signal--positivo{color:#17955b}
.sspi-an-signal--stabile{color:#667b8c}
.sspi-an-signal--da-osservare{color:#d5892f}
.sspi-an-signal--senza-confronto{color:#8796a2}

html[data-sspi-theme="dark"] .sspi-sales-filterbar{
	background:#0d1c31;
	border-color:#31445b;
}
html[data-sspi-theme="dark"] .sspi-sales-filterbar label{color:#9fb0c0}
html[data-sspi-theme="dark"] .sspi-sales-filterbar select,
html[data-sspi-theme="dark"] .sspi-sales-filterbar input[type="date"]{
	background:#101f34;
	border-color:#31445b;
	color:#fff;
}
html[data-sspi-theme="dark"] .sspi-an-note--comparison strong{color:#fff}
html[data-sspi-theme="dark"] .sspi-an-card .sspi-an-table{border-top-color:#31445b}
html[data-sspi-theme="dark"] .sspi-an-card .sspi-an-table tbody tr:not(:last-child) td{border-bottom-color:#31445b}

@media(max-width:1100px){
	.sspi-sales-filterbar{flex-wrap:wrap}
	.sspi-sales-filterbar__spacer{display:none}
	.sspi-an-grid--sales{grid-template-columns:1fr}
}
@media(max-width:700px){
	.sspi-sales-filterbar,
	.sspi-sales-filterbar__group,
	.sspi-sales-filterbar__custom{display:grid;grid-template-columns:1fr;width:100%}
	.sspi-sales-filterbar select,
	.sspi-sales-filterbar input[type="date"]{width:100%;min-width:0}
	.sspi-sales-filterbar__apply{width:100%}
}


/* ===== PI 1.2.2 — SALES COMPARISON VALUES ===== */
.sspi-an-kpi__comparison{
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	justify-content:flex-end;
	gap:3px;
	padding-bottom:1px;
}
.sspi-an-compare-value{
	color:#6f8291 !important;
	font-size:9px !important;
	font-weight:800;
	line-height:1.05;
	text-transform:none !important;
	letter-spacing:0 !important;
	white-space:nowrap;
}
.sspi-an-kpi__comparison .sspi-an-delta{padding-bottom:0}
html[data-sspi-theme="dark"] .sspi-an-compare-value{color:#a8b7c4 !important}


/* ===== PI 1.3.0 — TRAFFICO LEVEL 2 ===== */
.sspi-an-grid--traffic{
	grid-template-columns:1.15fr .85fr;
}
.sspi-an-grid--traffic-demographics{
	margin-top:12px;
}
.sspi-an-chart-legend{
	display:flex;
	gap:14px;
	align-items:center;
	margin:2px 0 2px;
	color:#718495;
	font-size:8px;
	font-weight:800;
}
.sspi-an-chart-legend span{
	display:inline-flex;
	align-items:center;
	gap:5px;
}
.sspi-an-chart-legend span:before{
	content:"";
	width:8px;
	height:2px;
	display:inline-block;
	border-radius:2px;
}
.sspi-an-chart-legend .is-navy:before{background:#0A3556}
.sspi-an-chart-legend .is-coral:before{background:#FF5757}

@media(max-width:1200px){
	.sspi-an-grid--traffic{grid-template-columns:1fr}
}


/* ===== PI 1.3.3 — TRAFFICO WIDTH ALIGNMENT ===== */
.sspi-an-grid--traffic{
	grid-template-columns:1fr 1fr;
}


/* ===== PI 1.4.0 — FONTI LEVEL 2 ===== */
.sspi-an-grid--sources-top,
.sspi-an-grid--sources-bottom{
	grid-template-columns:1fr 1fr;
}
.sspi-an-grid--sources-bottom{
	margin-top:12px;
}


/* ===== PI 1.4.1 — FONTI DELTA / SIGNAL REFINEMENT ===== */
.sspi-source-metric{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:7px;
	min-width:0;
}
.sspi-source-metric>span:first-child{
	white-space:nowrap;
}
.sspi-source-delta{
	flex:0 0 auto;
	font-size:7.5px;
	font-weight:850;
	line-height:1;
	white-space:nowrap;
	cursor:help;
}
.sspi-source-delta.is-positive{color:#17955b}
.sspi-source-delta.is-negative{color:#d54b4b}
.sspi-source-delta.is-neutral{color:#8a99a6}

.sspi-source-signal{
	display:inline-block;
	padding:4px 7px;
	border-radius:999px;
	font-size:8px;
	font-weight:850;
	line-height:1.2;
	white-space:nowrap;
}
.sspi-source-signal.is-positive{
	color:#167b4b;
	background:rgba(23,149,91,.10);
}
.sspi-source-signal.is-warning{
	color:#a96812;
	background:rgba(213,137,47,.12);
}
.sspi-source-signal.is-info{
	color:#0A3556;
	background:rgba(10,53,86,.08);
}
.sspi-source-signal.is-neutral{
	color:#687c8e;
	background:rgba(104,124,142,.10);
}
html[data-sspi-theme="dark"] .sspi-source-signal.is-info{
	color:#dce8f2;
	background:rgba(255,255,255,.08);
}


/* ===== PI 1.4.2 — SORGENTI / MEZZI ACCORDION ===== */
.sspi-source-accordion{
	margin-top:8px;
	border-top:1px solid #dfe6ea;
}
.sspi-source-accordion>summary{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:11px 2px 4px;
	color:#0A3556;
	font-size:9px;
	font-weight:800;
	cursor:pointer;
	list-style:none;
	user-select:none;
}
.sspi-source-accordion>summary::-webkit-details-marker{display:none}
.sspi-source-accordion>summary:after{
	content:"+";
	font-size:15px;
	font-weight:500;
	line-height:1;
}
.sspi-source-accordion[open]>summary:after{content:"−"}
.sspi-source-accordion__body{
	margin-top:4px;
}
.sspi-source-accordion__body .sspi-an-table{
	margin-top:0;
	border-top:0;
}
html[data-sspi-theme="dark"] .sspi-source-accordion{
	border-top-color:#31445b;
}
html[data-sspi-theme="dark"] .sspi-source-accordion>summary{
	color:#f5f8fb;
}


/* ===== PI 1.5.0 — INTERESSI LEVEL 2 ===== */
.sspi-an-grid--interests-top{
	grid-template-columns:1.45fr .95fr;
}
.sspi-interest-title{
	display:flex;
	flex-direction:column;
	gap:3px;
	min-width:0;
}
.sspi-interest-title strong{
	color:inherit;
	white-space:normal;
}
.sspi-interest-title code{
	padding:0;
	background:transparent;
	color:#7c8d9b;
	font-family:inherit;
	font-size:8px;
	white-space:normal;
	word-break:break-word;
}
.sspi-an-chart--horizontal{
	min-height:260px;
}
html[data-sspi-theme="dark"] .sspi-interest-title code{
	color:#9fb0c0;
}
@media(max-width:1100px){
	.sspi-an-grid--interests-top{grid-template-columns:1fr}
}


/* ===== PI 1.6.0 — INTERESSI POLISH + PRODOTTI LEVEL 2 ===== */
.sspi-an-grid--interests-top .sspi-an-card--chart{
	overflow:visible;
}
.sspi-an-grid--interests-top .sspi-an-chart-wrap{
	overflow:visible;
}
.sspi-an-grid--interests-top .sspi-an-chart-tooltip{
	min-width:185px;
	max-width:245px;
}


/* ===== PI 1.6.1 — INTERESSI / PRODOTTI FIX ===== */
.sspi-an-grid--interests-top{align-items:start}
.sspi-an-grid--interests-top>.sspi-an-card{align-self:start;height:auto}
.sspi-an-grid--interests-top .sspi-an-card--chart{min-height:0}
.sspi-an-grid--interests-top .sspi-an-chart-wrap{height:auto;min-height:0}
.sspi-an-grid--interests-top .sspi-an-chart--horizontal{
	display:block;width:100%;min-height:0;height:auto
}


/* ===== PI 1.7.0 — COMPORTAMENTO LEVEL 2 ===== */
.sspi-an-grid--behavior-top{
	grid-template-columns:1fr 1fr;
	align-items:stretch;
}
.sspi-behavior-funnel-card{
	min-height:330px;
}
.sspi-behavior-funnel{
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:18px;
	min-height:245px;
	padding:8px 28px 4px;
	box-sizing:border-box;
}
.sspi-behavior-funnel__row{
	display:flex;
	justify-content:center;
	width:100%;
}
.sspi-behavior-funnel__bar{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	min-width:145px;
	height:38px;
	padding:0 12px;
	box-sizing:border-box;
	border-radius:5px;
	background:#0A3556;
	color:#fff;
	font-size:9px;
	font-weight:800;
	white-space:nowrap;
	transition:width .2s ease;
}
.sspi-behavior-funnel__bar strong{
	color:#fff;
	font-size:10px;
}
.sspi-behavior-funnel__bar.is-purchase{
	background:#FF5757;
}
html[data-sspi-theme="dark"] .sspi-behavior-funnel__bar{
	background:#173b59;
}
html[data-sspi-theme="dark"] .sspi-behavior-funnel__bar.is-purchase{
	background:#FF5757;
}
@media(max-width:1100px){
	.sspi-an-grid--behavior-top{grid-template-columns:1fr}
}


/* ===== PI 1.8.0 — CLIENTI ===== */
.sspi-an-kpis--five{grid-template-columns:repeat(5,minmax(0,1fr))}
.sspi-customer-frequency{display:flex;flex-direction:column;gap:14px;padding:20px 4px 8px}
.sspi-customer-frequency__row{display:grid;grid-template-columns:82px 1fr 42px;gap:10px;align-items:center;font-size:9px}
.sspi-customer-frequency__row>span{color:#718394}
.sspi-customer-frequency__row>div{height:10px;background:rgba(10,53,86,.07);border-radius:3px;overflow:hidden}
.sspi-customer-frequency__row i{display:block;height:100%;background:#0A3556;border-radius:3px}
.sspi-customer-frequency__row strong{text-align:right;color:#0A3556}
html[data-sspi-theme="dark"] .sspi-customer-frequency__row>div{background:rgba(255,255,255,.08)}
html[data-sspi-theme="dark"] .sspi-customer-frequency__row i{background:#dce8f2}
html[data-sspi-theme="dark"] .sspi-customer-frequency__row strong{color:#f5f8fb}
@media(max-width:1200px){.sspi-an-kpis--five{grid-template-columns:repeat(3,minmax(0,1fr))}}


/* ===== PI 1.9.5 — CLEAN MOBILE / SUITE UI ===== */
.sspi-suite-group{border-bottom:1px solid rgba(255,255,255,.055);padding-bottom:5px}
.sspi-suite-group .sspi-suite-rail__submenu{display:none!important}
.sspi-suite-group.is-open .sspi-suite-rail__submenu,
.sspi-suite-group.is-active-group .sspi-suite-rail__submenu{display:flex!important}
.sspi-suite-main{min-height:40px!important;font-size:11px!important}
.sspi-suite-rail__support{
	margin-top:auto;display:flex;align-items:center;min-height:44px;padding:0 13px;
	border:1px solid rgba(255,87,87,.42);background:rgba(255,87,87,.07);color:#fff!important;
	font-size:10px;font-weight:800;text-decoration:none
}

@media(max-width:900px){
	html[data-sspi-theme="dark"] .sspi-shell-header{background:#07192b!important;border-bottom-color:#26394f!important}
	html[data-sspi-theme="dark"] .sspi-logo-light{display:none!important}
	html[data-sspi-theme="dark"] .sspi-logo-dark{display:block!important}
	html[data-sspi-theme="dark"] .sspi-product-name strong{color:#fff!important}
	html[data-sspi-theme="dark"] .sspi-product-name{border-left-color:#31445b!important}

	.sspi-analytics-page,
	.sspi-analytics-topbar,
	.sspi-sales-filterbar,
	.sspi-analytics-filterbar,
	.sspi-an-kpis,
	.sspi-an-kpis--five,
	.sspi-an-grid,
	.sspi-an-grid.equal,
	.sspi-an-grid--traffic,
	.sspi-an-grid--traffic-demographics,
	.sspi-an-grid--sources-top,
	.sspi-an-grid--sources-bottom,
	.sspi-an-grid--interests-top,
	.sspi-an-grid--behavior-top{
		width:100%!important;max-width:none!important;box-sizing:border-box!important;grid-template-columns:1fr!important
	}
	.sspi-an-kpi,.sspi-an-card,.sspi-an-note,.sspi-analytics-window,.sspi-an-chart-wrap,.sspi-an-chart{
		width:100%!important;max-width:none!important;box-sizing:border-box!important
	}
	.sspi-an-card{min-width:0!important;overflow-x:auto!important}
	.sspi-an-table{width:100%!important;min-width:640px}

	.sspi-mobile-menu__group .sspi-mobile-menu__links{display:none!important}
	.sspi-mobile-menu__group.is-open .sspi-mobile-menu__links{display:block!important}
	.sspi-mobile-menu__section{cursor:pointer;position:relative;padding-right:42px!important}
	.sspi-mobile-menu__section:after{
		content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:18px
	}
	.sspi-mobile-menu__group.is-open .sspi-mobile-menu__section:after{content:"−"}
	.sspi-mobile-menu__support{
		display:block;margin:18px 10px 0;padding:13px 16px;border:1px solid rgba(255,87,87,.52);
		background:rgba(255,87,87,.08);color:#fff!important;font-weight:800;text-decoration:none
	}
}


/* ===== BCC 2.0.3 — SHARED PI/FALCON HEADER ===== */
.sspi-shell-header{grid-template-columns:minmax(330px,auto) minmax(180px,1fr) auto!important;gap:22px!important;min-height:82px!important;padding:0 28px!important}.sspi-shell-brand{gap:16px!important;min-width:0!important}.sspi-product-name{min-width:175px}.sspi-product-name strong{white-space:nowrap;font-size:12px!important}.sspi-product-name span{color:#00c896!important}.sspi-header-page-title{min-width:0;padding-left:20px;border-left:1px solid var(--sspi-line)}.sspi-header-page-title h1{margin:0;color:var(--sspi-blue);font-size:19px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sspi-shell-nav{display:none!important}.sspi-shell-actions{gap:10px!important}.sspi-shell-refresh{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border:1px solid var(--sspi-line)!important;background:transparent!important;color:#7d8997!important;font-size:18px!important;letter-spacing:0!important}.sspi-shell-theme,.sspi-shell-settings,.sspi-shell-help{display:flex!important;align-items:center;justify-content:center;width:36px;height:36px!important;padding:0!important;border:1px solid var(--sspi-line)!important;background:transparent!important;color:#7d8997!important;text-decoration:none!important;font-size:17px!important;cursor:pointer}.sspi-shell-help{font-size:15px!important;font-weight:800!important}.sspi-view-bar--legacy{display:none!important}html[data-sspi-theme="dark"] .sspi-header-page-title{border-color:var(--sspi-shell-line)!important}html[data-sspi-theme="dark"] .sspi-header-page-title h1{color:#fff!important}html[data-sspi-theme="dark"] .sspi-shell-help{border-color:var(--sspi-shell-line)!important;color:#9ba6b4!important}@media(max-width:900px){.sspi-shell-header{grid-template-columns:42px minmax(0,1fr) 42px!important;grid-template-areas:"menu brand theme"!important;gap:10px!important;padding:14px 18px!important}.sspi-header-page-title{display:none!important}.sspi-shell-connection,.sspi-shell-refresh,.sspi-shell-help,.sspi-shell-settings{display:none!important}}


/* ===== BCC 2.0.4 — PI/FALCON HEADER PARITY ===== */
.sspi-shell-header{
	grid-template-columns:minmax(300px,auto) minmax(170px,1fr) auto!important;
	align-items:center!important;
	gap:18px!important;
	min-height:70px!important;
	padding:0 28px!important;
}
.sspi-shell-brand{gap:14px!important;padding:0!important;margin:0!important}
.sspi-brand-logo{width:118px!important;height:42px!important;flex:0 0 118px!important;margin:0!important}
.sspi-brand-logo img{max-width:118px!important;max-height:40px!important}
.sspi-product-name{min-width:160px!important;padding-left:14px!important;border-left:1px solid var(--sspi-line)!important}
.sspi-product-name strong{font-size:12px!important;line-height:1.05!important;color:var(--sspi-blue)!important}
.sspi-product-name span{margin-top:5px!important;font-size:8px!important;color:#00c896!important;font-weight:850!important;letter-spacing:.13em!important}
.sspi-header-page-title{min-width:0!important;padding-left:18px!important;border-left:1px solid var(--sspi-line)!important}
.sspi-header-page-title h1{margin:0!important;color:var(--sspi-blue)!important;font-size:16px!important;font-weight:700!important;line-height:1.15!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sspi-header-page-title p{margin:4px 0 0!important;color:#8a959e!important;font-size:9px!important;font-weight:500!important;line-height:1.3!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sspi-shell-nav{display:none!important}
.sspi-main{padding-top:18px!important}
.sspi-analytics-page{padding-top:18px!important}
.sspi-sales-filterbar{margin-top:0!important}
html[data-sspi-theme="dark"] .sspi-product-name strong,
html[data-sspi-theme="dark"] .sspi-header-page-title h1{color:#fff!important}
html[data-sspi-theme="dark"] .sspi-product-name,
html[data-sspi-theme="dark"] .sspi-header-page-title{border-color:#31445b!important}
html[data-sspi-theme="dark"] .sspi-header-page-title p{color:#94a2b1!important}
@media(max-width:900px){
	.sspi-shell-header{min-height:0!important;padding:12px 18px!important}
	.sspi-main,.sspi-analytics-page{padding-top:16px!important}
	.sspi-header-page-title{display:none!important}
}


/* ===== BCC 2.0.5 — PI / FALCON HEADER FINAL PARITY ===== */

/* The old standalone -20px offset made the logo touch the Suite sidebar. */
@media(min-width:901px){
	.sspi-app{
		margin-left:0!important;
	}
}

/* Brand lives at left; operational controls always terminate at far right. */
.sspi-shell-header{
	display:grid!important;
	grid-template-columns:minmax(0,1fr) auto!important;
	align-items:center!important;
	justify-content:stretch!important;
	gap:14px!important;
	min-height:70px!important;
	padding:0 28px!important;
}
.sspi-shell-brand{
	display:flex!important;
	align-items:center!important;
	gap:14px!important;
	min-width:0!important;
	margin:0!important;
	padding:0!important;
}
.sspi-brand-logo{
	display:flex!important;
	align-items:center!important;
	width:118px!important;
	height:42px!important;
	flex:0 0 118px!important;
	margin:0!important;
	padding:0!important;
}
.sspi-brand-logo img{
	display:block!important;
	max-width:118px!important;
	max-height:40px!important;
	object-fit:contain!important;
}

/* Divider 1: logo -> area title. */
.sspi-shell-header .sspi-product-name{
	display:flex!important;
	flex-direction:column!important;
	justify-content:center!important;
	min-width:160px!important;
	margin:0!important;
	padding-left:14px!important;
	border-left:1px solid var(--sspi-line)!important;
	line-height:1!important;
}
.sspi-shell-header .sspi-product-name strong{
	margin:0!important;
	color:var(--sspi-blue)!important;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
	font-size:12px!important;
	font-weight:700!important;
	line-height:1.05!important;
	letter-spacing:-.01em!important;
}
.sspi-shell-header .sspi-product-name span{
	margin-top:5px!important;
	color:#00c896!important;
	font-size:8px!important;
	font-weight:850!important;
	line-height:1!important;
	letter-spacing:.13em!important;
}

/* Divider 2: area title -> page title. Exactly one divider. */
.sspi-shell-header .sspi-header-page-title{
	display:flex!important;
	flex-direction:column!important;
	justify-content:center!important;
	min-width:0!important;
	margin:0!important;
	padding-left:14px!important;
	border-left:1px solid var(--sspi-line)!important;
}
.sspi-shell-header .sspi-header-page-title h1{
	margin:0!important;
	color:var(--sspi-blue)!important;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
	font-size:16px!important;
	font-weight:700!important;
	line-height:1.15!important;
	letter-spacing:0!important;
	white-space:nowrap!important;
	overflow:hidden!important;
	text-overflow:ellipsis!important;
}
.sspi-shell-header .sspi-header-page-title p{
	margin:4px 0 0!important;
	color:#8a959e!important;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
	font-size:9px!important;
	font-weight:500!important;
	line-height:1.3!important;
	white-space:nowrap!important;
	overflow:hidden!important;
	text-overflow:ellipsis!important;
}

/* No legacy horizontal product/module navigation. */
.sspi-shell-nav{
	display:none!important;
}

/* Right-side operational cluster. */
.sspi-shell-header .sspi-shell-actions{
	display:flex!important;
	align-items:center!important;
	justify-content:flex-end!important;
	justify-self:end!important;
	gap:10px!important;
	width:auto!important;
	margin-left:auto!important;
}

/* Connected has the same compact treatment as BCC. */
.sspi-shell-header .sspi-shell-connection{
	display:flex!important;
	align-items:center!important;
	gap:6px!important;
	margin:0!important;
	color:#7d8997!important;
	font-size:9px!important;
	font-weight:850!important;
	line-height:1!important;
	letter-spacing:.11em!important;
	white-space:nowrap!important;
}

/* Refresh / theme / help / settings use the same neutral square controls as BCC. */
.sspi-shell-header .sspi-shell-refresh,
.sspi-shell-header .sspi-shell-theme,
.sspi-shell-header .sspi-shell-help,
.sspi-shell-header .sspi-shell-settings{
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:36px!important;
	min-width:36px!important;
	height:36px!important;
	min-height:36px!important;
	margin:0!important;
	padding:0!important;
	border:1px solid var(--sspi-line)!important;
	border-radius:0!important;
	background:transparent!important;
	box-shadow:none!important;
	color:#7d8997!important;
	text-decoration:none!important;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
	font-weight:700!important;
	line-height:1!important;
	cursor:pointer!important;
	box-sizing:border-box!important;
}
.sspi-shell-header .sspi-shell-refresh{
	font-size:18px!important;
	letter-spacing:0!important;
}
.sspi-shell-header .sspi-shell-theme{
	font-size:17px!important;
}
.sspi-shell-header .sspi-shell-help{
	font-size:15px!important;
	font-weight:800!important;
}
.sspi-shell-header .sspi-shell-settings{
	font-size:15px!important;
}

/* Dark mode parity. */
html[data-sspi-theme="dark"] .sspi-shell-header .sspi-product-name,
html[data-sspi-theme="dark"] .sspi-shell-header .sspi-header-page-title{
	border-color:#31445b!important;
}
html[data-sspi-theme="dark"] .sspi-shell-header .sspi-product-name strong,
html[data-sspi-theme="dark"] .sspi-shell-header .sspi-header-page-title h1{
	color:#fff!important;
}
html[data-sspi-theme="dark"] .sspi-shell-header .sspi-header-page-title p{
	color:#94a2b1!important;
}
html[data-sspi-theme="dark"] .sspi-shell-header .sspi-shell-refresh,
html[data-sspi-theme="dark"] .sspi-shell-header .sspi-shell-theme,
html[data-sspi-theme="dark"] .sspi-shell-header .sspi-shell-help,
html[data-sspi-theme="dark"] .sspi-shell-header .sspi-shell-settings{
	border-color:#31445b!important;
	color:#9ba6b4!important;
	background:transparent!important;
}

/* Keep the compact mobile grammar from the operational baseline. */
@media(max-width:900px){
	.sspi-app{
		margin-left:0!important;
	}
	.sspi-shell-header{
		grid-template-columns:42px minmax(0,1fr) 42px!important;
		grid-template-areas:"menu brand theme"!important;
		padding:12px 18px!important;
	}
	.sspi-shell-brand{
		grid-area:brand!important;
		justify-self:center!important;
	}
	.sspi-shell-header .sspi-header-page-title{
		display:none!important;
	}
	.sspi-shell-header .sspi-shell-actions{
		display:contents!important;
	}
	.sspi-shell-header .sspi-shell-connection,
	.sspi-shell-header .sspi-shell-refresh,
	.sspi-shell-header .sspi-shell-help,
	.sspi-shell-header .sspi-shell-settings{
		display:none!important;
	}
	.sspi-shell-header .sspi-shell-theme{
		grid-area:theme!important;
		justify-self:end!important;
	}
}


/* ===== BCC 2.0.6 — PI/FALCON DEFINITIVE HEADER GEOMETRY ===== */
@media(min-width:901px){
  body.sspi-standalone #wpcontent{margin-left:220px!important;padding-left:0!important}
  .sspi-app{margin-left:0!important}
  .sspi-shell-header{
    position:sticky!important;top:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    min-height:70px!important;
    padding:0 28px!important;
    column-gap:16px!important;
  }
  .sspi-shell-brand{
    display:flex!important;align-items:center!important;gap:14px!important;
    min-width:0!important;margin:0!important;padding:0!important;
  }
  .sspi-brand-logo{
    display:flex!important;align-items:center!important;
    width:118px!important;height:42px!important;flex:0 0 118px!important;
    margin:0!important;padding:0!important;
  }
  .sspi-brand-logo img{max-width:118px!important;max-height:40px!important;object-fit:contain!important}
  /* divider logo -> area */
  .sspi-product-name{
    display:flex!important;flex-direction:column!important;justify-content:center!important;
    min-width:160px!important;margin:0!important;padding-left:14px!important;
    border-left:1px solid var(--sspi-line)!important;border-right:0!important;
  }
  .sspi-product-name strong{
    margin:0!important;color:var(--sspi-blue)!important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:12px!important;font-weight:700!important;line-height:1.05!important;letter-spacing:-.01em!important;
  }
  .sspi-product-name span{
    margin-top:5px!important;color:#00c896!important;
    font-size:8px!important;font-weight:850!important;line-height:1!important;letter-spacing:.13em!important;
  }
  /* exactly one divider area -> page */
  .sspi-header-page-title{
    display:flex!important;flex-direction:column!important;justify-content:center!important;
    min-width:0!important;margin:0!important;padding-left:16px!important;
    border-left:1px solid var(--sspi-line)!important;border-right:0!important;
  }
  .sspi-header-page-title h1{
    margin:0!important;color:var(--sspi-blue)!important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:16px!important;font-weight:700!important;line-height:1.15!important;letter-spacing:0!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .sspi-header-page-title p{
    margin:4px 0 0!important;color:#8a959e!important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:9px!important;font-weight:500!important;line-height:1.3!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .sspi-shell-nav{display:none!important}
  .sspi-shell-actions{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    justify-self:end!important;width:auto!important;margin:0!important;gap:10px!important;
  }
  .sspi-shell-connection{margin:0!important;white-space:nowrap!important}
  .sspi-shell-refresh,.sspi-shell-theme,.sspi-shell-help,.sspi-shell-settings{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;
    margin:0!important;padding:0!important;border:1px solid var(--sspi-line)!important;
    border-radius:0!important;background:transparent!important;color:#7d8997!important;
    box-shadow:none!important;text-decoration:none!important;line-height:1!important;
  }
  .sspi-shell-help{font-size:15px!important;font-weight:800!important}
  .sspi-shell-refresh{font-size:18px!important}
  .sspi-shell-theme{font-size:17px!important}
  .sspi-shell-settings{font-size:15px!important}
}
html[data-sspi-theme="dark"] .sspi-product-name,
html[data-sspi-theme="dark"] .sspi-header-page-title{border-color:#31445b!important}
html[data-sspi-theme="dark"] .sspi-product-name strong,
html[data-sspi-theme="dark"] .sspi-header-page-title h1{color:#fff!important}


/* ===== BCC 2.0.7 — PI / FALCON MOBILE HEADER STACK ===== */
@media(max-width:900px){

	.sspi-app{
		margin-left:0!important;
		width:100%!important;
		max-width:100%!important;
		overflow-x:hidden!important;
	}

	.sspi-shell-header{
		display:grid!important;
		grid-template-columns:44px 104px minmax(0,1fr)!important;
		grid-template-areas:
			"menu logo area"
			"title title title"!important;
		align-items:center!important;
		column-gap:10px!important;
		row-gap:14px!important;
		width:100%!important;
		min-height:0!important;
		margin:0!important;
		padding:14px 18px 13px!important;
		box-sizing:border-box!important;
	}

	.sspi-mobile-menu-toggle{
		grid-area:menu!important;
		position:static!important;
		justify-self:start!important;
		align-self:center!important;
		margin:0!important;
	}

	/* Make the nested brand children participate directly in the header grid. */
	.sspi-shell-brand{
		display:contents!important;
	}

	.sspi-brand-logo{
		grid-area:logo!important;
		display:flex!important;
		align-items:center!important;
		justify-content:flex-start!important;
		width:104px!important;
		height:38px!important;
		min-width:0!important;
		margin:0!important;
		padding:0!important;
	}

	.sspi-brand-logo img{
		display:block!important;
		max-width:104px!important;
		max-height:36px!important;
		object-fit:contain!important;
	}

	.sspi-shell-header .sspi-product-name{
		grid-area:area!important;
		display:flex!important;
		flex-direction:column!important;
		justify-content:center!important;
		min-width:0!important;
		width:auto!important;
		margin:0!important;
		padding-left:10px!important;
		border-left:1px solid var(--sspi-line)!important;
		border-right:0!important;
		line-height:1!important;
	}

	.sspi-shell-header .sspi-product-name strong{
		display:block!important;
		margin:0!important;
		color:var(--sspi-blue)!important;
		font-size:10px!important;
		font-weight:700!important;
		line-height:1.03!important;
		letter-spacing:-.01em!important;
		white-space:normal!important;
	}

	.sspi-shell-header .sspi-product-name span{
		display:block!important;
		margin-top:4px!important;
		color:#00c896!important;
		font-size:6px!important;
		font-weight:850!important;
		line-height:1!important;
		letter-spacing:.12em!important;
		white-space:nowrap!important;
	}

	.sspi-shell-header .sspi-header-page-title{
		grid-area:title!important;
		display:block!important;
		width:100%!important;
		min-width:0!important;
		margin:0!important;
		padding:11px 0 0!important;
		border:0!important;
		border-top:1px solid var(--sspi-line)!important;
		box-sizing:border-box!important;
	}

	.sspi-shell-header .sspi-header-page-title h1{
		display:block!important;
		margin:0!important;
		color:var(--sspi-blue)!important;
		font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
		font-size:18px!important;
		font-weight:700!important;
		line-height:1.15!important;
		white-space:normal!important;
		overflow:visible!important;
		text-overflow:clip!important;
	}

	.sspi-shell-header .sspi-header-page-title p{
		display:block!important;
		margin:4px 0 0!important;
		color:#8a959e!important;
		font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
		font-size:10px!important;
		font-weight:500!important;
		line-height:1.35!important;
		white-space:normal!important;
		overflow:visible!important;
		text-overflow:clip!important;
	}

	/* Mobile header is identity + context only. */
	.sspi-shell-actions,
	.sspi-shell-connection,
	.sspi-shell-refresh,
	.sspi-shell-theme,
	.sspi-shell-help,
	.sspi-shell-settings{
		display:none!important;
	}

	/* Remove legacy space before the page content. */
	.sspi-content,
	.sspi-main,
	.sspi-view,
	.sspi-analytics-page{
		margin-top:0!important;
		padding-top:18px!important;
	}

	html[data-sspi-theme="dark"] .sspi-shell-header .sspi-product-name,
	html[data-sspi-theme="dark"] .sspi-shell-header .sspi-header-page-title{
		border-color:#31445b!important;
	}
	html[data-sspi-theme="dark"] .sspi-shell-header .sspi-product-name strong,
	html[data-sspi-theme="dark"] .sspi-shell-header .sspi-header-page-title h1{
		color:#fff!important;
	}
	html[data-sspi-theme="dark"] .sspi-shell-header .sspi-header-page-title p{
		color:#94a2b1!important;
	}
}


/* ===== BCC 2.0.8 — PI / FALCON MOBILE HEADER CONTROLS / TITLE BORDER FIX ===== */
@media(max-width:900px){

	.sspi-shell-header{
		grid-template-columns:44px 94px minmax(0,1fr) 82px!important;
		grid-template-areas:
			"menu logo area actions"
			"title title title title"!important;
		column-gap:8px!important;
	}

	.sspi-shell-actions{
		grid-area:actions!important;
		display:flex!important;
		align-items:center!important;
		justify-content:flex-end!important;
		gap:6px!important;
		width:auto!important;
		margin:0!important;
		padding:0!important;
	}

	.sspi-shell-actions .sspi-shell-connection,
	.sspi-shell-actions .sspi-shell-refresh,
	.sspi-shell-actions .sspi-shell-settings{
		display:none!important;
	}

	.sspi-shell-actions .sspi-shell-theme,
	.sspi-shell-actions .sspi-shell-help{
		display:flex!important;
		align-items:center!important;
		justify-content:center!important;
		width:36px!important;
		min-width:36px!important;
		height:36px!important;
		min-height:36px!important;
		margin:0!important;
		padding:0!important;
		border:1px solid var(--sspi-line)!important;
		border-radius:0!important;
		background:transparent!important;
		color:#7d8997!important;
		box-sizing:border-box!important;
	}

	/* Page title: simple top divider only. */
	.sspi-shell-header .sspi-header-page-title{
		padding:11px 0 0!important;
		border:0!important;
		border-top:1px solid var(--sspi-line)!important;
	}

	html[data-sspi-theme="dark"] .sspi-shell-actions .sspi-shell-theme,
	html[data-sspi-theme="dark"] .sspi-shell-actions .sspi-shell-help{
		border-color:#31445b!important;
		color:#9ba6b4!important;
		background:transparent!important;
	}
}


/* ===== BCC 2.0.9 — PI / FALCON MOBILE HEADER HARD RESET ===== */
@media(max-width:900px){

	/* Outer header: one identity row + one context row. */
	html body .sspi-shell-header{
		display:grid!important;
		grid-template-columns:44px 94px minmax(0,1fr) 82px!important;
		grid-template-areas:
			"menu logo area actions"
			"title title title title"!important;
		align-items:center!important;
		column-gap:8px!important;
		row-gap:14px!important;
		width:100%!important;
		min-height:0!important;
		margin:0!important;
		padding:14px 18px 13px!important;
		box-sizing:border-box!important;
		overflow:visible!important;
	}

	/* Direct children / nested brand children get explicit ownership of each grid area. */
	html body .sspi-shell-header > .sspi-mobile-menu-toggle{
		grid-area:menu!important;
		position:static!important;
		display:flex!important;
		justify-self:start!important;
		align-self:center!important;
		margin:0!important;
	}

	html body .sspi-shell-header > .sspi-shell-brand{
		display:contents!important;
		margin:0!important;
		padding:0!important;
	}

	html body .sspi-shell-header > .sspi-shell-brand > .sspi-brand-logo{
		grid-area:logo!important;
		display:flex!important;
		align-items:center!important;
		justify-content:flex-start!important;
		width:94px!important;
		height:38px!important;
		min-width:0!important;
		margin:0!important;
		padding:0!important;
	}

	html body .sspi-shell-header > .sspi-shell-brand > .sspi-brand-logo img{
		display:block!important;
		max-width:94px!important;
		max-height:36px!important;
		object-fit:contain!important;
	}

	html body .sspi-shell-header > .sspi-shell-brand > .sspi-product-name{
		grid-area:area!important;
		display:flex!important;
		flex-direction:column!important;
		justify-content:center!important;
		align-self:stretch!important;
		min-width:0!important;
		width:auto!important;
		margin:0!important;
		padding:0 0 0 10px!important;
		border-left:1px solid var(--sspi-line)!important;
		border-right:0!important;
		border-top:0!important;
		border-bottom:0!important;
	}

	html body .sspi-shell-header > .sspi-shell-brand > .sspi-product-name strong{
		margin:0!important;
		font-size:10px!important;
		font-weight:700!important;
		line-height:1.03!important;
		white-space:normal!important;
	}

	html body .sspi-shell-header > .sspi-shell-brand > .sspi-product-name span{
		margin-top:4px!important;
		font-size:6px!important;
		font-weight:850!important;
		line-height:1!important;
		white-space:nowrap!important;
	}

	/* Actions are a single fixed cluster. No old grid-area survives on its children. */
	html body .sspi-shell-header > .sspi-shell-actions{
		grid-area:actions!important;
		display:flex!important;
		align-items:center!important;
		justify-content:flex-end!important;
		justify-self:end!important;
		align-self:center!important;
		gap:6px!important;
		width:82px!important;
		min-width:82px!important;
		margin:0!important;
		padding:0!important;
	}

	html body .sspi-shell-header > .sspi-shell-actions > .sspi-shell-connection,
	html body .sspi-shell-header > .sspi-shell-actions > .sspi-shell-refresh,
	html body .sspi-shell-header > .sspi-shell-actions > .sspi-shell-settings{
		display:none!important;
	}

	html body .sspi-shell-header > .sspi-shell-actions > .sspi-shell-theme,
	html body .sspi-shell-header > .sspi-shell-actions > .sspi-shell-help{
		grid-area:auto!important;
		position:static!important;
		display:flex!important;
		align-items:center!important;
		justify-content:center!important;
		flex:0 0 36px!important;
		width:36px!important;
		min-width:36px!important;
		height:36px!important;
		min-height:36px!important;
		margin:0!important;
		padding:0!important;
		border:1px solid var(--sspi-line)!important;
		border-radius:0!important;
		background:transparent!important;
		color:#7d8997!important;
		box-sizing:border-box!important;
		transform:none!important;
	}

	/* Context row spans the entire header and has only a horizontal divider. */
	html body .sspi-shell-header > .sspi-shell-brand > .sspi-header-page-title{
		grid-area:title!important;
		display:block!important;
		width:100%!important;
		min-width:0!important;
		margin:0!important;
		padding:11px 0 0!important;
		border-left:0!important;
		border-right:0!important;
		border-bottom:0!important;
		border-top:1px solid var(--sspi-line)!important;
		box-shadow:none!important;
		outline:0!important;
	}

	html body .sspi-shell-header > .sspi-shell-brand > .sspi-header-page-title:before,
	html body .sspi-shell-header > .sspi-shell-brand > .sspi-header-page-title:after{
		content:none!important;
		display:none!important;
	}

	html body .sspi-shell-header > .sspi-shell-brand > .sspi-header-page-title h1{
		margin:0!important;
		font-size:18px!important;
		font-weight:700!important;
		line-height:1.15!important;
		white-space:normal!important;
	}

	html body .sspi-shell-header > .sspi-shell-brand > .sspi-header-page-title p{
		margin:4px 0 0!important;
		font-size:10px!important;
		font-weight:500!important;
		line-height:1.35!important;
		white-space:normal!important;
	}

	/* Prevent legacy rules from reserving an extra header row. */
	.sspi-shell-nav,
	.sspi-view-bar--legacy{
		display:none!important;
		height:0!important;
		min-height:0!important;
		margin:0!important;
		padding:0!important;
		border:0!important;
	}

	html[data-sspi-theme="dark"] body .sspi-shell-header > .sspi-shell-brand > .sspi-product-name,
	html[data-sspi-theme="dark"] body .sspi-shell-header > .sspi-shell-brand > .sspi-header-page-title{
		border-color:#31445b!important;
	}
}


/* ===== BCC 2.1.0 — PI DARK LOGO PARITY ===== */
.sspi-logo-dark{display:none!important}
html[data-sspi-theme="dark"] .sspi-logo-light{display:none!important}
html[data-sspi-theme="dark"] .sspi-logo-dark{
	display:block!important;
	background:transparent!important;
	mix-blend-mode:normal!important;
}
html[data-sspi-theme="dark"] .sspi-brand-logo,
html[data-sspi-theme="dark"] .sspi-brand-logo img{
	background:transparent!important;
}

/* BCC 2.1.1 Brevo settings parity */
.sspi-brevo-key-form{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:end;margin-top:16px}
.sspi-brevo-key-form label{display:flex;flex-direction:column;gap:7px}
.sspi-brevo-key-form label span{font-size:10px;font-weight:800;color:#748291}
.sspi-brevo-key-form input{min-height:42px;padding:10px 12px;border:1px solid var(--sspi-line);background:transparent;color:inherit}
.sspi-brevo-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;font-size:10px;color:#7f8c99}
@media(max-width:900px){.sspi-brevo-key-form{grid-template-columns:1fr}}

.sspi-brevo-status{margin-top:12px;padding:10px 12px;border:1px solid var(--sspi-line);font-size:11px;font-weight:600}.sspi-brevo-status--ok{color:#138a68}.sspi-brevo-status--error{color:#ff5757}

/* BCC 2.1.3 — Brevo credential persistence */
.sspi-brevo-key-form input[type="password"]{
	font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
	letter-spacing:.02em;
}


/* ===== BCC 2.1.6 — BREVO CAMPAIGN TAG FILTER ===== */
.sspi-brevo-key-form input[name="brevo_campaign_tag"]{
	min-height:42px;
	padding:10px 12px;
	border:1px solid var(--sspi-line);
	background:transparent;
	color:inherit;
	box-sizing:border-box;
}
.sspi-brevo-key-form code{
	font-size:9px;
	background:transparent;
	color:inherit;
}


/* PI 3.1.7 — period selector */
.sspi-period-bar{
	display:flex;align-items:flex-end;gap:14px;margin:0 0 18px;padding:14px 16px;
	background:#fff;border:1px solid var(--sspi-line);border-radius:12px;box-sizing:border-box;
}
.sspi-period-field{display:flex;flex-direction:column;gap:6px;min-width:150px}
.sspi-period-field.sspi-period-preset{min-width:210px}
.sspi-period-field span{color:var(--sspi-muted);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sspi-period-bar select,.sspi-period-bar input{height:40px;min-width:150px}
.sspi-period-bar input:disabled{background:#f7f9fa;color:var(--sspi-text);opacity:1}
.sspi-period-apply{height:40px;padding:0 22px;border:1px solid var(--sspi-coral)!important;background:var(--sspi-coral);color:#fff;font-weight:750;cursor:pointer}
.sspi-period-apply:disabled{opacity:.55;cursor:wait}
@media(max-width:900px){
	.sspi-period-bar{flex-wrap:wrap;align-items:flex-end}
	.sspi-period-field,.sspi-period-field.sspi-period-preset{flex:1 1 180px;min-width:0}
	.sspi-period-bar select,.sspi-period-bar input{width:100%;min-width:0}
	.sspi-period-apply{flex:1 1 100%;width:100%}
}


/* PI 3.1.13 — comparison, dark period bar, chart hover */
.sspi-period-field.sspi-period-compare{min-width:190px}
html[data-sspi-theme="dark"] .sspi-period-bar{background:#0A3556;border-color:#244d6c}
html[data-sspi-theme="dark"] .sspi-period-field span{color:#dce7ef}
html[data-sspi-theme="dark"] .sspi-period-bar select,
html[data-sspi-theme="dark"] .sspi-period-bar input{background:#071d2d!important;border-color:#31556f!important;color:#f4f8fb!important}
html[data-sspi-theme="dark"] .sspi-period-bar input:disabled{background:#071d2d!important;color:#f4f8fb!important;opacity:1}
html[data-sspi-theme="dark"] .sspi-period-bar select option{background:#071d2d;color:#f4f8fb}
.sspi-chart-hover-tooltip{position:fixed;z-index:99999;display:none;pointer-events:none;min-width:120px;padding:9px 11px;background:#0A3556;border:1px solid #31556f;border-radius:7px;box-shadow:0 8px 24px rgba(0,0,0,.18);color:#fff;font-size:10px;line-height:1.35}
.sspi-chart-hover-tooltip.is-visible{display:block}
.sspi-chart-hover-tooltip>strong{display:block;margin-bottom:5px;color:#fff}
.sspi-chart-hover-tooltip span{display:block;color:#dce7ef}
.sspi-chart-hover-tooltip span strong{display:inline;color:#fff}


/* PI 3.1.14 — BCC-style KPI deltas + recent periods */
.sspi-exec-kpi{position:relative}
.sspi-exec-kpi__comparison{position:absolute;right:18px;bottom:16px;display:flex;flex-direction:column;align-items:flex-end;gap:3px;line-height:1}
.sspi-exec-kpi__comparison>span{color:var(--sspi-muted);font-size:10px;font-weight:800}
.sspi-exec-kpi__comparison .sspi-an-delta{display:block;margin:0;padding:0;font-size:9px;font-weight:850;text-transform:uppercase}
.sspi-period-history select{min-width:215px}
html[data-sspi-theme="dark"] .sspi-exec-kpi__comparison>span{color:#aebdca}
@media(max-width:1180px){.sspi-period-history{flex:1 1 210px}.sspi-period-history select{min-width:0;width:100%}}


/* v3.1.15 Payment gateway fees */
.sspi-payment-fee-grid{display:grid;grid-template-columns:minmax(180px,1.5fr) .55fr .65fr 150px;gap:10px;align-items:center}
.sspi-payment-fee-grid small{display:block;margin-top:3px;color:var(--sspi-muted);font-size:9px;text-transform:uppercase;letter-spacing:.05em}
.sspi-add-payment-fee{display:grid;grid-template-columns:minmax(220px,1.5fr) .6fr .6fr auto;gap:10px;align-items:end;padding:18px}
.sspi-add-payment-fee label{display:flex;flex-direction:column;gap:6px}
.sspi-add-payment-fee label span{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--sspi-muted)}
.sspi-add-payment-fee input,.sspi-add-payment-fee select{height:40px;border:1px solid var(--sspi-line);background:#fff;padding:0 12px;color:var(--sspi-text)}
@media(max-width:900px){.sspi-add-payment-fee{grid-template-columns:1fr}.sspi-payment-fee-grid{grid-template-columns:1.4fr .6fr .6fr 110px}}
html[data-sspi-theme="dark"] .sspi-add-payment-fee input,html[data-sspi-theme="dark"] .sspi-add-payment-fee select{background:#082943;color:#fff;border-color:#274760}

/* v3.1.16 Test-only historical payment gateways */
.sspi-custom-payments-panel .sspi-panel-head h2 small{margin-left:8px;font-size:9px;letter-spacing:.08em;color:var(--sspi-coral);vertical-align:middle}

/* v3.1.19 — Falcon Eye / PI visual convergence */
.sspi-exec-kpi__comparison{right:18px;bottom:16px;gap:4px;line-height:1;text-align:right}
.sspi-exec-kpi__comparison>span{font-size:10px;font-weight:800;color:var(--sspi-muted)}
.sspi-exec-kpi__comparison .sspi-an-delta{font-size:9px;font-weight:850;letter-spacing:.01em;text-transform:uppercase}
.sspi-sales-history select{min-width:210px}
@media(max-width:1280px){.sspi-sales-history{flex:1 1 210px}.sspi-sales-history select{min-width:0;width:100%}}


/* v3.1.20 — Unified period bar: Falcon Eye + Performance Intelligence */
.sspi-analytics-filterbar.sspi-period-bar{margin-top:0!important;}
.sspi-analytics-filterbar .sspi-period-field{display:flex;flex-direction:column;gap:6px;}
.sspi-analytics-filterbar .sspi-period-field>span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sspi-muted);}
.sspi-analytics-filterbar .sspi-period-apply{align-self:flex-end;}
html[data-sspi-theme="dark"] .sspi-analytics-filterbar.sspi-period-bar{background:#0A3556;border-color:#244d6c;}
html[data-sspi-theme="dark"] .sspi-analytics-filterbar .sspi-period-field>span{color:#d9e6ef;}
html[data-sspi-theme="dark"] .sspi-analytics-filterbar select,
html[data-sspi-theme="dark"] .sspi-analytics-filterbar input{background:#082b47;color:#fff;border-color:#315773;}

/* ===== BCC 3.1.24 — PI MOBILE ACCORDION + ADMIN RETURN ===== */
@media(max-width:900px){
	.sspi-mobile-menu__wpadmin{display:block;margin:8px 10px 0;padding:13px 16px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#aeb9c5!important;font-weight:800;text-decoration:none}
}

/* ===== PI 3.1.25 — MOBILE ACCORDION VISUAL PARITY + BOTTOM ACTIONS ===== */
@media(max-width:900px){
	.sspi-mobile-menu__panel{
		display:flex!important;
		flex-direction:column!important;
		overflow:hidden!important;
	}
	.sspi-mobile-menu nav{
		flex:1 1 auto!important;
		min-height:0!important;
		overflow-y:auto!important;
	}
	.sspi-mobile-menu__group{
		margin:4px 0!important;
		padding:0!important;
		border-bottom:0!important;
	}
	.sspi-mobile-menu__section{
		margin:0!important;
		padding:12px 42px 12px 14px!important;
		border:1px solid transparent!important;
		background:transparent!important;
		color:#9eabba!important;
		font-size:11px!important;
		font-weight:700!important;
		letter-spacing:0!important;
		box-sizing:border-box!important;
	}
	.sspi-mobile-menu__group.is-current .sspi-mobile-menu__section,
	.sspi-mobile-menu__group.is-open.is-current .sspi-mobile-menu__section{
		border-color:rgba(255,87,87,.70)!important;
		background:#0d2c49!important;
		color:#fff!important;
	}
	.sspi-mobile-menu__links{
		padding:4px 0 6px 14px!important;
		border-left:1px solid rgba(255,255,255,.09)!important;
	}
	.sspi-mobile-menu__support{
		margin:auto 0 0!important;
		flex:0 0 auto!important;
	}
	.sspi-mobile-menu__wpadmin{
		margin:8px 0 0!important;
		flex:0 0 auto!important;
		border:1px solid rgba(255,255,255,.14)!important;
		background:rgba(255,255,255,.025)!important;
		color:#c9d2dc!important;
		font-weight:800!important;
		text-decoration:none!important;
	}
}

/* 3.1.27 PI dashboard table alignment */
@media(min-width:1201px){
  .sspi-performance-log{width:calc(100% + 8px);margin-left:-4px;margin-right:-4px}
  .sspi-performance-log .sspi-table-head>div{white-space:nowrap;font-size:8px;letter-spacing:.025em}
}

/* v3.1.29 compact connection status */
.sspi-shell-connection{width:18px;min-width:18px;height:36px;justify-content:center;gap:0}

/* ===== v3.1.30 UNIFIED PI / FALCON HEADER ACTIONS ===== */
.sspi-shell-actions{
	display:flex!important;
	align-items:center!important;
	justify-content:flex-end!important;
	gap:8px!important;
}
.sspi-shell-actions #sspi-shell-connection{order:10}
.sspi-shell-actions #sspi-shell-refresh{order:20}
.sspi-shell-actions .sspi-lang-form{order:30}
.sspi-shell-actions [data-sspi-theme-toggle]{order:40}
.sspi-shell-actions .sspi-shell-help{order:50}
.sspi-shell-actions .sspi-shell-settings{order:60}

.sspi-lang-form{display:flex!important;align-items:center!important;margin:0!important;padding:0!important}
.sspi-lang-select{
	appearance:none!important;
	-webkit-appearance:none!important;
	width:36px!important;
	min-width:36px!important;
	height:36px!important;
	padding:0!important;
	margin:0!important;
	border:1px solid var(--sspi-line)!important;
	border-radius:0!important;
	background:transparent!important;
	background-image:none!important;
	box-shadow:none!important;
	color:var(--sspi-blue)!important;
	text-align:center!important;
	text-align-last:center!important;
	font-size:10px!important;
	font-weight:850!important;
	line-height:34px!important;
	cursor:pointer!important;
}
.sspi-lang-select::-ms-expand{display:none}
.sspi-lang-select:focus{outline:none!important;box-shadow:none!important}
html[data-ssbcc-theme="dark"] .sspi-lang-select{
	color:#fff!important;
	border-color:#31445b!important;
	background:transparent!important;
}

/* v3.2.1 — unified suite product identity */
.sspi-product-name>strong{text-transform:uppercase!important;}

@media (max-width:900px){
  .sspi-shell-actions .sspi-shell-help{display:none!important;}
}

/* v3.2.4 — Falcon Eye + Performance Intelligence mobile support lives in drawer */
@media (max-width:900px){
  html body .sspi-shell-header .sspi-shell-actions .sspi-shell-help{display:none!important;}
}

/* v3.2.8 — unified PI/Falcon mobile Suite accordion */
@media (max-width:900px){
  .sspi-mobile-menu__section{
    position:relative!important;
    padding-right:48px!important;
    cursor:pointer!important;
  }
  .sspi-mobile-menu__section::after{
    content:"+"!important;
    display:block!important;
    position:absolute!important;
    right:18px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    color:currentColor!important;
    font-size:20px!important;
    font-weight:800!important;
    line-height:1!important;
    pointer-events:none!important;
  }
  .sspi-mobile-menu__group.is-open > .sspi-mobile-menu__section::after{
    content:"−"!important;
  }
  .sspi-mobile-menu__group .sspi-mobile-menu__links{
    display:none!important;
  }
  .sspi-mobile-menu__group.is-open .sspi-mobile-menu__links{
    display:block!important;
  }
}


/* BCC 3.3.2 — platform branding inside existing Settings */
.sspi-client-logo-form{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:14px 16px;
	align-items:end;
	padding:18px 20px 20px;
}
.sspi-client-logo-form label{
	display:flex;
	flex-direction:column;
	gap:7px;
	min-width:0;
}
.sspi-client-logo-form label span{
	font-size:10px;
	font-weight:800;
	color:#5f7180;
	text-transform:uppercase;
	letter-spacing:.04em;
}
.sspi-client-logo-form input{
	width:100%;
	min-height:42px;
}
.sspi-client-logo-form small{
	color:#7f8e9b;
}
.sspi-client-logo-preview{
	grid-column:1 / -1;
	display:flex;
	align-items:center;
	min-height:62px;
	padding:12px 14px;
	border:1px solid #dde4e9;
	background:#fff;
}
.sspi-client-logo-preview img{
	display:block;
	max-width:220px;
	max-height:52px;
	object-fit:contain;
}
@media(max-width:760px){
	.sspi-client-logo-form{grid-template-columns:1fr}
	.sspi-client-logo-form .sspi-button{width:100%}
}


/* BCC 3.3.3 — client identity only in module headers */
.sspi-client-brand-logo{
	display:flex!important;
	align-items:center!important;
	justify-content:flex-start!important;
	width:118px!important;
	height:42px!important;
	flex:0 0 118px!important;
	overflow:hidden!important;
}
.sspi-client-brand-logo img{
	display:block!important;
	max-width:118px!important;
	max-height:40px!important;
	object-fit:contain!important;
}
.sspi-shell-brand:not(:has(.sspi-client-brand-logo)) .sspi-product-name{
	border-left:0!important;
	padding-left:0!important;
}

/* Client logo media manager */
.sspi-client-logo-form{
	display:grid!important;
	grid-template-columns:minmax(0,1fr) auto!important;
	gap:16px!important;
	align-items:end!important;
	padding:18px 20px 20px!important;
}
.sspi-client-logo-media{
	display:flex!important;
	flex-direction:column!important;
	gap:12px!important;
	min-width:0!important;
}
.sspi-client-logo-preview{
	display:flex!important;
	align-items:center!important;
	justify-content:flex-start!important;
	min-height:92px!important;
	padding:14px!important;
	border:1px solid #dde4e9!important;
	background:#fff!important;
	box-sizing:border-box!important;
}
.sspi-client-logo-preview span{
	color:#83919d!important;
	font-size:12px!important;
}
.sspi-client-logo-preview img{
	display:block!important;
	max-width:240px!important;
	max-height:66px!important;
	object-fit:contain!important;
}
.sspi-client-logo-actions{
	display:flex!important;
	align-items:center!important;
	gap:10px!important;
	flex-wrap:wrap!important;
}
.sspi-client-logo-media small{
	color:#7f8e9b!important;
}
html[data-sspi-theme="dark"] .sspi-client-logo-preview{
	background:#102139!important;
	border-color:#31445b!important;
}
@media(max-width:760px){
	.sspi-client-logo-form{grid-template-columns:1fr!important}
	.sspi-client-logo-form>.sspi-button{width:100%!important}
}

/* 4.2.0 remove browser-native action styling */
.sspi-cost-actions button,.sspi-payment-fees-panel button{appearance:none;-webkit-appearance:none;border:1px solid #dfe6eb;border-radius:0;min-height:32px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:700;cursor:pointer;box-shadow:none}
.sspi-cost-actions .sspi-edit-payment-fee,.sspi-cost-actions .sspi-save-cost{background:#ff5757;color:#fff;border-color:#ff5757}
.sspi-cost-actions .sspi-delete-payment-fee,.sspi-cost-actions .sspi-delete-cost{background:#eef2f4;color:#263746;border-color:#dfe6eb}
.sspi-global-embed{padding:0!important}.sspi-global-embed .sspi-main{padding:0!important}.sspi-global-scope-falcon .sspi-settings-grid>div>.sspi-panel:not(.sspi-google-connect),.sspi-global-scope-falcon .sspi-settings-grid>div+div,.sspi-global-scope-falcon>.sspi-panel{display:none!important}.sspi-global-scope-pi .sspi-google-connect,.sspi-global-scope-pi .sspi-platform-branding{display:none!important}


/* Demo creative cockpit — semantic visual inspection without leaving the table. */
.sspi-creative-page .sspi-panel{overflow:visible!important}
.sspi-creative-page .sspi-table-row{position:relative}
.sspi-creative-page .sspi-creative-name-cell{position:relative;z-index:1}
.sspi-creative-thumb,
.sspi-creative-carousel{
	transition:transform .20s cubic-bezier(.2,.8,.2,1), box-shadow .20s ease, border-color .20s ease;
	transform-origin:left center;
	z-index:1;
	will-change:transform;
}
.sspi-creative-thumb:hover,
.sspi-creative-carousel:hover{
	transform:scale(4.05);
	z-index:120;
	border-color:var(--sspi-blue);
	box-shadow:0 22px 70px rgba(6,40,68,.34);
	border-radius:5px;
}
.sspi-creative-thumb img,
.sspi-creative-carousel img{
	transition:filter .20s ease, transform .20s ease;
}
.sspi-creative-thumb:hover img,
.sspi-creative-carousel:hover img{
	filter:saturate(1.06) contrast(1.03);
	transform:scale(1.02);
}
html[data-sspi-theme="dark"] .sspi-creative-thumb:hover,
html[data-sspi-theme="dark"] .sspi-creative-carousel:hover{
	box-shadow:0 24px 76px rgba(0,0,0,.56);
}
@media(max-width:1200px){
	.sspi-creative-thumb:hover,.sspi-creative-carousel:hover{transform:scale(3.1)}
}

/* 4.2.55 — Creative cockpit is a 5-way visual comparator, not an ad listing. */
.sspi-creative-page .sspi-creative-name-cell{grid-template-columns:112px minmax(0,1fr);gap:16px}
.sspi-creative-page .sspi-creative-thumb,.sspi-creative-page .sspi-creative-carousel,.sspi-creative-page .sspi-creative-placeholder{width:112px;height:112px;border-radius:6px}
.sspi-creative-page .sspi-table-row.sspi-creative-grid{min-height:136px;align-items:center}
.sspi-creative-page .sspi-creative-thumb:hover,.sspi-creative-page .sspi-creative-carousel:hover{transform:scale(3.25);transform-origin:left center;z-index:150;box-shadow:0 26px 82px rgba(6,40,68,.38)}
.sspi-creative-page .sspi-creative-name-cell strong{font-size:12px;line-height:1.25}
.sspi-creative-page .sspi-creative-name-cell small{font-size:9px;line-height:1.45;max-width:260px}
@media(max-width:1200px){.sspi-creative-page .sspi-creative-thumb:hover,.sspi-creative-page .sspi-creative-carousel:hover{transform:scale(2.45)}}


/* 4.2.57 — Clear View: native-resolution creative preview, no bitmap scaling. */
.sspi-creative-page,
.sspi-creative-page .sspi-panel,
.sspi-creative-page .sspi-table,
.sspi-creative-page #sspi-creative-list,
.sspi-creative-page .sspi-table-row,
.sspi-creative-page .sspi-creative-name-cell{
    overflow:visible!important;
}
.sspi-creative-page .sspi-table-row.sspi-creative-grid{
    position:relative;
    z-index:1;
}
.sspi-creative-page .sspi-table-row.sspi-creative-grid:hover{
    z-index:9000;
}
.sspi-creative-page .sspi-creative-name-cell{
    position:relative;
    z-index:2;
}
.sspi-creative-page .sspi-creative-thumb,
.sspi-creative-page .sspi-creative-carousel{
    position:relative;
    transform:none!important;
    z-index:3;
    overflow:visible!important;
    box-shadow:none;
}
.sspi-creative-page .sspi-creative-thumb:hover,
.sspi-creative-page .sspi-creative-carousel:hover{
    transform:none!important;
    z-index:9500;
    box-shadow:none!important;
}
.sspi-creative-page .sspi-creative-thumb > .sspi-creative-thumb-img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    border-radius:6px;
    transition:border-color .16s ease, box-shadow .16s ease;
}
.sspi-creative-page .sspi-creative-thumb:hover > .sspi-creative-thumb-img{
    box-shadow:0 0 0 2px var(--sspi-blue);
}
.sspi-creative-page .sspi-creative-highres{
    display:block;
    position:absolute;
    left:128px;
    top:50%;
    width:auto!important;
    height:auto!important;
    max-width:min(430px,34vw)!important;
    max-height:min(620px,72vh)!important;
    object-fit:contain!important;
    border-radius:8px;
    border:1px solid rgba(6,40,68,.18);
    background:#fff;
    box-shadow:0 28px 90px rgba(6,40,68,.34);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-50%) translateX(-8px)!important;
    transition:opacity .16s ease, transform .18s cubic-bezier(.2,.8,.2,1), visibility 0s linear .18s;
    z-index:99999;
    image-rendering:auto;
}
.sspi-creative-page .sspi-creative-thumb:hover > .sspi-creative-highres{
    opacity:1;
    visibility:visible;
    transform:translateY(-50%) translateX(0)!important;
    transition:opacity .16s ease, transform .18s cubic-bezier(.2,.8,.2,1), visibility 0s;
}
html[data-sspi-theme="dark"] .sspi-creative-page .sspi-creative-highres{
    background:#071b2b;
    border-color:rgba(255,255,255,.14);
    box-shadow:0 30px 96px rgba(0,0,0,.62);
}
@media(max-width:1200px){
    .sspi-creative-page .sspi-creative-highres{left:120px;max-width:min(360px,42vw)!important;max-height:66vh!important}
}

.sspi-an-signal--in-miglioramento{color:#17955b}.sspi-an-signal--richiede-attenzione{color:#ff5757}

/* BCC 4.2.63 — behavior deltas stay attached to their reference value */
.sspi-source-metric--compact{justify-content:flex-start;gap:6px}


/* 4.2.64 — Creative copy + CTA integrated in demo cockpit. */
.sspi-creative-page .sspi-creative-grid{
  grid-template-columns:minmax(330px,2.05fr) minmax(310px,1.85fr) 72px 72px 92px 118px 96px 92px 72px 108px 82px;
  min-width:1580px;
}
.sspi-creative-copy-cell{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;white-space:normal;line-height:1.45;font-size:11px;color:var(--sspi-text)}
.sspi-creative-copy-cell span{display:block;max-width:420px}
.sspi-creative-cta{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border:1px solid var(--sspi-border);border-radius:999px;font-size:9px;line-height:1.2;color:var(--sspi-navy);background:var(--sspi-surface);white-space:nowrap}
html[data-sspi-theme="dark"] .sspi-creative-cta{color:var(--sspi-text)}


/* ===== SSPI 1.0.8 — standalone desktop navigation ===== */
@media(min-width:901px){
  .sspi-shell-header{grid-template-columns:minmax(0,1fr) auto auto!important}
  .sspi-shell-nav.sspi-shell-nav--standalone{display:flex!important;align-items:center;gap:4px;white-space:nowrap}
  .sspi-shell-nav.sspi-shell-nav--standalone a{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border-radius:7px;color:#667482;text-decoration:none;font-size:11px;font-weight:700}
  .sspi-shell-nav.sspi-shell-nav--standalone a:hover,.sspi-shell-nav.sspi-shell-nav--standalone a.is-current{background:#f0f5f8;color:var(--sspi-blue)}
  html[data-sspi-theme="dark"] .sspi-shell-nav.sspi-shell-nav--standalone a{color:#9ba8b5}
  html[data-sspi-theme="dark"] .sspi-shell-nav.sspi-shell-nav--standalone a:hover,html[data-sspi-theme="dark"] .sspi-shell-nav.sspi-shell-nav--standalone a.is-current{background:#10283d;color:#fff}
}
@media(max-width:900px){.sspi-shell-nav.sspi-shell-nav--standalone{display:none!important}}


/* PI 1.0.10 — Stratagemma identity + sortable cockpits + native-resolution creative preview */
.sspi-suite-rail__brand{padding:18px 12px 22px!important;display:flex;align-items:center;justify-content:flex-start}
.sspi-suite-rail__logo{display:block;width:min(168px,88%);height:auto;max-height:58px;object-fit:contain;object-position:left center}
.sspi-sortable{cursor:pointer;user-select:none;display:flex!important;align-items:center;gap:6px;transition:opacity .15s ease}
.sspi-sortable:hover{opacity:.78}.sspi-sortable:focus-visible{outline:2px solid var(--sspi-coral);outline-offset:-2px}
.sspi-sort-indicator{font-size:11px;opacity:.52;line-height:1}.sspi-sortable.is-sorted .sspi-sort-indicator{opacity:1;color:var(--sspi-coral)}
.sspi-creative-page .sspi-creative-carousel .sspi-carousel-highres{
 display:block;position:absolute;left:128px;top:50%;width:auto!important;height:auto!important;
 max-width:min(520px,40vw)!important;max-height:min(720px,78vh)!important;object-fit:contain!important;
 border-radius:8px;border:1px solid rgba(6,40,68,.18);background:#fff;box-shadow:0 28px 90px rgba(6,40,68,.34);
 opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-50%) translateX(-8px)!important;
 transition:opacity .16s ease,transform .18s cubic-bezier(.2,.8,.2,1),visibility 0s linear .18s;z-index:99999;image-rendering:auto
}
.sspi-creative-page .sspi-creative-carousel:hover .sspi-carousel-highres{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)!important;transition:opacity .16s ease,transform .18s cubic-bezier(.2,.8,.2,1),visibility 0s}
html[data-sspi-theme="dark"] .sspi-creative-page .sspi-carousel-highres{background:#071b2b;border-color:rgba(255,255,255,.14);box-shadow:0 30px 96px rgba(0,0,0,.62)}
@media(max-width:1200px){.sspi-creative-page .sspi-creative-carousel .sspi-carousel-highres{left:120px;max-width:min(400px,46vw)!important;max-height:68vh!important}}


/* PI 1.0.11 — cockpit sort UX + product column balance + full-width brand mark */
.sspi-suite-rail__brand{padding:18px 0 22px!important;width:100%;box-sizing:border-box}
.sspi-suite-rail__logo{display:block!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center center!important}
.sspi-sortable{white-space:nowrap!important}
.sspi-sort-indicator{display:inline-block;min-width:10px;font-size:11px;opacity:0;line-height:1;color:var(--sspi-coral)}
.sspi-sortable.is-sorted .sspi-sort-indicator{opacity:1}
.sspi-product-page .sspi-product-grid{grid-template-columns:300px 170px 115px 100px 85px 100px 100px 80px 120px 115px 85px 120px 110px;min-width:1600px}
.sspi-product-page .sspi-product-grid>div{white-space:nowrap}
.sspi-product-page .sspi-product-cell{min-width:0}
.sspi-product-page .sspi-product-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* v1.0.15 — live Meta creative text hierarchy */
.sspi-creative-copy-cell{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.sspi-creative-copy-cell .sspi-copy-text,.sspi-creative-copy-cell .sspi-copy-description{display:block;white-space:normal;line-height:1.35}
.sspi-creative-copy-cell .sspi-copy-heading{display:block;line-height:1.25;color:var(--sspi-navy,#083a5c)}
\n\n/* PI 1.0.16 — compact creative copy hierarchy + CTA + HD video poster thumbs */\n.sspi-creative-copy-cell{justify-content:center!important;gap:7px!important}\n.sspi-creative-copy-cell .sspi-copy-heading{order:1;font-size:11px;font-weight:800;line-height:1.25;color:var(--sspi-navy,#083a5c);margin:0 0 1px}\n.sspi-copy-excerpt{order:2;position:relative;max-width:440px;width:100%}\n.sspi-copy-excerpt-text{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;white-space:normal!important;line-height:1.35;color:var(--sspi-text)}\n.sspi-copy-excerpt.is-expanded .sspi-copy-excerpt-text{display:block!important;overflow:visible;-webkit-line-clamp:unset}\n.sspi-copy-more{appearance:none;border:0;background:transparent;padding:3px 0 0;margin:0;color:var(--sspi-blue,#0b5f93);font:inherit;font-size:9px;font-weight:800;cursor:pointer;text-decoration:none}\n.sspi-copy-more:hover{text-decoration:underline}\n.sspi-creative-copy-cell .sspi-copy-description{order:3;font-size:9.5px;line-height:1.3;color:var(--sspi-muted);max-width:440px}\n.sspi-creative-cta-row{order:4;display:flex;width:100%;justify-content:flex-end;align-items:center;margin-top:2px}\n.sspi-creative-cta{display:inline-flex!important;align-items:center;justify-content:center;min-height:22px!important;padding:4px 10px!important;border:0!important;border-radius:4px!important;background:var(--sspi-navy,#083a5c)!important;color:#fff!important;font-size:8.5px!important;font-weight:800!important;letter-spacing:.01em;line-height:1!important;white-space:nowrap}\nhtml[data-sspi-theme="dark"] .sspi-creative-cta{background:#0f4b73!important;color:#fff!important}\n
/* PI 1.0.17 — creative copy hierarchy refinement */
.sspi-creative-copy-cell{justify-content:center!important;gap:5px!important}
.sspi-creative-copy-cell .sspi-copy-description{order:1!important;display:block;font-size:9.5px;line-height:1.3;color:var(--sspi-muted);max-width:440px;width:100%}
.sspi-creative-copy-cell .sspi-copy-heading{order:2!important;display:block;font-size:11px;font-weight:800;line-height:1.25;color:var(--sspi-navy,#083a5c);margin:0 0 1px;max-width:440px;width:100%}
.sspi-copy-excerpt{order:3!important;position:relative;max-width:440px;width:100%}
.sspi-copy-excerpt-text{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;white-space:normal!important;line-height:1.35;color:var(--sspi-text)}
.sspi-copy-excerpt.is-expanded .sspi-copy-excerpt-text{display:block!important;overflow:visible;-webkit-line-clamp:unset}
.sspi-copy-actions{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-top:2px}
.sspi-copy-more{appearance:none!important;border:0!important;background:transparent!important;padding:0!important;margin:0!important;color:var(--sspi-navy,#083a5c)!important;font:inherit!important;font-size:16px!important;font-weight:500!important;line-height:1!important;cursor:pointer!important;text-decoration:none!important;min-width:14px;height:14px}
.sspi-copy-more:hover{text-decoration:none!important;opacity:.7}
.sspi-creative-cta-row{order:4!important;display:flex;width:100%;justify-content:flex-end;align-items:center;margin-top:2px}
.sspi-creative-cta{display:inline-flex!important;align-items:center;justify-content:center;min-height:20px!important;padding:4px 9px!important;border:0!important;border-radius:3px!important;background:var(--sspi-navy,#083a5c)!important;color:#fff!important;font-size:8.5px!important;font-weight:800!important;letter-spacing:.01em;line-height:1!important;white-space:nowrap}
html[data-sspi-theme="dark"] .sspi-creative-cta{background:#0f4b73!important;color:#fff!important}


/* PI 1.0.18 — Creative task closure: CTA alignment + true HD single-creative posters */
.sspi-creative-cta-row{order:4!important;display:flex!important;width:100%!important;justify-content:flex-end!important;align-items:center!important;gap:6px!important;margin-top:2px!important}
.sspi-creative-cta-label{font-size:8.5px!important;font-weight:700!important;line-height:1!important;color:var(--sspi-muted)!important;white-space:nowrap!important}
.sspi-copy-actions{justify-content:flex-end!important}
.sspi-creative-cta{min-width:0!important}


/* PI 1.0.19 — final Meta field semantics for Creative Copy / CTA */
.sspi-creative-copy-cell{justify-content:center!important;align-items:flex-start!important;gap:6px!important}
.sspi-copy-field{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;column-gap:7px!important;align-items:start!important;width:100%!important;max-width:455px!important}
.sspi-copy-label,.sspi-creative-cta-label{font-size:8.5px!important;font-weight:700!important;line-height:1.35!important;color:var(--sspi-muted)!important;white-space:nowrap!important}
.sspi-copy-heading-row{order:1!important}
.sspi-copy-primary-row{order:2!important}
.sspi-copy-description-row{order:3!important}
.sspi-copy-heading-row .sspi-copy-heading{order:initial!important;margin:0!important;width:auto!important;max-width:none!important;font-size:10.5px!important;line-height:1.3!important}
.sspi-copy-primary-row .sspi-copy-excerpt{order:initial!important;width:100%!important;max-width:none!important}
.sspi-copy-description-row .sspi-copy-description{order:initial!important;width:auto!important;max-width:none!important;font-size:9px!important;line-height:1.3!important;color:var(--sspi-muted)!important}
.sspi-copy-excerpt-text{-webkit-line-clamp:3!important}
.sspi-copy-actions{justify-content:flex-start!important;width:auto!important;margin-top:2px!important}
.sspi-copy-more{color:var(--sspi-blue,#0b5f93)!important;font-size:15px!important}
.sspi-creative-cta-row{order:4!important;display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;column-gap:7px!important;justify-content:initial!important;align-items:start!important;width:100%!important;max-width:455px!important;margin-top:0!important}
.sspi-creative-cta{display:inline!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sspi-blue,#0b5f93)!important;font-size:9px!important;font-weight:800!important;line-height:1.35!important;white-space:nowrap!important;justify-self:start!important}
html[data-sspi-theme="dark"] .sspi-creative-cta{background:transparent!important;color:#5fb4e5!important}


/* PI 1.0.22 — Product Cockpit native-resolution hover preview */
.sspi-product-page,
.sspi-product-page .sspi-panel,
.sspi-product-page .sspi-table,
.sspi-product-page #sspi-product-list,
.sspi-product-page .sspi-table-row,
.sspi-product-page .sspi-product-cell{
    overflow:visible!important;
}
.sspi-product-page .sspi-table-row.sspi-product-grid{
    position:relative;
    z-index:1;
}
.sspi-product-page .sspi-table-row.sspi-product-grid:hover{
    z-index:9000;
}
.sspi-product-page .sspi-product-cell{
    position:relative;
    z-index:2;
}
.sspi-product-thumb{
    position:relative;
    display:block;
    flex:0 0 38px;
    width:38px;
    height:38px;
    overflow:visible!important;
    z-index:3;
}
.sspi-product-thumb > .sspi-product-thumb-img{
    width:38px;
    height:38px;
    display:block;
    object-fit:cover;
    background:#fff;
    border-radius:6px;
    transition:box-shadow .16s ease;
}
.sspi-product-thumb:hover > .sspi-product-thumb-img{
    box-shadow:0 0 0 2px var(--sspi-blue);
}
.sspi-product-highres{
    display:block;
    position:absolute;
    left:54px;
    top:50%;
    width:auto!important;
    height:auto!important;
    max-width:min(430px,34vw)!important;
    max-height:min(620px,72vh)!important;
    object-fit:contain!important;
    border-radius:8px;
    border:1px solid rgba(6,40,68,.18);
    background:#fff;
    box-shadow:0 28px 90px rgba(6,40,68,.34);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-50%) translateX(-8px)!important;
    transition:opacity .16s ease, transform .18s cubic-bezier(.2,.8,.2,1), visibility 0s linear .18s;
    z-index:99999;
    image-rendering:auto;
}
.sspi-product-thumb:hover > .sspi-product-highres{
    opacity:1;
    visibility:visible;
    transform:translateY(-50%) translateX(0)!important;
    transition:opacity .16s ease, transform .18s cubic-bezier(.2,.8,.2,1), visibility 0s;
}
html[data-sspi-theme="dark"] .sspi-product-highres{
    background:#071b2b;
    border-color:rgba(255,255,255,.14);
    box-shadow:0 30px 96px rgba(0,0,0,.62);
}
@media(max-width:1200px){
    .sspi-product-highres{max-width:min(400px,46vw)!important;max-height:68vh!important}
}


/* BCC 4.2.76 — scalable cockpit pagination */
.sspi-cockpit-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 18px;border-top:1px solid var(--sspi-line,#dce5eb);font-size:12px;color:var(--sspi-muted,#708292);background:var(--sspi-card,#fff)}
.sspi-cockpit-pagination button{width:32px;height:32px;border:1px solid var(--sspi-line,#dce5eb);background:transparent;color:var(--sspi-blue,#063c60);font-size:20px;line-height:1;cursor:pointer;border-radius:3px}
.sspi-cockpit-pagination button:disabled{opacity:.3;cursor:default}
html[data-sspi-theme="dark"] .sspi-cockpit-pagination{background:transparent}


/* PI 1.0.25 — contained horizontal tables + sticky headers across PI */
.sspi-table-scroll{
    width:100%;
    max-width:100%;
    overflow-x:auto!important;
    overflow-y:visible!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    position:relative;
    scrollbar-gutter:stable;
}
.sspi-table-scroll > .sspi-table-head,
.sspi-table-scroll > [id$="-list"],
.sspi-table-scroll > .sspi-cockpit-pagination{
    min-width:max-content;
}
.sspi-panel.sspi-has-table-scroll{
    overflow:hidden!important;
}
.sspi-product-page .sspi-panel.sspi-cockpit-panel,
.sspi-creative-page .sspi-panel.sspi-cockpit-panel{
    overflow:hidden!important;
}
.sspi-product-page .sspi-table-scroll,
.sspi-creative-page .sspi-table-scroll,
.sspi-meta-page .sspi-table-scroll,
.sspi-performance-log .sspi-table-scroll{
    overflow-x:auto!important;
}
.sspi-sticky-table-head{
    position:fixed;
    z-index:10050;
    display:none;
    overflow:hidden;
    pointer-events:auto;
    box-shadow:0 8px 18px rgba(7,37,61,.12);
}
.sspi-sticky-table-head.is-visible{display:block}
.sspi-sticky-table-head .sspi-table-head{
    margin:0!important;
    border-radius:0!important;
    will-change:transform;
}
html[data-sspi-theme="dark"] .sspi-sticky-table-head{
    box-shadow:0 10px 24px rgba(0,0,0,.34);
}
.sspi-an-table thead th{
    position:sticky;
    top:0;
    z-index:6;
    background:var(--sspi-card,#fff);
}
html[data-sspi-theme="dark"] .sspi-an-table thead th{
    background:#0b1d30;
}
@media(max-width:900px){
    .sspi-sticky-table-head{display:none!important}
}


/* PI 1.0.26 — sticky overflow isolation + admin-managed provider credentials */
.sspi-sticky-table-head{
    overflow:hidden!important;
    contain:paint;
    background:var(--sspi-blue,#063c60);
}
.sspi-sticky-table-head .sspi-table-head{
    max-width:none!important;
    overflow:visible!important;
}
.sspi-provider-credentials-panel{overflow:hidden!important}
.sspi-privacy-badge{
    display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;
    background:rgba(0,184,148,.09);color:#009c7b;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
}
.sspi-credential-list{display:flex;flex-direction:column}
.sspi-credential-row{
    display:grid;grid-template-columns:minmax(300px,1fr) 110px 86px 86px;gap:10px;align-items:end;
    padding:14px 18px;border-top:1px solid var(--sspi-line,#dce5eb);
}
.sspi-credential-row:first-child{border-top:0}
.sspi-credential-row label{display:flex;flex-direction:column;gap:6px;min-width:0}
.sspi-credential-row label>span{font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--sspi-muted,#708292)}
.sspi-credential-input{width:100%;min-width:0;box-sizing:border-box}
.sspi-credential-input:disabled{opacity:1;cursor:not-allowed;background:rgba(111,130,146,.06);color:var(--sspi-muted,#708292)}
.sspi-credential-state{align-self:center;font-size:10px;font-weight:700;color:var(--sspi-muted,#708292)}
.sspi-credential-state.is-ready{color:#009c7b}
.sspi-credential-row .sspi-button{min-width:78px;white-space:nowrap}
html[data-sspi-theme="dark"] .sspi-credential-input:disabled{background:rgba(255,255,255,.04)}
@media(max-width:900px){
    .sspi-credential-row{grid-template-columns:1fr 1fr;align-items:end}
    .sspi-credential-row label{grid-column:1/-1}
    .sspi-credential-state{grid-column:1/-1}
}


/* PI 1.0.27 — hard sticky clipping + one-row grid preservation */
.sspi-sticky-table-head{
    overflow:hidden!important;
    clip-path:inset(0)!important;
    isolation:isolate;
}
.sspi-sticky-table-head>.sspi-table-head{
    grid-auto-flow:column!important;
    grid-auto-rows:0!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
}


/* PI 1.0.29 — Product Cockpit: horizontal-only scroller, panel expands to the 20-row page */
.sspi-product-page .sspi-table-scroll{
    height:auto!important;
    max-height:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-gutter:auto!important;
}
.sspi-product-page #sspi-product-list{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
}
.sspi-product-page .sspi-panel.sspi-cockpit-panel{
    height:auto!important;
    max-height:none!important;
}


/* PI 1.0.30 — Meta + Creative cockpit grid integrity and container fit */
/* Every header and every row uses the exact same explicit track definition.
   The table is at least as wide as the panel, and only grows past it when
   the content really needs horizontal scrolling. */
.sspi-meta-page .sspi-table-scroll,
.sspi-creative-page .sspi-table-scroll{
    height:auto!important;
    max-height:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-gutter:auto!important;
}
.sspi-meta-page #sspi-ads-list,
.sspi-creative-page #sspi-creative-list{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
}
.sspi-meta-page .sspi-panel,
.sspi-creative-page .sspi-panel.sspi-cockpit-panel{
    height:auto!important;
    max-height:none!important;
}

/* Performance Pubblicitaria: 11 columns, one shared width for head/rows/total. */
.sspi-meta-page .sspi-ads-grid{
    grid-template-columns:
        110px
        minmax(210px,1.35fr)
        minmax(190px,1.10fr)
        minmax(190px,1.10fr)
        105px 90px 90px 90px 105px 90px 90px!important;
    width:max(100%,1450px)!important;
    min-width:1450px!important;
    box-sizing:border-box!important;
}

/* Cockpit Creatività: template has 11 cells; previous CSS only defined 10 tracks. */
.sspi-creative-page .sspi-creative-grid{
    grid-template-columns:
        minmax(330px,1.55fr)
        minmax(470px,2.20fr)
        82px
        82px
        100px
        125px
        110px
        105px
        90px
        125px
        95px!important;
    width:max(100%,1800px)!important;
    min-width:1800px!important;
    box-sizing:border-box!important;
}

/* Prevent any individual metric from forcing a different implicit track. */
.sspi-meta-page .sspi-ads-grid > *,
.sspi-creative-page .sspi-creative-grid > *{
    min-width:0!important;
    box-sizing:border-box!important;
}

/* PI 1.0.31 — final responsive table-track fit.
   The grid owns exactly the width of its scroll viewport; explicit min tracks
   create horizontal overflow only when the viewport is genuinely narrower. */
.sspi-meta-page .sspi-ads-grid,
.sspi-creative-page .sspi-creative-grid{
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
}
.sspi-meta-page .sspi-ads-grid{
    grid-template-columns:
        minmax(90px,.70fr)
        minmax(180px,1.35fr)
        minmax(150px,1.10fr)
        minmax(150px,1.10fr)
        minmax(78px,.72fr)
        minmax(64px,.55fr)
        minmax(64px,.55fr)
        minmax(70px,.60fr)
        minmax(82px,.72fr)
        minmax(68px,.60fr)
        minmax(72px,.62fr)!important;
}
.sspi-creative-page .sspi-creative-grid{
    grid-template-columns:
        minmax(300px,1.55fr)
        minmax(420px,2.20fr)
        minmax(68px,.55fr)
        minmax(68px,.55fr)
        minmax(82px,.70fr)
        minmax(105px,.88fr)
        minmax(92px,.76fr)
        minmax(88px,.72fr)
        minmax(72px,.60fr)
        minmax(105px,.86fr)
        minmax(82px,.68fr)!important;
}
.sspi-meta-page .sspi-table-scroll > .sspi-table-head,
.sspi-meta-page .sspi-table-scroll > #sspi-ads-list,
.sspi-creative-page .sspi-table-scroll > .sspi-table-head,
.sspi-creative-page .sspi-table-scroll > #sspi-creative-list{
    min-width:100%!important;
    width:100%!important;
}


/* PI 1.0.32 — single shared canvas for wide Meta/Creative tables */
.sspi-meta-page .sspi-table-scroll,
.sspi-creative-page .sspi-table-scroll{
  width:100%!important;max-width:100%!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  position:relative!important;
}
.sspi-meta-page .sspi-table-scroll > .sspi-table-head,
.sspi-meta-page .sspi-table-scroll > #sspi-ads-list,
.sspi-creative-page .sspi-table-scroll > .sspi-table-head,
.sspi-creative-page .sspi-table-scroll > #sspi-creative-list{
  max-width:none!important;box-sizing:border-box!important;
}
.sspi-meta-page #sspi-ads-list > .sspi-table-row,
.sspi-creative-page #sspi-creative-list > .sspi-table-row{
  width:100%!important;max-width:none!important;box-sizing:border-box!important;
}
.sspi-meta-page .sspi-ads-grid,
.sspi-creative-page .sspi-creative-grid{margin-left:0!important;margin-right:0!important}

/* PI 1.0.33 — resize-safe full-width table heading canvas */
.sspi-meta-page .sspi-table-scroll > .sspi-table-head,
.sspi-creative-page .sspi-table-scroll > .sspi-table-head{
    align-self:stretch!important;
    max-width:none!important;
    flex:none!important;
}
.sspi-meta-page .sspi-table-scroll,
.sspi-creative-page .sspi-table-scroll{
    box-sizing:border-box!important;
    min-width:0!important;
}
.sspi-sticky-table-head{
    box-sizing:border-box!important;
    max-width:none!important;
}
.sspi-sticky-table-head > .sspi-table-head{
    box-sizing:border-box!important;
    max-width:none!important;
}


/* PI 1.0.34 — sticky header keeps the original page-scoped table grid after resize.
   The fixed clone lives under <body>; scope classes are mirrored by JS so product,
   creative and Meta header tracks remain identical to their source rows. */
.sspi-sticky-table-head.sspi-product-page > .sspi-product-grid,
.sspi-sticky-table-head.sspi-creative-page > .sspi-creative-grid,
.sspi-sticky-table-head.sspi-meta-page > .sspi-ads-grid{
    max-width:none!important;
    box-sizing:border-box!important;
}


/* PI 1.0.35 — Creative Cockpit: true full-width responsive canvas + header-safe sticky. */
@media(min-width:901px){
    /* Keep the application header as the permanent top boundary for cockpit stickies. */
    .sspi-shell-header{
        position:sticky!important;
        top:0!important;
        z-index:10060!important;
        width:100%!important;
        box-sizing:border-box!important;
        background:#fff!important;
    }
    html[data-sspi-theme="dark"] .sspi-shell-header{
        background:var(--sspi-shell,#0d1424)!important;
    }
}

/* The scroll viewport always occupies the complete cockpit panel after every resize. */
.sspi-creative-page .sspi-table-scroll{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
}

/* One deterministic canvas: fill the viewport when it is wide enough, otherwise
   preserve the readable 1880px table and expose horizontal scrolling. */
.sspi-creative-page .sspi-table-scroll > .sspi-table-head,
.sspi-creative-page .sspi-table-scroll > #sspi-creative-list{
    width:max(100%, 1880px)!important;
    min-width:1880px!important;
    max-width:none!important;
    box-sizing:border-box!important;
}
.sspi-creative-page #sspi-creative-list > .sspi-table-row{
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
}

/* Sticky clone uses the same canvas and is clipped only by its viewport. */
.sspi-sticky-table-head.sspi-creative-page{
    box-sizing:border-box!important;
    overflow:hidden!important;
}
.sspi-sticky-table-head.sspi-creative-page > .sspi-creative-grid{
    min-width:1880px!important;
    max-width:none!important;
    box-sizing:border-box!important;
}

/* PI 1.0.36 — Creative Cockpit sticky header vertical integrity.
   Legacy generic sticky rules forced grid-auto-rows:0, which clipped the labels
   against the upper edge once the clone was positioned below the shell header. */
.sspi-sticky-table-head.sspi-creative-page > .sspi-table-head.sspi-creative-grid{
    grid-auto-flow:row!important;
    grid-auto-rows:auto!important;
    align-items:center!important;
    min-height:44px!important;
    height:44px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    line-height:1.2!important;
    overflow:visible!important;
}
.sspi-sticky-table-head.sspi-creative-page > .sspi-table-head.sspi-creative-grid > *{
    align-self:center!important;
    min-height:0!important;
    overflow:visible!important;
}


/* PI 1.0.37 — extend the proven Creative sticky-header integrity to Product + Analisi.
   Product and Meta/Analisi clones inherit legacy grid-auto-rows:0 from the generic
   sticky rule; restore the real header row so labels sit completely below the shell. */
.sspi-sticky-table-head.sspi-product-page > .sspi-table-head.sspi-product-grid,
.sspi-sticky-table-head.sspi-meta-page > .sspi-table-head.sspi-ads-grid{
    grid-auto-flow:row!important;
    grid-auto-rows:auto!important;
    align-items:center!important;
    min-height:44px!important;
    height:44px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    line-height:1.2!important;
    overflow:visible!important;
}
.sspi-sticky-table-head.sspi-product-page > .sspi-table-head.sspi-product-grid > *,
.sspi-sticky-table-head.sspi-meta-page > .sspi-table-head.sspi-ads-grid > *{
    align-self:center!important;
    min-height:0!important;
    overflow:visible!important;
}


/* PI 1.0.40 — wide-table canvas integrity.
   The painted header box must own the complete horizontal canvas, including
   explicit grid gaps/padding, so the blue band never ends before the last column. */
.sspi-product-page .sspi-product-grid,
.sspi-creative-page .sspi-creative-grid,
.sspi-meta-page .sspi-ads-grid{
    box-sizing:border-box!important;
}
.sspi-table-scroll > .sspi-table-head{
    background-color:var(--sspi-blue)!important;
    background-clip:border-box!important;
}
.sspi-sticky-table-head > .sspi-table-head{
    background-color:var(--sspi-blue)!important;
    background-clip:border-box!important;
}


/* PI 1.0.42 — Dashboard Daily Performance sticky/header canvas fix.
   Daily Performance uses the same real one-row sticky geometry as the proven
   Product / Creative / Analisi cockpits. Keep the blue source canvas and the
   fixed clone on exactly the same width while preserving horizontal scrolling. */
.sspi-control-room .sspi-performance-log{
    overflow:hidden!important;
}
.sspi-control-room .sspi-performance-log .sspi-table-scroll{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    box-sizing:border-box!important;
}
.sspi-control-room .sspi-performance-log .sspi-table-scroll > .sspi-table-head,
.sspi-control-room .sspi-performance-log .sspi-table-scroll > #sspi-daily-list{
    width:max(100%, 1430px)!important;
    min-width:1430px!important;
    max-width:none!important;
    box-sizing:border-box!important;
}
.sspi-control-room .sspi-performance-log #sspi-daily-list > .sspi-table-row{
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
}
.sspi-control-room .sspi-performance-log .sspi-table-head.sspi-log-grid{
    background-color:var(--sspi-blue)!important;
    background-clip:border-box!important;
    box-sizing:border-box!important;
}
.sspi-sticky-table-head.sspi-control-room > .sspi-table-head.sspi-log-grid{
    display:grid!important;
    grid-template-columns:78px 98px 92px 108px 72px 48px 54px 58px 92px 86px 92px 72px 56px 92px 86px 78px!important;
    grid-auto-flow:row!important;
    grid-auto-rows:auto!important;
    align-items:center!important;
    min-height:44px!important;
    height:44px!important;
    padding:0 18px!important;
    gap:12px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:visible!important;
    min-width:1430px!important;
    max-width:none!important;
    box-sizing:border-box!important;
    background-color:var(--sspi-blue)!important;
    background-clip:border-box!important;
}
.sspi-sticky-table-head.sspi-control-room > .sspi-table-head.sspi-log-grid > *{
    align-self:center!important;
    min-height:0!important;
    line-height:1.2!important;
    overflow:visible!important;
}

/* PI 1.0.43 — Daily Performance sticky typography parity.
   The fixed clone lives outside .sspi-performance-log, so the desktop 8px rule
   did not reach it and it jumped back to the global 9px table-head size. */
@media(min-width:1201px){
    .sspi-sticky-table-head.sspi-control-room > .sspi-table-head.sspi-log-grid,
    .sspi-sticky-table-head.sspi-control-room > .sspi-table-head.sspi-log-grid > *{
        font-size:8px!important;
        letter-spacing:.025em!important;
    }
}


/* PI 1.0.44 — mobile wide-table sticky parity + Meta canvas integrity. */
@media(max-width:900px){
    /* The application header is the permanent top boundary on mobile too. */
    .sspi-shell-header{
        position:sticky!important;
        top:0!important;
        z-index:10060!important;
        width:100%!important;
        box-sizing:border-box!important;
        background:#fff!important;
    }
    html[data-sspi-theme="dark"] .sspi-shell-header{
        background:var(--sspi-shell,#0d1424)!important;
    }
    /* Re-enable fixed cloned table heads on mobile. */
    .sspi-sticky-table-head{
        display:none;
        z-index:10050!important;
    }
    .sspi-sticky-table-head.is-visible{display:block!important}
}

/* Performance Pubblicitaria must own the complete horizontal canvas at every viewport. */
.sspi-meta-page .sspi-table-scroll > .sspi-table-head.sspi-ads-grid,
.sspi-meta-page .sspi-table-scroll > #sspi-ads-list{
    width:max(100%, 1420px)!important;
    min-width:1420px!important;
    max-width:none!important;
    box-sizing:border-box!important;
}
.sspi-meta-page #sspi-ads-list > .sspi-table-row.sspi-ads-grid{
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
}
.sspi-sticky-table-head.sspi-meta-page > .sspi-table-head.sspi-ads-grid{
    min-width:1420px!important;
    max-width:none!important;
    background-color:var(--sspi-blue)!important;
    background-clip:border-box!important;
}

/* Mobile sticky clones keep the same row geometry and typography as their sources. */
@media(max-width:900px){
    .sspi-sticky-table-head.sspi-creative-page > .sspi-table-head.sspi-creative-grid,
    .sspi-sticky-table-head.sspi-product-page > .sspi-table-head.sspi-product-grid,
    .sspi-sticky-table-head.sspi-meta-page > .sspi-table-head.sspi-ads-grid,
    .sspi-sticky-table-head.sspi-control-room > .sspi-table-head.sspi-log-grid{
        grid-auto-flow:row!important;
        grid-auto-rows:auto!important;
        align-items:center!important;
        min-height:44px!important;
        height:44px!important;
        padding-top:0!important;
        padding-bottom:0!important;
        line-height:1.2!important;
        overflow:visible!important;
    }
    .sspi-sticky-table-head.sspi-creative-page > .sspi-table-head.sspi-creative-grid > *,
    .sspi-sticky-table-head.sspi-product-page > .sspi-table-head.sspi-product-grid > *,
    .sspi-sticky-table-head.sspi-meta-page > .sspi-table-head.sspi-ads-grid > *,
    .sspi-sticky-table-head.sspi-control-room > .sspi-table-head.sspi-log-grid > *{
        align-self:center!important;
        min-height:0!important;
        line-height:1.2!important;
        overflow:visible!important;
    }
}


/* PI 1.0.45 — mobile drawer z-index isolation above sticky cockpit/content headers. */
@media (max-width:900px){
  .sspi-mobile-menu,
  .sspi-mobile-menu.is-open{
    z-index:2147483000!important;
    isolation:isolate;
  }
  .sspi-mobile-menu__panel{
    position:relative;
    z-index:1;
  }
  html.sspi-menu-open,
  html.sspi-menu-open body{
    overflow:hidden!important;
  }
}



/* PI 1.0.50 — dashboard averages + daily POAS + creative Meta hierarchy */
.sspi-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.sspi-chart-head>div:first-child{min-width:0}
.sspi-chart-averages{display:grid;gap:5px;flex:0 0 auto;margin-top:-2px}
.sspi-chart-averages>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border:1px solid #d9e4ef;border-radius:7px;padding:4px 7px;min-width:150px;background:#fff}
.sspi-chart-averages span{font-size:9px;color:var(--sspi-muted);white-space:nowrap}
.sspi-chart-averages strong{font-size:13px;color:#006fbe;white-space:nowrap}
.sspi-creative-hierarchy{display:grid!important;gap:3px;margin:0!important;line-height:1.25!important;color:var(--sspi-muted)!important;font-size:9px!important}
.sspi-creative-hierarchy span{display:block}
.sspi-creative-hierarchy b{font-weight:500}
.sspi-creative-hierarchy .sspi-creative-ad,.sspi-creative-hierarchy .sspi-creative-ad b{color:#006fbe!important;font-weight:700!important}
@media(max-width:782px){.sspi-chart-head{gap:8px}.sspi-chart-averages{width:138px}.sspi-chart-averages>div{min-width:0;padding:3px 6px;gap:5px}.sspi-chart-averages span{font-size:8px}.sspi-chart-averages strong{font-size:11px}}

/* Shopify standalone 1.5 compatibility layer */
html,body{margin:0;padding:0;background:#f4f7f9}.sspi-standalone .sspi-suite-rail{top:0!important;height:100vh!important}.sspi-standalone .sspi-app{min-height:100vh}.sspi-standalone .sspi-shell-header{top:0!important}.sspi-suite-version{position:absolute;left:16px;bottom:14px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#6f8395}.pi-settings-standalone{padding:24px 28px 48px}.pi-connectors{display:grid;gap:16px}.pi-card{background:#fff;border:1px solid var(--sspi-line);border-radius:12px;overflow:hidden}.pi-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid var(--sspi-line)}.pi-card-head h2,.pi-section-title h2{margin:2px 0 4px;color:var(--sspi-blue);font-size:16px}.pi-card-head p,.pi-section-title p{margin:0;color:var(--sspi-muted);font-size:11px}.pi-eyebrow{display:block;color:var(--sspi-muted);font-size:8px;font-weight:800;letter-spacing:.12em}.pi-badge{border:1px solid var(--sspi-line);padding:6px 9px;color:var(--sspi-muted);font-size:8px;font-weight:800;letter-spacing:.12em}.pi-badge.is-on{border-color:#18c58f;color:#078f69}.pi-form{padding:18px 20px}.pi-form label{display:flex;flex-direction:column;gap:7px;color:var(--sspi-muted);font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.pi-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pi-form>label,.pi-form>.pi-cols{margin-bottom:14px}.pi-form input,.pi-form select,.pi-inline-picker select,.pi-add-grid input,.pi-add-grid select{width:100%;height:40px;border:1px solid var(--sspi-line);padding:0 11px;background:#fff;box-sizing:border-box}.pi-actions{display:flex;gap:9px;align-items:center}.pi-actions .sspi-button{display:inline-flex;align-items:center;text-decoration:none}.pi-inline-picker{display:grid;grid-template-columns:1fr auto;gap:10px;padding:0 20px 18px}.pi-selected{margin:0 20px 18px;padding:12px 14px;border-left:3px solid #18c58f;background:#f6f9fa;color:var(--sspi-muted);font-size:10px}.pi-selected strong{display:block;color:var(--sspi-blue);font-size:11px;margin-top:2px}.pi-google-pickers{padding:0 20px 18px}.pi-google-pickers>div{border:1px solid var(--sspi-line);padding:14px}.pi-google-pickers p{margin:5px 0 10px;color:var(--sspi-blue)}.pi-economic{margin-top:22px}.pi-section-title{margin:0 0 12px}.pi-cost-grid{grid-template-columns:minmax(220px,1.5fr) minmax(150px,.7fr) 140px 140px 110px}.pi-payment-grid{grid-template-columns:minmax(200px,1.2fr) 100px 110px 140px 140px 110px}.pi-shipping-grid{grid-template-columns:180px 180px 140px 140px 110px}.pi-economic-row{display:grid;gap:12px;align-items:center;min-height:54px;padding:0 18px;border-bottom:1px solid #edf1f3;color:#53616b;font-size:11px}.pi-economic-row:last-child{border-bottom:0}.pi-cost-grid.pi-economic-row{grid-template-columns:minmax(220px,1.5fr) minmax(150px,.7fr) 140px 140px 110px}.pi-payment-grid.pi-economic-row{grid-template-columns:minmax(200px,1.2fr) 100px 110px 140px 140px 110px}.pi-shipping-grid.pi-economic-row{grid-template-columns:180px 180px 140px 140px 110px}.pi-add-grid{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(150px,.7fr) 140px 140px 110px;gap:12px;padding:18px}.pi-add-grid-6{grid-template-columns:minmax(200px,1.2fr) 100px 110px 140px 140px 110px}.pi-msg{grid-column:1/-1;padding:12px 14px;border:1px solid #18c58f;background:#effcf8;color:#0a6d54;font-size:11px}.pi-msg.is-error{border-color:#ff9e9e;background:#fff2f2;color:#a43d3d}.pi-delete{height:32px;border:1px solid var(--sspi-line);background:#f4f7f9;color:#42576a;font-size:10px;font-weight:700;cursor:pointer}.pi-history-note{padding:10px 18px;color:var(--sspi-muted);font-size:10px;background:#f7f9fa;border-top:1px solid var(--sspi-line)}
html[data-sspi-theme="dark"] body{background:#08172b}html[data-sspi-theme="dark"] .pi-card,html[data-sspi-theme="dark"] .pi-settings-standalone,html[data-sspi-theme="dark"] .pi-google-pickers>div{background:#0d1c31;border-color:#31445b;color:#f5f8fb}html[data-sspi-theme="dark"] .pi-card-head{border-color:#31445b}html[data-sspi-theme="dark"] .pi-form input,html[data-sspi-theme="dark"] .pi-form select,html[data-sspi-theme="dark"] .pi-inline-picker select,html[data-sspi-theme="dark"] .pi-add-grid input,html[data-sspi-theme="dark"] .pi-add-grid select{background:#101f34;border-color:#31445b;color:#f5f8fb}html[data-sspi-theme="dark"] .pi-selected,html[data-sspi-theme="dark"] .pi-history-note{background:#101f34;border-color:#31445b}html[data-sspi-theme="dark"] .pi-economic-row{border-color:#24364c;color:#c7d1da}
@media(max-width:1100px){.pi-cols{grid-template-columns:1fr}.pi-cost-grid,.pi-payment-grid,.pi-shipping-grid{min-width:860px}.pi-economic .sspi-panel{overflow-x:auto}.pi-add-grid,.pi-add-grid-6{min-width:860px}.pi-economic-row{min-width:824px}}@media(max-width:782px){.pi-settings-standalone{padding:18px 14px 36px}.pi-card-head{padding:16px}.pi-form{padding:16px}.pi-inline-picker{grid-template-columns:1fr;padding:0 16px 16px}.pi-google-pickers{grid-template-columns:1fr;padding:0 16px 16px}.pi-actions{flex-wrap:wrap}}