/* Seiten-Anordnung anfragen: nur Layout, Komponenten kommen aus app.css. */
.inq-bar .seg { max-width: 100%; }
@media (max-width: 767px) { .inq-bar .seg { flex: 1 1 100%; } .inq-bar .seg button { flex: 1 0 auto; justify-content: center; } }

.inq-list > li.inq { display: block; padding: 0; min-height: 0; }
.inq-row { display: flex; align-items: center; gap: var(--s3); width: 100%; min-height: 60px; padding: var(--s3) var(--s4); border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; transition: background-color 120ms ease; }
@media (hover: hover) and (pointer: fine) { .inq-row:hover { background: color-mix(in srgb, var(--surface-2) 55%, var(--surface)); } }
.inq-row .main-col { display: flex; flex-direction: column; min-width: 0; }
.inq-row .t, .inq-row .s { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inq-when { flex: none; color: var(--text-3); font-size: var(--fs-sm); width: 48px; text-align: right; }
.inq-st { flex: none; width: 92px; }
.inq-chev { flex: none; display: inline-flex; color: var(--text-3); font-size: 18px; }
@media (max-width: 520px) { .inq-when { display: none; } .inq-st { width: auto; } }
.inq.open .inq-row { background: var(--surface-2); }
.inq-detail { display: flex; flex-direction: column; gap: var(--s4); padding: var(--s4) var(--s4) var(--s5) calc(var(--s4) + 36px + var(--s3)); background: var(--surface-2); }
@media (max-width: 520px) { .inq-detail { padding-left: var(--s4); } }
.inq-msg { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; max-width: 70ch; }
.inq-link { display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-sm); font-weight: 600; color: var(--accent-deep); text-decoration: none; }
.inq-link .ic { font-size: 14px; }
.inq-acts { gap: var(--s2); }
.inq-detail .msg:empty { display: none; }