/* UNIHAZ shared theme — palet dari analisis_warna_font_unihaz.md */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600&display=swap');

:root {
    --unihaz-navy: #0B2F6D;
    --unihaz-navy-deep: #071F49;
    --unihaz-navy-soft: #1A365D;
    --unihaz-gold: #F59E0B;
    --unihaz-gold-light: #FFC107;
    --unihaz-gold-dark: #D97706;
    --unihaz-charcoal: #212529;
    --unihaz-text-muted: #495057;
    --unihaz-text-light: #6C757D;
    --unihaz-surface: #FFFFFF;
    --unihaz-surface-muted: #F8F9FA;
    --unihaz-border: #DEE2E6;
    --unihaz-radius: 12px;

    /* Semantic Status */
    --unihaz-success: #10B981;
    --unihaz-success-dark: #059669;
    --unihaz-danger: #EF4444;
    --unihaz-danger-dark: #DC2626;
    --unihaz-info: #0284C7;
    --unihaz-info-dark: #0369A1;

    --penmaru-primary: var(--unihaz-navy);
    --penmaru-primary-dark: var(--unihaz-navy-deep);
    --penmaru-primary-light: var(--unihaz-navy-soft);
    --penmaru-secondary: var(--unihaz-gold);
    --penmaru-accent: var(--unihaz-gold-dark);
    --penmaru-accent-light: var(--unihaz-gold-light);
    --penmaru-text-dark: var(--unihaz-charcoal);
    --penmaru-text-medium: var(--unihaz-text-muted);
    --penmaru-text-light: #6C757D;
    --penmaru-bg-light: var(--unihaz-surface-muted);
    --penmaru-bg-white: var(--unihaz-surface);
    --penmaru-border: var(--unihaz-border);
    --penmaru-shadow-sm: 0 2px 8px rgba(11, 47, 109, 0.06);
    --penmaru-shadow-md: 0 4px 16px rgba(11, 47, 109, 0.10);
    --penmaru-shadow-lg: 0 8px 32px rgba(11, 47, 109, 0.14);

    --bs-primary: var(--unihaz-navy);
    --bs-primary-rgb: 11, 47, 109;
    --bs-warning: var(--unihaz-gold);
    --bs-warning-rgb: 245, 158, 11;
    --bs-body-color: var(--unihaz-charcoal);
    --bs-body-bg: var(--unihaz-surface-muted);
    --bs-link-color: var(--unihaz-navy);
    --bs-link-hover-color: var(--unihaz-navy-soft);
}

body,
button,
input,
select,
textarea {
    font-family: 'Montserrat', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body {
    color: var(--unihaz-charcoal);
    font-weight: 400;
    line-height: 1.6;
    background-color: var(--unihaz-surface-muted);
    background-image:
        radial-gradient(circle at 12% 8%, rgba(11, 47, 109, 0.07), transparent 32%),
        radial-gradient(circle at 88% 4%, rgba(245, 158, 11, 0.06), transparent 28%);
    background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6, legend {
    font-family: inherit;
    font-weight: 700;
}

body.unihaz-app {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.unihaz-main {
    flex: 1 0 auto;
    padding: 1.5rem 0 2.5rem;
}

.unihaz-main > .container,
.unihaz-main > .container-fluid {
    background: var(--penmaru-bg-white);
    border: 1px solid var(--penmaru-border);
    border-radius: var(--penmaru-radius-lg, 20px);
    box-shadow: var(--penmaru-shadow-sm);
    padding: 1.5rem 1.25rem 2rem;
}

.unihaz-flash {
    margin-bottom: 1rem;
}

.message,
.error-message,
.success,
.notice,
#flashMessage,
.alert {
    border-radius: var(--unihaz-radius);
}

.message,
#flashMessage {
    background: rgba(11, 47, 109, 0.12);
    border: 1px solid var(--penmaru-primary);
    color: var(--penmaru-primary-dark);
    padding: 0.85rem 1rem;
    margin-bottom: 1rem;
}

.error-message,
.alert-danger {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
}

.success,
.alert-success {
    background: rgba(82, 118, 76, 0.12);
    border: 1px solid var(--penmaru-accent);
    color: var(--penmaru-accent);
}

/* Navbar */
.unihaz-topbar {
    background: var(--penmaru-primary-dark);
    color: #fff;
    padding: 0.75rem 0;
}

.unihaz-topbar img {
    height: 52px;
    max-width: 100%;
    object-fit: contain;
}

.unihaz-topbar p {
    margin: 0;
    text-align: right;
    line-height: 1.3;
    color: #fff;
}

.unihaz-navbar {
    background: var(--penmaru-primary-dark) !important;
    box-shadow: var(--penmaru-shadow-sm);
    padding: 0.4rem 0;
}

.unihaz-navbar .navbar-brand,
.unihaz-navbar .nav-link {
    color: #fff !important;
}

.unihaz-navbar .nav-link {
    font-weight: 500;
    padding: 0.55rem 0.85rem !important;
    border-radius: 8px;
}

.unihaz-navbar .nav-link:hover,
.unihaz-navbar .nav-link.active,
.unihaz-navbar .nav-item.active > .nav-link {
    background: var(--penmaru-primary);
    color: #fff !important;
}

.unihaz-navbar .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.45);
}

.unihaz-navbar .navbar-toggler-icon {
    filter: invert(1);
}

.unihaz-navbar .dropdown-menu {
    border: 1px solid var(--penmaru-border);
    border-radius: var(--unihaz-radius);
    box-shadow: var(--penmaru-shadow-md);
    padding: 0.4rem;
}

.unihaz-navbar .dropdown-item {
    border-radius: 8px;
    color: var(--penmaru-text-dark);
}

.unihaz-navbar .dropdown-item:hover,
.unihaz-navbar .dropdown-item.active {
    background: rgba(11, 47, 109, 0.12);
    color: var(--penmaru-primary-dark);
}

.unihaz-navbar .navbar-brand img {
    height: 36px;
    width: auto;
}

.unihaz-navbar .navbar-brand span {
    font-weight: 700;
    margin-left: 0.5rem;
    font-family: 'Montserrat', 'Inter', sans-serif;
}

/* Footer */
.unihaz-footer {
    flex-shrink: 0;
    background: linear-gradient(135deg, var(--unihaz-navy-deep) 0%, var(--unihaz-navy-soft) 100%);
    color: #fff;
    padding: 1.5rem 0;
    margin-top: auto;
    text-align: center;
}

/* Final brand enforcement: keep legacy component specificity from overriding
   the UNIHAZ typography hierarchy and gold calls to action. */
h1, h2, h3, h4, h5, h6, legend {
    font-weight: 700 !important;
}

.btn,
button,
input[type="button"],
input[type="submit"] {
    font-weight: 600 !important;
}

.btn-primary {
    --bs-btn-color: var(--unihaz-navy-deep);
    --bs-btn-bg: var(--unihaz-gold);
    --bs-btn-border-color: var(--unihaz-gold);
    --bs-btn-hover-color: var(--unihaz-navy-deep);
    --bs-btn-hover-bg: var(--unihaz-gold-dark);
    --bs-btn-hover-border-color: var(--unihaz-gold-dark);
    color: var(--unihaz-navy-deep) !important;
    background-color: var(--unihaz-gold) !important;
    border-color: var(--unihaz-gold) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    color: var(--unihaz-navy-deep) !important;
    background-color: var(--unihaz-gold-dark) !important;
    border-color: var(--unihaz-gold-dark) !important;
    box-shadow: 0 4px 14px rgba(245, 158, 11, 0.28) !important;
}

.btn-outline-primary {
    --bs-btn-color: var(--unihaz-navy);
    --bs-btn-border-color: var(--unihaz-navy);
    --bs-btn-hover-bg: var(--unihaz-navy);
    --bs-btn-hover-border-color: var(--unihaz-navy);
    --bs-btn-hover-color: #fff;
    color: var(--unihaz-navy) !important;
    border-color: var(--unihaz-navy) !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    color: #fff !important;
    background-color: var(--unihaz-navy) !important;
    border-color: var(--unihaz-navy) !important;
}

.btn-success {
    --bs-btn-bg: var(--unihaz-success);
    --bs-btn-border-color: var(--unihaz-success);
    --bs-btn-hover-bg: var(--unihaz-success-dark);
    --bs-btn-hover-border-color: var(--unihaz-success-dark);
    color: #fff !important;
    background-color: var(--unihaz-success) !important;
    border-color: var(--unihaz-success) !important;
}

.btn-success:hover,
.btn-success:focus {
    color: #fff !important;
    background-color: var(--unihaz-success-dark) !important;
    border-color: var(--unihaz-success-dark) !important;
}

.btn-danger {
    --bs-btn-bg: var(--unihaz-danger);
    --bs-btn-border-color: var(--unihaz-danger);
    --bs-btn-hover-bg: var(--unihaz-danger-dark);
    --bs-btn-hover-border-color: var(--unihaz-danger-dark);
    color: #fff !important;
    background-color: var(--unihaz-danger) !important;
    border-color: var(--unihaz-danger) !important;
}

.btn-danger:hover,
.btn-danger:focus {
    color: #fff !important;
    background-color: var(--unihaz-danger-dark) !important;
    border-color: var(--unihaz-danger-dark) !important;
}

.btn-info {
    --bs-btn-bg: var(--unihaz-info);
    --bs-btn-border-color: var(--unihaz-info);
    --bs-btn-hover-bg: var(--unihaz-info-dark);
    --bs-btn-hover-border-color: var(--unihaz-info-dark);
    color: #fff !important;
    background-color: var(--unihaz-info) !important;
    border-color: var(--unihaz-info) !important;
}

.btn-info:hover,
.btn-info:focus {
    color: #fff !important;
    background-color: var(--unihaz-info-dark) !important;
    border-color: var(--unihaz-info-dark) !important;
}

.btn-default,
.btn-secondary {
    --bs-btn-color: var(--unihaz-charcoal);
    --bs-btn-bg: var(--unihaz-surface-muted);
    --bs-btn-border-color: var(--unihaz-border);
    color: var(--unihaz-charcoal) !important;
    background-color: var(--unihaz-surface-muted) !important;
    border-color: var(--unihaz-border) !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-secondary:hover,
.btn-secondary:focus {
    color: var(--unihaz-navy-deep) !important;
    background-color: #E9ECEF !important;
    border-color: #CED4DA !important;
}

.unihaz-footer a {
    color: var(--unihaz-gold-light);
    text-decoration: none;
}

.unihaz-footer a:hover {
    color: #fff;
}

.unihaz-clock {
    display: inline-block;
    background: rgba(11, 47, 109, 0.12);
    color: var(--unihaz-navy-deep);
    border: 1px solid rgba(11, 47, 109, 0.18);
    border-radius: 999px;
    padding: 0.35rem 0.9rem;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.btn {
    border-radius: 10px;
    font-weight: 600;
}

/* Forms / tables leftover Bootstrap 3 */
.form-control,
.form-select,
select.form-control,
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
    border-radius: 10px;
    border-color: var(--penmaru-border);
}

.form-control:focus {
    border-color: var(--penmaru-primary);
    box-shadow: 0 0 0 0.2rem rgba(11, 47, 109, 0.2);
}

h1, h2, h3, h4, legend {
    color: var(--penmaru-primary-dark);
    font-family: 'Montserrat', 'Inter', sans-serif;
}

table.table {
    --bs-table-striped-bg: rgba(11, 47, 109, 0.06);
}

body.unihaz-app table th,
body.unihaz-app table td {
    padding: 0.55rem 0.75rem;
}

table.table thead th,
table thead th {
    background: var(--penmaru-primary-dark);
    color: #fff;
    border-color: var(--penmaru-primary-dark);
    font-weight: 600;
}

.panel,
.well,
.card {
    background: var(--penmaru-bg-white);
    border: 1px solid var(--penmaru-border);
    border-radius: var(--unihaz-radius);
    box-shadow: var(--penmaru-shadow-sm);
}

.panel-heading,
.well legend {
    background: rgba(11, 47, 109, 0.1);
    color: var(--penmaru-primary-dark);
    font-weight: 700;
    padding: 0.75rem 1rem;
    border-radius: var(--unihaz-radius) var(--unihaz-radius) 0 0;
}

.panel-body {
    padding: 1rem;
}

.label,
.badge {
    background: var(--penmaru-primary);
    color: #fff;
}

.label-success { background: var(--penmaru-accent); }
.label-warning { background: var(--penmaru-secondary); color: var(--penmaru-text-dark); }
.label-info { background: var(--penmaru-primary-light); }

/* Bootstrap 3 compatibility */
.hidden { display: none !important; }
.sr-only,
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.img-responsive { max-width: 100%; height: auto; }
.pull-left { float: left !important; }
.pull-right { float: right !important; }
.center-block { display: block; margin-left: auto; margin-right: auto; }
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.35em;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.form-group { margin-bottom: 1rem; }
.control-label { font-weight: 600; color: var(--penmaru-text-medium); margin-bottom: 0.35rem; }
.col-xs-12 { width: 100%; }
.col-xs-10 { width: 83.333%; }
.col-xs-8 { width: 66.666%; }
.col-xs-6 { width: 50%; }
.col-xs-4 { width: 33.333%; }
.col-xs-3 { width: 25%; }
.help-block { color: var(--penmaru-text-light); font-size: 0.875rem; }
.input-group-addon {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    background: var(--penmaru-bg-light);
    border: 1px solid var(--penmaru-border);
    border-radius: 10px 0 0 10px;
}
.close {
    background: transparent;
    border: 0;
    font-size: 1.5rem;
    line-height: 1;
    opacity: 0.6;
}
.divider,
.dropdown-divider {
    height: 0;
    margin: 0.4rem 0;
    overflow: hidden;
    border-top: 1px solid var(--penmaru-border);
}
.nav > li { list-style: none; }
.navbar-nav { list-style: none; padding-left: 0; }
.navbar-right { margin-left: auto; }

@media (max-width: 767.98px) {
    .unihaz-topbar p { text-align: left; margin-top: 0.5rem; }
    .unihaz-main > .container { padding: 1rem; }
    .hidden-xs { display: none !important; }
}

/* Halaman KRS mengikuti pola tampilan AKM dan KHS */
.feeder-report-krs .feeder-krs-import-card {
    display: grid;
    grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr);
    gap: 1rem;
    align-items: center;
    padding: .95rem 1rem;
    margin: 0 0 1rem;
    border: 1px solid var(--penmaru-border);
    border-radius: 14px;
    background: var(--penmaru-bg-white);
    box-shadow: var(--penmaru-shadow-sm);
}

.feeder-krs-import-card strong,
.feeder-krs-table-head strong {
    display: block;
    color: var(--penmaru-primary-dark);
    font-size: .84rem;
}

.feeder-krs-import-card strong i,
.feeder-krs-table-head strong i {
    margin-right: .3rem;
    color: var(--penmaru-primary);
}

.feeder-krs-import-card small,
.feeder-krs-table-head span {
    display: block;
    margin-top: .25rem;
    color: var(--penmaru-text-light);
    font-size: .7rem;
    line-height: 1.45;
}

.feeder-report-krs .feeder-report-import {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .45rem;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.feeder-report-krs .feeder-report-import .btn-secondary,
.feeder-report-krs .btn-primary {
    border-color: var(--penmaru-primary);
    background: var(--penmaru-primary);
    color: var(--penmaru-bg-white);
}

.feeder-report-krs .feeder-report-import .btn-secondary:hover,
.feeder-report-krs .feeder-report-import .btn-secondary:focus,
.feeder-report-krs .btn-primary:hover,
.feeder-report-krs .btn-primary:focus {
    border-color: var(--penmaru-primary-light);
    background: var(--penmaru-primary-light);
    color: var(--penmaru-bg-white);
}

.feeder-krs-toolbar,
.feeder-krs-table-card,
.feeder-report-krs .feeder-report-actions {
    border-color: var(--penmaru-border);
    background: var(--penmaru-bg-white);
    box-shadow: var(--penmaru-shadow-sm);
}

.feeder-krs-toolbar {
    align-items: stretch;
    margin-bottom: 1rem;
    border-radius: 14px;
}

.feeder-report-krs .feeder-report-toolbar-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .55rem;
}

.feeder-report-krs .btn-warning {
    border-color: var(--penmaru-secondary);
    background: var(--penmaru-secondary);
    color: var(--penmaru-primary-dark);
}

.feeder-report-krs .btn-warning:hover,
.feeder-report-krs .btn-warning:focus {
    border-color: var(--penmaru-primary);
    background: var(--penmaru-primary);
    color: var(--penmaru-bg-white);
}

.feeder-report-krs .btn-danger {
    border-color: var(--penmaru-primary-dark);
    background: var(--penmaru-bg-white);
    color: var(--penmaru-primary-dark);
}

.feeder-report-krs .btn-danger:hover,
.feeder-report-krs .btn-danger:focus {
    border-color: var(--penmaru-primary-dark);
    background: var(--penmaru-primary-dark);
    color: var(--penmaru-bg-white);
}

.feeder-report-krs .btn-success {
    border-color: var(--penmaru-accent);
    background: var(--penmaru-accent);
    color: var(--penmaru-bg-white);
}

.feeder-krs-table-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem .95rem;
    border-bottom: 1px solid var(--penmaru-border);
    background: var(--penmaru-bg-light);
}

.feeder-krs-table-head .feeder-krs-table-count {
    flex-shrink: 0;
    margin: 0;
    padding: .34rem .55rem;
    border-radius: 999px;
    background: var(--penmaru-secondary);
    color: var(--penmaru-primary-dark);
    font-size: .69rem;
    font-weight: 800;
}

.feeder-report-krs .feeder-krs-data-table {
    min-width: 800px;
    border-collapse: separate;
    border-spacing: 0;
}

.feeder-report-krs .feeder-krs-data-table thead th {
    padding-top: .82rem;
    padding-bottom: .82rem;
    border-bottom: 3px solid var(--penmaru-primary) !important;
    background: var(--penmaru-primary-dark) !important;
}

.feeder-report-krs .feeder-krs-data-table tbody tr:nth-child(even) {
    background: var(--penmaru-bg-light);
}

.feeder-report-krs .feeder-krs-data-table tbody td:nth-child(1),
.feeder-report-krs .feeder-krs-data-table tbody td:nth-child(2),
.feeder-report-krs .feeder-krs-data-table tbody td:nth-child(4) {
    text-align: center;
    white-space: nowrap;
}

.feeder-report-krs .feeder-krs-data-table tbody td:nth-child(2),
.feeder-report-krs .feeder-krs-data-table tbody td:nth-child(5) {
    color: var(--penmaru-primary-dark);
    font-weight: 800;
}

.feeder-report-krs .feeder-krs-data-table tbody td:nth-child(3),
.feeder-report-krs .feeder-krs-data-table tbody td:nth-child(6) {
    min-width: 170px;
}

.feeder-report-krs .feeder-krs-data-table tbody td:last-child {
    min-width: 150px;
    text-align: center;
    white-space: nowrap;
}

.feeder-report-krs .feeder-krs-data-table tbody td:last-child .btn {
    margin: .1rem;
}

.feeder-krs-empty-row,
.feeder-krs-empty-row:hover {
    background: var(--penmaru-bg-white) !important;
}

.feeder-report-krs .feeder-krs-data-table .feeder-krs-empty-row > td {
    padding: 2.4rem 1rem;
    text-align: center;
    white-space: normal;
}

.feeder-krs-empty {
    display: flex;
    align-items: center;
    flex-direction: column;
    max-width: 520px;
    margin: 0 auto;
}

.feeder-krs-empty > span {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    margin-bottom: .7rem;
    border-radius: 12px;
    background: var(--penmaru-bg-light);
    color: var(--penmaru-primary);
    font-size: 1.15rem;
}

.feeder-krs-empty strong {
    color: var(--penmaru-primary-dark);
    font-size: .9rem;
}

.feeder-krs-empty p {
    margin: .35rem 0 0;
    color: var(--penmaru-text-light);
    font-size: .73rem;
    line-height: 1.55;
}

.feeder-report-krs .feeder-report-actions {
    padding: .8rem;
    border: 1px solid var(--penmaru-border);
    border-radius: 14px;
}

@media (max-width: 767.98px) {
    .feeder-report-krs .feeder-krs-import-card {
        grid-template-columns: 1fr;
    }

    .feeder-report-krs .feeder-report-import,
    .feeder-report-krs .feeder-report-toolbar-actions {
        justify-content: flex-start;
    }

    .feeder-krs-table-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .feeder-krs-table-head .feeder-krs-table-count {
        align-self: flex-start;
    }
}

/* Login */
body.unihaz-login-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.75rem 1.25rem;
}

.unihaz-login-page-inner {
    width: 100%;
    max-width: 980px;
}

.unihaz-login-shell {
    width: 100%;
}

.unihaz-login-panel {
    display: grid;
    grid-template-columns: minmax(280px, 0.92fr) minmax(300px, 1.08fr);
    min-height: 540px;
    background: var(--penmaru-bg-white);
    border: 1px solid var(--penmaru-border);
    border-radius: 28px;
    overflow: hidden;
    box-shadow: var(--penmaru-shadow-lg);
}

.unihaz-login-brand {
    position: relative;
    isolation: isolate;
    background: linear-gradient(165deg, var(--penmaru-primary-dark) 0%, #1a2540 62%, var(--penmaru-primary) 160%);
    color: #fff;
    padding: 2.35rem 2.1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
}

.unihaz-login-brand::before,
.unihaz-login-brand::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: -1;
}

.unihaz-login-brand::before {
    width: 220px;
    height: 220px;
    right: -90px;
    top: -70px;
    background: radial-gradient(circle, rgba(11, 47, 109, 0.35) 0%, rgba(11, 47, 109, 0) 70%);
}

.unihaz-login-brand::after {
    width: 180px;
    height: 180px;
    left: -70px;
    bottom: -50px;
    border: 18px solid rgba(245, 158, 11, 0.16);
}

.unihaz-login-brandhead {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.85rem;
    margin: 0 0 1.5rem;
    width: 100%;
}

.unihaz-login-logo {
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    overflow: hidden;
    background: #fff;
    border-radius: 16px;
    padding: 7px;
    box-shadow: var(--penmaru-shadow-sm);
}

.unihaz-login-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.unihaz-login-brandtext {
    min-width: 0;
}

.unihaz-login-brandtext strong {
    display: block;
    color: #fff;
    font-size: 0.9rem;
    line-height: 1.35;
    font-weight: 700;
}

.unihaz-login-brandtext span {
    display: block;
    margin-top: 0.2rem;
    color: var(--penmaru-secondary);
    font-size: 0.72rem;
    font-weight: 500;
}

.unihaz-login-kicker {
    display: inline-flex;
    align-items: center;
    margin: 0 0 0.85rem;
    padding: 0.28rem 0.7rem;
    border-radius: 999px;
    background: rgba(245, 158, 11, 0.16);
    border: 1px solid rgba(245, 158, 11, 0.35);
    font-size: 0.68rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--penmaru-secondary);
    font-weight: 700;
}

.unihaz-login-brand h2 {
    color: #fff;
    font-size: 2rem;
    line-height: 1.2;
    margin: 0 0 0.7rem;
    text-align: left;
}

.unihaz-login-lead {
    color: rgba(255, 255, 255, 0.82);
    margin: 0 0 1.5rem;
    text-align: left;
    max-width: 28ch;
}

.unihaz-login-points {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 0.75rem;
    width: 100%;
    justify-items: stretch;
}

.unihaz-login-points li {
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
    padding: 0.85rem 0.9rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.unihaz-login-icon.fa-solid,
.unihaz-login-icon {
    display: grid !important;
    place-items: center;
    place-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 11px;
    background: rgba(11, 47, 109, 0.22);
    color: var(--penmaru-secondary);
    font-size: 16px;
    line-height: 1 !important;
    text-align: center;
    overflow: hidden;
}

.unihaz-login-icon::before {
    grid-area: 1 / 1;
    display: block !important;
    width: 1em;
    height: 1em;
    margin: 0 auto;
    line-height: 1 !important;
    font-size: 16px;
    text-align: center;
}

.unihaz-login-points strong {
    display: block;
    font-size: 0.92rem;
    margin-bottom: 0.12rem;
}

.unihaz-login-points span {
    display: block;
    font-size: 0.78rem;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.72);
}

.unihaz-login-form-wrap {
    padding: 2.5rem 2.35rem 2.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.unihaz-login-form-wrap h1 {
    font-size: 1.7rem;
    margin: 0 0 0.4rem;
    text-align: left;
}

.unihaz-login-subtitle {
    color: var(--penmaru-text-medium);
    margin-bottom: 1.65rem;
}

.unihaz-field {
    margin-bottom: 1.15rem;
}

.unihaz-field label {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--penmaru-text-light);
    margin-bottom: 0.45rem;
}

.unihaz-input {
    position: relative;
}

.unihaz-input .input {
    display: block;
    width: 100%;
    margin: 0;
}

.unihaz-input label,
.unihaz-input .error-message {
    display: none;
}

.unihaz-input > i {
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    transform: none;
    color: var(--penmaru-primary);
    pointer-events: none;
    z-index: 1;
    line-height: 1;
    font-size: 0.95rem;
}

.unihaz-input .form-control {
    height: 52px;
    padding: 0.85rem 2.6rem 0.85rem 2.55rem;
    background: var(--penmaru-bg-light);
    border: 1px solid var(--penmaru-border);
    border-radius: 14px;
}

.unihaz-input .form-control:focus {
    background: #fff;
    border-color: var(--penmaru-primary);
    box-shadow: 0 0 0 4px rgba(11, 47, 109, 0.15);
}

.unihaz-pass-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border: 0;
    background: transparent;
    color: var(--penmaru-text-light);
    border-radius: 8px;
    z-index: 2;
}

.unihaz-pass-toggle:hover {
    color: var(--penmaru-primary-dark);
    background: rgba(11, 47, 109, 0.08);
}

.unihaz-login-actions {
    display: flex;
    gap: 0.75rem;
    margin-top: 1.65rem;
}

.unihaz-login-actions .btn {
    flex: 1;
    height: 50px;
    padding: 0.8rem 1rem;
    border-radius: 14px;
    font-weight: 700;
}

.unihaz-login-actions .btn-light {
    background: var(--penmaru-bg-light);
    border-color: var(--penmaru-border);
    color: var(--penmaru-text-medium);
}

.unihaz-login-actions .btn-primary {
    background: var(--unihaz-gold);
    border-color: var(--unihaz-gold);
    color: var(--unihaz-navy-deep) !important;
}

.unihaz-login-actions .btn-primary:hover,
.unihaz-login-actions .btn-primary:focus {
    background: var(--unihaz-gold-dark);
    border-color: var(--unihaz-gold-dark);
    color: var(--unihaz-navy-deep) !important;
    box-shadow: 0 4px 14px rgba(245, 158, 11, 0.28);
}

.unihaz-login-foot {
    text-align: center;
    margin: 1.15rem 0 0;
    color: var(--penmaru-text-light);
    font-size: 0.8rem;
    line-height: 1.55;
}

.unihaz-login-form-app {
    margin: 0 0 0.45rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--unihaz-navy);
}

.unihaz-login-watermark {
    position: absolute;
    right: 1.1rem;
    bottom: 0.8rem;
    font-size: 7rem;
    line-height: 1;
    color: rgba(255, 255, 255, 0.06);
    pointer-events: none;
    z-index: -1;
}

.unihaz-feeder-ribbon {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 0.7rem 1.15rem;
    background: linear-gradient(90deg, var(--unihaz-navy-deep), var(--unihaz-navy));
    border-bottom: 2px solid var(--unihaz-gold);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    border-radius: 16px 16px 0 0;
}

.unihaz-feeder-ribbon span:last-child {
    font-weight: 500;
    opacity: 0.9;
}

.is-wisuda .unihaz-login-kicker {
    background: rgba(245, 158, 11, 0.2);
    border-color: rgba(245, 158, 11, 0.45);
    color: var(--unihaz-gold);
}

.is-wisuda .unihaz-login-form-app {
    color: var(--unihaz-navy);
}

.is-wisuda .unihaz-login-actions .btn-primary {
    color: var(--unihaz-navy-deep) !important;
    background: var(--unihaz-gold);
    border-color: var(--unihaz-gold);
}

.is-wisuda .unihaz-login-actions .btn-primary:hover,
.is-wisuda .unihaz-login-actions .btn-primary:focus {
    color: var(--unihaz-navy-deep) !important;
    background: var(--unihaz-gold-dark);
    border-color: var(--unihaz-gold-dark);
}

.is-wisuda .unihaz-login-panel {
    border-radius: 28px;
}

.is-feeder .unihaz-login-page-inner {
    max-width: 1000px;
}

.is-feeder .unihaz-login-panel {
    grid-template-columns: minmax(300px, 1.05fr) minmax(280px, 0.95fr);
    border-radius: 0 0 16px 16px;
    min-height: 520px;
}

.is-feeder .unihaz-login-brand {
    background: linear-gradient(165deg, var(--unihaz-navy-deep) 0%, var(--unihaz-navy) 65%, var(--unihaz-navy-soft) 100%);
}

.is-feeder .unihaz-login-brand::after {
    border-color: rgba(245, 158, 11, 0.22);
}

.is-feeder .unihaz-login-kicker {
    border-radius: 6px;
    background: rgba(245, 158, 11, 0.2);
    border-color: rgba(245, 158, 11, 0.45);
    color: #FFC107;
}

.is-feeder .unihaz-login-form-app {
    color: var(--unihaz-navy);
}

.is-feeder .unihaz-login-icon {
    background: rgba(11, 47, 109, 0.22);
    color: var(--unihaz-gold);
    border-radius: 8px;
}

.is-feeder .unihaz-login-actions .btn-primary {
    background: var(--unihaz-gold);
    border-color: var(--unihaz-gold);
    color: var(--unihaz-navy-deep) !important;
}

.is-feeder .unihaz-login-actions .btn-primary:hover,
.is-feeder .unihaz-login-actions .btn-primary:focus {
    background: var(--unihaz-gold-dark);
    border-color: var(--unihaz-gold-dark);
    color: var(--unihaz-navy-deep) !important;
}

.is-feeder .unihaz-login-points li {
    border-radius: 8px;
}

@media (max-width: 767.98px) {
    .unihaz-login-panel {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .unihaz-login-brand {
        padding: 1.6rem 1.35rem 1.35rem;
    }

    .unihaz-login-lead {
        max-width: none;
    }

    .unihaz-login-form-wrap {
        padding: 1.5rem 1.35rem 1.7rem;
        justify-content: flex-start;
    }

    .unihaz-login-actions {
        flex-direction: column-reverse;
    }

    .unihaz-feeder-ribbon {
        flex-direction: column;
        align-items: flex-start;
        border-radius: 16px 16px 0 0;
    }

    .is-feeder .unihaz-login-panel {
        grid-template-columns: 1fr;
        border-radius: 0 0 16px 16px;
    }
}

.dataTables_wrapper {
    padding-top: 0.5rem;
}

.unihaz-dash-head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.unihaz-dash-brand {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-width: 0;
}

.unihaz-dash-logo {
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    background: #fff;
    border: 1px solid var(--penmaru-border);
    border-radius: 16px;
    padding: 6px;
    box-shadow: var(--penmaru-shadow-sm);
}

.unihaz-dash-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.unihaz-dash-kicker {
    margin: 0;
    font-size: 0.72rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-weight: 800;
    color: var(--penmaru-primary);
}

.unihaz-dash-head h2 {
    margin: 0.2rem 0 0;
    font-size: 1.45rem;
}

.unihaz-dash-sub {
    margin: 0.25rem 0 0;
    color: var(--penmaru-text-medium);
    font-size: 0.9rem;
}

.unihaz-dash-actions {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.unihaz-kpi {
    display: flex;
    gap: 0.8rem;
    align-items: center;
    background: var(--penmaru-bg-light);
    border: 1px solid var(--penmaru-border);
    border-radius: 16px;
    padding: 0.95rem 1rem;
    height: 100%;
}

.unihaz-kpi small {
    display: block;
    color: var(--penmaru-text-light);
    font-size: 0.75rem;
}

.unihaz-kpi strong {
    display: block;
    font-size: 1.35rem;
    color: var(--penmaru-primary-dark);
    line-height: 1.2;
}

.unihaz-kpi-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(11, 47, 109, 0.16);
    color: var(--penmaru-primary-dark);
    display: grid !important;
    place-items: center;
    flex-shrink: 0;
    font-size: 1rem;
    line-height: 1;
}

.unihaz-kpi-icon.is-gold { background: rgba(245, 158, 11, 0.28); color: #1A365D; }
.unihaz-kpi-icon.is-green { background: rgba(82, 118, 76, 0.16); color: var(--penmaru-accent); }
.unihaz-kpi-icon.is-online { background: rgba(26, 54, 93, 0.12); color: var(--penmaru-primary-dark); }

.unihaz-chart-card {
    background: var(--penmaru-bg-light);
    border: 1px solid var(--penmaru-border);
    border-radius: 18px;
    padding: 1.1rem 1.1rem 0.4rem;
    height: 100%;
}

.unihaz-chart-card h3 {
    margin: 0;
    font-size: 1.05rem;
}

.unihaz-chart-card p {
    margin: 0.2rem 0 0.6rem;
    color: var(--penmaru-text-light);
    font-size: 0.82rem;
}

.unihaz-chart {
    height: 280px;
}

.unihaz-chart.is-short {
    height: 250px;
}

.unihaz-quick {
    display: flex;
    gap: 0.85rem;
    align-items: center;
    padding: 1rem;
    border-radius: 16px;
    border: 1px solid var(--penmaru-border);
    background: #fff;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

.unihaz-quick:hover {
    border-color: var(--penmaru-primary);
    color: inherit;
}

.unihaz-quick-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--penmaru-primary-dark);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 1.05rem;
    flex-shrink: 0;
}

.unihaz-quick strong {
    display: block;
    color: var(--penmaru-primary-dark);
}

.unihaz-quick span {
    display: block;
    color: var(--penmaru-text-light);
    font-size: 0.82rem;
}

.unihaz-online h3,
.unihaz-note {
    font-size: 0.95rem;
}

.unihaz-online-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.5rem;
}

.unihaz-online-list span {
    background: rgba(11, 47, 109, 0.12);
    color: var(--penmaru-primary-dark);
    border-radius: 999px;
    padding: 0.25rem 0.7rem;
    font-size: 0.8rem;
    font-weight: 600;
}

.unihaz-note {
    background: rgba(245, 158, 11, 0.2);
    border-radius: 12px;
    padding: 0.85rem 1rem;
    color: var(--penmaru-text-medium);
}

/* Feeder dashboard */
.unihaz-navbar > .container-fluid,
.unihaz-main > .container-fluid {
    width: calc(100% - 2rem);
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.unihaz-navbar > .container-fluid {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.unihaz-navbar .navbar-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.25rem 0;
    margin-right: 1.75rem;
}

.unihaz-navbar .navbar-brand img {
    width: 42px;
    height: 42px;
    padding: 3px;
    object-fit: contain;
    border-radius: 11px;
    background: #fff;
}

.unihaz-navbar-brandcopy {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-left: 0 !important;
    line-height: 1.05;
}

.unihaz-navbar-brandcopy strong {
    font-size: 0.94rem;
    letter-spacing: -0.01em;
}

.unihaz-navbar-brandcopy small {
    margin-top: 0.25rem;
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}

.unihaz-navbar .nav-link i {
    margin-right: 0.3rem;
    opacity: 0.88;
}

.unihaz-footer p {
    margin: 0;
}

.feeder-home {
    color: var(--penmaru-text-dark);
}

.feeder-settings-page { color: var(--penmaru-text-dark); }
.feeder-password-page { color: var(--penmaru-text-dark); }
.feeder-password-secure-badge { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.55rem 0.8rem; border-radius: 999px; background: rgba(82, 118, 76, 0.11); color: var(--penmaru-accent); font-size: 0.72rem; font-weight: 800; white-space: nowrap; }
.feeder-password-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr); gap: 1.25rem; align-items: start; }
.feeder-password-card { padding: 1.35rem; border: 1px solid var(--penmaru-border); border-radius: 18px; background: #fff; box-shadow: var(--penmaru-shadow-sm); }
.feeder-password-form { padding-top: 1rem; }
.feeder-password-input { position: relative; }
.feeder-password-input input { padding-right: 2.8rem; }
.feeder-password-toggle { position: absolute; top: 50%; right: 0.45rem; width: 2rem; height: 2rem; transform: translateY(-50%); border: 0; border-radius: 7px; background: transparent; color: var(--penmaru-text-light); cursor: pointer; }
.feeder-password-toggle:hover { background: rgba(11, 47, 109, 0.1); color: var(--penmaru-primary-dark); }
.feeder-password-strength { display: flex; gap: 0.3rem; margin-top: 0.5rem; }
.feeder-password-strength span { height: 4px; flex: 1; border-radius: 999px; background: #e9edf1; transition: background 160ms ease; }
.feeder-password-strength span.is-filled.level-1 { background: #b74343; }.feeder-password-strength span.is-filled.level-2 { background: #c89b54; }.feeder-password-strength span.is-filled.level-3 { background: #7aa36d; }.feeder-password-strength span.is-filled.level-4 { background: var(--penmaru-accent); }
.feeder-password-match { display: block; margin-top: 0.35rem; color: var(--penmaru-text-light); font-size: 0.72rem; }.feeder-password-match.is-valid { color: var(--penmaru-accent); }.feeder-password-match.is-invalid { color: #b74343; }
.feeder-password-guide { padding: 1.35rem; border: 1px solid rgba(11, 47, 109, 0.16); border-radius: 18px; background: linear-gradient(145deg, rgba(11, 47, 109, 0.1), rgba(26, 54, 93, 0.04)); }
.feeder-password-guide h2 { margin: 0 0 0.8rem; font-size: 1.05rem; }.feeder-password-guide ul { margin: 0; padding-left: 1.15rem; color: var(--penmaru-text-medium); font-size: 0.78rem; line-height: 1.8; }
@media (max-width: 767.98px) { .feeder-password-grid { grid-template-columns: 1fr; }.feeder-password-page .feeder-page-head { align-items: flex-start; flex-direction: column; } }

.feeder-student-count-page { color: var(--penmaru-text-dark); }
.feeder-student-count-head-meta { display: flex; align-items: center; gap: .55rem; flex-wrap: wrap; justify-content: flex-end; }
.feeder-student-count-period { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.55rem 0.8rem; border-radius: 999px; background: rgba(11, 47, 109, 0.1); color: var(--penmaru-primary-dark); font-size: 0.72rem; font-weight: 800; white-space: nowrap; }
.feeder-student-count-updated { display: inline-flex; align-items: center; gap: .3rem; color: var(--penmaru-accent); font-size: .7rem; font-weight: 700; white-space: nowrap; }
.feeder-student-count-kpis { margin-top: 1.25rem; margin-bottom: 1.35rem; }
.feeder-student-count-kpi { display: flex; align-items: center; gap: 0.75rem; height: 100%; padding: 1rem; border: 1px solid var(--penmaru-border); border-radius: 15px; background: #fff; box-shadow: var(--penmaru-shadow-sm); }
.feeder-student-count-kpi > span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; flex-shrink: 0; }
.feeder-student-count-kpi > span.is-blue { color: #0B2F6D; background: rgba(11, 47, 109, 0.13); }
.feeder-student-count-kpi > span.is-green { color: var(--penmaru-accent); background: rgba(82, 118, 76, 0.13); }
.feeder-student-count-kpi > span.is-gold { color: #8a663e; background: rgba(245, 158, 11, 0.27); }
.feeder-student-count-kpi > span.is-purple { color: #6d5b9f; background: rgba(132, 114, 184, 0.14); }
.feeder-student-count-kpi small, .feeder-student-count-kpi strong { display: block; }
.feeder-student-count-kpi small { color: var(--penmaru-text-light); font-size: 0.72rem; }
.feeder-student-count-kpi strong { margin-top: 0.1rem; color: var(--penmaru-primary-dark); font-size: 1.4rem; }
.feeder-student-count-kpi-featured strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; }
.feeder-student-count-kpi-featured em { display: block; margin-top: .15rem; color: var(--penmaru-text-light); font-size: .7rem; font-style: normal; }
.feeder-student-count-panel { padding: 1.25rem; border: 1px solid var(--penmaru-border); border-radius: 18px; background: #fff; box-shadow: var(--penmaru-shadow-sm); }
.feeder-student-count-panel-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: 1rem; }
.feeder-student-count-panel-head h2 { margin: 0; font-size: 1.2rem; }
.feeder-student-count-tools { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; justify-content: flex-end; }
.feeder-student-count-search { display: inline-flex; align-items: center; gap: .45rem; min-width: 210px; padding: .45rem .65rem; border: 1px solid var(--penmaru-border); border-radius: 10px; background: #fff; color: var(--penmaru-text-light); }
.feeder-student-count-search:focus-within { border-color: var(--penmaru-primary); box-shadow: 0 0 0 3px rgba(11, 47, 109, .12); }
.feeder-student-count-search input { width: 100%; border: 0; outline: 0; color: var(--penmaru-text-dark); font-size: .75rem; background: transparent; }
.feeder-student-count-help { color: var(--penmaru-text-light); font-size: 0.72rem; white-space: nowrap; }
.feeder-student-count-help i { margin-right: 0.25rem; color: var(--penmaru-primary); }
.feeder-student-count-table-wrap { border: 1px solid var(--penmaru-border); border-radius: 13px; }
.feeder-student-count-table { min-width: 680px; }
.feeder-student-count-table thead th { padding: 0.75rem 0.85rem; border: 0; background: #f3f6fa; color: var(--penmaru-text-medium); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05em; }
.feeder-student-count-table tbody td { padding: 0.75rem 0.85rem; border-color: #edf1f5; color: var(--penmaru-text-medium); font-size: 0.8rem; }
.feeder-student-count-table code { padding: 0.25rem 0.4rem; border-radius: 6px; background: #f3f6fa; color: var(--penmaru-primary-dark); font-size: 0.72rem; }
.feeder-student-count-number { width: 48px; color: var(--penmaru-text-light) !important; }
.feeder-student-count-progress { display: inline-block; width: min(150px, 15vw); height: 7px; margin-right: 0.45rem; overflow: hidden; border-radius: 999px; vertical-align: middle; background: #edf1f5; }
.feeder-student-count-progress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--penmaru-primary), var(--penmaru-primary-light)); }
.feeder-student-count-table td small { color: var(--penmaru-text-light); font-size: 0.7rem; }
.feeder-student-count-no-result { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: .25rem; padding: 2rem 1rem; color: var(--penmaru-text-light); text-align: center; }
.feeder-student-count-no-result i { margin-bottom: .35rem; color: var(--penmaru-primary); font-size: 1.35rem; }
.feeder-student-count-no-result strong { color: var(--penmaru-text-medium); font-size: .85rem; }
.feeder-student-count-no-result span { font-size: .72rem; }
@media (max-width: 767.98px) { .feeder-student-count-kpis { margin-top: .85rem; margin-bottom: 1rem; } .feeder-student-count-panel-head { flex-direction: column; } .feeder-student-count-head-meta { justify-content: flex-start; } .feeder-student-count-period { align-self: flex-start; } .feeder-student-count-tools { width: 100%; justify-content: flex-start; } .feeder-student-count-search { flex: 1; min-width: 0; } }
.feeder-settings-status,
.feeder-settings-lock { display: inline-flex; align-items: center; gap: 0.35rem; border-radius: 999px; font-size: 0.72rem; font-weight: 800; white-space: nowrap; }
.feeder-settings-status { padding: 0.55rem 0.8rem; }
.feeder-settings-status.is-ready { color: var(--penmaru-accent); background: rgba(82, 118, 76, 0.11); }
.feeder-settings-status.is-empty { color: #8a663e; background: rgba(245, 158, 11, 0.24); }
.feeder-settings-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr); gap: 1.25rem; align-items: start; }
.feeder-settings-card { padding: 1.35rem; border: 1px solid var(--penmaru-border); border-radius: 18px; background: #fff; box-shadow: var(--penmaru-shadow-sm); }
.feeder-settings-card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #edf1f5; }
.feeder-settings-card-head h2 { margin: 0; font-size: 1.25rem; }
.feeder-settings-lock { padding: 0.4rem 0.6rem; color: var(--penmaru-primary-dark); background: rgba(11, 47, 109, 0.09); }
.feeder-settings-form { padding-top: 1rem; }
.feeder-settings-field { margin-bottom: 1rem; }
.feeder-settings-field .input { margin: 0; }
.feeder-settings-field label { display: block; margin-bottom: 0.4rem; color: var(--penmaru-text-medium); font-size: 0.8rem; font-weight: 800; }
.feeder-settings-field small { display: block; margin-top: 0.35rem; color: var(--penmaru-text-light); font-size: 0.72rem; line-height: 1.5; }
.feeder-settings-field input { min-height: 2.65rem; }
.feeder-settings-actions { display: flex; align-items: center; gap: 0.65rem; padding-top: 0.5rem; }
.feeder-settings-actions .btn { min-height: 2.55rem; }
.feeder-page-light-action { border: 1px solid var(--penmaru-border); background: #fff; color: var(--penmaru-text-medium); }
.feeder-settings-guide { padding: 1.35rem; border: 1px solid rgba(11, 47, 109, 0.16); border-radius: 18px; background: linear-gradient(145deg, rgba(11, 47, 109, 0.1), rgba(26, 54, 93, 0.04)); }
.feeder-settings-guide-icon { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 0.8rem; border-radius: 12px; color: var(--penmaru-primary-dark); background: #fff; box-shadow: var(--penmaru-shadow-sm); }
.feeder-settings-guide h2 { margin: 0 0 0.8rem; font-size: 1.05rem; }
.feeder-settings-guide ol { margin: 0; padding-left: 1.15rem; color: var(--penmaru-text-medium); font-size: 0.78rem; line-height: 1.7; }
.feeder-settings-warning { display: flex; gap: 0.5rem; align-items: flex-start; margin-top: 1rem; padding: 0.75rem; border-radius: 11px; background: rgba(245, 158, 11, 0.22); color: #765735; font-size: 0.72rem; line-height: 1.45; }
.feeder-settings-warning i { margin-top: 0.15rem; }
@media (max-width: 767.98px) {
    .feeder-settings-grid { grid-template-columns: 1fr; }
    .feeder-page-head { align-items: flex-start; flex-direction: column; }
    .feeder-settings-card-head { flex-direction: column; }
}

.feeder-monitoring {
    padding: 1.25rem;
    border: 1px solid var(--penmaru-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(26, 54, 93, 0.045);
}

.feeder-monitoring-chart-card {
    padding: 1.25rem;
    border: 1px solid var(--penmaru-border);
    border-radius: 18px;
    background: linear-gradient(145deg, #ffffff 0%, #f8fbfd 100%);
    box-shadow: 0 12px 30px rgba(26, 54, 93, 0.07);
}

.feeder-monitoring-chart-card .feeder-home-section-head {
    margin-bottom: 0.4rem;
}

.feeder-monitoring-chart-card .feeder-home-count-badge i {
    margin-right: 0.25rem;
}

.feeder-monitoring-chart {
    width: 100%;
    min-height: 290px;
    margin-top: 0.35rem;
    border-top: 1px solid rgba(219, 227, 235, 0.7);
}

.feeder-monitoring-period-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid rgba(11, 47, 109, 0.18);
    border-radius: 999px;
    background: rgba(11, 47, 109, 0.09);
    color: var(--penmaru-primary-dark);
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.feeder-dashboard-tabs {
    margin-top: 1rem;
}

.feeder-dashboard-tablist {
    display: flex;
    gap: 0.35rem;
    padding: 0.35rem;
    border: 1px solid var(--penmaru-border);
    border-radius: 13px;
    background: #f5f7fa;
}

.feeder-dashboard-tab {
    flex: 1;
    padding: 0.7rem 0.9rem;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--penmaru-text-light);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 800;
    cursor: pointer;
    transition: 160ms ease;
}

.feeder-dashboard-tab i { margin-right: 0.35rem; }
.feeder-dashboard-tab:hover { color: var(--penmaru-primary-dark); }
.feeder-dashboard-tab.is-active { background: #fff; color: var(--penmaru-primary-dark); box-shadow: 0 3px 10px rgba(26, 54, 93, 0.1); }
.feeder-dashboard-tabpanel { padding-top: 0.85rem; }

@media (max-width: 575.98px) {
    .feeder-dashboard-tab { padding: 0.6rem 0.45rem; font-size: 0.7rem; }
    .feeder-dashboard-tab i { display: block; margin: 0 0 0.2rem; }
}

.feeder-monitoring-filter {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--penmaru-text-light);
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}

.feeder-monitoring-filter select {
    min-width: 110px;
    padding: 0.45rem 0.6rem;
    border: 1px solid var(--penmaru-border);
    border-radius: 9px;
    background: #fff;
    color: var(--penmaru-primary-dark);
    font-weight: 700;
}

.feeder-monitoring-kpis {
    margin-bottom: 1rem;
}

.feeder-monitoring-kpi {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    height: 100%;
    padding: 0.8rem;
    border: 1px solid #edf1f5;
    border-radius: 13px;
    background: #fbfcfd;
}

.feeder-monitoring-kpi > span {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    border-radius: 10px;
}

.feeder-monitoring-kpi > span.is-blue { color: #0B2F6D; background: rgba(11, 47, 109, 0.14); }
.feeder-monitoring-kpi > span.is-green { color: var(--penmaru-accent); background: rgba(82, 118, 76, 0.14); }
.feeder-monitoring-kpi > span.is-gold { color: #8a663e; background: rgba(245, 158, 11, 0.28); }
.feeder-monitoring-kpi small,
.feeder-monitoring-kpi strong { display: block; }
.feeder-monitoring-kpi small { color: var(--penmaru-text-light); font-size: 0.7rem; }
.feeder-monitoring-kpi strong { margin-top: 0.1rem; color: var(--penmaru-primary-dark); font-size: 1.2rem; }

.feeder-monitoring-table-wrap { border-radius: 13px; }
.feeder-monitoring-table { min-width: 920px; }
.feeder-monitoring-table thead th { white-space: nowrap; }
.feeder-monitoring-username { display: block; margin-top: 0.12rem; color: var(--penmaru-text-light); font-size: 0.7rem; }
.feeder-monitoring-status { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.28rem 0.5rem; border-radius: 999px; font-size: 0.68rem; font-weight: 800; white-space: nowrap; }
.feeder-monitoring-status.is-done { color: var(--penmaru-accent); background: rgba(82, 118, 76, 0.1); }
.feeder-monitoring-status.is-pending { color: #8a663e; background: rgba(245, 158, 11, 0.22); }
.feeder-monitoring-last { color: var(--penmaru-text-light) !important; font-size: 0.72rem !important; white-space: nowrap; }
.feeder-monitoring-note { margin: 0.85rem 0 0; color: var(--penmaru-text-light); font-size: 0.72rem; }
.feeder-monitoring-note i { margin-right: 0.25rem; color: var(--penmaru-primary); }

@media (max-width: 767.98px) {
    .feeder-monitoring .feeder-home-section-head { align-items: flex-start; flex-direction: column; }
    .feeder-monitoring-filter { width: 100%; justify-content: space-between; }
    .feeder-monitoring-filter select { flex: 1; }
}

.feeder-sms-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
    padding: 1.25rem;
    border: 1px solid var(--penmaru-border);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(11, 47, 109, 0.08), rgba(26, 54, 93, 0.04));
}

.feeder-sms-header h1,
.feeder-home-section-head h2 {
    margin: 0;
}

.feeder-sms-total {
    min-width: 150px;
    padding: 0.8rem 1rem;
    border-radius: 14px;
    background: var(--penmaru-primary-dark);
    color: #fff;
    text-align: right;
}

.feeder-sms-total span,
.feeder-sms-total strong {
    display: block;
}

.feeder-sms-total span {
    font-size: 0.68rem;
    opacity: 0.72;
}

.feeder-sms-total strong {
    margin-top: 0.15rem;
    font-size: 1.65rem;
    line-height: 1;
}

.feeder-sms-alert {
    margin: 1rem 0 0;
}

.feeder-sms-status {
    display: inline-flex;
    min-width: 1.8rem;
    justify-content: center;
    padding: 0.25rem 0.5rem;
    border-radius: 999px;
    background: rgba(82, 118, 76, 0.1);
    color: var(--penmaru-accent);
    font-size: 0.72rem;
    font-weight: 800;
}

.feeder-sms-status.is-inactive {
    background: rgba(245, 158, 11, 0.28);
    color: #8a663e;
}

.feeder-sms-table {
    min-width: 760px;
}

.feeder-sms-legend {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    margin: 0.25rem 0 0.85rem;
    color: var(--penmaru-text-light);
    font-size: 0.72rem;
}

.feeder-sms-legend-title {
    color: var(--penmaru-text-medium);
    font-weight: 800;
}

.feeder-sms-legend-title i {
    margin-right: 0.25rem;
    color: var(--penmaru-primary);
}

.feeder-sms-legend .feeder-sms-status {
    margin-right: 0.25rem;
    vertical-align: middle;
}

.feeder-home-table-wrap #report_wrapper {
    padding: 0.8rem 0.9rem 0;
}

.feeder-home-table-wrap #report_wrapper .DTTT_container {
    float: right;
    margin: 0 0 0.7rem 0.75rem;
}

.feeder-home-table-wrap #report_wrapper .DTTT_button {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.35rem 0.75rem;
    border: 1px solid var(--penmaru-border);
    border-radius: 8px;
    background: #fff;
    color: var(--penmaru-primary-dark);
    font-size: 0.73rem;
    font-weight: 700;
    text-decoration: none;
}

.feeder-home-table-wrap #report_wrapper .DTTT_button:hover {
    border-color: var(--penmaru-primary);
    background: rgba(11, 47, 109, 0.08);
}

.feeder-home-table-wrap #report_wrapper .dataTables_length,
.feeder-home-table-wrap #report_wrapper .dataTables_filter {
    margin-bottom: 0.7rem;
    color: var(--penmaru-text-light);
    font-size: 0.74rem;
}

.feeder-home-table-wrap #report_wrapper .dataTables_filter {
    text-align: right;
}

.feeder-home-table-wrap #report_wrapper .dataTables_length select,
.feeder-home-table-wrap #report_wrapper .dataTables_filter input {
    margin: 0 0.25rem;
    padding: 0.35rem 0.55rem;
    border: 1px solid var(--penmaru-border);
    border-radius: 8px;
    background: #fff;
    color: var(--penmaru-text-dark);
}

.feeder-home-table-wrap #report_wrapper .dataTables_filter input {
    width: min(190px, 42vw);
}

.feeder-home-table-wrap #report_wrapper .dataTables_info,
.feeder-home-table-wrap #report_wrapper .dataTables_paginate {
    margin-top: 0.75rem;
    padding-bottom: 0.8rem;
    color: var(--penmaru-text-light);
    font-size: 0.72rem;
}

.feeder-home-table-wrap #report_wrapper .dataTables_paginate {
    color: var(--penmaru-primary-dark);
}

@media (max-width: 575.98px) {
    .feeder-home-table-wrap #report_wrapper .DTTT_container,
    .feeder-home-table-wrap #report_wrapper .dataTables_filter {
        float: none;
        text-align: left;
    }
}

@media (max-width: 575.98px) {
    .feeder-sms-header {
        align-items: stretch;
        flex-direction: column;
    }

    .feeder-sms-total {
        text-align: left;
    }
}

.feeder-home-hero {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(330px, 0.65fr);
    gap: 2rem;
    align-items: center;
    min-height: 330px;
    padding: clamp(1.6rem, 3.5vw, 3.25rem);
    overflow: hidden;
    border-radius: 22px;
    background: linear-gradient(135deg, var(--unihaz-navy-deep) 0%, #0c2b5e 55%, var(--unihaz-navy) 100%);
    box-shadow: 0 22px 48px rgba(7, 31, 73, 0.25);
}

.feeder-home-hero::before,
.feeder-home-hero::after {
    content: '';
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    pointer-events: none;
}

.feeder-home-hero::before {
    width: 360px;
    height: 360px;
    top: -210px;
    right: 12%;
    border: 48px solid rgba(245, 158, 11, 0.08);
}

.feeder-home-hero::after {
    width: 260px;
    height: 260px;
    right: -115px;
    bottom: -145px;
    background: rgba(245, 158, 11, 0.06);
}

.feeder-home-hero-copy {
    max-width: 760px;
}

.feeder-home-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 1rem;
    color: var(--unihaz-gold-light);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.feeder-home-eyebrow-icon {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255, 193, 7, 0.35);
    border-radius: 9px;
    background: rgba(255, 193, 7, 0.15);
    color: #FFC107;
    font-size: 0.75rem;
}

.feeder-home-hero h1 {
    max-width: 780px;
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem, 3.2vw, 2.8rem);
    line-height: 1.16;
    letter-spacing: -0.035em;
}

.feeder-home-hero-copy > p {
    max-width: 680px;
    margin: 1rem 0 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.98rem;
    line-height: 1.75;
}

.feeder-home-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: 1.5rem;
}

.feeder-home-hero-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 44px;
    padding: 0.7rem 1.1rem;
    font-weight: 700;
}

.feeder-home-btn-primary {
    border-color: var(--unihaz-gold);
    background: var(--unihaz-gold);
    color: var(--unihaz-navy-deep) !important;
}

.feeder-home-btn-primary:hover,
.feeder-home-btn-primary:focus {
    border-color: var(--unihaz-gold-dark);
    background: var(--unihaz-gold-dark);
    color: var(--unihaz-navy-deep) !important;
    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.3);
}

.feeder-home-btn-secondary {
    border-color: rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.12);
    color: #fff !important;
}

.feeder-home-btn-secondary:hover,
.feeder-home-btn-secondary:focus {
    border-color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.22);
    color: #fff !important;
}

.feeder-home-hero-status {
    padding: 1.1rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
}

.feeder-home-status-top {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.15rem 0.15rem 0.85rem;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.79rem;
    font-weight: 700;
}

.feeder-home-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #81d898;
    box-shadow: 0 0 0 5px rgba(129, 216, 152, 0.13);
}

.feeder-home-status-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.feeder-home-status-grid > div {
    min-width: 0;
    padding: 0.9rem;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.075);
}

.feeder-home-status-grid span,
.feeder-home-status-grid strong {
    display: block;
}

.feeder-home-status-grid span {
    overflow: hidden;
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.7rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.feeder-home-status-grid strong {
    margin-top: 0.35rem;
    color: #fff;
    font-family: 'Montserrat', 'Inter', sans-serif;
    font-size: 1.35rem;
    line-height: 1.1;
}

.feeder-home-section {
    margin-top: 2.25rem;
}

.feeder-home-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.feeder-home-section-kicker {
    margin: 0 0 0.25rem;
    color: var(--penmaru-primary);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.feeder-home-section-head h2 {
    margin: 0;
    font-size: clamp(1.25rem, 2vw, 1.65rem);
    letter-spacing: -0.025em;
}

.feeder-home-section-note,
.feeder-home-count-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
    padding: 0.48rem 0.75rem;
    border-radius: 999px;
    color: var(--penmaru-text-medium);
    background: var(--penmaru-bg-light);
    border: 1px solid var(--penmaru-border);
    font-size: 0.76rem;
    font-weight: 700;
}

.feeder-home-section-note i {
    color: var(--penmaru-primary);
}

.feeder-home-workflow {
    position: relative;
    height: 100%;
    min-height: 190px;
    padding: 1.15rem;
    overflow: hidden;
    border: 1px solid var(--penmaru-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(26, 37, 64, 0.055);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.feeder-home-workflow:hover {
    transform: translateY(-3px);
    border-color: rgba(11, 47, 109, 0.42);
    box-shadow: 0 14px 28px rgba(26, 37, 64, 0.1);
}

.feeder-home-workflow-number {
    position: absolute;
    top: 0.9rem;
    right: 1rem;
    color: #d8dee9;
    font-family: 'Montserrat', 'Inter', sans-serif;
    font-size: 1.45rem;
    font-weight: 800;
}

.feeder-home-workflow-icon {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    margin-bottom: 1.15rem;
    border-radius: 13px;
    font-size: 1.05rem;
}

.feeder-home-workflow-icon.is-blue { background: rgba(11, 47, 109, 0.14); color: #0B2F6D; }
.feeder-home-workflow-icon.is-green { background: rgba(82, 118, 76, 0.14); color: var(--penmaru-accent); }
.feeder-home-workflow-icon.is-gold { background: rgba(245, 158, 11, 0.28); color: #8a663e; }
.feeder-home-workflow-icon.is-purple { background: rgba(26, 54, 93, 0.12); color: var(--penmaru-primary-dark); }

.feeder-home-workflow h3 {
    margin: 0;
    font-size: 1rem;
}

.feeder-home-workflow p {
    margin: 0.45rem 0 0;
    color: var(--penmaru-text-light);
    font-size: 0.82rem;
    line-height: 1.6;
}

.feeder-home-mapping {
    padding: 1.25rem;
    border: 1px solid var(--penmaru-border);
    border-radius: 18px;
    background: #fff;
}

.feeder-home-section-description {
    margin: 0.35rem 0 0;
    color: var(--penmaru-text-light);
    font-size: 0.83rem;
}

.feeder-home-count-badge {
    color: var(--penmaru-primary-dark);
    background: rgba(11, 47, 109, 0.1);
    border-color: rgba(11, 47, 109, 0.2);
}

.feeder-home-table-wrap {
    border: 1px solid var(--penmaru-border);
    border-radius: 14px;
}

.feeder-home-table {
    min-width: 720px;
    --bs-table-hover-bg: rgba(11, 47, 109, 0.045);
}

.feeder-home-table thead th {
    padding: 0.8rem 0.85rem;
    border: 0;
    background: #f3f6fa;
    color: var(--penmaru-text-medium);
    font-size: 0.71rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.feeder-home-table tbody td {
    padding: 0.8rem 0.85rem;
    border-color: #edf1f5;
    color: var(--penmaru-text-medium);
    font-size: 0.82rem;
}

.feeder-home-table tbody tr:last-child td {
    border-bottom: 0;
}

.feeder-home-table-number {
    width: 52px;
    color: var(--penmaru-text-light) !important;
}

.feeder-home-user {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    color: var(--penmaru-text-dark);
}

.feeder-home-user-avatar {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    border-radius: 9px;
    background: rgba(26, 54, 93, 0.1);
    color: var(--penmaru-primary-dark);
    font-size: 0.72rem;
}

.feeder-home-activity-badge {
    display: inline-flex;
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    color: var(--penmaru-accent);
    background: rgba(82, 118, 76, 0.1);
    font-size: 0.72rem;
    font-weight: 700;
}
.feeder-home-activity-list { display: flex; flex-wrap: wrap; gap: .35rem; }
.feeder-home-activity-badge i { margin-right: .2rem; font-size: .62rem; }
.feeder-home-detail-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .35rem .8rem; }
.feeder-home-detail-links .feeder-home-detail-link { font-size: .72rem; }
.feeder-trakm-page { color: var(--penmaru-text-dark); }
.feeder-trakm-head { margin-bottom: 1.2rem; }
.feeder-trakm-period, .feeder-trakm-count { display: inline-flex; align-items: center; gap: .35rem; padding: .55rem .8rem; border-radius: 999px; background: rgba(11, 47, 109,.1); color: var(--penmaru-primary-dark); font-size: .72rem; font-weight: 800; white-space: nowrap; }
.feeder-trakm-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(280px, 1.5fr); gap: 1rem; margin-bottom: 1.2rem; }
.feeder-trakm-summary-card { display: flex; align-items: center; gap: .75rem; padding: 1rem; border: 1px solid var(--penmaru-border); border-radius: 15px; background: #fff; box-shadow: var(--penmaru-shadow-sm); }
.feeder-trakm-summary-card > span { display: grid; place-items: center; width: 42px; height: 42px; flex-shrink: 0; border-radius: 12px; font-size: 1rem; }.feeder-trakm-summary-card .is-blue { color: #0B2F6D; background: rgba(11, 47, 109,.13); }.feeder-trakm-summary-card .is-red { color: #a24f4f; background: rgba(190,94,94,.12); }
.feeder-trakm-summary-card small, .feeder-trakm-summary-card strong { display: block; }.feeder-trakm-summary-card small { color: var(--penmaru-text-light); font-size: .72rem; }.feeder-trakm-summary-card strong { color: var(--penmaru-primary-dark); font-size: 1.35rem; }
.feeder-trakm-summary-note { display: flex; align-items: flex-start; gap: .65rem; padding: 1rem; border: 1px solid rgba(11, 47, 109,.16); border-radius: 15px; background: linear-gradient(145deg, rgba(11, 47, 109,.09), rgba(26, 54, 93,.04)); color: var(--penmaru-text-medium); font-size: .75rem; }.feeder-trakm-summary-note > i { margin-top: .15rem; color: var(--penmaru-primary); }.feeder-trakm-summary-note strong { display: block; color: var(--penmaru-primary-dark); }.feeder-trakm-summary-note p { margin: .2rem 0 0; }
.feeder-trakm-panel { padding: 1.25rem; border: 1px solid var(--penmaru-border); border-radius: 18px; background: #fff; box-shadow: var(--penmaru-shadow-sm); }.feeder-trakm-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }.feeder-trakm-panel-head h2 { margin: 0; font-size: 1.15rem; }.feeder-trakm-table-wrap { border: 1px solid var(--penmaru-border); border-radius: 13px; }.feeder-trakm-table { min-width: 920px; margin: 0 !important; }.feeder-trakm-table thead th { padding: .75rem .7rem; border: 0; background: var(--penmaru-primary-dark); color: #fff; font-size: .68rem; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }.feeder-trakm-table tbody td { padding: .75rem .7rem; border-color: #edf1f5; color: var(--penmaru-text-medium); font-size: .78rem; }.feeder-trakm-table tbody tr:hover { background: rgba(11, 47, 109,.045); }.feeder-trakm-number { width: 42px; color: var(--penmaru-text-light) !important; }.feeder-trakm-semester, .feeder-trakm-status { display: inline-flex; padding: .28rem .5rem; border-radius: 7px; background: rgba(11, 47, 109,.1); color: var(--penmaru-primary-dark); font-size: .72rem; font-weight: 700; }.feeder-trakm-status { border-radius: 999px; background: rgba(82,118,76,.1); color: var(--penmaru-accent); }.feeder-trakm-nim { padding: .25rem .4rem; border-radius: 6px; background: #f3f6fa; color: var(--penmaru-primary-dark); font-size: .72rem; }.feeder-trakm-warning { display: block; margin-top: .2rem; color: #af5b4e; font-size: .65rem; white-space: nowrap; }.feeder-trakm-progress-card { margin-bottom: 1.2rem; padding: 1rem; border: 1px solid rgba(11, 47, 109,.18); border-radius: 15px; background: #fff; }.feeder-trakm-progress-title { margin-bottom: .6rem; color: var(--penmaru-primary-dark); font-size: .78rem; font-weight: 800; }.feeder-trakm-progress-title i { margin-right: .3rem; }.feeder-trakm-progress { height: 9px; overflow: hidden; border-radius: 999px; background: #edf1f5; }.feeder-trakm-progress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--penmaru-primary), var(--penmaru-accent)); }.feeder-trakm-progress-info { margin-top: .4rem; color: var(--penmaru-text-light); font-size: .7rem; }.feeder-trakm-success { margin-top: 1rem; border-radius: 12px; }.feeder-trakm-success i { margin-right: .35rem; }.feeder-trakm-submit { display: flex; justify-content: flex-end; margin-top: 1rem; }
.feeder-trakm-grade { display: inline-flex; min-width: 28px; justify-content: center; padding: .28rem .45rem; border-radius: 7px; background: rgba(26, 54, 93,.1); color: var(--penmaru-primary-dark); font-weight: 800; }
.feeder-trakm-missing { color: var(--penmaru-text-light); font-size: .68rem; font-style: italic; white-space: nowrap; }
.feeder-ajardosen-page .feeder-trakm-table { min-width: 1080px; }.feeder-ajardosen-page .feeder-trakm-table tbody td:nth-child(4), .feeder-ajardosen-page .feeder-trakm-table tbody td:nth-child(6) { min-width: 150px; }.feeder-ajardosen-page .feeder-trakm-submit { gap: .6rem; }.feeder-ajardosen-page .feeder-trakm-submit .btn-info { border-color: rgba(11, 47, 109,.3); background: rgba(11, 47, 109,.1); color: var(--penmaru-primary-dark); }.feeder-ajardosen-page .feeder-trakm-submit .btn-info:hover { background: rgba(11, 47, 109,.18); }
.feeder-ajardosen-page .feeder-trakm-table thead th { text-align: center; vertical-align: middle; }.feeder-ajardosen-page .feeder-trakm-table tbody td:nth-child(1), .feeder-ajardosen-page .feeder-trakm-table tbody td:nth-child(2), .feeder-ajardosen-page .feeder-trakm-table tbody td:nth-child(7), .feeder-ajardosen-page .feeder-trakm-table tbody td:nth-child(8), .feeder-ajardosen-page .feeder-trakm-table tbody td:nth-child(9), .feeder-ajardosen-page .feeder-trakm-table tbody td:nth-child(10), .feeder-ajardosen-page .feeder-trakm-table tbody td:nth-child(11) { text-align: center; }.feeder-ajardosen-actions { padding: 1rem; border: 1px solid var(--penmaru-border); border-radius: 14px; background: #fff; box-shadow: var(--penmaru-shadow-sm); }.feeder-ajardosen-page .dataTables_filter input { min-width: 210px; padding: .4rem .6rem; border: 1px solid var(--penmaru-border); border-radius: 8px; }.feeder-ajardosen-page .dataTables_length select { border: 1px solid var(--penmaru-border); border-radius: 7px; }
.feeder-ajardosen-meeting { display: inline-flex; min-width: 28px; justify-content: center; padding: .25rem .42rem; border-radius: 7px; background: rgba(11, 47, 109,.1); color: var(--penmaru-primary-dark); font-size: .72rem; font-weight: 800; }
.feeder-ajardosen-page #report_wrapper { padding: .8rem .9rem 0; }.feeder-ajardosen-page #report_wrapper .DTTT_container { float: right; margin: 0 0 .7rem .75rem; }.feeder-ajardosen-page #report_wrapper .DTTT_button { display: inline-flex; align-items: center; gap: .4rem; min-height: 2rem; padding: .35rem .75rem; border: 1px solid rgba(11, 47, 109,.28); border-radius: 8px; background: rgba(11, 47, 109,.08); color: var(--penmaru-primary-dark); font-size: .73rem; font-weight: 800; text-decoration: none; }.feeder-ajardosen-page #report_wrapper .DTTT_button::before { content: '\f02f'; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: .72rem; }.feeder-ajardosen-page #report_wrapper .DTTT_button:hover { border-color: var(--penmaru-primary); background: rgba(11, 47, 109,.16); color: var(--penmaru-primary-dark); }.feeder-ajardosen-page #report_wrapper .dataTables_length, .feeder-ajardosen-page #report_wrapper .dataTables_filter { margin-bottom: .7rem; color: var(--penmaru-text-light); font-size: .74rem; }
.feeder-trakm-page #report_wrapper { padding: .8rem .9rem 0; }.feeder-trakm-page #report_wrapper .DTTT_container { float: right; margin: 0 0 .7rem .75rem; }.feeder-trakm-page #report_wrapper .DTTT_button { display: inline-flex; align-items: center; min-height: 2rem; padding: .35rem .7rem; border: 1px solid rgba(11, 47, 109,.28); border-radius: 8px; background: rgba(11, 47, 109,.08); color: var(--penmaru-primary-dark); font-size: .72rem; font-weight: 800; text-decoration: none; }.feeder-trakm-page #report_wrapper .DTTT_button:hover { border-color: var(--penmaru-primary); background: rgba(11, 47, 109,.16); color: var(--penmaru-primary-dark); }.feeder-trakm-page #report_wrapper .dataTables_length, .feeder-trakm-page #report_wrapper .dataTables_filter { margin-bottom: .7rem; color: var(--penmaru-text-light); font-size: .74rem; }.feeder-trakm-page #report_wrapper .dataTables_filter input, .feeder-trakm-page #report_wrapper .dataTables_length select { border: 1px solid var(--penmaru-border); border-radius: 8px; }.feeder-trakm-page #report_wrapper .dataTables_filter input { min-width: 210px; padding: .4rem .6rem; }
.feeder-legacy-page { color: var(--penmaru-text-dark); }.feeder-legacy-title { display: flex; align-items: center; gap: .55rem; margin: 0 0 1rem; padding: 1.1rem 1.2rem; border: 1px solid rgba(26, 54, 93,.1); border-radius: 16px; background: linear-gradient(135deg, rgba(26, 54, 93,.07), rgba(11, 47, 109,.06)); color: var(--penmaru-primary-dark); font-size: 1.25rem; }.feeder-legacy-title > i { color: var(--penmaru-primary); }.feeder-legacy-title span { margin-left: auto; padding: .38rem .6rem; border-radius: 999px; background: rgba(11, 47, 109,.1); color: var(--penmaru-primary-dark); font-size: .7rem; font-weight: 800; }.feeder-legacy-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }.feeder-legacy-heading .feeder-legacy-title { flex: 1; }.feeder-legacy-table-wrap { overflow-x: auto; overflow-y: hidden; margin-bottom: 1rem; border: 1px solid var(--penmaru-border); border-radius: 15px; background: #fff; box-shadow: var(--penmaru-shadow-sm); }.feeder-legacy-table-wrap #report_wrapper { min-width: max-content; padding: .8rem .9rem 0; }.feeder-legacy-table { min-width: 920px; margin: 0 !important; }.feeder-msmhs-page .feeder-legacy-table { min-width: 1550px; }.feeder-kelas-page .feeder-legacy-table { min-width: 1120px; }.feeder-legacy-table thead td, .feeder-legacy-table thead th { padding: .75rem .7rem; border: 0; background: var(--penmaru-primary-dark); color: #fff; font-size: .68rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }.feeder-legacy-table tbody td { padding: .72rem .7rem; border-color: #edf1f5; color: var(--penmaru-text-medium); font-size: .78rem; vertical-align: middle; }.feeder-legacy-table tbody tr:hover { background: rgba(11, 47, 109,.045); }.feeder-legacy-page #report_wrapper .DTTT_container { float: right; margin: 0 0 .7rem .75rem; }.feeder-legacy-page #report_wrapper .DTTT_button { display: inline-flex; align-items: center; min-height: 2rem; padding: .35rem .7rem; border: 1px solid rgba(11, 47, 109,.28); border-radius: 8px; background: rgba(11, 47, 109,.08); color: var(--penmaru-primary-dark); font-size: .72rem; font-weight: 800; text-decoration: none; }.feeder-legacy-page #report_wrapper .dataTables_length, .feeder-legacy-page #report_wrapper .dataTables_filter { margin-bottom: .7rem; color: var(--penmaru-text-light); font-size: .74rem; }.feeder-legacy-page #report_wrapper .dataTables_filter input, .feeder-legacy-page #report_wrapper .dataTables_length select { border: 1px solid var(--penmaru-border); border-radius: 8px; }.feeder-legacy-page #report_wrapper .dataTables_filter input { min-width: 210px; padding: .4rem .6rem; }.feeder-legacy-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .65rem; padding: 1rem; margin-top: 1rem; border: 1px solid var(--penmaru-border); border-radius: 14px; background: #fff; box-shadow: var(--penmaru-shadow-sm); }.feeder-legacy-secondary { margin-top: 1rem; }.feeder-legacy-heading .feeder-legacy-secondary { margin-top: 0; }@media (max-width: 767.98px) { .feeder-legacy-title { align-items: flex-start; flex-wrap: wrap; font-size: 1.05rem; }.feeder-legacy-title span { margin-left: 0; }.feeder-legacy-heading { flex-direction: column; }.feeder-legacy-actions .btn, .feeder-legacy-heading .feeder-legacy-secondary { width: 100%; } }
.feeder-msmhs-page .feeder-legacy-table thead td:nth-child(1), .feeder-msmhs-page .feeder-legacy-table tbody td:nth-child(1) { position: sticky; left: 0; z-index: 4; width: 48px; min-width: 48px; }.feeder-msmhs-page .feeder-legacy-table thead td:nth-child(2), .feeder-msmhs-page .feeder-legacy-table tbody td:nth-child(2) { position: sticky; left: 48px; z-index: 4; width: 120px; min-width: 120px; }.feeder-msmhs-page .feeder-legacy-table thead td:nth-child(3), .feeder-msmhs-page .feeder-legacy-table tbody td:nth-child(3) { position: sticky; left: 168px; z-index: 4; min-width: 190px; box-shadow: 5px 0 8px rgba(26, 54, 93,.08); }.feeder-msmhs-page .feeder-legacy-table thead td:nth-child(-n+3) { z-index: 6; background: var(--penmaru-primary-dark); }.feeder-msmhs-page .feeder-legacy-table tbody td:nth-child(-n+3) { background: #fff; }.feeder-msmhs-page .feeder-legacy-table tbody tr:hover td:nth-child(-n+3) { background: #f7fbfc; }
.feeder-msmhs-page .feeder-legacy-table thead td:nth-child(13), .feeder-msmhs-page .feeder-legacy-table tbody td:nth-child(13) { width: 340px !important; min-width: 340px !important; white-space: normal; line-height: 1.45; }
.feeder-kelas-page .feeder-legacy-table thead th { text-align: center; vertical-align: middle; }.feeder-kelas-page .feeder-legacy-table tbody td:nth-child(1), .feeder-kelas-page .feeder-legacy-table tbody td:nth-child(2), .feeder-kelas-page .feeder-legacy-table tbody td:nth-child(3), .feeder-kelas-page .feeder-legacy-table tbody td:nth-child(7), .feeder-kelas-page .feeder-legacy-table tbody td:nth-child(8), .feeder-kelas-page .feeder-legacy-table tbody td:nth-child(9), .feeder-kelas-page .feeder-legacy-table tbody td:nth-child(10) { text-align: center; }.feeder-kelas-page .feeder-legacy-table tbody td:nth-child(4), .feeder-kelas-page .feeder-legacy-table tbody td:nth-child(11) { min-width: 145px; }.feeder-kelas-page .feeder-legacy-table tbody td:nth-child(6), .feeder-kelas-page .feeder-legacy-table tbody td:nth-child(12) { min-width: 185px; }.feeder-kelas-number { color: var(--penmaru-text-light) !important; }.feeder-kelas-code { padding: .25rem .42rem; border-radius: 6px; background: #f3f6fa; color: var(--penmaru-primary-dark); font-size: .7rem; }.feeder-kelas-semester, .feeder-kelas-class { display: inline-flex; padding: .27rem .5rem; border-radius: 7px; background: rgba(11, 47, 109,.1); color: var(--penmaru-primary-dark); font-size: .7rem; font-weight: 800; white-space: nowrap; }.feeder-kelas-class { background: rgba(82,118,76,.1); color: var(--penmaru-accent); }.feeder-kelas-missing { display: inline-block; color: #af5b4e; font-size: .68rem; font-style: italic; white-space: nowrap; }.feeder-kelas-muted { color: var(--penmaru-text-light); }.feeder-kelas-page .feeder-legacy-actions input { min-height: 2.25rem; }
.feeder-kelas-button { display: inline-flex; align-items: center; justify-content: center; gap: .48rem; min-height: 2.55rem; padding: .56rem .88rem; border: 1px solid transparent; border-radius: 9px; font-size: .75rem; font-weight: 800; line-height: 1.2; text-decoration: none; transition: .18s ease; }.feeder-kelas-button:hover, .feeder-kelas-button:focus { text-decoration: none; transform: translateY(-1px); }.feeder-kelas-button i { font-size: .78rem; }.feeder-kelas-button-outline { border-color: rgba(11, 47, 109,.34); background: #fff; color: var(--penmaru-primary-dark); }.feeder-kelas-button-outline:hover, .feeder-kelas-button-outline:focus { border-color: var(--penmaru-primary); background: rgba(11, 47, 109,.08); color: var(--penmaru-primary-dark); }.feeder-kelas-button-primary { border-color: var(--penmaru-primary-dark); background: var(--penmaru-primary-dark); color: #fff; box-shadow: 0 5px 12px rgba(26, 54, 93,.18); }.feeder-kelas-button-primary:hover, .feeder-kelas-button-primary:focus { border-color: var(--penmaru-primary); background: var(--penmaru-primary); color: #fff; }.feeder-kelas-button-warning { border-color: rgba(173,123,57,.24); background: rgba(173,123,57,.1); color: #875e2d; }.feeder-kelas-button-warning:hover, .feeder-kelas-button-warning:focus { border-color: rgba(173,123,57,.42); background: rgba(173,123,57,.17); color: #6d4c25; }.feeder-kelas-actions { align-items: center; }.feeder-kelas-actions-label { margin-right: auto; color: var(--penmaru-text-light); font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }@media (max-width: 767.98px) { .feeder-kelas-actions-label, .feeder-kelas-page .feeder-kelas-button { width: 100%; }.feeder-kelas-actions-label { margin-bottom: .15rem; } }

/* Sistem tombol global: satu ukuran, radius, dan warna untuk seluruh modul. */
.unihaz-app .btn:not(.close), .unihaz-app .DTTT_button { display: inline-flex; align-items: center; justify-content: center; gap: .42rem; min-height: 2.5rem; padding: .55rem .9rem; border: 1px solid transparent; border-radius: 9px; font-size: .75rem; font-weight: 800; line-height: 1.2; text-decoration: none; transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease; }.unihaz-app .btn:not(.close):hover, .unihaz-app .btn:not(.close):focus, .unihaz-app .DTTT_button:hover, .unihaz-app .DTTT_button:focus { text-decoration: none; transform: translateY(-1px); }.unihaz-app .btn:not(.close):focus, .unihaz-app .DTTT_button:focus { outline: 0; box-shadow: 0 0 0 3px rgba(245, 158, 11,.25); }.unihaz-app .btn-primary, .unihaz-app .feeder-page-primary-action { border-color: var(--unihaz-gold); background: var(--unihaz-gold); color: var(--unihaz-navy-deep); }.unihaz-app .btn-primary:hover, .unihaz-app .btn-primary:focus, .unihaz-app .feeder-page-primary-action:hover, .unihaz-app .feeder-page-primary-action:focus { border-color: var(--unihaz-gold-dark); background: var(--unihaz-gold-dark); color: var(--unihaz-navy-deep); box-shadow: 0 4px 14px rgba(245, 158, 11, 0.28); }.unihaz-app .btn-info { border-color: var(--unihaz-info); background: var(--unihaz-info); color: #fff; }.unihaz-app .btn-info:hover, .unihaz-app .btn-info:focus { border-color: var(--unihaz-info-dark); background: var(--unihaz-info-dark); color: #fff; }.unihaz-app .btn-success { border-color: var(--unihaz-success); background: var(--unihaz-success); color: #fff; }.unihaz-app .btn-success:hover, .unihaz-app .btn-success:focus { border-color: var(--unihaz-success-dark); background: var(--unihaz-success-dark); color: #fff; }.unihaz-app .btn-warning { border-color: var(--unihaz-gold); background: var(--unihaz-gold); color: var(--unihaz-navy-deep); }.unihaz-app .btn-warning:hover, .unihaz-app .btn-warning:focus { border-color: var(--unihaz-gold-dark); background: var(--unihaz-gold-dark); color: var(--unihaz-navy-deep); }.unihaz-app .btn-danger { border-color: var(--unihaz-danger); background: var(--unihaz-danger); color: #fff; }.unihaz-app .btn-danger:hover, .unihaz-app .btn-danger:focus { border-color: var(--unihaz-danger-dark); background: var(--unihaz-danger-dark); color: #fff; }.unihaz-app .btn-default, .unihaz-app .btn-secondary, .unihaz-app .DTTT_button { border-color: var(--unihaz-border); background: var(--unihaz-surface-muted); color: var(--unihaz-charcoal); }.unihaz-app .btn-default:hover, .unihaz-app .btn-default:focus, .unihaz-app .btn-secondary:hover, .unihaz-app .btn-secondary:focus, .unihaz-app .DTTT_button:hover, .unihaz-app .DTTT_button:focus { border-color: #CED4DA; background: #E9ECEF; color: var(--unihaz-navy-deep); }.unihaz-app .btn-xs { min-height: 1.9rem; padding: .34rem .58rem; border-radius: 7px; font-size: .68rem; }.unihaz-app .btn-sm { min-height: 2.15rem; padding: .43rem .7rem; border-radius: 8px; font-size: .71rem; }.unihaz-app .btn[disabled], .unihaz-app .btn.disabled { cursor: not-allowed; opacity: .55; transform: none; box-shadow: none; }

/* Pola halaman data persiapan pelaporan. */
.feeder-report-import { clear: both; display: inline-block; float: right; margin: 0 0 1rem; padding: .65rem .8rem; border: 1px dashed rgba(11, 47, 109,.34); border-radius: 11px; background: rgba(11, 47, 109,.045); color: var(--penmaru-text-light); font-size: .72rem; }.feeder-report-import input[type="file"] { max-width: 185px; margin-right: .35rem; font-size: .72rem; }.feeder-report-import label { margin: .4rem 0 0; }.feeder-report-page { clear: both; width: 100%; max-width: none; padding: 1.15rem 1.2rem; border: 1px solid var(--penmaru-border); border-radius: 17px; background: #fff; box-shadow: var(--penmaru-shadow-sm); }.feeder-report-title { display: flex; align-items: center; gap: .55rem; margin: 0 0 1.05rem; color: var(--penmaru-primary-dark); font-size: 1.2rem; font-weight: 800; }.feeder-report-title > i { color: var(--penmaru-primary); }.feeder-report-title span { margin-left: auto; padding: .35rem .58rem; border-radius: 999px; background: rgba(11, 47, 109,.1); color: var(--penmaru-primary-dark); font-size: .7rem; }.feeder-report-toolbar { display: flex; align-items: center; padding: .8rem; margin: 0 0 1rem; border: 1px solid var(--penmaru-border); border-radius: 12px; background: #f9fbfc; }.feeder-report-toolbar .pull-right { margin-left: auto; }.feeder-report-toolbar .row { margin: 0; }.feeder-report-toolbar .form-control { min-height: 2.3rem; border-color: var(--penmaru-border); font-size: .76rem; }.feeder-report-toolbar .input-group-btn .btn { min-height: 2.3rem; border-radius: 0; }.feeder-report-table-wrap { overflow-x: auto; border: 1px solid var(--penmaru-border); border-radius: 13px; }.feeder-report-table { min-width: 920px; margin: 0 !important; border: 0 !important; }.feeder-report-table thead th, .feeder-report-table thead td { padding: .72rem .68rem; border: 0 !important; background: var(--penmaru-primary-dark) !important; color: #fff !important; font-size: .68rem; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; white-space: nowrap; vertical-align: middle; }.feeder-report-table tbody td { padding: .68rem; border-color: #edf1f5 !important; color: var(--penmaru-text-medium); font-size: .76rem; vertical-align: middle; }.feeder-report-table tbody tr:hover { background: rgba(11, 47, 109,.045) !important; }.feeder-report-counter { margin: .75rem 0; color: var(--penmaru-text-light); font-size: .72rem; }.feeder-report-pagination { margin: 0; }.feeder-report-pagination > li > a, .feeder-report-pagination > li > span { border-color: var(--penmaru-border); color: var(--penmaru-primary-dark); font-size: .72rem; }.feeder-report-pagination > .active > a, .feeder-report-pagination > .active > a:hover { border-color: var(--penmaru-primary-dark); background: var(--penmaru-primary-dark); color: #fff; }.feeder-report-actions, .feeder-report-page > a.btn { display: inline-flex; align-items: center; flex-wrap: wrap; gap: .6rem; margin-top: 1rem; }.feeder-report-actions .btn { margin: 0; }.feeder-report-ajardosen #report_wrapper, .feeder-report-kelaskuliah #report_wrapper { min-width: max-content; padding: .75rem .85rem 0; }.feeder-report-ajardosen #report_wrapper .dataTables_filter, .feeder-report-ajardosen #report_wrapper .dataTables_length, .feeder-report-kelaskuliah #report_wrapper .dataTables_filter, .feeder-report-kelaskuliah #report_wrapper .dataTables_length { margin-bottom: .65rem; color: var(--penmaru-text-light); font-size: .73rem; }.feeder-report-ajardosen #report_wrapper .dataTables_filter input, .feeder-report-kelaskuliah #report_wrapper .dataTables_filter input { min-width: 205px; padding: .38rem .55rem; border: 1px solid var(--penmaru-border); border-radius: 8px; }@media (max-width: 767.98px) { .feeder-report-import { float: none; width: 100%; }.feeder-report-page { padding: .9rem; }.feeder-report-title { align-items: flex-start; flex-wrap: wrap; font-size: 1.05rem; }.feeder-report-title span { margin-left: 0; }.feeder-report-toolbar { display: block; }.feeder-report-toolbar .pull-right { margin: 0 0 .7rem; }.feeder-report-toolbar .col-md-6 { margin-bottom: .65rem; }.feeder-report-actions, .feeder-report-actions .btn, .feeder-report-page > a.btn { width: 100%; }.feeder-report-table { min-width: 780px; } }
.feeder-report-summary { display: flex; align-items: center; gap: .45rem; padding: .7rem .8rem; margin: 0 0 1rem; border: 1px solid rgba(11, 47, 109,.18); border-radius: 10px; background: rgba(11, 47, 109,.06); color: var(--penmaru-primary-dark); font-size: .74rem; }.feeder-report-summary > i { color: var(--penmaru-primary); }
.feeder-report-akm .feeder-report-toolbar { align-items: stretch; }.feeder-report-akm .feeder-report-toolbar-actions { display: flex; align-items: center; justify-content: flex-end; gap: .55rem; }.feeder-report-search { display: block; padding: .05rem 0; }.feeder-report-search .row { display: flex; align-items: center; }.feeder-report-search .input-group { width: 100%; }.feeder-report-akm .feeder-report-table thead .actions { min-width: 170px; }.feeder-report-akm .feeder-report-table thead .actions label { display: inline-flex; align-items: center; gap: .15rem; margin: .25rem .25rem 0 0; color: rgba(255,255,255,.82); font-size: .62rem; font-weight: 600; text-transform: none; letter-spacing: 0; }
.feeder-report-akm .feeder-report-import { float: none; display: flex; align-items: center; flex-wrap: wrap; gap: .45rem; width: 100%; margin: 0 0 1rem; padding: .75rem .8rem; border-style: solid; background: #f9fbfc; }.feeder-report-akm .feeder-report-import label { margin: 0 0 0 .2rem; color: var(--penmaru-text-medium); }.feeder-report-akm .feeder-report-import input[type="file"] { flex: 1 1 205px; margin: 0; }.feeder-report-akm .feeder-report-import .btn { flex: 0 0 auto; }
.feeder-report-akm { padding: 0; border: 0; background: transparent; box-shadow: none; }.feeder-akm-hero { display: flex; align-items: center; gap: 1rem; padding: 1.35rem; border: 1px solid var(--penmaru-primary-dark); border-radius: 18px; background: var(--penmaru-primary-dark); color: var(--penmaru-bg-white); }.feeder-akm-hero-icon { display: grid; place-items: center; width: 3.15rem; height: 3.15rem; border-radius: 12px; background: var(--penmaru-primary); font-size: 1.25rem; }.feeder-akm-hero-copy { min-width: 0; }.feeder-akm-hero-copy > span { display: block; color: var(--penmaru-secondary); font-size: .69rem; font-weight: 800; letter-spacing: .09em; }.feeder-akm-hero-copy h1 { margin: .15rem 0; color: var(--penmaru-bg-white); font-size: 1.45rem; font-weight: 800; }.feeder-akm-hero-copy p { margin: 0; color: var(--penmaru-bg-light); font-size: .78rem; }.feeder-akm-period { display: inline-flex; align-items: center; gap: .4rem; flex-shrink: 0; margin-left: auto; padding: .5rem .68rem; border-radius: 999px; background: var(--penmaru-primary); color: var(--penmaru-bg-white); font-size: .73rem; font-weight: 800; }.feeder-akm-import-card { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr); gap: 1rem; align-items: center; padding: .95rem 1rem; margin-top: 1rem; border: 1px solid var(--penmaru-border); border-radius: 14px; background: var(--penmaru-bg-white); box-shadow: var(--penmaru-shadow-sm); }.feeder-akm-import-card strong { display: block; color: var(--penmaru-primary-dark); font-size: .84rem; }.feeder-akm-import-card strong i { margin-right: .3rem; color: var(--penmaru-primary); }.feeder-akm-import-card small { display: block; margin-top: .25rem; color: var(--penmaru-text-light); font-size: .7rem; line-height: 1.45; }.feeder-report-akm .feeder-report-import { justify-content: flex-end; margin: 0; padding: 0; border: 0; background: transparent; }.feeder-report-akm .feeder-report-import .btn-secondary { border-color: var(--penmaru-primary); background: var(--penmaru-primary); color: var(--penmaru-bg-white); }.feeder-report-akm .feeder-report-import .btn-secondary:hover, .feeder-report-akm .feeder-report-import .btn-secondary:focus { border-color: var(--penmaru-primary-light); background: var(--penmaru-primary-light); color: var(--penmaru-bg-white); }.feeder-akm-toolbar { margin: 1rem 0; padding: .8rem; border: 1px solid var(--penmaru-border); border-radius: 14px; background: var(--penmaru-bg-white); box-shadow: var(--penmaru-shadow-sm); }.feeder-report-akm .btn-warning { border-color: var(--penmaru-secondary); background: var(--penmaru-secondary); color: var(--penmaru-primary-dark); }.feeder-report-akm .btn-warning:hover, .feeder-report-akm .btn-warning:focus { border-color: var(--penmaru-primary); background: var(--penmaru-primary); color: var(--penmaru-bg-white); }.feeder-report-akm .btn-danger { border-color: var(--penmaru-primary-dark); background: var(--penmaru-bg-white); color: var(--penmaru-primary-dark); }.feeder-report-akm .btn-danger:hover, .feeder-report-akm .btn-danger:focus { border-color: var(--penmaru-primary-dark); background: var(--penmaru-primary-dark); color: var(--penmaru-bg-white); }.feeder-report-akm .btn-primary { border-color: var(--penmaru-primary); background: var(--penmaru-primary); color: var(--penmaru-bg-white); }.feeder-report-akm .btn-primary:hover, .feeder-report-akm .btn-primary:focus { border-color: var(--penmaru-primary-light); background: var(--penmaru-primary-light); color: var(--penmaru-bg-white); }.feeder-akm-table-card { border-color: var(--penmaru-border); box-shadow: var(--penmaru-shadow-sm); }.feeder-report-akm .feeder-report-table thead th { background: var(--penmaru-primary-dark) !important; }.feeder-report-akm .feeder-report-actions { padding: .8rem; border: 1px solid var(--penmaru-border); border-radius: 14px; background: var(--penmaru-bg-white); box-shadow: var(--penmaru-shadow-sm); }.feeder-report-akm .btn-success { border-color: var(--penmaru-accent); background: var(--penmaru-accent); color: var(--penmaru-bg-white); }.feeder-report-akm .btn-success:hover, .feeder-report-akm .btn-success:focus { border-color: var(--penmaru-accent-light); background: var(--penmaru-accent-light); color: var(--penmaru-bg-white); }@media (max-width: 767.98px) { .feeder-akm-hero { align-items: flex-start; flex-wrap: wrap; padding: 1rem; }.feeder-akm-hero-copy h1 { font-size: 1.15rem; }.feeder-akm-period { margin-left: 0; }.feeder-akm-import-card { grid-template-columns: 1fr; }.feeder-report-akm .feeder-report-import { justify-content: flex-start; }.feeder-report-akm .feeder-report-import .btn { width: auto; } }
.feeder-akm-table-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem .95rem; border-bottom: 1px solid var(--penmaru-border); background: var(--penmaru-bg-light); }.feeder-akm-table-head strong { display: block; color: var(--penmaru-primary-dark); font-size: .8rem; }.feeder-akm-table-head strong i { margin-right: .3rem; color: var(--penmaru-primary); }.feeder-akm-table-head span { display: block; margin-top: .16rem; color: var(--penmaru-text-light); font-size: .69rem; }.feeder-akm-table-head .feeder-akm-table-count { flex-shrink: 0; margin: 0; padding: .34rem .55rem; border-radius: 999px; background: var(--penmaru-secondary); color: var(--penmaru-primary-dark); font-size: .69rem; font-weight: 800; }.feeder-report-akm .feeder-akm-data-table { border-collapse: separate; border-spacing: 0; }.feeder-report-akm .feeder-akm-data-table thead th { padding-top: .82rem; padding-bottom: .82rem; border-bottom: 3px solid var(--penmaru-primary) !important; }.feeder-report-akm .feeder-akm-data-table tbody tr:nth-child(even) { background: var(--penmaru-bg-light); }.feeder-report-akm .feeder-akm-data-table tbody td { padding-top: .78rem; padding-bottom: .78rem; }.feeder-report-akm .feeder-akm-data-table tbody td:nth-child(1), .feeder-report-akm .feeder-akm-data-table tbody td:nth-child(2), .feeder-report-akm .feeder-akm-data-table tbody td:nth-child(5), .feeder-report-akm .feeder-akm-data-table tbody td:nth-child(6), .feeder-report-akm .feeder-akm-data-table tbody td:nth-child(7), .feeder-report-akm .feeder-akm-data-table tbody td:nth-child(8), .feeder-report-akm .feeder-akm-data-table tbody td:nth-child(9), .feeder-report-akm .feeder-akm-data-table tbody td:nth-child(10) { text-align: center; white-space: nowrap; }.feeder-report-akm .feeder-akm-data-table tbody td:nth-child(3) { min-width: 95px; color: var(--penmaru-primary-dark); font-weight: 800; }.feeder-report-akm .feeder-akm-data-table tbody td:nth-child(4) { min-width: 180px; color: var(--penmaru-primary-dark); font-weight: 700; }.feeder-report-akm .feeder-akm-data-table tbody td:last-child { min-width: 154px; text-align: center; white-space: nowrap; }.feeder-report-akm .feeder-akm-data-table tbody td:last-child .btn { margin: .1rem; }@media (max-width: 767.98px) { .feeder-akm-table-head { align-items: flex-start; flex-direction: column; }.feeder-akm-table-head .feeder-akm-table-count { align-self: flex-start; } }
.feeder-report-page.feeder-report-akm { padding: 1.15rem 1.2rem; border: 1px solid var(--penmaru-border); background: var(--penmaru-bg-white); box-shadow: var(--penmaru-shadow-sm); }.feeder-report-akm .feeder-akm-import-card { margin-top: 0; }.feeder-akm-empty-row, .feeder-akm-empty-row:hover { background: var(--penmaru-bg-white) !important; }.feeder-report-akm .feeder-akm-data-table .feeder-akm-empty-row > td { padding: 2.4rem 1rem; text-align: center; white-space: normal; }.feeder-akm-empty { display: flex; align-items: center; flex-direction: column; max-width: 520px; margin: 0 auto; }.feeder-akm-empty > span { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: .7rem; border-radius: 12px; background: var(--penmaru-bg-light); color: var(--penmaru-primary); font-size: 1.15rem; }.feeder-akm-empty strong { color: var(--penmaru-primary-dark); font-size: .9rem; }.feeder-akm-empty p { margin: .35rem 0 0; color: var(--penmaru-text-light); font-size: .73rem; line-height: 1.55; }.feeder-report-akm .feeder-report-counter:empty, .feeder-report-akm .feeder-report-pagination:empty { display: none; }

/* Halaman KHS: pola panel, tombol, dan tabel sama dengan pelaporan AKM. */
.feeder-report-khs .feeder-khs-import-card { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr); gap: 1rem; align-items: center; padding: .95rem 1rem; margin: 0 0 1rem; border: 1px solid var(--penmaru-border); border-radius: 14px; background: var(--penmaru-bg-white); box-shadow: var(--penmaru-shadow-sm); }.feeder-khs-import-card strong { display: block; color: var(--penmaru-primary-dark); font-size: .84rem; }.feeder-khs-import-card strong i { margin-right: .3rem; color: var(--penmaru-primary); }.feeder-khs-import-card small { display: block; margin-top: .25rem; color: var(--penmaru-text-light); font-size: .7rem; line-height: 1.45; }.feeder-report-khs .feeder-report-import { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .45rem; float: none; width: 100%; margin: 0; padding: 0; border: 0; background: transparent; }.feeder-report-khs .feeder-report-import input[type="file"] { flex: 1 1 205px; margin: 0; }.feeder-report-khs .feeder-report-import label { margin: 0 .15rem; color: var(--penmaru-text-medium); font-size: .72rem; }.feeder-report-khs .feeder-report-import .btn-secondary, .feeder-report-khs .btn-primary { border-color: var(--penmaru-primary); background: var(--penmaru-primary); color: var(--penmaru-bg-white); }.feeder-report-khs .feeder-report-import .btn-secondary:hover, .feeder-report-khs .feeder-report-import .btn-secondary:focus, .feeder-report-khs .btn-primary:hover, .feeder-report-khs .btn-primary:focus { border-color: var(--penmaru-primary-light); background: var(--penmaru-primary-light); color: var(--penmaru-bg-white); }.feeder-khs-toolbar { align-items: stretch; margin-bottom: 1rem; border-radius: 14px; background: var(--penmaru-bg-white); box-shadow: var(--penmaru-shadow-sm); }.feeder-report-khs .feeder-report-toolbar-actions { display: flex; align-items: center; justify-content: flex-end; gap: .55rem; }.feeder-report-khs .btn-warning { border-color: var(--penmaru-secondary); background: var(--penmaru-secondary); color: var(--penmaru-primary-dark); }.feeder-report-khs .btn-warning:hover, .feeder-report-khs .btn-warning:focus { border-color: var(--penmaru-primary); background: var(--penmaru-primary); color: var(--penmaru-bg-white); }.feeder-report-khs .btn-danger { border-color: var(--penmaru-primary-dark); background: var(--penmaru-bg-white); color: var(--penmaru-primary-dark); }.feeder-report-khs .btn-danger:hover, .feeder-report-khs .btn-danger:focus { border-color: var(--penmaru-primary-dark); background: var(--penmaru-primary-dark); color: var(--penmaru-bg-white); }.feeder-report-khs .btn-success { border-color: var(--penmaru-accent); background: var(--penmaru-accent); color: var(--penmaru-bg-white); }.feeder-report-khs .btn-success:hover, .feeder-report-khs .btn-success:focus { border-color: var(--penmaru-accent-light); background: var(--penmaru-accent-light); color: var(--penmaru-bg-white); }.feeder-khs-table-card { border-color: var(--penmaru-border); box-shadow: var(--penmaru-shadow-sm); }.feeder-khs-table-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem .95rem; border-bottom: 1px solid var(--penmaru-border); background: var(--penmaru-bg-light); }.feeder-khs-table-head strong { display: block; color: var(--penmaru-primary-dark); font-size: .8rem; }.feeder-khs-table-head strong i { margin-right: .3rem; color: var(--penmaru-primary); }.feeder-khs-table-head span { display: block; margin-top: .16rem; color: var(--penmaru-text-light); font-size: .69rem; }.feeder-khs-table-head .feeder-khs-table-count { flex-shrink: 0; margin: 0; padding: .34rem .55rem; border-radius: 999px; background: var(--penmaru-secondary); color: var(--penmaru-primary-dark); font-size: .69rem; font-weight: 800; }.feeder-report-khs .feeder-khs-data-table { border-collapse: separate; border-spacing: 0; }.feeder-report-khs .feeder-khs-data-table thead th { padding-top: .82rem; padding-bottom: .82rem; border-bottom: 3px solid var(--penmaru-primary) !important; background: var(--penmaru-primary-dark) !important; }.feeder-report-khs .feeder-khs-data-table tbody tr:nth-child(even) { background: var(--penmaru-bg-light); }.feeder-report-khs .feeder-khs-data-table tbody td { padding-top: .78rem; padding-bottom: .78rem; }.feeder-report-khs .feeder-khs-data-table tbody td:nth-child(1), .feeder-report-khs .feeder-khs-data-table tbody td:nth-child(2), .feeder-report-khs .feeder-khs-data-table tbody td:nth-child(4), .feeder-report-khs .feeder-khs-data-table tbody td:nth-child(7), .feeder-report-khs .feeder-khs-data-table tbody td:nth-child(8), .feeder-report-khs .feeder-khs-data-table tbody td:nth-child(9) { text-align: center; white-space: nowrap; }.feeder-report-khs .feeder-khs-data-table tbody td:nth-child(2), .feeder-report-khs .feeder-khs-data-table tbody td:nth-child(5) { color: var(--penmaru-primary-dark); font-weight: 800; }.feeder-report-khs .feeder-khs-data-table tbody td:nth-child(3), .feeder-report-khs .feeder-khs-data-table tbody td:nth-child(6) { min-width: 170px; }.feeder-report-khs .feeder-khs-data-table tbody td:last-child { min-width: 154px; text-align: center; white-space: nowrap; }.feeder-report-khs .feeder-khs-data-table tbody td:last-child .btn { margin: .1rem; }.feeder-khs-empty-row, .feeder-khs-empty-row:hover { background: var(--penmaru-bg-white) !important; }.feeder-report-khs .feeder-khs-data-table .feeder-khs-empty-row > td { padding: 2.4rem 1rem; text-align: center; white-space: normal; }.feeder-khs-empty { display: flex; align-items: center; flex-direction: column; max-width: 520px; margin: 0 auto; }.feeder-khs-empty > span { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: .7rem; border-radius: 12px; background: var(--penmaru-bg-light); color: var(--penmaru-primary); font-size: 1.15rem; }.feeder-khs-empty strong { color: var(--penmaru-primary-dark); font-size: .9rem; }.feeder-khs-empty p { margin: .35rem 0 0; color: var(--penmaru-text-light); font-size: .73rem; line-height: 1.55; }.feeder-report-khs .feeder-report-actions { padding: .8rem; border: 1px solid var(--penmaru-border); border-radius: 14px; background: var(--penmaru-bg-white); box-shadow: var(--penmaru-shadow-sm); }@media (max-width: 767.98px) { .feeder-report-khs .feeder-khs-import-card { grid-template-columns: 1fr; }.feeder-report-khs .feeder-report-import { justify-content: flex-start; }.feeder-report-khs .feeder-report-import .btn { width: auto; }.feeder-report-khs .feeder-report-toolbar-actions { justify-content: flex-start; }.feeder-khs-table-head { align-items: flex-start; flex-direction: column; }.feeder-khs-table-head .feeder-khs-table-count { align-self: flex-start; } }
.feeder-report-khs .feeder-khs-search-button, .feeder-report-khs .feeder-khs-reset-button { width: 2.45rem; min-width: 2.45rem; padding: 0; }.feeder-khs-pagination-nav { display: flex; justify-content: flex-end; margin-top: -.1rem; }.feeder-khs-pagination { display: flex; align-items: center; flex-wrap: wrap; gap: .28rem; margin: 0; }.feeder-khs-pagination > li { display: block; }.feeder-khs-pagination > li > a, .feeder-khs-pagination > li > span { display: inline-flex; align-items: center; justify-content: center; min-width: 2.15rem; min-height: 2.15rem; padding: .38rem .58rem; margin: 0; border: 1px solid var(--penmaru-border); border-radius: 8px; background: var(--penmaru-bg-white); color: var(--penmaru-primary-dark); font-size: .71rem; font-weight: 800; text-decoration: none; }.feeder-khs-pagination > li > a:hover, .feeder-khs-pagination > li > a:focus { border-color: var(--penmaru-primary); background: var(--penmaru-primary); color: var(--penmaru-bg-white); }.feeder-khs-pagination > .active > a, .feeder-khs-pagination > .active > a:hover, .feeder-khs-pagination > .active > span { border-color: var(--penmaru-primary-dark); background: var(--penmaru-primary-dark); color: var(--penmaru-bg-white); }.feeder-khs-pagination > .disabled > a, .feeder-khs-pagination > .disabled > a:hover { cursor: not-allowed; border-color: var(--penmaru-border); background: var(--penmaru-bg-light); color: var(--penmaru-text-light); }.feeder-khs-pagination-edge > a { gap: .35rem; padding-right: .72rem !important; padding-left: .72rem !important; background: var(--penmaru-bg-light) !important; }@media (max-width: 767.98px) { .feeder-khs-pagination-nav { justify-content: flex-start; }.feeder-khs-pagination-edge > a span { display: none; }.feeder-khs-pagination-edge > a { min-width: 2.15rem; padding: .38rem !important; } }
.feeder-report-khs .feeder-khs-data-table thead th, .feeder-report-khs .feeder-khs-data-table thead th a, .feeder-report-khs .feeder-khs-data-table thead th a:hover, .feeder-report-khs .feeder-khs-data-table thead th a:focus, .feeder-report-khs .feeder-khs-data-table thead th label { color: var(--penmaru-bg-white) !important; }
.feeder-report-krs .feeder-krs-data-table thead th, .feeder-report-krs .feeder-krs-data-table thead th a, .feeder-report-krs .feeder-krs-data-table thead th a:hover, .feeder-report-krs .feeder-krs-data-table thead th a:focus, .feeder-report-krs .feeder-krs-data-table thead th label { color: var(--penmaru-bg-white) !important; }
.feeder-reference-filter-card { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; margin: 0 0 1rem; border: 1px solid var(--penmaru-border); border-radius: 14px; background: var(--penmaru-bg-white); box-shadow: var(--penmaru-shadow-sm); }.feeder-reference-filter-card strong { display: block; color: var(--penmaru-primary-dark); font-size: .82rem; }.feeder-reference-filter-card strong i { margin-right: .3rem; color: var(--penmaru-primary); }.feeder-reference-filter-card small { display: block; margin-top: .18rem; color: var(--penmaru-text-light); font-size: .69rem; }.feeder-reference-filter-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .5rem; }.feeder-reference-filter-card .feeder-reference-filter { display: inline-flex; align-items: flex-end; gap: .45rem; margin: 0; padding: 0; border: 0; background: transparent; }.feeder-reference-filter-card .feeder-reference-filter label { margin: 0; color: var(--penmaru-text-light); font-size: .66rem; font-weight: 700; }.feeder-reference-filter-card .feeder-reference-filter select { display: block; min-width: 90px; margin-top: .2rem; }.feeder-reference-mahasiswa-table-card { box-shadow: var(--penmaru-shadow-sm); }.feeder-reference-table-head { display: flex; align-items: center; justify-content: space-between; padding: .85rem .95rem; border-bottom: 1px solid var(--penmaru-border); background: var(--penmaru-bg-light); }.feeder-reference-table-head strong { display: block; color: var(--penmaru-primary-dark); font-size: .8rem; }.feeder-reference-table-head strong i { margin-right: .3rem; color: var(--penmaru-primary); }.feeder-reference-table-head span { display: block; margin-top: .16rem; color: var(--penmaru-text-light); font-size: .69rem; }.feeder-reference-mahasiswa .feeder-reference-mahasiswa-table { min-width: 1120px; border-collapse: separate; border-spacing: 0; }.feeder-reference-mahasiswa .feeder-reference-mahasiswa-table thead td { padding-top: .82rem; padding-bottom: .82rem; border-bottom: 3px solid var(--penmaru-primary) !important; background: var(--penmaru-primary-dark) !important; color: var(--penmaru-bg-white) !important; }.feeder-reference-mahasiswa .feeder-reference-mahasiswa-table tbody tr:nth-child(even) { background: var(--penmaru-bg-light); }.feeder-reference-mahasiswa .feeder-reference-mahasiswa-table tbody td:nth-child(1), .feeder-reference-mahasiswa .feeder-reference-mahasiswa-table tbody td:nth-child(2), .feeder-reference-mahasiswa .feeder-reference-mahasiswa-table tbody td:nth-child(3), .feeder-reference-mahasiswa .feeder-reference-mahasiswa-table tbody td:nth-child(7) { white-space: nowrap; }.feeder-reference-mahasiswa .feeder-reference-mahasiswa-table tbody td:nth-child(3) { color: var(--penmaru-primary-dark); font-weight: 800; }.feeder-reference-mahasiswa .feeder-reference-mahasiswa-table tbody td:nth-child(4), .feeder-reference-mahasiswa .feeder-reference-mahasiswa-table tbody td:nth-child(5) { min-width: 165px; }.feeder-reference-mahasiswa .feeder-reference-mahasiswa-table tbody td:last-child { min-width: 128px; white-space: nowrap; }.feeder-reference-mahasiswa .btn-primary { border-color: var(--penmaru-primary); background: var(--penmaru-primary); color: var(--penmaru-bg-white); }.feeder-reference-mahasiswa .btn-info { border-color: var(--penmaru-secondary); background: var(--penmaru-secondary); color: var(--penmaru-primary-dark); }.feeder-reference-empty-row, .feeder-reference-empty-row:hover { background: var(--penmaru-bg-white) !important; }.feeder-reference-empty { display: flex; align-items: center; flex-direction: column; padding: 1.5rem; text-align: center; }.feeder-reference-empty > i { margin-bottom: .6rem; color: var(--penmaru-primary); font-size: 1.25rem; }.feeder-reference-empty strong { color: var(--penmaru-primary-dark); font-size: .88rem; }.feeder-reference-empty p { margin: .3rem 0 0; color: var(--penmaru-text-light); font-size: .72rem; }@media (max-width: 767.98px) { .feeder-reference-filter-card { align-items: flex-start; flex-direction: column; }.feeder-reference-filter-actions, .feeder-reference-filter-card .feeder-reference-filter { width: 100%; }.feeder-reference-filter-card .feeder-reference-filter { justify-content: space-between; }.feeder-reference-filter-card .feeder-reference-filter label { flex: 1; }.feeder-reference-filter-card .feeder-reference-filter select { width: 100%; } }
.feeder-reference-mahasiswa .feeder-reference-mahasiswa-table-card { width: 100%; overflow: hidden; }.feeder-reference-mahasiswa .feeder-reference-table-head { width: 100%; box-sizing: border-box; }.feeder-reference-mahasiswa .feeder-reference-table-wrap #report_wrapper { min-width: 0; }.feeder-reference-mahasiswa .dataTables_scroll { clear: both; }.feeder-reference-mahasiswa .dataTables_scrollHead { border-bottom: 0; }.feeder-reference-mahasiswa .dataTables_scrollBody { overflow-x: auto !important; border-top: 1px solid var(--penmaru-border); }.feeder-reference-mahasiswa .dataTables_scrollBody::-webkit-scrollbar { height: 10px; }.feeder-reference-mahasiswa .dataTables_scrollBody::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(26, 54, 93,.24); }.feeder-reference-mahasiswa #report_wrapper > .dataTables_length, .feeder-reference-mahasiswa #report_wrapper > .dataTables_filter, .feeder-reference-mahasiswa #report_wrapper > .DTTT_container { position: relative; z-index: 8; }.feeder-reference-mahasiswa .dataTables_scrollHead .feeder-reference-mahasiswa-table thead td:nth-child(1), .feeder-reference-mahasiswa .dataTables_scrollBody .feeder-reference-mahasiswa-table tbody td:nth-child(1) { position: sticky; left: 0; z-index: 4; width: 150px; min-width: 150px; }.feeder-reference-mahasiswa .dataTables_scrollHead .feeder-reference-mahasiswa-table thead td:nth-child(2), .feeder-reference-mahasiswa .dataTables_scrollBody .feeder-reference-mahasiswa-table tbody td:nth-child(2) { position: sticky; left: 150px; z-index: 4; width: 130px; min-width: 130px; }.feeder-reference-mahasiswa .dataTables_scrollHead .feeder-reference-mahasiswa-table thead td:nth-child(3), .feeder-reference-mahasiswa .dataTables_scrollBody .feeder-reference-mahasiswa-table tbody td:nth-child(3) { position: sticky; left: 280px; z-index: 4; width: 115px; min-width: 115px; box-shadow: 5px 0 8px rgba(26, 54, 93,.08); }.feeder-reference-mahasiswa .dataTables_scrollHead .feeder-reference-mahasiswa-table thead td:nth-child(-n+3) { z-index: 6; background: var(--penmaru-primary-dark) !important; }.feeder-reference-mahasiswa .dataTables_scrollBody .feeder-reference-mahasiswa-table tbody td:nth-child(-n+3) { background: var(--penmaru-bg-white); }.feeder-reference-mahasiswa .dataTables_scrollBody .feeder-reference-mahasiswa-table tbody tr:hover td:nth-child(-n+3) { background: #f7fbfc; }
.feeder-reference-row-actions { display: inline-flex; align-items: center; gap: .35rem; }.feeder-reference-row-actions .btn { display: inline-flex; align-items: center; justify-content: center; gap: .3rem; min-height: 2rem; margin: 0; padding: .35rem .5rem; border-radius: 7px; font-size: .66rem; font-weight: 800; white-space: nowrap; }.feeder-reference-row-actions .btn-info { border-color: rgba(173,123,57,.45); background: rgba(245, 158, 11,.55); color: var(--penmaru-primary-dark); }.feeder-reference-row-actions .btn-info:hover, .feeder-reference-row-actions .btn-info:focus { border-color: var(--penmaru-primary); background: var(--penmaru-primary); color: var(--penmaru-bg-white); }.feeder-reference-row-actions .btn-primary:hover, .feeder-reference-row-actions .btn-primary:focus { border-color: var(--penmaru-primary-light); background: var(--penmaru-primary-light); color: var(--penmaru-bg-white); }
.feeder-cari-mahasiswa-form { display: flex; align-items: flex-end; gap: .65rem; padding: .9rem 1rem; margin: 0 0 1rem; border: 1px solid var(--penmaru-border); border-radius: 14px; background: var(--penmaru-bg-white); box-shadow: var(--penmaru-shadow-sm); }.feeder-cari-mahasiswa-form label { flex: 1; margin: 0; }.feeder-cari-mahasiswa-form label span { display: block; margin-bottom: .32rem; color: var(--penmaru-text-medium); font-size: .72rem; font-weight: 800; }.feeder-cari-mahasiswa-form input { width: 100%; min-height: 2.45rem; padding: .45rem .65rem; border: 1px solid var(--penmaru-border); border-radius: 8px; color: var(--penmaru-text-dark); font-size: .78rem; }.feeder-cari-mahasiswa-form input:focus { border-color: var(--penmaru-primary); outline: 0; box-shadow: 0 0 0 3px rgba(11, 47, 109,.12); }.feeder-cari-mahasiswa-form .btn { min-height: 2.45rem; }.feeder-reference-cari-table-card { box-shadow: var(--penmaru-shadow-sm); }.feeder-reference-cari-mahasiswa .feeder-reference-cari-table { min-width: 1160px; border-collapse: separate; border-spacing: 0; }.feeder-reference-cari-mahasiswa .feeder-reference-cari-table thead td { padding-top: .82rem; padding-bottom: .82rem; border-bottom: 3px solid var(--penmaru-primary) !important; background: var(--penmaru-primary-dark) !important; color: var(--penmaru-bg-white) !important; }.feeder-reference-cari-mahasiswa .feeder-reference-cari-table tbody tr:nth-child(even) { background: var(--penmaru-bg-light); }.feeder-reference-cari-mahasiswa .feeder-reference-cari-table tbody td:nth-child(1), .feeder-reference-cari-mahasiswa .feeder-reference-cari-table tbody td:nth-child(2), .feeder-reference-cari-mahasiswa .feeder-reference-cari-table tbody td:nth-child(3), .feeder-reference-cari-mahasiswa .feeder-reference-cari-table tbody td:nth-child(8) { white-space: nowrap; }.feeder-reference-cari-mahasiswa .feeder-reference-cari-table tbody td:nth-child(3) { color: var(--penmaru-primary-dark); font-weight: 800; }.feeder-reference-cari-mahasiswa .feeder-reference-cari-table tbody td:nth-child(4), .feeder-reference-cari-mahasiswa .feeder-reference-cari-table tbody td:nth-child(6) { min-width: 160px; }@media (max-width: 767.98px) { .feeder-cari-mahasiswa-form { align-items: stretch; flex-direction: column; }.feeder-cari-mahasiswa-form .btn { width: 100%; } }
.feeder-reference-cari-mahasiswa .feeder-reference-cari-table-card { width: 100%; overflow: hidden; }.feeder-reference-cari-mahasiswa .feeder-reference-table-wrap #report_wrapper { min-width: 0; }.feeder-reference-cari-mahasiswa .dataTables_scroll { clear: both; }.feeder-reference-cari-mahasiswa .dataTables_scrollHead { border-bottom: 0; }.feeder-reference-cari-mahasiswa .dataTables_scrollBody { overflow-x: auto !important; border-top: 1px solid var(--penmaru-border); }.feeder-reference-cari-mahasiswa .dataTables_scrollBody::-webkit-scrollbar { height: 10px; }.feeder-reference-cari-mahasiswa .dataTables_scrollBody::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(26, 54, 93,.24); }.feeder-reference-cari-mahasiswa #report_wrapper > .dataTables_length, .feeder-reference-cari-mahasiswa #report_wrapper > .dataTables_filter, .feeder-reference-cari-mahasiswa #report_wrapper > .DTTT_container { position: relative; z-index: 8; }.feeder-reference-cari-mahasiswa .dataTables_scrollHead .feeder-reference-cari-table thead td:nth-child(1), .feeder-reference-cari-mahasiswa .dataTables_scrollBody .feeder-reference-cari-table tbody td:nth-child(1) { position: sticky; left: 0; z-index: 4; width: 150px; min-width: 150px; }.feeder-reference-cari-mahasiswa .dataTables_scrollHead .feeder-reference-cari-table thead td:nth-child(2), .feeder-reference-cari-mahasiswa .dataTables_scrollBody .feeder-reference-cari-table tbody td:nth-child(2) { position: sticky; left: 150px; z-index: 4; width: 130px; min-width: 130px; }.feeder-reference-cari-mahasiswa .dataTables_scrollHead .feeder-reference-cari-table thead td:nth-child(3), .feeder-reference-cari-mahasiswa .dataTables_scrollBody .feeder-reference-cari-table tbody td:nth-child(3) { position: sticky; left: 280px; z-index: 4; width: 115px; min-width: 115px; box-shadow: 5px 0 8px rgba(26, 54, 93,.08); }.feeder-reference-cari-mahasiswa .dataTables_scrollHead .feeder-reference-cari-table thead td:nth-child(-n+3) { z-index: 6; background: var(--penmaru-primary-dark) !important; }.feeder-reference-cari-mahasiswa .dataTables_scrollBody .feeder-reference-cari-table tbody td:nth-child(-n+3) { background: var(--penmaru-bg-white); }.feeder-reference-cari-mahasiswa .dataTables_scrollBody .feeder-reference-cari-table tbody tr:hover td:nth-child(-n+3) { background: #f7fbfc; }
.feeder-reference-matakuliah .feeder-reference-mk-table-card { width: 100%; overflow: hidden; box-shadow: var(--penmaru-shadow-sm); }.feeder-reference-matakuliah .feeder-reference-table-wrap #report_wrapper { min-width: 0; }.feeder-reference-matakuliah .dataTables_scroll { clear: both; }.feeder-reference-matakuliah .dataTables_scrollBody { overflow-x: auto !important; border-top: 1px solid var(--penmaru-border); }.feeder-reference-matakuliah .dataTables_scrollBody::-webkit-scrollbar { height: 10px; }.feeder-reference-matakuliah .dataTables_scrollBody::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(26, 54, 93,.24); }.feeder-reference-matakuliah #report_wrapper > .dataTables_length, .feeder-reference-matakuliah #report_wrapper > .dataTables_filter, .feeder-reference-matakuliah #report_wrapper > .DTTT_container { position: relative; z-index: 8; }.feeder-reference-matakuliah .feeder-reference-mk-table { min-width: 1180px; border-collapse: separate; border-spacing: 0; }.feeder-reference-matakuliah .feeder-reference-mk-table thead td { border-bottom: 3px solid var(--penmaru-primary) !important; background: var(--penmaru-primary-dark) !important; color: var(--penmaru-bg-white) !important; }.feeder-reference-matakuliah .feeder-reference-mk-table tbody tr:nth-child(even) { background: var(--penmaru-bg-light); }.feeder-reference-matakuliah .dataTables_scrollHead .feeder-reference-mk-table thead td:nth-child(1), .feeder-reference-matakuliah .dataTables_scrollBody .feeder-reference-mk-table tbody td:nth-child(1) { position: sticky; left: 0; z-index: 4; width: 175px; min-width: 175px; }.feeder-reference-matakuliah .dataTables_scrollHead .feeder-reference-mk-table thead td:nth-child(2), .feeder-reference-matakuliah .dataTables_scrollBody .feeder-reference-mk-table tbody td:nth-child(2) { position: sticky; left: 175px; z-index: 4; width: 160px; min-width: 160px; }.feeder-reference-matakuliah .dataTables_scrollHead .feeder-reference-mk-table thead td:nth-child(3), .feeder-reference-matakuliah .dataTables_scrollBody .feeder-reference-mk-table tbody td:nth-child(3) { position: sticky; left: 335px; z-index: 4; width: 100px; min-width: 100px; box-shadow: 5px 0 8px rgba(26, 54, 93,.08); }.feeder-reference-matakuliah .dataTables_scrollHead .feeder-reference-mk-table thead td:nth-child(-n+3) { z-index: 6; background: var(--penmaru-primary-dark) !important; }.feeder-reference-matakuliah .dataTables_scrollBody .feeder-reference-mk-table tbody td:nth-child(-n+3) { background: var(--penmaru-bg-white); }.feeder-reference-matakuliah .dataTables_scrollBody .feeder-reference-mk-table tbody tr:hover td:nth-child(-n+3) { background: #f7fbfc; }
.feeder-report-aktivitas .feeder-aktivitas-import-card { display: grid; grid-template-columns: minmax(220px,.7fr) minmax(0,1.3fr); gap: 1rem; align-items: center; padding: .95rem 1rem; margin: 0 0 1rem; border: 1px solid var(--penmaru-border); border-radius: 14px; background: var(--penmaru-bg-white); box-shadow: var(--penmaru-shadow-sm); }.feeder-aktivitas-import-card strong, .feeder-aktivitas-table-head strong { display: block; color: var(--penmaru-primary-dark); font-size: .84rem; }.feeder-aktivitas-import-card strong i, .feeder-aktivitas-table-head strong i { margin-right: .3rem; color: var(--penmaru-primary); }.feeder-aktivitas-import-card small, .feeder-aktivitas-table-head span { display: block; margin-top: .25rem; color: var(--penmaru-text-light); font-size: .7rem; line-height: 1.45; }.feeder-report-aktivitas .feeder-report-import { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .45rem; float: none; width: 100%; margin: 0; padding: 0; border: 0; background: transparent; }.feeder-report-aktivitas .feeder-report-import .btn-secondary, .feeder-report-aktivitas .btn-primary { border-color: var(--penmaru-primary); background: var(--penmaru-primary); color: var(--penmaru-bg-white); }.feeder-report-aktivitas .feeder-report-import .btn-secondary:hover, .feeder-report-aktivitas .feeder-report-import .btn-secondary:focus, .feeder-report-aktivitas .btn-primary:hover, .feeder-report-aktivitas .btn-primary:focus { border-color: var(--penmaru-primary-light); background: var(--penmaru-primary-light); color: var(--penmaru-bg-white); }.feeder-aktivitas-toolbar { align-items: stretch; margin-bottom: 1rem; border-radius: 14px; background: var(--penmaru-bg-white); box-shadow: var(--penmaru-shadow-sm); }.feeder-report-aktivitas .feeder-report-toolbar-actions { display: flex; align-items: center; justify-content: flex-end; gap: .55rem; }.feeder-report-aktivitas .btn-warning { border-color: var(--penmaru-secondary); background: var(--penmaru-secondary); color: var(--penmaru-primary-dark); }.feeder-report-aktivitas .btn-warning:hover, .feeder-report-aktivitas .btn-warning:focus { border-color: var(--penmaru-primary); background: var(--penmaru-primary); color: var(--penmaru-bg-white); }.feeder-report-aktivitas .btn-danger { border-color: var(--penmaru-primary-dark); background: var(--penmaru-bg-white); color: var(--penmaru-primary-dark); }.feeder-report-aktivitas .btn-danger:hover, .feeder-report-aktivitas .btn-danger:focus { border-color: var(--penmaru-primary-dark); background: var(--penmaru-primary-dark); color: var(--penmaru-bg-white); }.feeder-report-aktivitas .btn-success { border-color: var(--penmaru-accent); background: var(--penmaru-accent); color: var(--penmaru-bg-white); }.feeder-aktivitas-table-card { border-color: var(--penmaru-border); box-shadow: var(--penmaru-shadow-sm); }.feeder-aktivitas-table-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem .95rem; border-bottom: 1px solid var(--penmaru-border); background: var(--penmaru-bg-light); }.feeder-aktivitas-table-head .feeder-aktivitas-table-count { flex-shrink: 0; margin: 0; padding: .34rem .55rem; border-radius: 999px; background: var(--penmaru-secondary); color: var(--penmaru-primary-dark); font-size: .69rem; font-weight: 800; }.feeder-report-aktivitas .feeder-aktivitas-data-table { min-width: 1540px; border-collapse: separate; border-spacing: 0; }.feeder-report-aktivitas .feeder-aktivitas-data-table thead th { padding-top: .82rem; padding-bottom: .82rem; border-bottom: 3px solid var(--penmaru-primary) !important; background: var(--penmaru-primary-dark) !important; }.feeder-report-aktivitas .feeder-aktivitas-data-table tbody tr:nth-child(even) { background: var(--penmaru-bg-light); }.feeder-report-aktivitas .feeder-aktivitas-data-table tbody td:nth-child(1), .feeder-report-aktivitas .feeder-aktivitas-data-table tbody td:nth-child(7), .feeder-report-aktivitas .feeder-aktivitas-data-table tbody td:nth-child(8), .feeder-report-aktivitas .feeder-aktivitas-data-table tbody td:nth-child(9) { text-align: center; white-space: nowrap; }.feeder-report-aktivitas .feeder-aktivitas-data-table tbody td:nth-child(2), .feeder-report-aktivitas .feeder-aktivitas-data-table tbody td:nth-child(9) { color: var(--penmaru-primary-dark); font-weight: 800; }.feeder-report-aktivitas .feeder-aktivitas-data-table tbody td:nth-child(3), .feeder-report-aktivitas .feeder-aktivitas-data-table tbody td:nth-child(4), .feeder-report-aktivitas .feeder-aktivitas-data-table tbody td:nth-child(10) { min-width: 170px; }.feeder-report-aktivitas .feeder-aktivitas-data-table tbody td:last-child { min-width: 118px; text-align: center; white-space: nowrap; }.feeder-aktivitas-empty-row, .feeder-aktivitas-empty-row:hover { background: var(--penmaru-bg-white) !important; }.feeder-report-aktivitas .feeder-aktivitas-data-table .feeder-aktivitas-empty-row > td { padding: 2.4rem 1rem; text-align: center; white-space: normal; }.feeder-aktivitas-empty { display: flex; align-items: center; flex-direction: column; }.feeder-aktivitas-empty > span { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: .7rem; border-radius: 12px; background: var(--penmaru-bg-light); color: var(--penmaru-primary); font-size: 1.15rem; }.feeder-aktivitas-empty strong { color: var(--penmaru-primary-dark); font-size: .9rem; }.feeder-aktivitas-empty p { margin: .35rem 0 0; color: var(--penmaru-text-light); font-size: .73rem; }.feeder-report-aktivitas .feeder-report-actions { padding: .8rem; border: 1px solid var(--penmaru-border); border-radius: 14px; background: var(--penmaru-bg-white); box-shadow: var(--penmaru-shadow-sm); }.feeder-report-aktivitas .feeder-aktivitas-data-table thead th, .feeder-report-aktivitas .feeder-aktivitas-data-table thead th a, .feeder-report-aktivitas .feeder-aktivitas-data-table thead th a:hover, .feeder-report-aktivitas .feeder-aktivitas-data-table thead th a:focus, .feeder-report-aktivitas .feeder-aktivitas-data-table thead th label { color: var(--penmaru-bg-white) !important; }@media (max-width: 767.98px) { .feeder-report-aktivitas .feeder-aktivitas-import-card { grid-template-columns: 1fr; }.feeder-report-aktivitas .feeder-report-import, .feeder-report-aktivitas .feeder-report-toolbar-actions { justify-content: flex-start; }.feeder-aktivitas-table-head { align-items: flex-start; flex-direction: column; }.feeder-aktivitas-table-head .feeder-aktivitas-table-count { align-self: flex-start; } }
.feeder-report-ajardosen .feeder-report-table-wrap { overflow: hidden; }.feeder-report-ajardosen .feeder-report-table-wrap #report_wrapper { min-width: 0; }.feeder-report-ajardosen .dataTables_scroll { clear: both; }.feeder-report-ajardosen .dataTables_scrollHead { border-bottom: 0; }.feeder-report-ajardosen .dataTables_scrollBody { overflow-x: auto !important; border-top: 1px solid var(--penmaru-border); }.feeder-report-ajardosen .dataTables_scrollBody::-webkit-scrollbar { height: 10px; }.feeder-report-ajardosen .dataTables_scrollBody::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(26, 54, 93,.24); }.feeder-report-ajardosen #report_wrapper > .dataTables_length, .feeder-report-ajardosen #report_wrapper > .dataTables_filter, .feeder-report-ajardosen #report_wrapper > .DTTT_container { position: relative; z-index: 8; }.feeder-report-ajardosen .dataTables_scrollHead .feeder-ajardosen-data-table thead td:nth-child(1), .feeder-report-ajardosen .dataTables_scrollBody .feeder-ajardosen-data-table tbody td:nth-child(1) { position: sticky; left: 0; z-index: 4; width: 48px; min-width: 48px; }.feeder-report-ajardosen .dataTables_scrollHead .feeder-ajardosen-data-table thead td:nth-child(2), .feeder-report-ajardosen .dataTables_scrollBody .feeder-ajardosen-data-table tbody td:nth-child(2) { position: sticky; left: 48px; z-index: 4; width: 140px; min-width: 140px; }.feeder-report-ajardosen .dataTables_scrollHead .feeder-ajardosen-data-table thead td:nth-child(3), .feeder-report-ajardosen .dataTables_scrollBody .feeder-ajardosen-data-table tbody td:nth-child(3) { position: sticky; left: 188px; z-index: 4; width: 92px; min-width: 92px; box-shadow: 5px 0 8px rgba(26, 54, 93,.08); }.feeder-report-ajardosen .dataTables_scrollHead .feeder-ajardosen-data-table thead td:nth-child(-n+3) { z-index: 6; background: var(--penmaru-primary-dark) !important; }.feeder-report-ajardosen .dataTables_scrollBody .feeder-ajardosen-data-table tbody td:nth-child(-n+3) { background: var(--penmaru-bg-white); }.feeder-report-ajardosen .dataTables_scrollBody .feeder-ajardosen-data-table tbody tr:hover td:nth-child(-n+3) { background: #f7fbfc; }@media (max-width: 767.98px) { .feeder-report-ajardosen .dataTables_scrollHead .feeder-ajardosen-data-table thead td:nth-child(2), .feeder-report-ajardosen .dataTables_scrollBody .feeder-ajardosen-data-table tbody td:nth-child(2) { width: 120px; min-width: 120px; }.feeder-report-ajardosen .dataTables_scrollHead .feeder-ajardosen-data-table thead td:nth-child(3), .feeder-report-ajardosen .dataTables_scrollBody .feeder-ajardosen-data-table tbody td:nth-child(3) { left: 168px; } }
.feeder-ajardosen-toolbar, .feeder-kelaskuliah-toolbar { justify-content: space-between; gap: 1rem; margin-bottom: 1rem; border-radius: 14px; background: var(--penmaru-bg-white); box-shadow: var(--penmaru-shadow-sm); }.feeder-ajardosen-toolbar strong, .feeder-kelaskuliah-toolbar strong { display: block; color: var(--penmaru-primary-dark); font-size: .8rem; }.feeder-ajardosen-toolbar strong i, .feeder-kelaskuliah-toolbar strong i { margin-right: .3rem; color: var(--penmaru-primary); }.feeder-ajardosen-toolbar small, .feeder-kelaskuliah-toolbar small { display: block; margin-top: .15rem; color: var(--penmaru-text-light); font-size: .69rem; }.feeder-report-ajardosen .btn-warning, .feeder-report-kelaskuliah .btn-warning { border-color: var(--penmaru-secondary); background: var(--penmaru-secondary); color: var(--penmaru-primary-dark); }.feeder-report-ajardosen .btn-warning:hover, .feeder-report-ajardosen .btn-warning:focus, .feeder-report-kelaskuliah .btn-warning:hover, .feeder-report-kelaskuliah .btn-warning:focus { border-color: var(--penmaru-primary); background: var(--penmaru-primary); color: var(--penmaru-bg-white); }.feeder-report-ajardosen .btn-danger, .feeder-report-kelaskuliah .btn-danger { border-color: var(--penmaru-primary-dark); background: var(--penmaru-bg-white); color: var(--penmaru-primary-dark); }.feeder-report-ajardosen .btn-danger:hover, .feeder-report-ajardosen .btn-danger:focus, .feeder-report-kelaskuliah .btn-danger:hover, .feeder-report-kelaskuliah .btn-danger:focus { border-color: var(--penmaru-primary-dark); background: var(--penmaru-primary-dark); color: var(--penmaru-bg-white); }.feeder-report-ajardosen .btn-success, .feeder-report-kelaskuliah .btn-success { border-color: var(--penmaru-accent); background: var(--penmaru-accent); color: var(--penmaru-bg-white); }.feeder-report-ajardosen .btn-primary, .feeder-report-kelaskuliah .btn-primary { border-color: var(--penmaru-primary); background: var(--penmaru-primary); color: var(--penmaru-bg-white); }.feeder-report-ajardosen .btn-primary:hover, .feeder-report-ajardosen .btn-primary:focus, .feeder-report-kelaskuliah .btn-primary:hover, .feeder-report-kelaskuliah .btn-primary:focus { border-color: var(--penmaru-primary-light); background: var(--penmaru-primary-light); color: var(--penmaru-bg-white); }.feeder-ajardosen-table-card, .feeder-kelaskuliah-table-card { box-shadow: var(--penmaru-shadow-sm); }.feeder-report-ajardosen .feeder-ajardosen-data-table, .feeder-report-kelaskuliah .feeder-kelaskuliah-data-table { border-collapse: separate; border-spacing: 0; }.feeder-report-ajardosen .feeder-ajardosen-data-table thead td, .feeder-report-kelaskuliah .feeder-kelaskuliah-data-table thead td { padding-top: .82rem; padding-bottom: .82rem; border-bottom: 3px solid var(--penmaru-primary) !important; background: var(--penmaru-primary-dark) !important; color: var(--penmaru-bg-white) !important; }.feeder-report-ajardosen .feeder-ajardosen-data-table tbody tr:nth-child(even), .feeder-report-kelaskuliah .feeder-kelaskuliah-data-table tbody tr:nth-child(even) { background: var(--penmaru-bg-light); }.feeder-report-ajardosen .feeder-ajardosen-data-table tbody td:nth-child(1), .feeder-report-ajardosen .feeder-ajardosen-data-table tbody td:nth-child(3), .feeder-report-ajardosen .feeder-ajardosen-data-table tbody td:nth-child(7), .feeder-report-ajardosen .feeder-ajardosen-data-table tbody td:nth-child(10), .feeder-report-ajardosen .feeder-ajardosen-data-table tbody td:nth-child(11), .feeder-report-kelaskuliah .feeder-kelaskuliah-data-table tbody td:nth-child(1), .feeder-report-kelaskuliah .feeder-kelaskuliah-data-table tbody td:nth-child(2), .feeder-report-kelaskuliah .feeder-kelaskuliah-data-table tbody td:nth-child(4), .feeder-report-kelaskuliah .feeder-kelaskuliah-data-table tbody td:nth-child(7) { text-align: center; white-space: nowrap; }.feeder-report-ajardosen .feeder-ajardosen-data-table tbody td:nth-child(4), .feeder-report-kelaskuliah .feeder-kelaskuliah-data-table tbody td:nth-child(4) { color: var(--penmaru-primary-dark); font-weight: 800; }.feeder-report-ajardosen .feeder-ajardosen-data-table tbody td:nth-child(5), .feeder-report-ajardosen .feeder-ajardosen-data-table tbody td:nth-child(9), .feeder-report-kelaskuliah .feeder-kelaskuliah-data-table tbody td:nth-child(5) { min-width: 175px; }.feeder-report-ajardosen .feeder-ajardosen-data-table tbody td:last-child, .feeder-report-kelaskuliah .feeder-kelaskuliah-data-table tbody td:last-child { min-width: 132px; text-align: center; white-space: nowrap; }.feeder-ajardosen-sync-actions { padding: .8rem; border: 1px solid var(--penmaru-border); border-radius: 14px; background: var(--penmaru-bg-white); box-shadow: var(--penmaru-shadow-sm); }.feeder-action-label { color: var(--penmaru-primary-dark); font-size: .73rem; font-weight: 800; }.feeder-report-ajardosen #report_wrapper, .feeder-report-kelaskuliah #report_wrapper { min-width: max-content; }.feeder-report-ajardosen .DTTT_container, .feeder-report-kelaskuliah .DTTT_container { margin: 0 0 .7rem; }.feeder-report-ajardosen .DTTT_button, .feeder-report-kelaskuliah .DTTT_button { display: inline-flex !important; align-items: center; min-height: 2rem; margin: 0 .3rem .3rem 0 !important; padding: .38rem .58rem !important; border: 1px solid var(--penmaru-border) !important; border-radius: 8px !important; background: var(--penmaru-bg-light) !important; color: var(--penmaru-primary-dark) !important; font-size: .69rem !important; font-weight: 700; text-shadow: none !important; }.feeder-report-ajardosen .dataTables_filter, .feeder-report-kelaskuliah .dataTables_filter { float: right; }.feeder-report-ajardosen .dataTables_filter input, .feeder-report-kelaskuliah .dataTables_filter input { min-height: 2.1rem; }.feeder-kelaskuliah-actions { padding: .8rem; border: 1px solid var(--penmaru-border); border-radius: 14px; background: var(--penmaru-bg-white); box-shadow: var(--penmaru-shadow-sm); }@media (max-width: 767.98px) { .feeder-ajardosen-toolbar, .feeder-kelaskuliah-toolbar { align-items: flex-start; flex-direction: column; }.feeder-ajardosen-toolbar .btn, .feeder-kelaskuliah-toolbar form, .feeder-kelaskuliah-toolbar form .btn { width: 100%; }.feeder-report-ajardosen .dataTables_filter, .feeder-report-kelaskuliah .dataTables_filter { float: none; }.feeder-report-ajardosen #report_wrapper, .feeder-report-kelaskuliah #report_wrapper { min-width: 780px; } }
.feeder-report-akm .feeder-akm-search-button, .feeder-report-akm .feeder-akm-reset-button { width: 2.45rem; min-width: 2.45rem; padding: 0; }.feeder-akm-pagination-nav { display: flex; justify-content: flex-end; margin-top: -.1rem; }.feeder-akm-pagination { display: flex; align-items: center; flex-wrap: wrap; gap: .28rem; margin: 0; }.feeder-akm-pagination > li { display: block; }.feeder-akm-pagination > li > a, .feeder-akm-pagination > li > span { display: inline-flex; align-items: center; justify-content: center; min-width: 2.15rem; min-height: 2.15rem; padding: .38rem .58rem; margin: 0; border: 1px solid var(--penmaru-border); border-radius: 8px; background: var(--penmaru-bg-white); color: var(--penmaru-primary-dark); font-size: .71rem; font-weight: 800; text-decoration: none; }.feeder-akm-pagination > li > a:hover, .feeder-akm-pagination > li > a:focus { border-color: var(--penmaru-primary); background: var(--penmaru-primary); color: var(--penmaru-bg-white); }.feeder-akm-pagination > .active > a, .feeder-akm-pagination > .active > a:hover, .feeder-akm-pagination > .active > span { border-color: var(--penmaru-primary-dark); background: var(--penmaru-primary-dark); color: var(--penmaru-bg-white); }.feeder-akm-pagination > .disabled > a, .feeder-akm-pagination > .disabled > a:hover { cursor: not-allowed; border-color: var(--penmaru-border); background: var(--penmaru-bg-light); color: var(--penmaru-text-light); }.feeder-akm-pagination-edge > a { gap: .35rem; padding-right: .72rem !important; padding-left: .72rem !important; background: var(--penmaru-bg-light) !important; }.feeder-report-akm .feeder-akm-data-table thead th, .feeder-report-akm .feeder-akm-data-table thead th a, .feeder-report-akm .feeder-akm-data-table thead th a:hover, .feeder-report-akm .feeder-akm-data-table thead th a:focus, .feeder-report-akm .feeder-akm-data-table thead th label { color: var(--penmaru-bg-white) !important; }@media (max-width: 767.98px) { .feeder-akm-pagination-nav { justify-content: flex-start; }.feeder-akm-pagination-edge > a span { display: none; }.feeder-akm-pagination-edge > a { min-width: 2.15rem; padding: .38rem !important; } }

/* Form edit KHS. */
.feeder-khs-edit-page { width: 100%; max-width: 960px; padding: 0; }.feeder-khs-edit-head { display: flex; align-items: center; gap: .9rem; padding: 1.2rem 1.3rem; border: 1px solid var(--penmaru-border); border-radius: 17px; background: var(--penmaru-bg-white); box-shadow: var(--penmaru-shadow-sm); }.feeder-khs-edit-head-icon { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 11px; background: var(--penmaru-primary-dark); color: var(--penmaru-bg-white); font-size: 1.1rem; }.feeder-khs-edit-head > div:nth-child(2) { min-width: 0; }.feeder-khs-edit-head span { display: block; color: var(--penmaru-primary); font-size: .68rem; font-weight: 800; letter-spacing: .08em; }.feeder-khs-edit-head h1 { margin: .14rem 0; color: var(--penmaru-primary-dark); font-size: 1.3rem; font-weight: 800; }.feeder-khs-edit-head p { margin: 0; color: var(--penmaru-text-light); font-size: .76rem; }.feeder-khs-edit-back { flex-shrink: 0; margin-left: auto; }.feeder-khs-edit-card { padding: 1.25rem; margin-top: 1rem; border: 1px solid var(--penmaru-border); border-radius: 17px; background: var(--penmaru-bg-white); box-shadow: var(--penmaru-shadow-sm); }.feeder-khs-edit-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--penmaru-border); }.feeder-khs-edit-card-head h2 { margin: 0; color: var(--penmaru-primary-dark); font-size: 1rem; font-weight: 800; }.feeder-khs-edit-card-head p { margin: .25rem 0 0; color: var(--penmaru-text-light); font-size: .73rem; line-height: 1.45; }.feeder-khs-edit-badge { display: inline-flex; align-items: center; gap: .35rem; flex-shrink: 0; padding: .36rem .55rem; border-radius: 999px; background: var(--penmaru-bg-light); color: var(--penmaru-text-medium); font-size: .68rem; font-weight: 800; }.feeder-khs-edit-form { padding-top: 1rem; }.feeder-khs-edit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }.feeder-khs-edit-score-grid { max-width: 560px; }.feeder-khs-edit-field { min-width: 0; }.feeder-khs-edit-field label { display: block; margin-bottom: .38rem; color: var(--penmaru-text-medium); font-size: .76rem; font-weight: 800; }.feeder-khs-edit-field .input { margin: 0; }.feeder-khs-edit-field .form-control { width: 100%; min-height: 2.55rem; padding: .5rem .65rem; border-color: var(--penmaru-border); font-size: .8rem; }.feeder-khs-edit-field input[readonly] { background: var(--penmaru-bg-light); color: var(--penmaru-text-medium); }.feeder-khs-edit-field small { display: block; margin-top: .32rem; color: var(--penmaru-text-light); font-size: .67rem; line-height: 1.4; }.feeder-khs-edit-divider { margin: 1.15rem 0 .85rem; border-top: 1px solid var(--penmaru-border); }.feeder-khs-edit-divider span { display: inline-flex; align-items: center; gap: .35rem; padding-right: .5rem; transform: translateY(-50%); background: var(--penmaru-bg-white); color: var(--penmaru-primary-dark); font-size: .76rem; font-weight: 800; }.feeder-khs-edit-divider i { color: var(--penmaru-primary); }.feeder-khs-edit-actions { display: flex; justify-content: flex-end; gap: .55rem; padding-top: 1rem; margin-top: 1.15rem; border-top: 1px solid var(--penmaru-border); }.feeder-khs-edit-empty { display: flex; align-items: flex-start; gap: .65rem; padding: 1rem; margin-top: 1rem; border: 1px solid var(--penmaru-border); border-radius: 14px; background: var(--penmaru-bg-white); color: var(--penmaru-text-medium); }.feeder-khs-edit-empty > i { color: var(--penmaru-primary); font-size: 1.05rem; }.feeder-khs-edit-empty strong { display: block; color: var(--penmaru-primary-dark); font-size: .84rem; }.feeder-khs-edit-empty p { margin: .2rem 0 0; color: var(--penmaru-text-light); font-size: .72rem; }@media (max-width: 767.98px) { .feeder-khs-edit-head { align-items: flex-start; flex-wrap: wrap; padding: 1rem; }.feeder-khs-edit-back { width: 100%; margin-left: 0; }.feeder-khs-edit-card { padding: 1rem; }.feeder-khs-edit-card-head { flex-direction: column; }.feeder-khs-edit-grid { grid-template-columns: 1fr; }.feeder-khs-edit-score-grid { max-width: none; }.feeder-khs-edit-actions { flex-direction: column-reverse; }.feeder-khs-edit-actions .btn { width: 100%; } }

/* Pola halaman referensi / pengecekan data PDDIKTI. */
.feeder-reference-page { width: 100%; max-width: none; padding: 1.15rem 1.2rem; border: 1px solid var(--penmaru-border); border-radius: 17px; background: #fff; box-shadow: var(--penmaru-shadow-sm); }.feeder-reference-summary { margin: 0 0 1rem; border: 1px solid rgba(11, 47, 109,.2); border-radius: 13px; box-shadow: none; overflow: hidden; }.feeder-reference-summary .panel-heading { padding: .7rem .85rem; border: 0; background: rgba(11, 47, 109,.1); color: var(--penmaru-primary-dark); }.feeder-reference-summary .panel-title { margin: 0; font-size: .8rem; font-weight: 800; }.feeder-reference-summary .panel-body { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem 1.1rem; padding: .75rem .85rem; color: var(--penmaru-text-medium); font-size: .76rem; }.feeder-reference-summary .panel-body p { margin: 0; }.feeder-reference-summary .panel-body form { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem; margin: 0; }.feeder-reference-summary .panel-body input[type="text"], .feeder-reference-summary .panel-body select { min-height: 2.2rem; padding: .35rem .55rem; border: 1px solid var(--penmaru-border); border-radius: 8px; }.feeder-reference-page > h3 { display: flex; align-items: center; gap: .48rem; margin: 1rem 0 .75rem; color: var(--penmaru-primary-dark); font-size: 1.06rem; font-weight: 800; }.feeder-reference-page > h3 > i { color: var(--penmaru-primary); }.feeder-reference-filter { display: inline-flex; align-items: center; flex-wrap: wrap; gap: .45rem; margin: 0 .55rem .75rem 0; padding: .62rem .7rem; border: 1px solid var(--penmaru-border); border-radius: 10px; background: #f9fbfc; color: var(--penmaru-text-light); font-size: .74rem; }.feeder-reference-filter select { min-height: 2.2rem; padding: .35rem .55rem; border: 1px solid var(--penmaru-border); border-radius: 8px; background: #fff; color: var(--penmaru-text-dark); }.feeder-reference-table-wrap { overflow-x: auto; border: 1px solid var(--penmaru-border); border-radius: 13px; }.feeder-reference-table { min-width: 900px; margin: 0 !important; }.feeder-reference-table thead th, .feeder-reference-table thead td { padding: .72rem .68rem; border: 0 !important; background: var(--penmaru-primary-dark) !important; color: #fff !important; font-size: .68rem; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; white-space: nowrap; vertical-align: middle; }.feeder-reference-table tbody td { padding: .68rem; border-color: #edf1f5 !important; color: var(--penmaru-text-medium); font-size: .76rem; vertical-align: middle; }.feeder-reference-table tbody tr:hover { background: rgba(11, 47, 109,.045) !important; }.feeder-reference-page #report_wrapper { min-width: max-content; padding: .75rem .85rem 0; }.feeder-reference-page #report_wrapper .DTTT_container { float: right; margin: 0 0 .65rem .65rem; }.feeder-reference-page #report_wrapper .dataTables_length, .feeder-reference-page #report_wrapper .dataTables_filter { margin-bottom: .65rem; color: var(--penmaru-text-light); font-size: .73rem; }.feeder-reference-page #report_wrapper .dataTables_filter input, .feeder-reference-page #report_wrapper .dataTables_length select { border: 1px solid var(--penmaru-border); border-radius: 8px; }.feeder-reference-page #report_wrapper .dataTables_filter input { min-width: 205px; padding: .38rem .55rem; }@media (max-width: 767.98px) { .feeder-reference-page { padding: .9rem; }.feeder-reference-summary .panel-body { align-items: flex-start; flex-direction: column; }.feeder-reference-filter { display: flex; width: 100%; margin-right: 0; }.feeder-reference-filter select { flex: 1; }.feeder-reference-table { min-width: 760px; } }
.feeder-reference-kelas .feeder-reference-filter input.form-control { display: block; min-width: 132px; min-height: 2.2rem; margin-top: .2rem; padding: .35rem .55rem; border: 1px solid var(--penmaru-border); border-radius: 8px; background: #fff; color: var(--penmaru-text-dark); }.feeder-reference-kelas .feeder-reference-kelas-table-card { width: 100%; overflow: hidden; box-shadow: var(--penmaru-shadow-sm); }.feeder-reference-kelas .feeder-reference-table-wrap #report_wrapper { min-width: 0; }.feeder-reference-kelas .dataTables_scroll { clear: both; }.feeder-reference-kelas .dataTables_scrollBody { overflow-x: auto !important; border-top: 1px solid var(--penmaru-border); }.feeder-reference-kelas .dataTables_scrollBody::-webkit-scrollbar { height: 10px; }.feeder-reference-kelas .dataTables_scrollBody::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(26, 54, 93,.24); }.feeder-reference-kelas #report_wrapper > .dataTables_length, .feeder-reference-kelas #report_wrapper > .dataTables_filter, .feeder-reference-kelas #report_wrapper > .DTTT_container { position: relative; z-index: 8; }.feeder-reference-kelas .feeder-reference-kelas-table { min-width: 1220px; border-collapse: separate; border-spacing: 0; }.feeder-reference-kelas .feeder-reference-kelas-table thead td { border-bottom: 3px solid var(--penmaru-primary) !important; background: var(--penmaru-primary-dark) !important; color: var(--penmaru-bg-white) !important; }.feeder-reference-kelas .feeder-reference-kelas-table tbody tr:nth-child(even) { background: var(--penmaru-bg-light); }.feeder-reference-kelas .dataTables_scrollHead .feeder-reference-kelas-table thead td:nth-child(1), .feeder-reference-kelas .dataTables_scrollBody .feeder-reference-kelas-table tbody td:nth-child(1) { position: sticky; left: 0; z-index: 4; width: 185px; min-width: 185px; }.feeder-reference-kelas .dataTables_scrollHead .feeder-reference-kelas-table thead td:nth-child(2), .feeder-reference-kelas .dataTables_scrollBody .feeder-reference-kelas-table tbody td:nth-child(2) { position: sticky; left: 185px; z-index: 4; width: 160px; min-width: 160px; }.feeder-reference-kelas .dataTables_scrollHead .feeder-reference-kelas-table thead td:nth-child(3), .feeder-reference-kelas .dataTables_scrollBody .feeder-reference-kelas-table tbody td:nth-child(3) { position: sticky; left: 345px; z-index: 4; width: 100px; min-width: 100px; box-shadow: 5px 0 8px rgba(26, 54, 93,.08); }.feeder-reference-kelas .dataTables_scrollHead .feeder-reference-kelas-table thead td:nth-child(-n+3) { z-index: 6; background: var(--penmaru-primary-dark) !important; }.feeder-reference-kelas .dataTables_scrollBody .feeder-reference-kelas-table tbody td:nth-child(-n+3) { background: var(--penmaru-bg-white); }.feeder-reference-kelas .dataTables_scrollBody .feeder-reference-kelas-table tbody tr:hover td:nth-child(-n+3) { background: #f7fbfc; }@media (max-width: 767.98px) { .feeder-reference-kelas .feeder-reference-filter input.form-control { width: 100%; min-width: 0; } }
.feeder-reference-kurikulum .feeder-reference-kurikulum-table-card { width: 100%; overflow: hidden; box-shadow: var(--penmaru-shadow-sm); }.feeder-reference-kurikulum .feeder-reference-table-wrap #report_wrapper { min-width: 0; }.feeder-reference-kurikulum .dataTables_scroll { clear: both; }.feeder-reference-kurikulum .dataTables_scrollBody { overflow-x: auto !important; border-top: 1px solid var(--penmaru-border); }.feeder-reference-kurikulum .dataTables_scrollBody::-webkit-scrollbar { height: 10px; }.feeder-reference-kurikulum .dataTables_scrollBody::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(26, 54, 93,.24); }.feeder-reference-kurikulum #report_wrapper > .dataTables_length, .feeder-reference-kurikulum #report_wrapper > .dataTables_filter, .feeder-reference-kurikulum #report_wrapper > .DTTT_container { position: relative; z-index: 8; }.feeder-reference-kurikulum .feeder-reference-kurikulum-table { min-width: 1160px; border-collapse: separate; border-spacing: 0; }.feeder-reference-kurikulum .feeder-reference-kurikulum-table thead td { border-bottom: 3px solid var(--penmaru-primary) !important; background: var(--penmaru-primary-dark) !important; color: var(--penmaru-bg-white) !important; }.feeder-reference-kurikulum .feeder-reference-kurikulum-table tbody tr:nth-child(even) { background: var(--penmaru-bg-light); }.feeder-reference-kurikulum .dataTables_scrollHead .feeder-reference-kurikulum-table thead td:nth-child(1), .feeder-reference-kurikulum .dataTables_scrollBody .feeder-reference-kurikulum-table tbody td:nth-child(1) { position: sticky; left: 0; z-index: 4; width: 180px; min-width: 180px; }.feeder-reference-kurikulum .dataTables_scrollHead .feeder-reference-kurikulum-table thead td:nth-child(2), .feeder-reference-kurikulum .dataTables_scrollBody .feeder-reference-kurikulum-table tbody td:nth-child(2) { position: sticky; left: 180px; z-index: 4; width: 240px; min-width: 240px; }.feeder-reference-kurikulum .dataTables_scrollHead .feeder-reference-kurikulum-table thead td:nth-child(3), .feeder-reference-kurikulum .dataTables_scrollBody .feeder-reference-kurikulum-table tbody td:nth-child(3) { position: sticky; left: 420px; z-index: 4; width: 160px; min-width: 160px; box-shadow: 5px 0 8px rgba(26, 54, 93,.08); }.feeder-reference-kurikulum .dataTables_scrollHead .feeder-reference-kurikulum-table thead td:nth-child(-n+3) { z-index: 6; background: var(--penmaru-primary-dark) !important; }.feeder-reference-kurikulum .dataTables_scrollBody .feeder-reference-kurikulum-table tbody td:nth-child(-n+3) { background: var(--penmaru-bg-white); }.feeder-reference-kurikulum .dataTables_scrollBody .feeder-reference-kurikulum-table tbody tr:hover td:nth-child(-n+3) { background: #f7fbfc; }
.feeder-reference-lulus .feeder-reference-filter input.form-control { display: block; min-width: 116px; min-height: 2.2rem; margin-top: .2rem; padding: .35rem .55rem; border: 1px solid var(--penmaru-border); border-radius: 8px; background: #fff; color: var(--penmaru-text-dark); }.feeder-reference-lulus .feeder-reference-lulus-table-card { width: 100%; overflow: hidden; box-shadow: var(--penmaru-shadow-sm); }.feeder-reference-lulus .feeder-reference-table-wrap #report_wrapper { min-width: 0; }.feeder-reference-lulus .dataTables_scroll { clear: both; }.feeder-reference-lulus .dataTables_scrollBody { overflow-x: auto !important; border-top: 1px solid var(--penmaru-border); }.feeder-reference-lulus .dataTables_scrollBody::-webkit-scrollbar { height: 10px; }.feeder-reference-lulus .dataTables_scrollBody::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(26, 54, 93,.24); }.feeder-reference-lulus #report_wrapper > .dataTables_length, .feeder-reference-lulus #report_wrapper > .dataTables_filter, .feeder-reference-lulus #report_wrapper > .DTTT_container { position: relative; z-index: 8; }.feeder-reference-lulus .feeder-reference-lulus-table { min-width: 1240px; border-collapse: separate; border-spacing: 0; }.feeder-reference-lulus .feeder-reference-lulus-table thead td { border-bottom: 3px solid var(--penmaru-primary) !important; background: var(--penmaru-primary-dark) !important; color: var(--penmaru-bg-white) !important; }.feeder-reference-lulus .feeder-reference-lulus-table tbody tr:nth-child(even) { background: var(--penmaru-bg-light); }.feeder-reference-lulus .dataTables_scrollHead .feeder-reference-lulus-table thead td:nth-child(1), .feeder-reference-lulus .dataTables_scrollBody .feeder-reference-lulus-table tbody td:nth-child(1) { position: sticky; left: 0; z-index: 4; width: 130px; min-width: 130px; }.feeder-reference-lulus .dataTables_scrollHead .feeder-reference-lulus-table thead td:nth-child(2), .feeder-reference-lulus .dataTables_scrollBody .feeder-reference-lulus-table tbody td:nth-child(2) { position: sticky; left: 130px; z-index: 4; width: 220px; min-width: 220px; }.feeder-reference-lulus .dataTables_scrollHead .feeder-reference-lulus-table thead td:nth-child(3), .feeder-reference-lulus .dataTables_scrollBody .feeder-reference-lulus-table tbody td:nth-child(3) { position: sticky; left: 350px; z-index: 4; width: 170px; min-width: 170px; box-shadow: 5px 0 8px rgba(26, 54, 93,.08); }.feeder-reference-lulus .dataTables_scrollHead .feeder-reference-lulus-table thead td:nth-child(-n+3) { z-index: 6; background: var(--penmaru-primary-dark) !important; }.feeder-reference-lulus .dataTables_scrollBody .feeder-reference-lulus-table tbody td:nth-child(-n+3) { background: var(--penmaru-bg-white); }.feeder-reference-lulus .dataTables_scrollBody .feeder-reference-lulus-table tbody tr:hover td:nth-child(-n+3) { background: #f7fbfc; }@media (max-width: 767.98px) { .feeder-reference-lulus .feeder-reference-filter input.form-control { width: 100%; min-width: 0; } }
.feeder-reference-aktivitas .feeder-reference-filter input.form-control { display: block; min-width: 132px; min-height: 2.2rem; margin-top: .2rem; padding: .35rem .55rem; border: 1px solid var(--penmaru-border); border-radius: 8px; background: #fff; color: var(--penmaru-text-dark); }.feeder-reference-aktivitas .feeder-reference-aktivitas-table-card { width: 100%; overflow: hidden; box-shadow: var(--penmaru-shadow-sm); }.feeder-reference-aktivitas .feeder-reference-table-wrap #report_wrapper { min-width: 0; }.feeder-reference-aktivitas .dataTables_scroll { clear: both; }.feeder-reference-aktivitas .dataTables_scrollBody { overflow-x: auto !important; border-top: 1px solid var(--penmaru-border); }.feeder-reference-aktivitas .dataTables_scrollBody::-webkit-scrollbar { height: 10px; }.feeder-reference-aktivitas .dataTables_scrollBody::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(26, 54, 93,.24); }.feeder-reference-aktivitas #report_wrapper > .dataTables_length, .feeder-reference-aktivitas #report_wrapper > .dataTables_filter, .feeder-reference-aktivitas #report_wrapper > .DTTT_container { position: relative; z-index: 8; }.feeder-reference-aktivitas .feeder-reference-aktivitas-table { min-width: 1300px; border-collapse: separate; border-spacing: 0; }.feeder-reference-aktivitas .feeder-reference-aktivitas-table thead td { border-bottom: 3px solid var(--penmaru-primary) !important; background: var(--penmaru-primary-dark) !important; color: var(--penmaru-bg-white) !important; }.feeder-reference-aktivitas .feeder-reference-aktivitas-table tbody tr:nth-child(even) { background: var(--penmaru-bg-light); }.feeder-reference-aktivitas .dataTables_scrollHead .feeder-reference-aktivitas-table thead td:nth-child(1), .feeder-reference-aktivitas .dataTables_scrollBody .feeder-reference-aktivitas-table tbody td:nth-child(1) { position: sticky; left: 0; z-index: 4; width: 180px; min-width: 180px; }.feeder-reference-aktivitas .dataTables_scrollHead .feeder-reference-aktivitas-table thead td:nth-child(2), .feeder-reference-aktivitas .dataTables_scrollBody .feeder-reference-aktivitas-table tbody td:nth-child(2) { position: sticky; left: 180px; z-index: 4; width: 270px; min-width: 270px; }.feeder-reference-aktivitas .dataTables_scrollHead .feeder-reference-aktivitas-table thead td:nth-child(3), .feeder-reference-aktivitas .dataTables_scrollBody .feeder-reference-aktivitas-table tbody td:nth-child(3) { position: sticky; left: 450px; z-index: 4; width: 100px; min-width: 100px; box-shadow: 5px 0 8px rgba(26, 54, 93,.08); }.feeder-reference-aktivitas .dataTables_scrollHead .feeder-reference-aktivitas-table thead td:nth-child(-n+3) { z-index: 6; background: var(--penmaru-primary-dark) !important; }.feeder-reference-aktivitas .dataTables_scrollBody .feeder-reference-aktivitas-table tbody td:nth-child(-n+3) { background: var(--penmaru-bg-white); }.feeder-reference-aktivitas .dataTables_scrollBody .feeder-reference-aktivitas-table tbody tr:hover td:nth-child(-n+3) { background: #f7fbfc; }@media (max-width: 767.98px) { .feeder-reference-aktivitas .feeder-reference-filter input.form-control { width: 100%; min-width: 0; } }
.tahunajaran-mahasiswa-page { display: grid; gap: 1rem; max-width: none; padding: 1.2rem; }.tahunajaran-mahasiswa-head { display: flex; align-items: center; gap: 1rem; padding: 1.2rem 1.3rem; border: 1px solid var(--penmaru-border); border-radius: 18px; background: linear-gradient(110deg, #f8fbfe, #eef7f9); box-shadow: var(--penmaru-shadow-sm); }.tahunajaran-mahasiswa-head-icon { display: grid; place-items: center; width: 55px; height: 55px; flex: 0 0 55px; border-radius: 16px; background: var(--penmaru-primary-dark); color: #fff; font-size: 1.25rem; box-shadow: 0 10px 20px rgba(26, 54, 93,.17); }.tahunajaran-mahasiswa-eyebrow { display: block; margin-bottom: .2rem; color: var(--penmaru-primary); font-size: .68rem; font-weight: 800; letter-spacing: .1em; }.tahunajaran-mahasiswa-head h2 { margin: 0; color: var(--penmaru-primary-dark); font-size: 1.42rem; font-weight: 800; letter-spacing: -.03em; }.tahunajaran-mahasiswa-head p { margin: .28rem 0 0; color: var(--penmaru-text-light); font-size: .78rem; }.tahunajaran-mahasiswa-head-status { display: inline-flex; align-items: center; gap: .38rem; margin-left: auto; padding: .5rem .72rem; border: 1px solid rgba(11, 47, 109,.2); border-radius: 999px; color: #4e7754; background: rgba(110,161,111,.1); font-size: .72rem; font-weight: 800; white-space: nowrap; }.tahunajaran-mahasiswa-info { display: flex; gap: .75rem; padding: .85rem 1rem; border: 1px solid rgba(11, 47, 109,.2); border-radius: 14px; background: rgba(11, 47, 109,.06); }.tahunajaran-mahasiswa-info > span { display: grid; place-items: center; width: 31px; height: 31px; flex: 0 0 31px; border-radius: 10px; color: var(--penmaru-primary-dark); background: rgba(11, 47, 109,.14); }.tahunajaran-mahasiswa-info strong { display: block; color: var(--penmaru-primary-dark); font-size: .79rem; }.tahunajaran-mahasiswa-info p { margin: .16rem 0 0; color: var(--penmaru-text-medium); font-size: .73rem; line-height: 1.5; }.tahunajaran-mahasiswa-info em { font-style: normal; font-weight: 800; }.tahunajaran-mahasiswa-table-card { overflow: hidden; border: 1px solid var(--penmaru-border); border-radius: 16px; background: #fff; box-shadow: var(--penmaru-shadow-sm); }.tahunajaran-mahasiswa-table-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border-bottom: 1px solid var(--penmaru-border); background: var(--penmaru-bg-light); }.tahunajaran-mahasiswa-table-head strong { display: block; color: var(--penmaru-primary-dark); font-size: .83rem; }.tahunajaran-mahasiswa-table-head strong i { margin-right: .3rem; color: var(--penmaru-primary); }.tahunajaran-mahasiswa-table-head span:not(.tahunajaran-mahasiswa-count) { display: block; margin-top: .18rem; color: var(--penmaru-text-light); font-size: .7rem; }.tahunajaran-mahasiswa-count { padding: .38rem .6rem; border: 1px solid rgba(11, 47, 109,.2); border-radius: 999px; background: rgba(11, 47, 109,.08); color: var(--penmaru-primary-dark); font-size: .68rem; font-weight: 800; white-space: nowrap; }.tahunajaran-mahasiswa-table-card #report_wrapper { padding: .75rem .9rem .25rem; }.tahunajaran-mahasiswa-table-card .dataTables_length, .tahunajaran-mahasiswa-table-card .dataTables_filter { margin-bottom: .65rem; color: var(--penmaru-text-light); font-size: .73rem; }.tahunajaran-mahasiswa-table-card .dataTables_filter input, .tahunajaran-mahasiswa-table-card .dataTables_length select { border: 1px solid var(--penmaru-border); border-radius: 8px; }.tahunajaran-mahasiswa-table-card .dataTables_filter input { min-width: 205px; padding: .38rem .55rem; }.tahunajaran-mahasiswa-table { margin: 0 !important; }.tahunajaran-mahasiswa-table thead th { border: 0 !important; background: var(--penmaru-primary-dark) !important; color: #fff !important; font-size: .68rem; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; }.tahunajaran-mahasiswa-table tbody td { padding: .72rem .68rem; border-color: #edf1f5 !important; color: var(--penmaru-text-medium); font-size: .78rem; vertical-align: middle; }.tahunajaran-mahasiswa-table tbody tr:nth-child(even) { background: var(--penmaru-bg-light); }.tahunajaran-mahasiswa-year { color: var(--penmaru-primary-dark); font-size: .88rem; }.tahunajaran-mahasiswa-badge { display: inline-flex; align-items: center; gap: .32rem; padding: .35rem .52rem; border-radius: 999px; background: #f1f3f7; color: var(--penmaru-text-light); font-size: .68rem; font-weight: 800; }.tahunajaran-mahasiswa-badge.is-active { background: rgba(110,161,111,.13); color: #4e7754; }.tahunajaran-mahasiswa-activate, .tahunajaran-mahasiswa-deactivate { min-width: 127px; padding: .43rem .64rem; border-radius: 8px; font-size: .7rem; font-weight: 800; }.tahunajaran-mahasiswa-activate { border-color: var(--penmaru-primary-dark); background: var(--penmaru-primary-dark); color: #fff; }.tahunajaran-mahasiswa-activate:hover, .tahunajaran-mahasiswa-activate:focus { background: var(--penmaru-primary); color: #fff; }.tahunajaran-mahasiswa-deactivate { border: 1px solid #d4dbe3; background: #fff; color: var(--penmaru-text-medium); }.tahunajaran-mahasiswa-deactivate:hover, .tahunajaran-mahasiswa-deactivate:focus { border-color: #d3a34f; background: #fff8e9; color: #805e24; }.tahunajaran-mahasiswa-empty { display: flex; align-items: center; flex-direction: column; padding: 1.6rem; text-align: center; }.tahunajaran-mahasiswa-empty i { margin-bottom: .55rem; color: var(--penmaru-primary); font-size: 1.25rem; }.tahunajaran-mahasiswa-empty strong { color: var(--penmaru-primary-dark); font-size: .86rem; }.tahunajaran-mahasiswa-empty p { margin: .25rem 0 0; color: var(--penmaru-text-light); font-size: .72rem; }@media (max-width: 767.98px) { .tahunajaran-mahasiswa-page { padding: .9rem; }.tahunajaran-mahasiswa-head { align-items: flex-start; flex-wrap: wrap; padding: 1rem; }.tahunajaran-mahasiswa-head-status { width: 100%; margin-left: 0; justify-content: center; }.tahunajaran-mahasiswa-table-head { align-items: flex-start; flex-direction: column; }.tahunajaran-mahasiswa-table-card #report_wrapper { padding: .7rem .7rem .25rem; }.tahunajaran-mahasiswa-table-card .dataTables_filter, .tahunajaran-mahasiswa-table-card .dataTables_filter label, .tahunajaran-mahasiswa-table-card .dataTables_filter input { width: 100%; min-width: 0; } }
.tahunajaran-atur-page { display: grid; gap: 1rem; max-width: none; padding: 1.2rem; }.tahunajaran-atur-head { display: flex; align-items: center; gap: 1rem; padding: 1.2rem 1.3rem; border: 1px solid var(--penmaru-border); border-radius: 18px; background: linear-gradient(110deg, #f8fbfe, #eef7f9); box-shadow: var(--penmaru-shadow-sm); }.tahunajaran-atur-head-icon { display: grid; place-items: center; width: 55px; height: 55px; flex: 0 0 55px; border-radius: 16px; background: var(--penmaru-primary-dark); color: #fff; font-size: 1.25rem; box-shadow: 0 10px 20px rgba(26, 54, 93,.17); }.tahunajaran-atur-eyebrow { display: block; margin-bottom: .2rem; color: var(--penmaru-primary); font-size: .68rem; font-weight: 800; letter-spacing: .1em; }.tahunajaran-atur-head h2 { margin: 0; color: var(--penmaru-primary-dark); font-size: 1.42rem; font-weight: 800; letter-spacing: -.03em; }.tahunajaran-atur-head p { margin: .28rem 0 0; color: var(--penmaru-text-light); font-size: .78rem; }.tahunajaran-atur-head-status { display: inline-flex; align-items: center; gap: .38rem; margin-left: auto; padding: .5rem .72rem; border: 1px solid rgba(11, 47, 109,.2); border-radius: 999px; color: #4e7754; background: rgba(110,161,111,.1); font-size: .72rem; font-weight: 800; white-space: nowrap; }.tahunajaran-atur-info { display: flex; gap: .75rem; padding: .85rem 1rem; border: 1px solid rgba(11, 47, 109,.2); border-radius: 14px; background: rgba(11, 47, 109,.06); }.tahunajaran-atur-info > span { display: grid; place-items: center; width: 31px; height: 31px; flex: 0 0 31px; border-radius: 10px; color: var(--penmaru-primary-dark); background: rgba(11, 47, 109,.14); }.tahunajaran-atur-info strong { display: block; color: var(--penmaru-primary-dark); font-size: .79rem; }.tahunajaran-atur-info p { margin: .16rem 0 0; color: var(--penmaru-text-medium); font-size: .73rem; line-height: 1.5; }.tahunajaran-atur-table-card { overflow: hidden; border: 1px solid var(--penmaru-border); border-radius: 16px; background: #fff; box-shadow: var(--penmaru-shadow-sm); }.tahunajaran-atur-table-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border-bottom: 1px solid var(--penmaru-border); background: var(--penmaru-bg-light); }.tahunajaran-atur-table-head strong { display: block; color: var(--penmaru-primary-dark); font-size: .83rem; }.tahunajaran-atur-table-head strong i { margin-right: .3rem; color: var(--penmaru-primary); }.tahunajaran-atur-table-head span:not(.tahunajaran-atur-count) { display: block; margin-top: .18rem; color: var(--penmaru-text-light); font-size: .7rem; }.tahunajaran-atur-count { padding: .38rem .6rem; border: 1px solid rgba(11, 47, 109,.2); border-radius: 999px; background: rgba(11, 47, 109,.08); color: var(--penmaru-primary-dark); font-size: .68rem; font-weight: 800; white-space: nowrap; }.tahunajaran-atur-table-card #report_wrapper { padding: .75rem .9rem .25rem; }.tahunajaran-atur-table-card .dataTables_length, .tahunajaran-atur-table-card .dataTables_filter { margin-bottom: .65rem; color: var(--penmaru-text-light); font-size: .73rem; }.tahunajaran-atur-table-card .dataTables_filter input, .tahunajaran-atur-table-card .dataTables_length select { border: 1px solid var(--penmaru-border); border-radius: 8px; }.tahunajaran-atur-table-card .dataTables_filter input { min-width: 205px; padding: .38rem .55rem; }.tahunajaran-atur-table { margin: 0 !important; }.tahunajaran-atur-table thead th { border: 0 !important; background: var(--penmaru-primary-dark) !important; color: #fff !important; font-size: .68rem; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; }.tahunajaran-atur-table tbody td { padding: .72rem .68rem; border-color: #edf1f5 !important; color: var(--penmaru-text-medium); font-size: .78rem; vertical-align: middle; }.tahunajaran-atur-table tbody tr:nth-child(even) { background: var(--penmaru-bg-light); }.tahunajaran-atur-year { display: block; color: var(--penmaru-primary-dark); font-size: .88rem; }.tahunajaran-atur-mode { display: block; margin-top: .12rem; color: var(--penmaru-text-light); font-size: .68rem; }.tahunajaran-atur-badge { display: inline-flex; align-items: center; gap: .32rem; padding: .35rem .52rem; border-radius: 999px; background: #f1f3f7; color: var(--penmaru-text-light); font-size: .68rem; font-weight: 800; }.tahunajaran-atur-badge.is-active, .tahunajaran-atur-badge.is-short { background: rgba(110,161,111,.13); color: #4e7754; }.tahunajaran-atur-activate, .tahunajaran-atur-deactivate { min-width: 127px; margin-top: .38rem; padding: .43rem .64rem; border-radius: 8px; font-size: .7rem; font-weight: 800; }.tahunajaran-atur-activate { border-color: var(--penmaru-primary-dark); background: var(--penmaru-primary-dark); color: #fff; }.tahunajaran-atur-activate:hover, .tahunajaran-atur-activate:focus { background: var(--penmaru-primary); color: #fff; }.tahunajaran-atur-deactivate { border: 1px solid #d4dbe3; background: #fff; color: var(--penmaru-text-medium); }.tahunajaran-atur-deactivate:hover, .tahunajaran-atur-deactivate:focus { border-color: #d3a34f; background: #fff8e9; color: #805e24; }.tahunajaran-atur-not-available { color: var(--penmaru-text-light); font-size: .72rem; font-style: italic; }.tahunajaran-atur-empty { display: flex; align-items: center; flex-direction: column; padding: 1.6rem; text-align: center; }.tahunajaran-atur-empty i { margin-bottom: .55rem; color: var(--penmaru-primary); font-size: 1.25rem; }.tahunajaran-atur-empty strong { color: var(--penmaru-primary-dark); font-size: .86rem; }.tahunajaran-atur-empty p { margin: .25rem 0 0; color: var(--penmaru-text-light); font-size: .72rem; }@media (max-width: 767.98px) { .tahunajaran-atur-page { padding: .9rem; }.tahunajaran-atur-head { align-items: flex-start; flex-wrap: wrap; padding: 1rem; }.tahunajaran-atur-head-status { width: 100%; margin-left: 0; justify-content: center; }.tahunajaran-atur-table-head { align-items: flex-start; flex-direction: column; }.tahunajaran-atur-table-card #report_wrapper { padding: .7rem .7rem .25rem; }.tahunajaran-atur-table-card .dataTables_filter, .tahunajaran-atur-table-card .dataTables_filter label, .tahunajaran-atur-table-card .dataTables_filter input { width: 100%; min-width: 0; } }
.limit-page { display: grid; gap: 1rem; max-width: none; padding: 1.2rem; }.limit-page-head { display: flex; align-items: center; gap: 1rem; padding: 1.2rem 1.3rem; border: 1px solid var(--penmaru-border); border-radius: 18px; background: linear-gradient(110deg, #f8fbfe, #eef7f9); box-shadow: var(--penmaru-shadow-sm); }.limit-page-icon { display: grid; place-items: center; width: 55px; height: 55px; flex: 0 0 55px; border-radius: 16px; background: var(--penmaru-primary-dark); color: #fff; font-size: 1.25rem; }.limit-page-eyebrow { display: block; margin-bottom: .2rem; color: var(--penmaru-primary); font-size: .68rem; font-weight: 800; letter-spacing: .1em; }.limit-page-head h2 { margin: 0; color: var(--penmaru-primary-dark); font-size: 1.42rem; font-weight: 800; letter-spacing: -.03em; }.limit-page-head p { margin: .28rem 0 0; color: var(--penmaru-text-light); font-size: .78rem; }.limit-page-info { display: flex; gap: .75rem; padding: .85rem 1rem; border: 1px solid rgba(11, 47, 109,.2); border-radius: 14px; background: rgba(11, 47, 109,.06); }.limit-page-info > span { display: grid; place-items: center; width: 31px; height: 31px; flex: 0 0 31px; border-radius: 10px; color: var(--penmaru-primary-dark); background: rgba(11, 47, 109,.14); }.limit-page-info strong { display: block; color: var(--penmaru-primary-dark); font-size: .79rem; }.limit-page-info p { margin: .16rem 0 0; color: var(--penmaru-text-medium); font-size: .73rem; line-height: 1.5; }.limit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }.limit-card { padding: 1rem; border: 1px solid var(--penmaru-border); border-radius: 15px; background: #fff; box-shadow: var(--penmaru-shadow-sm); }.limit-card:last-child { grid-column: 1 / -1; }.limit-card-title { display: flex; gap: .68rem; align-items: center; padding-bottom: .85rem; border-bottom: 1px solid #edf1f5; }.limit-card-title > span { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 36px; border-radius: 11px; color: var(--penmaru-primary-dark); background: rgba(11, 47, 109,.12); }.limit-card-title h3 { margin: 0; color: var(--penmaru-primary-dark); font-size: .84rem; font-weight: 800; }.limit-card-title p { margin: .12rem 0 0; color: var(--penmaru-text-light); font-size: .7rem; }.limit-card-inputs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; padding-top: .85rem; }.limit-card-inputs label { display: block; margin-bottom: .35rem; color: var(--penmaru-text-medium); font-size: .72rem; font-weight: 800; }.limit-card-inputs .form-control { width: 100%; min-height: 39px; }.limit-card-inputs small { display: block; margin-top: .25rem; color: var(--penmaru-text-light); font-size: .65rem; }.limit-form-actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem 1rem; border: 1px solid var(--penmaru-border); border-radius: 14px; background: #fff; box-shadow: var(--penmaru-shadow-sm); color: var(--penmaru-text-light); font-size: .72rem; }.limit-form-actions > span > i { margin-right: .3rem; color: var(--penmaru-primary); }.limit-save-button { min-height: 40px; padding: .55rem .85rem; border-color: var(--penmaru-primary-dark); background: var(--penmaru-primary-dark); color: #fff; font-size: .75rem; font-weight: 800; }.limit-save-button:hover, .limit-save-button:focus { background: var(--penmaru-primary); color: #fff; }@media (max-width: 767.98px) { .limit-page { padding: .9rem; }.limit-page-head { align-items: flex-start; padding: 1rem; }.limit-grid { grid-template-columns: 1fr; }.limit-card:last-child { grid-column: auto; }.limit-form-actions { align-items: stretch; flex-direction: column; }.limit-save-button { width: 100%; }.limit-page-info { align-items: flex-start; } }@media (max-width: 479.98px) { .limit-card-inputs { grid-template-columns: 1fr; } }
.tahunajaran-atur-switch-wrap { display: inline-flex; align-items: center; gap: .5rem; }.tahunajaran-atur-switch-label { min-width: 86px; color: var(--penmaru-text-medium); font-size: .7rem; font-weight: 700; }.tahunajaran-atur-switch { position: relative; display: inline-block; width: 42px; height: 23px; flex: 0 0 42px; border: 1px solid #cdd6df; border-radius: 999px; background: #e7ebf0; transition: background .18s ease, border-color .18s ease; vertical-align: middle; }.tahunajaran-atur-switch:hover, .tahunajaran-atur-switch:focus { border-color: var(--penmaru-primary); outline: none; }.tahunajaran-atur-switch-knob { position: absolute; top: 3px; left: 3px; width: 15px; height: 15px; border-radius: 50%; background: #fff; box-shadow: 0 1px 4px rgba(26,37,64,.25); transition: transform .18s ease; }.tahunajaran-atur-switch.is-on { border-color: #5d9262; background: #6ea16f; }.tahunajaran-atur-switch.is-on .tahunajaran-atur-switch-knob { transform: translateX(19px); }.tahunajaran-atur-switch.is-on + * { color: #4e7754; }
.unihaz-app div.DTTT_container { display: flex; align-items: center; flex-wrap: wrap; gap: .38rem; float: right; margin: 0 0 .7rem .75rem; }.unihaz-app button.DTTT_button, .unihaz-app div.DTTT_button, .unihaz-app a.DTTT_button { display: inline-flex !important; align-items: center; justify-content: center; min-height: 2rem !important; height: auto !important; margin: 0 !important; padding: .35rem .7rem !important; border: 1px solid rgba(11, 47, 109,.28) !important; border-radius: 8px !important; box-shadow: none !important; background: rgba(11, 47, 109,.08) !important; color: var(--penmaru-primary-dark) !important; font-size: .72rem !important; font-weight: 800 !important; line-height: 1.2 !important; text-decoration: none !important; transition: background-color .18s ease, border-color .18s ease, transform .18s ease; }.unihaz-app button.DTTT_button:hover, .unihaz-app div.DTTT_button:hover, .unihaz-app a.DTTT_button:hover, .unihaz-app button.DTTT_button:focus, .unihaz-app div.DTTT_button:focus, .unihaz-app a.DTTT_button:focus { border-color: var(--penmaru-primary) !important; box-shadow: 0 0 0 3px rgba(11, 47, 109,.13) !important; background: rgba(11, 47, 109,.16) !important; color: var(--penmaru-primary-dark) !important; text-decoration: none !important; transform: translateY(-1px); }.unihaz-app a.DTTT_button span { display: inline !important; height: auto !important; padding: 0 !important; background: none !important; line-height: inherit !important; }.unihaz-app a.DTTT_button::before { margin-right: .36rem; font-family: 'Font Awesome 6 Free'; font-size: .7rem; font-weight: 900; }.unihaz-app a.DTTT_button_copy::before { content: '\f0c5'; }.unihaz-app a.DTTT_button_xls::before { content: '\f1c3'; }.unihaz-app a.DTTT_button_csv::before { content: '\f6dd'; }.unihaz-app a.DTTT_button_pdf::before { content: '\f1c1'; }.unihaz-app a.DTTT_button_print::before { content: '\f02f'; }.unihaz-app a.DTTT_disabled, .unihaz-app button.DTTT_disabled { pointer-events: none; opacity: .5; }.unihaz-app .DTTT_print_info { border: 1px solid var(--penmaru-border); border-radius: 12px; background: #fff; box-shadow: var(--penmaru-shadow-md); color: var(--penmaru-text-medium); }@media (max-width: 640px) { .unihaz-app div.DTTT_container { justify-content: flex-start; float: none !important; margin-left: 0; } }
.mapping-detail-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin-bottom: .9rem; }.mapping-detail-summary > div { position: relative; min-width: 0; padding: .85rem; border: 1px solid var(--penmaru-border); border-radius: 13px; background: #fff; box-shadow: var(--penmaru-shadow-sm); }.mapping-detail-summary > div > span { display: grid; place-items: center; width: 30px; height: 30px; margin-bottom: .52rem; border-radius: 9px; background: rgba(11, 47, 109,.12); color: var(--penmaru-primary-dark); font-size: .74rem; }.mapping-detail-summary small, .mapping-detail-summary strong { display: block; }.mapping-detail-summary small { color: var(--penmaru-text-light); font-size: .66rem; font-weight: 700; }.mapping-detail-summary strong { margin-top: .2rem; overflow: hidden; color: var(--penmaru-primary-dark); font-size: .79rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }.mapping-detail-explainer { display: flex; align-items: flex-start; gap: .55rem; margin-bottom: .9rem; padding: .72rem .85rem; border: 1px solid rgba(11, 47, 109,.2); border-radius: 12px; background: rgba(11, 47, 109,.06); color: var(--penmaru-text-medium); font-size: .72rem; line-height: 1.5; }.mapping-detail-explainer > i { margin-top: .08rem; color: var(--penmaru-primary); }.mapping-detail-explainer strong { color: var(--penmaru-primary-dark); }.mapping-detail-table-wrap { overflow: hidden; }.mapping-detail-table th { white-space: nowrap; }.mapping-detail-table td { vertical-align: middle; }.mapping-detail-status { display: inline-flex; align-items: center; gap: .33rem; padding: .34rem .52rem; border-radius: 999px; background: rgba(110,161,111,.13); color: #4e7754; font-size: .68rem; font-weight: 800; }.mapping-detail-activity { display: flex; align-items: center; gap: .55rem; }.mapping-detail-activity > span { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 9px; background: rgba(11, 47, 109,.11); color: var(--penmaru-primary-dark); font-size: .72rem; }.mapping-detail-activity strong, .mapping-detail-activity small { display: block; }.mapping-detail-activity strong { color: var(--penmaru-primary-dark); font-size: .74rem; }.mapping-detail-activity small { margin-top: .1rem; color: var(--penmaru-text-light); font-size: .67rem; }.mapping-detail-timestamp { color: var(--penmaru-text-medium); font-size: .74rem; font-weight: 700; white-space: nowrap; }@media (max-width: 991.98px) { .mapping-detail-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } }@media (max-width: 575.98px) { .mapping-detail-summary { grid-template-columns: 1fr; }.mapping-detail-table-wrap { overflow-x: auto; } }
.mahasiswa-sia-edit-page { display: grid; gap: 1rem; max-width: 1100px; padding: 1.2rem; }.mahasiswa-sia-edit-head { display: flex; align-items: center; gap: 1rem; padding: 1.2rem 1.3rem; border: 1px solid var(--penmaru-border); border-radius: 18px; background: linear-gradient(110deg, #f8fbfe, #eef7f9); box-shadow: var(--penmaru-shadow-sm); }.mahasiswa-sia-edit-icon, .mahasiswa-sia-edit-avatar { display: grid; place-items: center; flex: 0 0 55px; width: 55px; height: 55px; border-radius: 16px; background: var(--penmaru-primary-dark); color: #fff; font-size: 1.2rem; }.mahasiswa-sia-edit-eyebrow { display: block; margin-bottom: .2rem; color: var(--penmaru-primary); font-size: .68rem; font-weight: 800; letter-spacing: .1em; }.mahasiswa-sia-edit-head h2 { margin: 0; color: var(--penmaru-primary-dark); font-size: 1.35rem; font-weight: 800; }.mahasiswa-sia-edit-head p { margin: .28rem 0 0; color: var(--penmaru-text-light); font-size: .77rem; }.mahasiswa-sia-edit-profile { display: flex; align-items: center; gap: .75rem; padding: .85rem 1rem; border: 1px solid var(--penmaru-border); border-radius: 14px; background: #fff; box-shadow: var(--penmaru-shadow-sm); }.mahasiswa-sia-edit-avatar { flex-basis: 38px; width: 38px; height: 38px; border-radius: 11px; font-size: .82rem; }.mahasiswa-sia-edit-profile strong, .mahasiswa-sia-edit-profile span { display: block; }.mahasiswa-sia-edit-profile strong { color: var(--penmaru-primary-dark); font-size: .86rem; }.mahasiswa-sia-edit-profile span { margin-top: .12rem; color: var(--penmaru-text-light); font-size: .7rem; }.mahasiswa-sia-edit-profile small { margin-left: auto; color: var(--penmaru-text-light); font-size: .68rem; }.mahasiswa-sia-edit-card { padding: 1rem; border: 1px solid var(--penmaru-border); border-radius: 16px; background: #fff; box-shadow: var(--penmaru-shadow-sm); }.mahasiswa-sia-edit-card-head { padding-bottom: .85rem; border-bottom: 1px solid #edf1f5; }.mahasiswa-sia-edit-card-head strong { display: block; color: var(--penmaru-primary-dark); font-size: .83rem; }.mahasiswa-sia-edit-card-head strong i { margin-right: .3rem; color: var(--penmaru-primary); }.mahasiswa-sia-edit-card-head span { display: block; margin-top: .15rem; color: var(--penmaru-text-light); font-size: .69rem; }.mahasiswa-sia-edit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; padding-top: .9rem; }.mahasiswa-sia-edit-grid.is-two-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }.mahasiswa-sia-edit-field label { display: block; margin-bottom: .34rem; color: var(--penmaru-text-medium); font-size: .71rem; font-weight: 800; }.mahasiswa-sia-edit-field .form-control { width: 100%; min-height: 39px; }.mahasiswa-sia-edit-field small { display: block; margin-top: .25rem; color: var(--penmaru-text-light); font-size: .65rem; }.mahasiswa-sia-edit-readonly { min-height: 39px; padding: .55rem .65rem; border: 1px solid #e4eaf0; border-radius: 8px; background: #f5f7fa; color: var(--penmaru-text-medium); font-size: .76rem; }.mahasiswa-sia-edit-actions { display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .85rem 1rem; border: 1px solid var(--penmaru-border); border-radius: 14px; background: #fff; box-shadow: var(--penmaru-shadow-sm); color: var(--penmaru-text-light); font-size: .71rem; }.mahasiswa-sia-edit-actions > span i { margin-right: .3rem; color: var(--penmaru-primary); }.mahasiswa-sia-edit-save { min-height: 40px; border-color: var(--penmaru-primary-dark); background: var(--penmaru-primary-dark); color: #fff; font-size: .74rem; font-weight: 800; }.mahasiswa-sia-edit-save:hover, .mahasiswa-sia-edit-save:focus { background: var(--penmaru-primary); color: #fff; }.mahasiswa-sia-edit-empty { display: flex; align-items: center; flex-direction: column; padding: 2rem; border: 1px solid var(--penmaru-border); border-radius: 16px; background: #fff; text-align: center; }.mahasiswa-sia-edit-empty i { margin-bottom: .55rem; color: var(--penmaru-primary); font-size: 1.35rem; }.mahasiswa-sia-edit-empty strong { color: var(--penmaru-primary-dark); font-size: .88rem; }.mahasiswa-sia-edit-empty p { margin: .25rem 0 0; color: var(--penmaru-text-light); font-size: .72rem; }@media (max-width: 767.98px) { .mahasiswa-sia-edit-page { padding: .9rem; }.mahasiswa-sia-edit-head { align-items: flex-start; padding: 1rem; }.mahasiswa-sia-edit-grid, .mahasiswa-sia-edit-grid.is-two-columns { grid-template-columns: 1fr; }.mahasiswa-sia-edit-profile { align-items: flex-start; flex-wrap: wrap; }.mahasiswa-sia-edit-profile small { width: 100%; margin-left: 0; }.mahasiswa-sia-edit-actions { align-items: stretch; flex-direction: column; }.mahasiswa-sia-edit-save { width: 100%; } }
.feeder-msmhs-page .mahasiswa-msmhs-edit-button { min-height: 1.9rem; padding: .34rem .58rem; border-color: var(--penmaru-primary-dark); border-radius: 7px; background: var(--penmaru-primary-dark); color: #fff; font-size: .68rem; font-weight: 800; white-space: nowrap; }.feeder-msmhs-page .mahasiswa-msmhs-edit-button:hover, .feeder-msmhs-page .mahasiswa-msmhs-edit-button:focus { border-color: var(--penmaru-primary); background: var(--penmaru-primary); color: #fff; }.feeder-msmhs-page .mahasiswa-msmhs-edit-button i { margin-right: .28rem; }
.feeder-kelas-page .feeder-kelas-table-card { width: 100%; overflow: hidden; }.feeder-kelas-page .feeder-kelas-table-card #report_wrapper { min-width: 0; }.feeder-kelas-page .dataTables_scroll { clear: both; }.feeder-kelas-page .dataTables_scrollBody { overflow-x: auto !important; border-top: 1px solid var(--penmaru-border); }.feeder-kelas-page .dataTables_scrollBody::-webkit-scrollbar { height: 10px; }.feeder-kelas-page .dataTables_scrollBody::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(26, 54, 93,.24); }.feeder-kelas-page #report_wrapper > .dataTables_length, .feeder-kelas-page #report_wrapper > .dataTables_filter, .feeder-kelas-page #report_wrapper > .DTTT_container { position: relative; z-index: 8; }.feeder-kelas-page .feeder-kelas-data-table { min-width: 1120px; border-collapse: separate; border-spacing: 0; }.feeder-kelas-page .dataTables_scrollHead .feeder-kelas-data-table thead th:nth-child(1), .feeder-kelas-page .dataTables_scrollBody .feeder-kelas-data-table tbody td:nth-child(1) { position: sticky; left: 0; z-index: 4; width: 52px; min-width: 52px; }.feeder-kelas-page .dataTables_scrollHead .feeder-kelas-data-table thead th:nth-child(2), .feeder-kelas-page .dataTables_scrollBody .feeder-kelas-data-table tbody td:nth-child(2) { position: sticky; left: 52px; z-index: 4; width: 160px; min-width: 160px; }.feeder-kelas-page .dataTables_scrollHead .feeder-kelas-data-table thead th:nth-child(3), .feeder-kelas-page .dataTables_scrollBody .feeder-kelas-data-table tbody td:nth-child(3) { position: sticky; left: 212px; z-index: 4; width: 105px; min-width: 105px; }.feeder-kelas-page .dataTables_scrollHead .feeder-kelas-data-table thead th:nth-child(4), .feeder-kelas-page .dataTables_scrollBody .feeder-kelas-data-table tbody td:nth-child(4) { position: sticky; left: 317px; z-index: 4; width: 155px; min-width: 155px; box-shadow: 5px 0 8px rgba(26, 54, 93,.08); }.feeder-kelas-page .dataTables_scrollHead .feeder-kelas-data-table thead th:nth-child(-n+4) { z-index: 6; background: var(--penmaru-primary-dark) !important; }.feeder-kelas-page .dataTables_scrollBody .feeder-kelas-data-table tbody td:nth-child(-n+4) { background: var(--penmaru-bg-white); }.feeder-kelas-page .dataTables_scrollBody .feeder-kelas-data-table tbody tr:nth-child(even) td:nth-child(-n+4) { background: var(--penmaru-bg-light); }.feeder-kelas-page .dataTables_scrollBody .feeder-kelas-data-table tbody tr:hover td:nth-child(-n+4) { background: #f7fbfc; }
.unihaz-app .dataTables_wrapper .dataTables_info { margin-top: .8rem; color: var(--penmaru-text-light); font-size: .72rem; }.unihaz-app .dataTables_wrapper .dataTables_paginate { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .28rem; margin-top: .65rem; padding-bottom: .75rem; color: var(--penmaru-text-medium); font-size: .72rem; }.unihaz-app .dataTables_wrapper .dataTables_paginate .paginate_button { display: inline-flex !important; align-items: center; justify-content: center; min-width: 2.15rem; min-height: 2.15rem; margin: 0 !important; padding: .38rem .58rem !important; border: 1px solid var(--penmaru-border) !important; border-radius: 8px !important; background: var(--penmaru-bg-white) !important; color: var(--penmaru-primary-dark) !important; font-size: .71rem; font-weight: 800; line-height: 1.1; text-decoration: none !important; transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease; }.unihaz-app .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .unihaz-app .dataTables_wrapper .dataTables_paginate .paginate_button:focus { border-color: var(--penmaru-primary) !important; background: var(--penmaru-primary) !important; color: #fff !important; box-shadow: 0 0 0 3px rgba(11, 47, 109,.13); outline: 0; transform: translateY(-1px); }.unihaz-app .dataTables_wrapper .dataTables_paginate .paginate_button.current, .unihaz-app .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { border-color: var(--penmaru-primary-dark) !important; background: var(--penmaru-primary-dark) !important; color: #fff !important; box-shadow: none; }.unihaz-app .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .unihaz-app .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .unihaz-app .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:focus { cursor: not-allowed; border-color: var(--penmaru-border) !important; background: var(--penmaru-bg-light) !important; color: var(--penmaru-text-light) !important; box-shadow: none; opacity: .6; transform: none; }.unihaz-app .dataTables_wrapper .dataTables_paginate .ellipsis { display: inline-flex; align-items: center; justify-content: center; min-width: 1.6rem; color: var(--penmaru-text-light); font-weight: 800; }@media (max-width: 767.98px) { .unihaz-app .dataTables_wrapper .dataTables_info, .unihaz-app .dataTables_wrapper .dataTables_paginate { float: none; width: 100%; }.unihaz-app .dataTables_wrapper .dataTables_paginate { justify-content: flex-start; }.unihaz-app .dataTables_wrapper .dataTables_paginate .paginate_button { min-width: 2rem; min-height: 2rem; padding: .34rem .5rem !important; } }

/* Ikhtisar pengaturan periode. */
.feeder-period-settings { width: 100%; max-width: none; }.feeder-period-settings-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.25rem 1.35rem; border: 1px solid rgba(26, 54, 93,.11); border-radius: 18px; background: linear-gradient(135deg, rgba(26, 54, 93,.08), rgba(11, 47, 109,.07)); }.feeder-period-settings-eyebrow { display: block; margin-bottom: .35rem; color: var(--penmaru-primary); font-size: .7rem; font-weight: 800; letter-spacing: .09em; }.feeder-period-settings-head h1 { margin: 0; color: var(--penmaru-primary-dark); font-size: 1.45rem; font-weight: 800; }.feeder-period-settings-head p { margin: .35rem 0 0; color: var(--penmaru-text-light); font-size: .8rem; }.feeder-period-settings-status { display: inline-flex; align-items: center; gap: .4rem; flex-shrink: 0; padding: .48rem .68rem; border-radius: 999px; background: rgba(11, 47, 109,.12); color: var(--penmaru-primary-dark); font-size: .72rem; font-weight: 800; }.feeder-period-settings-note { display: flex; align-items: flex-start; gap: .5rem; padding: .75rem .85rem; margin: 1rem 0; border: 1px solid rgba(173,123,57,.22); border-radius: 12px; background: rgba(245, 158, 11,.2); color: #765735; font-size: .75rem; line-height: 1.5; }.feeder-period-settings-note i { margin-top: .1rem; }.feeder-period-settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }.feeder-period-card { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .8rem; align-items: start; padding: 1.05rem; border: 1px solid var(--penmaru-border); border-radius: 15px; background: #fff; box-shadow: var(--penmaru-shadow-sm); }.feeder-period-card-icon { display: grid; place-items: center; width: 2.45rem; height: 2.45rem; border-radius: 10px; font-size: 1rem; }.feeder-period-card-icon.is-blue { background: rgba(11, 47, 109,.12); color: var(--penmaru-primary); }.feeder-period-card-icon.is-green { background: rgba(82,118,76,.12); color: var(--penmaru-accent); }.feeder-period-card-icon.is-purple { background: rgba(115,92,165,.12); color: #735ca5; }.feeder-period-card-icon.is-amber { background: rgba(173,123,57,.12); color: #9a6b33; }.feeder-period-card-copy > span { display: block; color: var(--penmaru-text-light); font-size: .72rem; font-weight: 800; }.feeder-period-card-copy strong { display: block; margin-top: .2rem; color: var(--penmaru-primary-dark); font-size: .95rem; }.feeder-period-card-copy small { display: block; margin-top: .25rem; color: var(--penmaru-text-light); font-size: .7rem; line-height: 1.45; }.feeder-period-card-action { grid-column: 2; justify-self: start; min-height: 2.15rem !important; margin-top: .05rem; }@media (max-width: 767.98px) { .feeder-period-settings-head { flex-direction: column; padding: 1rem; }.feeder-period-settings-grid { grid-template-columns: 1fr; }.feeder-period-settings-status { align-self: flex-start; } }
.feeder-msmhs-page .feeder-legacy-table-wrap { overflow: visible; }.feeder-msmhs-page .feeder-msmhs-table-scroll { overflow-x: auto; overflow-y: hidden; border-top: 1px solid var(--penmaru-border); }.feeder-msmhs-page .feeder-msmhs-table-scroll::-webkit-scrollbar { height: 10px; }.feeder-msmhs-page .feeder-msmhs-table-scroll::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(26, 54, 93,.24); }.feeder-msmhs-page #report_wrapper > .dataTables_length, .feeder-msmhs-page #report_wrapper > .dataTables_filter, .feeder-msmhs-page #report_wrapper > .DTTT_container { position: relative; z-index: 8; }
.feeder-msmhs-page .feeder-legacy-table-wrap { overflow: hidden; }.feeder-msmhs-page .feeder-legacy-table-wrap #report_wrapper { min-width: 0; }.feeder-msmhs-page .dataTables_scroll { clear: both; }.feeder-msmhs-page .dataTables_scrollHead { border-bottom: 0; }.feeder-msmhs-page .dataTables_scrollBody { overflow-x: auto !important; border-top: 1px solid var(--penmaru-border); }.feeder-msmhs-page .dataTables_scrollBody::-webkit-scrollbar { height: 10px; }.feeder-msmhs-page .dataTables_scrollBody::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(26, 54, 93,.24); }
.feeder-trnlm-page .feeder-trakm-table { min-width: 1040px; }
.feeder-trnlm-student-group { cursor: pointer; }.feeder-trnlm-student-group td { padding: .65rem .75rem !important; border-top: 1px solid var(--penmaru-border) !important; background: #fff; color: var(--penmaru-primary-dark) !important; }.feeder-trnlm-student-group i { margin-right: .45rem; color: var(--penmaru-primary); transition: transform 160ms ease; }.feeder-trnlm-student-group.is-expanded i { transform: rotate(90deg); }.feeder-trnlm-student-group code { margin-left: .65rem; padding: .25rem .45rem; border-radius: 6px; background: #f3f6fa; color: var(--penmaru-primary-dark); font-size: .7rem; }.feeder-trnlm-student-group span { float: right; color: var(--penmaru-text-light); font-size: .7rem; }.feeder-trnlm-detail-label { color: var(--penmaru-text-light); font-size: .68rem; font-style: italic; }
.feeder-trnlm-toggle { display: inline-flex; align-items: center; gap: .25rem; margin-left: .8rem; padding: .25rem .5rem; border: 1px solid rgba(26, 54, 93,.16); border-radius: 7px; background: #fff; color: var(--penmaru-primary-dark); font-size: .65rem; font-weight: 700; cursor: pointer; }.feeder-trnlm-toggle i { margin: 0; color: inherit; transition: transform 160ms ease; }.feeder-trnlm-student-group.is-expanded .feeder-trnlm-toggle i { transform: rotate(180deg); }.feeder-trnlm-page .dataTables_filter input { min-width: 230px; padding: .45rem .65rem; border: 1px solid var(--penmaru-border); border-radius: 8px; }
.feeder-trnlm-toggle span { float: none !important; color: inherit !important; font-size: inherit !important; }
.feeder-trnlm-search { display: flex; align-items: center; gap: .5rem; margin: 0 0 .85rem; padding: .5rem .7rem; border: 1px solid var(--penmaru-border); border-radius: 10px; background: #fff; color: var(--penmaru-text-light); }.feeder-trnlm-search:focus-within { border-color: var(--penmaru-primary); box-shadow: 0 0 0 3px rgba(11, 47, 109,.12); }.feeder-trnlm-search input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--penmaru-text-dark); font-size: .78rem; }
.feeder-trnlm-student-group { cursor: default; }.feeder-trnlm-student-group .feeder-trakm-semester { float: none; }.feeder-trnlm-student-group td:nth-child(3) code { padding: .25rem .45rem; border-radius: 6px; background: #fff; color: var(--penmaru-primary-dark); font-size: .7rem; }
.feeder-trnlm-accordion-toggle { display: inline-flex; align-items: center; gap: .35rem; margin-left: .65rem; padding: .34rem .55rem; border: 1px solid rgba(26, 54, 93,.16); border-radius: 8px; background: #fff; color: var(--penmaru-primary-dark); font-size: .66rem; font-weight: 800; cursor: pointer; }.feeder-trnlm-accordion-toggle:hover { border-color: var(--penmaru-primary); background: rgba(11, 47, 109,.08); }.feeder-trnlm-accordion-toggle i { margin: 0 !important; color: inherit !important; transition: transform 160ms ease; }.feeder-trnlm-student-group.is-expanded .feeder-trnlm-accordion-toggle i { transform: rotate(180deg); }.feeder-trnlm-search label { margin: 0; color: var(--penmaru-text-medium); font-size: .72rem; font-weight: 700; white-space: nowrap; }
.feeder-trnlm-accordion-toggle { display: none; }.feeder-trnlm-accordion-toggle span { display: none; }
.feeder-trnlm-page .feeder-trakm-table tbody td:nth-child(4), .feeder-trnlm-page .feeder-trakm-table tbody td:nth-child(7) { min-width: 150px; }
.feeder-trnlm-check { display: inline-flex; align-items: center; gap: .2rem; margin: .25rem .7rem .1rem 0; color: var(--penmaru-text-medium); font-size: .72rem; }.feeder-trnlm-check b { color: var(--penmaru-primary-dark); font-size: .85rem; }.feeder-trakm-summary-note small { display: block; margin-top: .3rem; color: var(--penmaru-text-light); font-size: .68rem; }
@media (max-width: 900px) { .feeder-trakm-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }.feeder-trakm-summary-note { grid-column: 1 / -1; } }
@media (max-width: 767.98px) { .feeder-trakm-head { align-items: flex-start; }.feeder-trakm-summary { grid-template-columns: 1fr; }.feeder-trakm-summary-note { grid-column: auto; }.feeder-trakm-panel { padding: .85rem; }.feeder-trakm-panel-head { align-items: flex-start; flex-direction: column; }.feeder-trakm-submit .btn { width: 100%; } }

.feeder-home-detail-link {
    color: var(--penmaru-primary-dark);
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.feeder-home-detail-link i {
    margin-left: 0.3rem;
    font-size: 0.7rem;
    transition: transform 160ms ease;
}

.feeder-home-detail-link:hover {
    color: var(--penmaru-primary);
}

.feeder-home-detail-link:hover i {
    transform: translateX(3px);
}

.feeder-home-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.9rem;
    min-height: 135px;
    padding: 1.25rem;
    text-align: left;
}

.feeder-home-empty > span {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    border-radius: 14px;
    color: var(--penmaru-primary);
    background: rgba(11, 47, 109, 0.1);
    font-size: 1rem;
}

.feeder-home-empty strong {
    display: block;
    color: var(--penmaru-primary-dark);
}

.feeder-home-empty p {
    margin: 0.25rem 0 0;
    color: var(--penmaru-text-light);
    font-size: 0.8rem;
}

.feeder-home-help {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
    margin-top: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(245, 158, 11, 0.65);
    border-radius: 16px;
    background: rgba(245, 158, 11, 0.17);
}

.feeder-home-help-icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    color: #7d5b36;
    background: rgba(245, 158, 11, 0.34);
}

.feeder-home-help strong {
    display: block;
    color: var(--penmaru-primary-dark);
    font-size: 0.88rem;
}

.feeder-home-help p {
    margin: 0.15rem 0 0;
    color: var(--penmaru-text-medium);
    font-size: 0.78rem;
}

.feeder-home-help a {
    color: var(--penmaru-primary-dark);
    font-size: 0.78rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.feeder-home-help a i {
    margin-left: 0.25rem;
}

@media (max-width: 991.98px) {
    .feeder-home-hero {
        grid-template-columns: 1fr;
        gap: 1.4rem;
    }

    .feeder-home-hero-copy {
        max-width: none;
    }

    .feeder-home-hero-status {
        max-width: 560px;
    }

    .unihaz-navbar .navbar-collapse {
        padding: 0.75rem 0 0.35rem;
    }
}

@media (max-width: 767.98px) {
    .unihaz-main {
        padding-top: 1rem;
    }

    .unihaz-navbar > .container-fluid,
    .unihaz-main > .container-fluid {
        width: calc(100% - 1rem);
    }

    .unihaz-main > .container-fluid {
        padding: 0.55rem 0.55rem 1rem !important;
        border-radius: 16px;
    }

    .feeder-home-hero {
        padding: 1.35rem;
        border-radius: 16px;
    }

    .feeder-home-section-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .feeder-home-mapping {
        padding: 1rem;
    }

    .feeder-home-help {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .feeder-home-help a {
        grid-column: 2;
    }
}

@media (max-width: 479.98px) {
    .unihaz-navbar .navbar-brand img {
        width: 38px;
        height: 38px;
    }

    .feeder-home-hero-actions {
        flex-direction: column;
    }

    .feeder-home-hero-actions .btn {
        width: 100%;
    }

    .feeder-home-status-grid {
        grid-template-columns: 1fr;
    }

    .feeder-home-empty {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Panduan impor AKM dan KHS */
.feeder-import-card {
    position: relative;
}

.feeder-import-card .feeder-import-card-heading {
    grid-column: 1;
    grid-row: 1;
}

.feeder-import-card .feeder-report-import {
    grid-column: 2;
    grid-row: 1;
}

.feeder-import-guide {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    grid-column: 1 / -1;
    padding-top: .7rem;
    border-top: 1px solid var(--penmaru-border);
}

.feeder-import-template {
    display: inline-flex;
    align-items: center;
    gap: .36rem;
    flex: 0 0 auto;
    padding: .42rem .62rem;
    border: 1px solid rgba(11, 47, 109, .32);
    border-radius: 8px;
    background: rgba(11, 47, 109, .08);
    color: var(--penmaru-primary-dark);
    font-size: .7rem;
    font-weight: 800;
    text-decoration: none;
}

.feeder-import-template:hover,
.feeder-import-template:focus {
    border-color: var(--penmaru-primary);
    background: var(--penmaru-primary);
    color: var(--penmaru-bg-white);
    text-decoration: none;
}

.feeder-import-guide details {
    min-width: 0;
    color: var(--penmaru-text-light);
    font-size: .7rem;
    line-height: 1.55;
}

.feeder-import-guide summary {
    color: var(--penmaru-primary-dark);
    font-weight: 700;
    cursor: pointer;
}

.feeder-import-guide summary i {
    margin-right: .25rem;
    color: var(--penmaru-primary);
}

.feeder-import-guide ol {
    margin: .4rem 0 0;
    padding-left: 1.1rem;
}

.feeder-report-import .feeder-file-input {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
    padding: .35rem .5rem;
    border: 1px solid var(--penmaru-border);
    border-radius: 8px;
    background: var(--penmaru-bg-light);
}

.feeder-file-input > span {
    flex: 0 0 auto;
    color: var(--penmaru-primary-dark);
    font-size: .68rem;
    font-weight: 700;
}

.feeder-report-import .feeder-file-input input[type="file"] {
    min-width: 0;
    max-width: 185px;
    margin: 0;
}

.feeder-report-import .feeder-import-mode {
    display: inline-flex;
    align-items: flex-start;
    gap: .35rem;
    min-width: 155px;
    margin: 0;
    padding: .26rem .15rem;
    cursor: pointer;
}

.feeder-import-mode input {
    margin-top: .18rem;
}

.feeder-import-mode b,
.feeder-import-mode small {
    display: block;
}

.feeder-import-mode b {
    color: var(--penmaru-primary-dark);
    font-size: .69rem;
}

.feeder-import-mode small {
    margin-top: .08rem;
    color: var(--penmaru-text-light);
    font-size: .62rem;
    line-height: 1.35;
}

.feeder-report-table .feeder-bulk-actions > span,
.feeder-report-table .feeder-bulk-actions label {
    display: block;
}

.feeder-report-table .feeder-bulk-actions label {
    margin: .36rem 0 0;
    color: var(--penmaru-bg-white) !important;
    font-size: .62rem;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.feeder-report-table .feeder-bulk-actions input {
    margin: 0 .25rem 0 0;
    vertical-align: -1px;
}

@media (max-width: 767.98px) {
    .feeder-import-card .feeder-import-card-heading,
    .feeder-import-card .feeder-report-import,
    .feeder-import-guide {
        grid-column: auto;
        grid-row: auto;
    }

    .feeder-import-guide {
        align-items: stretch;
        flex-direction: column;
    }

    .feeder-import-template {
        justify-content: center;
    }

    .feeder-report-import .feeder-file-input,
    .feeder-report-import .feeder-file-input input[type="file"],
    .feeder-report-import .feeder-import-mode {
        width: 100%;
        max-width: none;
    }
}

/* Feeder user management */
.feeder-page-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.45rem;
    border: 1px solid rgba(26, 54, 93, 0.1);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(26, 54, 93, 0.07), rgba(11, 47, 109, 0.06));
}

.feeder-page-head-copy {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.feeder-page-icon {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    flex-shrink: 0;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(145deg, var(--penmaru-primary-dark), #244f72);
    box-shadow: 0 10px 22px rgba(26, 54, 93, 0.22);
    font-size: 1.15rem;
}

.feeder-page-kicker {
    margin: 0 0 0.2rem;
    color: var(--penmaru-primary);
    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.feeder-page-head h1 {
    margin: 0;
    font-size: clamp(1.45rem, 2.5vw, 1.9rem);
    letter-spacing: -0.03em;
}

.feeder-page-head-copy > div > p:last-child {
    max-width: 690px;
    margin: 0.3rem 0 0;
    color: var(--penmaru-text-light);
    font-size: 0.83rem;
    line-height: 1.55;
}

.feeder-page-primary-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    flex-shrink: 0;
    min-height: 44px;
    padding: 0.68rem 0.95rem;
    border-color: var(--penmaru-primary-dark);
    background: var(--penmaru-primary-dark);
    color: #fff;
}

.feeder-page-primary-action:hover,
.feeder-page-primary-action:focus {
    border-color: var(--penmaru-primary);
    background: var(--penmaru-primary);
    color: #fff;
}

.feeder-users-kpis {
    margin-top: 0.15rem;
}

.feeder-users-kpi {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    height: 100%;
    padding: 0.95rem;
    border: 1px solid var(--penmaru-border);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(26, 37, 64, 0.045);
}

.feeder-users-kpi-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    border-radius: 12px;
    font-size: 0.9rem;
}

.feeder-users-kpi-icon.is-blue { color: #0B2F6D; background: rgba(11, 47, 109, 0.13); }
.feeder-users-kpi-icon.is-purple { color: var(--penmaru-primary-dark); background: rgba(26, 54, 93, 0.11); }
.feeder-users-kpi-icon.is-green { color: var(--penmaru-accent); background: rgba(82, 118, 76, 0.12); }
.feeder-users-kpi-icon.is-gold { color: #8a663e; background: rgba(245, 158, 11, 0.27); }

.feeder-users-kpi small,
.feeder-users-kpi strong {
    display: block;
}

.feeder-users-kpi small {
    color: var(--penmaru-text-light);
    font-size: 0.7rem;
    line-height: 1.3;
}

.feeder-users-kpi strong {
    margin-top: 0.15rem;
    color: var(--penmaru-primary-dark);
    font-family: 'Montserrat', 'Inter', sans-serif;
    font-size: 1.3rem;
    line-height: 1;
}

.feeder-users-panel {
    margin-top: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--penmaru-border);
    border-radius: 18px;
    background: #fff;
}

.feeder-users-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.feeder-users-panel-head h2 {
    margin: 0;
    font-size: 1.15rem;
}

.feeder-users-panel-head p {
    margin: 0.25rem 0 0;
    color: var(--penmaru-text-light);
    font-size: 0.79rem;
}

.feeder-users-secure-note {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
    padding: 0.45rem 0.68rem;
    border: 1px solid rgba(82, 118, 76, 0.16);
    border-radius: 999px;
    color: var(--penmaru-accent);
    background: rgba(82, 118, 76, 0.08);
    font-size: 0.71rem;
    font-weight: 700;
}

.feeder-users-table-wrap {
    overflow-x: auto;
    border: 1px solid var(--penmaru-border);
    border-radius: 14px;
}

.feeder-users-table-wrap .dataTables_wrapper {
    width: 100%;
    min-width: 0;
    padding: 0;
}

.feeder-users-tools,
.feeder-users-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem;
    background: #f8fafc;
}

.feeder-users-tools {
    border-bottom: 1px solid var(--penmaru-border);
}

.feeder-users-bottom {
    border-top: 1px solid var(--penmaru-border);
}

.feeder-users-tools::after,
.feeder-users-bottom::after {
    display: none;
}

.feeder-users-tools .dataTables_length,
.feeder-users-tools .dataTables_filter,
.feeder-users-bottom .dataTables_info,
.feeder-users-bottom .dataTables_paginate {
    float: none;
    margin: 0;
    color: var(--penmaru-text-medium);
    font-size: 0.75rem;
}

.feeder-users-tools label {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    font-weight: 600;
}

.feeder-users-tools select,
.feeder-users-tools input[type="search"] {
    min-height: 36px;
    margin: 0 !important;
    border: 1px solid var(--penmaru-border);
    border-radius: 9px;
    background: #fff;
    color: var(--penmaru-text-dark);
    font-size: 0.78rem;
    outline: none;
}

.feeder-users-tools select {
    width: 72px;
    padding: 0.25rem 0.5rem;
}

.feeder-users-tools input[type="search"] {
    width: 230px;
    padding: 0.35rem 0.7rem;
}

.feeder-users-tools input[type="search"]:focus {
    border-color: var(--penmaru-primary);
    box-shadow: 0 0 0 3px rgba(11, 47, 109, 0.12);
}

.feeder-users-table {
    min-width: 1040px;
    table-layout: fixed;
}

.feeder-users-table thead th {
    padding: 0.78rem 0.75rem;
    border: 0;
    background-color: var(--penmaru-primary-dark) !important;
    color: #fff;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.feeder-users-table thead th:nth-child(1) { width: 48px; }
.feeder-users-table thead th:nth-child(2) { width: 250px; }
.feeder-users-table thead th:nth-child(3) { width: 105px; }
.feeder-users-table thead th:nth-child(4) { width: 210px; }
.feeder-users-table thead th:nth-child(5) { width: 135px; }
.feeder-users-table thead th:nth-child(6) { width: 110px; }
.feeder-users-table thead th:nth-child(7) { width: 130px; }

.feeder-users-table tbody td {
    padding: 0.72rem 0.75rem !important;
    border-color: #edf1f5;
    color: var(--penmaru-text-medium);
    font-size: 0.77rem;
    vertical-align: middle;
}

.feeder-users-table tbody tr:last-child td {
    border-bottom: 0;
}

.feeder-users-row-number {
    color: var(--penmaru-text-light) !important;
    font-weight: 700;
}

.feeder-users-identity {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.feeder-users-avatar {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    border-radius: 10px;
    color: var(--penmaru-primary-dark);
    background: rgba(26, 54, 93, 0.1);
    font-family: 'Montserrat', 'Inter', sans-serif;
    font-weight: 800;
}

.feeder-users-identity strong,
.feeder-users-identity small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.feeder-users-identity strong {
    color: var(--penmaru-text-dark);
    font-size: 0.78rem;
}

.feeder-users-identity small {
    margin-top: 0.15rem;
    color: var(--penmaru-text-light);
    font-size: 0.66rem;
}

.feeder-users-code,
.feeder-users-prodi {
    display: inline-flex;
    padding: 0.25rem 0.5rem;
    border-radius: 7px;
    color: var(--penmaru-primary-dark);
    background: rgba(26, 54, 93, 0.075);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.7rem;
    font-weight: 700;
}

.feeder-users-id-sms {
    display: block;
    overflow: hidden;
    color: var(--penmaru-text-medium);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.feeder-users-status {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.28rem 0.5rem;
    border-radius: 999px;
    font-size: 0.66rem;
    font-weight: 700;
    white-space: nowrap;
}

.feeder-users-status.is-ready {
    color: var(--penmaru-accent);
    background: rgba(82, 118, 76, 0.1);
}

.feeder-users-status.is-empty,
.feeder-users-empty-value {
    color: var(--penmaru-text-light);
}

.feeder-users-status.is-empty {
    background: #f1f5f9;
}

.feeder-users-empty-value {
    font-size: 0.69rem;
    font-style: italic;
}

.feeder-users-actions {
    display: flex;
    justify-content: flex-end;
    gap: 0.35rem;
    white-space: nowrap;
}

.feeder-users-actions form {
    display: inline;
}

.feeder-users-action {
    display: inline-grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--penmaru-border);
    border-radius: 9px;
    background: #fff;
    font-size: 0.7rem;
    text-decoration: none;
    transition: transform 150ms ease, background 150ms ease, border-color 150ms ease;
}

.feeder-users-action:hover {
    transform: translateY(-1px);
}

.feeder-users-action.is-view { color: #0B2F6D; }
.feeder-users-action.is-view:hover { border-color: rgba(11, 47, 109, 0.35); background: rgba(11, 47, 109, 0.08); }
.feeder-users-action.is-edit { color: #8a663e; }
.feeder-users-action.is-edit:hover { border-color: rgba(245, 158, 11, 0.6); background: rgba(245, 158, 11, 0.15); }
.feeder-users-action.is-delete { color: #b74343; }
.feeder-users-action.is-delete:hover { border-color: rgba(183, 67, 67, 0.28); background: rgba(183, 67, 67, 0.07); }

.feeder-users-bottom .dataTables_paginate .paginate_button {
    min-width: 32px;
    min-height: 32px;
    margin-left: 0.2rem;
    padding: 0.35rem 0.55rem;
    border: 1px solid var(--penmaru-border) !important;
    border-radius: 8px;
    background: #fff !important;
    color: var(--penmaru-text-medium) !important;
    font-size: 0.7rem;
}

.feeder-users-bottom .dataTables_paginate .paginate_button.current,
.feeder-users-bottom .dataTables_paginate .paginate_button.current:hover {
    border-color: var(--penmaru-primary-dark) !important;
    background: var(--penmaru-primary-dark) !important;
    color: #fff !important;
}

.feeder-users-bottom .dataTables_paginate .paginate_button.disabled {
    opacity: 0.45;
}

@media (max-width: 767.98px) {
    .feeder-page-head {
        align-items: flex-start;
        flex-direction: column;
        padding: 1.15rem;
    }

    .feeder-page-primary-action {
        width: 100%;
    }

    .feeder-users-panel {
        padding: 0.85rem;
    }

    .feeder-users-panel-head {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 479.98px) {
    .feeder-page-head-copy {
        align-items: flex-start;
    }

    .feeder-page-icon {
        width: 46px;
        height: 46px;
        border-radius: 13px;
        font-size: 0.95rem;
    }

    .feeder-users-kpi {
        align-items: flex-start;
        flex-direction: column;
    }

    .feeder-users-tools .dataTables_filter,
    .feeder-users-tools .dataTables_filter label {
        width: 100%;
    }

    .feeder-users-tools input[type="search"] {
        width: auto;
        min-width: 0;
        flex: 1;
    }
}

/* Feeder user detail and edit */
.feeder-user-page {
    display: grid;
    gap: 1rem;
}

.feeder-user-head-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.55rem;
}

.feeder-page-light-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 42px;
    padding: 0.62rem 0.85rem;
    border: 1px solid var(--penmaru-border);
    background: #fff;
    color: var(--penmaru-primary-dark);
}

.feeder-page-light-action:hover,
.feeder-page-light-action:focus {
    border-color: rgba(11, 47, 109, 0.4);
    background: rgba(11, 47, 109, 0.07);
    color: var(--penmaru-primary-dark);
}

.feeder-user-detail-card,
.feeder-user-form-card {
    padding: 1.35rem;
    border: 1px solid var(--penmaru-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(26, 37, 64, 0.05);
}

.feeder-user-profile {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid var(--penmaru-border);
}

.feeder-user-profile-avatar {
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    flex-shrink: 0;
    border-radius: 17px;
    color: #fff;
    background: linear-gradient(145deg, var(--penmaru-primary-dark), #244f72);
    font-family: 'Montserrat', 'Inter', sans-serif;
    font-size: 1.45rem;
    font-weight: 800;
    box-shadow: 0 10px 20px rgba(26, 54, 93, 0.18);
}

.feeder-user-profile h2 {
    margin: 0;
    font-size: 1.35rem;
    letter-spacing: -0.025em;
}

.feeder-user-profile p:last-child {
    margin: 0.25rem 0 0;
    color: var(--penmaru-text-light);
    font-size: 0.82rem;
}

.feeder-user-profile p:last-child i {
    margin-right: 0.25rem;
    color: var(--penmaru-primary);
}

.feeder-user-role-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-left: auto;
    padding: 0.45rem 0.7rem;
    border: 1px solid rgba(11, 47, 109, 0.18);
    border-radius: 999px;
    color: var(--penmaru-primary-dark);
    background: rgba(11, 47, 109, 0.08);
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
}

.feeder-user-info-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1.2rem;
}

.feeder-user-info-item {
    min-width: 0;
    min-height: 83px;
    padding: 0.85rem;
    border: 1px solid #edf1f5;
    border-radius: 13px;
    background: #f8fafc;
}

.feeder-user-info-item span,
.feeder-user-info-item strong {
    display: block;
}

.feeder-user-info-item span {
    color: var(--penmaru-text-light);
    font-size: 0.68rem;
    font-weight: 600;
}

.feeder-user-info-item strong {
    margin-top: 0.35rem;
    overflow: hidden;
    color: var(--penmaru-text-dark);
    font-size: 0.78rem;
    line-height: 1.45;
    text-overflow: ellipsis;
}

.feeder-user-info-item strong.is-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.69rem;
}

.feeder-user-safe-value {
    color: var(--penmaru-accent) !important;
    font-size: 0.7rem !important;
}

.feeder-user-safe-value i {
    margin-right: 0.25rem;
}

.feeder-user-form-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--penmaru-border);
}

.feeder-user-form-heading h2 {
    margin: 0;
    font-size: 1.22rem;
}

.feeder-user-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.1rem 1rem;
    padding: 1.25rem 0;
}

.feeder-user-form-field {
    min-width: 0;
}

.feeder-user-form-field label {
    display: block;
    margin-bottom: 0.4rem;
    color: var(--penmaru-text-dark);
    font-size: 0.79rem;
    font-weight: 700;
}

.feeder-user-form-field label span {
    color: #b74343;
}

.feeder-user-form-field .form-control {
    width: 100%;
    min-height: 42px;
    padding: 0.58rem 0.75rem;
    font-size: 0.82rem;
}

.feeder-user-form-field small {
    display: block;
    margin-top: 0.35rem;
    color: var(--penmaru-text-light);
    font-size: 0.68rem;
    line-height: 1.4;
}

.feeder-user-form-field-password {
    grid-column: 1 / -1;
    max-width: calc(50% - 0.5rem);
}

.feeder-user-form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 0.55rem;
    padding-top: 1rem;
    border-top: 1px solid var(--penmaru-border);
}

.feeder-form-cancel,
.feeder-form-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 42px;
    padding: 0.62rem 0.9rem;
}

.feeder-form-cancel {
    border: 1px solid var(--penmaru-border);
    background: #fff;
    color: var(--penmaru-text-medium);
}

.feeder-form-submit {
    border-color: var(--penmaru-primary-dark);
    background: var(--penmaru-primary-dark);
    color: #fff;
}

.feeder-form-submit:hover,
.feeder-form-submit:focus {
    border-color: var(--penmaru-primary);
    background: var(--penmaru-primary);
    color: #fff;
}

.feeder-user-security-note {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(245, 158, 11, 0.65);
    border-radius: 15px;
    background: rgba(245, 158, 11, 0.17);
}

.feeder-user-security-note > span {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    border-radius: 11px;
    color: #7d5b36;
    background: rgba(245, 158, 11, 0.34);
}

.feeder-user-security-note strong,
.feeder-user-security-note p {
    display: block;
}

.feeder-user-security-note strong {
    color: var(--penmaru-primary-dark);
    font-size: 0.8rem;
}

.feeder-user-security-note p {
    margin: 0.15rem 0 0;
    color: var(--penmaru-text-medium);
    font-size: 0.73rem;
}

@media (max-width: 991.98px) {
    .feeder-user-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .feeder-page-head,
    .feeder-user-form-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .feeder-user-head-actions {
        width: 100%;
        justify-content: stretch;
    }

    .feeder-user-head-actions .btn {
        flex: 1;
    }

    .feeder-user-profile {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .feeder-user-role-badge {
        width: 100%;
        margin-left: 0;
        justify-content: center;
    }

    .feeder-user-form-grid {
        grid-template-columns: 1fr;
    }

    .feeder-user-form-field-password {
        grid-column: auto;
        max-width: none;
    }
}

@media (max-width: 479.98px) {
    .feeder-user-detail-card,
    .feeder-user-form-card {
        padding: 1rem;
    }

    .feeder-user-info-grid {
        grid-template-columns: 1fr;
    }

    .feeder-user-head-actions {
        flex-direction: column;
    }

    .feeder-user-security-note {
        align-items: flex-start;
    }
}