/* Sujets : la banque filtrable. */
/* ----------------------------------------------------------- sujets */
.filters { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-bottom: 18px; }
.inp { font: inherit; color: var(--fg); background: rgba(0,0,0,.2); border: 1px solid var(--baize-line); border-radius: 3px; padding: 8px 12px; min-width: 260px; }
.inp::placeholder { color: var(--fg-faint); }
.inp:focus { outline: none; border-color: var(--fg-dim); }
.chip { font-family: var(--disp); font-size: 13px; letter-spacing: .06em; text-transform: uppercase; padding: 5px 10px; border: 1px solid var(--baize-line); border-radius: 3px; color: var(--fg-dim); }
.chip.on { background: var(--cream); color: var(--on-cream); border-color: var(--cream); }
.sujets .dom { margin-top: 26px; }
.sujets .dom h2 { margin-bottom: 4px; }
.tgroup { margin-top: 14px; border-top: 1px solid var(--baize-line); }
.tgroup > .th { display: grid; grid-template-columns: minmax(0, 1fr) 96px 40px; gap: 12px; align-items: center; padding: 10px 0 4px; }
.tgroup > .th h3 { color: var(--fg); }
.tgroup > .th .actn { font-family: var(--type); font-size: 12px; color: var(--fg-faint); text-align: right; }
.qrow {
  display: grid; grid-template-columns: 22px minmax(0, 1fr) 170px; gap: 12px; align-items: baseline;
  width: 100%; text-align: left; padding: 8px 0; border-top: 1px dashed var(--baize-line); font-size: 15px; transition: background .15s;
}
.qrow:hover { background: rgba(255,255,255,.04); }
.qrow .lv { font-family: var(--disp); font-size: 12px; color: var(--fg-faint); letter-spacing: .05em; }
.qrow .qq { line-height: 1.4; }
.qrow .qq.p { font-family: var(--type); font-size: 14px; }
.brow .tag, .qrow .qq .tag { font-family: var(--disp); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--on-cream); background: var(--cream); padding: 1px 6px; border-radius: 2px; margin-right: 8px; vertical-align: 1px; }
.qrow .st { font-family: var(--type); font-size: 12px; text-align: right; color: var(--fg-faint); }
.qrow .st.due { color: var(--cream); } .qrow .st.low { color: #ff9a86; }