/* Settings: Security, Mobile devices (mobile-devices.js). Uses the app's colour variables, so both themes work. Status is a word first, colour second. */
#md-block{max-width:980px}
#md-block .m{font-family:ui-monospace,Consolas,monospace;font-size:12.5px;overflow-wrap:anywhere}
#md-block .md-lead,#md-block .md-status{max-width:78ch;margin:0 0 8px}
#md-block .md-status{border:1px solid var(--bd2);border-radius:var(--r);padding:8px 12px;background:var(--sf)}
#md-block .md-switch{display:flex;gap:10px;align-items:flex-start;margin:12px 0;padding:10px 12px;border:1px solid var(--bd2);border-radius:var(--r);background:var(--sf);cursor:pointer;max-width:78ch;min-height:44px}
#md-block .md-h{font-size:13px;margin:18px 0 8px;color:var(--ink2);text-transform:uppercase;letter-spacing:.05em}
#md-block .md-list{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:6px;max-width:940px}
#md-block .md-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.2fr) auto;gap:6px 14px;align-items:center;padding:8px 12px;border:1px solid var(--bd2);border-radius:var(--r);background:var(--sf);min-height:44px;cursor:pointer}
#md-block .md-row:hover{background:var(--sf2)}
#md-block .md-row.open{border-color:var(--acc);background:var(--sel)}
#md-block .md-user{grid-template-columns:auto minmax(0,1.4fr) minmax(0,1.2fr)}
#md-block .md-main{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere}
#md-block .md-dev{color:var(--ink2);font-size:12.5px}
#md-block .md-meta{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;font-size:12.5px}
#md-block .md-state{font-weight:600}
#md-block .md-act{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end;cursor:default}
#md-block .md-ask{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}
#md-block .md-detail{grid-column:1/-1;margin-top:2px;overflow-wrap:anywhere;cursor:default}
#md-block .md-msg{min-height:20px;margin:6px 0 0;max-width:76ch;overflow-wrap:anywhere}
@media(max-width:719px){
  #md-block .md-row,#md-block .md-user{grid-template-columns:1fr}
  #md-block .md-user{grid-template-columns:auto 1fr}
  #md-block .md-user .md-meta{grid-column:2}
  #md-block .md-act{justify-content:flex-start}
  #md-block .md-act .btn{flex:1 1 auto;min-height:44px}
}