/* Диагностика и репозиторий · Xudoyorxon Bunyodov / Худоёрхон Бунёдов */
.dc { max-width: 1000px; margin: 0 auto; padding: 4px 0 96px; }
.dc-head h1 { margin: 0; font-size: 24px; }
.dc-sub { color: #6B7B88; font-size: 13px; margin: 3px 0 14px; }
.dc-back { display: inline-block; margin-bottom: 10px; font-weight: 600; font-size: 14px; }
.dc-bar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 14px; }
.dc-status { font-size: 13px; color: #6B7B88; }
.dc-h2 { font-size: 14px; text-transform: uppercase; letter-spacing: .05em; color: #6B7B88; margin: 22px 0 8px; font-weight: 700; }
.dc-hint { font-size: 13px; color: #5A6B78; background: #F1F5F8; border-radius: 9px; padding: 10px 13px; }

.dc-cards { display: grid; gap: 9px; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); }
.dc-card { padding: 12px; border: 1px solid #E1E8ED; border-radius: 11px; background: #fff; text-align: center; }
.dc-card b { display: block; font-size: 20px; color: #1B3A4B; }
.dc-card span { font-size: 12px; color: #7C8B97; }
.dc-card.is-ok { border-color: #BFE0C6; background: #F2FAF4; }
.dc-card.is-ok b { color: #14562B; }
.dc-card.is-bad { border-color: #F0C9CD; background: #FDF3F4; }
.dc-card.is-bad b { color: #922B21; }

.dc-issue { border: 1px solid #E1E8ED; border-left: 4px solid #C3D3DC; border-radius: 10px; background: #fff; padding: 10px 13px; margin-bottom: 7px; }
.dc-issue.is-err { border-left-color: #C0392B; }
.dc-issue.is-warn { border-left-color: #E0B33A; }
.dc-issue.is-info { border-left-color: #5DADE2; }
.dc-issue__h { display: flex; gap: 8px; align-items: center; font-size: 13px; }
.dc-lv { font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: #8A99A6; }
.dc-issue__t { font-size: 14px; margin-top: 3px; }
.dc-issue__f { font-size: 12.5px; color: #46586A; margin-top: 5px; background: #F5F8FA; border-radius: 7px; padding: 6px 9px; }

.dc-tools { display: grid; gap: 7px; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.dc-tool { border: 1px solid #F0C9CD; border-radius: 9px; background: #FDF3F4; padding: 8px 11px; font-size: 13px; }
.dc-tool.is-ok { border-color: #BFE0C6; background: #F2FAF4; }
.dc-tool b { display: block; }
.dc-tool span { font-size: 12px; color: #6B7B88; }

.dc-sizes { display: flex; flex-wrap: wrap; gap: 7px; }
.dc-size { font-size: 12.5px; background: #F1F5F8; border-radius: 8px; padding: 6px 10px; color: #46586A; }

.dc-subjs { display: grid; gap: 7px; }
.dc-subj { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; padding: 9px 12px; border: 1px solid #E1E8ED; border-radius: 10px; background: #fff; }
.dc-subj.is-full { border-color: #BFE0C6; }
.dc-subj__n { font-weight: 600; font-size: 14px; min-width: 190px; }
.dc-subj__n i { font-style: normal; color: #9AA8B4; font-size: 12px; margin-left: 6px; }
.dc-subj__b { flex: 1 1 auto; display: flex; flex-wrap: wrap; gap: 5px; }
.dc-bank { font-size: 12px; background: #EEF3F7; border-radius: 6px; padding: 3px 8px; color: #46586A; }
.dc-bank.is-err { background: #FDEBEC; color: #922B21; }
.dc-bank.is-empty { color: #9AA8B4; }
.dc-subj__go { font-size: 12.5px; font-weight: 600; }

/* ---- прокручиваемые полосы на узком экране ---- */
.ksat-strip {
  display: flex !important; flex-wrap: nowrap !important;
  overflow-x: auto; overflow-y: hidden;
  -webkit-overflow-scrolling: touch; scroll-behavior: auto;
  scrollbar-width: none; position: relative;
}
.ksat-strip::-webkit-scrollbar { display: none; }
.ksat-strip > * { flex: 0 0 auto; }
.ksat-strip:not(.at-end) { -webkit-mask-image: linear-gradient(to right, #000 82%, transparent 100%);
  mask-image: linear-gradient(to right, #000 82%, transparent 100%); }
.ksat-strip.at-end.at-start { -webkit-mask-image: none; mask-image: none; }

[data-theme="dark"] .dc-card, [data-theme="dark"] .dc-issue,
[data-theme="dark"] .dc-subj { background: #1E2A33; border-color: #2E4150; color: #DDE7EE; }
[data-theme="dark"] .dc-hint, [data-theme="dark"] .dc-size,
[data-theme="dark"] .dc-bank, [data-theme="dark"] .dc-issue__f { background: #22323E; color: #C3D4E0; }