/* ReportIT Professional V19 — Dana Perbaikan */
:root {
    --fund-red: #c81e2a;
    --fund-red-dark: #971820;
    --fund-blue: #2563eb;
    --fund-green: #138a55;
    --fund-orange: #c45b0a;
    --fund-purple: #7c3aed;
    --fund-navy: #0f172a;
    --fund-muted: #64748b;
    --fund-line: #dde5ef;
    --fund-soft: #f6f8fc;
}
.rit-fund-content { padding-bottom: 44px; }
.rit-fund-header { padding: 26px 8px 18px; background: linear-gradient(180deg,#fff 0%,#f7f9fd 100%); border-bottom: 1px solid rgba(203,213,225,.65); }
.rit-fund-title-row { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }
.rit-fund-eyebrow { display:block; margin-bottom:8px; color:var(--fund-red); font-size:10px; font-weight:900; letter-spacing:2px; }
.rit-fund-title-row h1 { margin:0; color:var(--fund-navy); font-size:34px; font-weight:800; letter-spacing:-1px; }
.rit-fund-title-row p { max-width:820px; margin:7px 0 0; color:var(--fund-muted); font-size:14px; }
.rit-fund-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; }
.rit-fund-actions .btn,.rit-fund-form-actions .btn { min-height:44px; padding:10px 16px; border-radius:12px; font-weight:700; }
.rit-fund-filter-card,.rit-fund-search-card { display:grid; grid-template-columns:auto minmax(220px,1fr) minmax(150px,190px) minmax(180px,230px) auto; align-items:end; gap:16px; padding:18px; background:#fff; border:1px solid var(--fund-line); border-radius:18px; box-shadow:0 12px 30px rgba(15,23,42,.06); }
.rit-fund-filter-icon { display:flex; width:48px; height:48px; align-items:center; justify-content:center; color:#fff; background:linear-gradient(135deg,var(--fund-red),var(--fund-red-dark)); border-radius:14px; box-shadow:0 10px 22px rgba(200,30,42,.22); }
.rit-fund-filter-copy { align-self:center; }
.rit-fund-filter-copy strong { display:block; color:var(--fund-navy); font-size:16px; }
.rit-fund-filter-copy span { display:block; margin-top:3px; color:var(--fund-muted); font-size:12px; }
.rit-fund-filter-card label,.rit-fund-search-card label,.rit-fund-form label { margin-bottom:6px; color:#334155; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.55px; }
.rit-fund-form label span { color:var(--fund-red); }
.rit-fund-filter-card .form-control,.rit-fund-search-card .form-control,.rit-fund-form .form-control { min-height:44px; border:1px solid #d6dfeb; border-radius:11px; box-shadow:none; }
.rit-fund-filter-card .form-control:focus,.rit-fund-search-card .form-control:focus,.rit-fund-form .form-control:focus { border-color:rgba(200,30,42,.65); box-shadow:0 0 0 3px rgba(200,30,42,.08); }
.rit-fund-filter-button { min-height:44px; border-radius:11px; }
.rit-fund-search-card { grid-template-columns:minmax(240px,1.4fr) repeat(4,minmax(140px,.7fr)) auto; }
.rit-fund-search-buttons { display:flex; gap:7px; }
.rit-fund-summary-grid > div { margin-bottom:18px; }
.rit-fund-kpi { position:relative; min-height:145px; padding:22px 20px 18px 74px; overflow:hidden; background:#fff; border:1px solid var(--fund-line); border-radius:18px; box-shadow:0 12px 28px rgba(15,23,42,.055); }
.rit-fund-kpi::after { content:""; position:absolute; right:-28px; top:-32px; width:110px; height:110px; border-radius:50%; background:rgba(15,23,42,.025); }
.rit-fund-kpi-icon { position:absolute; left:18px; top:20px; display:flex; width:43px; height:43px; align-items:center; justify-content:center; color:#fff; border-radius:13px; }
.rit-fund-kpi small { display:block; color:#718096; font-size:10px; font-weight:900; letter-spacing:1.1px; text-transform:uppercase; }
.rit-fund-kpi strong { display:block; margin:10px 0 5px; color:var(--fund-navy); font-size:24px; font-weight:850; letter-spacing:-.6px; }
.rit-fund-kpi > span:last-child { color:var(--fund-muted); font-size:12px; }
.rit-fund-kpi.is-requested .rit-fund-kpi-icon { background:linear-gradient(135deg,#7c3aed,#5b21b6); }
.rit-fund-kpi.is-approved .rit-fund-kpi-icon { background:linear-gradient(135deg,#2563eb,#1d4ed8); }
.rit-fund-kpi.is-used .rit-fund-kpi-icon { background:linear-gradient(135deg,#dc2626,#991b1b); }
.rit-fund-kpi.is-balance .rit-fund-kpi-icon { background:linear-gradient(135deg,#16a34a,#0f7a38); }
.rit-fund-type-card { height:100%; padding:22px; background:#fff; border:1px solid var(--fund-line); border-radius:20px; box-shadow:0 13px 30px rgba(15,23,42,.055); }
.rit-fund-type-head { display:flex; align-items:center; gap:12px; }
.rit-fund-type-icon { display:flex; width:45px; height:45px; flex:0 0 45px; align-items:center; justify-content:center; color:#fff; border-radius:14px; }
.rit-fund-type-card.pusat_kantor .rit-fund-type-icon { background:linear-gradient(135deg,#7c3aed,#5b21b6); }
.rit-fund-type-card.pusat_waroeng .rit-fund-type-icon { background:linear-gradient(135deg,#2563eb,#1d4ed8); }
.rit-fund-type-card.area_waroeng .rit-fund-type-icon { background:linear-gradient(135deg,#c45b0a,#9a3412); }
.rit-fund-type-head small { display:block; color:#8a98ab; font-size:8px; font-weight:900; letter-spacing:1.3px; }
.rit-fund-type-head strong { display:block; color:var(--fund-navy); font-size:14px; font-weight:800; }
.rit-fund-type-count { margin-left:auto; padding:5px 9px; color:#475569; background:#f1f5f9; border-radius:999px; font-size:10px; font-weight:800; }
.rit-fund-type-values { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:22px 0 16px; }
.rit-fund-type-values div { min-width:0; padding:11px; background:#f8fafc; border:1px solid #edf1f6; border-radius:12px; }
.rit-fund-type-values span { display:block; color:#718096; font-size:9px; font-weight:800; text-transform:uppercase; }
.rit-fund-type-values strong { display:block; margin-top:5px; overflow:hidden; color:#172033; font-size:12px; font-weight:800; text-overflow:ellipsis; }
.rit-fund-progress { height:8px; overflow:hidden; background:#e9eef5; border-radius:999px; }
.rit-fund-progress span { display:block; height:100%; background:linear-gradient(90deg,var(--fund-red),#f05a61); border-radius:inherit; transition:width .5s ease; }
.rit-fund-progress-caption { display:block; margin-top:8px; color:#718096; font-size:10px; }
.rit-fund-panel { background:#fff; border:1px solid var(--fund-line); border-radius:20px; box-shadow:0 12px 30px rgba(15,23,42,.055); overflow:hidden; }
.rit-fund-panel-head { display:flex; min-height:72px; padding:18px 20px; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid #e9eef5; }
.rit-fund-panel-head small { display:block; color:var(--fund-red); font-size:8px; font-weight:900; letter-spacing:1.5px; }
.rit-fund-panel-head h3 { margin:4px 0 0; color:var(--fund-navy); font-size:17px; font-weight:800; }
.rit-fund-panel-head > a { color:var(--fund-red); font-size:12px; font-weight:800; }
.rit-fund-chart-wrap { height:315px; padding:20px; }
.rit-fund-table { color:#475569; font-size:12px; }
.rit-fund-table thead th { padding:13px 14px; color:#66758a; background:#f7f9fc; border-top:0; border-bottom:1px solid #e2e8f0; font-size:9px; font-weight:900; letter-spacing:.7px; text-transform:uppercase; white-space:nowrap; }
.rit-fund-table tbody td { padding:13px 14px; vertical-align:middle; border-top:1px solid #edf1f6; }
.rit-fund-table tbody tr:hover { background:#fffafa; }
.rit-fund-table td small { display:block; margin-top:3px; color:#8794a8; font-size:10px; }
.rit-fund-code { color:var(--fund-red); font-weight:850; }
.rit-fund-type-badge { display:inline-flex; padding:5px 8px; color:#334155; background:#f1f5f9; border:1px solid #e2e8f0; border-radius:999px; font-size:9px; font-weight:800; white-space:nowrap; }
.rit-fund-type-badge.is-large { padding:7px 11px; font-size:10px; }
.rit-fund-status { display:inline-flex; padding:6px 9px; align-items:center; color:#475569; background:#f1f5f9; border-radius:999px; font-size:9px; font-weight:850; white-space:nowrap; }
.rit-fund-status.is-waiting { color:#92400e; background:#fff4d6; }
.rit-fund-status.is-approved { color:#1d4ed8; background:#e7efff; }
.rit-fund-status.is-partial { color:#6d28d9; background:#f1eaff; }
.rit-fund-status.is-rejected { color:#b91c1c; background:#fee8e8; }
.rit-fund-status.is-complete { color:#047857; background:#e1f8ed; }
.rit-fund-ranking { padding:9px 18px 17px; }
.rit-fund-rank-item { display:flex; min-height:61px; align-items:center; gap:11px; border-bottom:1px solid #edf1f6; }
.rit-fund-rank-item:last-child { border-bottom:0; }
.rit-fund-rank-number { display:flex; width:28px; height:28px; flex:0 0 28px; align-items:center; justify-content:center; color:var(--fund-red); background:#fff0f1; border-radius:9px; font-size:11px; font-weight:900; }
.rit-fund-rank-item div { min-width:0; flex:1; }
.rit-fund-rank-item strong,.rit-fund-rank-item small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rit-fund-rank-item strong { color:#263247; font-size:12px; }
.rit-fund-rank-item small { margin-top:3px; color:#8a98ab; font-size:10px; }
.rit-fund-rank-item b { color:#172033; font-size:11px; }
.rit-fund-form .form-group small { display:block; margin-top:6px; color:#8794a8; font-size:10px; }
.rit-fund-form-actions { display:flex; justify-content:flex-end; gap:10px; margin-bottom:30px; }
.rit-fund-guide-card,.rit-fund-balance-card { padding:23px; background:linear-gradient(145deg,#111c32,#0c1528); color:#fff; border-radius:20px; box-shadow:0 18px 35px rgba(15,23,42,.15); }
.rit-fund-guide-icon { display:flex; width:44px; height:44px; align-items:center; justify-content:center; color:#fff; background:linear-gradient(135deg,var(--fund-red),var(--fund-red-dark)); border-radius:14px; }
.rit-fund-guide-card h3 { margin:18px 0; font-size:20px; font-weight:800; }
.rit-fund-guide-card div { margin-bottom:15px; }
.rit-fund-guide-card strong { font-size:12px; }
.rit-fund-guide-card p,.rit-fund-balance-card p { margin:4px 0 0; color:#aeb9ca; font-size:11px; line-height:1.6; }
.rit-fund-detail-head { display:flex; padding:23px; align-items:flex-start; justify-content:space-between; gap:24px; border-bottom:1px solid #e9eef5; }
.rit-fund-detail-head h2 { margin:13px 0 7px; color:var(--fund-navy); font-size:24px; font-weight:850; }
.rit-fund-detail-head p { margin:0; color:#64748b; line-height:1.7; }
.rit-fund-detail-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#e8edf4; }
.rit-fund-detail-grid > div { min-height:95px; padding:18px; background:#fff; }
.rit-fund-detail-grid small,.rit-fund-approval-info small { display:block; color:#8391a5; font-size:9px; font-weight:850; letter-spacing:.5px; text-transform:uppercase; }
.rit-fund-detail-grid strong,.rit-fund-approval-info strong { display:block; margin-top:7px; color:#273247; font-size:12px; }
.rit-fund-balance-card > small { color:#a7b2c4; font-size:9px; font-weight:900; letter-spacing:1.4px; }
.rit-fund-balance-card > div { display:flex; padding:13px 0; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.10); }
.rit-fund-balance-card > div span { color:#aeb9ca; font-size:11px; }
.rit-fund-balance-card > div strong { color:#fff; font-size:14px; }
.rit-fund-balance-card > div.is-total { margin-top:8px; padding:16px 14px; background:rgba(255,255,255,.07); border:0; border-radius:13px; }
.rit-fund-balance-card .rit-fund-progress { margin-top:17px; background:rgba(255,255,255,.12); }
.rit-fund-balance-card.is-sticky { position:sticky; top:96px; }
.rit-fund-approval-info { padding:19px; }
.rit-fund-approval-info > div { margin-bottom:17px; }
.rit-fund-approval-info p { margin:7px 0 0; color:#64748b; font-size:12px; line-height:1.6; }
.rit-fund-empty { display:flex; min-height:210px; padding:35px; align-items:center; justify-content:center; flex-direction:column; text-align:center; color:#8a98ab; }
.rit-fund-empty i { margin-bottom:13px; color:#cbd5e1; font-size:34px; }
.rit-fund-empty strong { color:#475569; }
.rit-fund-empty span { margin-top:5px; font-size:11px; }
.rit-fund-approval-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:20px; }
.rit-fund-approval-summary div { padding:14px; background:#f8fafc; border:1px solid #e8edf4; border-radius:13px; }
.rit-fund-approval-summary span { display:block; color:#8391a5; font-size:9px; font-weight:800; text-transform:uppercase; }
.rit-fund-approval-summary strong { display:block; margin-top:7px; color:#172033; font-size:14px; }
.rit-fund-decision-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.rit-fund-decision-grid label { margin:0; cursor:pointer; }
.rit-fund-decision-grid input { position:absolute; opacity:0; }
.rit-fund-decision-grid label > span { display:flex; min-height:100px; padding:17px; align-items:center; gap:13px; color:#475569; background:#fff; border:1px solid #dce4ee; border-radius:14px; }
.rit-fund-decision-grid label > span i { font-size:25px; }
.rit-fund-decision-grid label > span strong,.rit-fund-decision-grid label > span small { display:block; }
.rit-fund-decision-grid label > span small { margin-top:4px; color:#8794a8; }
.rit-fund-decision-grid input:checked + span { color:var(--fund-red); border-color:rgba(200,30,42,.65); background:#fff7f7; box-shadow:0 0 0 3px rgba(200,30,42,.07); }
.dataTables_wrapper .dataTables_length select,.dataTables_wrapper .dataTables_filter input { min-height:38px; border:1px solid #d6dfeb; border-radius:9px; }
@media (max-width:1199.98px) { .rit-fund-filter-card,.rit-fund-search-card { grid-template-columns:repeat(2,minmax(0,1fr)); } .rit-fund-filter-icon { display:none; } .rit-fund-filter-copy,.rit-fund-search-wide { grid-column:1/-1; } .rit-fund-search-buttons { align-self:end; } }
@media (max-width:767.98px) { .rit-fund-header { padding:20px 4px 15px; } .rit-fund-title-row { flex-direction:column; } .rit-fund-title-row h1 { font-size:27px; } .rit-fund-actions { width:100%; justify-content:flex-start; } .rit-fund-filter-card,.rit-fund-search-card { grid-template-columns:1fr; padding:14px; } .rit-fund-filter-copy,.rit-fund-search-wide { grid-column:auto; } .rit-fund-search-buttons { display:grid; grid-template-columns:1fr 1fr; } .rit-fund-type-values,.rit-fund-detail-grid,.rit-fund-approval-summary,.rit-fund-decision-grid { grid-template-columns:1fr; } .rit-fund-detail-head { flex-direction:column; } .rit-fund-chart-wrap { height:260px; padding:12px; } .rit-fund-form-actions { display:grid; grid-template-columns:1fr 1fr; } }
@media (prefers-reduced-motion:reduce) { .rit-fund-content * { transition:none !important; animation:none !important; } }
/* Ringkasan Dana Perbaikan pada dashboard utama */
.rit-fund-main-dashboard { display:grid; grid-template-columns:minmax(220px,1.2fr) repeat(3,minmax(150px,.7fr)) auto; align-items:center; gap:12px; margin:0 0 22px; padding:18px; background:linear-gradient(135deg,#111c32,#0d172b); border:1px solid rgba(148,163,184,.16); border-radius:19px; box-shadow:0 15px 32px rgba(15,23,42,.12); }
.rit-fund-main-dashboard-copy small { display:block; color:#fca5a5; font-size:8px; font-weight:900; letter-spacing:1.4px; }
.rit-fund-main-dashboard-copy strong { display:block; margin-top:5px; color:#fff; font-size:17px; }
.rit-fund-main-dashboard-copy span { display:block; margin-top:4px; color:#9facbf; font-size:11px; }
.rit-fund-main-dashboard-value { padding:11px 13px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.07); border-radius:12px; }
.rit-fund-main-dashboard-value span { display:block; color:#9facbf; font-size:9px; font-weight:800; text-transform:uppercase; }
.rit-fund-main-dashboard-value strong { display:block; margin-top:5px; color:#fff; font-size:13px; }
.rit-fund-main-dashboard .btn { min-height:42px; border-radius:11px; font-weight:800; }
@media (max-width:1199.98px) { .rit-fund-main-dashboard { grid-template-columns:repeat(3,1fr); } .rit-fund-main-dashboard-copy { grid-column:1/-1; } }
@media (max-width:767.98px) { .rit-fund-main-dashboard { grid-template-columns:1fr; } .rit-fund-main-dashboard-copy { grid-column:auto; } }