html.promo-drawer-open { overflow:hidden; }
#promo-drawer { position:fixed; inset:0 0 0 auto; margin:0; padding:0; width:min(960px,100vw); max-width:100vw; height:100dvh; max-height:100dvh; border:0; border-left:1px solid #dce1e7; border-radius:0; background:white; box-shadow:-12px 0 40px #0002; color:#242a30; }
#promo-drawer::backdrop { background:#18212d66; }
#promo-drawer #promo-detail-panel { margin:0; padding:0 24px 24px; border:0; border-radius:0; box-shadow:none; background:white; }
#promo-drawer .detail-head { position:sticky; top:0; z-index:5; background:white; padding:20px 0; margin:0; border-bottom:1px solid #e2e6eb; display:flex; align-items:flex-start; gap:12px; }
#promo-drawer .detail-head h3 { margin:0; font-size:20px; line-height:1.5; overflow-wrap:anywhere; }
#promo-drawer .detail-head button { flex:0 0 36px; width:36px; height:36px; padding:0; font-size:26px; line-height:1; border:1px solid #dce1e7; border-radius:4px; color:#46515c; background:white; }
#promo-drawer-context { font-size:13px; line-height:1.8; color:#64707d; margin:16px 0; }
#promo-drawer .detail-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
#promo-drawer .dkpi { min-width:0; border-radius:4px; }
#promo-drawer .dkpi-value { font-size:22px; overflow-wrap:anywhere; }
#promo-drawer .charts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
#promo-drawer .charts:has(.chart-card[hidden]) { grid-template-columns:1fr; }
#promo-drawer .chart-card { min-width:0; padding:12px 0; border:0; box-shadow:none; background:white; }
#promo-drawer .chart-card[hidden] { display:none!important; }
#promo-drawer .chart-card h3 { font-size:15px; }
#promo-drawer .chart { height:270px; width:100%; }
#promo-drawer .table-card { padding:0; border:0; border-radius:0; box-shadow:none; }
#promo-drawer .table-wrap { max-height:none; overflow:auto; }
#promo-drawer table { width:100%; font-size:13px; }
#promo-drawer th { background:#edf1f5; color:#425064; }
#promo-drawer th,#promo-drawer td { padding:12px 8px; }
#promo-drawer button:focus-visible { outline:2px solid #2563eb; outline-offset:2px; }
@media(max-width:600px){#promo-drawer #promo-detail-panel{padding:0 12px 20px}#promo-drawer .detail-head h3{font-size:17px}#promo-drawer .detail-head{padding:16px 0}#promo-drawer .detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#promo-drawer .charts{grid-template-columns:1fr}#promo-drawer .dkpi-value{font-size:20px}#promo-drawer table{min-width:650px}}