/* AERODROME WARNING page (js/pages/warning.page.js) */
body[data-view=warning] #sg-warning,body[data-view=warning] #v-warning{display:flex}
#v-warning{flex-direction:column}
.wbadge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:8px;padding:0 6px;border-radius:999px;background:#e5484d;color:#fff;font:800 12px var(--ff)}
.wbadge[hidden]{display:none}
.wgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap);align-items:start}
.wgrid [hidden]{display:none!important}
.wbody{padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.wrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#v-warning .f{display:flex;flex-direction:column;gap:5px;margin:0}
#v-warning .f label{font:700 14.5px var(--ff);color:var(--navy)}
#v-warning .f input,#v-warning .f select,#v-warning .f textarea{width:100%;box-sizing:border-box;height:42px;padding:0 12px;border:1px solid #cddcf3;border-radius:10px;background:#fff;color:var(--ink);font:16px var(--ff)}
#v-warning .f input[readonly]{background:#eef3fb;color:#51607d;cursor:not-allowed}
#v-warning .f textarea{height:auto;min-height:92px;padding:10px 12px;font:600 14.5px/1.45 ui-monospace,Consolas,monospace;resize:vertical}
#v-warning .f input:focus,#v-warning .f select:focus,#v-warning .f textarea:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 3px rgba(29,107,243,.18)}
#wForm{display:flex;flex-direction:column;gap:12px}
.wmsg{margin:0;min-height:18px;font-size:14px;color:#1e6b3a}
.wmsg.bad{color:#c0262d;font-weight:700}
.wc{border:1px solid #dbe5f5;border-radius:12px;padding:10px 12px;background:#fff;margin-bottom:10px}
.wc header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}
.wc header>span:first-of-type{color:#51607d;font-size:14px}
.wc header time{margin-left:auto;color:#7a89a6;font-size:13px}
.wc pre{margin:0;white-space:pre-wrap;word-break:break-word;font:600 14.5px/1.45 ui-monospace,Consolas,monospace;color:#102a52}
.wact{display:flex;gap:8px;margin-top:10px;justify-content:flex-end;flex-wrap:wrap}
.wact .btn{height:40px;padding:0 14px;white-space:nowrap}
.wst{border:1px solid #cddcf3;border-radius:12px;margin-bottom:12px;background:#f6f9ff;padding:6px 10px}
.wst>summary{cursor:pointer;display:flex;align-items:center;gap:10px;padding:6px 2px;font-size:16px;color:var(--navy)}
dialog#wEdit{width:min(560px,94vw);padding:0;border:0;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 24px 60px rgba(8,22,48,.45)}
dialog#wEdit::backdrop{background:rgba(8,22,48,.55)}
.wedf{padding:20px 22px;display:flex;flex-direction:column;gap:10px}
.wedf h2{margin:0;font-size:22px;color:var(--navy)}
.wedf textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #cddcf3;border-radius:10px;font:600 14.5px/1.45 ui-monospace,Consolas,monospace;resize:vertical}
@media(max-width:1000px){.wgrid{grid-template-columns:1fr}}
#wList,#wAsk{max-height:80vh;overflow:auto}
@media print{#v-warning{display:none!important}}
#wBadge:empty{display:none}
dialog#wNote{width:min(640px,94vw);padding:0;border:0;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 24px 60px rgba(8,22,48,.45)}
dialog#wNote::backdrop{background:rgba(8,22,48,.55)}
.wnf{padding:20px 22px;display:flex;flex-direction:column;gap:10px;max-height:92vh;overflow:auto}
.wnf h2{margin:0;font-size:24px;color:#0b7a4f}
#wNoteBody{margin:4px 0}
.wedf .f{display:flex;flex-direction:column;gap:4px}.wedf .f label{font-weight:700;font-size:13px;color:var(--navy)}
.wedf .f input{padding:9px 12px;border:1px solid #cddcf3;border-radius:10px;font:600 14.5px system-ui,Arial,sans-serif}
.wedf textarea[readonly]{background:#f3f6fb}
.wchips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:2px 0 8px}
.wchips span{font:700 12px system-ui,Arial,sans-serif;color:var(--navy);margin-right:2px}
.wchips button{padding:5px 10px;border:1px solid #b9cdea;border-radius:999px;background:#fff;color:var(--navy);font:700 13px system-ui,Arial,sans-serif;cursor:pointer}

/* ---- colourful form: blue = Light Aircraft, red = Thunderstorm, purple = both, green = cancellation ---- */
.wform{--th:#1769d1;--th2:#0b4aa8;--tl:#eef5ff;--tb:#c4d8f6;overflow:hidden}
.wform.t-ts{--th:#f59a1f;--th2:#d9780a;--tl:#fff6e8;--tb:#f7d9a8}
.wform.t-both{--th:#6c3ad6;--th2:#3b1d94;--tl:#f5f0ff;--tb:#d3c5f4}
.wform.t-cnl{--th:#0f8a6b;--th2:#06553f;--tl:#eafaf4;--tb:#b8e4d6}
.wbanner{display:flex;align-items:center;gap:16px;padding:18px 20px;color:#fff;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 45%),linear-gradient(110deg,var(--th2),var(--th))}
.wbanner b{display:block;font:800 25px/1.15 var(--ff)}.wbanner small{display:block;margin-top:4px;font:500 15px var(--ff);opacity:.92}
.wban{display:inline-flex;gap:2px}.wban .wi{width:50px;height:50px;stroke-width:1.5}
.wi{width:19px;height:19px;flex:none}
#v-warning .f label{display:flex;align-items:center;gap:7px}#v-warning .f label .wi{color:var(--th)}
.wgroup{display:flex;flex-direction:column;gap:8px}
.wlab{display:flex;align-items:center;gap:8px;font:800 16px var(--ff);color:var(--navy)}.wlab .wi{color:var(--th)}
.wcard{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border:1px solid var(--tb);border-radius:14px;background:var(--tl)}.wcard .wlab{color:var(--th)}
.wrow3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wrow3 .f label{font-size:12.5px;line-height:1.2;min-height:30px;align-items:flex-start}
.wtiles{display:grid;gap:10px}.wtiles.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.wtiles.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.wtiles.c1{grid-template-columns:1fr}
.wt{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:72px;padding:10px 6px;border:1.5px solid #d3deef;border-radius:12px;background:#fff;color:#33415c;font:700 13.5px/1.2 var(--ff);text-align:center;cursor:pointer;transition:background .15s,box-shadow .15s}
.wt:hover{border-color:var(--th)}
.wt .wi{width:28px;height:28px}.wt:not(.on) .wi{color:var(--th)}
.wchk{display:none;position:absolute;top:6px;right:6px;width:19px!important;height:19px!important;padding:3px;border-radius:50%;background:#fff;color:var(--th)!important;stroke-width:3}
.wt.on{background:linear-gradient(160deg,var(--th),var(--th2));border-color:var(--th);color:#fff;box-shadow:0 8px 16px -8px var(--th)}.wt.on .wchk{display:block}
#wFt .wt,#wChg .wt,#wCnlList .wt{flex-direction:row;min-height:52px;gap:10px;font-size:15px}
#wFt .wt .wi,#wChg .wt .wi,#wCnlList .wt .wi{width:24px;height:24px}
#wCnlList .wt{justify-content:flex-start;text-align:left;padding:10px 40px 10px 14px}
#wFt .wt.on,#wChg .wt.on{background:linear-gradient(160deg,#2a7bf0,#1259c9);border-color:#1769d1;box-shadow:0 8px 16px -8px #1769d1}#wFt .wt .wchk,#wChg .wt .wchk{color:#1769d1!important}
.wunit{position:relative;display:flex;align-items:center}.wunit input{padding-right:46px!important}
.wunit span{position:absolute;right:7px;display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:26px;padding:0 6px;border-radius:7px;background:#eef3fb;color:#51607d;font:700 12px var(--ff)}.wunit .wi{width:16px;height:16px;color:var(--th)}
.wchips button.on{background:var(--th);color:#fff;border-color:var(--th)}.wchips span{color:var(--th)}
.wprev{padding:12px 14px;border-radius:14px;color:#fff;background:linear-gradient(160deg,#12294f,#091630);box-shadow:inset 0 0 0 1px #274470}
.wprevh{display:flex;align-items:center;gap:8px;margin-bottom:8px}.wprevh b{font:800 16px var(--ff)}.wprevh em{font:500 15px var(--ff);opacity:.8}.wprevh .wi{color:#cfe0ff}
.wprevh button{margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid #4a6aa3;border-radius:9px;background:rgba(255,255,255,.07);color:#fff;font:700 13px var(--ff);cursor:pointer}.wprevh button .wi{width:15px;height:15px;color:#fff}
.wprev textarea{width:100%;box-sizing:border-box;min-height:96px;padding:10px 12px;background:#0a1a38;border:1px solid #2a4574;border-radius:10px;color:#eaf1ff;font:600 14.5px/1.55 ui-monospace,Consolas,monospace;resize:vertical}
.wprev textarea:focus{outline:0;border-color:#6aa3ff;box-shadow:0 0 0 3px rgba(106,163,255,.25)}
.wbtns{display:flex;gap:10px;flex-wrap:wrap}
.wb{height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #cddcf3;border-radius:12px;background:#fff;color:#33415c;font:700 15px var(--ff);cursor:pointer}
.wb .wi{width:19px;height:19px}.wb:hover{border-color:var(--th)}
.wb.go{flex:1;min-width:190px;border-color:transparent;color:#fff;background:linear-gradient(100deg,var(--th),var(--th2));box-shadow:0 10px 18px -10px var(--th)}.wb.go .wi{color:#fff}.wb.go:disabled{opacity:.6}
.wban .wi{color:#fff}
@media(max-width:560px){.wrow3{grid-template-columns:1fr}.wrow3 .f label{min-height:0}}
.wrow3 .f label{min-height:36px}
#wForm .wtiles.c1 .wt{flex-direction:row;min-height:48px;gap:10px;font-size:15px}

/* cancel warning (administrator): Cancel button on a transmitted warning + confirmation pop-up */
.wact .btn.dng{margin-right:auto;display:inline-flex;align-items:center;gap:6px;border-color:#e3a5a5;color:#d9473f;background:#fff}
.wact .btn.dng:hover{background:#fdeeee}
.wact .btn.dng .wi{width:16px;height:16px}
.wc .bdg.bad{background:#fde8e8;color:#d9473f}
dialog#wCnlD{width:min(560px,94vw);padding:0;border:0;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 24px 60px rgba(8,22,48,.45)}
dialog#wCnlD::backdrop{background:rgba(8,22,48,.55)}
.wedf h2.wcnlh{color:#d9473f}
.wcnlpre{margin:0;padding:12px 14px;border:1px solid #e3a5a5;border-radius:10px;background:#fff7f7;white-space:pre-wrap;word-break:break-word;font:700 15px/1.5 ui-monospace,Consolas,monospace;color:#102a52}
.wedf .btn.dng{background:#e5484d;border-color:#e5484d;color:#fff;margin-right:0}
.wedf .btn.dng:hover{background:#d13b40}

/* Active vs History toggle inside #wPaneList */
.wseg{margin-left:auto}
.wseg button{height:32px;padding:0 12px;font-size:13px}