/* Client Zero | Black Piano Shadow — isolated preview adaptation, 2026-10-08.
   Preserves the authenticated presentation, data origins and the approved Overview. */
#presentation .dd-surface.dd-view-shadow{
 --bp-steel:#d9dde4;--bp-muted:#929ba7;--bp-line:rgba(216,222,231,.12);
 --bp-deep:#06080b;--bp-surface:#0b0e12;--bp-emerald:#62b9b0;
 color:#e2e6ec;
}
#presentation .dd-view-shadow .dd-bp-shadow-lead{
 position:relative;isolation:isolate;overflow:hidden;
 border:1px solid rgba(224,229,236,.13);border-radius:19px;
 background:radial-gradient(ellipse at 88% 10%,rgba(118,133,153,.12),transparent 38%),linear-gradient(115deg,#0b0e12 0%,#06080b 58%,#0e1217 100%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 25px 65px rgba(0,0,0,.22);
 padding:28px 30px 24px;margin:10px 0 14px;
}
#presentation .dd-view-shadow .dd-bp-shadow-lead:after{
 position:absolute;content:'';inset:0;pointer-events:none;
 background:linear-gradient(105deg,transparent 10%,rgba(232,235,241,.027) 40%,transparent 43%);
}
#presentation .dd-view-shadow .dd-bp-shadow-topline,
#presentation .dd-view-shadow .dd-bp-shadow-heading,
#presentation .dd-view-shadow .dd-bp-shadow-steps{
 position:relative;z-index:1;
}
#presentation .dd-view-shadow .dd-bp-shadow-topline{
 display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;
}
#presentation .dd-view-shadow .dd-bp-shadow-kicker{
 display:block;color:#aeb6c2;font-size:10px;font-weight:700;letter-spacing:.18em;line-height:1.4;
}
#presentation .dd-view-shadow .dd-bp-shadow-kicker>span{color:#69717f;margin:0 9px}
#presentation .dd-view-shadow .dd-bp-shadow-live{
 display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
 border:1px solid rgba(215,219,225,.13);border-radius:99px;
 padding:6px 11px;font-size:10px;letter-spacing:.02em;color:#abb3be;background:rgba(255,255,255,.025);
}
#presentation .dd-view-shadow .dd-bp-shadow-live i{
 width:7px;height:7px;border-radius:50%;background:#cdd3d9;display:block;
}
#presentation .dd-view-shadow .dd-bp-shadow-live.is-on{color:#a4d6cf;border-color:rgba(98,185,176,.22)}
#presentation .dd-view-shadow .dd-bp-shadow-live.is-on i{background:var(--bp-emerald);box-shadow:0 0 10px rgba(98,185,176,.28)}
#presentation .dd-view-shadow .dd-bp-shadow-heading{
 display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:132px;
}
#presentation .dd-view-shadow .dd-bp-shadow-heading>div:first-child{max-width:660px;min-width:0}
#presentation .dd-view-shadow .dd-bp-shadow-heading h1{
 font:600 clamp(30px,3.3cqw,52px)/1.08 DDInter,Inter,Arial,sans-serif!important;
 letter-spacing:-.045em!important;color:#d9dde4!important;
 background:linear-gradient(160deg,#f4f6f8 5%,#aeb8c4 55%,#d6dae1 82%);
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
#presentation .dd-view-shadow .dd-bp-shadow-heading p{
 max-width:580px;font-size:clamp(12px,1.05cqw,15px);line-height:1.62;color:#929ba7;margin-top:12px;
}
#presentation .dd-view-shadow .dd-bp-shadow-orbit{
 position:relative;flex:0 0 158px;height:130px;opacity:.82;
 filter:drop-shadow(0 8px 18px rgba(0,0,0,.4));
}
#presentation .dd-view-shadow .dd-bp-shadow-orbit i{
 position:absolute;display:block;width:110px;height:110px;
 top:10px;left:24px;border-radius:50%;border:1px solid rgba(200,214,228,.25);
 box-shadow:inset 0 1px 1px rgba(255,255,255,.06);
}
#presentation .dd-view-shadow .dd-bp-shadow-orbit i:nth-child(2){transform:scaleX(.46) rotate(33deg);border-color:rgba(156,175,197,.34)}
#presentation .dd-view-shadow .dd-bp-shadow-orbit i:nth-child(3){transform:scaleX(.46) rotate(-33deg);border-color:rgba(199,202,220,.25)}
#presentation .dd-view-shadow .dd-bp-shadow-orbit b{
 position:absolute;width:29px;height:29px;top:51px;left:65px;border-radius:50%;
 background:radial-gradient(circle at 40% 36%,#e1e5e9,#667481 63%,#202d35 84%);
 box-shadow:0 0 24px rgba(190,203,221,.08);
}
#presentation .dd-view-shadow .dd-bp-shadow-steps{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;
 border-top:1px solid rgba(223,228,234,.09);
 margin-top:12px;padding-top:17px;
}
#presentation .dd-view-shadow .dd-bp-shadow-steps>div{
 display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;
 padding:4px 14px 8px 0;
}
#presentation .dd-view-shadow .dd-bp-shadow-steps>div+div{
 border-left:1px solid rgba(223,228,234,.07);padding-left:15px;
}
#presentation .dd-view-shadow .dd-bp-shadow-steps span{color:#75808e;font-size:10px;font-variant-numeric:tabular-nums}
#presentation .dd-view-shadow .dd-bp-shadow-steps strong{color:#d0d6df;font-size:12px;font-weight:550}
#presentation .dd-view-shadow .dd-bp-shadow-steps small{display:block;flex-basis:100%;padding-left:21px;color:#8c97a4;font-size:10px}
#presentation .dd-view-shadow .dd-bp-shadow-engine-note{
 grid-column:1/-1;color:#8c97a4!important;
 padding:8px 0 0!important;border-top:1px solid rgba(218,223,231,.065);
 font-size:11px!important;line-height:1.5;
}
#presentation .dd-view-shadow .dd-bp-shadow-stats{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px;
}
#presentation .dd-view-shadow .dd-bp-shadow-stat{
 position:relative;display:flex;min-width:0;min-height:134px;flex-direction:column;
 text-decoration:none;padding:17px 19px;
 border:1px solid var(--bp-line);border-radius:16px;
 background:linear-gradient(145deg,rgba(29,33,40,.71),rgba(8,10,13,.95));
 box-shadow:inset 0 1px rgba(255,255,255,.045);
 transition:border-color .16s ease,transform .16s ease;
}
#presentation .dd-view-shadow .dd-bp-shadow-stat:hover{border-color:rgba(214,222,234,.3);transform:translateY(-1px)}
#presentation .dd-view-shadow .dd-bp-shadow-stat-label{
 color:#9ca6b3;font-size:11px;line-height:1.35;letter-spacing:.015em;
}
#presentation .dd-view-shadow .dd-bp-shadow-stat-value{
 margin:12px 0 7px;font-size:clamp(19px,2.25cqw,33px);
 font-weight:570;letter-spacing:-.045em;line-height:1.1;color:#d8dde4;
 overflow-wrap:anywhere;
}
#presentation .dd-view-shadow .dd-bp-shadow-stat small{font-size:10px;color:#7f8998;line-height:1.4}
#presentation .dd-view-shadow .dd-bp-shadow-stat-arrow{position:absolute;top:14px;right:15px;color:#909ba9;font-size:16px}
#presentation .dd-view-shadow .dd-tabs{
 height:auto!important;min-height:52px;margin:0 0 21px!important;
 padding:0 2px;gap:26px!important;border-bottom:1px solid rgba(220,226,236,.1)!important;
}
#presentation .dd-view-shadow .dd-tabs a{
 padding:13px 4px!important;font-size:12px!important;line-height:1.5!important;
 color:#aeb5be!important;border:0!important;position:relative;
}
#presentation .dd-view-shadow .dd-tabs a[aria-current]{
 color:#e6eaef!important;
}
#presentation .dd-view-shadow .dd-tabs a[aria-current]:after{
 position:absolute;content:'';height:2px;left:0;right:0;bottom:-1px;
 border:0;border-radius:2px;background:linear-gradient(90deg,#8997a8,#d2d9e3);
}
#presentation .dd-view-shadow .dd-shadow-grid{
 display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(290px,.85fr)!important;
 gap:16px!important;align-items:start;
}
#presentation .dd-view-shadow .dd-shadow-main>.dd-hero{display:none!important}
#presentation .dd-view-shadow .dd-bp-shadow-radar{
 display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
 padding:4px 0 17px;margin:0;
}
#presentation .dd-view-shadow .dd-bp-shadow-radar h2{
 color:#dce1e8;font-size:clamp(18px,1.8cqw,25px);font-weight:570;letter-spacing:-.035em;margin:6px 0!important;
}
#presentation .dd-view-shadow .dd-bp-shadow-radar p{font-size:11px;line-height:1.5;color:#939ca8;max-width:570px}
#presentation .dd-view-shadow .dd-bp-shadow-radar>a,
#presentation .dd-view-shadow .dd-bp-shadow-ledger-head>a{
 font-size:11px;white-space:nowrap;text-decoration:none;color:#c5d0dc;
 border-bottom:1px solid rgba(207,214,223,.32);padding-bottom:4px;
}
#presentation .dd-view-shadow .dd-bp-shadow-radar>a:hover,
#presentation .dd-view-shadow .dd-bp-shadow-ledger-head>a:hover{color:#fff}
#presentation .dd-view-shadow .dd-card{
 border:1px solid rgba(218,223,232,.12)!important;
 border-radius:18px!important;
 background:linear-gradient(145deg,#11151a,#07090d 75%)!important;
 box-shadow:inset 0 1px 0 rgba(243,247,255,.045),0 20px 45px rgba(0,0,0,.14)!important;
}
#presentation .dd-view-shadow .dd-insights-card{padding:23px 22px!important}
#presentation .dd-view-shadow .dd-insights-card .dd-insight-title{
 margin-bottom:18px!important;font-size:clamp(16px,1.7cqw,22px);color:#e0e5eb;font-weight:560;
}
#presentation .dd-view-shadow .dd-insights-card .dd-insight-title .dd-icon{color:#a1b0c1}
#presentation .dd-view-shadow .dd-finding-list button{
 border-radius:11px!important;border:1px solid transparent!important;
 border-bottom-color:rgba(218,225,235,.12)!important;
 background:transparent;color:#d1d8e1;
}
#presentation .dd-view-shadow .dd-finding-list button[aria-pressed=true]{
 background:linear-gradient(100deg,rgba(168,175,193,.11),rgba(22,28,33,.17))!important;
 border-color:rgba(207,218,227,.19)!important;
}
#presentation .dd-view-shadow .dd-finding-list button:hover{background:rgba(255,255,255,.042)!important}
#presentation .dd-view-shadow .dd-finding-list button .dd-icon{color:#9daab9}
#presentation .dd-view-shadow .dd-evidence-detail{border-left-color:rgba(218,225,235,.12)!important}
#presentation .dd-view-shadow .dd-evidence-detail h2{font-weight:550;color:#dce1e7}
#presentation .dd-view-shadow .dd-shadow-card{padding:22px!important}
#presentation .dd-view-shadow .dd-shadow-card>.dd-label{font-size:10px;letter-spacing:.17em;color:#c1c8d1}
#presentation .dd-view-shadow .dd-shadow-card .dd-label .dd-icon{color:#b0bac7}
#presentation .dd-view-shadow .dd-shadow-card .dd-observed,
#presentation .dd-view-shadow .dd-observed{color:#d7dee5;font-weight:530}
#presentation .dd-view-shadow .dd-note{
 background:linear-gradient(135deg,rgba(21,26,33,.9),rgba(9,12,16,.9))!important;
 border-color:rgba(215,224,234,.14)!important;color:#bfc7d2!important;
}
#presentation .dd-view-shadow .dd-note .dd-icon{color:#b3c6d0!important}
#presentation .dd-view-shadow .dd-primary{
 background:linear-gradient(145deg,#3b4654,#191f29)!important;
 border:1px solid rgba(201,210,221,.33)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.13)!important;
 color:#e9edf1!important;
}
#presentation .dd-view-shadow .dd-button{
 background:linear-gradient(145deg,#161d25,#0c1016);
 border-color:rgba(206,218,230,.22);color:#dce1e6;
}
#presentation .dd-view-shadow .dd-button:hover{border-color:rgba(230,236,245,.48)}
#presentation .dd-view-shadow .dd-button:focus-visible,
#presentation .dd-view-shadow .dd-bp-shadow-stat:focus-visible{outline:2px solid #b8c8d6;outline-offset:3px}
#presentation .dd-view-shadow .dd-bp-shadow-ledger{
 margin:20px 0 25px;padding:22px 24px 10px;
 border:1px solid rgba(215,224,232,.12);border-radius:18px;
 background:linear-gradient(150deg,#11151b,#080a0e 70%);
}
#presentation .dd-view-shadow .dd-bp-shadow-ledger-head{
 display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:19px;
}
#presentation .dd-view-shadow .dd-bp-shadow-ledger-head h2{
 font-size:clamp(19px,2cqw,25px);font-weight:570;
 letter-spacing:-.03em;margin:5px 0!important;color:#dbe1e9;
}
#presentation .dd-view-shadow .dd-bp-shadow-ledger-head p{font-size:11px;color:#939fab}
#presentation .dd-view-shadow .dd-bp-shadow-source-table{min-width:0}
#presentation .dd-view-shadow .dd-bp-shadow-source-columns,
#presentation .dd-view-shadow .dd-bp-shadow-source-row{
 display:grid;grid-template-columns:minmax(0,1.2fr) minmax(90px,.9fr) minmax(0,1.3fr) 18px;
 align-items:center;gap:12px;
}
#presentation .dd-view-shadow .dd-bp-shadow-source-columns{
 color:#798493;letter-spacing:.1em;font-weight:600;font-size:9px;
 padding:0 10px 11px;border-bottom:1px solid rgba(218,225,231,.12);
}
#presentation .dd-view-shadow .dd-bp-shadow-source-row{
 text-decoration:none;min-height:68px;padding:9px 10px;
 border-bottom:1px solid rgba(218,225,231,.075);
 transition:background .15s ease;
}
#presentation .dd-view-shadow .dd-bp-shadow-source-row:hover{background:rgba(255,255,255,.035)}
#presentation .dd-view-shadow .dd-bp-shadow-source-name{min-width:0}
#presentation .dd-view-shadow .dd-bp-shadow-source-name strong{
 display:block;color:#dae0e7;font-size:12px;font-weight:600;
 overflow-wrap:anywhere;
}
#presentation .dd-view-shadow .dd-bp-shadow-source-name small{display:block;font-size:10px;color:#83909e;margin-top:3px}
#presentation .dd-view-shadow .dd-bp-shadow-source-state{
 display:inline-flex;align-items:center;gap:7px;min-width:0;font-size:11px;color:#aab2bc;
}
#presentation .dd-view-shadow .dd-bp-shadow-source-state i{
 flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#cdd5dd;
}
#presentation .dd-view-shadow .dd-bp-shadow-source-state.ok i{background:var(--bp-emerald)}
#presentation .dd-view-shadow .dd-bp-shadow-source-read{color:#a0abb8;font-size:11px;overflow-wrap:anywhere}
#presentation .dd-view-shadow .dd-bp-shadow-source-arrow{color:#939dab;text-align:right}
#presentation .dd-view-shadow .dd-bp-shadow-empty{padding:18px;color:#98a2ae;font-size:12px}
#presentation .dd-view-shadow .dd-footer{border-top-color:rgba(216,223,231,.09)}
@container(max-width:1120px){
 #presentation .dd-view-shadow .dd-bp-shadow-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 #presentation .dd-view-shadow .dd-bp-shadow-stat{min-height:124px}
}
@container(max-width:860px){
 #presentation .dd-view-shadow .dd-shadow-grid{grid-template-columns:minmax(0,1fr)!important}
 #presentation .dd-view-shadow .dd-shadow-card{display:block!important}
 #presentation .dd-view-shadow .dd-shadow-card .dd-shadow-eye{width:100%!important;margin:8px 0!important;max-height:195px;object-fit:contain}
}
@media(max-width:760px){
 #presentation .dd-view-shadow .dd-bp-shadow-lead{padding:19px 17px;border-radius:16px}
 #presentation .dd-view-shadow .dd-bp-shadow-heading{min-height:0}
 #presentation .dd-view-shadow .dd-bp-shadow-heading h1{font-size:clamp(27px,7vw,37px)!important}
 #presentation .dd-view-shadow .dd-bp-shadow-heading p{font-size:12px}
 #presentation .dd-view-shadow .dd-bp-shadow-orbit{display:none}
 #presentation .dd-view-shadow .dd-bp-shadow-steps{grid-template-columns:1fr;gap:0}
 #presentation .dd-view-shadow .dd-bp-shadow-steps>div+div{border-left:0;padding-left:0}
 #presentation .dd-view-shadow .dd-bp-shadow-steps>div{padding:7px 0}
 #presentation .dd-view-shadow .dd-bp-shadow-steps small{flex-basis:auto;padding-left:0}
 #presentation .dd-view-shadow .dd-bp-shadow-stat{padding:14px}
 #presentation .dd-view-shadow .dd-bp-shadow-radar,
 #presentation .dd-view-shadow .dd-bp-shadow-ledger-head{align-items:flex-start;flex-direction:column}
 #presentation .dd-view-shadow .dd-bp-shadow-ledger{padding:18px 15px 8px}
 #presentation .dd-view-shadow .dd-bp-shadow-source-columns{display:none}
 #presentation .dd-view-shadow .dd-bp-shadow-source-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:8px;padding:13px 8px}
 #presentation .dd-view-shadow .dd-bp-shadow-source-read{grid-column:1/2}
 #presentation .dd-view-shadow .dd-bp-shadow-source-arrow{grid-column:2/3}
 #presentation .dd-view-shadow .dd-tabs{gap:12px!important;overflow-x:auto}
 #presentation .dd-view-shadow .dd-tabs a{white-space:nowrap;font-size:11px!important}
}
@container(max-width:420px){
 #presentation .dd-view-shadow .dd-bp-shadow-summary{grid-template-columns:minmax(0,1fr)}
 #presentation .dd-view-shadow .dd-bp-shadow-summary-item{grid-column:auto!important;min-height:59px;padding:10px 14px}
 #presentation .dd-view-shadow .dd-bp-shadow-summary-item + .dd-bp-shadow-summary-item{
  border-left:0;border-top:1px solid rgba(220,227,234,.08);
 }
}
@media(max-width:390px){
 #presentation .dd-view-shadow .dd-bp-shadow-stat-value{font-size:24px}
 #presentation .dd-view-shadow .dd-bp-shadow-stats{gap:8px}
 #presentation .dd-view-shadow .dd-bp-shadow-stat{padding:12px;min-height:121px}
 #presentation .dd-view-shadow .dd-bp-shadow-topline{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
 #presentation .dd-view-shadow .dd-bp-shadow-stat,
 #presentation .dd-view-shadow .dd-bp-shadow-source-row{transition:none!important}
}


/* Shadow refinement: Black Piano clarity, real eye as hero, quota + switch in top bar.
   All selectors below are scoped to the isolated Shadow preview. */
.preview-header-shadow{
 display:flex;align-items:center;gap:13px;margin-left:auto;min-width:0;
 color:#c6ced7;font-family:DDInter,Arial,sans-serif;
}
.preview-header-shadow .preview-shadow-trial-label{
 font-size:9px;line-height:1;letter-spacing:.18em;color:#8793a0;font-weight:700;
}
.preview-shadow-quotas{display:flex;align-items:center;gap:14px;min-width:0}
.preview-shadow-quota{display:grid;align-items:center;gap:2px 7px;
 grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 3px;
 min-width:122px;max-width:185px;padding:3px 11px 3px 0;border-right:1px solid rgba(217,224,232,.11);
}
.preview-shadow-quota-label{font-size:9px;font-weight:500;color:#aab3bf;white-space:nowrap}
.preview-shadow-quota-value{font-size:10px;font-weight:650;color:#dee3e9;white-space:nowrap;grid-column:1/2}
.preview-shadow-quota-percent{font-size:9px;color:#9ca9b6;text-align:right;grid-column:2/3;grid-row:1/3;white-space:nowrap}
.preview-shadow-quota progress{appearance:none;width:100%;height:3px;border:0;border-radius:4px;
 background:rgba(220,230,239,.12);grid-column:1/2;grid-row:3/4;overflow:hidden;
}
.preview-shadow-quota progress::-webkit-progress-bar{background:rgba(220,230,239,.12);border-radius:4px}
.preview-shadow-quota progress::-webkit-progress-value{background:#9eaab8;border-radius:4px}
.preview-shadow-quota progress::-moz-progress-bar{background:#9eaab8}
.preview-header-shadow>.preview-product-switch{display:inline-flex;gap:8px;align-items:center;flex:0 0 auto;
 padding:3px 0 3px 2px;border:0;background:transparent;box-shadow:none;font-size:10px;
}
.preview-main:has(.preview-header-shadow) .preview-header{gap:14px!important}
.preview-main:has(.preview-header-shadow) .preview-header-period,
.preview-main:has(.preview-header-shadow) .preview-date{display:none!important}
.preview-main:has(.preview-header-shadow) .preview-header-actions{margin-left:2px;gap:9px!important}
#presentation .dd-view-shadow .dd-bp-shadow-hero{
 display:grid;grid-template-columns:minmax(0,1.07fr) minmax(300px,.93fr);
 gap:16px;align-items:center;min-height:260px;
 background:linear-gradient(115deg,#0c1015 0%,#080b0f 72%,#0c1115 100%);
 border:1px solid rgba(220,226,234,.12);border-radius:18px;
 box-shadow:inset 0 1px 0 rgba(245,247,250,.045);
 padding:25px 26px;margin:7px 0 12px;overflow:hidden;
}
#presentation .dd-view-shadow .dd-bp-shadow-hero-copy{min-width:0;padding:4px 0}
#presentation .dd-view-shadow .dd-bp-shadow-eyebrow{display:inline-flex;align-items:center;gap:9px;
 font-size:10px;letter-spacing:.17em;color:#9aa6b2;font-weight:700;
}
#presentation .dd-view-shadow .dd-bp-shadow-eyebrow i{display:inline-block;width:7px;height:7px;
 border-radius:50%;background:#8e9ca9;box-shadow:0 0 12px rgba(165,177,190,.14);
}
#presentation .dd-view-shadow .dd-bp-shadow-hero h1{margin:19px 0 11px!important;color:#dbe0e7!important;
 font:550 clamp(27px,2.75cqw,42px)/1.1 DDInter,Arial,sans-serif!important;letter-spacing:-.052em!important;
}
#presentation .dd-view-shadow .dd-bp-shadow-hero h1 em{font-style:normal;color:#aab7c4}
#presentation .dd-view-shadow .dd-bp-shadow-hero-copy>p{max-width:430px;color:#969fab;
 font-size:12px;line-height:1.62;margin:0!important;
}
#presentation .dd-view-shadow .dd-bp-shadow-hero-metric{display:flex;align-items:baseline;gap:9px;
 flex-wrap:wrap;margin-top:20px;padding-top:14px;border-top:1px solid rgba(217,224,233,.09);
}
#presentation .dd-view-shadow .dd-bp-shadow-hero-metric>strong{
 font-size:clamp(29px,2.85cqw,42px);line-height:1;font-weight:600;letter-spacing:-.04em;color:#e2e7ed;
}
#presentation .dd-view-shadow .dd-bp-shadow-hero-metric>span:nth-child(2){font-size:12px;color:#a7b0ba}
#presentation .dd-view-shadow .dd-bp-shadow-hero-status{display:inline-flex;align-items:center;gap:6px;
 margin-left:auto;font-size:10px;color:#bdc4cd;
}
#presentation .dd-view-shadow .dd-bp-shadow-hero-status i{width:6px;height:6px;border-radius:50%;
 background:#d7dce4;
}
#presentation .dd-view-shadow .dd-bp-shadow-hero-status.is-on i{background:#62b9b0}
#presentation .dd-view-shadow .dd-bp-shadow-hero-note{display:block;margin-top:9px;
 font-size:10px;color:#7e8a97;line-height:1.5;
}
#presentation .dd-view-shadow .dd-bp-shadow-hero-visual{min-width:0;align-self:stretch;
 display:flex;flex-direction:column;justify-content:center;position:relative;
 border-left:1px solid rgba(219,228,235,.075);padding:8px 4px 5px 19px;
}
#presentation .dd-view-shadow .dd-bp-shadow-hero-visual .dd-eye-stage{
 margin:0!important;max-width:100%!important;min-height:0!important;
}
#presentation .dd-view-shadow .dd-bp-shadow-hero-visual .dd-shadow-eye{
 display:block!important;width:100%!important;height:auto!important;max-width:none!important;
 aspect-ratio:415 / 190;object-fit:contain;
}
#presentation .dd-view-shadow .dd-bp-shadow-eye-caption{align-self:center;
 font-size:9px;letter-spacing:.19em;color:#788693;margin-top:-1px;
}
/* Unified compact summary bar — quick scan, then detail on click.
   Keep the approved Black Piano palette; preserve Shadow data and navigation. */
#presentation .dd-view-shadow .dd-bp-shadow-summary{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;
 margin:0 0 17px;
 border:1px solid rgba(217,225,234,.105);border-radius:13px;
 background:linear-gradient(160deg,#0d1116,#090c10 85%);
 box-shadow:inset 0 1px 0 rgba(237,242,247,.025);
 overflow:hidden;
}
#presentation .dd-view-shadow .dd-bp-shadow-summary-item{
 position:relative;display:grid;min-width:0;min-height:67px;
 grid-template-columns:minmax(0,1fr) 13px;
 grid-template-rows:auto auto;align-content:center;gap:4px 8px;
 padding:12px 17px;text-decoration:none;
 transition:background .15s ease;
}
#presentation .dd-view-shadow .dd-bp-shadow-summary-item:hover{
 background:rgba(206,217,229,.045);
}
#presentation .dd-view-shadow .dd-bp-shadow-summary-item:focus-visible{
 outline:2px solid #a5b3c2;outline-offset:-3px;border-radius:7px;
}
#presentation .dd-view-shadow .dd-bp-shadow-summary-item + .dd-bp-shadow-summary-item{
 border-left:1px solid rgba(217,225,233,.085);
}
#presentation .dd-view-shadow .dd-bp-shadow-summary-item>span{
 grid-column:1;grid-row:1;color:#a3afbc;
 font-size:11px;line-height:1.35;font-weight:500;
 letter-spacing:0;overflow-wrap:break-word;
}
#presentation .dd-view-shadow .dd-bp-shadow-summary-item>strong{
 grid-column:1;grid-row:2;
 color:#dce3eb;font-size:clamp(16px,1.5cqw,19px);
 font-weight:560;letter-spacing:-.025em;line-height:1.15;
 overflow-wrap:anywhere;
}
#presentation .dd-view-shadow .dd-bp-shadow-summary-item>b{
 grid-column:2;grid-row:1 / span 2;align-self:center;
 color:#75818e;font-size:12px;font-weight:400;line-height:1;
 transition:color .15s ease;
}
#presentation .dd-view-shadow .dd-bp-shadow-summary-item:hover>b{color:#c5d0dc}
#presentation .dd-view-shadow .dd-tabs{min-height:44px!important;margin:0 0 14px!important;gap:20px!important}
#presentation .dd-view-shadow .dd-tabs a{padding:10px 3px!important;font-size:11px!important}
#presentation .dd-view-shadow .dd-shadow-grid{grid-template-columns:minmax(0,1.47fr) minmax(265px,.93fr)!important;
 gap:13px!important;align-items:start;
}
#presentation .dd-view-shadow .dd-shadow-main>.dd-hero{display:none!important}
#presentation .dd-view-shadow .dd-shadow-card{min-height:0!important;padding:19px!important;
 overflow:visible!important;
}
#presentation .dd-view-shadow .dd-shadow-card .dd-source-flow{
 padding:10px 2px 19px!important;gap:7px!important;
 grid-template-columns:1fr auto 1.3fr auto 1fr!important;
}
#presentation .dd-view-shadow .dd-shadow-card .dd-source-flow .dd-icon{width:31px;height:31px;
 padding:6px;box-shadow:none;border-color:rgba(205,218,231,.18);
}
#presentation .dd-view-shadow .dd-shadow-card .dd-source-flow small{font-size:10px;max-width:105px}
#presentation .dd-view-shadow .dd-shadow-card .dd-source-flow>div{gap:5px}
#presentation .dd-view-shadow .dd-shadow-card .dd-source-flow b{font-size:16px;padding-top:6px;color:#85909e}
#presentation .dd-view-shadow .dd-shadow-card .dd-shadow-activity{
 padding:14px 0 0!important;border-top:1px solid rgba(218,225,234,.11);
 margin-top:8px!important;
}
#presentation .dd-view-shadow .dd-shadow-card>.dd-small{font-size:10px!important;line-height:1.5;color:#a7b2bd!important}
#presentation .dd-view-shadow .dd-insights-card{padding:19px!important}
#presentation .dd-view-shadow .dd-insights-card .dd-insight-title{font-size:17px!important;margin-bottom:15px!important}
#presentation .dd-view-shadow .dd-insights-card .dd-evidence-detail .dd-note{font-size:11px}
#presentation .dd-view-shadow details.dd-bp-shadow-ledger{margin:18px 0 9px!important;padding:0 18px!important;
 background:#0c1014;border:1px solid rgba(220,228,236,.11);border-radius:12px;
}
#presentation .dd-view-shadow details.dd-bp-shadow-ledger>summary,
#presentation .dd-view-shadow details.dd-bp-shadow-system>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;
 list-style:none;cursor:pointer;padding:17px 4px;color:#cdd5dd;font-size:12px;font-weight:550;
}
#presentation .dd-view-shadow details.dd-bp-shadow-ledger>summary::-webkit-details-marker,
#presentation .dd-view-shadow details.dd-bp-shadow-system>summary::-webkit-details-marker{display:none}
#presentation .dd-view-shadow details.dd-bp-shadow-ledger>summary small{margin-left:auto;color:#8895a2;font-size:10px}
#presentation .dd-view-shadow details.dd-bp-shadow-ledger[open],
#presentation .dd-view-shadow details.dd-bp-shadow-system[open]{background:#0e1419}
#presentation .dd-view-shadow .dd-bp-shadow-ledger-head{padding-top:15px;border-top:1px solid rgba(220,226,233,.1)}
#presentation .dd-view-shadow details.dd-bp-shadow-system{margin:0 0 16px;padding:0 18px;
 border:1px solid rgba(220,226,236,.085);border-radius:12px;color:#a6b1bd;
}
#presentation .dd-view-shadow details.dd-bp-shadow-system>div{padding:0 4px 16px;font-size:11px;line-height:1.6}
#presentation .dd-view-shadow details.dd-bp-shadow-system p+p{margin-top:5px}
#presentation .dd-view-shadow .dd-footer .dd-products{font-size:11px;color:#8c98a4}
@container(max-width:960px){
 #presentation .dd-view-shadow .dd-bp-shadow-hero{grid-template-columns:minmax(0,1fr) minmax(240px,.95fr)}
 #presentation .dd-view-shadow .dd-shadow-grid{grid-template-columns:minmax(0,1fr)!important}
 #presentation .dd-view-shadow .dd-shadow-card{padding:17px!important}
}
@container(max-width:640px){
 #presentation .dd-view-shadow .dd-bp-shadow-hero{grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;padding:20px 16px!important;
 }
 #presentation .dd-view-shadow .dd-bp-shadow-hero h1{font-size:33px!important}
 #presentation .dd-view-shadow .dd-bp-shadow-hero-visual{border-left:0;
  border-top:1px solid rgba(220,227,234,.09);padding:6px 0 0;
 }
 #presentation .dd-view-shadow .dd-bp-shadow-hero-visual .dd-eye-stage{max-width:440px!important;margin:0 auto!important}
 #presentation .dd-view-shadow .dd-bp-shadow-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 #presentation .dd-view-shadow .dd-bp-shadow-summary-item{padding:11px 13px;min-height:63px}
 #presentation .dd-view-shadow .dd-bp-shadow-summary-item:last-child{grid-column:1/-1;
  border-top:1px solid rgba(220,227,234,.08);border-left:0;
 }
}
@media(max-width:1240px) and (min-width:761px){
 .preview-header-shadow{gap:7px}
 .preview-shadow-quotas{gap:7px}
 .preview-shadow-quota{min-width:102px;max-width:140px;padding-right:7px}
 .preview-shadow-quota-label,.preview-shadow-quota-value,.preview-shadow-quota-percent{font-size:9px}
 .preview-main:has(.preview-header-shadow) .preview-header{gap:8px!important}
}
@media(max-width:760px){
 .preview-main:has(.preview-header-shadow) .preview-header{height:auto!important;
  min-height:104px!important;flex-wrap:wrap!important;padding-top:10px!important;
  padding-bottom:9px!important;row-gap:7px!important;
 }
 .preview-main:has(.preview-header-shadow) .preview-header-title{order:1;flex:1}
 .preview-main:has(.preview-header-shadow) .preview-header-actions{order:2;margin-left:auto}
 .preview-main:has(.preview-header-shadow) .preview-header-shadow{order:3;flex:0 0 100%;
  width:100%;justify-content:space-between;margin:0;gap:8px;
 }
 .preview-header-shadow .preview-shadow-trial-label{font-size:8px}
 .preview-shadow-quotas{flex:1;justify-content:center;gap:6px}
 .preview-shadow-quota{min-width:0;flex:1;max-width:145px;padding-right:4px}
 .preview-shadow-quota-value{font-size:9px}
 .preview-shadow-quota-label,.preview-shadow-quota-percent{font-size:8px}
 .preview-header-shadow>.preview-product-switch{font-size:9px;gap:5px}
 .preview-header-shadow .preview-product-track{width:27px;height:17px}
}
@media(max-width:390px){
 #presentation .dd-view-shadow .dd-bp-shadow-summary-item{padding:10px 10px}
 #presentation .dd-view-shadow .dd-bp-shadow-hero-metric>strong{font-size:32px}
 .preview-shadow-quota-value{font-size:8px}
 .preview-header-shadow .preview-shadow-trial-label{display:none}
}
@media(prefers-reduced-motion:reduce){
 #presentation .dd-view-shadow .dd-bp-shadow-summary-item{transition:none!important}
}


/* Shadow header only — spacing correction requested on 2026-10-08.
   Distribute Trial, two counters and Shadow switch across the actual top bar.
   Keep the approved Overview, Shadow content, eye and preview motor untouched. */
@media(min-width:961px){
 .preview-main:has(.preview-header-shadow) .preview-header{
  display:grid!important;
  grid-template-columns:minmax(85px,.36fr) minmax(0,3fr) max-content;
  align-items:center;
  column-gap:clamp(14px,1.8vw,30px)!important;
 }
 .preview-main:has(.preview-header-shadow) .preview-header-title{
  grid-column:1;justify-self:start;white-space:nowrap;overflow:visible;
 }
 .preview-main:has(.preview-header-shadow) .preview-header-shadow{
  grid-column:2;display:flex;align-items:center;
  justify-content:space-between;min-width:0;width:100%;
  margin:0!important;gap:clamp(14px,1.8vw,28px);
 }
 .preview-main:has(.preview-header-shadow) .preview-shadow-quotas{
  flex:1 1 auto;display:flex;align-items:center;justify-content:space-around;
  gap:clamp(12px,1.8vw,28px);min-width:0;width:100%;
 }
 .preview-main:has(.preview-header-shadow) .preview-shadow-quota{
  flex:0 1 165px;min-width:120px;max-width:175px;
  padding:3px 10px 3px 0;
 }
 .preview-main:has(.preview-header-shadow) .preview-header-actions{
  grid-column:3;justify-self:end;margin:0!important;gap:10px!important;
 }
}
/* Medium desktops: keep every item in the existing top bar with a
   full-width second line instead of squeezing items to its right edge. */
@media(min-width:761px) and (max-width:960px){
 .preview-main:has(.preview-header-shadow) .preview-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) max-content;
  grid-template-rows:auto auto;
  height:auto!important;min-height:95px!important;
  padding-top:8px!important;padding-bottom:8px!important;
  column-gap:18px!important;row-gap:5px!important;
 }
 .preview-main:has(.preview-header-shadow) .preview-header-title{
  grid-column:1;grid-row:1;justify-self:start;
 }
 .preview-main:has(.preview-header-shadow) .preview-header-actions{
  grid-column:2;grid-row:1;justify-self:end;margin:0!important;
 }
 .preview-main:has(.preview-header-shadow) .preview-header-shadow{
  grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;
  width:100%;min-width:0;margin:0!important;gap:20px;
 }
 .preview-main:has(.preview-header-shadow) .preview-shadow-quotas{
  display:flex;flex:1 1 auto;align-items:center;
  justify-content:space-around;gap:16px;min-width:0;
 }
 .preview-main:has(.preview-header-shadow) .preview-shadow-quota{
  flex:0 1 170px;min-width:116px;max-width:180px;padding-right:12px;
 }
}
@media(max-width:760px){
 .preview-main:has(.preview-header-shadow) .preview-header-shadow{
  display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;
  width:100%;gap:clamp(8px,2.3vw,13px)!important;
  justify-content:stretch;align-items:center;margin:0!important;
 }
 .preview-main:has(.preview-header-shadow) .preview-shadow-quotas{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:center;gap:clamp(8px,2.3vw,15px);
  min-width:0;width:100%;flex:none;
 }
 .preview-main:has(.preview-header-shadow) .preview-shadow-quota{
  width:100%;max-width:none;min-width:0;
  padding:0;border-right:0;
 }
 .preview-main:has(.preview-header-shadow) .preview-header-shadow>.preview-product-switch{
  justify-self:end;
 }
}
@media(max-width:420px){
 .preview-main:has(.preview-header-shadow) .preview-header-shadow{
  grid-template-columns:minmax(0,1fr) max-content;
 }
 .preview-main:has(.preview-header-shadow) .preview-shadow-trial-label{
  display:none;
 }
 .preview-main:has(.preview-header-shadow) .preview-shadow-quotas{
  grid-column:1;grid-row:1;
 }
 .preview-main:has(.preview-header-shadow) .preview-header-shadow>.preview-product-switch{
  grid-column:2;grid-row:1;
 }
}


/* Shared Shadow preview ON/OFF marker and original-artwork eyelid animation. */
#presentation .dd-view-shadow .dd-bp-shadow-eyebrow.is-on i{background:#62b9b0;box-shadow:0 0 11px rgba(98,185,176,.38)}
#presentation .dd-view-shadow .dd-bp-shadow-eyebrow.is-off i{background:#cdd4db;box-shadow:none}
#presentation .dd-view-shadow .dd-bp-shadow-eyebrow.is-unknown i{background:#707b87;box-shadow:none}
#presentation .dd-view-shadow .dd-bp-shadow-hero-visual .dd-eye-stage{position:relative}
#presentation .dd-view-shadow .dd-bp-shadow-sleep-canvas{
 position:absolute;left:0;top:0;z-index:2;display:block;
 width:100%;height:auto;aspect-ratio:415/190;pointer-events:none;object-fit:contain;
}
#presentation .dd-view-shadow .dd-bp-shadow-hero-visual[data-eye-state="off"]:not([data-eye-closing="true"]):not(.eye-sleep-ready) .dd-shadow-eye,
#presentation .dd-view-shadow .dd-bp-shadow-hero-visual[data-eye-opening="true"]:not(.eye-sleep-ready) .dd-shadow-eye{visibility:hidden}
#presentation .dd-view-shadow .dd-bp-shadow-hero-visual[data-eye-state="off"]:not([data-eye-closing="true"]):not(.eye-sleep-ready) .dd-eye-stage::after,
#presentation .dd-view-shadow .dd-bp-shadow-hero-visual[data-eye-opening="true"]:not(.eye-sleep-ready) .dd-eye-stage::after{
 content:'';position:absolute;left:23%;right:10%;top:40%;height:18%;
 border-bottom:2px solid rgba(177,191,204,.6);border-radius:0 0 52% 52%;
 filter:drop-shadow(0 3px 7px rgba(112,132,152,.18));pointer-events:none;
}


/* Shadow insight card, Black Piano compact review — visual-only, preview-only.
   Single scan list + focused detail; original evidence controls stay functional. */
#presentation .dd-view-shadow .dd-insights-card{
 min-height:0!important;
 padding:19px 21px 18px!important;
}
#presentation .dd-view-shadow .dd-bp-insights-title{
 display:flex!important;align-items:center;justify-content:space-between;gap:15px;
 margin:0!important;padding:0!important;
 color:#dae2e9!important;
 font:560 15px/1.3 DDInter,Arial,sans-serif!important;
 letter-spacing:-.017em!important;
}
#presentation .dd-view-shadow .dd-bp-insights-count{
 display:inline-flex;align-items:center;justify-content:center;
 min-width:29px;height:26px;flex:0 0 auto;
 padding:0 9px;border-radius:8px;
 border:1px solid rgba(212,224,236,.13);
 background:rgba(218,228,240,.045);
 color:#b7c2ce;font:550 12px/1 DDInter,Arial,sans-serif;
 letter-spacing:0;
}
#presentation .dd-view-shadow .dd-evidence-grid{
 display:grid!important;
 grid-template-columns:minmax(0,1fr)!important;
 gap:0!important;margin-top:12px!important;
}
#presentation .dd-view-shadow .dd-finding-list{
 display:grid;grid-template-columns:minmax(0,1fr);
 gap:0;min-width:0;
 border-top:1px solid rgba(217,225,233,.085);
}
#presentation .dd-view-shadow .dd-finding-list button{
 display:grid!important;grid-template-columns:minmax(0,1fr) 13px;
 align-items:center;gap:7px!important;
 width:100%;min-width:0;min-height:58px!important;
 padding:10px 12px!important;margin:0!important;
 background:transparent!important;
 border:0!important;border-bottom:1px solid rgba(217,225,233,.075)!important;
 border-radius:0!important;box-shadow:none!important;
 text-align:left;color:#d5dce4!important;
 font:510 12px/1.42 DDInter,Arial,sans-serif!important;
 transition:background .16s ease,color .16s ease;
}
#presentation .dd-view-shadow .dd-finding-list button>.dd-icon{
 display:none!important;
}
#presentation .dd-view-shadow .dd-finding-list button>span:nth-child(2){
 display:block;grid-column:1;min-width:0;
 font-size:12px!important;font-weight:560;line-height:1.35;
 overflow-wrap:anywhere;
}
#presentation .dd-view-shadow .dd-finding-list button small{
 display:block;max-width:100%;margin-top:3px!important;
 font:450 10px/1.35 DDInter,Arial,sans-serif!important;
 color:#8794a2!important;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#presentation .dd-view-shadow .dd-finding-list button>span:last-child{
 display:block;grid-column:2;justify-self:end;
 margin:0!important;color:#748291;
 font:400 16px/1 DDInter,Arial,sans-serif!important;
}
#presentation .dd-view-shadow .dd-finding-list button[aria-pressed="true"]{
 background:linear-gradient(90deg,rgba(182,200,216,.09),rgba(182,200,216,.015))!important;
 border-bottom:1px solid rgba(217,225,233,.09)!important;
 box-shadow:inset 2px 0 0 #94a6b7!important;
}
#presentation .dd-view-shadow .dd-finding-list button:hover{
 background:rgba(221,230,239,.04)!important;
}
#presentation .dd-view-shadow .dd-finding-list button:focus-visible{
 outline:2px solid #9eafbf;outline-offset:-2px;
}
#presentation .dd-view-shadow .dd-finding-list>p{
 margin:0!important;padding:19px 3px;color:#9eabb7;font-size:12px;
}
#presentation .dd-view-shadow .dd-evidence-detail{
 display:block;min-width:0;min-height:0!important;
 padding:14px 2px 0!important;margin-top:2px!important;
 border:0!important;border-top:1px solid rgba(217,225,233,.095)!important;
 background:none!important;box-shadow:none!important;
}
#presentation .dd-view-shadow .dd-bp-detail-kicker{
 display:block;margin:0 0 8px!important;
 color:#8e9daa;
 font:650 9px/1.3 DDInter,Arial,sans-serif!important;
 letter-spacing:.12em;
}
#presentation .dd-view-shadow .dd-evidence-detail h2{
 margin:0 0 9px!important;
 font:560 14px/1.36 DDInter,Arial,sans-serif!important;
 letter-spacing:-.012em;color:#dce4eb!important;
}
#presentation .dd-view-shadow .dd-evidence-detail>p{
 display:inline-flex!important;vertical-align:top;
 align-items:baseline!important;gap:0!important;
 max-width:100%;margin:0 14px 8px 0!important;
 color:#97a5b3!important;
 font:450 10px/1.42 DDInter,Arial,sans-serif!important;
 overflow-wrap:anywhere;
}
#presentation .dd-view-shadow .dd-evidence-detail>p>.dd-icon{
 display:none!important;
}
#presentation .dd-view-shadow .dd-evidence-detail>p:nth-of-type(3){
 display:block!important;margin:3px 0 5px!important;
 max-width:66ch;color:#b6c0ca!important;
 font:450 11px/1.55 DDInter,Arial,sans-serif!important;
}
#presentation .dd-view-shadow .dd-evidence-detail .dd-note{
 display:flex!important;align-items:center;gap:0!important;
 min-height:0!important;padding:0!important;margin:7px 0 0!important;
 background:none!important;box-shadow:none!important;
 border:0!important;border-radius:0!important;
 color:#7e8d9a!important;font-size:10px!important;line-height:1.5!important;
}
#presentation .dd-view-shadow .dd-evidence-detail .dd-note>.dd-icon{
 display:none!important;
}
#presentation .dd-view-shadow .dd-evidence-detail .dd-actions{
 display:flex!important;align-items:center;flex-wrap:wrap!important;
 gap:11px!important;margin-top:12px!important;
}
#presentation .dd-view-shadow .dd-evidence-detail .dd-button{
 min-height:33px!important;padding:7px 13px!important;
 border-radius:8px!important;gap:7px!important;
 font:520 10px/1.35 DDInter,Arial,sans-serif!important;
}
#presentation .dd-view-shadow .dd-evidence-detail .dd-button .dd-icon{
 width:13px;height:13px;
}
@container(max-width:680px){
 #presentation .dd-view-shadow .dd-insights-card{
  padding:17px 15px 16px!important;
 }
 #presentation .dd-view-shadow .dd-bp-insights-title{font-size:14px!important}
 #presentation .dd-view-shadow .dd-finding-list button{
  min-height:56px!important;padding:10px 9px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 #presentation .dd-view-shadow .dd-finding-list button{transition:none!important}
}


/* Shadow-only progressive insight dialog: calmer layout and premium color cues. */
#presentation .dd-view-shadow .dd-bp-shadow-summary-item:nth-child(1)>span{color:#caa4c3}
#presentation .dd-view-shadow .dd-bp-shadow-summary-item:nth-child(2)>span{color:#a3c6ca}
#presentation .dd-view-shadow .dd-bp-shadow-summary-item:nth-child(3)>span{color:#b2aec9}
#presentation .dd-view-shadow .dd-insights-card{padding:20px 21px 18px!important;min-height:0!important}
#presentation .dd-view-shadow .dd-bp-insights-title{
 display:flex!important;align-items:center;justify-content:space-between;gap:13px;
 margin:0!important;color:#e1e7ec!important;font-size:15px!important;font-weight:560!important;
}
#presentation .dd-view-shadow .dd-bp-insights-count{
 background:rgba(194,126,173,.12);border-color:rgba(201,145,188,.25);
 color:#dbb5ce;border-radius:8px;
}
#presentation .dd-view-shadow .dd-bp-insights-hint{
 margin:7px 0 13px!important;color:#a0aab6;font-size:11px;line-height:1.5;
}
#presentation .dd-view-shadow .dd-bp-insights-list{
 display:grid;grid-template-columns:minmax(0,1fr);
 border-top:1px solid rgba(222,229,236,.09);
}
#presentation .dd-view-shadow .dd-bp-insight-row{
 display:grid;grid-template-columns:4px minmax(0,1fr) 18px;
 align-items:center;gap:13px;width:100%;min-height:62px;
 padding:10px 8px 10px 3px;border:0;border-bottom:1px solid rgba(222,229,236,.09);
 border-radius:0;background:transparent;color:#dce4eb;text-align:left;cursor:pointer;
 transition:background .16s ease;
}
#presentation .dd-view-shadow .dd-bp-insight-row:hover{background:rgba(199,214,224,.04)}
#presentation .dd-view-shadow .dd-bp-insight-row:focus-visible{
 outline:2px solid #bc91b7;outline-offset:-3px;border-radius:7px;
}
#presentation .dd-view-shadow .dd-bp-insight-marker{
 width:3px;height:23px;border-radius:3px;background:#b982ab;
 box-shadow:0 0 10px rgba(186,132,172,.14);
}
#presentation .dd-view-shadow .dd-bp-tone-1 .dd-bp-insight-marker{
 background:#6ea9b0;box-shadow:0 0 10px rgba(110,169,176,.13);
}
#presentation .dd-view-shadow .dd-bp-tone-2 .dd-bp-insight-marker{
 background:#9e98bf;box-shadow:0 0 10px rgba(158,152,191,.12);
}
#presentation .dd-view-shadow .dd-bp-insight-copy{
 display:flex;flex-direction:column;gap:3px;min-width:0;
}
#presentation .dd-view-shadow .dd-bp-insight-copy>strong{
 font:560 12px/1.35 DDInter,Arial,sans-serif;color:#dce4eb;overflow-wrap:anywhere;
}
#presentation .dd-view-shadow .dd-bp-insight-copy>small{
 font:450 10px/1.35 DDInter,Arial,sans-serif;color:#8c9ca9;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#presentation .dd-view-shadow .dd-bp-insight-arrow{
 justify-self:end;font-size:15px;font-weight:400;color:#aea0b2;
}
#presentation .dd-view-shadow .dd-bp-insights-empty{
 margin:0;padding:19px 0;font-size:12px;color:#9cabb7;
}
#presentation .dd-view-shadow .dd-bp-shadow-insight-dialog{
 box-sizing:border-box;position:fixed;margin:auto;padding:0;
 width:min(530px,calc(100vw - 32px));max-width:calc(100vw - 32px);
 max-height:min(85dvh,760px);overflow-y:auto;overscroll-behavior:contain;
 border-radius:18px;border:1px solid rgba(218,227,235,.20);
 background:linear-gradient(150deg,#11171d,#0b0e13 85%);
 box-shadow:0 25px 90px rgba(0,0,0,.68),inset 0 1px 0 rgba(232,238,244,.07);
 color:#dce3eb;outline:none;
}
#presentation .dd-view-shadow .dd-bp-shadow-insight-dialog::backdrop{
 background:rgba(2,4,8,.78);
}
#presentation .dd-view-shadow .dd-bp-insight-modal-content{padding:25px 27px 22px}
#presentation .dd-view-shadow .dd-bp-insight-modal-header{
 display:flex;align-items:center;justify-content:space-between;
 gap:10px;margin:0 0 18px;
}
#presentation .dd-view-shadow .dd-bp-insight-modal-header>span{
 color:#cca9c3;font:650 10px/1.4 DDInter,Arial,sans-serif;letter-spacing:.14em;
}
#presentation .dd-view-shadow .dd-bp-insight-modal-header>button{
 width:34px;height:34px;flex:0 0 auto;border-radius:8px;cursor:pointer;
 border:1px solid rgba(211,225,234,.14);background:rgba(223,230,239,.045);
 color:#bfccd5;font:400 22px/1 DDInter,Arial,sans-serif;
}
#presentation .dd-view-shadow .dd-bp-shadow-insight-dialog h2{
 margin:0 0 9px!important;color:#e5edf3!important;
 font:570 clamp(19px,3.5vw,24px)/1.22 DDInter,Arial,sans-serif!important;
 letter-spacing:-.03em!important;
}
#presentation .dd-view-shadow .dd-bp-insight-modal-content>p:first-of-type{
 margin:0 0 19px!important;color:#b6c3cc;font-size:12px;line-height:1.65;
}
#presentation .dd-view-shadow .dd-bp-insight-modal-meta{
 display:grid;grid-template-columns:1fr 1fr;gap:14px;
 margin:0;padding:15px 0;border-block:1px solid rgba(219,229,239,.10);
}
#presentation .dd-view-shadow .dd-bp-insight-modal-meta>div:nth-child(3){grid-column:1/-1}
#presentation .dd-view-shadow .dd-bp-insight-modal-meta dt{
 color:#8f9dab;font-size:10px;margin:0 0 5px;
}
#presentation .dd-view-shadow .dd-bp-insight-modal-meta dd{
 margin:0;color:#cbd6df;font:550 11px/1.5 DDInter,Arial,sans-serif;overflow-wrap:anywhere;
}
#presentation .dd-view-shadow .dd-bp-insight-modal-body{margin-top:18px}
#presentation .dd-view-shadow .dd-bp-insight-modal-body h3{
 margin:0 0 8px;color:#c5a5c0;font-size:11px;font-weight:600;
}
#presentation .dd-view-shadow .dd-bp-insight-modal-body p{
 margin:0;color:#bdcbd5;font-size:12px;line-height:1.6;overflow-wrap:anywhere;
}
#presentation .dd-view-shadow .dd-bp-insight-modal-note{
 margin:16px 0 18px!important;color:#8796a4;font-size:10px;line-height:1.5;
}
#presentation .dd-view-shadow .dd-bp-insight-modal-actions{
 display:flex;align-items:center;flex-wrap:wrap;gap:11px;
 padding-top:14px;border-top:1px solid rgba(219,229,239,.085);
}
#presentation .dd-view-shadow .dd-bp-insight-modal-actions>a:first-child{
 display:inline-flex;align-items:center;justify-content:center;
 min-height:38px;padding:9px 13px;border-radius:9px;
 background:linear-gradient(120deg,#573649,#302d39);
 border:1px solid rgba(208,161,199,.29);
 color:#f1e4ee;text-decoration:none;
 font:550 11px/1.3 DDInter,Arial,sans-serif;
}
#presentation .dd-view-shadow .dd-bp-insight-modal-actions>a:nth-child(2){
 color:#a8c3c7;text-decoration:none;border-bottom:1px solid rgba(168,195,199,.27);
 font:550 11px/1.4 DDInter,Arial,sans-serif;
}
#presentation .dd-view-shadow .dd-bp-insight-modal-actions>button{
 margin-left:auto;border:0;background:transparent;color:#abb8c2;
 cursor:pointer;font:550 11px/1.4 DDInter,Arial,sans-serif;
}
#presentation .dd-view-shadow .dd-bp-shadow-insight-dialog a:focus-visible,
#presentation .dd-view-shadow .dd-bp-shadow-insight-dialog button:focus-visible{
 outline:2px solid #c7a0c1;outline-offset:3px;
}
@media(max-width:600px){
 #presentation .dd-view-shadow .dd-insights-card{padding:17px 16px!important}
 #presentation .dd-view-shadow .dd-bp-insight-modal-content{padding:20px 18px 18px}
 #presentation .dd-view-shadow .dd-bp-insight-modal-meta{grid-template-columns:1fr;gap:12px}
 #presentation .dd-view-shadow .dd-bp-insight-modal-meta>div:nth-child(3){grid-column:auto}
 #presentation .dd-view-shadow .dd-bp-insight-modal-actions{flex-direction:column;align-items:stretch}
 #presentation .dd-view-shadow .dd-bp-insight-modal-actions>*{
  width:100%;box-sizing:border-box;text-align:center;justify-content:center;
 }
 #presentation .dd-view-shadow .dd-bp-insight-modal-actions>button{margin:0}
}
@media(prefers-reduced-motion:reduce){
 #presentation .dd-view-shadow .dd-bp-insight-row{transition:none!important}
}



/* Client Zero Shadow header: Starter and dual quota meters matching the approved Margin pattern.
   Only preview shell layout; Shadow eye, popups, ON/OFF and all engine paths untouched. */
.preview-header-shadow--starter{
 display:flex;align-items:center;justify-content:space-between;
 gap:clamp(13px,1.6vw,25px);min-width:0;width:100%;
}
.preview-header-shadow--starter .preview-shadow-plan{
 display:inline-flex;align-items:center;gap:8px;
 min-width:0;flex:0 0 auto;white-space:nowrap;
}
.preview-header-shadow--starter .preview-shadow-quotas--starter{
 display:flex;align-items:center;justify-content:space-around;
 flex:1 1 auto;gap:clamp(14px,1.8vw,30px);min-width:0;width:auto;
}
.preview-header-shadow--starter .preview-shadow-usage{
 display:grid;grid-template-rows:auto 4px auto;gap:5px;
 flex:1 1 230px;min-width:0;max-width:335px;
 padding:0;border:0;
}
.preview-header-shadow--starter .preview-shadow-usage .preview-margin-meta{
 display:flex;align-items:baseline;justify-content:flex-start;
 gap:clamp(6px,.65vw,11px);min-width:0;white-space:nowrap;
}
.preview-header-shadow--starter .preview-shadow-usage .preview-margin-label{
 color:#a4b2bf;font-size:9px;letter-spacing:.105em;font-weight:700;
}
.preview-header-shadow--starter .preview-shadow-usage .preview-margin-value{
 color:#e1e7ee;font-size:11px;font-weight:650;
}
.preview-header-shadow--starter .preview-shadow-usage .preview-margin-percent{
 color:#b6c7d6;font-size:10px;margin-left:auto;
}
.preview-header-shadow--starter .preview-shadow-usage progress{
 appearance:none;display:block;width:100%;height:4px;
 border:0;border-radius:999px;overflow:hidden;background:rgba(213,224,237,.16);
}
.preview-header-shadow--starter .preview-shadow-usage progress::-webkit-progress-bar{
 background:rgba(213,224,237,.16);border-radius:999px;
}
.preview-header-shadow--starter .preview-shadow-usage progress::-webkit-progress-value{
 background:#35bdd2;border-radius:999px;
}
.preview-header-shadow--starter .preview-shadow-usage progress::-moz-progress-bar{
 background:#35bdd2;border-radius:999px;
}
.preview-header-shadow--starter .preview-shadow-remaining{
 display:block;justify-self:end;
 font-size:9px;line-height:1.05;color:#8e9eae;white-space:nowrap;
}
.preview-header-shadow--starter>.preview-product-switch{flex:0 0 auto}
@media(min-width:1201px){
 .preview-main:has(.preview-header-shadow--starter) .preview-header-shadow--starter{
  margin:0!important;gap:clamp(14px,1.8vw,30px);
 }
 .preview-main:has(.preview-header-shadow--starter) .preview-shadow-quotas--starter{
  width:auto;flex:1 1 auto;gap:clamp(18px,2.3vw,40px);
 }
}
@media(min-width:761px) and (max-width:1200px){
 .preview-main:has(.preview-header-shadow--starter) .preview-header{
  display:grid!important;grid-template-columns:minmax(0,1fr) max-content;
  grid-template-rows:auto auto;height:auto!important;min-height:102px!important;
  padding-top:8px!important;padding-bottom:8px!important;
  column-gap:12px!important;row-gap:6px!important;
 }
 .preview-main:has(.preview-header-shadow--starter) .preview-header-title{
  grid-column:1;grid-row:1;
 }
 .preview-main:has(.preview-header-shadow--starter) .preview-header-actions{
  grid-column:2;grid-row:1;justify-self:end;margin:0!important;
 }
 .preview-main:has(.preview-header-shadow--starter) .preview-header-shadow--starter{
  grid-column:1/-1;grid-row:2;width:100%;margin:0!important;
  justify-content:space-between;gap:clamp(10px,1.7vw,22px);
 }
 .preview-main:has(.preview-header-shadow--starter) .preview-shadow-quotas--starter{
  flex:1 1 auto;width:auto;min-width:0;gap:16px;justify-content:space-around;
 }
 .preview-main:has(.preview-header-shadow--starter) .preview-shadow-usage{
  min-width:120px;max-width:none;
 }
 .preview-header-shadow--starter .preview-shadow-remaining{display:none}
}
@media(max-width:760px){
 .preview-main:has(.preview-header-shadow--starter) .preview-header{
  display:grid!important;grid-template-columns:max-content minmax(0,1fr) max-content;
  grid-template-rows:auto auto;gap:7px 9px!important;
  height:auto!important;min-height:106px!important;
  padding-top:9px!important;padding-bottom:9px!important;
 }
 .preview-main:has(.preview-header-shadow--starter) .preview-header>.preview-mobile-menu{
  grid-column:1;grid-row:1;
 }
 .preview-main:has(.preview-header-shadow--starter) .preview-header-title{
  grid-column:2;grid-row:1;justify-self:start;
 }
 .preview-main:has(.preview-header-shadow--starter) .preview-header-actions{
  grid-column:3;grid-row:1;justify-self:end;margin:0!important;
 }
 .preview-main:has(.preview-header-shadow--starter) .preview-header-shadow--starter{
  grid-column:1/-1;grid-row:2;display:grid!important;
  grid-template-columns:max-content minmax(0,1fr) max-content;
  align-items:center;gap:10px!important;
  width:100%;margin:0!important;
 }
 .preview-main:has(.preview-header-shadow--starter) .preview-shadow-plan{
  grid-column:1;grid-row:1;padding-right:8px;
 }
 .preview-main:has(.preview-header-shadow--starter) .preview-shadow-quotas--starter{
  grid-column:2;grid-row:1;
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));
  min-width:0;width:100%;gap:10px;
 }
 .preview-main:has(.preview-header-shadow--starter) .preview-shadow-usage{
  width:100%;max-width:none;min-width:0;
 }
 .preview-main:has(.preview-header-shadow--starter) .preview-header-shadow--starter>.preview-product-switch{
  grid-column:3;grid-row:1;justify-self:end;
 }
 .preview-header-shadow--starter .preview-shadow-remaining{display:none}
 .preview-header-shadow--starter .preview-shadow-usage .preview-margin-meta{
  gap:4px;flex-wrap:wrap;
 }
 .preview-header-shadow--starter .preview-shadow-usage .preview-margin-label{
  font-size:8px;
 }
 .preview-header-shadow--starter .preview-shadow-usage .preview-margin-value,
 .preview-header-shadow--starter .preview-shadow-usage .preview-margin-percent{
  font-size:9px;
 }
}
@media(max-width:580px){
 .preview-main:has(.preview-header-shadow--starter) .preview-header-shadow--starter{
  grid-template-columns:minmax(0,1fr) max-content;grid-template-rows:auto auto;
  gap:7px 10px!important;
 }
 .preview-main:has(.preview-header-shadow--starter) .preview-shadow-plan{
  grid-column:1;grid-row:1;justify-self:start;border-right:0;
 }
 .preview-main:has(.preview-header-shadow--starter) .preview-header-shadow--starter>.preview-product-switch{
  grid-column:2;grid-row:1;
 }
 .preview-main:has(.preview-header-shadow--starter) .preview-shadow-quotas--starter{
  grid-column:1/-1;grid-row:2;gap:14px;
 }
}