/* SDSR Design System v2.0 */

:root{
 --sdsr-bg:#F8FAFC;
 --sdsr-navbar:#FFF;
 --sdsr-sidebar:#305574;
 --sdsr-primary:#7AA7D9;
 --sdsr-success:#9DD8C5;
 --sdsr-warning:#F7D794;
 --sdsr-danger:#F3A6A6;
 --sdsr-text:#91a2bb;
 --sdsr-title:#334155;
 --sdsr-border:#E2E8F0;
 --sdsr-card:#FFF;
 --radius:12px;
 --shadow:0 4px 12px rgba(15,23,42,.08);
 --transition:.25s ease;
}
html{font-size:14px;}
body{margin:0;background:var(--sdsr-bg);color:var(--sdsr-text);font-family:'Inter',sans-serif;font-size:1rem;font-weight:400;line-height:1.5;}
h1,h2,h3,h4,h5,h6{color:var(--sdsr-title);font-weight:600}
.sdsr-navbar{background:#e3ebf5;border-bottom:1px solid var(--sdsr-border);box-shadow:0 2px 8px rgba(0,0,0,.03)}
.logo-unpad{width:42px;height:42px;object-fit:contain}
.sdsr-title{font-size:1.2rem;font-weight:600}
.sdsr-subtitle{font-size:.82rem;color:#091627}
.sidebar{background:var(--sdsr-sidebar);min-height:100vh;padding:1rem}
.sidebar .nav-link{padding:.65rem .85rem;border-radius:10px;color:var(--sdsr-text);font-weight:400;transition:var(--transition)}
.sidebar .nav-link.active{background:#fff;color:#2563EB;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.sidebar .nav-link:hover{background:#fff;color:#2563EB;transform:translateX(4px)}
.card{border:none;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.card-header{background:#fff;border-bottom:1px solid var(--sdsr-border);font-weight:600}
.card-body{padding:1.2rem}
.card-title{font-size:1.1rem;font-weight:600}
.form-label{font-weight:500}
.form-control,.form-select{border:1px solid var(--sdsr-border);border-radius:10px;padding:.55rem .75rem}
.form-control:focus,.form-select:focus{border-color:var(--sdsr-primary);box-shadow:0 0 0 .2rem rgba(122,167,217,.2)}
.btn{border-radius:10px;font-weight:500;padding:.5rem 1rem}
.btn-primary{background:var(--sdsr-primary);border:none}
.btn-success{background:var(--sdsr-success);border:none;color:#334155}
.table{font-size:.93rem}
.table thead th{background:#F4F8FC;border-bottom:2px solid #DCE6F2;font-weight:600}
.table tbody tr:hover{background:#F8FBFE}
.badge{border-radius:20px;padding:.45rem .8rem;font-weight:600}
.profile-photo{width:42px;height:42px;border-radius:50%;object-fit:cover}
.profile-preview{width:140px;height:140px;border-radius:50%;object-fit:cover;border:4px solid #E5E7EB}
.sdsr-toast{border:none;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.15)}
@media(max-width:768px){html{font-size:13px}.sidebar{padding:.75rem}.card-body{padding:1rem}}

.timeline{
    position:relative;
    padding-left:30px;
}

.timeline:before{
    content:"";
    position:absolute;
    left:8px;
    top:0;
    bottom:0;
    width:2px;
    background:#ced4da;
}

.timeline-item{
    position:relative;
}

.timeline-item:before{
    content:"";
    position:absolute;
    left:-27px;
    top:6px;
    width:14px;
    height:14px;
    border-radius:50%;
    background:#0d6efd;
}
.document-preview{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:auto;
}

.document-preview table{
    max-width:100% !important;
}

.document-preview img{
    max-width:100%;
    height:auto;
}
.word-document-container {
    width: 100%;
    max-width: 210mm; /* Ukuran lebar standar A4 */
    height: 150 px;
    margin: 20px auto;
    padding: 20mm;
    background: #white;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    box-sizing: border-box;
    word-break: break-word; /* Mencegah teks panjang melebarkan halaman */
    overflow-x: auto;
    overflow-y :auto;
}

    /* Memaksa gambar di dalam dokumen agar tidak melampaui lebar container */
    .word-document-container img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Memaksa tabel agar tidak melebarkan halaman */
    .word-document-container table {
        max-width: 100% !important;
        width: 100% !important;
        table-layout: fixed;
        word-wrap: break-word;
    }