/* F261: Sporingsvakt — boksen #monBox i egen fane 1 · Sporingsvakt (F287). Alt er scopet til boksen. */
#secMon #monBox{padding:10px 14px}
#secMon #monBox>summary{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
#secMon #monBox>summary:hover{color:var(--ink)}
#secMon #monBox[open]>summary{margin-bottom:10px}
#secMon #monBox .monkilde{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px}
#secMon #monBox .monkilde label{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:10.5px}
#secMon #monBox .monkilde select,#secMon #monBox .monkilde input,#secMon #monBox .monfilter select,#secMon #monBox .monfilter input{font-family:var(--mono);font-size:11px;border:1px solid var(--line);border-radius:2px;background:var(--white);color:var(--ink);padding:4px 6px}
#secMon #monBox .monkilde input{width:64px}
#secMon #monBox .monstatus,#secMon #monBox .monmsg,#secMon #monBox .monfilterinfo{font-size:10.5px;color:var(--muted)}
#secMon #monBox .monmsg:not(:empty){margin-top:8px;color:var(--clay)}
#secMon #monBox .montiles{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 10px}
#secMon #monBox .montile{border:1px solid var(--line);border-radius:3px;background:var(--white);padding:8px 14px;min-width:84px;cursor:pointer;opacity:.55}
#secMon #monBox .montile.on,#secMon #monBox .montile.ok{opacity:1}
#secMon #monBox .montile.ok{cursor:default}
#secMon #monBox .montile b{display:block;font-size:20px;line-height:1.1;font-weight:600}
#secMon #monBox .montile span{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
#secMon #monBox .montile.err b{color:var(--clay)}
#secMon #monBox .montile.warn b{color:var(--warning)}
#secMon #monBox .montile.info b{color:var(--navy)}
#secMon #monBox .montile.ok b{color:var(--up)}
#secMon #monBox .monfilter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
#secMon #monBox .monfilter .chips{display:inline-flex;gap:4px}
#secMon #monBox #monReset{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}
#secMon #monBox .monfilter select{width:auto;min-width:160px;max-width:320px}
#secMon #monBox .monfilter input[type=search]{width:auto;min-width:220px}
#secMon #monBox .montab td{white-space:normal;vertical-align:top}
#secMon #monBox .montab td.ent{white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}
#secMon #monBox .montab td.num{white-space:nowrap}
#secMon #monBox .montab .montext{font-family:var(--ui);font-size:11.5px;line-height:1.5;color:var(--ink);min-width:320px}
#secMon #monBox .montab .monhint{font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:2px}
#secMon #monBox .montab .monhead td{background:var(--cream);cursor:pointer;padding:7px 9px;font-family:var(--ui);font-size:12px}
#secMon #monBox .montab .monhead:hover td{background:var(--line-soft)}
#secMon #monBox .montab .montri{display:inline-block;width:10px;color:var(--muted);font-size:11px}
#secMon #monBox .montab .monsev{margin-left:10px;font-size:10px;color:var(--muted)}
#secMon #monBox .montab .monworst{font-size:10.5px;color:var(--muted)}
#secMon #monBox .monbadge{font-family:var(--mono);font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--clay);border:1px solid var(--clay);border-radius:3px;padding:0 4px;margin-left:6px;vertical-align:1px}
#secMon #monBox .monmore{font-size:9.5px;color:var(--muted);border:1px solid var(--line-soft);border-radius:3px;padding:0 4px;margin-left:4px}
#secMon #monBox .weak{color:var(--muted)}
#secMon #monBox .montab td.monplat{white-space:nowrap;font-size:10.5px;line-height:1.5}
#secMon #monBox .evtag.egen{color:var(--forest);border-color:var(--forest)}
#secMon #monBox i.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;vertical-align:0;background:var(--muted)}
#secMon #monBox i.dot.err{background:var(--clay)}
#secMon #monBox i.dot.warn{background:var(--warning)}
#secMon #monBox i.dot.info{background:var(--navy)}
#secMon #monBox i.dot.ok{background:var(--up)}
#secMon #monBox .montab tr.ok td{opacity:.8}
#secMon #monBox .monokn{margin-left:8px;font-size:10px;color:var(--up)}
#secMon #monBox #monOk{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}
#secMon #monBox #monOk.on{background:var(--forest);color:#fff;border-color:var(--forest)}
#secMon #monBox .monspark{display:block}
#secMon #monBox .monspark rect{fill:var(--olive-soft)}
#secMon #monBox .monspark rect.base{fill:var(--cream)}
#secMon #monBox .monspark rect.recent{fill:var(--forest)}
#secMon #monBox .monspark rect.zero{fill:var(--clay)}
#secMon #monBox .monspark rect.periode{fill:var(--warning);opacity:.25}
#secMon #monBox .monempty{padding:14px 4px;font-size:11px;color:var(--muted)}
/* F271: status, kommentarer, notat */
#secMon #monBox .montab td.monstatus{white-space:nowrap;vertical-align:top;min-width:120px}
#secMon #monBox .monstatus-sel{font-family:var(--mono);font-size:10.5px;border:1px solid var(--line);border-radius:2px;background:var(--white);color:var(--ink);padding:2px 4px;width:auto;display:block;margin-bottom:4px}
#secMon #monBox .monstatus-sel.st-arbeid{border-color:var(--warning);color:var(--warning)}
#secMon #monBox .monstatus-sel.st-handtert{border-color:var(--up);color:var(--up)}
#secMon #monBox .monstatus-sel.st-kjent{border-color:var(--navy);color:var(--navy)}
/* F272: håndterte punkter blir stående på plassen sin — grønne; kjent årsak blå; under arbeid gul kant */
#secMon #monBox .montab tr.st-handtert td{background:#E9F1E6 !important}
#secMon #monBox .montab tr.st-handtert td.ent{border-left:3px solid var(--up)}
#secMon #monBox .montab tr.st-kjent td{background:#EAF0F7 !important}
#secMon #monBox .montab tr.st-kjent td.ent{border-left:3px solid var(--navy)}
#secMon #monBox .montab tr.st-arbeid td.ent{border-left:3px solid var(--warning)}
#secMon #monBox .montiny{font-size:9px;margin-top:2px}
#secMon #monBox .monthreadbtn,#secMon #monBox .monnotebtn,#secMon #monBox .monnoteform .cbtn,#secMon #monBox .monthread .cbtn,#secMon #monBox .monglemt-rm{font-family:var(--mono);font-size:9.5px;color:var(--forest);background:none;border:1px solid var(--line);border-radius:3px;padding:1px 6px;cursor:pointer}
#secMon #monBox .monthreadbtn.on{background:var(--forest);color:#fff;border-color:var(--forest)}
#secMon #monBox .monnotebtn{margin-left:10px}
#secMon #monBox .monhandled{color:var(--up);margin-left:6px}
#secMon #monBox .monnotetag{margin-left:8px;font-size:9.5px;color:var(--navy);border:1px solid var(--navy);border-radius:3px;padding:0 5px}
#secMon #monBox .montab tr.monthread td{background:var(--paper);padding:8px 12px 8px 28px}
#secMon #monBox .monthreadlist{font-family:var(--ui);font-size:11.5px;line-height:1.5;margin-bottom:6px}
#secMon #monBox .monkom{margin:2px 0}
#secMon #monBox .monthread form{display:flex;gap:6px}
#secMon #monBox .monthread input{flex:1;font-family:var(--mono);font-size:11px;border:1px solid var(--line);border-radius:2px;padding:4px 6px;background:var(--white);color:var(--ink)}
#secMon #monBox .montab tr.monnoterow td{background:#EEF2F7;font-family:var(--ui);font-size:11.5px;line-height:1.5;padding:7px 12px}
#secMon #monBox .montab tr.monnoterow.utl td{background:var(--paper);color:var(--muted)}
#secMon #monBox .monnotelab{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);margin-right:4px}
#secMon #monBox .monnoteform textarea{width:100%;box-sizing:border-box;font-family:var(--mono);font-size:11px;border:1px solid var(--line);border-radius:2px;padding:5px 6px;background:var(--white);color:var(--ink)}
#secMon #monBox .monnotectl{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:6px;font-size:10px;color:var(--muted)}
#secMon #monBox .monnotectl select,#secMon #monBox .monnotectl input{width:auto;font-family:var(--mono);font-size:10.5px;border:1px solid var(--line);border-radius:2px;padding:2px 4px;background:var(--white);color:var(--ink);margin-left:4px}
#secMon #monBox .monktx{font-family:var(--mono);font-size:10px;color:var(--navy);margin-top:3px}
#secMon #monBox .montab tr.monglemt td{background:var(--paper);font-size:10.5px;color:var(--muted);padding:6px 12px}
#secMon #monBox .monglemt summary{cursor:pointer}
/* F273: utelatte perioder */
#secMon #monBox .monexbtn,#secMon #monBox .monexmanbtn,#secMon #monBox .monexform .cbtn,#secMon #monBox .monexrm{font-family:var(--mono);font-size:9.5px;color:var(--forest);background:none;border:1px solid var(--line);border-radius:3px;padding:1px 6px;cursor:pointer}
#secMon #monBox .monexbtn{display:block;margin-top:4px;color:var(--clay);border-color:var(--clay)}
#secMon #monBox .monexbtn.on{background:var(--clay);color:#fff}
#secMon #monBox .monexmanbtn{margin-left:6px}
#secMon #monBox .monextag{font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--up);border:1px solid var(--up);border-radius:3px;padding:0 4px;margin-top:4px;display:inline-block}
#secMon #monBox .montab tr.monexrow td,#secMon #monBox .montab tr.monexlist td{background:#FBF3EC;padding:8px 12px;font-size:11px}
#secMon #monBox .montab tr.monexlist td{background:var(--paper)}
#secMon #monBox .monexform{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#secMon #monBox .monexform label{font-size:10px;color:var(--muted)}
#secMon #monBox .monexform input,#secMon #monBox .monexform select{width:auto;font-family:var(--mono);font-size:10.5px;border:1px solid var(--line);border-radius:2px;padding:2px 4px;background:var(--white);color:var(--ink);margin-left:3px}
#secMon #monBox .monexform input[name=kommentar]{min-width:220px}
#secMon #monBox .monexform .montiny{flex-basis:100%}
#secMon #monBox .monexlab{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--clay);margin-right:4px}
#secMon #monBox .monexitem{font-family:var(--ui);font-size:11.5px;line-height:1.6}
#secMon #monBox .monexline{font-family:var(--mono);font-size:10px;color:var(--clay);margin-top:3px}
#secMon #monBox .monleg{display:inline-block;width:14px;height:9px;vertical-align:-1px;border:1px solid var(--line)}
#secMon #monBox .monleg.base{background:var(--cream)}
#secMon #monBox .monleg.recent{background:var(--forest)}
#secMon #monBox .monleg.zero{background:var(--clay)}
#secMon #monBox .monleg.periode{background:var(--warning);opacity:.35}
#secMon #monBox .monleg.utelat{background:repeating-linear-gradient(45deg,rgba(138,75,42,.1),rgba(138,75,42,.1) 2px,#8A4B2A 2px,#8A4B2A 3px)}
#secMon #monBox .monexdates{font-family:var(--mono);color:var(--ink)}
#secMon #monBox .monfoot{font-size:10.5px;color:var(--muted);margin-top:10px;line-height:1.6}
#secMon #monBox .monfoot details summary{cursor:pointer;color:var(--ink)}
#secMon #monBox .monfoot .monnote{margin-top:6px;font-size:10px}
#secMon #monBox .monrules{margin-top:12px;border-top:1px dashed var(--line);padding-top:8px}
#secMon #monBox .monrules>summary{cursor:pointer;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:flex;gap:10px;list-style:none}
#secMon #monBox .monrules>summary::-webkit-details-marker{display:none}
#secMon #monBox .monrules>summary::before{content:'▸';font-size:11px}
#secMon #monBox .monrules[open]>summary::before{content:'▾'}
#secMon #monBox .monrules>summary:hover{color:var(--ink)}
#secMon #monBox .monrulesgrunnlag{font-size:10.5px;color:var(--muted);margin:8px 0;line-height:1.5}
#secMon #monBox .monrulestab td{white-space:normal;vertical-align:top}
#secMon #monBox .monrulestab .montext{font-family:var(--ui);font-size:11.5px;line-height:1.5;color:var(--ink);min-width:320px}
#secMon #monBox .monjustrow{display:flex;flex-wrap:wrap;gap:4px 10px}
#secMon #monBox .monjust{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:9.5px;color:var(--muted);white-space:nowrap}
#secMon #monBox .monjust input{width:58px;font-family:var(--mono);font-size:10.5px;border:1px solid var(--line);border-radius:2px;padding:2px 4px;background:var(--white);color:var(--ink)}
#secMon #monBox .monjust input.on{border-color:var(--forest);background:var(--cream);font-weight:600}
#secMon #monBox .monrulesfoot{font-size:10.5px;color:var(--muted);margin-top:8px;display:flex;gap:10px;align-items:center}
#secMon #monBox #monRulesStd{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}
@media (prefers-reduced-motion:reduce){#secMon #monBox .spin{animation:none}}