/* ============================================================
   ERISPRO — Finance Dashboard Design System
   Color palette: Navy #1B2A4A | Slate #4A5568 | Accent #2563EB
   ============================================================ */

/* === Header layout fixes === */
div#kt_header_bottom { margin-top: -25px; }
div#kt_header_navs   { padding-bottom: 12px; }
div#kt_header_menu   { margin-left: -10px; }

/* === Active nav item === */
.menu-item-active a.menu-link               { background-color: #1B2A4A !important; }
.menu-item-active a.menu-link .menu-text    { color: #fff !important; }

/* -------------------------------------------------------
   Card — Finance variant
   Clean white surface, hairline border, subtle shadow
------------------------------------------------------- */
.card-noshadow {
    border: 1px solid #E2E8F0;
    box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
    border-radius: 6px;
}

/* -------------------------------------------------------
   Section Title (dash-title)
   Finance standard: left border accent, no garish color
------------------------------------------------------- */
.dash-title {
    color: #1B2A4A;
    border-left: 4px solid #2563EB;
    border-top: none;
    border-bottom: none;
    padding: 4px 0 4px 12px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.dash-title small {
    font-size: 11px;
    font-weight: 400;
    color: #718096;
    letter-spacing: 0;
    text-transform: none;
}

/* -------------------------------------------------------
   Summary Table — finance-grade data table
------------------------------------------------------- */
.tg .tg-0lax {
    text-align: right;
    vertical-align: middle;
    padding: 8px 12px;
    font-size: 13px;
}
.tg thead th {
    background-color: #1B2A4A;
    color: #CBD5E0;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .6px;
    border-bottom: none;
    padding: 10px 12px;
}
.tg .schemename {
    text-align: left;
    font-weight: 600;
    color: #2D3748;
    font-size: 13px;
}
.tg tbody tr:nth-child(even) { background-color: #F7FAFC; }
.tg tbody tr:hover            { background-color: #EBF4FF; }
.tg tbody tr:last-child td    {
    background-color: #EFF6FF;
    font-weight: 700;
    color: #1B2A4A;
    border-top: 2px solid #2563EB;
}

/* -------------------------------------------------------
   Misc utilities
------------------------------------------------------- */
.url-dash {
    color: #2563EB;
    text-decoration: none;
    border-bottom: 1px dashed #93C5FD;
}
.url-dash:hover { color: #1B2A4A; border-bottom-style: solid; }

.url-bold { border-bottom: 1px solid #2563EB; }
.txt-bold  { font-size: 16px; color: #1B2A4A; font-weight: 700; }

.font-size-h3 { font-size: 22px !important; }
.font-size-h4 { font-size: 18px !important; }

.textprogress { padding-top: 6px; font-size: 9px; color: #fff; }
.btn-cstm-d   { font-size: 10px; padding: 4px 2px; }
.hidenow      { display: none !important; }
.tooltip-inner { text-align: left; }
.label-tooltip { cursor: pointer; }
.text-underline { text-decoration: underline; }

/* -------------------------------------------------------
   Finance KPI number sizing helpers
------------------------------------------------------- */
.font-keterangan-extra-kecil { font-size: 15px; }
.font-keterangan-kecil       { font-size: 19px; }
.font-keterangan-sedang      { font-size: 26px; font-weight: 700; color: #1B2A4A; }
.font-keterangan-besar       { font-size: 32px; font-weight: 800; color: #1B2A4A; }

/* -------------------------------------------------------
   Icon rotation utility
------------------------------------------------------- */
.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* -------------------------------------------------------
   Researchers ranking table
------------------------------------------------------- */
#row-top-researchers .card-label {
    font-size: 13px;
    font-weight: 700;
    color: #1B2A4A;
    letter-spacing: .5px;
    text-transform: uppercase;
}
#row-top-researchers .text-muted.font-size-sm {
    font-size: 11px;
    color: #718096;
}
#row-top-researchers .table thead th {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #4A5568;
    border-bottom: 2px solid #E2E8F0;
    padding-bottom: 8px;
}
#row-top-researchers .table tbody tr:hover { background-color: #F7FAFC; }
#row-top-researchers .symbol-label {
    background-color: #EBF4FF;
    color: #1B2A4A;
    font-size: 10px;
    font-weight: 700;
    border-radius: 4px;
}
#row-top-researchers .label-light-primary {
    background-color: #DBEAFE;
    color: #1E40AF;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
}

/* -------------------------------------------------------
   Performance chart cards — row spacing
------------------------------------------------------- */
#row-performance-faculty .card-body,
#row-performance-coe-kk .card-body,
#row-performance-dean .card-body { padding-top: 12px; }

/* -------------------------------------------------------
   Highcharts overrides — finance-grade look
   (Applied globally via CSS; chart JS picks up native styles)
------------------------------------------------------- */
.highcharts-title {
    font-size: 13px !important;
    font-weight: 700 !important;
    fill: #1B2A4A !important;
    letter-spacing: .3px;
}
.highcharts-subtitle {
    font-size: 11px !important;
    fill: #718096 !important;
}
.highcharts-axis-labels text,
.highcharts-legend-item text {
    font-size: 11px !important;
    fill: #4A5568 !important;
}
.highcharts-grid-line { stroke: #EDF2F7; }
.highcharts-background { fill: #FFFFFF; }

/* containercutwords */
.containercutwords.mb-3 {
    width: 225px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}