/* assets/css/public-stats.css — bosh sahifadagi "Universitet ko'rsatkichlari" (views/dashboard/_public_stats.php).
   Ranglar faqat tokenlardan (tokens.css), qorong'i rejim o'zi ishlaydi. Breakpointlar style.css dagi .charts-row bilan bir xil. */

.public-stats { margin-top: 8px; }
.public-stats-head { margin: 8px 0 16px; }
.public-stats-title { font-size: 20px; font-weight: 800; margin: 0 0 4px; color: var(--text-main); display: flex; align-items: center; gap: 10px; }
.public-stats-title i { color: var(--primary); }

.public-stats .metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ps-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.ps-stat { display: flex; flex-direction: column; gap: 4px; padding: 10px 12px; border-radius: 12px; background: var(--bg-subtle); min-width: 0; }
.ps-stat-val { font-size: 24px; font-weight: 800; line-height: 1.1; color: var(--text-main); }
.ps-stat-label { font-size: 12px; font-weight: 600; line-height: 1.3; color: var(--text-muted); overflow-wrap: break-word; }

.public-stats .charts-row { grid-template-columns: 1fr 1fr; }
.ps-chart { height: 280px; position: relative; }
.ps-empty { padding: 28px 12px; text-align: center; color: var(--text-muted); font-size: 13.5px; }

.ps-defenses { margin-bottom: 24px; }
.ps-defenses .card-header { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.ps-defense-list { list-style: none; margin: 0; padding: 4px 22px 18px; display: flex; flex-direction: column; gap: 12px; }
.ps-defense-list li { display: flex; gap: 14px; align-items: flex-start; }
.ps-defense-date { flex: 0 0 72px; text-align: center; font-weight: 700; font-size: 12.5px; color: var(--text-main); padding: 8px 4px;
    border-radius: 12px; background: rgba(var(--teal-52-rgb), 0.08); border: 1px solid rgba(var(--teal-52-rgb), 0.25); }
.ps-defense-date b { display: block; font-size: 22px; font-weight: 800; line-height: 1.1; }
.ps-defense-date small { display: block; font-size: 12px; font-weight: 700; color: var(--text-muted); margin-top: 2px; }
.ps-defense-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ps-defense-body a { font-weight: 700; color: var(--text-main); text-decoration: none; overflow-wrap: anywhere; display: inline-block; min-height: 24px; }
.ps-defense-body a:hover, .ps-defense-body a:focus-visible { text-decoration: underline; }
.ps-defense-body small { font-size: 12.5px; color: var(--text-muted); }

@media (max-width: 1024px) {
    .public-stats .charts-row { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .public-stats .metrics-grid { grid-template-columns: 1fr; }
}
@media screen and (max-width: 640px) {
    .ps-chart { height: 240px; }
    /* Tor ekranda uchta katakcha sig'maydi: raqam va yorliq bir qatorda, kataklar ustma-ust */
    .ps-stats { grid-template-columns: 1fr; gap: 6px; }
    .ps-stat { flex-direction: row; align-items: baseline; gap: 10px; padding: 8px 12px; }
    .ps-stat-val { font-size: 20px; min-width: 44px; }
    .ps-defense-list { padding: 4px 14px 14px; }
}
