/* Product spotlight 06 · tokens inherited from the current Aromika CRM theme. */
.a6-dashboard{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch}
.a6-dashboard>.trend-panel{grid-column:span 7;display:flex;flex-direction:column;min-width:0}
.a6-dashboard>.p6-spotlight{grid-column:span 5}
.a6-dashboard>.p6-geography{grid-column:span 3}
.a6-dashboard>.a4-products{grid-column:span 5}
.a6-dashboard>.brand-panel{grid-column:span 4}
.a6-dashboard>.a4-channel-card{grid-column:1/-1}
.a6-dashboard>.a4-channel-card .a4-channel-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 24px}
.a6-dashboard .trend-panel>.a4-trend{flex:1;min-height:245px;max-height:350px}
.a6-dashboard .trend-panel>.a4-drivers{flex:1;min-height:230px;max-height:350px}
.a6-dashboard>.brand-panel .a4-brand-layout{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.a6-dashboard>.brand-panel .a4-ring{width:190px;height:190px;max-width:100%;margin:0 auto;flex-shrink:0}
.a6-dashboard>.brand-panel .brand-legend{max-height:270px;overflow:auto;scrollbar-width:thin}
.a6-dashboard>.brand-panel .brand-line{grid-template-columns:8px minmax(0,1fr) auto}
.a6-dashboard>.brand-panel .brand-line strong{grid-column:auto}
.p6-spotlight{display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:20px;background:linear-gradient(145deg,var(--surface) 62%,var(--soft));}
.p6-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.p6-head h3{margin:0;font-size:17px;line-height:1.3;letter-spacing:-.25px}
.p6-head .eyebrow{font-size:10px;margin-bottom:3px}
.p6-pager{display:inline-flex;align-items:center;gap:1px;border:1px solid var(--line);padding:2px;background:var(--surface);border-radius:999px;flex-shrink:0}
.p6-pager button{width:32px;height:32px;min-height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent}
.p6-pager button:not(:disabled):hover{background:var(--soft);color:var(--accent)}
.p6-pager button .svg{width:17px;height:17px}
.p6-pager span{min-width:44px;font-size:12px;font-weight:700;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}
.p6-context{font-size:12px;color:var(--muted);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:9px 0 17px;min-height:17px}
.p6-body{display:grid;grid-template-columns:minmax(130px,.86fr) minmax(0,1.14fr);gap:18px;flex:1;align-items:stretch}
.p6-media{position:relative;min-width:0;min-height:280px;isolation:isolate;border-radius:17px;background:#fff;border:1px solid var(--line);overflow:hidden;display:flex;align-items:center;justify-content:center}
.p6-photo{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;padding:20px;opacity:0;transition:opacity .15s ease;z-index:1}
.p6-media.is-loaded .p6-photo{opacity:1}
.p6-image-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;text-align:center;color:#737782;max-width:100%;padding:22px;font-size:13px;line-height:1.5}
.p6-image-state .svg{width:32px;height:32px;stroke-width:1.35;color:#adb0b8}
.p6-media.is-loaded .p6-image-state{visibility:hidden}
.p6-media-foot{position:absolute;left:14px;right:14px;bottom:18px;text-align:center;color:#80838d;font-size:11px;line-height:1.4}
.p6-expand{position:absolute;right:8px;bottom:8px;width:35px;height:35px;border-radius:12px;padding:7px;z-index:2;background:#ffffffee;color:#545760;border-color:#e5e5eb}
.p6-expand:hover{background:#fff0f6;color:#d43a77}
.p6-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:stretch}
.p6-topline{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 11px}
.p6-top-badge{display:inline-flex;background:var(--soft);color:var(--accent);padding:4px 8px;border-radius:8px;font-size:11px;font-weight:750;line-height:1.4;white-space:nowrap}
.p6-rank-label{font-size:11px;color:var(--muted);line-height:1.4}
.p6-name{font-size:20px;line-height:1.22;font-weight:750;letter-spacing:-.45px;margin:0 0 9px;color:var(--ink);overflow-wrap:anywhere}
.p6-meta{font-size:12px;line-height:1.45;color:var(--muted);margin:0 0 14px;overflow-wrap:anywhere}
.p6-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;margin:0 0 18px}
.p6-stats>div{min-width:0;border-top:1px solid var(--line);padding-top:9px}
.p6-stats dt{font-size:11px;color:var(--muted);line-height:1.35;font-weight:500}
.p6-stats dd{font-size:20px;font-weight:750;line-height:1.3;letter-spacing:-.45px;margin:5px 0 0;color:var(--ink);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.p6-stats dd small{font-size:11px;letter-spacing:0;color:var(--muted);font-weight:500}
.p6-stats dd.is-positive{color:#197b59}
.p6-stats dd.is-negative{color:#b54562}
:root[data-theme=dark] .p6-stats dd.is-positive{color:#77d4ad}
:root[data-theme=dark] .p6-stats dd.is-negative{color:#f3a0b5}
.p6-stats dd.p6-no-base{font-size:12px;font-weight:550;letter-spacing:0;line-height:1.45;color:var(--muted)}
.p6-filter{font-size:12px;min-height:42px;line-height:1.35;width:100%;margin-top:auto;text-align:center;padding:9px 10px}
.p6-filter .svg{width:17px;height:17px}
.p6-foot{font-size:11px;line-height:1.5;color:var(--muted);margin:14px 0 0;padding-top:11px;border-top:1px solid var(--line)}
.p6-empty{flex:1;min-height:285px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:24px;gap:8px}
.p6-empty>.svg{width:40px;height:40px;stroke-width:1.25}
.p6-empty h4{font-size:16px;color:var(--ink);font-weight:650;margin:6px 0 0}
.p6-empty p{font-size:13px;line-height:1.5;margin:0}
.a4-product.p6-previewed{background:var(--soft);box-shadow:inset 3px 0 0 var(--accent);border-radius:10px}
.p6-lightbox .p6-media-large{height:min(55dvh,570px);min-height:230px;margin-bottom:18px}
.p6-lightbox .p6-photo{padding:25px}
.p6-lightbox h3{font-size:21px;margin-bottom:8px;overflow-wrap:anywhere}
.p6-lightbox>p{color:var(--muted);margin-bottom:6px}
.p6-lightbox>.p6-stats{margin-top:18px;grid-template-columns:repeat(4,minmax(0,1fr))}
.p6-lightbox>button{min-height:44px}
@media(min-width:1700px){.p6-body{grid-template-columns:minmax(160px,.92fr) minmax(0,1.08fr);gap:22px}.p6-media{min-height:300px}.p6-name{font-size:22px}.p6-stats dd{font-size:22px}.p6-filter{font-size:13px}}
@media(max-width:1350px) and (min-width:1001px){
 .a6-dashboard>.trend-panel{grid-column:span 6;order:1}.a6-dashboard>.p6-spotlight{grid-column:span 6;order:2}
 .a6-dashboard>.a4-products{grid-column:span 7;order:3}.a6-dashboard>.brand-panel{grid-column:span 5;order:4}
 .a6-dashboard>.p6-geography{grid-column:span 6;order:5}.a6-dashboard>.a4-channel-card{grid-column:span 6;order:6}
 .a6-dashboard>.a4-channel-card .a4-channel-list{grid-template-columns:1fr}
 .p6-body{grid-template-columns:minmax(105px,.75fr) minmax(0,1.25fr);gap:13px}.p6-name{font-size:18px}.p6-stats dd{font-size:18px}.p6-spotlight{padding:17px}.p6-photo{padding:12px}
}
@media(max-width:1000px){
 .a6-dashboard{display:flex;flex-direction:column;gap:14px}
 .a6-dashboard>.trend-panel{order:1}.a6-dashboard>.p6-spotlight{order:2}.a6-dashboard>.brand-panel{order:3}.a6-dashboard>.a4-channel-card{order:4}.a6-dashboard>.a4-products{order:5}.a6-dashboard>.p6-geography{order:6}
 .a6-dashboard>.a4-channel-card .a4-channel-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .a6-dashboard>.brand-panel .a4-brand-layout{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center}
 .p6-body{grid-template-columns:minmax(140px,.85fr) minmax(0,1.15fr)}.p6-media{min-height:300px}
 .p6-pager button{width:42px;height:42px;min-height:42px}.p6-pager span{min-width:48px;font-size:13px}.p6-filter{min-height:46px;font-size:14px}
}
@media(max-width:600px){
 .p6-spotlight{padding:17px}.p6-body{display:flex;flex-direction:column;gap:18px}.p6-media{height:230px;min-height:230px}.p6-photo{padding:14px}.p6-media-foot{font-size:12px}
 .p6-name{font-size:21px;line-height:1.25}.p6-meta{font-size:13px}.p6-top-badge,.p6-rank-label{font-size:12px}.p6-stats{gap:14px 18px}.p6-stats dd{font-size:23px}.p6-stats dt{font-size:12px}.p6-stats dd.p6-no-base{font-size:13px}.p6-context{font-size:12px;margin-top:10px;white-space:normal;max-height:none;overflow-wrap:anywhere}.p6-foot{font-size:12px}
 .a6-dashboard>.brand-panel .a4-brand-layout{display:flex}.a6-dashboard>.a4-channel-card .a4-channel-list{grid-template-columns:1fr}
 .p6-lightbox>.p6-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.p6-lightbox .p6-media-large{height:42dvh}
 .p6-head h3{font-size:17px}.p6-pager span{min-width:43px}.p6-pager button{width:38px;height:40px;min-height:40px}
}
@media(prefers-reduced-motion:reduce){.p6-photo{transition:none}}

.p6-spotlight .p6-media.is-loaded .p6-photo{cursor:zoom-in}