
#ad-planner{--ap-bg:light-dark(#f3f6f8,#14222c);--ap-panel:light-dark(#fff,#1b303d);--ap-text:light-dark(#123647,#e5eff5);--ap-muted:light-dark(#526b7a,#b0c2cf);--ap-line:light-dark(#d6e1e8,#38505e);--ap-blue:light-dark(#1658df,#93b7ff);--ap-soft:light-dark(#edf3ff,#263e59);--ap-sp:light-dark(#2563eb,#779cff);--ap-sb:light-dark(#16877c,#63cdb8);--ap-meta:light-dark(#9361c1,#c499ed);--ap-video:light-dark(#c38a20,#f0c26b);font-family:Arial,sans-serif;color:var(--ap-text);background:var(--ap-bg);font-size:14px;line-height:1.5;border-radius:12px;overflow:hidden}
#ad-planner *{box-sizing:border-box}#ad-planner header{background:var(--ap-panel);padding:20px 26px;border-bottom:1px solid var(--ap-line);display:flex;justify-content:space-between;align-items:center;gap:14px}#ad-planner .brand{font-size:21px;font-weight:700;display:flex;align-items:center;gap:9px}#ad-planner .brand b{background:#153d50;color:white;border-radius:8px;padding:5px 8px;font-size:17px}#ad-planner .preview{font-size:12px;color:var(--ap-muted);border:1px solid var(--ap-line);border-radius:20px;padding:4px 11px}#ad-planner main{padding:20px 26px 30px}#ad-planner nav{display:flex;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--ap-line);margin-bottom:24px;font-size:12px;color:var(--ap-muted)}#ad-planner nav span{padding:7px 0 11px}#ad-planner nav .active{color:var(--ap-blue);border-bottom:3px solid var(--ap-blue);font-weight:700}#ad-planner h1{font-size:29px;line-height:1.2;letter-spacing:-.6px;margin:0 0 6px}#ad-planner h2{font-size:17px;margin:0}#ad-planner h3{font-size:14px;margin:0}#ad-planner p{margin:5px 0 14px}#ad-planner .muted{color:var(--ap-muted);font-size:12px}#ad-planner .panel{background:var(--ap-panel);border:1px solid var(--ap-line);border-radius:12px;padding:20px;margin-top:18px}#ad-planner .heading{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:14px}#ad-planner label{font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:6px}#ad-planner input,#ad-planner select{font:inherit;color:var(--ap-text);background:var(--ap-panel);border:1px solid var(--ap-line);padding:9px 10px;border-radius:7px;min-width:0;width:100%}#ad-planner button{font:inherit;border:1px solid var(--ap-line);border-radius:7px;padding:8px 12px;background:var(--ap-panel);color:var(--ap-blue);cursor:pointer}#ad-planner button.selected{background:var(--ap-soft);border-color:var(--ap-blue)}#ad-planner .controls{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:14px}#ad-planner .metrics{display:grid;grid-template-columns:repeat(3,1fr);background:#153d50;color:#fff;border-radius:10px;margin-top:17px;padding:16px 20px;gap:20px}#ad-planner .metrics span{display:block;font-size:12px;color:#c4d8e5}#ad-planner .metrics strong{display:block;font-size:25px;font-weight:600;margin-top:4px;font-variant-numeric:tabular-nums}#ad-planner .scroll{overflow-x:auto}#ad-planner table{border-collapse:collapse;width:100%;font-size:12px}#ad-planner th{text-align:left;color:var(--ap-muted);font-weight:600;border-bottom:1px solid var(--ap-line);padding:10px 7px;white-space:nowrap}#ad-planner td{padding:9px 7px;border-bottom:1px solid var(--ap-line);vertical-align:middle;font-variant-numeric:tabular-nums}#ad-planner td input{padding:6px;min-width:108px}#ad-planner td:first-child{min-width:230px}#ad-planner .num{text-align:right;white-space:nowrap}#ad-planner tfoot{font-weight:700;background:var(--ap-soft)}#ad-planner .row-name{width:100%;min-width:220px}#ad-planner .peaks{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:12px}#ad-planner .event-option{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px;border:1px solid var(--ap-line);padding:12px;border-radius:8px}#ad-planner .event-option label{display:flex;flex-direction:row;align-items:center;gap:7px;font-size:12px}#ad-planner .event-option input[type=checkbox]{width:16px;height:16px}#ad-planner .event-option select{padding:5px;font-size:12px}#ad-planner .event-option small{color:var(--ap-muted)}#ad-planner .mix{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}#ad-planner .mix-entry{border-left:3px solid var(--ap-sp);padding-left:12px}#ad-planner .mix-entry:nth-child(2){border-color:var(--ap-sb)}#ad-planner .mix-entry:nth-child(3){border-color:var(--ap-meta)}#ad-planner .mix-entry:nth-child(4){border-color:var(--ap-video)}#ad-planner .mix-entry input{max-width:95px}#ad-planner .mix-entry small{display:block;color:var(--ap-muted);font-size:12px;line-height:1.5;margin-top:7px}#ad-planner .mix-entry strong{display:block;margin:7px 0;font-size:18px}#ad-planner .legend{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:14px;font-size:12px}#ad-planner .legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px}#ad-planner .bar-row{display:grid;grid-template-columns:75px 1fr 96px;gap:12px;align-items:center;margin:10px 0;font-size:12px}#ad-planner .bar{display:flex;height:27px;border-radius:4px;overflow:hidden}#ad-planner .bar-row strong{text-align:right;font-variant-numeric:tabular-nums}#ad-planner .error{color:light-dark(#ad2837,#ffb5bc);font-size:12px}#ad-planner details{margin-top:15px}#ad-planner summary{cursor:pointer;color:var(--ap-blue);font-size:12px}#ad-planner .event-note{font-size:11px;color:var(--ap-muted)}#ad-planner [hidden]{display:none!important}#ad-planner .actions{display:flex;gap:8px;flex-wrap:wrap}#ad-planner .empty{padding:24px;color:var(--ap-muted)}
@media(max-width:750px){#ad-planner .controls,#ad-planner .mix,#ad-planner .peaks{grid-template-columns:1fr 1fr}#ad-planner main{padding:15px}#ad-planner header{padding:16px}#ad-planner nav{gap:13px}#ad-planner .metrics strong{font-size:21px}}@media(max-width:450px){#ad-planner .controls,#ad-planner .mix,#ad-planner .peaks,#ad-planner .metrics{grid-template-columns:1fr}#ad-planner .metrics{gap:10px}#ad-planner .metrics>div{display:flex;justify-content:space-between;align-items:center}#ad-planner .metrics strong{font-size:20px;margin:0}#ad-planner .bar-row{grid-template-columns:58px 1fr 75px;gap:6px}#ad-planner h1{font-size:25px}#ad-planner .panel{padding:14px}}
#ad-planner .event-windows label{flex-direction:row;align-items:center;gap:8px}#ad-planner .event-windows input[type=checkbox]{width:16px;min-width:16px}#ad-planner .event-windows small,#ad-planner .peak-share{display:block;color:var(--ap-muted);font-size:11px;margin-top:5px}#ad-planner .date-calendar{max-width:540px;margin:20px auto 0}#ad-planner .calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}#ad-planner .calendar-days span{text-align:center;font-size:12px;color:var(--ap-muted);padding:5px}#ad-planner .calendar-days button{color:var(--ap-text);padding:9px 2px;min-height:40px}#ad-planner .calendar-days button.in-window{background:var(--ap-soft);border-color:var(--ap-blue);color:var(--ap-blue)}#ad-planner .calendar-days button.range-edge{background:var(--ap-blue);color:var(--ap-panel)}

body{margin:0;background:#f3f6f8}#ad-planner{border-radius:0;min-height:100vh;color-scheme:light}#ad-planner main{max-width:1280px;margin:auto}#ad-planner header{padding-left:max(26px,calc((100% - 1228px)/2));padding-right:max(26px,calc((100% - 1228px)/2))}#ad-planner nav a{padding:7px 0 11px;text-decoration:none;color:var(--ap-muted)}#ad-planner input,#ad-planner select{font-size:14px}#ad-planner td select{min-width:160px}@media(max-width:600px){#ad-planner input,#ad-planner select{font-size:16px}}

#ad-planner .brand{display:block;width:210px;height:61px;overflow:hidden;flex-shrink:0}#ad-planner .brand img{display:block;width:226px;height:auto;max-width:none;transform:translate(-8px,-17px)}

#ad-planner{font-family:inherit;font-size:16px;color:#152d39;background:transparent;min-height:0;overflow:visible;border-radius:0;--ap-blue:#165dce;--ap-line:#dbe3e8;--ap-muted:#566977}
#ad-planner h1{font-size:38px;font-weight:650;line-height:1.15;letter-spacing:-1.3px;margin:0 0 12px}
#ad-planner .page-heading{margin-bottom:32px}
#ad-planner .intro{font-size:16px;color:#566977;margin:0}
#ad-planner .panel{padding:28px;border-radius:16px;margin-top:26px}
#ad-planner h2{font-size:18px;font-weight:650}
#ad-planner label{font-size:14px;font-weight:550}
#ad-planner input:not([type=checkbox]),#ad-planner select{min-height:48px;font-size:16px;padding:10px 12px;border-radius:8px;border-color:#cbd7df;font-weight:400}
#ad-planner table{font-size:14px}
#ad-planner th,#ad-planner td{padding:12px}
#ad-planner button{font-size:14px;min-height:40px}
#ad-planner .muted,#ad-planner .event-note{font-size:13px;line-height:1.6}
#ad-planner .heading{margin-bottom:16px}
@media(max-width:960px){#ad-planner h1{font-size:32px}#ad-planner .panel{padding:22px}}
@media(max-width:760px){#ad-planner h1{font-size:30px}#ad-planner .panel{padding:20px}#ad-planner .page-heading{margin-bottom:25px}#ad-planner .intro{line-height:1.6}}

#ad-planner .event-windows td:first-child{min-width:45px;width:45px}#ad-planner .event-windows td:nth-child(2){min-width:230px}#ad-planner .event-windows input[type=checkbox]{width:17px;height:17px;min-width:17px}#ad-planner .event-windows input[type=date]{min-width:160px}#ad-planner .event-windows input[type=number]{min-width:110px}

#ad-planner .mix{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
#ad-planner .mix-entry{min-width:0;padding-left:14px}
#ad-planner .platform-brand{display:flex;align-items:center;gap:7px;height:38px;margin-bottom:12px;font-weight:700;font-size:20px}
#ad-planner .platform-brand img{object-fit:contain;object-position:left center;max-width:100%;display:block}
#ad-planner .walmart-mark{width:155px;height:35px}
#ad-planner .meta-mark{width:38px;height:28px}
#ad-planner .mix-entry h3{font-size:16px;margin-bottom:16px}
#ad-planner .mix-entry label{margin-top:10px}
#ad-planner .mix-entry input:not([type=number]){max-width:none;width:100%}
#ad-planner .custom-channel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;font-size:14px;font-weight:600}
#ad-planner .mix-entry strong{margin:12px 0}
#ad-planner .actions{align-items:center}
@media(max-width:1000px){#ad-planner .mix{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){#ad-planner .mix{grid-template-columns:1fr}}

#ad-planner .report{padding:22px;background:#f3f7fc;border:1px solid #dbe5f1;border-radius:14px;margin:20px 0 28px}
#ad-planner .report-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:18px}
#ad-planner .report-controls label{flex:1;min-width:200px}
#ad-planner #ap-report-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#ad-planner #ap-report-pages figure{margin:0;background:white;border:1px solid #dbe5f1;border-radius:8px;overflow:hidden}
#ad-planner #ap-report-pages svg{display:block;width:100%;height:auto}
#ad-planner button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:800px){#ad-planner #ap-report-pages{grid-template-columns:1fr}}
@media print{
 @page{size:landscape;margin:8mm}
 body{background:white!important}body>header,main>nav,#ad-planner>*{display:none!important}
 body main{max-width:none!important;margin:0!important;padding:0!important}
 #ad-planner{overflow:visible!important;background:white!important}
 #ad-planner>section:last-child{display:block!important;border:0!important;padding:0!important;margin:0!important}
 #ad-planner>section:last-child>*{display:none!important}
 #ad-planner>section:last-child>#ap-report{display:block!important;background:white!important;padding:0!important;margin:0!important;border:0!important}
 #ap-report>*{display:none!important}#ap-report>#ap-report-content:not([hidden]){display:block!important}
 #ad-planner #ap-report-pages{display:block!important}
 #ad-planner #ap-report-pages figure{break-after:page;page-break-after:always;border:0!important;border-radius:0!important}
 #ad-planner #ap-report-pages figure:last-child{break-after:auto;page-break-after:auto}
 #ad-planner #ap-report-pages svg{height:185mm;width:100%;print-color-adjust:exact;-webkit-print-color-adjust:exact}
}

#ad-planner .program-allocation-heading{border-top:1px solid var(--ap-line);margin-top:24px;padding-top:24px}

#ad-planner [data-window-program]{min-width:190px;max-width:260px} #ad-planner .assigned-boosts{min-width:160px;font-size:14px}
