.ui-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr)); gap:.75rem; }
.ui-grid > * { min-width:0; }
.ui-section { margin-block:1rem; }
.ui-list { padding-inline-start:1.25rem; }
.ui-list li { margin-block:.4rem; overflow-wrap:anywhere; }
.ui-meta { color:var(--muted,#555); font-size:.88em; }
.ui-board details > summary { cursor:pointer; }
.ui-board .card { overflow-wrap:anywhere; }
.ui-table { overflow:auto; }
.ui-table table { min-width:40rem; }
.ui-issue { margin-block:.5rem; }
.ui-filters { display:flex; flex-wrap:wrap; gap:.5rem; }
.ui-filters > * { max-width:100%; }
@media (max-width: 480px) {
  .ui-table table, .ui-table tbody, .ui-table tr, .ui-table td { display:block; min-width:0; }
  .ui-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .ui-table tr { margin-block:.75rem; border:1px solid var(--line,#ddd); padding:.35rem; }
  .ui-table td { white-space:normal; overflow-wrap:anywhere; }
  .ui-table td::before { content:attr(data-label) ' · '; font-weight:700; }
}

/* تاریخ و منوی مشترک در عرض تلفن در ظرف خود می‌مانند. */
.bar { flex-wrap:wrap; }
.bar > *, .daynav > *, .topbar .in > * { min-width:0; max-width:100%; }
.daynav strong, #persian-day, .chart .lbl { overflow-wrap:anywhere; }
.topbar .cip-nav { min-width:0; max-width:100%; }
.topbar .cip-nav .subnav { min-width:min(9rem,80vw); max-width:80vw; }
.scroll { max-width:100%; overflow:auto; }
@media (max-width:560px) {
  .wrap .par { grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; }
  .topbar .cip-nav details { position:static; }
  .topbar .cip-nav .subnav { inset-inline-start:1rem; }
}

.ui-overdue { display:inline-block; border:1px solid currentColor; border-radius:.3rem; padding:.1rem .4rem; color:var(--danger,#9c2424); font-weight:700; }