/* round 9 (B7, MB-04): Setup › monday writes (js/mwrites.js). Existing variables only (Dawg Walk + Classic, light + dark). */
.mwr{display:flex;flex-direction:column;gap:12px}
.mwr-load{display:flex;align-items:center;gap:10px;padding:30px 6px;color:var(--ink2);font-weight:600}
.mwr-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px} .mwr-bar .sp{flex:1}
.mwr-chip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:15px;border:1px solid var(--green-bd,#b8ecd3);background:var(--green-l);color:var(--green-t,#0a7a4a);font:600 12px var(--font);white-space:nowrap}
.mwr-chip i{width:8px;height:8px;border-radius:50%;background:var(--green)} .mwr-chip.off{border-color:var(--rule);background:var(--paper2);color:var(--ink2)} .mwr-chip.off i{background:var(--ink3)}
.mwr .card{margin:0}
.mwr-card{display:flex;flex-direction:column;padding:0;min-width:0}
.mwr-ch{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--rule2);flex-wrap:wrap} .mwr-ch h3{margin:0;font-size:14.5px;font-weight:800} .mwr-ch .m{color:var(--ink2);font-size:12px} .mwr-ch .sp{flex:1}
.mwr-pad{padding:10px 16px 12px}
.mwr-lnk{color:var(--link,var(--indigo));font-weight:700;font-size:12px;white-space:nowrap}
/* health strip */
.mwr-hs{display:flex;align-items:stretch;padding:0;overflow:hidden;flex-wrap:wrap}
.mwr-it{flex:1 1 150px;padding:8px 16px;border-right:1px solid var(--rule2);min-width:0}
.mwr-it:last-child{border-right:0}
.mwr-it .lb{font:700 11px/1 var(--font);letter-spacing:.09em;text-transform:uppercase;color:var(--ink3)}
.mwr-it .v{font:800 15px/1.2 var(--font);margin-top:5px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.mwr-it .v small{font:500 11.5px var(--font);color:var(--ink2)}
.mwr-it.att{background:var(--amber-l)} .mwr-it.att .v{color:var(--amber-t,#8a5200)}
.mwr-gd{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none;box-shadow:0 0 0 3px var(--green-l)} .mwr-gd.a{background:var(--amber);box-shadow:0 0 0 3px var(--amber-l)}
/* rows */
.mwr-rowB{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.2fr);gap:12px;align-items:start}   /* R10: cards keep their own height (no empty gap in the switch card) */
.mwr-rowC{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:12px;align-items:stretch}
.mwr-rowD{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch}
/* switches */
.mwr-sw{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--rule2)}
.mwr-sw .bn{font-weight:800;font-size:13.5px} .mwr-sw .bid{font:500 11px var(--mono);color:var(--ink3);margin-left:6px}
.mwr-sw .s2{font-size:11.5px;color:var(--ink2);margin-top:2px} .mwr-sw .s2 b{color:var(--ink)} .mwr-sw.off .bn{color:var(--ink2)}
.mwr-tg{width:40px;height:22px;border-radius:11px;background:var(--grey);position:relative;border:0;flex:none;cursor:pointer;padding:0}
.mwr-tg::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:left .15s}
.mwr-tg.on{background:var(--green)} .mwr-tg.on::after{left:21px}
.mwr-tg:focus-visible{outline:2px solid var(--focus,var(--indigo));outline-offset:2px}
.mwr-swn{margin-top:auto;padding:8px 16px;font-size:11.5px;color:var(--ink2);background:var(--paper2);border-radius:0 0 12px 12px} .mwr-swn b{color:var(--ink)}
/* who can write */
.mwr-who{padding:6px 12px 2px;display:flex;flex-direction:column;gap:3px}
.mwr-wr{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:5px 8px;border-radius:7px}
.mwr-wr.on{background:var(--indigo-xl)} .mwr-wr b{font-size:12.5px} .mwr-wr small{font-size:11px;color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mwr-none{margin:4px 8px}
.mwr-grant{display:flex;gap:8px;padding:8px 12px 0;align-items:center} .mwr-grant select{flex:1;min-width:0}
.mwr-foot{margin:6px 12px 10px}
/* automations */
.mwr-warn{background:var(--amber-l);border-color:var(--amber-bd,#fbd9a8)} .mwr-warn .mwr-ch{border-bottom-color:var(--amber-bd,#fbd9a8)}
.mwr-cw{width:22px;height:22px;border-radius:50%;background:var(--amber);color:var(--amber-ink,#1b1305);display:grid;place-items:center;font:800 13px/1 var(--font);flex:none}
.mwr-wbig{font-size:13.5px;font-weight:800;line-height:1.35;padding:9px 16px 3px}
.mwr-warn ul{list-style:none;padding:2px 16px 4px;margin:0} .mwr-warn li{font-size:12px;line-height:1.4;color:var(--ink2);padding:2px 0 2px 13px;position:relative}
.mwr-warn li::before{content:'';position:absolute;left:1px;top:8px;width:5px;height:5px;border-radius:50%;background:var(--amber-t,#8a5200)} .mwr-warn li b{color:var(--ink)}
.mwr-src{margin:auto 16px 10px;color:var(--ink3)}
/* column rules */
.mwr-rbs{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px 4px}
.mwr-chipb{border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:14px;padding:3px 10px;font:600 12px var(--font);white-space:nowrap;cursor:pointer}
.mwr-chipb.on{background:var(--indigo);color:var(--on-accent,#fff);border-color:var(--indigo)} .mwr-chipb .n{font:500 11px var(--font);opacity:.75}
.mwr-rr{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;padding:7px 16px;border-bottom:1px solid var(--rule2);align-items:start} .mwr-rr:last-child{border-bottom:0}
.mwr-rp{justify-self:start;display:inline-block;font:700 11px/1 var(--font);padding:5px 8px;border-radius:11px;white-space:nowrap}
.mwr-rp.g{background:var(--green-l);color:var(--green-t,#0a7a4a)} .mwr-rp.a{background:var(--amber-l);color:var(--amber-t,#8a5200)} .mwr-rp.b{background:var(--blue-l);color:var(--blue-t,#1f5fc7)} .mwr-rp.n{background:var(--grey-l);color:var(--ink2)} .mwr-rp.k{background:var(--ink);color:var(--paper)}
.mwr-rr .cols{font-size:12px;font-weight:600;line-height:1.4;overflow-wrap:anywhere} .mwr-rr .ex{font-size:11px;color:var(--ink2);margin-top:2px;line-height:1.4}
.mwr-mir{display:block;font:500 11px/1.4 var(--font);color:var(--ink3)} .mwr-mirl{display:block;margin-top:4px;font-size:11px;color:var(--ink3);overflow-wrap:anywhere}
.mwr-zap{margin-left:2px;font-size:11px}
.mwr-pend{font:600 11px var(--font);color:var(--amber-t,#8a5200);white-space:nowrap} .mwr-pend::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--amber);margin-right:4px;vertical-align:1px}
.mwr-ok{font:600 11px var(--font);color:var(--green-t,#0a7a4a);white-space:nowrap}
.mwr-dry{font:600 11px var(--font);color:var(--ink2);white-space:nowrap} .mwr-ao{font:500 11px var(--font);color:var(--ink3);white-space:nowrap}
.mwr-cf{font:700 11px var(--font);color:var(--amber-t,#8a5200);white-space:nowrap} .mwr-bad{font:700 11px var(--font);color:var(--red-t,#b01e37);white-space:nowrap}
/* write log */
.mwr-log{min-height:0}
.mwr-wlw{overflow:auto;max-height:430px;min-height:120px}
table.mwr-wl{table-layout:fixed;width:100%}
.mwr-wl th{padding:6px 7px;white-space:nowrap;position:sticky;top:0;z-index:1;font-size:11px}
.mwr-wl td{padding:5px 7px;font-size:12px;line-height:1.25;overflow:hidden;vertical-align:middle}
.mwr-wl td small{display:block;font-size:11px;line-height:1.2;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mwr-wl td.o b{font:600 11.5px/1.25 var(--mono);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mwr-wl td.t{font:500 11.5px/1.25 var(--font)} .mwr-wl td.t small{font-family:var(--font)} .mwr-wl td.f{font-weight:600} .mwr-wl td.f small{font-weight:500}
.mwr-wl td.v{overflow-wrap:break-word} .mwr-wl td.v .ov{color:var(--ink3);text-decoration:line-through} .mwr-wl td.v b{font-weight:700}
.mwr-wl tr.cf td{background:var(--amber-l)} .mwr-wl tr.cf td:first-child{box-shadow:inset 3px 0 0 var(--amber)} .mwr-wl tr.ud td{color:var(--ink3)}
.mwr-wl td.mwr-empty{color:var(--ink2);font-size:12.5px;padding:18px 12px;white-space:normal}
.mwr-ub{height:22px;padding:0 8px;border:1px solid var(--rule);background:var(--paper);border-radius:5px;font:700 11px var(--font);color:var(--ink);cursor:pointer;white-space:nowrap}
.mwr-ub:hover{border-color:var(--ink)} .mwr-ub.rs{background:var(--amber);border-color:var(--amber);color:var(--amber-ink,#1b1305);padding:0 6px}
/* frozen window + map */
.mwr-frz{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0}
.mwr-step{display:inline-flex;align-items:center;gap:4px} .mwr-step.dim{opacity:.5} .mwr-step input{width:56px;text-align:center}
.mwr-prev{margin:8px 0;padding:8px 11px;border-radius:8px;background:var(--indigo-xl);border:1px solid var(--rule);font-size:12.5px;font-weight:700} .mwr-prev.off{color:var(--ink2);font-weight:600}
table.mwr-map{width:100%} .mwr-map td{padding:6px 4px;border-bottom:1px solid var(--rule2);vertical-align:top} .mwr-map tr:last-child td{border-bottom:0} .mwr-map tbody tr:hover td{background:none}
.mwr-map td:first-child{width:38%} .mwr-map td small{display:block;font-size:11px;color:var(--ink3);font-weight:500;margin-top:2px} .mwr-map select{width:100%}
.mwr-mw{display:block;margin-top:3px;font-size:11px;color:var(--amber-t,#8a5200);font-weight:600} .mwr-mw.bad{color:var(--red-t,#b01e37)}
/* confirm + conflict dialogs (in #modal) */
.mwr-cm,.mwr-cfd{max-width:480px} .mwr-cmh{display:flex;align-items:center;gap:10px;margin-bottom:6px} .mwr-cmh h3{margin:0;font-size:15px}
.mwr-cmb{padding-left:32px;font-size:13px;color:var(--ink2);line-height:1.45} .mwr-cmb p{margin:5px 0} .mwr-cmb b{color:var(--ink)}
.mwr-cmf{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--rule2);flex-wrap:wrap} .mwr-cml{flex:1;font:500 11px var(--font);color:var(--ink2)}
.mwr-cfd .who{font-size:12px;color:var(--ink2)} .mwr-cfd .who b{font-family:var(--mono);color:var(--ink)} .mwr-cfd .msg{font-size:13.5px;font-weight:800;margin:6px 0}
.mwr-cfd .opts{display:grid;grid-template-columns:1fr 1fr;gap:8px} .mwr-cfd .op{border:1px solid var(--rule);border-radius:8px;padding:6px 10px}
.mwr-cfd .op .l{font:700 11px/1.2 var(--font);letter-spacing:.07em;text-transform:uppercase;color:var(--ink2)} .mwr-cfd .op .v{font:800 17px/1.2 var(--font);margin-top:2px;overflow-wrap:anywhere}
.mwr-cfd .op.m{background:var(--indigo-xl)} .mwr-cfd .op.o{background:var(--blue-l)}
.mwr-cfd .was{margin-top:6px;font-size:11.5px;color:var(--ink2)} .mwr-cfd .db{display:flex;gap:8px;margin-top:10px} .mwr-cfd .db .btn{flex:1}
/* tablet */
@media (max-width:1280px){ .mwr-rowB{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .mwr-rowB>.mwr-warn{grid-column:1 / -1} .mwr-rowC{grid-template-columns:minmax(0,1fr)} }
@media (max-width:900px){ .mwr-rowB,.mwr-rowD{grid-template-columns:minmax(0,1fr)} .mwr-it{flex-basis:45%;border-bottom:1px solid var(--rule2)} .mwr-rr{grid-template-columns:minmax(0,1fr);gap:4px} .mwr-wl colgroup col:nth-child(3){width:26%} }

/* Settings › Modules (js/modswitch.js): a new round-9 page that is still off — "Off · new" (kept here, next to the other round-9 styles) */
.msw-hid.msw-new{background:var(--amber-l);color:var(--amber-t,#8a5200);letter-spacing:.03em;text-transform:none;font-size:11px}
/* round 10 (U12): one quiet line while every board is off; column names wrap as a list; no mono outside codes */
.mwr-quiet{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px}
.mwr-quiet .mwr-gd{flex:none}
.mwr-rr .cols,.mwr-mirl{display:flex;flex-wrap:wrap;gap:2px 14px;white-space:normal}
.mwr-mirl{margin-top:4px}
.mwr-cn{white-space:nowrap}
.mwr-wl td.t{font-variant-numeric:tabular-nums}
/* R10 fix: automation details sit in a How this works section */
.mwr-howto{margin:4px 16px 10px} .mwr-howto ul{padding:4px 0 2px} .mwr-howto .mwr-src{margin:6px 0 2px}