/* HKU KYBS — utility class'lari (CSP style-src 'unsafe-inline' kaldirma destegi).
   Inline style="..." attribute'lari yerine kullanilir. */

/* DataTables tam genislik */
.dt-full { width: 100%; }

/* Cok-satirli text rendering */
.text-preline { white-space: pre-line; }
.text-prewrap { white-space: pre-wrap; }

/* Sabit genislikler (Aktarim Import, Wizard, SurecPerformansi) */
.w-60  { width: 60px; }
.w-80  { width: 80px; }
.w-90  { width: 90px; }
.w-110 { min-width: 110px; }
.w-120 { width: 120px; }
.w-130 { width: 130px; }
.w-140 { width: 140px; }
.w-180 { min-width: 180px; }
.mw-220 { max-width: 220px; }
.mw-260 { max-width: 260px; }

/* Wizard / DosyaUpload progress bar (Bootstrap progress override) */
.progress-thin { height: 6px; }
.progress-init-0  > .progress-bar { width: 0%; }
.progress-init-25 > .progress-bar { width: 25%; }

/* Scroll panel'ler (AuditLog, Bilgi/_Form, SistemPaneli) */
.scroll-panel-350 { min-height: 100px; max-height: 350px; overflow: auto; }
.scroll-panel-420 { max-height: 420px; overflow: auto; }
.scroll-panel-500 { max-height: 500px; overflow: auto; }
.scroll-panel-65vh { max-height: 65vh; overflow: auto; white-space: pre-wrap; }

/* Chart.js kapsayıcıları — maintainAspectRatio:false ile sabit yükseklik ŞART
   (yoksa canvas parent yüksekliğine göre sonsuz büyür). */
.chart-container-340 { position: relative; height: 340px; }
.chart-container-260 { position: relative; height: 260px; }
.chart-container-240 { position: relative; height: 240px; }
.chart-container-420 { position: relative; height: 420px; }
.chart-container-480 { position: relative; height: 480px; }
.chart-container-520 { position: relative; height: 520px; }
.z-1080 { z-index: 1080; }

/* Login form (Auth/Login.cshtml) */
.login-form-title {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    letter-spacing: .5px;
}
.login-form-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.login-info-alert {
    margin-top: 24px;
    background: #eef4fb;
    border: 1px solid #cfe0f4;
    color: #1a4d80;
}
.login-icon-spacing { margin-right: 6px; }
.m-0 { margin: 0; }

/* Renkler/Detay dinamik renk swatch (data-bgcolor JS ile set edilir) */
.color-swatch {
    width: 80px;
    height: 30px;
    border: 1px solid #999;
    display: inline-block;
    vertical-align: middle;
}

/* Home/Index dashboard KPI (Metronic dashboard-stat-v2 uyarlamasi) */
.kpi-progress-bar {
    height: 6px;
    margin-top: -2px;
    border-radius: 0;
    background: #f1f4f7;
}
.kpi-progress-bar > .progress-bar { width: 0%; }
.kpi-progress-cyan   > .progress-bar { background: #36c6d3; }
.kpi-progress-red    > .progress-bar { background: #e7505a; }
.kpi-progress-yellow > .progress-bar { background: #c8d046; }
.kpi-progress-teal   > .progress-bar { background: #32c5d2; }
.kpi-progress-purple > .progress-bar { background: #8e44ad; }
.kpi-progress-aqua   > .progress-bar { background: #26C6DA; }

.kpi-badge { font-size: 11px; padding: 4px 8px; }
.kpi-section-title {
    color: #A52A2A;
    margin: 10px 0 15px 0;
    font-weight: 600;
}
.kpi-card-aqua { background: #26C6DA; }
.kpi-card-aqua h3,
.kpi-card-aqua .desc { color: #fff; }
.kpi-card-aqua .more {
    background-color: rgba(0,0,0,.15);
    color: #fff;
}

/* Login error alert: server-side render edilirken hata yoksa display:none.
   ASP.NET Core'da ModelState.IsValid kontrolu Razor'da .d-none class toggle ile. */
.d-none { display: none !important; }

/* Yonetici Paneli — Detayli grid (StratejikPlanAnalizi/Detayli) */
.yp-detayli-header {
    background: #f0f4fa;
    border-bottom: 1px solid #d8e0ec;
    cursor: pointer;
}
.yp-col-perf { width: 55%; }
.yp-col-h    { width: 10%; }
.yp-col-g    { width: 10%; }
.yp-col-orn  { width: 13%; }
.yp-col-hgo  { width: 12%; }

/* Dosya listesi: indirme linki + resim onizleme (KybsDataTable.renderDosya) */
.kybs-dosya-link { display: inline-flex; align-items: center; gap: .4rem; text-decoration: none; }
.kybs-dosya-link:hover { text-decoration: underline; }
.kybs-file-thumb {
    height: 36px; width: 36px; object-fit: cover; border-radius: 4px;
    border: 1px solid var(--hku-border, #dee2e6); background: #fff; flex: 0 0 auto;
}