/*
 * Page-specific styles for the forumdisplay (thread-list) surface. Lifted from
 * docs/forum-theme/samples/forumdisplay.html's inline <style>; the shared chrome
 * classes (.paper, .bar, .catbar, .gap, .footer, .legend, plus the :root color
 * vars) live in forum.css and are NOT redefined here.
 */

.meta{display:flex; align-items:center; padding:6px 10px; font-size:11px; color:#333; gap:10px}
.meta .r{margin-left:auto}
.meta a{margin:0 3px}

.bar .r{margin-left:auto; font-weight:normal; font-size:11px; color:#e7f0fb}

.btn{display:inline-block; color:#003366; font-weight:bold; font-size:12px; text-decoration:none;
     padding:4px 12px; border:1px solid #6699cc; border-radius:2px; line-height:1.4; cursor:pointer;
     background:linear-gradient(to bottom,#fbfdff,#dceafd); box-shadow:inset 0 1px 0 #fff}
.btn:hover{background:linear-gradient(to bottom,#fff,#e8f1fe); text-decoration:none}

.toolbar{display:flex; align-items:center; padding:7px 10px; gap:8px}
.toolbar .r{margin-left:auto; display:flex; gap:6px}
.multi a, .multi span{display:inline-block; min-width:18px; text-align:center; padding:1px 5px;
     border:1px solid #cdd8ea; margin-right:3px; background:#fff; border-radius:2px; font-size:11px}
.multi .cur{background:#5C84BE; color:#fff; border-color:#4f78b3; font-weight:bold}
.multi .lbl{border:0; background:transparent; color:var(--muted); padding:0; margin-right:5px}

.thead,.trow{display:grid; grid-template-columns:30px 26px 1fr 116px 52px 52px 150px; align-items:center}
.thead{color:#fff; font-weight:bold; font-size:12px; border-bottom:1px solid var(--bar-edge);
     background:linear-gradient(to bottom, rgba(255,255,255,.40) 0%, rgba(255,255,255,.06) 48%,
               rgba(255,255,255,0) 49%, rgba(0,0,0,.04) 100%),
               linear-gradient(to bottom, var(--bar-top), var(--bar-bot));
     box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.thead>div{padding:4px 6px; text-align:center}
.thead .subj{text-align:left}
.trow{border-bottom:1px solid var(--rule)}
.trow:nth-of-type(odd){background:var(--row-a)}
.trow:nth-of-type(even){background:var(--row-b)}
.trow:hover{background:var(--row-hi)}
.trow>div{padding:6px 6px}

.c{display:flex; justify-content:center}
/* Real legacy thread-status gifs vary in intrinsic size (folder family +
   digest = 22x25, pin = 16x16, pollsmall = 16x14). Render at a uniform 16px
   height with auto width so they line up consistently and keep their aspect
   ratio (the old fixed 16x13 squashed the 22x25 folders). */
.folder,.mark{height:16px;width:auto;display:inline-block;vertical-align:middle;border:0}
/* Real legacy thread iconid gif (cdb_smilies type=icon, from images/smilies/) —
   poster-chosen icons vary in intrinsic size, so pin them to the same 16px height
   (auto width) as the folder/mark icons so every thread row lines up. */
.ttype{text-align:center}
.ticon{height:16px;width:auto;display:inline-block;vertical-align:middle;border:0}
.attachicon{height:16px;width:auto;display:inline-block;vertical-align:middle;border:0}

.subj{font-size:14px; min-width:0; display:flex; align-items:baseline; gap:4px; flex-wrap:wrap}
.subj a.t{color:#003366}
.marklbl{font-weight:bold;color:#003366}
.creditreq{color:#9a5b00; font-size:12px; white-space:nowrap}
.creditreq b{color:#7a3300}

.author{text-align:center;font-size:11px}
.author .d{color:var(--muted);font-size:11px}
.num{text-align:center;font-size:12px}
.num.rep b{color:#13386b}
.lp{font-size:11px;text-align:right;color:#333}
.lp .by{color:var(--muted)}

.modbar{padding:7px 10px; font-size:11px; background:#F8F9FC; border-bottom:1px solid var(--rule)}