/* F285: fane 5 · Daglig — daglig budsjettfordeling per adset/kampanje innenfor hver kanal.
   Samme flate som fane 3/4 (planwrap/plantools), tabellstilen er arvet fra F280-bud-signalene som flyttet hit fra fane 2. */
#secDaily{--advcol:440px;--chatcol:372px;display:grid;grid-template-columns:var(--advcol) minmax(0,1fr) var(--chatcol);align-items:stretch;min-height:calc(100vh - 50px)}   /* .301: innstillinger-stripe til venstre, assistent til høyre */   /* som fane 3/4: innhold + assistent-dokk */
#secDaily .agent{background:var(--white);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0;position:sticky;top:50px;height:calc(100vh - 50px)}
#secDaily .agent #dailyChatTgl{font-family:var(--mono);font-size:10px;color:var(--forest);background:none;border:0;border-bottom:1px solid var(--line);padding:8px 10px;cursor:pointer;text-align:left}
/* sammenslått assistent (standard i fane 5): smal stripe med knappen stående, dokken skjult */
#secDaily.chat-collapsed{--chatcol:34px} #secDaily.adv-collapsed{--advcol:34px}
#secDaily.chat-collapsed .agent #assistHost{display:none}
#secDaily.chat-collapsed .agent #dailyChatTgl{writing-mode:vertical-rl;transform:rotate(180deg);border:0;padding:12px 8px;letter-spacing:.08em}
@media (max-width:1180px){#secDaily,#secDaily.chat-collapsed,#secDaily.adv-collapsed{grid-template-columns:1fr} #secDaily .agent{display:none}}
#secDaily .planwrap{min-width:0;display:flex;flex-direction:column;padding:14px 18px;gap:10px;height:calc(100vh - 50px);box-sizing:border-box;position:sticky;top:50px}
#secDaily .plantools{display:flex;align-items:center;gap:14px;min-height:44px;flex-wrap:wrap}
#secDaily .dailymock{color:var(--clay);border:1px solid var(--clay);border-radius:3px;padding:0 6px;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
#secDaily .dailypick{font-size:11px;display:inline-flex;align-items:center;gap:6px}
#secDaily .dailypick select{font:inherit;font-size:11px;max-width:260px}
#secDaily #dailyBody{overflow:auto;min-height:0;flex:1 1 auto;display:flex;flex-direction:column;gap:12px}
#secDaily .dailyempty{font-family:var(--mono);font-size:12px;color:var(--muted);padding:24px 0;max-width:620px;line-height:1.6}

/* oppsummering øverst: live-telling, rammer per gruppe, regler */
#secDaily .dsum{display:flex;flex-wrap:wrap;gap:8px 18px;font-family:var(--mono);font-size:10.5px;color:var(--muted);align-items:baseline}
#secDaily .dsum b{color:var(--forest);font-weight:600}
#secDaily .dsum .opp{color:var(--up)} #secDaily .dsum .ned{color:var(--clay)}
#secDaily .dctl{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:10.5px;color:var(--muted)}
#secDaily .dctl label{display:inline-flex;align-items:center;gap:8px}
#secDaily .dctl .dseg{display:inline-flex;border:1px solid var(--line);border-radius:2px;overflow:hidden;background:var(--white)}
#secDaily .dctl .dseg button{background:none;border:0;padding:4px 10px;font-size:10.5px;cursor:pointer;color:var(--muted);font-family:var(--ui)}
#secDaily .dctl .dseg button.on{background:var(--forest);color:#fff;font-weight:600}
#secDaily .dctl input[type=range]{width:140px}
#secDaily .dctl .dnote{font-size:10px}
#secDaily .dgroups{display:flex;flex-wrap:wrap;gap:6px}
#secDaily .dgroup{font-family:var(--mono);font-size:10px;border:1px solid var(--line);border-radius:3px;padding:2px 8px;background:var(--paper)}
#secDaily .dgroup b{color:var(--forest)}
#secDaily details.drules{font-family:var(--mono);font-size:10px;color:var(--muted)}
#secDaily details.drules summary{cursor:pointer;letter-spacing:.12em;text-transform:uppercase;font-size:9.5px}
#secDaily details.drules ul{margin:6px 0 0;padding-left:16px;line-height:1.6;max-width:720px}

/* neste krone (F285): den avgjørende rangeringen øverst */
#secDaily .neste{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:1400px){#secDaily .neste{grid-template-columns:1fr}}
#secDaily .nk{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:8px 12px 6px}
#secDaily .nk h4{margin:0 0 4px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase} #secDaily .nk h4 .mono{letter-spacing:0;text-transform:none;color:var(--muted);font-weight:400;font-size:10px}
#secDaily .nk.best h4{color:var(--up)} #secDaily .nk.verst h4{color:var(--clay)}
#secDaily .nk ol{margin:0;padding-left:20px;font-size:11px}
#secDaily .nk li{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;align-items:baseline;padding:3px 0;border-top:1px solid var(--line)}
#secDaily .nk li:first-child{border-top:0}
#secDaily .nk li .navn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#secDaily .nk li .tag{font-size:9.5px;color:var(--muted)} #secDaily .nk li b{font-variant-numeric:tabular-nums} #secDaily .nk li .rom{font-size:9.5px;color:var(--muted)}

/* seksjoner per produkt/segment (F285) */
#secDaily section.seksjon{display:flex;flex-direction:column;gap:10px;padding:10px 12px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}
#secDaily .dsek h2{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--forest);display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
#secDaily .dsek h2 .mono{letter-spacing:0;text-transform:none;font-size:10.5px;color:var(--muted);font-weight:400}
#secDaily .dsek h2 .ned{color:var(--clay)}
#secDaily section.seksjon .dcard,#secDaily section.seksjon .nk{background:var(--white)}
#secDaily section.seksjon details.drest{background:var(--white)}

/* kontrollpanel (F285): Øk og Senk/Pause side om side, resten under, alle kolonner i Detaljer */
#secDaily .dpanel{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
@media (max-width:1400px){#secDaily .dpanel{grid-template-columns:1fr}}
#secDaily .dcard{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:8px 10px 10px;min-width:0}
#secDaily .dcard h3{margin:0 0 6px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;display:flex;gap:10px;align-items:baseline}
#secDaily .dcard h3 .mono{letter-spacing:0;text-transform:none;font-size:10.5px;color:var(--muted);font-weight:400}
#secDaily .dcard.opp h3{color:var(--up)} #secDaily .dcard.ned h3{color:var(--clay)}
#secDaily .dcard .tom{font-size:10.5px;color:var(--muted);padding:6px 0}
#secDaily .bidtab.kompakt th{position:static;font-size:10px;padding:4px 8px}
#secDaily .bidtab.kompakt td{padding:5px 8px;font-size:10.5px}
#secDaily .bidtab.kompakt td.ent{max-width:360px}
#secDaily .bidtab.kompakt td.ent .kampl{display:block}
#secDaily .bidtab.kompakt td.sig .why{max-width:320px}
#secDaily .bidtab.kompakt td.num b{font-weight:600}
#secDaily details.drest{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:6px 10px}
#secDaily details.drest>summary{cursor:pointer;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--forest);display:flex;gap:10px;align-items:baseline}
#secDaily details.drest>summary .mono{letter-spacing:0;text-transform:none;color:var(--muted)}
#secDaily details.drest[open]>summary{margin-bottom:6px}
#secDaily details.detaljer>summary{color:var(--muted)}
#secDaily details.grunnlag{background:var(--white)}
#secDaily details.grunnlag .drules{font-family:var(--mono);font-size:10px;color:var(--muted)} #secDaily details.grunnlag .drules ul{margin:6px 0 0;padding-left:16px;line-height:1.6;max-width:760px}
#secDaily .dsum{font-size:11px} #secDaily .dsum b{font-size:12px}
#secDaily .dsum.uten{color:var(--clay)} #secDaily .dsum.uten b{color:var(--clay)}
#secDaily details.detaljer .dgroups{margin:4px 0 8px}

/* enhetstabellen (fra F280) */
#secDaily .bidtab{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:10.5px}
#secDaily .bidtab th{background:var(--forest);color:#fff;text-align:left;padding:5px 8px;font-weight:600;white-space:nowrap;position:sticky;top:0;z-index:1}
#secDaily .bidtab th.num,#secDaily .bidtab td.num{text-align:right;white-space:nowrap}
#secDaily .bidtab td{border:1px solid var(--line);padding:4px 8px;vertical-align:top;background:var(--white)}
#secDaily .bidtab td.ent{font-family:var(--ui);font-size:11px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#secDaily .bidtab td.opp{color:var(--up);font-weight:600} #secDaily .bidtab td.ned{color:var(--clay);font-weight:600}
#secDaily .bidtab td.sig{white-space:nowrap;min-width:260px} #secDaily .bidtab td.sig .why{font-size:9px;color:var(--muted);white-space:normal;max-width:300px}   /* min-width: ellers klemmes kolonnen til «· Hold» og grunnen brekker i 6 linjer */
#secDaily .bidtab tr.sig-opp td.sig b{color:var(--up)} #secDaily .bidtab tr.sig-ned td.sig b{color:var(--clay)} #secDaily .bidtab tr.sig-pause td{opacity:.75}
#secDaily .bidtab tr.sig-hold td.sig b{color:var(--muted)}
#secDaily .bidtab tr.grp td{background:var(--paper);font-weight:600;color:var(--forest);border-top:2px solid var(--forest)}
#secDaily .bidtab .weak{color:var(--muted)}
#secDaily .bidtab .arv{font-size:9px;color:var(--muted);border:1px dashed var(--line);border-radius:3px;padding:0 4px;margin-left:4px}
#secDaily .bidtab td.ent{cursor:pointer}
#secDaily .bidtab td.ent.vis{white-space:normal;max-width:420px;overflow:visible;text-overflow:clip}
#secDaily .bidtab td.ent .kampl{font-family:var(--mono);font-size:9.5px;color:var(--muted);margin-top:3px;white-space:normal}
#secDaily .bidtab th .kbtn{color:#fff;border-color:rgba(255,255,255,.5);margin-left:8px}
/* responskurve per rad (F285): knapp i navnecellen, egen rad under med SVG og legend */
#secDaily .bidtab .kbtn{font-family:var(--mono);font-size:9px;color:var(--forest);background:none;border:1px solid var(--line);border-radius:3px;padding:0 5px;margin-right:6px;cursor:pointer;vertical-align:middle}
#secDaily .bidtab .kbtn.on,#secDaily .bidtab .kbtn:hover{background:var(--forest);color:#fff;border-color:var(--forest)}
#secDaily .bidtab tr.aapen td{border-bottom:0}
#secDaily .bidtab tr.kurverad td{background:var(--paper);padding:8px 12px 10px}
#secDaily .kurvebox{display:flex;flex-direction:column;gap:6px}
#secDaily .kurvebox svg{display:block;max-width:100%;height:auto;font-family:var(--mono)}
#secDaily .kurvebox .grid{stroke:var(--line);stroke-width:1;stroke-dasharray:2 3}
#secDaily .kurvebox .axis{stroke:var(--muted);stroke-width:1}
#secDaily .kurvebox .tick{fill:var(--muted);font-size:9.5px} #secDaily .kurvebox .tick.ax{font-size:9px;letter-spacing:.04em}
#secDaily .kurvebox polyline{fill:none;stroke-width:1.6}
#secDaily .kurvebox polyline.egen{stroke:var(--forest);stroke-width:2.6}
#secDaily .kurvebox polyline.best{stroke:var(--up)} #secDaily .kurvebox polyline.verst{stroke:var(--clay)}
#secDaily .kurvebox .naa{fill:var(--forest)} #secDaily .kurvebox .forslag{fill:none;stroke:var(--forest);stroke-width:2}
#secDaily .kurvebox .legend{display:flex;flex-wrap:wrap;gap:4px 16px;font-family:var(--mono);font-size:10px;color:var(--muted)}
#secDaily .kurvebox .lg{display:inline-flex;align-items:center;gap:6px}
#secDaily .kurvebox .lg i{display:inline-block;width:18px;border-top:2px solid var(--muted)}
#secDaily .kurvebox .lg.egen i{border-top:3px solid var(--forest)} #secDaily .kurvebox .lg.best i{border-top-color:var(--up)} #secDaily .kurvebox .lg.verst i{border-top-color:var(--clay)}
#secDaily .kurvebox .lg i.mk{border:0;width:0}
#secDaily .bidtab .mettet{display:inline-block;margin-left:5px;padding:0 4px;border-radius:3px;background:var(--clay);color:#fff;font-size:9px;font-weight:600}   /* overspend vs. kurven */
#secDaily .bidtab tr.notlive td{opacity:.6}
#secDaily .bidtab .aoja{color:#fff;background:var(--forest);border-radius:3px;padding:0 5px;font-weight:600}
#secDaily .bidtab .aonei{color:var(--muted)}
#secDaily .bidtab td.sp{white-space:nowrap}
#secDaily .spark{display:inline-flex;align-items:center;gap:6px}
#secDaily .spark svg{display:block;color:var(--line);font-family:var(--mono)} #secDaily .spark rect{fill:var(--muted);opacity:.55} #secDaily .spark rect.s7{fill:var(--forest);opacity:1}
#secDaily .spark .gl{stroke:var(--line);stroke-width:1} #secDaily .spark .snitt{stroke:var(--forest);stroke-width:1;stroke-dasharray:3 2}
#secDaily .spark .sl{fill:var(--muted);font-size:8px} #secDaily .spark .sl.sn{fill:var(--forest);font-weight:600}
#secDaily .bidtab td.sp{min-width:200px}
#secDaily .spark .opp{color:var(--up)} #secDaily .spark .ned{color:var(--clay)}
#secDaily .bidctl{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#secDaily .bidctl .mini{font-family:var(--mono);font-size:10px;color:var(--forest);background:none;border:1px solid var(--line);border-radius:3px;padding:2px 8px;cursor:pointer}
#secDaily .bidnote{font-size:10px;color:var(--muted);flex-basis:100%;font-family:var(--mono)}
#secDaily .bidpayload{font-size:10px;max-height:320px;overflow:auto;background:var(--white);border:1px solid var(--line);padding:8px;white-space:pre;font-family:var(--mono)}
/* ramme per seksjon (F285): siste ukes spend eller valgt beløp */
#secDaily .rammectl{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;color:var(--muted);letter-spacing:0;text-transform:none;font-weight:400}
#secDaily .rammectl .rammeInp{width:88px;font:inherit;font-family:var(--mono);font-size:11px;padding:1px 6px;border:1px solid var(--line);border-radius:3px;background:var(--white);color:var(--forest);font-weight:600;text-align:right}
#secDaily .rammectl .rammemodus{color:var(--muted)} #secDaily .rammectl .rammemodus.valgt{color:var(--clay);font-weight:600} #secDaily .rammectl .rammemodus.opt{color:var(--forest);font-weight:600}
#secDaily .rammectl .kbtn{padding:1px 7px;font-size:10px} #secDaily .rammectl .kbtn+.kbtn{margin-left:4px} #secDaily .rammectl .kbtn:disabled{opacity:.45;cursor:default}
/* kanalsummer for neste periode + «slik regnes mROAS» (F285 build .246) */
#secDaily .dkanaler{margin:6px 0 2px} #secDaily .dkanaler h3{margin:0 0 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--forest);display:flex;gap:14px;align-items:baseline}
#secDaily .dkanaler h3 label{text-transform:none;letter-spacing:0;font-weight:400} #secDaily #dailyPeriode{width:52px;font:inherit;font-family:var(--mono);font-size:11px;padding:0 4px;border:1px solid var(--line);border-radius:3px;text-align:right}
#secDaily .kanaltab table{width:auto;min-width:60%} #secDaily .kanaltab td,#secDaily .kanaltab th{padding:3px 10px;white-space:nowrap} #secDaily .kanaltab tr.tot td{border-top:2px solid var(--forest);font-weight:600}
#secDaily .kanaltab .weak{color:var(--muted);font-weight:400}
#secDaily details.mroas .legend{font-size:10.5px;color:var(--muted);margin:6px 0 4px;line-height:1.6} #secDaily details.mroas ol.steg{font-size:10.5px;color:var(--ink);margin:4px 0 8px 18px;line-height:1.5} #secDaily details.mroas ol.steg li{margin:2px 0}
#secDaily .kilde{display:inline-block;font-family:var(--mono);font-size:8.5px;letter-spacing:.04em;text-transform:uppercase;padding:0 4px;border-radius:3px;border:1px solid var(--line);vertical-align:middle;margin-right:2px}
#secDaily .kilde.maalt{color:var(--forest);border-color:var(--forest)} #secDaily .kilde.modell{color:#3b5bdb;border-color:#3b5bdb} #secDaily .kilde.fast{color:var(--muted)} #secDaily .kilde.estimat{color:var(--clay);border-color:var(--clay)}

/* .271: lange navn (Adform-kreativer) skal brytes, ikke renne over cellen; sammenslått rad viser bare kort navn + tag */
#secDaily .bidtab td.ent{max-width:520px;overflow-wrap:anywhere;word-break:break-word}
#secDaily .bidtab td.ent .navn,#secDaily .bidtab td.ent .kampl{overflow-wrap:anywhere;word-break:break-word}
#secDaily .dpanel .bidtab td.ent{max-width:380px}
/* F292: Enkel visning — luftig liste uten paneler; «Avansert» viser alt */
#secDaily .dsum.enkel{font-size:12px;gap:10px 22px;margin:4px 0 8px} #secDaily .dsum.enkel .weak{color:var(--muted);font-weight:400}
#secDaily .seksjon.enkel .dsek h2{font-size:13px} #secDaily .seksjon.enkel .dpanel{margin-top:6px}
#secDaily .bidtab .mettet.svak{background:none;color:var(--muted);border:1px dashed var(--line);margin-left:4px}
/* .290: AO-bryteren i fane 6 */
#dailyTools #dailyAoTgl.on{background:var(--forest);color:#fff} #dailyTools #dailyAoTgl .n{font-family:var(--mono);font-size:9px;letter-spacing:.1em;margin-right:5px;opacity:.75}

/* .301: venstre stripe «Innstillinger» — samme mønster som assistent-stripen; åpen = skuffen ligger i layouten (ikke overlegg) */
#secDaily .agent.railv{border-left:0;border-right:1px solid var(--line);overflow:auto}
#secDaily .agent.railv #dailyAdvOpen{font-family:var(--mono);font-size:10px;color:var(--forest);background:none;border:0;border-bottom:1px solid var(--line);padding:8px 10px;cursor:pointer;text-align:left}
#secDaily.adv-collapsed .agent.railv #dailyAdvOpen{writing-mode:vertical-rl;transform:rotate(180deg);border:0;padding:12px 8px;letter-spacing:.08em}
#secDaily.adv-collapsed .agent.railv .advdrawer{display:none}
#secDaily .agent.railv .advdrawer{position:static;transform:none;box-shadow:none;border-right:0;width:100%;height:auto;flex:1 1 auto;min-height:0;overflow:auto}
#secDaily .agent.railv .advdrawer .advhead #advClose{display:none}

/* .304: Nivå/MMM-flytting også i Enkel */
#secDaily .dctl.enkel{margin:6px 0 2px}