/* v1.4 (26.10.2026): panel "Do posprzątania" - lista kategorii z lewej, tabela wybranej z prawej. Tylko tokeny z theme.css. */
#messBody{padding:0;border-top:1px solid var(--line)}
.mlay{display:grid;grid-template-columns:250px minmax(0,1fr);max-width:1400px}
.mlist{border-right:1px solid var(--line);padding:4px 8px 10px}
.mlist .mscope{margin:10px 6px 4px}
.mrow{display:flex;align-items:baseline;gap:8px;width:100%;text-align:left;border:0;background:transparent;color:var(--fg);font:13px/1.35 var(--font);padding:5px 8px;border-radius:5px;cursor:pointer}
.mrow b{flex:0 0 26px;text-align:right;font:600 12.5px var(--mono);color:var(--flag)}
.mrow span{min-width:0}
.mrow:hover{background:var(--sprint)}
.mrow.sel{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}
.mrow.nc b{color:var(--muted)}
.mrow.hit{background:var(--flag-soft)}
.mrow:focus-visible,.mgo:focus-visible,.mqb:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.mdet{min-width:0;padding:10px 12px 12px}
.mdh{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.mdt{font-size:15px;font-weight:600}
.mdn{font:500 12.5px var(--mono);color:var(--muted)}
.mqb{width:20px;height:20px;border:1px solid var(--line-strong);border-radius:50%;background:transparent;color:var(--muted);font:600 11px/1 var(--font);padding:0;cursor:pointer}
.mqb[aria-expanded="true"]{background:var(--accent-soft);border-color:var(--accent);color:var(--fg)}
.mjq{margin-left:auto;font-size:12px;color:var(--muted);border:1px solid var(--line-strong);border-radius:6px;padding:2px 10px;text-decoration:none;white-space:nowrap}
.mjq.live{color:var(--accent);border-color:var(--accent)}
.mjq:hover{background:var(--sprint)}
.mwhy{margin:6px 0 0;font-size:12px;color:var(--muted);max-width:90ch}
.mcom{margin:6px 0 0;font-size:12px;color:var(--muted)}
.mcom b{color:var(--fg);font-family:var(--mono);font-weight:500}
.mtw{margin-top:8px;border:1px solid var(--line);border-radius:5px;background:var(--bg);overflow:hidden}
.mtab{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12.5px}
.mtab col.ck{width:86px}.mtab col.cst{width:150px}.mtab col.cspr{width:110px}.mtab col.cwho{width:100px}.mtab col.cx{width:26%}.mtab col.cgo{width:30px}
.mtab th{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600;text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}
.mtab td{padding:5px 8px;border-top:1px solid var(--line);vertical-align:baseline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mtab tbody tr:first-child td{border-top:0}
.mtab tbody tr{cursor:pointer}
.mtab tbody tr:hover{background:var(--sprint)}
.mtab tbody tr.hit{background:var(--flag-soft)}
.mtab td.ck a{font:11.5px var(--mono);color:var(--accent);text-decoration:none}
.mtab td.ck a:hover,.mtab td.cx a:hover{text-decoration:underline}
.mtab td.cs[data-t],.mtab td.cs[data-k]{cursor:pointer}
.mtab td.cs[data-t]:hover,.mtab td.cs[data-k]:hover{text-decoration:underline}
.mtab td.cx{color:var(--muted);font-size:11.5px;white-space:normal}
.mtab td.cx a{color:var(--accent);font-family:var(--mono);text-decoration:none}
.mtab td.cwho,.mtab td.cspr{color:var(--muted);font-family:var(--mono);font-size:11.5px}
.mtab td.cwho i{font-style:normal}
.stc{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;font-size:11.5px;color:var(--c);border:1px solid var(--c);border-radius:999px;padding:0 8px;line-height:1.5}
.mgo{border:0;background:transparent;color:var(--muted);font:600 15px/1 var(--font);cursor:pointer;padding:0 4px}
.mgo:hover{color:var(--fg)}
.mtab td.cgo{padding:0;text-align:center;text-overflow:clip}
/* przypięty obok osi (360 px): kategorie nad tabelą, wiersz tabeli w dwóch liniach - klucz i tytuł, pod spodem status i reszta */
#mess.pinned .mlay{grid-template-columns:1fr}
#mess.pinned .mlist{border-right:0;border-bottom:1px solid var(--line);padding:2px 6px 6px}
#mess.pinned .mrow{padding:3px 8px}
#mess.pinned .mdet{padding:8px 10px 10px}
#mess.pinned .mtab thead{display:none}
#mess.pinned .mtab,#mess.pinned .mtab tbody{display:block}
#mess.pinned .mtab tr{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;padding:4px 8px;border-top:1px solid var(--line)}
#mess.pinned .mtab tr:first-child{border-top:0}
#mess.pinned .mtab td{display:block;border:0;padding:0}
#mess.pinned .mtab td.cs{flex:1 1 calc(100% - 94px);min-width:0;white-space:normal}
#mess.pinned .mtab td.cgo{display:none}
#mess.pinned .mtab td.cst,#mess.pinned .mtab td.cspr,#mess.pinned .mtab td.cwho{flex:0 0 auto;font-size:11px}
#mess.pinned .mtab td.cst{margin-left:94px;margin-top:2px}
#mess.pinned .mtab td.cx{flex-basis:100%;padding-left:94px}
#mess.pinned .mtab td.ck{flex:0 0 86px}
/* wąski ekran: kategorie nad tabelą, tabela przewijana w poziomie */
@media (max-width:760px){.mlay{grid-template-columns:1fr}.mlist{border-right:0;border-bottom:1px solid var(--line)}.mtw{overflow-x:auto}.mtab{min-width:640px}}
