/* ===============================================================
  EXTERNAL | manris.css
  =============================================================== */
/* =========================================================
MANRIS DESIGN SYSTEM
GLOBAL LAYOUT
========================================================= */


/* =========================================================
ROOT VARIABLES
========================================================= */

:root{

    /* -----------------------------------------------------
    COLOR SYSTEM
    ----------------------------------------------------- */

    --manris-primary: #007bff;
    --manris-primary-dark: #0069d9;
    --manris-primary-soft: #eaf4ff;

    --manris-danger: #dc3545;
    --manris-danger-soft: #fff0f1;

    --manris-success: #20a779;
    --manris-warning: #f5a623;
    --manris-info: #17a2b8;

    --manris-dark: #172334;
    --manris-text: #536174;
    --manris-muted: #8a96a6;

    --manris-background: #f5f7fa;
    --manris-surface: #ffffff;
    --manris-border: #e4eaf1;


    /* -----------------------------------------------------
    LAYOUT
    ----------------------------------------------------- */

    --manris-sidebar-width: 250px;
    --manris-header-height: 64px;


    /* -----------------------------------------------------
    RADIUS
    ----------------------------------------------------- */

    --manris-radius-sm: 8px;
    --manris-radius-md: 12px;
    --manris-radius-lg: 16px;


    /* -----------------------------------------------------
    SHADOW
    ----------------------------------------------------- */

    --manris-shadow-sm:
        0 2px 8px rgba(23, 35, 52, .05);

    --manris-shadow-md:
        0 8px 25px rgba(23, 35, 52, .08);


    /* -----------------------------------------------------
    TRANSITION
    ----------------------------------------------------- */

    --manris-transition:
        all .2s ease;


    /* -----------------------------------------------------
    NOTIFICATION COLOR SYSTEM
    ----------------------------------------------------- */

    --manris-notify-success: #20a779;
    --manris-notify-error: #dc3545;
    --manris-notify-warning: #f5a623;
    --manris-notify-info: #007bff;

}


/* =========================================================
GLOBAL
========================================================= */

html{
    height: 100%;
}

html, body{
    width: 100%;
    min-height: 100%;
}

body{
    margin: 0;
    padding: 0;

    overflow-x: hidden;
}

/* =========================================================
   GLOBAL UTILITY
   BOOTSTRAP DISPLAY HELPERS
   ========================================================= */

.d-none{
    display: none !important;
}

/* =========================================================
WRAPPER
========================================================= */

.wrapper{
    position: relative;

    width: 100%;
    min-height: 100vh;

    background: var(--manris-background);
    color: var(--manris-text);

    font-family: "Lato", sans-serif;
    font-size: 14px;
}


/* =========================================================
GLOBAL HEADER GEOMETRY
========================================================= */

.main-header{
    position: fixed;

    top: 0;
    left: 0;

    width: 100%;
    height: var(--manris-header-height);

    z-index: 1030;
}

.main-header .logo-header{
    height: var(--manris-header-height) !important;
    min-height: var(--manris-header-height) !important;
}

.main-header .navbar-header{
    height: var(--manris-header-height) !important;
    min-height: var(--manris-header-height) !important;
}


/* =========================================================
SIDEBAR GEOMETRY
========================================================= */

.manris-sidebar{
    position: fixed !important;

    top: 0 !important;
    left: 0 !important;

    width: var(--manris-sidebar-width) !important;
    height: 100vh !important;

    z-index: 1025;

    overflow: hidden;
}

.manris-sidebar .sidebar-wrapper{
    height: 100% !important;

    max-height: none !important;

    overflow-y: auto;
    overflow-x: hidden;
}


/* =========================================================
MAIN PANEL GEOMETRY
========================================================= */

.main-panel{
    position: relative;

    width: calc(
        100% - var(--manris-sidebar-width)
    );

    min-height: 100vh;

    margin-left: var(--manris-sidebar-width);

    padding-top: var(--manris-header-height);

    background: var(--manris-background);

    display: flex;
    flex-direction: column;
}


/* =========================================================
PAGE CONTENT CONTAINER
========================================================= */

.manris-page-content{
    position: relative;

    width: 100%;
    min-width: 0;

    flex: 1 0 auto;

    background: var(--manris-background);
}


/* =========================================================
FOOTER GEOMETRY
========================================================= */

.main-panel > .manris-footer{
    position: relative;

    width: 100%;

    flex: 0 0 auto;

    margin-top: 0 !important;
}


/* =========================================================
SIDEBAR MINIMIZE — DESKTOP
========================================================= */

@media  (min-width: 992px) {


    /* -----------------------------------------------------
    MAIN PANEL
    Sidebar ditutup → content 100%
    ----------------------------------------------------- */

    .wrapper.sidebar_minimize .main-panel{
        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /* -----------------------------------------------------
    SIDEBAR
    Sidebar tidak mengambil ruang layout
    ----------------------------------------------------- */

    .wrapper.sidebar_minimize .manris-sidebar{
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;

        left: 0 !important;

        visibility: hidden !important;
        opacity: 0 !important;

        overflow: hidden !important;

        pointer-events: none !important;
    }


    /* -----------------------------------------------------
    SIDEBAR WRAPPER
    ----------------------------------------------------- */

    .wrapper.sidebar_minimize
    .manris-sidebar
    .sidebar-wrapper{

        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;

        visibility: hidden !important;
        opacity: 0 !important;

        overflow: hidden !important;

        pointer-events: none !important;
    }


    /* -----------------------------------------------------
    SIDEBAR CONTENT
    ----------------------------------------------------- */

    .wrapper.sidebar_minimize
    .manris-sidebar
    .sidebar-content{

        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;

        visibility: hidden !important;
        opacity: 0 !important;

        overflow: hidden !important;

        pointer-events: none !important;
    }


    /* -----------------------------------------------------
    LOGO HEADER
    Tetap menyediakan area toggle
    ----------------------------------------------------- */

    .wrapper.sidebar_minimize
    .main-header
    .logo-header{

        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;

        overflow: visible !important;
    }


    /* -----------------------------------------------------
    LOGO MANRIS
    Disembunyikan ketika sidebar ditutup
    ----------------------------------------------------- */

    .wrapper.sidebar_minimize
    .main-header
    .logo-header
    .manris-logo-link{

        display: none !important;
    }


    /* -----------------------------------------------------
    NAV TOGGLE
    Menggunakan fixed agar tidak terpotong
    oleh logo-header ketika sidebar_minimize aktif
    ----------------------------------------------------- */

    .wrapper.sidebar_minimize
    .main-header
    .logo-header
    .nav-toggle{

        position: fixed !important;

        top: 0 !important;
        left: 0 !important;

        width: 64px !important;
        height: 64px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;

        visibility: visible !important;
        opacity: 1 !important;

        overflow: visible !important;

        z-index: 99999 !important;

        transform: none !important;
    }


    /* -----------------------------------------------------
    TOGGLE BUTTON
    ----------------------------------------------------- */

    .wrapper.sidebar_minimize
    .main-header
    .logo-header
    .nav-toggle
    .manris-sidebar-toggle{

        position: relative !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 44px !important;
        height: 44px !important;

        min-width: 44px !important;
        min-height: 44px !important;

        max-width: 44px !important;
        max-height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        flex: 0 0 44px !important;

        color: #ffffff !important;

        background: transparent !important;

        border: 0 !important;
        border-radius: 8px !important;

        box-shadow: none !important;

        visibility: visible !important;
        opacity: 1 !important;

        overflow: visible !important;

        pointer-events: auto !important;

        cursor: pointer !important;

        transform: none !important;
    }


    /* -----------------------------------------------------
    TOGGLE HOVER
    ----------------------------------------------------- */

    .wrapper.sidebar_minimize
    .main-header
    .logo-header
    .nav-toggle
    .manris-sidebar-toggle:hover{

        background: rgba(255, 255, 255, .12) !important;

        border-radius: 8px !important;
    }


    /* -----------------------------------------------------
    TOGGLE FOCUS
    ----------------------------------------------------- */

    .wrapper.sidebar_minimize
    .main-header
    .logo-header
    .nav-toggle
    .manris-sidebar-toggle:focus{

        outline: none !important;

        box-shadow: none !important;
    }


    /* -----------------------------------------------------
    MENU ICON
    ----------------------------------------------------- */

    .wrapper.sidebar_minimize
    .main-header
    .logo-header
    .nav-toggle
    .manris-sidebar-toggle
    .icon-menu{

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 20px !important;
        height: 20px !important;

        min-width: 20px !important;
        min-height: 20px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-size: 20px !important;
        line-height: 20px !important;

        visibility: visible !important;
        opacity: 1 !important;

        overflow: visible !important;

        transform: none !important;
    }


    /* -----------------------------------------------------
    MOBILE TOGGLE
    Tidak digunakan pada mode minimize desktop
    ----------------------------------------------------- */

    .wrapper.sidebar_minimize
    .main-header
    .logo-header
    .manris-mobile-toggle{

        display: none !important;
    }

}


/* =========================================================
RESPONSIVE — TABLET
========================================================= */

@media  (max-width: 991px) {

    .main-panel{
        width: 100% !important;
        margin-left: 0 !important;
    }

}


/* =========================================================
RESPONSIVE — MOBILE
========================================================= */

@media  (max-width: 575px) {

    .main-header{
        height: var(--manris-header-height);
    }

    .main-panel{
        padding-top: var(--manris-header-height);
    }

}


/* =========================================================
GLOBAL SCROLLBAR
========================================================= */

*::-webkit-scrollbar{
    width: 7px;
    height: 7px;
}

*::-webkit-scrollbar-track{
    background: transparent;
}

*::-webkit-scrollbar-thumb{
    background: #cbd5e1;
    border-radius: 10px;
}

*::-webkit-scrollbar-thumb:hover{
    background: #aeb9c7;
}


/* =========================================================
MANRIS NOTIFICATION SYSTEM
TOASTR
========================================================= */


/* ---------------------------------------------------------
TOASTR CONTAINER
--------------------------------------------------------- */




/* ---------------------------------------------------------
TOASTR BASE
--------------------------------------------------------- */




/* ---------------------------------------------------------
TOASTR LEFT ACCENT
--------------------------------------------------------- */




/* ---------------------------------------------------------
SUCCESS ACCENT
--------------------------------------------------------- */




/* ---------------------------------------------------------
ERROR ACCENT
--------------------------------------------------------- */




/* ---------------------------------------------------------
WARNING ACCENT
--------------------------------------------------------- */




/* ---------------------------------------------------------
INFO ACCENT
--------------------------------------------------------- */




/* ---------------------------------------------------------
TOASTR ICON
--------------------------------------------------------- */




/* ---------------------------------------------------------
SUCCESS ICON
--------------------------------------------------------- */




/* ---------------------------------------------------------
ERROR ICON
--------------------------------------------------------- */




/* ---------------------------------------------------------
WARNING ICON
--------------------------------------------------------- */




/* ---------------------------------------------------------
INFO ICON
--------------------------------------------------------- */




/* ---------------------------------------------------------
TOASTR TITLE
--------------------------------------------------------- */




/* ---------------------------------------------------------
TOASTR MESSAGE
--------------------------------------------------------- */




/* ---------------------------------------------------------
TOASTR CLOSE BUTTON
--------------------------------------------------------- */






/* ---------------------------------------------------------
TOASTR PROGRESS BAR
--------------------------------------------------------- */




/* ---------------------------------------------------------
TOASTR PROGRESS COLOR
--------------------------------------------------------- */










/* =========================================================
MANRIS NOTIFICATION SYSTEM
SWEETALERT2
========================================================= */


/* ---------------------------------------------------------
SWEETALERT POPUP
--------------------------------------------------------- */

.manris-swal-popup{

    width: 410px !important;

    padding: 28px !important;

    border-radius: 16px !important;

    background: #ffffff !important;

    box-shadow:
        0 20px 55px rgba(23, 35, 52, .16) !important;

    font-family: "Lato", sans-serif !important;
}


/* ---------------------------------------------------------
SWEETALERT ICON
--------------------------------------------------------- */

.manris-swal-icon{

    margin: 0 auto 18px !important;

    transform: scale(.9);
}


/* ---------------------------------------------------------
SWEETALERT TITLE
--------------------------------------------------------- */

.manris-swal-title{

    margin: 0 0 8px !important;

    color: var(--manris-dark) !important;

    font-size: 19px !important;

    font-weight: 800 !important;

    line-height: 1.3 !important;
}


/* ---------------------------------------------------------
SWEETALERT MESSAGE
--------------------------------------------------------- */

.manris-swal-message{

    margin: 0 !important;

    color: var(--manris-text) !important;

    font-size: 12px !important;

    font-weight: 500 !important;

    line-height: 1.6 !important;
}


/* ---------------------------------------------------------
SWEETALERT CONFIRM BUTTON
--------------------------------------------------------- */

.manris-swal-confirm, .manris-swal-cancel{

    min-width: 105px !important;
    min-height: 36px !important;

    padding: 8px 16px !important;

    border: 0 !important;
    border-radius: 8px !important;

    font-family: "Lato", sans-serif !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    cursor: pointer !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease !important;
}


/* ---------------------------------------------------------
PRIMARY CONFIRM
--------------------------------------------------------- */

.manris-swal-confirm{

    background: var(--manris-primary) !important;

    color: #ffffff !important;

    box-shadow:
        0 4px 10px rgba(0, 123, 255, .18) !important;
}

.manris-swal-confirm:hover{

    background: var(--manris-primary-dark) !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 6px 14px rgba(0, 123, 255, .22) !important;
}


/* ---------------------------------------------------------
DANGER CONFIRM
--------------------------------------------------------- */

.manris-swal-danger{

    background: var(--manris-danger) !important;

    box-shadow:
        0 4px 10px rgba(220, 53, 69, .16) !important;
}

.manris-swal-danger:hover{

    background: #c82333 !important;
}


/* ---------------------------------------------------------
CANCEL BUTTON
--------------------------------------------------------- */

.manris-swal-cancel{

    margin-right: 8px !important;

    background: #f1f4f7 !important;

    color: var(--manris-text) !important;
}

.manris-swal-cancel:hover{

    background: var(--manris-border) !important;

    color: #344054 !important;

    transform: translateY(-1px) !important;
}


/* ---------------------------------------------------------
SWEETALERT HTML CONTAINER
--------------------------------------------------------- */

.manris-swal-popup .swal2-html-container{

    margin: 0 !important;

    padding: 0 !important;
}


/* ---------------------------------------------------------
SWEETALERT ACTIONS
--------------------------------------------------------- */

.manris-swal-popup .swal2-actions{

    margin-top: 22px !important;

    gap: 0 !important;
}


/* ---------------------------------------------------------
SWEETALERT CLOSE BUTTON
--------------------------------------------------------- */

.manris-swal-popup .swal2-close{

    color: #9aa5b3 !important;

    font-size: 24px !important;

    font-weight: 400 !important;

    transition:
        color .2s ease,
        transform .2s ease !important;
}

.manris-swal-popup .swal2-close:hover{

    color: #536174 !important;

    transform: scale(1.05);
}


/* =========================================================
NOTIFICATION RESPONSIVE — MOBILE
========================================================= */

@media  (max-width: 575px) {

    /* -----------------------------------------------------
    TOASTR
    ----------------------------------------------------- */

    

    


    /* -----------------------------------------------------
    SWEETALERT
    ----------------------------------------------------- */

    .manris-swal-popup{

        width: calc(100% - 28px) !important;

        padding: 22px !important;

        border-radius: 14px !important;
    }

    .manris-swal-title{

        font-size: 17px !important;
    }

    .manris-swal-message{

        font-size: 11px !important;
    }

}


/* =========================================================
ACCESSIBILITY — REDUCED MOTION
========================================================= */

@media  (prefers-reduced-motion: reduce) {

    .manris-swal-confirm, .manris-swal-cancel, .manris-swal-popup .swal2-close{

        transition: none !important;
    }

}


/* =========================================================
END MANRIS GLOBAL CSS
========================================================= */



/* ===============================================================
  EXTERNAL | manris-pengaturan.css
  =============================================================== */
/* MANRIS – MODULAR SHARED SETTINGS CSS v2.0
 * v_pengaturan.php owns layout only; AJAX partials are styled by
 * .manris-settings-component in any page (Pengaturan / Administrator).
 * Button and notification colors remain owned by manris-buttons.css
 * and manris-notifications.css / manris.css respectively.
 */

/* =========================================================
   MANRIS - PENGATURAN / SETTINGS CENTER
   UI/UX ONLY. ID, name, route, selector, dan alur data existing dipertahankan.
   ========================================================= */
.manris-settings-page { padding: 0 4px 30px; }
.manris-settings-page > .page-inner,
.manris-settings-page .page-inner { max-width: none !important; }

.manris-settings-header {
    background: #fff;
    border: 1px solid #e4eaf1;
    border-radius: 12px;
    margin: 0 0 18px;
    box-shadow: 0 3px 12px rgba(23,35,52,.05);
    overflow: hidden;
}
.manris-settings-header-inner {
    min-height: 78px;
    padding: 17px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}
.manris-settings-header-main { display:flex; align-items:center; min-width:0; }
.manris-settings-header-icon {
    width:46px; height:46px; min-width:46px; margin-right:13px;
    border-radius:11px; background:#eaf4ff; color:#007bff;
    display:flex; align-items:center; justify-content:center; font-size:20px;
}
.manris-settings-title { margin:0; color:#172334; font-size:20px; line-height:1.3; font-weight:700; }
.manris-settings-subtitle { margin:3px 0 0; color:#8a96a6; font-size:12px; line-height:1.45; }
.manris-settings-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; list-style:none; padding:0; }
.manris-settings-breadcrumb li { display:flex; align-items:center; }
.manris-settings-breadcrumb a { color:#66758a; font-size:11px; font-weight:600; }
.manris-settings-breadcrumb .nav-home a { color:#007bff; }
.manris-settings-breadcrumb .separator { padding:0 8px; color:#aab4c1; font-size:8px; }

.manris-settings-content { padding-left:0 !important; padding-right:0 !important; margin-top:0 !important; }
.manris-settings-shell { border:0 !important; box-shadow:none !important; background:transparent !important; }
.manris-settings-shell > .card-body { padding:0 !important; background:transparent; }
.manris-settings-shell > .card-body > .row { margin-left:0; margin-right:0; align-items:stretch; }
.manris-settings-section {
    flex:0 0 calc(100% - 14px); max-width:calc(100% - 14px);
    margin:0 7px 14px; padding:16px 14px;
    background:#fff; border:1px solid #e4eaf1; border-radius:12px;
    box-shadow:0 3px 12px rgba(23,35,52,.045);
}
@media (min-width:768px) {
    .manris-settings-section.col-md-6 {
        flex:0 0 calc(50% - 14px); max-width:calc(50% - 14px);
    }
}

.manris-setting-heading {
    display:flex; align-items:center; gap:11px;
    padding:0 1px 13px; margin-bottom:12px; border-bottom:1px solid #edf1f5;
}
.manris-setting-icon {
    width:38px; height:38px; min-width:38px; border-radius:9px;
    background:#eaf4ff; color:#007bff; display:flex; align-items:center; justify-content:center;
    font-size:15px;
}
.manris-setting-heading h6 { margin:0; color:#172334; font-size:14px; line-height:1.3; font-weight:700; }
.manris-setting-heading small { display:block; margin-top:2px; color:#8a96a6; font-size:10.5px; line-height:1.35; }


/* Original page-level forms and table styles */
/* Forms */
.manris-settings-page form:not(#form-cari) {
    margin:10px 0 13px; padding:13px 13px 7px;
    border:1px solid #e5ebf2; border-radius:10px; background:#f8fafc;
}
.manris-settings-page .form-group { margin-bottom:10px; }
.manris-settings-page .form-group label { margin-bottom:5px; color:#536174; font-size:10.5px; font-weight:700; }
.manris-settings-page .form-control {
    min-height:36px; height:36px; padding:6px 10px;
    border:1px solid #dce3eb; border-radius:7px; color:#344054; font-size:11px;
    background:#fff; box-shadow:none;
}
.manris-settings-page textarea.form-control { height:auto; min-height:58px; resize:vertical; }
.manris-settings-page .form-control:focus { border-color:#8ec5ff; box-shadow:0 0 0 3px rgba(0,123,255,.08); }
.manris-settings-page .form-control[readonly] { background:#f7f9fb; color:#66758a; }
.manris-settings-page .invalid-feedback { font-size:10px; }
.manris-settings-page .selectgroup-button { border-radius:7px !important; font-size:10.5px; padding:6px 9px; }

/* Select2 - same visual baseline as Pemantauan */
.manris-settings-page .select2-container { width:100% !important; }
.manris-settings-page .select2-container--bootstrap4 .select2-selection {
    border-radius:7px; border-color:#dce3eb; min-height:36px; font-size:11px; box-shadow:none;
}
.manris-settings-page .select2-container--bootstrap4 .select2-selection--single {
    height:36px; padding-top:3px; position:relative;
}
.manris-settings-page .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    line-height:29px; color:#495057; padding-right:30px;
}
.manris-settings-page .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
    position:absolute; top:0; right:0; width:30px; height:34px;
    display:flex; align-items:center; justify-content:center;
}
.manris-settings-page .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
    top:50%; left:50%; margin:0; transform:translate(-50%,-50%);
}
.manris-settings-page .select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-color:#8ec5ff; box-shadow:0 0 0 3px rgba(0,123,255,.08);
}

/* Table partials loaded via AJAX */
.manris-settings-page .table-responsive { border-radius:9px; overflow-x:auto; }
.manris-settings-page table.display { width:100% !important; margin:0 !important; border-collapse:separate !important; border-spacing:0; }
.manris-settings-page table.display thead th {
    background:#f6f9fc !important; color:#526174 !important;
    border-top:1px solid #e3e9f0 !important; border-bottom:1px solid #dfe6ee !important;
    border-left:0 !important; border-right:0 !important;
    padding:9px 8px !important; font-size:10px !important; font-weight:700 !important;
    vertical-align:middle !important; white-space:nowrap;
}
.manris-settings-page table.display tbody td {
    background:#fff; color:#526174; border-top:0 !important;
    border-bottom:1px solid #edf1f5 !important; border-left:0 !important; border-right:0 !important;
    padding:8px !important; font-size:10.5px !important; line-height:1.45; vertical-align:middle !important;
}
.manris-settings-page table.display tbody tr:hover td { background:#fbfdff; }
.manris-settings-page table.display .badge { border-radius:999px; padding:5px 7px; font-size:9px; font-weight:700; }
.manris-settings-page table.display input.border-0,
.manris-settings-page table.display textarea.border-0 { width:100%; color:#526174 !important; font-size:10.5px; line-height:1.4; }
.manris-settings-page table.display textarea { resize:vertical; }

/* DataTables */
.manris-settings-page .dataTables_wrapper { font-size:10.5px; color:#66758a; }
.manris-settings-page .dataTables_wrapper .dataTables_length,
.manris-settings-page .dataTables_wrapper .dataTables_filter { margin:9px 0; }
.manris-settings-page .dataTables_wrapper select,
.manris-settings-page .dataTables_wrapper input[type="search"] {
    min-height:32px; border:1px solid #dce3eb; border-radius:7px; padding:4px 8px; outline:none;
}
.manris-settings-page .dataTables_wrapper .dataTables_paginate .paginate_button {
    border:0 !important; border-radius:6px !important; padding:4px 8px !important; font-size:10px;
}
.manris-settings-page .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.manris-settings-page .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background:#eaf4ff !important; color:#007bff !important;
}

/* Notes and reference */
.manris-settings-note {
    margin:10px 0 0; padding:9px 10px; border-radius:8px;
    background:#f7faff; border:1px solid #e1ecfa; color:#65758a; font-size:10px; line-height:1.5; text-align:left !important;
}
#tbl-eb-kat-risiko { margin-top:10px; }
#lihat-eb, #tutup-eb { margin-left:4px; font-weight:700; }

/* Instansi partial */
#tbl-pengaturan-instansi table.border-0 td { padding:4px 5px; vertical-align:top; }
#tbl-pengaturan-instansi .input-group-text { min-height:36px; border-color:#dce3eb; background:#f8fafc; }
#tbl-pengaturan-instansi label.text-danger { color:#dc3545 !important; }
#tbl-pengaturan-instansi label.text-danger + p {
    margin:4px 0 0; padding:10px 11px; border-radius:8px;
    background:#fff8e8; border:1px solid #ffe6a8; color:#8a6400 !important;
    font-size:10.5px; line-height:1.6;
}
#tbl-pengaturan-instansi p[style*="text-align: justify"] {
    margin:7px 0 0; padding:8px 10px; border-radius:8px;
    background:#f7faff; border:1px solid #e1ecfa; color:#65758a; font-size:10px;
}

@media (max-width: 991.98px) {
    .manris-settings-header-inner { align-items:flex-start; flex-direction:column; }
    .manris-settings-breadcrumb { width:100%; }
}
@media (max-width: 767.98px) {
    .manris-settings-page { padding-left:0; padding-right:0; }
    .manris-settings-header { border-radius:9px; margin-bottom:12px; }
    .manris-settings-header-inner { padding:14px; }
    .manris-settings-title { font-size:17px; }
    .manris-settings-subtitle { font-size:11px; }
    .manris-settings-section { border-radius:9px; padding-top:13px; padding-bottom:13px; }
    .manris-setting-heading small { display:none; }
    .manris-settings-page form:not(#form-cari) { padding:11px 10px 5px; }
}
@media (prefers-reduced-motion: reduce) {
    .manris-settings-page .btn { transition:none !important; transform:none !important; }
}
/* Same visual styles for reused AJAX partials */
/* Forms */
.manris-settings-component form:not(#form-cari) {
    margin:10px 0 13px; padding:13px 13px 7px;
    border:1px solid #e5ebf2; border-radius:10px; background:#f8fafc;
}
.manris-settings-component .form-group { margin-bottom:10px; }
.manris-settings-component .form-group label { margin-bottom:5px; color:#536174; font-size:10.5px; font-weight:700; }
.manris-settings-component .form-control {
    min-height:36px; height:36px; padding:6px 10px;
    border:1px solid #dce3eb; border-radius:7px; color:#344054; font-size:11px;
    background:#fff; box-shadow:none;
}
.manris-settings-component textarea.form-control { height:auto; min-height:58px; resize:vertical; }
.manris-settings-component .form-control:focus { border-color:#8ec5ff; box-shadow:0 0 0 3px rgba(0,123,255,.08); }
.manris-settings-component .form-control[readonly] { background:#f7f9fb; color:#66758a; }
.manris-settings-component .invalid-feedback { font-size:10px; }
.manris-settings-component .selectgroup-button { border-radius:7px !important; font-size:10.5px; padding:6px 9px; }

/* Select2 - same visual baseline as Pemantauan */
.manris-settings-component .select2-container { width:100% !important; }
.manris-settings-component .select2-container--bootstrap4 .select2-selection {
    border-radius:7px; border-color:#dce3eb; min-height:36px; font-size:11px; box-shadow:none;
}
.manris-settings-component .select2-container--bootstrap4 .select2-selection--single {
    height:36px; padding-top:3px; position:relative;
}
.manris-settings-component .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    line-height:29px; color:#495057; padding-right:30px;
}
.manris-settings-component .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
    position:absolute; top:0; right:0; width:30px; height:34px;
    display:flex; align-items:center; justify-content:center;
}
.manris-settings-component .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
    top:50%; left:50%; margin:0; transform:translate(-50%,-50%);
}
.manris-settings-component .select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-color:#8ec5ff; box-shadow:0 0 0 3px rgba(0,123,255,.08);
}

/* Table partials loaded via AJAX */
.manris-settings-component .table-responsive { border-radius:9px; overflow-x:auto; }
.manris-settings-component table.display { width:100% !important; margin:0 !important; border-collapse:separate !important; border-spacing:0; }
.manris-settings-component table.display thead th {
    background:#f6f9fc !important; color:#526174 !important;
    border-top:1px solid #e3e9f0 !important; border-bottom:1px solid #dfe6ee !important;
    border-left:0 !important; border-right:0 !important;
    padding:9px 8px !important; font-size:10px !important; font-weight:700 !important;
    vertical-align:middle !important; white-space:nowrap;
}
.manris-settings-component table.display tbody td {
    background:#fff; color:#526174; border-top:0 !important;
    border-bottom:1px solid #edf1f5 !important; border-left:0 !important; border-right:0 !important;
    padding:8px !important; font-size:10.5px !important; line-height:1.45; vertical-align:middle !important;
}
.manris-settings-component table.display tbody tr:hover td { background:#fbfdff; }
.manris-settings-component table.display .badge { border-radius:999px; padding:5px 7px; font-size:9px; font-weight:700; }
.manris-settings-component table.display input.border-0,
.manris-settings-component table.display textarea.border-0 { width:100%; color:#526174 !important; font-size:10.5px; line-height:1.4; }
.manris-settings-component table.display textarea { resize:vertical; }

/* DataTables */
.manris-settings-component .dataTables_wrapper { font-size:10.5px; color:#66758a; }
.manris-settings-component .dataTables_wrapper .dataTables_length,
.manris-settings-component .dataTables_wrapper .dataTables_filter { margin:9px 0; }
.manris-settings-component .dataTables_wrapper select,
.manris-settings-component .dataTables_wrapper input[type="search"] {
    min-height:32px; border:1px solid #dce3eb; border-radius:7px; padding:4px 8px; outline:none;
}
.manris-settings-component .dataTables_wrapper .dataTables_paginate .paginate_button {
    border:0 !important; border-radius:6px !important; padding:4px 8px !important; font-size:10px;
}
.manris-settings-component .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.manris-settings-component .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background:#eaf4ff !important; color:#007bff !important;
}



/* Wrapper partial AJAX: appearance does not depend on the parent page. */
.manris-settings-component.table-responsive {
    width:100%; max-width:100%; border-radius:9px; overflow-x:auto; scrollbar-width:thin;
}
.manris-settings-component .dataTables_wrapper { width:100%; }
.manris-settings-component table.manris-settings-table { width:100% !important; }
.manris-settings-component table.manris-settings-table tbody tr td:last-child .btn.manris-action { margin:3px !important; }
.manris-settings-component table.display thead th:last-child { min-width:105px; }
.manris-settings-component input.text-body.border-0,
.manris-settings-component textarea.text-body.border-0 {
    width:100%; min-width:0; max-width:100%; font-size:10.5px !important;
    line-height:1.45; text-align:inherit; box-sizing:border-box;
}
.manris-settings-component input.text-body.border-0[readonly],
.manris-settings-component textarea.text-body.border-0[readonly] {
    background:transparent !important; color:#526174 !important;
}
.manris-settings-component .form-control.border-warning { border-color:#e8ae52 !important; }
.manris-settings-component .input-group-text { min-height:36px; border-color:#dce3eb; background:#f8fafc; }
.manris-settings-component .invalid-feedback { display:none; }
.manris-settings-component .is-invalid ~ .invalid-feedback { display:block; }
.manris-settings-component .badge { border-radius:999px; padding:5px 7px; font-size:9px; font-weight:700; }
.manris-settings-component .selectgroup-button { border-radius:7px !important; font-size:10.5px; padding:6px 9px; }
/* DataTables optionally generates a second scroll region; avoid clipping nested editing inputs. */
.manris-settings-component .dataTables_wrapper .row { margin-left:0; margin-right:0; }
@media (max-width:767.98px) {
   .manris-settings-component table.display thead th { padding:7px 6px !important; }
   .manris-settings-component table.display tbody td { padding:6px !important; }
}




/* ===============================================================
  EXTERNAL | manris-admin-manris.css
  =============================================================== */
/* ==========================================================
   MANRIS ADMINISTRATOR – MANAJEMEN RISIKO INSTANSI (FILTER INLINE)
   Hanya mengatur halaman induk. CSS masing-masing v_tbl_*.php
   tetap menjadi sumber gaya utama untuk tabel dan formulir AJAX.
   Bootstrap 4.6 / Atlantis. Nama class scoped manris-admin-manris.
   ========================================================== */
.manris-admin-manris {
    --mr-blue: #007bff;
    --mr-ink: #1e2f45;
    --mr-muted: #738399;
    --mr-border: #e1e8f0;
    --mr-shadow: 0 5px 17px rgba(23,35,52,.055);
    padding: 0 0 30px;
    color: var(--mr-ink);
    min-width: 0;
}
.manris-admin-manris .manris-mr-hero {
    position: relative;
    background: linear-gradient(115deg,#075cac 0%,#007bff 55%,#339eff 100%);
    color: #fff;
    border-radius: 0 0 16px 16px;
    overflow: hidden;
}
.manris-admin-manris .manris-mr-hero::after {
    content: '';
    position: absolute;
    right: -90px;
    bottom: -135px;
    width: 360px;
    height: 290px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 50%;
    box-shadow: 0 0 0 43px rgba(255,255,255,.035), 0 0 0 88px rgba(255,255,255,.025);
    pointer-events: none;
}
.manris-admin-manris .manris-mr-hero-inner {
    max-width: 1600px;
    min-height: 137px;
    padding: 23px 30px 42px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    position: relative;
    z-index: 1;
}
.manris-admin-manris .manris-mr-hero-main { display:flex; align-items:center; gap:15px; min-width:0; }
.manris-admin-manris .manris-mr-hero-icon {
    width: 52px; min-width:52px; height:52px; border: 1px solid rgba(255,255,255,.19);
    border-radius: 14px; background: rgba(255,255,255,.16);
    display: inline-flex; justify-content:center; align-items:center; font-size:22px;
}
.manris-admin-manris .manris-mr-hero h1 { margin:0; font-size:24px; line-height:1.26; font-weight:800; color:#fff; }
.manris-admin-manris .manris-mr-hero p { margin:6px 0 0; max-width:720px; font-size:12.5px; line-height:1.5; color:rgba(255,255,255,.88); }
.manris-admin-manris .manris-mr-hero-label {
    display:inline-flex; align-items:center; gap:8px; white-space:nowrap; padding:8px 13px;
    font-size:11px; font-weight:700; color:#fff; background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.24); border-radius:30px;
}
.manris-admin-manris .manris-mr-online-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:#48e0a1; box-shadow:0 0 0 4px rgba(72,224,161,.17); }
.manris-admin-manris .manris-mr-content { max-width:1600px; margin:-23px auto 0; padding:0 29px 20px; position:relative; z-index:2; }
.manris-admin-manris .manris-mr-filter-card,
.manris-admin-manris .manris-mr-empty,
.manris-admin-manris .manris-mr-loading,
.manris-admin-manris .manris-mr-module { background:#fff; border:1px solid var(--mr-border); border-radius:13px; box-shadow:var(--mr-shadow); }
.manris-admin-manris .manris-mr-filter-card { margin-bottom:17px; padding:20px 22px 19px; }
.manris-admin-manris .manris-mr-filter-heading { display:flex; align-items:center; gap:12px; padding-bottom:14px; margin-bottom:13px; border-bottom:1px solid #edf1f6; }
.manris-admin-manris .manris-mr-filter-icon { width:43px; height:43px; min-width:43px; display:flex; align-items:center; justify-content:center; background:#eaf4ff; color:#007bff; border-radius:11px; font-size:17px; }
.manris-admin-manris .manris-mr-filter-caption { flex:1; min-width:0; }
.manris-admin-manris .manris-mr-filter-caption h2 { margin:0; font-size:14px; font-weight:800; color:var(--mr-ink); }
.manris-admin-manris .manris-mr-filter-caption p { margin:4px 0 0; font-size:11px; color:var(--mr-muted); line-height:1.45; }
.manris-admin-manris .manris-mr-status { font-size:10px; font-weight:700; background:#f1f4f7; color:#68758a; border-radius:22px; padding:7px 11px; white-space:nowrap; }
.manris-admin-manris .manris-mr-status::before { content:''; display:inline-block; width:6px; height:6px; border-radius:50%; margin-right:7px; background:#8b98aa; vertical-align:middle; }
.manris-admin-manris .manris-mr-status[data-state="loading"] { color:#006bcb; background:#e9f4ff; }
.manris-admin-manris .manris-mr-status[data-state="loading"]::before { background:#007bff; }
.manris-admin-manris .manris-mr-status[data-state="success"] { color:#147855; background:#e6f7f0; }
.manris-admin-manris .manris-mr-status[data-state="success"]::before { background:#1ead79; }
.manris-admin-manris .manris-mr-status[data-state="error"] { color:#bb2737; background:#ffedf0; }
.manris-admin-manris .manris-mr-status[data-state="error"]::before { background:#dc3545; }
/* Filter ringkas, selalu SATU BARIS HORIZONTAL.
   Instansi menempati kolom pertama; #form-pencarian menempati 3 kolom
   sisanya dan memakai grid identik agar Unit, Tahun, dan Cari sejajar.
   Tidak menggunakan display:contents pada #form-pencarian karena
   container AJAX harus tetap memiliki layout yang eksplisit. */
.manris-admin-manris .manris-mr-filter-row {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    column-gap:12px;
    row-gap:0;
    align-items:end;
    margin:0;
    width:100%;
}
.manris-admin-manris .manris-mr-filter-item {
    min-width:0;
    width:100%;
    align-self:end;
}
.manris-admin-manris #form-pencarian {
    display:grid !important;
    grid-column:2 / span 3;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:12px;
    align-items:end;
    min-width:0;
    width:100%;
}
.manris-admin-manris .manris-mr-dynamic-fields {
    display:contents;
}
.manris-admin-manris .manris-mr-field { position:relative; margin:0; }
.manris-admin-manris .manris-mr-field label { display:block; height:18px; line-height:18px; margin:0 0 6px; color:#55657b; font-size:11px; font-weight:700; }
.manris-admin-manris .manris-mr-field label i { margin-right:5px; color:#778ba3; }
.manris-admin-manris .manris-mr-field .form-control { width:100%; min-height:37px; height:37px; font-size:11px; border:1px solid #d8e2eb; border-radius:8px; background:#fff; }
.manris-admin-manris .manris-mr-field .select2-container { display:block; width:100%!important; height:37px; margin:0!important; font-size:11px; }
.manris-admin-manris .manris-mr-field .select2-container--bootstrap4 .select2-selection--single {
    box-sizing:border-box; position:relative; display:block!important; padding:3px 31px 3px 9px!important;
    height:37px!important; min-height:37px!important; width:100%; border:1px solid #d8e2eb!important;
    border-radius:8px!important; background:#fff; box-shadow:none!important;
}
.manris-admin-manris .manris-mr-field .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    display:block; padding:0!important; line-height:29px!important; font-weight:600;
    font-size:11px!important; color:#3e4c60!important;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.manris-admin-manris .manris-mr-field .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder { color:#91a0b1!important; font-weight:400; }
.manris-admin-manris .manris-mr-field .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
    position:absolute!important; top:0!important; right:0!important; left:auto!important;
    width:30px!important; height:35px!important; margin:0!important;
    display:flex!important; align-items:center; justify-content:center;
}
.manris-admin-manris .manris-mr-field .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
    top:50%!important; left:50%!important; margin:0!important; transform:translate(-50%,-50%)!important;
}
.manris-admin-manris .manris-mr-field .select2-container--bootstrap4.select2-container--open .select2-selection--single,
.manris-admin-manris .manris-mr-field .select2-container--bootstrap4.select2-container--focus .select2-selection--single {
    border-color:#8fc7ff!important; box-shadow:0 0 0 3px rgba(0,123,255,.07)!important;
}
.manris-admin-manris .manris-mr-field .select2-dropdown {
    border:1px solid #d9e2ed; border-radius:8px; box-shadow:0 8px 20px rgba(23,35,52,.12); overflow:hidden;
}
.manris-admin-manris .manris-mr-field .select2-results__option { padding:8px 10px; font-size:11px; line-height:1.4; }
.manris-admin-manris .manris-mr-field .select2-search__field { border:1px solid #d8e2eb!important; padding:6px 8px!important; font-size:11px!important; border-radius:6px!important; }
.manris-admin-manris .manris-mr-field .select2-results__option--highlighted[aria-selected] { background:#007bff!important; color:#fff!important; }
/* Item dinamis mewarisi aturan .manris-mr-filter-item dari grid induk. */
.manris-admin-manris .manris-mr-action-placeholder { visibility:hidden; user-select:none; }
.manris-admin-manris .manris-mr-submit.btn.manris-action { box-sizing:border-box; display:flex; width:100%; height:37px!important; min-height:37px!important; max-height:37px; margin:0!important; padding:6px 10px!important; align-items:center; justify-content:center; line-height:1.3; }
.manris-admin-manris .manris-mr-filter-hint { grid-column:1 / -1; align-self:end; display:flex; align-items:center; gap:9px; margin:0; padding:10px 12px; font-size:11px; line-height:1.4; color:#66758a; border-radius:8px; background:#f4f8fd; border:1px dashed #dae7f6; }
.manris-admin-manris .manris-mr-filter-hint i { flex:0 0 auto; color:#007bff; }
.manris-admin-manris .manris-mr-filter-error { color:#ad2c3a; background:#fff6f6; border-color:#eac9cf; }
.manris-admin-manris .manris-mr-empty { padding:41px 20px; display:flex; flex-direction:column; align-items:center; gap:9px; text-align:center; }
.manris-admin-manris .manris-mr-empty.d-none { display:none!important; }
.manris-admin-manris .manris-mr-empty-icon { width:58px; height:58px; border-radius:17px; display:inline-flex; align-items:center; justify-content:center; background:#edf5fe; color:#007bff; font-size:24px; }
.manris-admin-manris .manris-mr-empty h2 { font-size:14px; font-weight:700; margin:3px 0 0; color:var(--mr-ink); }
.manris-admin-manris .manris-mr-empty p { font-size:11px; line-height:1.5; margin:0; color:var(--mr-muted); max-width:520px; }
.manris-admin-manris .manris-mr-loading { min-height:150px; padding:25px; display:flex; align-items:center; justify-content:center; gap:17px; }
.manris-admin-manris .manris-mr-loading.d-none { display:none!important; }
.manris-admin-manris .manris-mr-loading strong,.manris-admin-manris .manris-mr-loading span { display:block; }
.manris-admin-manris .manris-mr-loading strong { font-size:12px; color:var(--mr-ink); }
.manris-admin-manris .manris-mr-loading span { font-size:10.5px; color:var(--mr-muted); margin-top:4px; }
.manris-admin-manris .manris-mr-results.d-none { display:none!important; }
.manris-admin-manris .manris-mr-results-heading { margin:21px 0 12px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
.manris-admin-manris .manris-mr-results-heading h2 { margin:0; color:var(--mr-ink); font-size:16px; font-weight:800; }
.manris-admin-manris .manris-mr-results-heading h2 i { color:#007bff; margin-right:8px; }
.manris-admin-manris .manris-mr-results-heading p { margin:5px 0 0; font-size:10.5px; color:var(--mr-muted); }
.manris-admin-manris .manris-mr-navigation { display:flex; gap:7px; margin:0 0 14px; padding:8px; border:1px solid #e2e9f1; border-radius:10px; background:#f9fbfd; overflow-x:auto; white-space:nowrap; scrollbar-width:thin; }
.manris-admin-manris .manris-mr-nav-link { display:inline-flex; align-items:center; gap:7px; text-decoration:none!important; color:#51627a; background:#fff; border:1px solid #e0e7ef; padding:8px 11px; font-size:10.5px; font-weight:700; border-radius:7px; transition:background .15s,color .15s,border-color .15s; }
.manris-admin-manris .manris-mr-nav-link:hover,.manris-admin-manris .manris-mr-nav-link:focus { background:#eaf4ff; color:#006aca; border-color:#b8d9ff; }
.manris-admin-manris .manris-mr-nav-link span { background:#eaf4ff; color:#007bff; font-size:9px; padding:3px 5px; border-radius:5px; }
.manris-admin-manris .manris-mr-module { margin-bottom:16px; scroll-margin-top:70px; min-width:0; overflow:visible; }
.manris-admin-manris .manris-mr-module-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:9px; padding:15px 17px; border-bottom:1px solid #eaf0f5; background:#fafcff; border-radius:13px 13px 0 0; }
.manris-admin-manris .manris-mr-module-headline { display:flex; align-items:center; min-width:0; gap:9px; }
.manris-admin-manris .manris-mr-module-index { font-size:10px; font-weight:800; color:#007bff; background:#e7f2ff; border-radius:7px; padding:8px; }
.manris-admin-manris .manris-mr-module-icon { display:flex; align-items:center; justify-content:center; font-size:13px; color:#007bff; }
.manris-admin-manris .manris-mr-module-copy { min-width:0; }
.manris-admin-manris .manris-mr-module-copy h3 { margin:0; color:#24364d; font-size:13px; font-weight:800; }
.manris-admin-manris .manris-mr-module-copy p { margin:3px 0 0; color:#8a98a8; font-size:10.5px; line-height:1.3; }
.manris-admin-manris .manris-mr-module-top { color:#66819c; font-size:10.5px; font-weight:700; padding:5px; text-decoration:none!important; }
.manris-admin-manris .manris-mr-module-top:hover { color:#007bff; }
.manris-admin-manris .manris-mr-module-top i { margin-right:4px; }
.manris-admin-manris .manris-mr-module-body { width:100%; min-width:0; padding:15px 16px 17px; }
.manris-admin-manris .manris-mr-render-target { width:100%; min-width:0; }
/* Jangan override font/border/tabel dari partial yang sudah memiliki stylesheet sendiri. */
.manris-admin-manris .manris-mr-unavailable { background:#fff8eb; border:1px solid #f2dfaf; border-radius:8px; padding:12px; color:#866614; font-size:11px; }
.manris-admin-manris .manris-mr-unavailable i { margin-right:5px; }
@media (max-width:1100px) {
  .manris-admin-manris .manris-mr-hero-inner { padding:22px 20px 41px; }
  .manris-admin-manris .manris-mr-content { padding:0 18px 20px; }

}
@media (max-width:767.98px) {
  .manris-admin-manris .manris-mr-hero-inner { flex-direction:column; align-items:flex-start; gap:14px; padding:20px 16px 38px; }
  .manris-admin-manris .manris-mr-hero h1 { font-size:20px; }
  .manris-admin-manris .manris-mr-hero p { font-size:11px; }
  .manris-admin-manris .manris-mr-hero-icon { width:45px; min-width:45px; height:45px; font-size:18px; }
  .manris-admin-manris .manris-mr-content { margin-top:-19px; padding:0 10px 15px; }
  .manris-admin-manris .manris-mr-filter-card { padding:15px 12px; }
  .manris-admin-manris .manris-mr-filter-heading { align-items:flex-start; flex-wrap:wrap; }
  .manris-admin-manris .manris-mr-status { margin-left:55px; }
  /* Scroll horizontal hanya pada layar kecil; tidak menumpuk filter. */
  .manris-admin-manris #form-cari { overflow-x:auto; overflow-y:hidden; padding-bottom:9px; scrollbar-width:thin; }
  .manris-admin-manris .manris-mr-filter-row { min-width:704px; }
  .manris-admin-manris .manris-mr-module-head { padding:11px; }
  .manris-admin-manris .manris-mr-module-body { padding:12px 9px; }
  .manris-admin-manris .manris-mr-module-copy h3 { font-size:12px; }
  .manris-admin-manris .manris-mr-module-copy p { font-size:10px; }
}
@media (prefers-reduced-motion:reduce) {
  .manris-admin-manris .manris-mr-nav-link { transition:none; }
}




/* ===============================================================
  EXTERNAL | manris-admin-database.css
  =============================================================== */
/* MANRIS · Database Administrator
   Scoped to .manris-admin-database so other pages and AJAX partials are unaffected.
   Buttons and notifications retain the global MANRIS styles. */
.manris-admin-database { --db-ink:#172334; --db-muted:#718095; --db-border:#e3eaf2; --db-blue:#007bff; padding-bottom:32px; }
.manris-admin-database .manris-db-hero {
    position:relative; overflow:hidden; background:linear-gradient(112deg,#0668c4 0%,#007bff 62%,#3195ef 100%);
    min-height:140px; color:#fff;
}
.manris-admin-database .manris-db-hero::after {
    content:""; position:absolute; right:-65px; top:-118px; width:315px; height:315px; border-radius:50%;
    border:1px solid rgba(255,255,255,.18); box-shadow:0 0 0 42px rgba(255,255,255,.035), 0 0 0 85px rgba(255,255,255,.025);
}
.manris-admin-database .manris-db-hero-inner {
    max-width:1600px; margin:auto; padding:24px 30px 44px; position:relative; z-index:1;
    display:flex; align-items:flex-start; justify-content:space-between; gap:20px;
}
.manris-admin-database .manris-db-hero-left { display:flex; align-items:center; gap:15px; min-width:0; }
.manris-admin-database .manris-db-hero-icon {
    width:52px; height:52px; min-width:52px; display:flex; align-items:center; justify-content:center; font-size:23px;
    border:1px solid rgba(255,255,255,.23); border-radius:14px; background:rgba(255,255,255,.15);
}
.manris-admin-database .manris-db-hero h1 { color:#fff; font-weight:800; font-size:24px; margin:0; line-height:1.3; }
.manris-admin-database .manris-db-hero p { color:rgba(255,255,255,.86); font-size:12px; line-height:1.6; margin:5px 0 0; }
.manris-admin-database .manris-db-admin-label {
    display:inline-flex; gap:8px; align-items:center; padding:8px 12px; white-space:nowrap;
    border:1px solid rgba(255,255,255,.25); border-radius:20px; background:rgba(255,255,255,.14);
    font-weight:700; font-size:11px; color:#fff;
}
.manris-admin-database .manris-db-admin-dot { width:7px; height:7px; border-radius:50%; background:#55e9b4; box-shadow:0 0 0 4px rgba(85,233,180,.17); }
.manris-admin-database .manris-db-content { max-width:1600px; margin:-25px auto 0; padding:0 29px; position:relative; z-index:2; }
.manris-admin-database .manris-db-toolbar,
.manris-admin-database .manris-db-records { border:1px solid var(--db-border); border-radius:13px; background:#fff; box-shadow:0 4px 17px rgba(23,35,52,.05); }
.manris-admin-database .manris-db-toolbar {
    padding:20px 22px; margin-bottom:16px; display:flex; gap:20px; justify-content:space-between; align-items:center;
}
.manris-admin-database .manris-db-toolbar-title,
.manris-admin-database .manris-db-records-title { display:flex; align-items:center; gap:12px; min-width:0; }
.manris-admin-database .manris-db-section-icon {
    width:43px; height:43px; min-width:43px; display:flex; align-items:center; justify-content:center;
    border-radius:11px; background:#eaf4ff; color:var(--db-blue); font-size:18px;
}
.manris-admin-database .manris-db-toolbar h2,
.manris-admin-database .manris-db-records h2 { font-size:14px; font-weight:800; margin:0; color:var(--db-ink); line-height:1.3; }
.manris-admin-database .manris-db-toolbar p,
.manris-admin-database .manris-db-records-header p { margin:4px 0 0; font-size:11px; color:var(--db-muted); line-height:1.5; }
.manris-admin-database .manris-db-toolbar-buttons { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:9px; }
.manris-admin-database .manris-db-toolbar-buttons .btn.manris-action { min-height:37px; font-size:11px!important; padding:8px 13px!important; white-space:nowrap; gap:7px; }
.manris-admin-database .manris-db-toolbar-buttons .btn.manris-action i { font-size:12px; }
.manris-admin-database .manris-db-records { overflow:hidden; }
.manris-admin-database .manris-db-records-header { padding:19px 22px; display:flex; align-items:center; gap:16px; justify-content:space-between; border-bottom:1px solid #eaf0f6; }
.manris-admin-database .manris-db-status { background:#f0f3f7; color:#68758a; border-radius:20px; font-weight:700; font-size:10px; white-space:nowrap; padding:7px 11px; }
.manris-admin-database .manris-db-status::before { content:""; display:inline-block; background:#94a3b8; border-radius:50%; width:6px; height:6px; margin-right:7px; vertical-align:middle; }
.manris-admin-database .manris-db-status[data-state="loading"] { background:#eaf4ff; color:#006ac5; }
.manris-admin-database .manris-db-status[data-state="loading"]::before { background:#007bff; }
.manris-admin-database .manris-db-status[data-state="success"] { background:#e8f8f0; color:#147855; }
.manris-admin-database .manris-db-status[data-state="success"]::before { background:#20a779; }
.manris-admin-database .manris-db-status[data-state="error"] { background:#fff0f1; color:#bb2737; }
.manris-admin-database .manris-db-status[data-state="error"]::before { background:#dc3545; }
.manris-admin-database .manris-db-information { margin:17px 22px 0; padding:12px 14px; background:#f5f9ff; border:1px solid #dfeafb; color:#57728d; border-radius:9px; font-size:11px; line-height:1.6; display:flex; gap:9px; align-items:flex-start; }
.manris-admin-database .manris-db-information i { margin-top:2px; color:#007bff; }
.manris-admin-database .manris-db-records-body { padding:15px 22px 20px; min-height:110px; }
.manris-admin-database .manris-db-loading { display:flex; align-items:center; gap:14px; padding:20px 3px; font-size:11px; color:var(--db-muted); }
.manris-admin-database .manris-db-loading.d-none { display:none!important; }
.manris-admin-database .manris-db-component { width:100%; min-width:0; }
.manris-admin-database .manris-db-table-scroll { overflow-x:auto; border-radius:9px; }
.manris-admin-database table.manris-db-table { width:100%!important; margin:0!important; border-collapse:separate!important; border-spacing:0; }
.manris-admin-database table.manris-db-table thead th {
    background:#f2f7fd!important; color:#50627c!important; padding:12px 11px!important; font-size:11px!important;
    font-weight:800!important; letter-spacing:.01em; white-space:nowrap; border-top:1px solid #e4ebf4!important;
    border-bottom:1px solid #dce6f1!important; border-left:0!important; border-right:0!important;
}
.manris-admin-database table.manris-db-table tbody td {
    padding:12px 11px!important; color:#4f5e73; font-size:11px!important; line-height:1.5; vertical-align:middle!important;
    border-top:0!important; border-bottom:1px solid #edf1f5!important; border-left:0!important; border-right:0!important;
    overflow-wrap:anywhere;
}
.manris-admin-database table.manris-db-table tbody tr:hover td { background:#f8fbff!important; }
.manris-admin-database table.manris-db-table tbody td:nth-child(2) { text-align:left; font-weight:600; }
.manris-admin-database table.manris-db-table tbody td:nth-child(4) { white-space:nowrap; color:#64748b; }
.manris-admin-database table.manris-db-table a { color:#007bff; text-decoration:none; }
.manris-admin-database table.manris-db-table a:hover { text-decoration:underline; }
.manris-admin-database .dataTables_wrapper { font-size:11px; color:#718095; }
.manris-admin-database .dataTables_wrapper .dataTables_length,
.manris-admin-database .dataTables_wrapper .dataTables_filter { margin:8px 0 14px; }
.manris-admin-database .dataTables_wrapper .dataTables_length select,
.manris-admin-database .dataTables_wrapper .dataTables_filter input { border:1px solid #d8e3ed; border-radius:7px; min-height:33px; padding:5px 9px; color:#3b4b60; font-size:11px; background:#fff; outline:none; }
.manris-admin-database .dataTables_wrapper .dataTables_filter input:focus { border-color:#91c2fd; box-shadow:0 0 0 3px rgba(0,123,255,.10); }
.manris-admin-database .dataTables_wrapper .dataTables_info,
.manris-admin-database .dataTables_wrapper .dataTables_paginate { margin-top:12px; font-size:10.5px; }
.manris-admin-database .dataTables_wrapper .dataTables_paginate .paginate_button { border-radius:6px!important; font-size:10.5px; padding:4px 9px!important; border:1px solid transparent!important; }
.manris-admin-database .dataTables_wrapper .dataTables_paginate .paginate_button.current { background:#e7f3ff!important; color:#007bff!important; }
@media(max-width:800px) {
    .manris-admin-database .manris-db-hero-inner { padding:22px 16px 44px; }
    .manris-admin-database .manris-db-hero h1 { font-size:20px; }
    .manris-admin-database .manris-db-admin-label { display:none; }
    .manris-admin-database .manris-db-content { padding:0 14px; }
    .manris-admin-database .manris-db-toolbar { padding:17px 16px; flex-wrap:wrap; }
    .manris-admin-database .manris-db-toolbar-buttons { justify-content:flex-start; width:100%; }
    .manris-admin-database .manris-db-records-header { padding:16px; }
    .manris-admin-database .manris-db-information { margin:14px 16px 0; }
    .manris-admin-database .manris-db-records-body { padding:14px 16px; }
}
@media(max-width:500px) {
    .manris-admin-database .manris-db-hero-icon { width:43px; height:43px; min-width:43px; font-size:19px; }
    .manris-admin-database .manris-db-hero p { font-size:11px; }
    .manris-admin-database .manris-db-records-header { align-items:flex-start; flex-direction:column; gap:10px; }
    .manris-admin-database .manris-db-toolbar-buttons .btn.manris-action { flex:1; justify-content:center; }
    .manris-admin-database table.manris-db-table { min-width:560px; }
}




/* ===============================================================
  EXTRACTED FROM Views/pengaturan/v_pengguna.php / style block 1
  =============================================================== */

/* =========================================================
   MANRIS - PROFIL PENGGUNA
   Visual mengikuti baseline Pengaturan MANRIS.
   ID, name, route, selector, dan alur data existing dipertahankan.
   ========================================================= */
.manris-user-page{
    padding: 0 4px 30px;
}

.manris-user-page > .page-inner,
.manris-user-page .page-inner{
    max-width: none !important;
}

/* =========================
   HEADER
   ========================= */
.manris-user-header{
    background: #fff;
    border: 1px solid #e4eaf1;
    border-radius: 12px;
    margin: 0 0 18px;
    box-shadow: 0 3px 12px rgba(23, 35, 52, .05);
    overflow: hidden;
}

.manris-user-header-inner{
    min-height: 78px;
    padding: 17px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.manris-user-header-main{
    display: flex;
    align-items: center;
    min-width: 0;
}

.manris-user-header-icon{
    width: 46px;
    height: 46px;
    min-width: 46px;
    margin-right: 13px;
    border-radius: 11px;
    background: #eaf4ff;
    color: #007bff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.manris-user-title{
    margin: 0;
    color: #172334;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
}

.manris-user-subtitle{
    margin: 3px 0 0;
    color: #8a96a6;
    font-size: 12px;
    line-height: 1.45;
}

.manris-user-breadcrumb{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}

.manris-user-breadcrumb li{
    display: flex;
    align-items: center;
}

.manris-user-breadcrumb a{
    color: #66758a;
    font-size: 11px;
    font-weight: 600;
}

.manris-user-breadcrumb .nav-home a{
    color: #007bff;
}

.manris-user-breadcrumb .separator{
    padding: 0 8px;
    color: #aab4c1;
    font-size: 8px;
}

/* =========================
   PAGE / CARD
   ========================= */
.manris-user-content{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
}

.manris-user-shell{
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.manris-user-shell > .card-body{
    padding: 0 !important;
    background: transparent;
}

.manris-user-card{
    background: #fff;
    border: 1px solid #e4eaf1;
    border-radius: 12px;
    box-shadow: 0 3px 12px rgba(23, 35, 52, .045);
    overflow: hidden;
}

.manris-user-card-body{
    padding: 18px;
}

.manris-user-section-heading{
    display: flex;
    align-items: center;
    gap: 11px;
    padding-bottom: 14px;
    margin-bottom: 16px;
    border-bottom: 1px solid #edf1f5;
}

.manris-user-section-icon{
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 9px;
    background: #eaf4ff;
    color: #007bff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

.manris-user-section-heading h6{
    margin: 0;
    color: #172334;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
}

.manris-user-section-heading small{
    display: block;
    margin-top: 2px;
    color: #8a96a6;
    font-size: 10.5px;
    line-height: 1.4;
}

/* =========================
   FORM
   ========================= */
.manris-user-form-panel{
    padding: 15px;
    border: 1px solid #e5ebf2;
    border-radius: 10px;
    background: #f8fafc;
}

.manris-user-page .form-group{
    margin-bottom: 13px;
}

.manris-user-page .form-group label{
    margin-bottom: 6px;
    color: #536174;
    font-size: 10.5px;
    font-weight: 700;
}

.manris-user-page .form-control{
    width: 100%;
    min-height: 36px;
    height: 36px;
    padding: 6px 10px;
    border: 1px solid #dce3eb;
    border-radius: 7px;
    color: #344054;
    font-size: 11px;
    background: #fff;
    box-shadow: none;
}

.manris-user-page .form-control:focus{
    border-color: #8ec5ff;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, .08);
}

.manris-user-page .invalid-feedback{
    font-size: 10px;
}

.manris-user-field-label{
    display: flex;
    align-items: center;
    gap: 6px;
}

.manris-user-field-hint{
    display: block;
    margin-top: 5px;
    color: #98a2b3;
    font-size: 9.5px;
    line-height: 1.4;
}

/* Password field */
.manris-password-field{
    position: relative;
}

.manris-password-field .form-control{
    padding-right: 42px;
}

#icon-password{
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    z-index: 3;
    color: #007bff !important;
    font-size: 15px;
    cursor: pointer;
    line-height: 1;
    transition: color .15s ease, transform .15s ease;
}

#icon-password:hover{
    color: #0056b3 !important;
}

/* =========================
   INFORMATION PANEL
   ========================= */
.manris-user-info{
    height: 100%;
    padding: 15px;
    border: 1px solid #dceafb;
    border-radius: 10px;
    background: #f6faff;
}

.manris-user-info-title{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #24547f;
    font-size: 11px;
    font-weight: 700;
}

.manris-user-info-title i{
    color: #007bff;
}

.manris-user-info p{
    margin: 0;
    color: #66758a;
    font-size: 10.5px;
    line-height: 1.65;
    text-align: justify;
}

.manris-user-info-list{
    margin: 11px 0 0;
    padding: 0;
    list-style: none;
}

.manris-user-info-list li{
    position: relative;
    padding: 7px 0 7px 24px;
    border-top: 1px solid #e4eef8;
    color: #66758a;
    font-size: 10px;
    line-height: 1.45;
}

.manris-user-info-list li i{
    position: absolute;
    left: 1px;
    top: 9px;
    color: #007bff;
    width: 15px;
    text-align: center;
}

/* =========================
   BUTTONS - HIGH CONTRAST
   ========================= */
.manris-user-page .btn{
    border-radius: 7px;
    font-size: 11px;
    font-weight: 700;
    box-shadow: none;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.manris-user-page .btn-xs{
    min-height: 32px;
    padding: 5px 12px;
}

.manris-user-page .btn-success{
    background: #20a779 !important;
    border-color: #20a779 !important;
    color: #fff !important;
}

.manris-user-page .btn-danger{
    background: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}

.manris-user-page .btn-success:hover,
.manris-user-page .btn-success:focus{
    background: #198f68 !important;
    border-color: #198f68 !important;
    color: #fff !important;
}

.manris-user-page .btn-danger:hover,
.manris-user-page .btn-danger:focus{
    background: #c82333 !important;
    border-color: #bd2130 !important;
    color: #fff !important;
}

.manris-user-page .btn i,
.manris-user-page .btn span{
    color: inherit !important;
}

.manris-user-page .btn:hover:not(:disabled){
    transform: translateY(-1px);
}

.manris-user-page .btn:disabled,
.manris-user-page .btn.disabled{
    opacity: .62;
    cursor: not-allowed;
    transform: none !important;
}

.manris-user-actions{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 4px;
}

/* =========================
   RESPONSIVE
   ========================= */
@media  (max-width: 767.98px) {

    .manris-user-header-inner{
        align-items: flex-start;
        flex-direction: column;
        padding: 14px;
    }

    .manris-user-header{
        border-radius: 9px;
        margin-bottom: 12px;
    }

    .manris-user-title{
        font-size: 17px;
    }

    .manris-user-subtitle{
        font-size: 11px;
    }

    .manris-user-card{
        border-radius: 9px;
    }

    .manris-user-card-body{
        padding: 13px;
    }

    .manris-user-form-panel,
.manris-user-info{
        padding: 12px;
    }

    .manris-user-section-heading small{
        display: none;
    }

}

@media  (prefers-reduced-motion: reduce) {

    .manris-user-page .btn,
#icon-password{
        transition: none !important;
        transform: none !important;
    }

    #icon-password{
        transform: translateY(-50%) !important;
    }

}




/* ===============================================================
  EXTRACTED FROM Views/layout/v_logo_header.php / style block 1
  =============================================================== */


    .manris-logo-header{
        background: linear-gradient(
            135deg,
            #007bff 0%,
            #0069d9 100%
        ) !important;

        box-shadow:
            0 3px 12px rgba(0, 123, 255, .15);

        z-index: 1031;
    }


    .manris-logo-link{
        display: flex !important;
        align-items: center;
        height: 100%;
        padding-left: 18px;
        text-decoration: none !important;
    }


    .manris-logo-image{
        width: 35px !important;
        height: 35px;
        object-fit: contain;
        margin-right: 25px;
    }


    .manris-logo-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        line-height: 1;
        padding-left: 5px;
    }


    .manris-logo-text{
        color: #fff;
        font-size: 17px;
        font-weight: 800;
        letter-spacing: .5px;
    }


    .manris-logo-subtitle{
        color: rgba(255,255,255,.75);
        font-size: 9px;
        margin-top: 4px;
        letter-spacing: .3px;
    }


    .manris-sidebar-toggle,
.manris-mobile-toggle,
.manris-topbar-toggle{
        color: #fff !important;
    }


    .manris-sidebar-toggle:hover,
.manris-mobile-toggle:hover,
.manris-topbar-toggle:hover{
        background: rgba(255,255,255,.12) !important;
    }


    @media  (max-width: 991px) {


        .manris-logo-link{
            padding-left: 15px;
        }

        .manris-logo-image{
            width: 32px !important;
            height: 32px;
        }

    
}





/* ===============================================================
  EXTRACTED FROM Views/layout/v_sidebar.php / style block 1
  =============================================================== */


    /* =========================================================
       SIDEBAR
    ========================================================== */

    .manris-sidebar{
        background: #ffffff !important;
        border-right: 1px solid #e4eaf1;
        box-shadow: 3px 0 15px rgba(23,35,52,.035);
    }


    .manris-sidebar .sidebar-wrapper{
        background: #ffffff;
    }


    .manris-sidebar .sidebar-content{
        padding-bottom: 20px;
    }


    /* =========================================================
       USER
    ========================================================== */

    .manris-user-profile{
        padding: 17px 16px 15px !important;
        margin: 0 10px 8px;
        border-bottom: 1px solid #eef2f6;
    }


    .manris-user-avatar{
        width: 38px;
        height: 38px;
        border: 2px solid #eaf4ff;
    }


    .manris-user-profile .info{
        padding-left: 48px;
    }


    .manris-user-toggle{
        color: #172334 !important;
        font-weight: 700;
        text-decoration: none !important;
    }


    .manris-user-toggle .user-level{
        display: block;
        margin-top: 4px;
        color: #8a96a6;
        font-size: 10px;
        font-weight: 500;
    }


    /* =========================================================
       NAV
    ========================================================== */

    .manris-nav{
        padding: 4px 10px 20px;
    }


    .manris-nav .nav-item{
        margin-bottom: 3px;
    }


    .manris-nav .nav-item > a{
        min-height: 43px;

        display: flex !important;
        align-items: center !important;

        width: 100%;

        border-radius: 9px;

        padding: 8px 12px !important;

        color: #536174 !important;

        font-weight: 600;

        text-decoration: none;

        transition: all .18s ease;
    }


    .manris-nav .nav-item > a:hover{
        background: #f4f8fd;
        color: #007bff !important;
        transform: translateX(2px);
    }


    /* =========================================================
       ICON
    ========================================================== */

    .manris-nav-icon{
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 34px;

        margin-right: 10px;

        padding: 0 !important;

        border-radius: 8px;

        background: #f3f7fb;
        color: #007bff;

        font-size: 14px;
        line-height: 1;

        text-align: center;

        transition: all .18s ease;
    }

    .manris-nav-icon > i{
        display: inline-flex !important;

        width: 100%;
        height: 100%;

        align-items: center;
        justify-content: center;

        margin: 0 !important;
        padding: 0 !important;

        line-height: 1 !important;

        text-align: center;
    }

    .manris-risk-icon{
        color: #dc3545;
        background: #fff0f1;
    }


    .manris-supervision-icon{
        color: #6f42c1;
        background: #f4efff;
    }


    .manris-nav .nav-item > a:hover .manris-nav-icon{
        background: #eaf4ff;
        color: #007bff;
    }


    .manris-nav .nav-item > a:hover .manris-risk-icon{
        background: #fff0f1;
        color: #dc3545;
    }


    /* =========================================================
       ACTIVE
    ========================================================== */

    .manris-nav .nav-item.active > a{
        background: #eaf4ff !important;
        color: #007bff !important;
        box-shadow: inset 3px 0 0 #007bff;
    }


    .manris-nav .nav-item.active > a .manris-nav-icon{
        background: #007bff;
        color: #ffffff;
        box-shadow: 0 4px 10px rgba(0,123,255,.18);
    }

    
    /* =========================================================
       MOBILE
    ========================================================== */

    @media  (max-width: 991px) {


        .manris-user-profile{
            margin-left: 8px;
            margin-right: 8px;
        }

        .manris-nav{
            padding-left: 8px;
            padding-right: 8px;
        }

    
}





/* ===============================================================
  EXTRACTED FROM Views/layout/v_footer.php / style block 1
  =============================================================== */


    /* =========================================================
       MANRIS FOOTER
    ========================================================== */

    .manris-footer{
        background: #ffffff !important;
        border-top: 1px solid #e4eaf1;
        margin-top: 10px;
        padding: 0 !important;
    }


    .manris-footer-inner{
        min-height: 85px;

        display: flex;
        flex-direction: column;

        align-items: flex-start;
        justify-content: center;

        gap: 7px;

        padding: 12px 0;
    }


    /* =========================================================
       BRAND
    ========================================================== */

    .manris-footer-brand{
        display: flex;
        align-items: center;
        min-width: 0;
    }


    .manris-footer-logo-wrapper{
        width: 38px;
        height: 38px;

        display: flex;
        align-items: center;
        justify-content: center;

        margin-right: 10px;

        border-radius: 9px;

        background: #fff4f5;
        border: 1px solid #ffe0e3;
    }


    .manris-footer-logo{
        width: 25px;
        height: 25px;

        object-fit: contain;
    }


    .manris-footer-brand-text{
        display: flex;
        flex-direction: column;
        min-width: 0;
    }


    .manris-footer-title{
        color: #172334;

        font-size: 12px;
        font-weight: 800;

        letter-spacing: .4px;

        line-height: 1.2;
    }


    .manris-footer-description{
        color: #8a96a6;

        font-size: 10px;

        margin-top: 3px;

        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    /* =========================================================
       RIGHT INFORMATION
    ========================================================== */

    .manris-footer-info{
        display: flex;
        align-items: center;

        color: #8a96a6;

        font-size: 11px;

    margin-left: 48px;
    }


    .manris-footer-status{
        display: inline-flex;
        align-items: center;
        gap: 6px;

        white-space: nowrap;
    }


    .manris-status-dot{
        width: 7px;
        height: 7px;

        border-radius: 50%;

        background: #20a779;

        box-shadow:
            0 0 0 3px rgba(32, 167, 121, .10);
    }


    .manris-footer-divider{
        width: 1px;
        height: 16px;

        background: #e4eaf1;

        margin: 0 12px;
    }


    .manris-footer .copyright{
        color: #8a96a6;

        font-size: 11px;

        margin: 0 !important;
        padding: 0 !important;
    }


    .manris-footer-domain{
        color: #536174;
        font-weight: 600;
    }


    /* =========================================================
       HOVER BRAND
    ========================================================== */

    .manris-footer-brand{
        transition: all .2s ease;
    }


    .manris-footer-brand:hover
    .manris-footer-logo-wrapper{

        background: #eaf4ff;
        border-color: #cfe5ff;
    }


    /* =========================================================
       RESPONSIVE
    ========================================================== */

    @media  (max-width: 767px) {


        .manris-footer-inner{
            min-height: 75px;

            flex-direction: column;

            justify-content: center;

            text-align: center;

            gap: 7px;
        }


        .manris-footer-brand{
            justify-content: center;
        }


        .manris-footer-info{
            justify-content: center;
        }

    
}


    @media  (max-width: 400px) {


        .manris-footer-description{
            max-width: 190px;
        }


        .manris-footer-status{
            display: none;
        }


        .manris-footer-divider{
            display: none;
        }

    
}





/* ===============================================================
  EXTRACTED FROM Views/layout/v_nav_header.php / style block 1
  =============================================================== */


    .manris-navbar-header{
        background: #fff !important;
        border-bottom: 1px solid #e4eaf1;
        box-shadow: 0 2px 10px rgba(23,35,52,.04);
        min-height: 64px;
    }

    .manris-header-context{
        display: flex;
        align-items: center;
        margin-left: 10px;
        color: #fff4f5;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: .1px;
    }


    .manris-logout{
        display: inline-flex !important;
        align-items: center;
        gap: 8px;
        color: #536174 !important;
        font-weight: 600;
        padding: 7px 10px !important;
        border-radius: 8px;
    }


    .manris-logout:hover{
        color: #dc3545 !important;
        background: #fff4f5;
    }


    .manris-logout-icon{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 8px;
        background: #fff0f1;
        color: #dc3545;
        transition: all .2s ease;
    }


    .manris-logout:hover .manris-logout-icon{
        background: #dc3545;
        color: #fff;
    }


    .manris-logout-text{
        font-size: 13px;
    }


    @media  (max-width: 575px) {


        .manris-header-context{
            display: none;
        }

        .manris-logout-text{
            display: none;
        }

    
}





/* ===============================================================
  EXTRACTED FROM Views/administrator/v_instansi.php / style block 1
  =============================================================== */

/* MANRIS ADMINISTRATOR — INSTANSI. Hanya style halaman pembungkus; tidak menyentuh view tabel Pengaturan. */
.manris-admin-instansi{--instansi-ink:#172334;--instansi-muted:#8a96a6;--instansi-border:#e4eaf1;--instansi-blue:var(--manris-primary,#007bff);min-height:calc(100vh - 130px);background:#f5f7fa;font-family:"Lato",sans-serif}
.manris-admin-instansi .manris-instansi-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#007bff 0%,#0069d9 60%,#0056b3 100%);color:#fff}
.manris-admin-instansi .manris-instansi-hero::before,
.manris-admin-instansi .manris-instansi-hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.manris-admin-instansi .manris-instansi-hero::before{width:280px;height:280px;right:-100px;top:-150px;background:rgba(255,255,255,.08)}
.manris-admin-instansi .manris-instansi-hero::after{width:180px;height:180px;right:120px;bottom:-130px;background:rgba(255,255,255,.05)}
.manris-admin-instansi .manris-instansi-hero-inner{position:relative;z-index:1;max-width:1400px;min-height:112px;margin:0 auto;padding:20px 30px;display:flex;align-items:center;justify-content:space-between;gap:16px 24px}
.manris-admin-instansi .manris-instansi-hero-heading{display:flex;align-items:center;min-width:0}
.manris-admin-instansi .manris-instansi-hero-icon{flex:0 0 52px;width:52px;height:52px;margin-right:15px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);font-size:21px}
.manris-admin-instansi .manris-instansi-hero-copy{min-width:0}
.manris-admin-instansi .manris-instansi-hero-copy h1{margin:0;color:#fff;font-size:24px;font-weight:700;line-height:1.25;letter-spacing:-.3px}
.manris-admin-instansi .manris-instansi-hero-copy p{margin:5px 0 0;color:rgba(255,255,255,.82);font-size:13px;line-height:1.45}
.manris-admin-instansi .manris-instansi-hero-badge{display:inline-flex;align-items:center;flex:0 0 auto;padding:8px 13px;border-radius:20px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.12);color:#fff;font-size:12px;font-weight:600}
.manris-admin-instansi .manris-instansi-live-dot{width:7px;height:7px;margin-right:7px;border-radius:50%;background:#20a779;box-shadow:0 0 0 4px rgba(32,167,121,.18)}
.manris-admin-instansi .manris-instansi-content{position:relative;z-index:2;max-width:1400px;margin:-22px auto 0;padding:0 30px 35px}
.manris-admin-instansi .manris-instansi-card{margin-bottom:18px;border:1px solid var(--instansi-border);border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(28,39,60,.06)}
.manris-admin-instansi .manris-instansi-card>.card-body{padding:16px 20px}
.manris-admin-instansi .manris-instansi-card-heading{display:flex;align-items:center;gap:12px;padding-bottom:14px}
.manris-admin-instansi .manris-instansi-section-icon{display:flex;flex:0 0 42px;width:42px;height:42px;align-items:center;justify-content:center;border-radius:10px;background:#eaf4ff;color:#007bff;font-size:15px}
.manris-admin-instansi .manris-instansi-result-icon{background:#eaf9f2;color:#168d67}
.manris-admin-instansi .manris-instansi-heading-text h2{margin:0 0 3px;color:var(--instansi-ink);font-size:14px;font-weight:700}
.manris-admin-instansi .manris-instansi-heading-text p{margin:0;color:var(--instansi-muted);font-size:11px;line-height:1.45}
.manris-admin-instansi .manris-instansi-filter-row{align-items:flex-end}
.manris-admin-instansi .manris-instansi-filter-row .form-group{margin-bottom:0}
.manris-admin-instansi .manris-instansi-filter-row label{display:block;margin-bottom:5px;color:#536174;font-size:11px;font-weight:700}
.manris-admin-instansi .manris-instansi-filter-row label i{margin-right:5px;color:#607993}
.manris-admin-instansi .manris-instansi-filter-field{position:relative}
.manris-admin-instansi .manris-instansi-filter-field>.form-control{height:36px;border:1px solid #dce3eb;border-radius:8px;font-size:12px;font-weight:600}
.manris-admin-instansi .manris-instansi-filter-field .select2-container{width:100%!important;font-size:12px}
.manris-admin-instansi .manris-instansi-filter-field .select2-container--bootstrap4 .select2-selection--single{position:relative;box-sizing:border-box;width:100%;height:36px!important;min-height:36px!important;padding:3px 32px 3px 10px!important;border:1px solid #dce3eb!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;overflow:hidden;font-size:12px!important}
.manris-admin-instansi .manris-instansi-filter-field .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered{display:block;padding:0!important;line-height:28px!important;color:#495057!important;font-size:12px!important;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.manris-admin-instansi .manris-instansi-filter-field .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder{color:#8a96a6!important;font-weight:400}
.manris-admin-instansi .manris-instansi-filter-field .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow{position:absolute!important;top:0!important;right:0!important;left:auto!important;width:30px!important;height:34px!important;margin:0!important;display:flex!important;align-items:center;justify-content:center;background:transparent!important;box-sizing:border-box}
.manris-admin-instansi .manris-instansi-filter-field .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b{position:absolute!important;top:50%!important;left:50%!important;margin:0!important;transform:translate(-50%,-50%)!important}
.manris-admin-instansi .manris-instansi-filter-field .select2-container--bootstrap4.select2-container--focus .select2-selection--single,
.manris-admin-instansi .manris-instansi-filter-field .select2-container--bootstrap4.select2-container--open .select2-selection--single{border-color:#80bdff!important;box-shadow:0 0 0 .15rem rgba(0,123,255,.1)!important}
.manris-admin-instansi .manris-instansi-filter-field .select2-container--bootstrap4 .select2-dropdown{border:1px solid #dce3eb!important;border-radius:8px!important;background:#fff;box-shadow:0 7px 18px rgba(23,35,52,.12);font-family:"Lato",sans-serif;font-size:11px!important;overflow:hidden}
.manris-admin-instansi .manris-instansi-filter-field .select2-container--bootstrap4 .select2-results__option{padding:7px 10px!important;font-size:11px!important;line-height:1.4!important;color:#536174}
.manris-admin-instansi .manris-instansi-filter-field .select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected],
.manris-admin-instansi .manris-instansi-filter-field .select2-container--bootstrap4 .select2-results__option--highlighted{background:#007bff!important;color:#fff!important}
.manris-admin-instansi .manris-instansi-filter-field .select2-container--bootstrap4 .select2-results__options{max-height:230px!important}
.manris-admin-instansi .manris-instansi-filter-field .select2-container--bootstrap4 .select2-search--dropdown{padding:7px!important}
.manris-admin-instansi .manris-instansi-filter-field .select2-container--bootstrap4 .select2-search--dropdown .select2-search__field{height:32px!important;padding:5px 9px!important;font-size:11px!important;border:1px solid #dce3eb!important;border-radius:7px!important;box-sizing:border-box}
.manris-admin-instansi .manris-instansi-hidden-label{visibility:hidden}
.manris-admin-instansi .manris-instansi-search-button{min-height:36px}
.manris-admin-instansi .manris-instansi-result-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 14px;padding-bottom:13px;border-bottom:1px solid #edf1f6}
.manris-admin-instansi .manris-instansi-status{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#f1f4f7;color:#64748b;padding:7px 11px;font-size:10px;font-weight:700;white-space:nowrap}
.manris-admin-instansi .manris-instansi-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#94a3b8}
.manris-admin-instansi .manris-instansi-status[data-state="loading"]{background:#eaf4ff;color:#006acc}
.manris-admin-instansi .manris-instansi-status[data-state="loading"]::before{background:#007bff}
.manris-admin-instansi .manris-instansi-status[data-state="success"]{background:#e7f8f0;color:#127853}
.manris-admin-instansi .manris-instansi-status[data-state="success"]::before{background:#20a779}
.manris-admin-instansi .manris-instansi-status[data-state="error"]{background:#fff0f1;color:#b42332}
.manris-admin-instansi .manris-instansi-status[data-state="error"]::before{background:#dc3545}
.manris-admin-instansi .manris-instansi-loading:not(.d-none){display:flex;align-items:center;justify-content:center;gap:12px;min-height:150px;color:#607993;font-size:11px}
.manris-admin-instansi .manris-instansi-loading.d-none{display:none!important}
.manris-admin-instansi .manris-instansi-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center;padding:24px;gap:9px}
.manris-admin-instansi .manris-instansi-placeholder.d-none{display:none!important}
.manris-admin-instansi .manris-instansi-placeholder-icon{display:flex;width:58px;height:58px;align-items:center;justify-content:center;border-radius:16px;background:#eaf4ff;color:#007bff;font-size:22px}
.manris-admin-instansi .manris-instansi-placeholder h3{margin:0;color:var(--instansi-ink);font-size:13px;font-weight:700}
.manris-admin-instansi .manris-instansi-placeholder p{margin:0;max-width:440px;color:var(--instansi-muted);font-size:11px;line-height:1.55}
.manris-admin-instansi .manris-instansi-data{padding-top:17px}
.manris-admin-instansi .manris-instansi-data>.row>[class*="col-"]{min-width:0;display:flex}
.manris-admin-instansi .manris-instansi-section{width:100%;min-width:0;margin-bottom:16px;overflow:visible;background:#fff;border:1px solid #e5eaf1;border-radius:12px;box-shadow:0 4px 12px rgba(23,35,52,.04)}
.manris-admin-instansi .manris-instansi-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;padding:12px 13px;border-bottom:1px solid #edf1f6;background:#fafcff;border-radius:12px 12px 0 0}
.manris-admin-instansi .manris-instansi-section-title{display:flex;align-items:center;gap:10px;min-width:0}
.manris-admin-instansi .manris-instansi-section-number{display:flex;flex:0 0 31px;width:31px;height:31px;align-items:center;justify-content:center;border-radius:9px;background:#eaf4ff;color:#007bff;font-size:10px;font-weight:800}
.manris-admin-instansi .manris-instansi-section-title h3{margin:0;color:#22354b;font-size:12px;font-weight:800}
.manris-admin-instansi .manris-instansi-section-title p{margin:2px 0 0;color:#8a96a6;font-size:10px;line-height:1.35}
.manris-admin-instansi .manris-instansi-section-body{min-width:0;padding:12px 13px;overflow-x:auto;scrollbar-width:thin}
.manris-admin-instansi .manris-instansi-section-body.d-none{display:none!important}
.manris-admin-instansi .manris-instansi-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.manris-admin-instansi .manris-instansi-section-header .btn.manris-action{min-width:0}
.manris-admin-instansi .manris-instansi-note{display:flex;align-items:flex-start;gap:9px;margin:0 13px 13px;padding:10px 11px;border:1px solid #dce9f8;border-radius:9px;background:#f5faff;color:#60718a;font-size:10px;line-height:1.55}
.manris-admin-instansi .manris-instansi-note>i{flex:0 0 auto;color:#007bff;margin-top:2px}
.manris-admin-instansi .manris-instansi-note p{margin:0 0 6px}
.manris-admin-instansi .manris-instansi-note p:last-child{margin-bottom:0}
.manris-admin-instansi .manris-instansi-note ul{margin:4px 0 7px;padding-left:16px}
.manris-admin-instansi .manris-instansi-note li{margin-bottom:3px}
@media (max-width:991px){
.manris-admin-instansi .manris-instansi-hero-inner{padding:18px 18px}.manris-admin-instansi .manris-instansi-content{padding:0 18px 25px}
}
@media (max-width:575px){
.manris-admin-instansi .manris-instansi-hero-inner{align-items:flex-start;flex-direction:column;min-height:0;gap:12px;padding:17px 13px 28px}.manris-admin-instansi .manris-instansi-hero-icon{flex-basis:44px;width:44px;height:44px;margin-right:12px;font-size:18px}.manris-admin-instansi .manris-instansi-hero-copy h1{font-size:20px}.manris-admin-instansi .manris-instansi-hero-copy p{font-size:11px}.manris-admin-instansi .manris-instansi-hero-badge{padding:6px 10px;font-size:10px}.manris-admin-instansi .manris-instansi-content{margin-top:-15px;padding:0 12px 25px}.manris-admin-instansi .manris-instansi-card>.card-body{padding:15px}.manris-admin-instansi .manris-instansi-section-header{padding:11px}.manris-admin-instansi .manris-instansi-section-body{padding:9px}.manris-admin-instansi .manris-instansi-section-title h3{font-size:11px}.manris-admin-instansi .manris-instansi-btn-label{display:none}
}
@media (prefers-reduced-motion:reduce){
.manris-admin-instansi *,
.manris-admin-instansi *::before,
.manris-admin-instansi *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}




/* ===============================================================
  EXTRACTED FROM Views/administrator/v_tbl_anggota.php / style block 1
  =============================================================== */

/* Styling terbatas pada view tabel Administrator Anggota. */
.manris-admin-anggota .manris-anggota-table-wrap{
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 10px;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}
.manris-admin-anggota .manris-anggota-table-wrap::-webkit-scrollbar{ height: 7px; }
.manris-admin-anggota .manris-anggota-table-wrap::-webkit-scrollbar-thumb{ background: #cbd5e1; border-radius: 10px; }
.manris-admin-anggota .manris-anggota-table{
    min-width: 1160px;
    width: 100% !important;
    margin-bottom: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0;
    color: #344054;
    background: #fff;
    font-size: 10px !important;
}
.manris-admin-anggota .manris-anggota-table thead th{
    background: #edf5ff !important;
    border-top: 1px solid #dce9f8 !important;
    border-bottom: 1px solid #dce9f8 !important;
    border-right: 1px solid #e6edf6 !important;
    padding: 12px 9px !important;
    color: #25578d !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-align: center;
    white-space: nowrap;
}
.manris-admin-anggota .manris-anggota-table tbody td{
    padding: 11px 9px !important;
    border-color: #eaf0f6 !important;
    font-size: 10px !important;
    line-height: 1.5;
    vertical-align: middle !important;
}
.manris-admin-anggota .manris-anggota-table tbody tr:nth-child(even){ background: #fafcff; }
.manris-admin-anggota .manris-anggota-table tbody tr:hover{ background: #f1f7ff !important; }
.manris-admin-anggota .manris-anggota-table .manris-anggota-no{ color: #8392a5; font-weight: 700; }
.manris-admin-anggota .manris-anggota-code{
    display: inline-block;
    padding: 4px 7px;
    border-radius: 6px;
    background: #eef4fb;
    color: #315779;
    font-size: 10px;
    font-weight: 700;
}
.manris-admin-anggota .manris-anggota-name{ color: #243247; font-weight: 800; }
.manris-admin-anggota .manris-anggota-email{ color: #586b82; overflow-wrap: anywhere; }
.manris-admin-anggota .manris-anggota-req-token{
    display: inline-block;
    min-width: 28px;
    padding: 4px 8px;
    border: 1px solid #e0e8f1;
    border-radius: 7px;
    background: #f8fafc;
    color: #415975;
    font-weight: 800;
}
.manris-admin-anggota .manris-anggota-quota-cell{ min-width: 100px; }
.manris-admin-anggota input.manris-anggota-quota{
    display: block;
    width: 100% !important;
    min-width: 64px;
    max-width: 108px;
    height: 30px;
    margin: 0 auto;
    padding: 5px 6px !important;
    border-radius: 7px !important;
    box-sizing: border-box;
    background: #f6f8fc !important;
    color: #4f5f73 !important;
    font-size: 10px !important;
    font-weight: 800;
    line-height: 1.2;
    box-shadow: none;
}
.manris-admin-anggota input.manris-anggota-quota:not([readonly]){
    border: 1px solid #e2a637 !important;
    background: #fffaf0 !important;
    color: #65470d !important;
    box-shadow: 0 0 0 2px rgba(245, 166, 35, .11);
}
.manris-admin-anggota input.manris-anggota-quota:focus:not([readonly]){
    outline: none;
    border-color: #b7791f !important;
    box-shadow: 0 0 0 3px rgba(183, 121, 31, .16) !important;
}
.manris-admin-anggota input.manris-anggota-quota.is-invalid{
    border-color: #dc3545 !important;
    background: #fff5f5 !important;
}
.manris-admin-anggota .manris-anggota-quota-cell .invalid-feedback{
    font-size: 9px;
    text-align: left;
    line-height: 1.35;
    white-space: normal;
}
.manris-admin-anggota .manris-anggota-state{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border-radius: 30px;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.25;
    white-space: nowrap;
}
.manris-admin-anggota .manris-anggota-state-active{ background: #dff7ee; color: #117752; }
.manris-admin-anggota .manris-anggota-state-pending{ background: #fff3db; color: #925d06; }
.manris-admin-anggota .manris-anggota-state i{ font-size: 9px; }
.manris-admin-anggota .manris-anggota-keterangan{ min-width: 125px; }
.manris-admin-anggota .manris-anggota-activity{ font-weight: 700; color: #526479; }
.manris-admin-anggota .manris-anggota-activity-by,
.manris-admin-anggota .manris-anggota-activity-date{ color: #8995a5; font-size: 9px; }
.manris-admin-anggota .manris-anggota-empty{ color: #acb8c6; }
.manris-admin-anggota .manris-anggota-action-cell{ min-width: 148px; }
.manris-admin-anggota .manris-anggota-row-actions{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2px;
    min-width: 132px;
}
.manris-admin-anggota .manris-anggota-row-actions .manris-action{ margin: 2px !important; }
.manris-admin-anggota .manris-anggota-row-actions .manris-action i{ font-size: 9px !important; }
.manris-admin-anggota #tabel-pengguna_wrapper .row{ margin-left: -5px; margin-right: -5px; }
.manris-admin-anggota #tabel-pengguna_wrapper .row > div{ padding-left: 5px; padding-right: 5px; }
.manris-admin-anggota #tabel-pengguna_wrapper .dataTables_length,
.manris-admin-anggota #tabel-pengguna_wrapper .dataTables_filter,
.manris-admin-anggota #tabel-pengguna_wrapper .dataTables_info,
.manris-admin-anggota #tabel-pengguna_wrapper .dataTables_paginate{ color: #7b8b9f; font-size: 10px; }
.manris-admin-anggota #tabel-pengguna_wrapper .dataTables_length select,
.manris-admin-anggota #tabel-pengguna_wrapper .dataTables_filter input{
    height: 32px;
    border: 1px solid #dce5f0;
    border-radius: 7px;
    background: #fff;
    color: #344054;
    font-size: 10px;
    padding: 4px 8px;
    outline: none;
}
.manris-admin-anggota #tabel-pengguna_wrapper .dataTables_filter input:focus{ border-color: #007bff; box-shadow: 0 0 0 2px rgba(0, 123, 255, .12); }
.manris-admin-anggota #tabel-pengguna_wrapper .page-link{
    border-color: #e3eaf3;
    color: #536980;
    font-size: 10px;
    padding: 5px 9px;
}
.manris-admin-anggota #tabel-pengguna_wrapper .page-item.active .page-link{
    background: #007bff;
    border-color: #007bff;
    color: #fff;
}
@media  (max-width: 767px) {

    .manris-admin-anggota .manris-anggota-table thead th,
.manris-admin-anggota .manris-anggota-table tbody td{ padding: 9px 7px !important; }
    .manris-admin-anggota #tabel-pengguna_wrapper .dataTables_filter{ text-align: left; }
    .manris-admin-anggota #tabel-pengguna_wrapper .dataTables_filter input{ width: 180px; max-width: 100%; }

}
@media  (prefers-reduced-motion: reduce) {

    .manris-admin-anggota .manris-anggota-table tbody tr{ transition: none !important; }

}




/* ===============================================================
  EXTRACTED FROM Views/administrator/v_anggota.php / style block 1
  =============================================================== */

/* =========================================================
   MANRIS - ADMINISTRATOR / ANGGOTA
   Mengikuti desain v_dashboard.php Administrator terbaru.
   Seluruh selector CSS dibatasi pada halaman ini.
   ========================================================= */
.manris-admin-anggota{
    --anggota-ink: #172334;
    --anggota-muted: #8a96a6;
    --anggota-border: #e4eaf1;
    --anggota-blue: var(--manris-primary, #007bff);
    --anggota-soft-blue: #eaf4ff;
    min-height: calc(100vh - 130px);
    background: #f5f7fa;
    font-family: "Lato", sans-serif;
}
.manris-admin-anggota .manris-anggota-hero{
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #007bff 0%, #0069d9 60%, #0056b3 100%);
    color: #fff;
}
.manris-admin-anggota .manris-anggota-hero::before,
.manris-admin-anggota .manris-anggota-hero::after{
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}
.manris-admin-anggota .manris-anggota-hero::before{
    width: 280px;
    height: 280px;
    right: -100px;
    top: -150px;
    background: rgba(255, 255, 255, .08);
}
.manris-admin-anggota .manris-anggota-hero::after{
    width: 180px;
    height: 180px;
    right: 120px;
    bottom: -130px;
    background: rgba(255, 255, 255, .05);
}
.manris-admin-anggota .manris-anggota-hero-inner{
    position: relative;
    z-index: 1;
    max-width: 1400px;
    min-height: 112px;
    margin: 0 auto;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px 24px;
}
.manris-admin-anggota .manris-anggota-hero-heading{
    display: flex;
    align-items: center;
    min-width: 0;
}
.manris-admin-anggota .manris-anggota-hero-icon{
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: rgba(255, 255, 255, .15);
    border: 1px solid rgba(255, 255, 255, .20);
    font-size: 21px;
}
.manris-admin-anggota .manris-anggota-hero-copy{ min-width: 0; }
.manris-admin-anggota .manris-anggota-hero-copy h1{
    margin: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.3px;
}
.manris-admin-anggota .manris-anggota-hero-copy p{
    margin: 5px 0 0;
    color: rgba(255, 255, 255, .82);
    font-size: 13px;
    line-height: 1.45;
}
.manris-admin-anggota .manris-anggota-hero-badge{
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    padding: 8px 13px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .12);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}
.manris-admin-anggota .manris-anggota-live-dot{
    width: 7px;
    height: 7px;
    margin-right: 7px;
    border-radius: 50%;
    background: #20a779;
    box-shadow: 0 0 0 4px rgba(32, 167, 121, .18);
}
.manris-admin-anggota .manris-anggota-content{
    position: relative;
    z-index: 2;
    max-width: 1400px;
    margin: -22px auto 0;
    padding: 0 30px 35px;
}
.manris-admin-anggota .manris-anggota-card{
    margin-bottom: 18px;
    border: 1px solid var(--anggota-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(28, 39, 60, .06);
}
.manris-admin-anggota .manris-anggota-card > .card-body{ padding: 16px 20px; }
.manris-admin-anggota .manris-anggota-card-heading{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid #edf1f6;
}
.manris-admin-anggota .manris-anggota-heading-main{
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}
.manris-admin-anggota .manris-anggota-heading-icon{
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--anggota-soft-blue);
    color: var(--anggota-blue);
    font-size: 15px;
}
.manris-admin-anggota .manris-anggota-heading-copy{ min-width: 0; }
.manris-admin-anggota .manris-anggota-heading-copy h2{
    margin: 0 0 3px;
    color: var(--anggota-ink);
    font-size: 14px;
    font-weight: 700;
}
.manris-admin-anggota .manris-anggota-heading-copy p{
    margin: 0;
    color: var(--anggota-muted);
    font-size: 11px;
    line-height: 1.45;
}
.manris-admin-anggota .manris-anggota-toolbar{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.manris-admin-anggota .manris-anggota-status{
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    border-radius: 20px;
    background: #f1f4f8;
    color: #68788b;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}
.manris-admin-anggota .manris-anggota-status::before{
    content: "";
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #9aa8b9;
}
.manris-admin-anggota .manris-anggota-status[data-state="loading"]{
    background: #eaf4ff;
    color: #006acc;
}
.manris-admin-anggota .manris-anggota-status[data-state="loading"]::before{ background: #007bff; }
.manris-admin-anggota .manris-anggota-status[data-state="success"]{
    background: #e7f8f0;
    color: #127853;
}
.manris-admin-anggota .manris-anggota-status[data-state="success"]::before{ background: #20a779; }
.manris-admin-anggota .manris-anggota-status[data-state="error"]{
    background: #fff0f1;
    color: #b42332;
}
.manris-admin-anggota .manris-anggota-status[data-state="error"]::before{ background: #dc3545; }
.manris-admin-anggota .manris-anggota-table-area{
    min-height: 160px;
    padding-top: 14px;
}
.manris-admin-anggota .manris-anggota-loading:not(.d-none){
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 150px;
    color: var(--anggota-muted);
    font-size: 12px;
    font-weight: 700;
}
.manris-admin-anggota .manris-anggota-loading.d-none,
.manris-admin-anggota .manris-anggota-placeholder.d-none{ display: none !important; }
.manris-admin-anggota .manris-anggota-placeholder{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 7px;
    min-height: 160px;
    padding: 18px;
    text-align: center;
}
.manris-admin-anggota .manris-anggota-placeholder-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 53px;
    margin-bottom: 4px;
    border-radius: 16px;
    background: var(--anggota-soft-blue);
    color: #007bff;
    font-size: 21px;
}
.manris-admin-anggota .manris-anggota-placeholder h3{
    margin: 0;
    color: var(--anggota-ink);
    font-size: 14px;
    font-weight: 700;
}
.manris-admin-anggota .manris-anggota-placeholder p{
    margin: 0;
    color: var(--anggota-muted);
    font-size: 11px;
    line-height: 1.5;
}
.manris-admin-anggota .manris-anggota-table-result{ width: 100%; min-width: 0; }
.manris-admin-anggota .manris-anggota-note{
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-top: 17px;
    padding: 12px 14px;
    border: 1px solid #d9e9fa;
    border-radius: 9px;
    background: #f2f8ff;
}
.manris-admin-anggota .manris-anggota-note-icon{
    color: #007bff;
    font-size: 16px;
    line-height: 1.3;
}
.manris-admin-anggota .manris-anggota-note strong{
    display: block;
    margin: 0 0 2px;
    color: #24517c;
    font-size: 11px;
    font-weight: 800;
}
.manris-admin-anggota .manris-anggota-note p{
    margin: 0;
    color: #5b7087;
    font-size: 11px;
    line-height: 1.5;
}
/* Perilaku tombol berasal dari manris-buttons.css (opt-in). */
.manris-admin-anggota .manris-anggota-reload{ min-width: 102px; }
@media  (max-width: 767px) {

    .manris-admin-anggota .manris-anggota-hero-inner{
        align-items: flex-start;
        flex-direction: column;
    }
    .manris-admin-anggota .manris-anggota-toolbar{
        justify-content: flex-start;
        width: 100%;
    }

}
@media  (max-width: 575px) {

    .manris-admin-anggota .manris-anggota-hero-inner{ padding: 18px 15px; }
    .manris-admin-anggota .manris-anggota-hero-copy h1{ font-size: 20px; }
    .manris-admin-anggota .manris-anggota-hero-copy p{ font-size: 11px; }
    .manris-admin-anggota .manris-anggota-hero-icon{
        width: 44px;
        height: 44px;
        flex-basis: 44px;
        margin-right: 12px;
        font-size: 18px;
    }
    .manris-admin-anggota .manris-anggota-hero-badge{ font-size: 10px; padding: 6px 10px; }
    .manris-admin-anggota .manris-anggota-content{ padding: 0 12px 25px; margin-top: -15px; }
    .manris-admin-anggota .manris-anggota-card > .card-body{ padding: 15px; }
    .manris-admin-anggota .manris-anggota-card-heading{ align-items: flex-start; }

}
@media  (prefers-reduced-motion: reduce) {

    .manris-admin-anggota *,
.manris-admin-anggota *::before,
.manris-admin-anggota *::after{
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }

}




/* ===============================================================
  EXTRACTED FROM Views/administrator/v_dashboard.php / style block 1
  =============================================================== */

/* MANRIS — ADMINISTRATOR DASHBOARD | Selaras dengan Dashboard Pengguna.
   CSS khusus halaman: tidak mengubah manris.css, plugin, atau view lain. */
.manris-admin-dashboard{
    --admin-ink: #172334;
    --admin-muted: #8a96a6;
    --admin-border: #e4eaf1;
    --admin-blue: var(--manris-primary, #007bff);
    --admin-soft-blue: #eaf4ff;
    min-height: calc(100vh - 130px);
    background: #f5f7fa;
    font-family: "Lato", sans-serif;
}

/* Header: susunan dan proporsi mengikuti Dashboard Pengguna. */
.manris-admin-dashboard .manris-admin-hero{
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #007bff 0%, #0069d9 60%, #0056b3 100%);
    color: #fff;
}
.manris-admin-dashboard .manris-admin-hero::before,
.manris-admin-dashboard .manris-admin-hero::after{
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}
.manris-admin-dashboard .manris-admin-hero::before{
    width: 280px;
    height: 280px;
    right: -100px;
    top: -150px;
    background: rgba(255, 255, 255, .08);
}
.manris-admin-dashboard .manris-admin-hero::after{
    width: 180px;
    height: 180px;
    right: 120px;
    bottom: -130px;
    background: rgba(255, 255, 255, .05);
}
.manris-admin-dashboard .manris-admin-hero-inner{
    position: relative;
    z-index: 1;
    max-width: 1400px;
    min-height: 112px;
    margin: 0 auto;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px 24px;
}
.manris-admin-dashboard .manris-admin-hero-heading{
    display: flex;
    align-items: center;
    min-width: 0;
}
.manris-admin-dashboard .manris-admin-hero-icon{
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: rgba(255, 255, 255, .15);
    border: 1px solid rgba(255, 255, 255, .20);
    font-size: 21px;
}
.manris-admin-dashboard .manris-admin-hero-copy{ min-width: 0; }
.manris-admin-dashboard .manris-admin-hero-copy h1{
    margin: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.3px;
}
.manris-admin-dashboard .manris-admin-hero-copy p{
    margin: 5px 0 0;
    color: rgba(255, 255, 255, .82);
    font-size: 13px;
    line-height: 1.45;
}
.manris-admin-dashboard .manris-admin-hero-badge{
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    padding: 8px 13px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .12);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}
.manris-admin-dashboard .manris-admin-live-dot{
    width: 7px;
    height: 7px;
    margin-right: 7px;
    border-radius: 50%;
    background: #20a779;
    box-shadow: 0 0 0 4px rgba(32, 167, 121, .18);
}

/* Konten dan kartu mengikuti proporsi Dashboard Pengguna. */
.manris-admin-dashboard .manris-admin-content{
    position: relative;
    z-index: 2;
    max-width: 1400px;
    margin: -22px auto 0;
    padding: 0 30px 35px;
}
.manris-admin-dashboard .manris-admin-card{
    margin-bottom: 18px;
    border: 1px solid var(--admin-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(28, 39, 60, .06);
}
.manris-admin-dashboard .manris-admin-card > .card-body{ padding: 16px 20px; }
.manris-admin-dashboard .manris-admin-card-heading{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}
.manris-admin-dashboard .manris-admin-heading-icon{
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--admin-soft-blue);
    color: var(--admin-blue);
    font-size: 15px;
}
.manris-admin-dashboard .manris-admin-card-heading h2{
    margin: 0 0 3px;
    color: var(--admin-ink);
    font-size: 14px;
    font-weight: 700;
}
.manris-admin-dashboard .manris-admin-card-heading p{
    margin: 0;
    color: var(--admin-muted);
    font-size: 11px;
    line-height: 1.45;
}

/* Filter Select2 — tinggi/teks/arrow diselaraskan dengan menu MANRIS sebelumnya. */
.manris-admin-dashboard .manris-admin-filter-row{ align-items: flex-end; }
.manris-admin-dashboard .manris-admin-filter-row .form-group{ margin-bottom: 0; }
.manris-admin-dashboard .manris-admin-filter-row label{
    display: block;
    margin-bottom: 5px;
    color: #536174;
    font-size: 11px;
    font-weight: 700;
}
.manris-admin-dashboard .manris-admin-filter-row label i{ margin-right: 5px; color: #607993; }
.manris-admin-dashboard .manris-admin-filter-field{ position: relative; }
.manris-admin-dashboard .manris-admin-filter-field > .form-control{
    height: 36px;
    border: 1px solid #dce3eb;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}
.manris-admin-dashboard .manris-admin-filter-field .select2-container{ width: 100% !important; font-size: 12px; }
.manris-admin-dashboard .manris-admin-filter-field .select2-container--bootstrap4 .select2-selection--single{
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 36px !important;
    min-height: 36px !important;
    padding: 3px 32px 3px 10px !important;
    border: 1px solid #dce3eb !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden;
    font-size: 12px !important;
}
.manris-admin-dashboard .manris-admin-filter-field .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered{
    display: block;
    padding: 0 !important;
    padding-right: 0 !important;
    line-height: 28px !important;
    color: #495057 !important;
    font-size: 12px !important;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.manris-admin-dashboard .manris-admin-filter-field .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder{
    color: #8a96a6 !important;
    font-weight: 400;
}
.manris-admin-dashboard .manris-admin-filter-field .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow{
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    width: 30px !important;
    height: 34px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    box-sizing: border-box;
}
.manris-admin-dashboard .manris-admin-filter-field .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b{
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
}
.manris-admin-dashboard .manris-admin-filter-field .select2-container--bootstrap4.select2-container--focus .select2-selection--single,
.manris-admin-dashboard .manris-admin-filter-field .select2-container--bootstrap4.select2-container--open .select2-selection--single{
    border-color: #80bdff !important;
    box-shadow: 0 0 0 .15rem rgba(0, 123, 255, .10) !important;
}
/* dropdownParent meletakkan dropdown dalam field ini, supaya style tidak mengenai menu lain. */
.manris-admin-dashboard .manris-admin-filter-field .select2-container--bootstrap4 .select2-dropdown{
    border: 1px solid #dce3eb !important;
    border-radius: 8px !important;
    background: #fff;
    box-shadow: 0 7px 18px rgba(23, 35, 52, .12);
    font-family: "Lato", sans-serif;
    font-size: 11px !important;
    overflow: hidden;
}
.manris-admin-dashboard .manris-admin-filter-field .select2-container--bootstrap4 .select2-results__option{
    padding: 7px 10px !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    color: #536174;
}
.manris-admin-dashboard .manris-admin-filter-field .select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected],
.manris-admin-dashboard .manris-admin-filter-field .select2-container--bootstrap4 .select2-results__option--highlighted{
    background: #007bff !important;
    color: #fff !important;
}
.manris-admin-dashboard .manris-admin-filter-field .select2-container--bootstrap4 .select2-results__options{
    max-height: 230px !important;
}
.manris-admin-dashboard .manris-admin-filter-field .select2-container--bootstrap4 .select2-search--dropdown{ padding: 7px !important; }
.manris-admin-dashboard .manris-admin-filter-field .select2-container--bootstrap4 .select2-search--dropdown .select2-search__field{
    height: 32px !important;
    padding: 5px 9px !important;
    font-size: 11px !important;
    border: 1px solid #dce3eb !important;
    border-radius: 7px !important;
    box-sizing: border-box;
}
.manris-admin-dashboard .manris-admin-search-label{ visibility: hidden; }
.manris-admin-dashboard .manris-admin-search-button{ min-height: 36px; }

/* Area hasil AJAX: tetap menggunakan #tbl-dashboard dan response.view. */
.manris-admin-dashboard .manris-admin-result-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding-bottom: 14px;
    border-bottom: 1px solid #edf1f6;
}
.manris-admin-dashboard .manris-admin-heading-icon-results{ background: #eaf9f2; color: #17936e; }
.manris-admin-dashboard .manris-admin-status{
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    border-radius: 20px;
    background: #f1f4f8;
    color: #68788b;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}
.manris-admin-dashboard .manris-admin-status::before{
    content: "";
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #9aa8b9;
}
.manris-admin-dashboard .manris-admin-status[data-state="loading"]{ color: #006acc; background: #eaf4ff; }
.manris-admin-dashboard .manris-admin-status[data-state="loading"]::before{ background: #007bff; }
.manris-admin-dashboard .manris-admin-status[data-state="success"]{ color: #127853; background: #e7f8f0; }
.manris-admin-dashboard .manris-admin-status[data-state="success"]::before{ background: #20a779; }
.manris-admin-dashboard .manris-admin-status[data-state="error"]{ color: #b42332; background: #fff0f1; }
.manris-admin-dashboard .manris-admin-status[data-state="error"]::before{ background: #dc3545; }
.manris-admin-dashboard .manris-admin-result-body{ min-height: 210px; padding-top: 12px; }
.manris-admin-dashboard .manris-admin-loading:not(.d-none){
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 180px;
    color: var(--admin-muted);
    font-size: 12px;
    font-weight: 700;
}
.manris-admin-dashboard .manris-admin-loading.d-none{ display: none !important; }
.manris-admin-dashboard .manris-admin-placeholder{
    display: flex;
    min-height: 188px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 7px;
    padding: 18px;
    text-align: center;
}
.manris-admin-dashboard .manris-admin-placeholder.d-none{ display: none !important; }
.manris-admin-dashboard .manris-admin-placeholder-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 53px;
    margin-bottom: 4px;
    border-radius: 16px;
    background: var(--admin-soft-blue);
    color: #007bff;
    font-size: 21px;
}
.manris-admin-dashboard .manris-admin-placeholder h3{ margin: 0; color: var(--admin-ink); font-size: 13px; font-weight: 700; }
.manris-admin-dashboard .manris-admin-placeholder p{ margin: 0; max-width: 430px; color: var(--admin-muted); font-size: 11px; line-height: 1.6; }
.manris-admin-dashboard .manris-admin-table-result{ min-width: 0; max-width: 100%; }
@media  (max-width: 991px) {

    .manris-admin-dashboard .manris-admin-hero-inner{ flex-wrap: wrap; }
    .manris-admin-dashboard .manris-admin-filter-row .form-group{ margin-bottom: 14px; }
    .manris-admin-dashboard .manris-admin-search-label{ display: none; }

}
@media  (max-width: 575px) {

    .manris-admin-dashboard .manris-admin-hero-inner{ padding: 18px 15px; }
    .manris-admin-dashboard .manris-admin-hero-copy h1{ font-size: 20px; }
    .manris-admin-dashboard .manris-admin-hero-copy p{ font-size: 11px; }
    .manris-admin-dashboard .manris-admin-hero-icon{ width: 44px; height: 44px; flex-basis: 44px; margin-right: 12px; font-size: 18px; }
    .manris-admin-dashboard .manris-admin-hero-badge{ font-size: 10px; padding: 6px 10px; }
    .manris-admin-dashboard .manris-admin-content{ padding: 0 12px 25px; margin-top: -15px; }
    .manris-admin-dashboard .manris-admin-card > .card-body{ padding: 15px; }
    .manris-admin-dashboard .manris-admin-result-header{ align-items: flex-start; }

}
@media  (prefers-reduced-motion: reduce) {

    .manris-admin-dashboard *,
.manris-admin-dashboard *::before,
.manris-admin-dashboard *::after{
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }

}




/* ===============================================================
  EXTRACTED FROM Views/authentication/v_login.php / style block 1
  =============================================================== */




body.manris-auth-login{



                --primary: #007bff;



                --primary-dark: #0069d9;



                --primary-soft: #eaf4ff;



                --primary-soft-2: #f4f9ff;



                --danger: #dc3545;



                --danger-soft: #fff1f2;



                --success: #20a779;



                --dark: #172334;



                --text: #536174;



                --muted: #8a96a6;



                --border: #e4eaf1;



                --white: #ffffff;



            }





            body.manris-auth-login, body.manris-auth-login *{

                box-sizing: border-box;

            }





            body.manris-auth-login,
body.manris-auth-login{



                margin: 0;



                padding: 0;



                width: 100%;



                min-height: 100%;



            }





            body.manris-auth-login{



                font-family: "Inter", sans-serif;



                background: #f4f8fc;



                color: var(--dark);



                overflow-x: hidden;



            }





/* =====================================================

            MAIN

            ====================================================== */



            body.manris-auth-login .manris-page{



                min-height: 100vh;



                display: flex;



                position: relative;



                overflow: hidden;



                background:



                    radial-gradient(

circle at 12% 10%,

                        rgba(0,123,255,.10),

transparent 28%

                    ),



                    linear-gradient(

                        135deg,

                        #f7fbff 0%,

                        #eef6ff 100%

                    );



            }





/* =====================================================

            BACKGROUND DECORATION

            ====================================================== */



            body.manris-auth-login .orb{



                position: absolute;



                border-radius: 50%;



                pointer-events: none;



            }





            body.manris-auth-login .orb-1{



                width: 500px;



                height: 500px;



                top: -300px;



                left: -220px;



                background: rgba(0,123,255,.055);



            }





            body.manris-auth-login .orb-2{



                width: 400px;



                height: 400px;



                right: -240px;



                bottom: -220px;



                background: rgba(0,123,255,.045);



            }





/* =====================================================

            LEFT PANEL

            ====================================================== */



            body.manris-auth-login .manris-left{



                width: 57%;



                min-height: 100vh;



                padding: 55px 65px;



                display: flex;



                align-items: center;



                position: relative;



                z-index: 1;



            }





            body.manris-auth-login .manris-left-inner{



                width: 100%;



                max-width: 700px;



                margin: auto;



            }





/* =====================================================

            BRAND

            ====================================================== */



            body.manris-auth-login .brand{



                display: flex;



                align-items: center;



                margin-bottom: 27px;



            }





            body.manris-auth-login .brand-logo{



                width: 70px;



                height: 70px;



                object-fit: contain;



                margin-right: 17px;



                filter:

                    drop-shadow(

                        0 8px 15px rgba(0,0,0,.12)

                    );



            }





            body.manris-auth-login .brand-name{



                margin: 0;



                font-size: 30px;



                font-weight: 800;



                letter-spacing: -.8px;



            }





            body.manris-auth-login .brand-subtitle{



                margin-top: 3px;



                color: var(--primary);



                font-size: 11px;



                font-weight: 700;



                letter-spacing: 1.5px;



                text-transform: uppercase;



            }





/* =====================================================

            HEADLINE

            ====================================================== */



            body.manris-auth-login .hero-title{



                margin: 0 0 15px;



                font-size: 40px;



                line-height: 1.14;



                font-weight: 800;



                letter-spacing: -1.3px;



            }





            body.manris-auth-login .hero-title span{



                color: var(--primary);



            }





            body.manris-auth-login .hero-description{



                max-width: 610px;



                margin-bottom: 28px;



                color: var(--text);



                font-size: 14px;



                line-height: 1.8;



            }





/* =====================================================

            HEALTHCARE PANEL

            ====================================================== */



            body.manris-auth-login .health-panel{



                position: relative;



                padding: 20px;



                max-width: 630px;



                border-radius: 18px;



                background:

                    rgba(255,255,255,.72);



                border: 1px solid

                    rgba(0,123,255,.10);



                box-shadow:

                    0 18px 45px rgba(30,70,110,.07);



                backdrop-filter: blur(10px);



            }





            body.manris-auth-login .health-panel-header{



                display: flex;



                align-items: center;



                justify-content: space-between;



                margin-bottom: 17px;



            }





            body.manris-auth-login .health-panel-title{



                display: flex;



                align-items: center;



                font-size: 11px;



                font-weight: 800;



                color: var(--dark);



                text-transform: uppercase;



                letter-spacing: 1px;



            }





            body.manris-auth-login .hospital-icon{



                width: 32px;



                height: 32px;



                margin-right: 9px;



                display: flex;



                align-items: center;



                justify-content: center;



                border-radius: 9px;



                background: var(--primary-soft);



                color: var(--primary);



            }





            body.manris-auth-login .status-pill{



                padding: 6px 10px;



                border-radius: 20px;



                background: #ecfaf5;



                color: var(--success);



                font-size: 9px;



                font-weight: 700;



            }





/* =====================================================

            RISK JOURNEY

            ====================================================== */



            body.manris-auth-login .risk-journey{



                display: flex;



                align-items: center;



                justify-content: space-between;



            }





            body.manris-auth-login .journey-item{



                text-align: center;



                min-width: 65px;



            }





            body.manris-auth-login .journey-icon{



                width: 42px;



                height: 42px;



                margin: auto auto 7px;



                display: flex;



                align-items: center;



                justify-content: center;



                border-radius: 12px;



                background: var(--primary-soft);



                color: var(--primary);



                border: 1px solid rgba(0,123,255,.08);



            }





            body.manris-auth-login .journey-item:nth-child(5)

            .journey-icon{



                background: #edf9f5;



                color: var(--success);



            }





            body.manris-auth-login .journey-label{



                font-size: 9px;



                font-weight: 700;



                color: var(--dark);



            }





            body.manris-auth-login .journey-arrow{



                color: #b7c1cc;



                font-size: 10px;



                margin-top: -18px;



            }





/* =====================================================

            OUTPUT

            ====================================================== */



            body.manris-auth-login .output-row{



                display: grid;



                grid-template-columns: 1fr 1fr 1fr;



                gap: 10px;



                margin-top: 12px;



            }





            body.manris-auth-login .output-box{



                padding: 12px;



                border-radius: 11px;



                background: #ffffff;



                border: 1px solid var(--border);



                display: flex;



                align-items: center;



            }





            body.manris-auth-login .output-icon{



                width: 34px;



                height: 34px;



                display: flex;



                align-items: center;



                justify-content: center;



                flex-shrink: 0;



                margin-right: 9px;



                border-radius: 9px;



                background: var(--primary-soft);



                color: var(--primary);



            }





            body.manris-auth-login .output-box.risk .output-icon{



                background: var(--danger-soft);



                color: var(--danger);



            }





            body.manris-auth-login .output-box.supervision .output-icon{



                background: #edf9f5;



                color: var(--success);



            }





            body.manris-auth-login .output-name{



                display: block;



                font-size: 9px;



                font-weight: 800;



                color: var(--dark);



            }





            body.manris-auth-login .output-info{



                display: block;



                margin-top: 2px;



                font-size: 8px;



                line-height: 1.3;



                color: var(--muted);



            }





/* =====================================================

            RIGHT LOGIN

            ====================================================== */



            body.manris-auth-login .manris-right{



                width: 43%;



                min-height: 100vh;



                display: flex;



                align-items: center;



                justify-content: center;



                padding: 40px;



                position: relative;



                z-index: 2;



                background: #ffffff;



                box-shadow:

                    -15px 0 50px rgba(24,52,82,.035);



            }





            body.manris-auth-login .login-card{



                width: 100%;



                max-width: 420px;



                padding: 40px;



                border-radius: 20px;



                background: #ffffff;



                border: 1px solid #edf1f5;



                box-shadow:

                    0 25px 70px rgba(24,52,82,.09);



            }





/* =====================================================

            LOGIN HEADER

            ====================================================== */



            body.manris-auth-login .login-header{



                margin-bottom: 28px;



            }





            body.manris-auth-login .login-header h2{



                margin: 0 0 7px;



                font-size: 26px;



                font-weight: 800;



            }





            body.manris-auth-login .login-header p{



                margin: 0;



                color: var(--muted);



                font-size: 12px;



                line-height: 1.7;



            }





/* =====================================================

            FORM

            ====================================================== */



            body.manris-auth-login .field{



                margin-bottom: 18px;



            }





            body.manris-auth-login .field-label{



                display: block;



                margin-bottom: 7px;



                color: #465366;



                font-size: 10px;



                font-weight: 800;



            }





            body.manris-auth-login .input-box{



                position: relative;



            }





            body.manris-auth-login .input-svg{



                position: absolute;



                left: 15px;



                top: 50%;



                transform: translateY(-50%);



                width: 17px;



                height: 17px;



                color: #9ba8b7;



                z-index: 5;



            }





            body.manris-auth-login .manris-input{



                width: 100%;



                height: 50px;



                padding: 0 43px 0 44px;



                border: 1px solid var(--border);



                border-radius: 10px;



                background: #fbfcfe;



                color: var(--dark);



                outline: none;



                font-size: 12px;



                transition: .2s ease;



            }





            body.manris-auth-login .manris-input:focus{



                background: #ffffff;



                border-color: var(--primary);



                box-shadow:

                    0 0 0 3px rgba(0,123,255,.10);



            }





            body.manris-auth-login .manris-input::placeholder{



                color: #aab4c0;



            }





/* =====================================================

            SELECT2

            ====================================================== */



            body.manris-auth-login .select-icon{



                position: absolute;



                left: 15px;



                top: 50%;



                transform: translateY(-50%);



                width: 17px;



                height: 17px;



                z-index: 10;



                color: #9ba8b7;



            }





            body.manris-auth-login .select2-container{



                width: 100% !important;



            }





            body.manris-auth-login .select2-container--bootstrap4

            .select2-selection--single{



                height: 50px !important;



                border-radius: 10px !important;



                border: 1px solid var(--border) !important;



                background: #fbfcfe !important;



                box-shadow: none !important;



            }





            body.manris-auth-login .select2-container--bootstrap4

            .select2-selection--single

            .select2-selection__rendered{



                height: 48px;



                line-height: 48px;



                padding-left: 43px !important;



                font-size: 12px;



                color: var(--dark);



            }





            body.manris-auth-login .select2-container--bootstrap4

            .select2-selection--single

            .select2-selection__placeholder{



                color: #aab4c0;



            }





            body.manris-auth-login .select2-container--bootstrap4.select2-container--focus

            .select2-selection--single,
body.manris-auth-login .select2-container--bootstrap4.select2-container--open

            .select2-selection--single{



                border-color: var(--primary) !important;



                box-shadow:

                    0 0 0 3px rgba(0,123,255,.10) !important;



            }





            body.manris-auth-login .select2-container--bootstrap4

            .select2-dropdown{



                border-radius: 10px;



                overflow: hidden;



                border-color: var(--border);



                box-shadow:

                    0 15px 40px rgba(25,52,80,.12);



            }





            body.manris-auth-login .select2-container--bootstrap4

            .select2-results__option{



                font-size: 11px;



                padding: 10px 12px;



            }





            body.manris-auth-login .select2-container--bootstrap4

            .select2-results__option--highlighted{



                background: var(--primary);



            }



/* =====================================================

            SELECT2 — FOCUS INSTANSI

            ====================================================== */



            body.manris-auth-login .field:has(#kode_instansi){

                position: relative;

                z-index: 20;

            }



            body.manris-auth-login .field:has(#kode_instansi) .select2-container{

                transition:

                    transform .2s ease,

                    filter .2s ease;

            }



            body.manris-auth-login .field:has(#kode_instansi) .select2-container--open{

                transform: scale(1.025);

                transform-origin: center center;

                z-index: 9999;

            }



            body.manris-auth-login .field:has(#kode_instansi) .select2-container--open

            .select2-selection--single{

                border-color: var(--primary) !important;



                box-shadow:

                    0 0 0 4px rgba(0,123,255,.10),

                    0 10px 25px rgba(0,123,255,.10) !important;



                background: #ffffff !important;

            }



            body.manris-auth-login .field:has(#kode_instansi) .select2-dropdown{

                transform: scale(0.976);

                transform-origin: top center;



                box-shadow:

                    0 18px 45px rgba(25,52,80,.16) !important;

            }



/* =====================================================

            PASSWORD TOGGLE

            ====================================================== */



            body.manris-auth-login .password-toggle{



                position: absolute;



                right: 12px;



                top: 50%;



                transform: translateY(-50%);



                width: 30px;



                height: 30px;



                padding: 0;



                border: 0;



                background: transparent;



                color: #9ba8b7;



                cursor: pointer;



                z-index: 5;



            }





            body.manris-auth-login .password-toggle:hover{



                color: var(--primary);



            }





/* =====================================================

            REMEMBER

            ====================================================== */



            body.manris-auth-login .remember{



                margin-bottom: 20px;



            }





            body.manris-auth-login .remember label{



                display: flex;



                align-items: center;



                cursor: pointer;



                color: var(--muted);



                font-size: 10px;



            }





            body.manris-auth-login .remember input{



                margin-right: 7px;



                accent-color: var(--primary);



            }





/* =====================================================

            LOGIN BUTTON

            ====================================================== */



            body.manris-auth-login .login-button{



                width: 100%;



                height: 51px;



                border: 0;



                border-radius: 10px;



                background: var(--primary);



                color: #ffffff;



                font-size: 12px;



                font-weight: 800;



                box-shadow:

                    0 9px 22px rgba(0,123,255,.20);



                transition: .25s ease;



            }





            body.manris-auth-login .login-button:hover{



                background: var(--primary-dark);



                transform: translateY(-2px);



                box-shadow:

                    0 13px 28px rgba(0,123,255,.25);



            }





            body.manris-auth-login .login-button:disabled{



                opacity: .75;



                cursor: not-allowed;



                transform: none;



            }





/* =====================================================

            LOGIN FOOTER

            ====================================================== */



            body.manris-auth-login .login-footer{



                margin-top: 23px;



                text-align: center;



                color: #a2acb8;



                font-size: 9px;



                line-height: 1.7;



            }





            body.manris-auth-login .login-footer strong{



                color: #788595;



            }





/* =====================================================

            MOBILE

            ====================================================== */



            @media (max-width: 1100px) {




                body.manris-auth-login .manris-left{



                    width: 55%;



                    padding: 45px;



                }





                body.manris-auth-login .manris-right{



                    width: 45%;



                    padding: 25px;



                }





                body.manris-auth-login .hero-title{



                    font-size: 34px;



                }



            
}





            @media (max-width: 991px) {




                body.manris-auth-login .manris-page{



                    display: block;



                }





                body.manris-auth-login .manris-left{



                    width: 100%;



                    min-height: auto;



                    padding: 35px 30px 25px;



                }





                body.manris-auth-login .manris-right{



                    width: 100%;



                    min-height: auto;



                    padding: 20px 30px 45px;



                    box-shadow: none;



                }





                body.manris-auth-login .login-card{



                    max-width: 520px;



                }



            
}





            @media (max-width: 600px) {




                body.manris-auth-login .manris-left{



                    padding: 25px 18px 18px;



                }





                body.manris-auth-login .brand-logo{



                    width: 55px;



                    height: 55px;



                }





                body.manris-auth-login .brand-name{



                    font-size: 25px;



                }





                body.manris-auth-login .brand-subtitle{



                    font-size: 8px;



                }





                body.manris-auth-login .hero-title{



                    font-size: 27px;



                }





                body.manris-auth-login .hero-description{



                    font-size: 12px;



                }





                body.manris-auth-login .health-panel{



                    display: none;



                }





                body.manris-auth-login .manris-right{



                    padding: 10px 15px 35px;



                }





                body.manris-auth-login .login-card{



                    padding: 28px 20px;



                    border-radius: 16px;



                }



            
}



        

/* =====================================================
   DYNAMIC LOGIN + SECURITY VERIFICATION
   ====================================================== */

body.manris-auth-login .orb-1{
    animation: manrisOrbOne 14s ease-in-out infinite alternate;
}

body.manris-auth-login .orb-2{
    animation: manrisOrbTwo 17s ease-in-out infinite alternate;
}

body.manris-auth-login .health-panel{
    animation: manrisPanelFloat 8s ease-in-out infinite;
}

body.manris-auth-login .login-card{
    animation: manrisCardReveal .55s cubic-bezier(.2,.8,.2,1) both;
}

body.manris-auth-login .journey-icon{
    transition: transform .25s ease, box-shadow .25s ease;
}

body.manris-auth-login .journey-item:hover .journey-icon{
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0,123,255,.14);
}

body.manris-auth-login .security-chip{
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 14px;
    padding: 7px 10px;
    border: 1px solid #d9e9fb;
    border-radius: 999px;
    background: #f7fbff;
    color: #54708d;
    font-size: 9px;
    font-weight: 700;
}

body.manris-auth-login .security-chip-dot{
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--success);
    box-shadow: 0 0 0 4px rgba(32,167,121,.10);
    animation: manrisPulse 2.2s ease-in-out infinite;
}

body.manris-auth-login .security-verification{
    position: relative;
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: linear-gradient(180deg, #fbfdff 0%, #f6faff 100%);
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

body.manris-auth-login .security-verification.is-verified{
    border-color: rgba(32,167,121,.35);
    background: #f7fcfa;
    box-shadow: 0 0 0 3px rgba(32,167,121,.07);
}

body.manris-auth-login .security-verification.is-error{
    border-color: rgba(220,53,69,.28);
    background: #fffafa;
    box-shadow: 0 0 0 3px rgba(220,53,69,.06);
}

body.manris-auth-login .security-verification-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

body.manris-auth-login .security-verification-title{
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--dark);
    font-size: 10px;
    font-weight: 800;
}

body.manris-auth-login .security-verification-title svg{
    width: 16px;
    height: 16px;
    color: var(--primary);
}

body.manris-auth-login .security-verification-status{
    color: var(--muted);
    font-size: 9px;
    font-weight: 700;
}

body.manris-auth-login .security-verification-status.success{
    color: var(--success);
}

body.manris-auth-login .security-verification-status.error{
    color: var(--danger);
}

body.manris-auth-login .turnstile-shell{
    min-height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

body.manris-auth-login .turnstile-shell .cf-turnstile{
    width: 100%;
}

body.manris-auth-login .turnstile-config-warning{
    padding: 10px 12px;
    border: 1px solid #f7d9a8;
    border-radius: 9px;
    background: #fffaf1;
    color: #946200;
    font-size: 9px;
    line-height: 1.5;
}

body.manris-auth-login .remember strong{
    color: #5a687a;
    font-weight: 700;
}

@keyframes manrisOrbOne {
    from { transform: translate3d(0,0,0) scale(1); }
    to   { transform: translate3d(38px,28px,0) scale(1.06); }
}

@keyframes manrisOrbTwo {
    from { transform: translate3d(0,0,0) scale(1); }
    to   { transform: translate3d(-34px,-24px,0) scale(1.08); }
}

@keyframes manrisPanelFloat {
    0%,100% { transform: translateY(0); }
    50%     { transform: translateY(-5px); }
}

@keyframes manrisCardReveal {
    from { opacity: 0; transform: translateY(16px) scale(.985); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes manrisPulse {
    0%,100% { box-shadow: 0 0 0 4px rgba(32,167,121,.10); }
    50%     { box-shadow: 0 0 0 7px rgba(32,167,121,.035); }
}

@media  (prefers-reduced-motion: reduce) {

    body.manris-auth-login, body.manris-auth-login *,
body.manris-auth-login *::before,
body.manris-auth-login *::after{
        scroll-behavior: auto !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
    }

}

        



/* ===============================================================
  EXTRACTED FROM Views/authentication/v_login_.php / style block 1
  =============================================================== */


            body.manris-auth-login-legacy{

                --primary: #007bff;

                --primary-dark: #0069d9;

                --primary-soft: #eaf4ff;

                --primary-soft-2: #f4f9ff;

                --danger: #dc3545;

                --danger-soft: #fff1f2;

                --success: #20a779;

                --dark: #172334;

                --text: #536174;

                --muted: #8a96a6;

                --border: #e4eaf1;

                --white: #ffffff;

            }


            body.manris-auth-login-legacy, body.manris-auth-login-legacy *{
                box-sizing: border-box;
            }


            body.manris-auth-login-legacy,
body.manris-auth-login-legacy{

                margin: 0;

                padding: 0;

                width: 100%;

                min-height: 100%;

            }


            body.manris-auth-login-legacy{

                font-family: "Inter", sans-serif;

                background: #f4f8fc;

                color: var(--dark);

                overflow-x: hidden;

            }


            /* =====================================================
            MAIN
            ====================================================== */

            body.manris-auth-login-legacy .manris-page{

                min-height: 100vh;

                display: flex;

                position: relative;

                overflow: hidden;

                background:

                    radial-gradient(
                        circle at 12% 10%,
                        rgba(0,123,255,.10),
                        transparent 28%
                    ),

                    linear-gradient(
                        135deg,
                        #f7fbff 0%,
                        #eef6ff 100%
                    );

            }


            /* =====================================================
            BACKGROUND DECORATION
            ====================================================== */

            body.manris-auth-login-legacy .orb{

                position: absolute;

                border-radius: 50%;

                pointer-events: none;

            }


            body.manris-auth-login-legacy .orb-1{

                width: 500px;

                height: 500px;

                top: -300px;

                left: -220px;

                background: rgba(0,123,255,.055);

            }


            body.manris-auth-login-legacy .orb-2{

                width: 400px;

                height: 400px;

                right: -240px;

                bottom: -220px;

                background: rgba(0,123,255,.045);

            }


            /* =====================================================
            LEFT PANEL
            ====================================================== */

            body.manris-auth-login-legacy .manris-left{

                width: 57%;

                min-height: 100vh;

                padding: 55px 65px;

                display: flex;

                align-items: center;

                position: relative;

                z-index: 1;

            }


            body.manris-auth-login-legacy .manris-left-inner{

                width: 100%;

                max-width: 700px;

                margin: auto;

            }


            /* =====================================================
            BRAND
            ====================================================== */

            body.manris-auth-login-legacy .brand{

                display: flex;

                align-items: center;

                margin-bottom: 27px;

            }


            body.manris-auth-login-legacy .brand-logo{

                width: 70px;

                height: 70px;

                object-fit: contain;

                margin-right: 17px;

                filter:
                    drop-shadow(
                        0 8px 15px rgba(0,0,0,.12)
                    );

            }


            body.manris-auth-login-legacy .brand-name{

                margin: 0;

                font-size: 30px;

                font-weight: 800;

                letter-spacing: -.8px;

            }


            body.manris-auth-login-legacy .brand-subtitle{

                margin-top: 3px;

                color: var(--primary);

                font-size: 11px;

                font-weight: 700;

                letter-spacing: 1.5px;

                text-transform: uppercase;

            }


            /* =====================================================
            HEADLINE
            ====================================================== */

            body.manris-auth-login-legacy .hero-title{

                margin: 0 0 15px;

                font-size: 40px;

                line-height: 1.14;

                font-weight: 800;

                letter-spacing: -1.3px;

            }


            body.manris-auth-login-legacy .hero-title span{

                color: var(--primary);

            }


            body.manris-auth-login-legacy .hero-description{

                max-width: 610px;

                margin-bottom: 28px;

                color: var(--text);

                font-size: 14px;

                line-height: 1.8;

            }


            /* =====================================================
            HEALTHCARE PANEL
            ====================================================== */

            body.manris-auth-login-legacy .health-panel{

                position: relative;

                padding: 20px;

                max-width: 630px;

                border-radius: 18px;

                background:
                    rgba(255,255,255,.72);

                border: 1px solid
                    rgba(0,123,255,.10);

                box-shadow:
                    0 18px 45px rgba(30,70,110,.07);

                backdrop-filter: blur(10px);

            }


            body.manris-auth-login-legacy .health-panel-header{

                display: flex;

                align-items: center;

                justify-content: space-between;

                margin-bottom: 17px;

            }


            body.manris-auth-login-legacy .health-panel-title{

                display: flex;

                align-items: center;

                font-size: 11px;

                font-weight: 800;

                color: var(--dark);

                text-transform: uppercase;

                letter-spacing: 1px;

            }


            body.manris-auth-login-legacy .hospital-icon{

                width: 32px;

                height: 32px;

                margin-right: 9px;

                display: flex;

                align-items: center;

                justify-content: center;

                border-radius: 9px;

                background: var(--primary-soft);

                color: var(--primary);

            }


            body.manris-auth-login-legacy .status-pill{

                padding: 6px 10px;

                border-radius: 20px;

                background: #ecfaf5;

                color: var(--success);

                font-size: 9px;

                font-weight: 700;

            }


            /* =====================================================
            RISK JOURNEY
            ====================================================== */

            body.manris-auth-login-legacy .risk-journey{

                display: flex;

                align-items: center;

                justify-content: space-between;

            }


            body.manris-auth-login-legacy .journey-item{

                text-align: center;

                min-width: 65px;

            }


            body.manris-auth-login-legacy .journey-icon{

                width: 42px;

                height: 42px;

                margin: auto auto 7px;

                display: flex;

                align-items: center;

                justify-content: center;

                border-radius: 12px;

                background: var(--primary-soft);

                color: var(--primary);

                border: 1px solid rgba(0,123,255,.08);

            }


            body.manris-auth-login-legacy .journey-item:nth-child(5)
            .journey-icon{

                background: #edf9f5;

                color: var(--success);

            }


            body.manris-auth-login-legacy .journey-label{

                font-size: 9px;

                font-weight: 700;

                color: var(--dark);

            }


            body.manris-auth-login-legacy .journey-arrow{

                color: #b7c1cc;

                font-size: 10px;

                margin-top: -18px;

            }


            /* =====================================================
            OUTPUT
            ====================================================== */

            body.manris-auth-login-legacy .output-row{

                display: grid;

                grid-template-columns: 1fr 1fr 1fr;

                gap: 10px;

                margin-top: 12px;

            }


            body.manris-auth-login-legacy .output-box{

                padding: 12px;

                border-radius: 11px;

                background: #ffffff;

                border: 1px solid var(--border);

                display: flex;

                align-items: center;

            }


            body.manris-auth-login-legacy .output-icon{

                width: 34px;

                height: 34px;

                display: flex;

                align-items: center;

                justify-content: center;

                flex-shrink: 0;

                margin-right: 9px;

                border-radius: 9px;

                background: var(--primary-soft);

                color: var(--primary);

            }


            body.manris-auth-login-legacy .output-box.risk .output-icon{

                background: var(--danger-soft);

                color: var(--danger);

            }


            body.manris-auth-login-legacy .output-box.supervision .output-icon{

                background: #edf9f5;

                color: var(--success);

            }


            body.manris-auth-login-legacy .output-name{

                display: block;

                font-size: 9px;

                font-weight: 800;

                color: var(--dark);

            }


            body.manris-auth-login-legacy .output-info{

                display: block;

                margin-top: 2px;

                font-size: 8px;

                line-height: 1.3;

                color: var(--muted);

            }


            /* =====================================================
            RIGHT LOGIN
            ====================================================== */

            body.manris-auth-login-legacy .manris-right{

                width: 43%;

                min-height: 100vh;

                display: flex;

                align-items: center;

                justify-content: center;

                padding: 40px;

                position: relative;

                z-index: 2;

                background: #ffffff;

                box-shadow:
                    -15px 0 50px rgba(24,52,82,.035);

            }


            body.manris-auth-login-legacy .login-card{

                width: 100%;

                max-width: 420px;

                padding: 40px;

                border-radius: 20px;

                background: #ffffff;

                border: 1px solid #edf1f5;

                box-shadow:
                    0 25px 70px rgba(24,52,82,.09);

            }


            /* =====================================================
            LOGIN HEADER
            ====================================================== */

            body.manris-auth-login-legacy .login-header{

                margin-bottom: 28px;

            }


            body.manris-auth-login-legacy .login-header h2{

                margin: 0 0 7px;

                font-size: 26px;

                font-weight: 800;

            }


            body.manris-auth-login-legacy .login-header p{

                margin: 0;

                color: var(--muted);

                font-size: 12px;

                line-height: 1.7;

            }


            /* =====================================================
            FORM
            ====================================================== */

            body.manris-auth-login-legacy .field{

                margin-bottom: 18px;

            }


            body.manris-auth-login-legacy .field-label{

                display: block;

                margin-bottom: 7px;

                color: #465366;

                font-size: 10px;

                font-weight: 800;

            }


            body.manris-auth-login-legacy .input-box{

                position: relative;

            }


            body.manris-auth-login-legacy .input-svg{

                position: absolute;

                left: 15px;

                top: 50%;

                transform: translateY(-50%);

                width: 17px;

                height: 17px;

                color: #9ba8b7;

                z-index: 5;

            }


            body.manris-auth-login-legacy .manris-input{

                width: 100%;

                height: 50px;

                padding: 0 43px 0 44px;

                border: 1px solid var(--border);

                border-radius: 10px;

                background: #fbfcfe;

                color: var(--dark);

                outline: none;

                font-size: 12px;

                transition: .2s ease;

            }


            body.manris-auth-login-legacy .manris-input:focus{

                background: #ffffff;

                border-color: var(--primary);

                box-shadow:
                    0 0 0 3px rgba(0,123,255,.10);

            }


            body.manris-auth-login-legacy .manris-input::placeholder{

                color: #aab4c0;

            }


            /* =====================================================
            SELECT2
            ====================================================== */

            body.manris-auth-login-legacy .select-icon{

                position: absolute;

                left: 15px;

                top: 50%;

                transform: translateY(-50%);

                width: 17px;

                height: 17px;

                z-index: 10;

                color: #9ba8b7;

            }


            body.manris-auth-login-legacy .select2-container{

                width: 100% !important;

            }


            body.manris-auth-login-legacy .select2-container--bootstrap4
            .select2-selection--single{

                height: 50px !important;

                border-radius: 10px !important;

                border: 1px solid var(--border) !important;

                background: #fbfcfe !important;

                box-shadow: none !important;

            }


            body.manris-auth-login-legacy .select2-container--bootstrap4
            .select2-selection--single
            .select2-selection__rendered{

                height: 48px;

                line-height: 48px;

                padding-left: 43px !important;

                font-size: 12px;

                color: var(--dark);

            }


            body.manris-auth-login-legacy .select2-container--bootstrap4
            .select2-selection--single
            .select2-selection__placeholder{

                color: #aab4c0;

            }


            body.manris-auth-login-legacy .select2-container--bootstrap4.select2-container--focus
            .select2-selection--single,
body.manris-auth-login-legacy .select2-container--bootstrap4.select2-container--open
            .select2-selection--single{

                border-color: var(--primary) !important;

                box-shadow:
                    0 0 0 3px rgba(0,123,255,.10) !important;

            }


            body.manris-auth-login-legacy .select2-container--bootstrap4
            .select2-dropdown{

                border-radius: 10px;

                overflow: hidden;

                border-color: var(--border);

                box-shadow:
                    0 15px 40px rgba(25,52,80,.12);

            }


            body.manris-auth-login-legacy .select2-container--bootstrap4
            .select2-results__option{

                font-size: 11px;

                padding: 10px 12px;

            }


            body.manris-auth-login-legacy .select2-container--bootstrap4
            .select2-results__option--highlighted{

                background: var(--primary);

            }

            /* =====================================================
            SELECT2 — FOCUS INSTANSI
            ====================================================== */

            body.manris-auth-login-legacy .field:has(#kode_instansi){
                position: relative;
                z-index: 20;
            }

            body.manris-auth-login-legacy .field:has(#kode_instansi) .select2-container{
                transition:
                    transform .2s ease,
                    filter .2s ease;
            }

            body.manris-auth-login-legacy .field:has(#kode_instansi) .select2-container--open{
                transform: scale(1.025);
                transform-origin: center center;
                z-index: 9999;
            }

            body.manris-auth-login-legacy .field:has(#kode_instansi) .select2-container--open
            .select2-selection--single{
                border-color: var(--primary) !important;

                box-shadow:
                    0 0 0 4px rgba(0,123,255,.10),
                    0 10px 25px rgba(0,123,255,.10) !important;

                background: #ffffff !important;
            }

            body.manris-auth-login-legacy .field:has(#kode_instansi) .select2-dropdown{
                transform: scale(0.976);
                transform-origin: top center;

                box-shadow:
                    0 18px 45px rgba(25,52,80,.16) !important;
            }

            /* =====================================================
            PASSWORD TOGGLE
            ====================================================== */

            body.manris-auth-login-legacy .password-toggle{

                position: absolute;

                right: 12px;

                top: 50%;

                transform: translateY(-50%);

                width: 30px;

                height: 30px;

                padding: 0;

                border: 0;

                background: transparent;

                color: #9ba8b7;

                cursor: pointer;

                z-index: 5;

            }


            body.manris-auth-login-legacy .password-toggle:hover{

                color: var(--primary);

            }


            /* =====================================================
            REMEMBER
            ====================================================== */

            body.manris-auth-login-legacy .remember{

                margin-bottom: 20px;

            }


            body.manris-auth-login-legacy .remember label{

                display: flex;

                align-items: center;

                cursor: pointer;

                color: var(--muted);

                font-size: 10px;

            }


            body.manris-auth-login-legacy .remember input{

                margin-right: 7px;

                accent-color: var(--primary);

            }


            /* =====================================================
            LOGIN BUTTON
            ====================================================== */

            body.manris-auth-login-legacy .login-button{

                width: 100%;

                height: 51px;

                border: 0;

                border-radius: 10px;

                background: var(--primary);

                color: #ffffff;

                font-size: 12px;

                font-weight: 800;

                box-shadow:
                    0 9px 22px rgba(0,123,255,.20);

                transition: .25s ease;

            }


            body.manris-auth-login-legacy .login-button:hover{

                background: var(--primary-dark);

                transform: translateY(-2px);

                box-shadow:
                    0 13px 28px rgba(0,123,255,.25);

            }


            body.manris-auth-login-legacy .login-button:disabled{

                opacity: .75;

                cursor: not-allowed;

                transform: none;

            }


            /* =====================================================
            LOGIN FOOTER
            ====================================================== */

            body.manris-auth-login-legacy .login-footer{

                margin-top: 23px;

                text-align: center;

                color: #a2acb8;

                font-size: 9px;

                line-height: 1.7;

            }


            body.manris-auth-login-legacy .login-footer strong{

                color: #788595;

            }


            /* =====================================================
            MOBILE
            ====================================================== */

            @media (max-width: 1100px) {


                body.manris-auth-login-legacy .manris-left{

                    width: 55%;

                    padding: 45px;

                }


                body.manris-auth-login-legacy .manris-right{

                    width: 45%;

                    padding: 25px;

                }


                body.manris-auth-login-legacy .hero-title{

                    font-size: 34px;

                }

            
}


            @media (max-width: 991px) {


                body.manris-auth-login-legacy .manris-page{

                    display: block;

                }


                body.manris-auth-login-legacy .manris-left{

                    width: 100%;

                    min-height: auto;

                    padding: 35px 30px 25px;

                }


                body.manris-auth-login-legacy .manris-right{

                    width: 100%;

                    min-height: auto;

                    padding: 20px 30px 45px;

                    box-shadow: none;

                }


                body.manris-auth-login-legacy .login-card{

                    max-width: 520px;

                }

            
}


            @media (max-width: 600px) {


                body.manris-auth-login-legacy .manris-left{

                    padding: 25px 18px 18px;

                }


                body.manris-auth-login-legacy .brand-logo{

                    width: 55px;

                    height: 55px;

                }


                body.manris-auth-login-legacy .brand-name{

                    font-size: 25px;

                }


                body.manris-auth-login-legacy .brand-subtitle{

                    font-size: 8px;

                }


                body.manris-auth-login-legacy .hero-title{

                    font-size: 27px;

                }


                body.manris-auth-login-legacy .hero-description{

                    font-size: 12px;

                }


                body.manris-auth-login-legacy .health-panel{

                    display: none;

                }


                body.manris-auth-login-legacy .manris-right{

                    padding: 10px 15px 35px;

                }


                body.manris-auth-login-legacy .login-card{

                    padding: 28px 20px;

                    border-radius: 16px;

                }

            
}

        



/* ===============================================================
  EXTRACTED FROM Views/menu/profil/v_tbl_profil.php / style block 1
  =============================================================== */

/* =========================================================
   MANRIS - TABEL PROFIL RISIKO
   UI/UX ONLY - EXISTING ID / ROUTE / LOGIC MAINTAINED
   ========================================================= */
.manris-profil-table-wrap{
    width:100%;
    border:1px solid #e6ebf1;
    border-radius:11px;
    overflow:hidden;
    background:#fff;
}
.manris-profil-table-responsive{ width:100%; overflow-x:auto; }
#tabel-profil{
    width:100%!important;
    min-width:1180px;
    margin:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    font-size:11px!important;
    color:#3d4b5d;
}
#tabel-profil thead th{
    background:#f6f9fc!important;
    color:#536174!important;
    border:0!important;
    border-bottom:1px solid #dfe6ee!important;
    padding:10px 8px!important;
    font-size:10px!important;
    font-weight:700!important;
    letter-spacing:.02em;
    text-transform:uppercase;
    vertical-align:middle!important;
    white-space:nowrap;
}
#tabel-profil tbody td{
    border:0!important;
    border-bottom:1px solid #edf1f5!important;
    padding:11px 8px!important;
    vertical-align:top!important;
    line-height:1.45;
    background:#fff;
}
#tabel-profil tbody tr:last-child td{ border-bottom:0!important; }
#tabel-profil tbody tr{ transition:background-color .16s ease, box-shadow .16s ease; }
#tabel-profil tbody tr:hover td{ background:#fbfdff; }

.manris-profil-no{
    width:28px; height:28px;
    display:inline-flex; align-items:center; justify-content:center;
    border-radius:8px; background:#eef4fa; color:#536174;
    font-size:11px; font-weight:700;
}
.manris-category-stack{ text-align:left; }
.manris-category-main{ font-size:11px; font-weight:700; color:#344054; line-height:1.45; }
.manris-category-sub{ margin-top:4px; font-size:10px; color:#8a96a6; line-height:1.4; }
.manris-risk-statement{ text-align:left; font-size:11px; font-weight:600; color:#243247; line-height:1.5; }
.manris-root-cause{ text-align:left; color:#667085; line-height:1.5; }

.manris-score-pill{
    display:inline-flex; align-items:center; justify-content:center;
    min-width:34px; height:28px; padding:0 8px;
    border-radius:8px;
    background:#eef5ff; color:#1768b3;
    border:1px solid #d7e8fb;
    font-size:11px; font-weight:700;
}
.manris-score-pill.control{ background:#f2f8f5; color:#247659; border-color:#dceee5; }
.manris-score-pill.total{ background:#fff7e9; color:#9a6700; border-color:#f5e2b6; }
.manris-rank-badge{
    display:inline-flex; align-items:center; justify-content:center;
    min-width:32px; height:30px; padding:0 8px;
    border-radius:9px;
    background:#f4f6f8; border:1px solid #e2e7ed;
    color:#536174; font-weight:800; font-size:11px;
}
.manris-rank-badge.rank-1{ background:#fff7dc; border-color:#f0d77b; color:#8b6500; }
.manris-rank-badge.rank-2{ background:#f4f6f8; border-color:#cfd6df; color:#5f6b7a; }
.manris-rank-badge.rank-3{ background:#fff1e8; border-color:#e7c0aa; color:#9a542c; }

.manris-monev-actions{
    display:flex; flex-wrap:wrap; gap:5px;
    align-items:center; justify-content:center;
}
.manris-monev-actions .btn{
    margin:0!important;
    min-height:28px;
    padding:5px 9px!important;
    border-radius:7px!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:1.1;
    box-shadow:none!important;
    transition:all .16s ease;
}
.manris-monev-actions .manris-btn-proof{
    color:#1768b3!important;
    background:#eef6ff!important;
    border:1px solid #d2e7fb!important;
}
.manris-monev-actions .manris-btn-proof:hover{
    color:#fff!important; background:#007bff!important; border-color:#007bff!important;
    transform:translateY(-1px);
}
.manris-monev-actions .manris-btn-monev{
    color:#825d00!important;
    background:#fff7dd!important;
    border:1px solid #f1df9e!important;
}
.manris-monev-actions .manris-btn-monev:hover{
    color:#664900!important; background:#ffefb8!important; border-color:#e7cb64!important;
    transform:translateY(-1px);
}
.manris-monev-actions .btn i{ margin-right:4px; font-size:10px; }

.manris-profil-note{
    display:flex; align-items:flex-start; gap:8px;
    margin:12px 0 0; padding:10px 12px;
    border:1px solid #e4eaf1; border-radius:9px;
    background:#f8fafc; color:#68778a;
    font-size:10.5px; line-height:1.5;
}
.manris-profil-note i{ color:#007bff; margin-top:2px; }

/* DataTables */
#tabel-profil_wrapper{ margin-top:0; }
#tabel-profil_wrapper .dataTables_length,
#tabel-profil_wrapper .dataTables_filter,
#tabel-profil_wrapper .dataTables_info,
#tabel-profil_wrapper .dataTables_paginate{ font-size:11px; color:#68778a; }
#tabel-profil_wrapper .dataTables_filter input,
#tabel-profil_wrapper .dataTables_length select{
    border:1px solid #dce3eb!important;
    border-radius:7px!important;
    min-height:32px;
    font-size:11px!important;
    box-shadow:none!important;
    background:#fff!important;
}
#tabel-profil_wrapper .dataTables_filter input:focus{
    border-color:#80bdff!important;
    box-shadow:0 0 0 2px rgba(0,123,255,.08)!important;
    outline:none;
}
#tabel-profil_wrapper .page-item .page-link{
    min-width:30px; height:30px; padding:6px 8px;
    border-radius:6px; margin:0 2px;
    font-size:10px; color:#536174;
}
#tabel-profil_wrapper .page-item.active .page-link{ background:#007bff; border-color:#007bff; color:#fff; }

@media  (max-width:767.98px) {

    #tabel-profil{ min-width:1050px; }
    .manris-profil-note{ font-size:10px; }

}
@media  (prefers-reduced-motion:reduce) {

    #tabel-profil tbody tr,
.manris-monev-actions .btn{ transition:none!important; }

}




/* ===============================================================
  EXTRACTED FROM Views/menu/profil/v_profil.php / style block 1
  =============================================================== */

/* =========================================================
   MANRIS - PROFIL RISIKO
   UI/UX ONLY - ID, NAME, ROUTE, SELECTOR & LOGIC MAINTAINED
   ========================================================= */

.manris-profil-page{ padding: 0 4px 30px; }

.manris-profil-header{
    background: #fff;
    border: 1px solid #e4eaf1;
    border-radius: 12px;
    margin-bottom: 18px;
    box-shadow: 0 3px 12px rgba(23,35,52,.05);
    overflow: hidden;
}
.manris-profil-header-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px;
}
.manris-profil-header-main{ display:flex; align-items:center; min-width:0; }
.manris-profil-header-icon{
    width:44px; height:44px; min-width:44px;
    border-radius:10px;
    background:#eaf4ff; color:#007bff;
    display:flex; align-items:center; justify-content:center;
    margin-right:13px;
}
.manris-profil-header-icon i{ font-size:20px; }
.manris-profil-title{ margin:0; font-size:20px; line-height:1.3; font-weight:700; color:#172334; }
.manris-profil-subtitle{ margin:3px 0 0; font-size:12px; color:#8a96a6; line-height:1.4; }
.manris-profil-breadcrumb{
    display:flex; align-items:center; flex-wrap:wrap;
    margin:0; padding:0; list-style:none;
    font-size:11px; color:#8a96a6;
}
.manris-profil-breadcrumb li{ display:flex; align-items:center; }
.manris-profil-breadcrumb .separator{ margin:0 8px; color:#b8c1cc; }
.manris-profil-breadcrumb .nav-home a{ color:#007bff!important; text-decoration:none; }
.manris-profil-breadcrumb .nav-item a{ color:#68778a!important; text-decoration:none; font-weight:500!important; }

.manris-profil-card{
    background:#fff;
    border:1px solid #e4eaf1;
    border-radius:12px;
    box-shadow:0 3px 12px rgba(23,35,52,.045);
    margin-bottom:18px;
    overflow:hidden;
}
.manris-profil-card-body{ padding:18px; }

/* FILTER */
.manris-profil-filter{
    background:#f8fafc;
    border:1px solid #e6ebf1;
    border-radius:10px;
    padding:15px 16px 7px;
}
.manris-profil-filter-heading{ display:flex; align-items:center; margin-bottom:12px; }
.manris-profil-filter-icon{
    width:30px; height:30px; min-width:30px;
    border-radius:7px;
    background:#eaf4ff; color:#007bff;
    display:flex; align-items:center; justify-content:center;
    margin-right:9px;
}
.manris-profil-filter-icon i{ font-size:13px; }
.manris-profil-filter-title{ margin:0; font-size:13px; font-weight:700; color:#172334; }
.manris-profil-filter-description{ margin:1px 0 0; font-size:11px; color:#8a96a6; }
.manris-profil-filter .form-group{ margin-bottom:8px; }
.manris-profil-filter label{ font-size:11px; font-weight:600; color:#536174; margin-bottom:5px; }
.manris-profil-filter .form-control{
    height:36px; border-radius:7px; border:1px solid #dce3eb;
    font-size:12px; box-shadow:none; background:#fff;
}
.manris-profil-filter .form-control:focus{
    border-color:#80bdff;
    box-shadow:0 0 0 .12rem rgba(0,123,255,.10);
}
.manris-profil-filter #btn-cari{
    height:36px; border-radius:7px; font-size:12px; font-weight:600;
    border:0; transition:all .18s ease;
}
.manris-profil-filter #btn-cari:hover{ transform:translateY(-1px); box-shadow:0 4px 10px rgba(40,167,69,.16); }
.manris-profil-page .text-transparent{ color:transparent!important; -webkit-text-fill-color:transparent!important; text-shadow:none!important; }

/* DATA HEADER */
.manris-profil-data-header{
    display:flex; align-items:center; justify-content:space-between;
    padding-bottom:13px; margin-bottom:14px;
    border-bottom:1px solid #edf0f4;
}
.manris-profil-data-title-wrap{ display:flex; align-items:center; min-width:0; }
.manris-profil-data-icon{
    width:36px; height:36px; min-width:36px;
    border-radius:8px;
    background:#eaf4ff; color:#007bff;
    display:flex; align-items:center; justify-content:center;
    margin-right:10px;
}
.manris-profil-data-icon i{ font-size:15px; }
.manris-profil-data-title{ margin:0; font-size:15px; font-weight:700; color:#172334; }
.manris-profil-data-subtitle{ margin:2px 0 0; font-size:11px; color:#8a96a6; }
.manris-profil-actions{ display:flex; align-items:center; gap:7px; }
.manris-profil-actions .d-none{ display:none!important; }

/* ACTION BUTTONS */
.manris-profil-actions #btn-reload,
.manris-profil-actions #btn-pdf-profil{
    position:relative!important; float:none!important;
    width:36px!important; height:36px!important;
    min-width:36px!important; min-height:36px!important;
    padding:0!important; margin:0!important;
    align-items:center; justify-content:center;
    border-radius:9px!important;
    box-shadow:0 2px 6px rgba(23,35,52,.06);
    transition:transform .18s ease, color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.manris-profil-actions #btn-reload:not(.d-none),
.manris-profil-actions #btn-pdf-profil:not(.d-none){ display:inline-flex!important; }
.manris-profil-actions #btn-reload{
    color:#536174!important; background:#fff!important; border:1px solid #dce3eb!important;
}
.manris-profil-actions #btn-reload:hover{
    color:#007bff!important; background:#f0f7ff!important; border-color:#b8d7f7!important;
    transform:translateY(-1px); box-shadow:0 4px 10px rgba(0,123,255,.12);
}
.manris-profil-actions #btn-reload i{ margin:0!important; font-size:14px; transition:transform .35s ease; }
.manris-profil-actions #btn-reload:hover i{ transform:rotate(180deg); }
.manris-profil-actions #btn-pdf-profil{
    color:#dc3545!important; background:#fff!important; border:1px solid #eadcdf!important;
}
.manris-profil-actions #btn-pdf-profil:hover{
    color:#fff!important; background:#dc3545!important; border-color:#dc3545!important;
    transform:translateY(-1px); box-shadow:0 4px 10px rgba(220,53,69,.16);
}
.manris-profil-actions #btn-pdf-profil i{ margin:0!important; font-size:14px; transition:transform .18s ease; }
.manris-profil-actions #btn-pdf-profil:hover i{ transform:scale(1.08); }

.manris-profil-loading{
    min-height:100px; display:flex; align-items:center; justify-content:center;
}
.manris-profil-loading .loader{ margin:20px auto; }
#tbl-profil{ width:100%; }

/* SELECT2 */
.manris-profil-filter .select2-container{ width:100%!important; }
.manris-profil-page .select2-container--bootstrap4 .select2-selection{
    border-radius:7px; border-color:#dce3eb; min-height:36px; font-size:12px;
    transition:border-color .18s ease, box-shadow .18s ease;
}
.manris-profil-page .select2-container--bootstrap4 .select2-selection--single{ height:36px; padding-top:3px; position:relative; background:#fff; }
.manris-profil-page .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered{
    line-height:29px; color:#495057; padding-right:30px;
}
.manris-profil-page .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder{ color:#9aa5b1; }
.manris-profil-page .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow{
    position:absolute; top:0; right:0; width:30px; height:34px;
    display:flex; align-items:center; justify-content:center;
}
.manris-profil-page .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b{
    top:50%; left:50%; margin:0; transform:translate(-50%,-50%);
}
.manris-profil-page .select2-container--bootstrap4.select2-container--focus .select2-selection,
.manris-profil-page .select2-container--bootstrap4.select2-container--open .select2-selection{
    border-color:#80bdff!important;
    box-shadow:0 0 0 .12rem rgba(0,123,255,.10)!important;
}
.select2-container--bootstrap4 .select2-dropdown{
    border-color:#dce3eb; border-radius:8px; overflow:hidden;
    box-shadow:0 8px 24px rgba(23,35,52,.10);
}
.select2-container--bootstrap4 .select2-search--dropdown{ padding:8px; }
.select2-container--bootstrap4 .select2-search--dropdown .select2-search__field{
    height:34px; border:1px solid #dce3eb; border-radius:7px; font-size:12px; padding:5px 9px;
}
.select2-container--bootstrap4 .select2-results__option{ font-size:12px; padding:7px 10px; }

@media  (max-width:767.98px) {

    .manris-profil-page{ padding-left:0; padding-right:0; }
    .manris-profil-header{ border-radius:9px; margin-bottom:12px; }
    .manris-profil-header-inner{ padding:14px; display:block; }
    .manris-profil-header-main{ margin-bottom:10px; }
    .manris-profil-title{ font-size:17px; }
    .manris-profil-subtitle{ font-size:11px; }
    .manris-profil-breadcrumb{ font-size:10px; }
    .manris-profil-card-body{ padding:12px; }
    .manris-profil-data-header{ align-items:flex-start; }
    .manris-profil-data-title{ font-size:14px; }
    .manris-profil-data-subtitle{ display:none; }
    .manris-profil-actions{ margin-left:8px; }
    .manris-profil-actions #btn-reload,
.manris-profil-actions #btn-pdf-profil{
        width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important;
    }

}
@media  (max-width:575.98px) {

    .manris-profil-filter{ padding:12px 12px 5px; }
    .manris-profil-filter-heading{ margin-bottom:9px; }
    .manris-profil-filter .form-group{ margin-bottom:10px; }
    .manris-profil-data-header{ flex-wrap:wrap; }
    .manris-profil-actions{ width:100%; justify-content:flex-end; margin-top:10px; margin-left:0; }

}
@media  (prefers-reduced-motion:reduce) {

    .manris-profil-actions #btn-reload,
.manris-profil-actions #btn-reload i,
.manris-profil-actions #btn-pdf-profil,
.manris-profil-actions #btn-pdf-profil i,
.manris-profil-filter #btn-cari{ transition:none!important; }

}




/* ===============================================================
  EXTRACTED FROM Views/menu/profil/v_modal_monev.php / style block 1
  =============================================================== */

/* =========================================================
   MANRIS - MODAL MONEV PROFIL
   UI ONLY - EXISTING ID / NAME / JS / ROUTE MAINTAINED
   ========================================================= */
.manris-monev-modal{
    border:0;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 22px 60px rgba(25,45,75,.18);
}
.manris-modal-header{
    padding:18px 22px;
    background:linear-gradient(135deg,#007bff 0%,#0069d9 100%);
    border:0;
    color:#fff;
}
.manris-modal-header .modal-title{ margin:0; font-size:17px; font-weight:700; color:#fff; }
.manris-profil-page .monev-header-subtitle{ margin-top:3px; font-size:11px; color:rgba(255,255,255,.78); }
.manris-profil-page .monev-header-icon{
    width:42px; height:42px; min-width:42px;
    display:flex; align-items:center; justify-content:center;
    border-radius:11px;
    background:rgba(255,255,255,.15);
    color:#fff;
}
.manris-profil-page .monev-header-icon i{ font-size:17px; }
.manris-modal-close{
    margin:-5px -5px 0 0!important;
    width:34px; height:34px;
    display:flex; align-items:center; justify-content:center;
    padding:0!important;
    border-radius:9px;
    color:#fff!important;
    opacity:.82!important;
    text-shadow:none!important;
    transition:all .18s ease;
}
.manris-modal-close:hover{ background:rgba(255,255,255,.14); color:#fff!important; opacity:1!important; }

.manris-modal-body{ padding:22px; background:#f7f9fc; }
.manris-profil-page .monev-information{
    display:flex; align-items:flex-start;
    padding:13px 15px;
    margin-bottom:18px;
    border:1px solid #dcecff;
    border-radius:11px;
    background:#edf6ff;
}
.manris-profil-page .monev-information-icon{
    width:32px; height:32px; min-width:32px;
    display:flex; align-items:center; justify-content:center;
    margin-right:10px;
    border-radius:8px;
    background:#d9ecff;
    color:#007bff;
}
.manris-profil-page .monev-information-title{ font-size:12px; font-weight:700; color:#164b7a; margin-bottom:2px; }
.manris-profil-page .monev-information-text{ font-size:11px; line-height:1.5; color:#607286; }

.manris-profil-page .monev-card{
    height:100%;
    padding:17px;
    background:#fff;
    border:1px solid #e4eaf1;
    border-radius:12px;
    transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.manris-profil-page .monev-card:hover{ border-color:#c7def8; box-shadow:0 7px 20px rgba(0,123,255,.06); transform:translateY(-1px); }
.manris-profil-page .monev-card-header{ display:flex; align-items:center; margin-bottom:14px; }
.manris-profil-page .semester-icon{
    width:38px; height:38px; min-width:38px;
    display:flex; align-items:center; justify-content:center;
    margin-right:10px;
    border-radius:10px;
}
.manris-profil-page .semester-icon-1{ background:#eaf4ff; color:#007bff; }
.manris-profil-page .semester-icon-2{ background:#eaf8f2; color:#20a779; }
.manris-profil-page .semester-icon i{ font-size:15px; }
.manris-profil-page .semester-title{ color:#253448; font-size:13px; font-weight:700; }
.manris-profil-page .semester-subtitle{ margin-top:2px; color:#8a96a6; font-size:10.5px; }
.manris-profil-page .monev-field-label{ margin-bottom:5px; color:#536174; font-size:10.5px; font-weight:600; }
.manris-profil-page .monev-textarea{
    min-height:105px;
    padding:11px 12px;
    resize:vertical;
    border:1px solid #dce3eb;
    border-radius:9px;
    color:#344054;
    font-size:12px;
    line-height:1.5;
    box-shadow:none!important;
    transition:border-color .18s ease, box-shadow .18s ease;
}
.manris-profil-page .monev-textarea::placeholder{ color:#a4afbc; }
.manris-profil-page .monev-textarea:focus{ border-color:#80bdff; box-shadow:0 0 0 3px rgba(0,123,255,.08)!important; }
.manris-profil-page .monev-input-helper{
    display:flex; align-items:flex-start;
    margin-top:7px;
    color:#8a96a6;
    font-size:10px;
    line-height:1.4;
}
.manris-profil-page .monev-input-helper i{ margin:2px 6px 0 0; color:#8a96a6; }
.manris-profil-page .monev-card .invalid-feedback{ font-size:10.5px; margin-top:6px; }

.manris-modal-footer{
    display:flex; justify-content:flex-end; align-items:center;
    padding:14px 22px;
    background:#fff;
    border-top:1px solid #edf0f4;
}
.manris-btn-cancel,
.manris-btn-save{
    min-width:104px;
    height:38px;
    display:inline-flex!important;
    align-items:center; justify-content:center;
    border-radius:8px!important;
    font-size:12px!important;
    font-weight:700!important;
    transition:all .18s ease;
}
.manris-btn-cancel i,
.manris-btn-save i{ margin-right:6px; }
.manris-btn-cancel{
    margin-right:8px;
    color:#667085!important;
    border:1px solid #dfe4ea!important;
    background:#fff!important;
}
.manris-btn-cancel:hover{
    background:#f1f4f8!important;
    border-color:#c9d1db!important;
    color:#344054!important;
    transform:translateY(-1px);
}
.manris-btn-save{
    border:1px solid #20a779!important;
    background:#20a779!important;
    color:#fff!important;
    box-shadow:0 4px 10px rgba(32,167,121,.16);
}
.manris-btn-save:hover{
    background:#2fbd8c!important;
    border-color:#2fbd8c!important;
    color:#fff!important;
    box-shadow:0 6px 14px rgba(32,167,121,.22);
    transform:translateY(-1px);
}
.manris-btn-save:disabled{ opacity:.65; cursor:not-allowed; transform:none; }

@media  (max-width:767.98px) {

    .manris-modal-header{ padding:16px 17px; }
    .manris-modal-body{ padding:16px; }
    .manris-modal-footer{ padding:12px 17px; }
    .manris-btn-cancel,
.manris-btn-save{ flex:1; min-width:0; }

}
@media  (max-width:575.98px) {

    .manris-modal-header .modal-title{ font-size:15px; }
    .manris-profil-page .monev-header-subtitle{ font-size:10px; }
    .manris-profil-page .monev-information-text{ font-size:10.5px; }
    .manris-modal-footer{ gap:0; }

}
@media  (prefers-reduced-motion:reduce) {

    .manris-profil-page .monev-card,
.manris-btn-cancel,
.manris-btn-save,
.manris-modal-close{ transition:none!important; }

}




/* ===============================================================
  EXTRACTED FROM Views/menu/kegiatan/v_kegiatan.php / style block 1
  =============================================================== */


    /* =========================================================
    MANRIS - KEGIATAN & PROSES BISNIS
    UI/UX ONLY
    Tidak mengubah ID, name, route, selector, maupun logic.
    ========================================================= */


    /* =========================================================
    PAGE
    ========================================================= */

    .manris-kegiatan-page{
        padding: 0 4px 30px;
    }


    /* =========================================================
    PAGE HEADER
    ========================================================= */

    .manris-kegiatan-header{
        background: #ffffff;
        border: 1px solid #e4eaf1;
        border-radius: 12px;
        margin-bottom: 18px;
        box-shadow: 0 3px 12px rgba(23, 35, 52, 0.05);
        overflow: hidden;
    }


    .manris-kegiatan-header-inner{
        display: flex;
        align-items: center;
        justify-content: space-between;

        padding: 18px 22px;

        position: relative;
    }


    .manris-kegiatan-header-main{
        display: flex;
        align-items: center;

        min-width: 0;
    }


    .manris-kegiatan-header-icon{
        width: 44px;
        height: 44px;
        min-width: 44px;

        border-radius: 10px;

        background: #eaf4ff;
        color: #007bff;

        display: flex;
        align-items: center;
        justify-content: center;

        margin-right: 13px;
    }


    .manris-kegiatan-header-icon i{
        font-size: 20px;
    }


    .manris-kegiatan-title{
        margin: 0;

        font-size: 20px;
        line-height: 1.3;

        font-weight: 700;

        color: #172334;
    }


    .manris-kegiatan-subtitle{
        margin: 3px 0 0;

        font-size: 12px;

        color: #8a96a6;

        line-height: 1.4;
    }


    /* =========================================================
    BREADCRUMB
    ========================================================= */

    .manris-kegiatan-breadcrumb{
        display: flex;
        align-items: center;
        flex-wrap: wrap;

        margin: 0;
        padding: 0;

        list-style: none;

        font-size: 11px;

        color: #8a96a6;
    }


    .manris-kegiatan-breadcrumb li{
        display: flex;
        align-items: center;
    }


    .manris-kegiatan-breadcrumb .separator{
        margin: 0 8px;

        color: #b8c1cc;
    }


    .manris-kegiatan-breadcrumb .nav-home a{
        color: #007bff !important;
        text-decoration: none;
    }


    .manris-kegiatan-breadcrumb .nav-item a{
        color: #68778a !important;
        text-decoration: none;

        font-weight: 500 !important;
    }


    /* =========================================================
    CONTENT CARD
    ========================================================= */

    .manris-kegiatan-card{
        background: #ffffff;

        border: 1px solid #e4eaf1;

        border-radius: 12px;

        box-shadow:
            0 3px 12px rgba(23, 35, 52, 0.045);

        margin-bottom: 18px;

        overflow: hidden;
    }


    .manris-kegiatan-card-body{
        padding: 18px;
    }


    /* =========================================================
    FILTER
    ========================================================= */

    .manris-kegiatan-filter{
        background: #f8fafc;

        border: 1px solid #e6ebf1;

        border-radius: 10px;

        padding: 15px 16px 7px;
    }


    .manris-kegiatan-filter-heading{
        display: flex;
        align-items: center;

        margin-bottom: 12px;
    }


    .manris-kegiatan-filter-icon{
        width: 30px;
        height: 30px;
        min-width: 30px;

        border-radius: 7px;

        background: #eaf4ff;
        color: #007bff;

        display: flex;
        align-items: center;
        justify-content: center;

        margin-right: 9px;
    }


    .manris-kegiatan-filter-icon i{
        font-size: 13px;
    }


    .manris-kegiatan-filter-title{
        margin: 0;

        font-size: 13px;

        font-weight: 700;

        color: #172334;
    }


    .manris-kegiatan-filter-description{
        margin: 1px 0 0;

        font-size: 11px;

        color: #8a96a6;
    }


    .manris-kegiatan-filter .form-group{
        margin-bottom: 8px;
    }


    .manris-kegiatan-filter label{
        font-size: 11px;

        font-weight: 600;

        color: #536174;

        margin-bottom: 5px;
    }


    .manris-kegiatan-filter .form-control{
        height: 36px;

        border-radius: 7px;

        border: 1px solid #dce3eb;

        font-size: 12px;

        box-shadow: none;

        background: #ffffff;
    }


    .manris-kegiatan-filter .form-control:focus{
        border-color: #80bdff;

        box-shadow:
            0 0 0 0.12rem rgba(0, 123, 255, 0.10);
    }


    .manris-kegiatan-filter #btn-cari{
        height: 36px;

        border-radius: 7px;

        font-size: 12px;

        font-weight: 600;

        border: 0;
    }

    /* =========================================================
    FORCE TEXT TRANSPARENT
    ========================================================= */

    .manris-kegiatan-page .text-transparent{
        color: transparent !important;

        -webkit-text-fill-color: transparent !important;

        text-shadow: none !important;
    }

    /* =========================================================
    DATA HEADER
    ========================================================= */

    .manris-kegiatan-data-header{
        display: flex;

        align-items: center;

        justify-content: space-between;

        padding-bottom: 13px;

        margin-bottom: 14px;

        border-bottom: 1px solid #edf0f4;
    }


    .manris-kegiatan-data-title-wrap{
        display: flex;

        align-items: center;

        min-width: 0;
    }


    .manris-kegiatan-data-icon{
        width: 36px;
        height: 36px;
        min-width: 36px;

        border-radius: 8px;

        background: #eaf4ff;
        color: #007bff;

        display: flex;

        align-items: center;
        justify-content: center;

        margin-right: 10px;
    }


    .manris-kegiatan-data-icon i{
        font-size: 15px;
    }


    .manris-kegiatan-data-title{
        margin: 0;

        font-size: 15px;

        font-weight: 700;

        color: #172334;
    }


    .manris-kegiatan-data-subtitle{
        margin: 2px 0 0;

        font-size: 11px;

        color: #8a96a6;
    }


    .manris-kegiatan-actions{
        display: flex;

        align-items: center;

        gap: 7px;
    }


    /* =========================================================
    BUTTON TAMBAH KEGIATAN
    ========================================================= */

    .manris-kegiatan-actions #btn-tambah,
.manris-btn-add{

        position: relative;

        display: inline-flex !important;

        align-items: center;
        justify-content: center;

        min-height: 34px;

        padding: 8px 14px !important;

        margin: 0 !important;

        border-radius: 9px !important;

        border: 1px solid #007bff !important;

        background:
            linear-gradient(
                135deg,
                #007bff 0%,
                #0069d9 100%
            ) !important;

        color: #ffffff !important;

        font-size: 12px !important;

        font-weight: 700 !important;

        line-height: 1 !important;

        box-shadow:
            0 3px 8px rgba(0, 123, 255, .18);

        transition:
            transform .18s ease,
            box-shadow .18s ease,
            background-color .18s ease,
            border-color .18s ease;

        vertical-align: middle;

        overflow: hidden;
    }


    /* Icon tambah */

    .manris-kegiatan-actions #btn-tambah i,
.manris-btn-add i{

        display: inline-flex;

        align-items: center;
        justify-content: center;

        width: 18px;
        height: 18px;

        margin-right: 6px !important;

        font-size: 11px;

        color: #ffffff;

        transition:
            transform .18s ease;
    }


    /* Hover */

    .manris-kegiatan-actions #btn-tambah:hover,
.manris-btn-add:hover{

        color: #ffffff !important;

        transform: translateY(-1px);

        box-shadow:
            0 5px 12px rgba(0, 123, 255, .25);

        text-decoration: none !important;
    }


    /* Icon berputar saat hover */

    .manris-kegiatan-actions #btn-tambah:hover i,
.manris-btn-add:hover i{

        transform: rotate(90deg);
    }


    /* Active */

    .manris-kegiatan-actions #btn-tambah:active,
.manris-btn-add:active{

        transform: translateY(0);

        box-shadow:
            0 2px 5px rgba(0, 123, 255, .18);
    }


    /* Focus */

    .manris-kegiatan-actions #btn-tambah:focus,
.manris-btn-add:focus{

        color: #ffffff !important;

        outline: none !important;

        box-shadow:
            0 0 0 3px rgba(0, 123, 255, .15),
            0 3px 8px rgba(0, 123, 255, .18);
    }


    /* =========================================================
    BUTTON RELOAD
    ========================================================= */

    .manris-kegiatan-actions #btn-reload,
.manris-btn-reload{

        position: relative !important;

        float: none !important;

        width: 36px !important;
        height: 36px !important;

        min-width: 36px !important;
        min-height: 36px !important;

        padding: 0 !important;

        margin: 0 !important;

        display: inline-flex !important;

        align-items: center;
        justify-content: center;

        color: #536174 !important;

        background: #ffffff !important;

        border: 1px solid #dce3eb !important;

        border-radius: 9px !important;

        box-shadow:
            0 2px 6px rgba(23, 35, 52, .06);

        transition:
            transform .18s ease,
            color .18s ease,
            background-color .18s ease,
            border-color .18s ease,
            box-shadow .18s ease;
    }


    /* Icon reload */

    .manris-kegiatan-actions #btn-reload i,
.manris-btn-reload i{

        display: inline-flex;

        align-items: center;
        justify-content: center;

        margin: 0 !important;

        font-size: 14px;

        line-height: 1;

        transition:
            transform .35s ease;
    }


    /* Hover */

    .manris-kegiatan-actions #btn-reload:hover,
.manris-btn-reload:hover{

        color: #007bff !important;

        background: #f0f7ff !important;

        border-color: #b8d7f7 !important;

        transform: translateY(-1px);

        box-shadow:
            0 4px 10px rgba(0, 123, 255, .12);
    }


    /* Icon reload berputar */

    .manris-kegiatan-actions #btn-reload:hover i,
.manris-btn-reload:hover i{

        transform: rotate(180deg);
    }


    /* Active */

    .manris-kegiatan-actions #btn-reload:active,
.manris-btn-reload:active{

        transform: translateY(0);
    }


    /* Focus */

    .manris-kegiatan-actions #btn-reload:focus,
.manris-btn-reload:focus{

        outline: none !important;

        color: #007bff !important;

        box-shadow:
            0 0 0 3px rgba(0, 123, 255, .12);
    }


    /* =========================================================
    BUTTON ANIMATION WHEN APPEARING
    ========================================================= */

    .manris-btn-add:not(.d-none),
.manris-btn-reload:not(.d-none){

        animation:
            manrisButtonIn .25s ease-out;
    }


    @keyframes manrisButtonIn {

        from {
            opacity: 0;

            transform:
                translateY(-4px);
        }

        to {
            opacity: 1;

            transform:
                translateY(0);
        }

    }


    /* =========================================================
    BUTTON DISABLED
    ========================================================= */

    .manris-btn-add:disabled,
.manris-btn-reload:disabled,
#btn-tambah:disabled,
#btn-reload:disabled{

        opacity: .55 !important;

        cursor: not-allowed !important;

        transform: none !important;

        box-shadow: none !important;
    }


    /* =========================================================
    LOADING
    ========================================================= */

    .manris-kegiatan-loading{

        min-height: 100px;

        display: flex;

        align-items: center;

        justify-content: center;
    }


    .manris-kegiatan-loading .loader{

        margin: 20px auto;
    }


    /* =========================================================
    TABLE CONTAINER
    ========================================================= */

    #tbl-kegiatan{

        width: 100%;
    }


    .manris-kegiatan-table-wrapper{

        width: 100%;
    }


    /* =========================================================
    ADD FORM
    ========================================================= */

    #form-tambah-kegiatan{

        background: #f8fafc;

        border: 1px solid #e2e8ef;

        border-radius: 10px;

        padding: 18px;

        margin-bottom: 15px;
    }


    .manris-kegiatan-form-header{

        display: flex;

        align-items: center;

        justify-content: space-between;

        margin-bottom: 17px;

        padding-bottom: 12px;

        border-bottom: 1px solid #e5eaf0;
    }


    .manris-kegiatan-form-heading{

        display: flex;

        align-items: center;
    }


    .manris-kegiatan-form-icon{

        width: 34px;
        height: 34px;

        border-radius: 8px;

        background: #eaf4ff;

        color: #007bff;

        display: flex;

        align-items: center;

        justify-content: center;

        margin-right: 9px;
    }


    .manris-kegiatan-form-icon i{

        font-size: 14px;
    }


    .manris-kegiatan-form-title{

        margin: 0;

        color: #172334;

        font-size: 14px;

        font-weight: 700;
    }


    .manris-kegiatan-form-subtitle{

        margin: 2px 0 0;

        color: #8a96a6;

        font-size: 11px;
    }


    #form-tambah-kegiatan .form-group{

        margin-bottom: 13px;
    }


    #form-tambah-kegiatan label{

        font-size: 11px;

        font-weight: 600;

        color: #536174;

        margin-bottom: 5px;
    }


    #form-tambah-kegiatan .form-control{

        border-radius: 7px;

        border: 1px solid #dce3eb;

        font-size: 12px;

        color: #344054;

        background: #ffffff;

        box-shadow: none;
    }


    #form-tambah-kegiatan textarea.form-control{

        min-height: 72px;

        resize: vertical;
    }


    #form-tambah-kegiatan input.form-control{

        height: 36px;
    }


    #form-tambah-kegiatan .form-control:focus{

        border-color: #80bdff;

        box-shadow:
            0 0 0 0.12rem rgba(0, 123, 255, 0.10);
    }


    #form-tambah-kegiatan
    .select2-container--bootstrap4
    .select2-selection{

        min-height: 36px;

        border-radius: 7px;

        border-color: #dce3eb;
    }


    #form-tambah-kegiatan .invalid-feedback{

        font-size: 10px;
    }


    .manris-kegiatan-form-divider{

        border: 0;

        border-top: 1px solid #e4eaf1;

        margin: 4px 0 15px;
    }


    .manris-kegiatan-form-actions{

        text-align: right;
    }


    .manris-kegiatan-form-actions button{

        min-width: 75px;

        border-radius: 7px;

        font-size: 11px;

        font-weight: 600;

        margin-left: 4px;
    }


    /* =========================================================
    SELECT2
    ========================================================= */

    .manris-kegiatan-page .select2-container--bootstrap4 .select2-selection{

        border-radius: 7px;

        border-color: #dce3eb;

        min-height: 36px;

        font-size: 12px;
    }


    .manris-kegiatan-page .select2-container--bootstrap4
    .select2-selection--single{

        height: 36px;

        padding-top: 3px;

        position: relative;
    }


    .manris-kegiatan-page .select2-container--bootstrap4
    .select2-selection--single
    .select2-selection__rendered{

        line-height: 29px;

        color: #495057;

        padding-right: 30px;
    }


    .manris-kegiatan-page .select2-container--bootstrap4
    .select2-selection--single
    .select2-selection__arrow{

        position: absolute;

        top: 0;
        right: 0;

        width: 30px;
        height: 34px;

        display: flex;

        align-items: center;

        justify-content: center;
    }


    .manris-kegiatan-page .select2-container--bootstrap4
    .select2-selection--single
    .select2-selection__arrow b{

        top: 50%;
        left: 50%;

        margin: 0;

        transform:
            translate(-50%, -50%);
    }


    /* =========================================================
    RESPONSIVE
    ========================================================= */

    @media  (max-width: 767.98px) {


        .manris-kegiatan-page{

            padding-left: 0;
            padding-right: 0;
        }


        .manris-kegiatan-header{

            border-radius: 9px;

            margin-bottom: 12px;
        }


        .manris-kegiatan-header-inner{

            padding: 14px;

            display: block;
        }


        .manris-kegiatan-header-main{

            margin-bottom: 10px;
        }


        .manris-kegiatan-title{

            font-size: 17px;
        }


        .manris-kegiatan-subtitle{

            font-size: 11px;
        }


        .manris-kegiatan-breadcrumb{

            font-size: 10px;
        }


        .manris-kegiatan-card-body{

            padding: 12px;
        }


        .manris-kegiatan-data-header{

            align-items: flex-start;
        }


        .manris-kegiatan-data-title{

            font-size: 14px;
        }


        .manris-kegiatan-data-subtitle{

            display: none;
        }


        .manris-kegiatan-actions{

            margin-left: 8px;
        }


        .manris-kegiatan-actions #btn-tambah{

            min-height: 34px;

            padding-left: 10px !important;
            padding-right: 10px !important;

            font-size: 11px !important;
        }


        .manris-kegiatan-actions #btn-reload{

            width: 34px !important;
            height: 34px !important;

            min-width: 34px !important;
            min-height: 34px !important;
        }


        #form-tambah-kegiatan{

            padding: 13px;
        }


        .manris-kegiatan-form-actions{

            text-align: center;
        }


        .manris-kegiatan-form-actions button{

            margin: 2px;
        }

    
}


    /* =========================================================
    MOBILE SMALL
    ========================================================= */

    @media  (max-width: 575.98px) {


        .manris-kegiatan-filter{

            padding: 12px 12px 5px;
        }


        .manris-kegiatan-filter-heading{

            margin-bottom: 9px;
        }


        .manris-kegiatan-filter .form-group{

            margin-bottom: 10px;
        }


        .manris-kegiatan-data-header{

            flex-wrap: wrap;
        }


        .manris-kegiatan-actions{

            width: 100%;

            justify-content: flex-end;

            margin-top: 10px;

            margin-left: 0;
        }


        .manris-kegiatan-form-heading{

            align-items: flex-start;
        }


        .manris-kegiatan-form-title{

            font-size: 13px;
        }

    
}





/* ===============================================================
  EXTRACTED FROM Views/menu/kegiatan/v_tbl_kegiatan.php / style block 1
  =============================================================== */


/* =========================================================
   MANRIS - TABLE KEGIATAN
   FINAL UI/UX
   UI ONLY - LOGIC / ID / CLASS / BACKEND TETAP
   ========================================================= */


/* =========================================================
   ROOT TABLE WRAPPER
   ========================================================= */

.manris-kegiatan-table-wrap{
    width: 100%;
    margin: 0;

    border: 1px solid #e4eaf1;
    border-radius: 14px;

    background: #ffffff;

    overflow-x: auto;
    overflow-y: visible;

    box-shadow:
        0 4px 16px rgba(23, 35, 52, .045);

    -webkit-overflow-scrolling: touch;
}


/* =========================================================
   MAIN TABLE
   ========================================================= */

.manris-kegiatan-table{
    width: 100% !important;
    min-width: 1050px;

    margin: 0 !important;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    background: #ffffff;

    color: #536174;
    font-size: 12px !important;
}


/* =========================================================
   TABLE HEADER
   ========================================================= */

.manris-kegiatan-table thead th{
    position: relative;
    line-height: 1.4;

    padding: 10px 8px !important;

    border: 0 !important;
    border-bottom: 1px solid #dfe6ee !important;

    background: #f6f9fc !important;

    color: #536174 !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    letter-spacing: .02em;

    text-align: center;
    text-transform: uppercase;

    vertical-align: middle !important;

    white-space: nowrap;

    box-shadow:
        inset 0 -1px 0 rgba(228, 234, 241, .65);
}


.manris-kegiatan-table thead th:first-child{
    border-top-left-radius: 13px;
}


.manris-kegiatan-table thead th:last-child{
    border-top-right-radius: 13px;
}


/* =========================================================
   TABLE BODY
   ========================================================= */

.manris-kegiatan-table tbody td{
    padding: 16px 12px !important;

    border: 0 !important;
    border-bottom: 1px solid #edf1f5 !important;

    background: #ffffff;

    color: #536174;

    vertical-align: middle !important;

    line-height: 1.6;

    overflow-wrap: anywhere;

    transition:
        background-color .18s ease;
}


/* =========================================================
   TABLE ROW
   ========================================================= */

.manris-kegiatan-table tbody tr{
    background: #ffffff;

    transition:
        background-color .18s ease,
        box-shadow .18s ease;
}


.manris-kegiatan-table tbody tr:hover{
    background: #fbfdff !important;

    box-shadow:
        inset 3px 0 0 #007bff;
}


.manris-kegiatan-table tbody tr:hover td{
    background: #fafdff;
}


.manris-kegiatan-table tbody tr:last-child td{
    border-bottom: 0 !important;
}


/* =========================================================
   NOMOR URUT
   ========================================================= */

#tabel-kegiatan tbody td:first-child{
    width: 48px;
    text-align: center;
    vertical-align: middle;
}


.manris-row-number{
    width: 30px;
    height: 30px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    margin-top: 1px;

    border-radius: 8px;

    background: #f1f5f9;

    color: #718096;

    font-size: 11px;
    font-weight: 700;

    line-height: 1;

    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease;
}


.manris-kegiatan-table tbody tr:hover .manris-row-number{
    background: #007bff !important;
    color: #ffffff !important;

    transform: scale(1.04);
}


/* =========================================================
   KOLOM KEGIATAN
   ========================================================= */

.manris-kegiatan-main{
    display: flex;

    align-items: flex-start;

    gap: 11px;

    width: 100%;
    min-width: 190px;

    padding: 2px 0;
}


/* =========================================================
   ICON KEGIATAN
   Teks label "Kegiatan" disembunyikan.
   Icon tetap tampil.
   ========================================================= */

.manris-kegiatan-label{
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 10px !important;

    background: #eaf4ff !important;
    color: #007bff !important;

    line-height: 1 !important;

    box-sizing: border-box !important;
}


.manris-kegiatan-label i,
.manris-kegiatan-label .fa,
.manris-kegiatan-label .fas{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 16px !important;
    height: 16px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 14px !important;
    line-height: 16px !important;

    text-align: center !important;

    position: static !important;
    transform: none !important;
}


.manris-kegiatan-main:hover .manris-kegiatan-label{
    background: #007bff;

    color: #ffffff;

    transform: translateY(-1px);

    box-shadow:
        0 4px 10px rgba(0,123,255,.18);
}


/* =========================================================
   JUDUL KEGIATAN
   ========================================================= */

.manris-kegiatan-title{
    flex: 1;

    min-width: 0;

    color: #25364a;

    font-size: 12px;

    font-weight: 700;

    line-height: 1.65;

    overflow-wrap: anywhere;

    word-break: break-word;

    transition:
        color .2s ease,
        transform .2s ease;
}


.manris-kegiatan-main:hover .manris-kegiatan-title{
    color: #007bff;

    transform: translateX(2px);
}

    
/* =========================================================
   KOLOM TUJUAN
   ========================================================= */

.manris-purpose-box{
    width: 100%;

    min-width: 150px;

    padding: 2px 0;
}


.manris-purpose-item{
    display: grid;

    grid-template-columns:
        54px minmax(0, 1fr);

    column-gap: 9px;

    align-items: start;

    padding: 6px 0;

    border-bottom: 1px solid #edf1f5;
}


.manris-purpose-item:first-child{
    padding-top: 2px;
}


.manris-purpose-item:last-child{
    padding-bottom: 2px;

    border-bottom: 0;
}


.manris-purpose-label{
    color: #8a96a6;

    font-size: 9px;

    font-weight: 800;

    line-height: 1.5;

    letter-spacing: .35px;

    text-transform: uppercase;
}


.manris-purpose-value{
    min-width: 0;

    color: #344054;

    font-size: 11px;

    font-weight: 600;

    line-height: 1.6;

    overflow-wrap: anywhere;

    word-break: break-word;

    transition:
        color .18s ease;
}


.manris-purpose-item:hover .manris-purpose-label{
    color: #007bff;
}


.manris-purpose-item:hover .manris-purpose-value{
    color: #172334;
}


/* =========================================================
   KOLOM PEMILIK
   ========================================================= */

.manris-owner{
    display: flex;

    align-items: center;

    gap: 10px;

    width: 100%;

    min-width: 145px;

    padding: 3px 0;
}


.manris-owner-icon{
    width: 34px;
    height: 34px;

    min-width: 34px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #eaf4ff;

    color: #007bff;

    border: 1px solid #d8eaff;

    font-size: 11px;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}


.manris-owner:hover .manris-owner-icon{
    background: #007bff;

    color: #ffffff;

    border-color: #007bff;

    transform: scale(1.04);

    box-shadow:
        0 4px 10px rgba(0,123,255,.16);
}


.manris-owner-info{
    flex: 1;

    min-width: 0;
}


.manris-owner-label{
    display: block;

    margin-bottom: 3px;

    color: #8a96a6;

    font-size: 8px;

    font-weight: 800;

    line-height: 1.3;

    letter-spacing: .4px;

    text-transform: uppercase;
}


.manris-owner-name{
    display: block;

    color: #344054;

    font-size: 11px;

    font-weight: 700;

    line-height: 1.5;

    overflow-wrap: anywhere;

    word-break: break-word;

    transition:
        color .2s ease;
}


.manris-owner:hover .manris-owner-name{
    color: #007bff;
}


/* =========================================================
   STATUS SUPERVISI
   ========================================================= */

.manris-status-badge{
    display: inline-flex !important;

    align-items: center;

    justify-content: center;

    gap: 5px;

    min-height: 28px;

    min-width: 88px;

    padding: 5px 10px !important;

    border-radius: 20px !important;

    font-size: 9px !important;

    font-weight: 800 !important;

    line-height: 1.2 !important;

    letter-spacing: .1px;

    white-space: nowrap;

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}


.manris-status-badge:hover{
    transform: translateY(-1px);

    box-shadow:
        0 3px 8px rgba(23,35,52,.08);
}


.manris-status-badge i,
.manris-status-badge .fa,
.manris-status-badge .fas{
    font-size: 9px;
}


/* =========================================================
   STATUS — SESUAI
   ========================================================= */

.manris-status-badge.badge-success{
    background: #eaf9f2 !important;

    color: #16855f !important;

    border: 1px solid #c8ebdc !important;
}


/* =========================================================
   STATUS — TIDAK SESUAI
   ========================================================= */

.manris-status-badge.badge-danger{
    background: #fff0f1 !important;

    color: #c52f40 !important;

    border: 1px solid #f3c9cd !important;
}


/* =========================================================
   PILIHAN SUPERVISI
   ========================================================= */

.manris-supervisi-choice{
    display: inline-flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 5px;

    margin: 0 !important;

    padding: 4px;

    border: 1px solid #e4eaf1;

    border-radius: 10px;

    background: #f8fafc;

    box-shadow:
        0 3px 10px rgba(23,35,52,.05);

    animation:
        manrisSupervisiChoiceIn .2s ease-out;
}


@keyframes manrisSupervisiChoiceIn {

    from {
        opacity: 0;

        transform:
            translateY(-4px)
            scale(.98);
    }

    to {
        opacity: 1;

        transform:
            translateY(0)
            scale(1);
    }

}


.manris-supervisi-choice .btn{
    min-height: 30px;

    padding: 5px 9px !important;

    border-radius: 7px !important;

    font-size: 9px !important;

    font-weight: 700 !important;

    line-height: 1.2 !important;

    transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        transform .18s ease;
}


/* =========================================================
   PILIHAN — SESUAI
   ========================================================= */

.manris-supervisi-choice .btn-success{
    border: 1px solid #b9e8d4 !important;

    background: #effbf5 !important;

    color: #16855f !important;
}


.manris-supervisi-choice .btn-success:hover{
    background: #20a779 !important;

    border-color: #20a779 !important;

    color: #ffffff !important;

    transform: translateY(-1px);
}


/* =========================================================
   PILIHAN — TIDAK SESUAI
   ========================================================= */

.manris-supervisi-choice .btn-danger{
    border: 1px solid #f2c1c6 !important;

    background: #fff2f3 !important;

    color: #c52f40 !important;
}


.manris-supervisi-choice .btn-danger:hover{
    background: #dc3545 !important;

    border-color: #dc3545 !important;

    color: #ffffff !important;

    transform: translateY(-1px);
}


/* =========================================================
   PILIHAN — RESET
   ========================================================= */

.manris-supervisi-choice .btn-secondary{
    border: 1px solid #dce2e8 !important;

    background: #ffffff !important;

    color: #667085 !important;
}


.manris-supervisi-choice .btn-secondary:hover{
    background: #eef1f4 !important;

    border-color: #cfd6de !important;

    color: #344054 !important;
}


/* =========================================================
   INFORMASI SUPERVISOR
   ========================================================= */

.manris-supervisor-meta{
    display: flex;

    flex-direction: column;

    gap: 2px;

    margin-top: 6px;

    padding-left: 2px;

    animation:
        manrisSupervisorMetaIn .25s ease-out;
}


@keyframes manrisSupervisorMetaIn {

    from {
        opacity: 0;

        transform: translateY(3px);
    }

    to {
        opacity: 1;

        transform: translateY(0);
    }

}


.manris-supervisor-meta .manris-supervisor-name,
.manris-supervisor-meta .manris-supervisor-date{
    display: block;

    color: #8a96a6;

    font-size: 8px;

    line-height: 1.4;
}


.manris-supervisor-meta .manris-supervisor-name{
    color: #536174;

    font-weight: 700;
}


.manris-supervisor-meta .manris-supervisor-date{
    font-weight: 500;
}


/* =========================================================
   TOMBOL AKSI
   ========================================================= */

#tabel-kegiatan th:last-child{
    width: 92px;
    min-width: 92px;

    text-align: center;
}


#tabel-kegiatan td:last-child{
    width: 92px;
    min-width: 92px;

    text-align: center;

    vertical-align: middle;
}


#tabel-kegiatan td:last-child .manris-btn-action{
    margin: 2px !important;
}


/* =========================================================
   BASE ACTION BUTTON
   ========================================================= */

.manris-btn-action{
    position: relative;

    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    gap: 5px;

    min-width: 32px;
    min-height: 32px;

    padding: 6px 9px !important;

    border-radius: 8px !important;

    font-size: 9px !important;
    font-weight: 700 !important;

    line-height: 1.2 !important;

    white-space: nowrap;

    cursor: pointer;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease;
}


.manris-btn-action i,
.manris-btn-action .fa,
.manris-btn-action .fas{
    font-size: 10px;

    transition:
        transform .18s ease;
}


.manris-btn-action:hover{
    transform: translateY(-1px);
}


.manris-btn-action:hover i,
.manris-btn-action:hover .fa,
.manris-btn-action:hover .fas{
    transform: scale(1.08);
}


.manris-btn-action:active{
    transform:
        translateY(0)
        scale(.97) !important;

    box-shadow: none !important;
}


.manris-btn-action:focus{
    outline: none !important;
}


.manris-btn-action:focus-visible{
    box-shadow:
        0 0 0 3px rgba(0,123,255,.12) !important;
}


.manris-btn-action:disabled,
.manris-btn-action.disabled{
    opacity: .55 !important;

    cursor: not-allowed !important;

    transform: none !important;

    box-shadow: none !important;
}


/* =========================================================
   TOMBOL UBAH
   ========================================================= */

#tabel-kegiatan .btn-warning.manris-btn-action{
    background: #eaf4ff !important;

    border: 1px solid #cfe3fa !important;

    color: #007bff !important;

    box-shadow:
        0 2px 6px rgba(0,123,255,.08) !important;
}


#tabel-kegiatan .btn-warning.manris-btn-action:hover{
    background: #007bff !important;

    border-color: #007bff !important;

    color: #ffffff !important;

    box-shadow:
        0 5px 12px rgba(0,123,255,.18);
}


#tabel-kegiatan .btn-warning.manris-btn-action:hover i{
    transform:
        rotate(-8deg)
        scale(1.08);
}


/* =========================================================
   TOMBOL HAPUS
   ========================================================= */

#tabel-kegiatan .btn-danger.manris-btn-action{
    background: #fff0f1 !important;

    border: 1px solid #f4cbd0 !important;

    color: #dc3545 !important;

    box-shadow:
        0 2px 6px rgba(220,53,69,.06) !important;
}


#tabel-kegiatan .btn-danger.manris-btn-action:hover{
    background: #dc3545 !important;

    border-color: #dc3545 !important;

    color: #ffffff !important;

    box-shadow:
        0 5px 12px rgba(220,53,69,.18);
}


#tabel-kegiatan .btn-danger.manris-btn-action:hover i{
    transform:
        scale(1.08);
}


/* =========================================================
   TOMBOL SUPERVISI AWAL
   ========================================================= */

.manris-btn-supervisi{
    min-width: 88px;

    min-height: 32px;

    padding: 6px 10px !important;

    border: 1px solid #f1c46a !important;

    border-radius: 8px !important;

    background: #fff8e8 !important;

    color: #a86d00 !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    line-height: 1.2 !important;

    box-shadow:
        0 2px 6px rgba(245,166,35,.08);

    transition:
        all .2s ease;
}


.manris-btn-supervisi:hover{
    background: #f5a623 !important;

    border-color: #f5a623 !important;

    color: #ffffff !important;

    transform: translateY(-1px);

    box-shadow:
        0 5px 12px rgba(245,166,35,.18);
}


.manris-btn-supervisi:active{
    transform: translateY(0);
}

/* =========================================================
   MANRIS - KOLOM KET
   2 INFORMASI:
   1. PIC
   2. KETERANGAN
   ========================================================= */


/* =========================================================
   CONTAINER UTAMA
   ========================================================= */

.manris-note-box{
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    min-width: 145px !important;

    margin: 0 !important;
    padding: 3px 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    overflow: visible !important;
}


/* =========================================================
   SETIAP KELOMPOK INFORMASI
   Icon kiri + informasi kanan
   ========================================================= */

.manris-note-section{
    display: flex !important;
    align-items: flex-start !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


/* Jarak antara PIC dan KETERANGAN */

.manris-note-pic-section{
    margin-bottom: 12px !important;
}


/* =========================================================
   ICON
   Sama ukuran dan posisi untuk kedua informasi
   ========================================================= */

.manris-note-section-icon{
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;

    flex: 0 0 34px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 10px 0 0 !important;
    padding: 0 !important;

    border-radius: 50% !important;

    background: #eaf4ff !important;
    color: #007bff !important;

    border: 1px solid #d8eaff !important;

    font-size: 11px !important;
    line-height: 1 !important;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease !important;
}


/* Icon di dalam lingkaran */

.manris-note-section-icon i{
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #007bff !important;

    background: transparent !important;
    border: 0 !important;

    font-size: 11px !important;
    line-height: 1 !important;
}


/* =========================================================
   HOVER ICON
   ========================================================= */

.manris-note-section:hover .manris-note-section-icon{
    background: #007bff !important;

    color: #ffffff !important;

    border-color: #007bff !important;

    transform: scale(1.04) !important;

    box-shadow:
        0 4px 10px rgba(0,123,255,.16) !important;
}


.manris-note-section:hover .manris-note-section-icon i{
    color: #ffffff !important;
}


/* =========================================================
   AREA INFORMASI KANAN
   ========================================================= */

.manris-note-section-info{
    flex: 1 1 auto !important;

    min-width: 0 !important;
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


/* =========================================================
   SUBJUDUL
   PIC / KETERANGAN
   ========================================================= */

.manris-note-label{
    display: block !important;

    width: 100% !important;

    margin: 0 0 3px 0 !important;
    padding: 0 !important;

    color: #8a96a6 !important;

    font-family: "Lato", sans-serif !important;

    font-size: 8px !important;

    font-weight: 800 !important;

    line-height: 1.3 !important;

    letter-spacing: .4px !important;

    text-transform: uppercase !important;
}


/* =========================================================
   NAMA PIC
   ========================================================= */

.manris-note-pic-name{
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #344054 !important;

    font-family: "Lato", sans-serif !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    line-height: 1.45 !important;

    overflow-wrap: anywhere !important;

    word-break: break-word !important;
}


/* =========================================================
   KEGIATAN
   ========================================================= */

.manris-note-activity{
    display: block !important;

    width: 100% !important;

    margin: 0 0 3px 0 !important;
    padding: 0 !important;

    color: #344054 !important;

    font-family: "Lato", sans-serif !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    line-height: 1.45 !important;

    overflow-wrap: anywhere !important;

    word-break: break-word !important;
}


/* =========================================================
   NAMA PETUGAS
   ========================================================= */

.manris-note-name{
    display: block !important;

    width: 100% !important;

    margin: 0 0 3px 0 !important;
    padding: 0 !important;

    color: #536174 !important;

    font-family: "Lato", sans-serif !important;

    font-size: 9px !important;

    font-weight: 600 !important;

    line-height: 1.4 !important;

    overflow-wrap: anywhere !important;

    word-break: break-word !important;
}


/* =========================================================
   TANGGAL + WAKTU
   ========================================================= */

.manris-note-date{
    display: flex !important;

    align-items: center !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #8a96a6 !important;

    font-family: "Lato", sans-serif !important;

    font-size: 8px !important;

    font-weight: 500 !important;

    line-height: 1.35 !important;

    white-space: normal !important;

    overflow-wrap: anywhere !important;

    word-break: break-word !important;
}


/* Icon waktu */

.manris-note-date i{
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    width: auto !important;
    height: auto !important;

    margin: 0 4px 0 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    color: #9aa5b3 !important;

    font-size: 8px !important;
}


/* =========================================================
   CLASS LAMA — TIDAK DIGUNAKAN
   ========================================================= */

.manris-note-divider{
    display: none !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media  (max-width: 1199px) {


    .manris-note-box{
        min-width: 140px !important;
    }

    .manris-note-section-icon{
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;

        flex-basis: 32px !important;

        margin-right: 8px !important;
    }

    .manris-note-section-icon i{
        font-size: 10px !important;
    }

    .manris-note-label{
        font-size: 8px !important;
    }

    .manris-note-pic-name,
.manris-note-activity{
        font-size: 10px !important;
    }

    .manris-note-name{
        font-size: 8px !important;
    }

    .manris-note-date{
        font-size: 7px !important;
    }

    .manris-note-date i{
        font-size: 7px !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media  (prefers-reduced-motion: reduce) {


    .manris-note-section-icon{
        transition: none !important;

        transform: none !important;
    }

}

/* ---------------------------------------------------------
   DATATABLE WRAPPER
   --------------------------------------------------------- */

.manris-kegiatan-table-wrap .dataTables_wrapper{
    width: 100%;
    margin: 0;
    padding: 0;
    color: #536174;
    font-size: 13px;
}


/* ---------------------------------------------------------
   TOP CONTROL AREA
   Search + Length
   --------------------------------------------------------- */

.manris-kegiatan-table-wrap .dataTables_wrapper .row:first-child{
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}


/* Length selector */

.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_length{
    display: flex;
    align-items: center;

    margin: 0;
    padding: 0;
}


.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_length label{
    display: flex;
    align-items: center;
    gap: 7px;

    margin: 0;

    color: #667085;

    font-size: 12px;
    font-weight: 600;
}


/* Select */

.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_length select{
    min-width: 58px;
    height: 34px;

    margin: 0 2px;
    padding: 4px 24px 4px 9px;

    border: 1px solid #dce3eb;
    border-radius: 8px;

    background-color: #ffffff;
    color: #475467;

    font-size: 12px;
    font-weight: 600;

    outline: none;

    box-shadow: 0 1px 3px rgba(23,35,52,.035);

    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}


.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_length select:hover{
    border-color: #b9cce0;
}


.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_length select:focus{
    border-color: #007bff;

    box-shadow:
        0 0 0 3px rgba(0,123,255,.10);

    outline: none;
}


/* ---------------------------------------------------------
   SEARCH
   --------------------------------------------------------- */

.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_filter{
    display: flex;
    justify-content: flex-end;
    align-items: center;

    margin: 0;
    padding: 0;
}


.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_filter label{
    display: flex;
    align-items: center;

    position: relative;

    margin: 0;

    color: #667085;

    font-size: 0;
}


/* Search input */

.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_filter input{
    width: 230px;
    height: 36px;

    margin: 0 !important;
    padding: 7px 12px 7px 36px;

    border: 1px solid #dce3eb !important;
    border-radius: 9px !important;

    background-color: #ffffff;

    color: #344054;

    font-size: 12px;
    font-weight: 500;

    outline: none;

    box-shadow:
        0 1px 4px rgba(23,35,52,.035);

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        width .18s ease;
}


.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_filter input::placeholder{
    color: #98a2b3;
    opacity: 1;
}


.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_filter input:hover{
    border-color: #bfd0e2 !important;
}


.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_filter input:focus{
    border-color: #007bff !important;

    box-shadow:
        0 0 0 3px rgba(0,123,255,.10),
        0 2px 7px rgba(23,35,52,.04);

    outline: none;
}


/* Search icon */

.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_filter label::before{
    content: "";

    position: absolute;
    left: 13px;
    top: 50%;

    transform: translateY(-50%);

    color: #98a2b3;

    font-family: "Font Awesome 5 Free";
    font-size: 11px;
    font-weight: 900;

    pointer-events: none;

    z-index: 2;
}


.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_filter:focus-within label::before{
    color: #007bff;
}


/* ---------------------------------------------------------
   TABLE
   --------------------------------------------------------- */

.manris-kegiatan-table-wrap .dataTables_wrapper table.dataTable{
    width: 100% !important;

    margin: 0 !important;

    border-collapse: separate !important;
    border-spacing: 0;

    border: 1px solid #e4eaf1;

    border-radius: 10px;

    overflow: hidden;

    background: #ffffff;
}


/* Prevent DataTables from adding unwanted spacing */

.manris-kegiatan-table-wrap .dataTables_wrapper table.dataTable.no-footer{
    border-bottom: 1px solid #e4eaf1;
}


/* ---------------------------------------------------------
   BOTTOM CONTROL AREA
   --------------------------------------------------------- */

.manris-kegiatan-table-wrap .dataTables_wrapper .row:last-child{
    display: flex;
    align-items: center;

    margin-top: 14px;
}


/* Information */

.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_info{
    padding-top: 5px;

    color: #8a96a6;

    font-size: 11px;
    font-weight: 600;

    line-height: 1.5;
}


/* ---------------------------------------------------------
   PAGINATION
   --------------------------------------------------------- */

.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_paginate{
    display: flex;
    align-items: center;
    justify-content: flex-end;

    padding-top: 0;
}


.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button{
    min-width: 32px;
    height: 32px;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    margin: 0 2px !important;
    padding: 0 8px !important;

    border: 1px solid transparent !important;
    border-radius: 7px !important;

    background: transparent !important;

    color: #667085 !important;

    font-size: 11px;
    font-weight: 700;

    line-height: 1;

    cursor: pointer;

    box-shadow: none !important;

    transition:
        background-color .18s ease,
        color .18s ease,
        border-color .18s ease,
        transform .18s ease;
}


/* Hover */

.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background: #eaf4ff !important;

    border-color: #d8eaff !important;

    color: #007bff !important;

    transform: translateY(-1px);
}


/* Active */

.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background: #007bff !important;

    border-color: #007bff !important;

    color: #ffffff !important;

    box-shadow:
        0 2px 6px rgba(0,123,255,.20) !important;
}


/* Previous / Next */

.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.next{
    color: #536174 !important;

    font-size: 11px;
}


.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover{
    color: #007bff !important;
}


/* Disabled */

.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
    background: transparent !important;

    border-color: transparent !important;

    color: #c5ccd5 !important;

    cursor: default;

    transform: none;
}


/* Ellipsis */

.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_paginate .ellipsis{
    padding: 0 5px;

    color: #98a2b3;

    font-size: 11px;
}


/* ---------------------------------------------------------
   EMPTY TABLE
   --------------------------------------------------------- */

.manris-kegiatan-table-wrap .dataTables_wrapper table.dataTable tbody td.dataTables_empty{
    padding: 32px 15px !important;

    border-bottom: 0 !important;

    color: #98a2b3;

    font-size: 12px;
    font-weight: 600;

    text-align: center;
}


/* ---------------------------------------------------------
   PROCESSING
   --------------------------------------------------------- */

.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_processing{
    position: absolute;

    top: 50% !important;
    left: 50% !important;

    width: auto !important;
    min-width: 150px;

    padding: 12px 18px !important;

    transform: translate(-50%, -50%);

    border: 1px solid #dce3eb !important;
    border-radius: 9px !important;

    background: rgba(255,255,255,.96) !important;

    color: #536174 !important;

    font-size: 12px;
    font-weight: 700;

    box-shadow:
        0 8px 25px rgba(23,35,52,.10) !important;

    z-index: 20;
}


/* ---------------------------------------------------------
   SORTING INDICATOR
   --------------------------------------------------------- */

.manris-kegiatan-table-wrap .dataTables_wrapper table.dataTable thead .sorting,
.manris-kegiatan-table-wrap .dataTables_wrapper table.dataTable thead .sorting_asc,
.manris-kegiatan-table-wrap .dataTables_wrapper table.dataTable thead .sorting_desc{
    background-position: right 10px center;
    background-repeat: no-repeat;
}


/* ---------------------------------------------------------
   RESPONSIVE DATATABLES
   --------------------------------------------------------- */

@media  (max-width: 767px) {


    .manris-kegiatan-table-wrap .dataTables_wrapper .row:first-child{
        display: flex;
        flex-direction: column;

        align-items: stretch;

        gap: 10px;

        margin-bottom: 12px;
    }

    .manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_length{
        justify-content: flex-start;
    }

    .manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_filter{
        justify-content: stretch;
        width: 100%;
    }

    .manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_filter label,
.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_filter input{
        width: 100%;
    }

    .manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_filter input{
        width: 100%;

        height: 35px;
    }

    .manris-kegiatan-table-wrap .dataTables_wrapper .row:last-child{
        display: flex;
        flex-direction: column;

        align-items: stretch;

        gap: 10px;

        margin-top: 12px;
    }

    .manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_info{
        text-align: center;
    }

    .manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_paginate{
        justify-content: center;

        width: 100%;

        overflow-x: auto;

        padding-bottom: 2px;
    }

    .manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button{
        min-width: 30px;
        height: 30px;

        margin: 0 1px !important;
    }

}


/* ---------------------------------------------------------
   REDUCED MOTION
   --------------------------------------------------------- */

@media  (prefers-reduced-motion: reduce) {


    .manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_filter input,
.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_length select,
.manris-kegiatan-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button{
        transition: none !important;
    }

}


/* ---------------------------------------------------------
   FORM CONTAINER
   --------------------------------------------------------- */

.manris-kegiatan-table-wrap .form-ubah-kegiatan{
    margin: 14px 0 18px;

    padding: 20px 22px;

    border: 1px solid #e2e8f0;

    border-radius: 14px;

    background: #ffffff;

    box-shadow:
        0 5px 18px rgba(23,35,52,.06);

    animation:
        manrisEditFormIn .25s ease-out;
}


/* Form entrance */

@keyframes manrisEditFormIn {

    from {
        opacity: 0;

        transform:
            translateY(-8px)
            scale(.99);
    }

    to {
        opacity: 1;

        transform:
            translateY(0)
            scale(1);
    }
}


/* ---------------------------------------------------------
   FORM HEADER
   --------------------------------------------------------- */

.manris-form-header{
    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 6px;

    color: #172334;

    font-size: 14px;

    font-weight: 750;
}


/* Header icon */

.manris-form-header > i{
    width: 34px;
    height: 34px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    border-radius: 9px;

    background: #eaf4ff;

    color: #007bff;

    font-size: 12px;

    transition:
        transform .18s ease,
        background .18s ease;
}


/* Header icon hover */

.form-ubah-kegiatan:hover
.manris-form-header > i{
    background: #007bff;

    color: #ffffff;

    transform:
        rotate(-3deg)
        scale(1.04);
}


/* Form subtitle */

.manris-form-subheader{
    margin-left: 44px;

    margin-bottom: 18px;

    color: #8a96a6;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .2px;
}


/* ---------------------------------------------------------
   FORM GROUP
   --------------------------------------------------------- */

.manris-kegiatan-table-wrap .form-ubah-kegiatan .form-group{
    margin-bottom: 16px;
}


/* Label */

.manris-kegiatan-table-wrap .form-ubah-kegiatan
.form-group label{
    display: block;

    margin-bottom: 6px;

    color: #536174;

    font-size: 11px;

    font-weight: 700;

    line-height: 1.4;
}


/* Required marker */

.manris-kegiatan-table-wrap .form-ubah-kegiatan
.form-group label sup{
    font-size: 10px;

    top: -1px;
}


/* ---------------------------------------------------------
   FORM CONTROL
   --------------------------------------------------------- */

.manris-kegiatan-table-wrap .form-ubah-kegiatan .form-control{

    min-height: 38px;

    padding: 8px 11px;

    border: 1px solid #dfe6ee;

    border-radius: 8px;

    background: #ffffff;

    color: #344054;

    font-size: 11px;

    line-height: 1.5;

    box-shadow: none;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background-color .18s ease;
}


/* Textarea */

.manris-kegiatan-table-wrap .form-ubah-kegiatan
textarea.form-control{

    min-height: 72px;

    resize: vertical;
}


/* Hover */

.manris-kegiatan-table-wrap .form-ubah-kegiatan
.form-control:hover{

    border-color: #c9d5e2;

    background: #fcfdff;
}


/* Focus */

.manris-kegiatan-table-wrap .form-ubah-kegiatan
.form-control:focus{

    border-color: #8ec5ff !important;

    background: #ffffff;

    color: #344054;

    outline: none;

    box-shadow:
        0 0 0 3px rgba(0,123,255,.08) !important;
}


/* ---------------------------------------------------------
   INVALID CONTROL
   --------------------------------------------------------- */

.manris-kegiatan-table-wrap .form-ubah-kegiatan
.form-control.is-invalid{

    border-color: #dc3545 !important;

    background-image: none;

    box-shadow:
        0 0 0 3px rgba(220,53,69,.07) !important;
}


/* Validation message */

.manris-kegiatan-table-wrap .form-ubah-kegiatan
.invalid-feedback{

    margin-top: 5px;

    color: #dc3545;

    font-size: 10px;

    line-height: 1.4;
}


/* ---------------------------------------------------------
   SELECT2
   --------------------------------------------------------- */

.manris-kegiatan-table-wrap .form-ubah-kegiatan
.select2-container{

    width: 100% !important;
}


/* Select2 selection */

.manris-kegiatan-table-wrap .form-ubah-kegiatan
.select2-container--bootstrap4
.select2-selection{

    min-height: 38px;

    padding: 4px 7px;

    border: 1px solid #dfe6ee !important;

    border-radius: 8px !important;

    background: #ffffff;

    box-shadow: none !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}


/* Hover */

.manris-kegiatan-table-wrap .form-ubah-kegiatan
.select2-container--bootstrap4
.select2-selection:hover{

    border-color: #c9d5e2 !important;
}


/* Focus / open */

.manris-kegiatan-table-wrap .form-ubah-kegiatan
.select2-container--bootstrap4.select2-container--focus
.select2-selection,
.manris-kegiatan-table-wrap .form-ubah-kegiatan
.select2-container--bootstrap4.select2-container--open
.select2-selection{

    border-color: #8ec5ff !important;

    box-shadow:
        0 0 0 3px rgba(0,123,255,.08) !important;
}


/* Selected text */

.manris-kegiatan-table-wrap .form-ubah-kegiatan
.select2-container--bootstrap4
.select2-selection__rendered{

    color: #536174 !important;

    font-size: 11px;

    line-height: 28px;
}


/* Arrow */

.manris-kegiatan-table-wrap .form-ubah-kegiatan
.select2-container--bootstrap4
.select2-selection__arrow{

    height: 36px;
}


/* ---------------------------------------------------------
   SELECT2 DROPDOWN
   --------------------------------------------------------- */




/* Search inside Select2 */







.select2-container--bootstrap4
.select2-search--dropdown
.select2-search__field:focus{

    border-color: #8ec5ff;

    box-shadow:
        0 0 0 3px rgba(0,123,255,.08);
}


/* Select2 options */




.select2-container--bootstrap4
.select2-results__option--highlighted{

    background: #eaf4ff !important;

    color: #007bff !important;
}


/* ---------------------------------------------------------
   DIVIDER FORM
   --------------------------------------------------------- */

.manris-kegiatan-table-wrap .form-ubah-kegiatan hr{

    margin: 18px 0 !important;

    border: 0 !important;

    border-top: 1px solid #edf1f5 !important;

    opacity: 1;
}


/* ---------------------------------------------------------
   FORM ACTION AREA
   --------------------------------------------------------- */

.manris-kegiatan-table-wrap .form-ubah-kegiatan .text-center{

    margin: 0;

    padding-top: 3px;
}


/* ---------------------------------------------------------
   SAVE BUTTON
   --------------------------------------------------------- */

.manris-btn-save{

    min-height: 34px;

    padding: 7px 16px !important;

    border: 0 !important;

    border-radius: 8px !important;

    background: #20a779 !important;

    color: #ffffff !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    box-shadow:
        0 3px 9px rgba(32,167,121,.16) !important;

    transition:
        transform .16s ease,
        box-shadow .16s ease,
        background .16s ease,
        opacity .16s ease;
}


/* Save hover */

.manris-btn-save:hover:not(:disabled){

    background: #198f68 !important;

    transform: translateY(-1px);

    box-shadow:
        0 5px 13px rgba(32,167,121,.22) !important;
}


/* Save active */

.manris-btn-save:active:not(:disabled){

    transform: scale(.97);
}


/* Save disabled */

.manris-btn-save:disabled{

    opacity: .6;

    cursor: wait;

    box-shadow: none !important;
}


/* ---------------------------------------------------------
   CANCEL BUTTON
   --------------------------------------------------------- */

.manris-btn-cancel{

    min-height: 34px;

    margin-left: 5px;

    padding: 7px 16px !important;

    border: 0 !important;

    border-radius: 8px !important;

    background: #fff1f2 !important;

    color: #dc3545 !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    box-shadow:
        0 2px 7px rgba(220,53,69,.07) !important;

    transition:
        transform .16s ease,
        box-shadow .16s ease,
        background .16s ease,
        color .16s ease;
}


/* Cancel hover */

.manris-btn-cancel:hover{

    background: #dc3545 !important;

    color: #ffffff !important;

    transform: translateY(-1px);

    box-shadow:
        0 5px 12px rgba(220,53,69,.17) !important;
}


/* Cancel active */

.manris-btn-cancel:active{

    transform: scale(.97);
}


/* ---------------------------------------------------------
   FORM BUTTON ICON
   --------------------------------------------------------- */

.manris-btn-save i,
.manris-btn-cancel i{

    margin-right: 5px;

    font-size: 10px;

    transition: transform .16s ease;
}


.manris-btn-save:hover i{

    transform: translateX(1px);
}


.manris-btn-cancel:hover i{

    transform: rotate(-8deg);
}


/* ---------------------------------------------------------
   REDUCED MOTION
   --------------------------------------------------------- */

@media  (prefers-reduced-motion: reduce) {


    .manris-kegiatan-table-wrap .form-ubah-kegiatan,
.manris-form-header > i,
.manris-btn-save,
.manris-btn-cancel,
.manris-btn-save i,
.manris-btn-cancel i{

        animation: none !important;
        transition: none !important;
    }

}


/* =========================================================
   LARGE TABLET / LAPTOP
   <= 1199px
   ========================================================= */

@media  (max-width: 1199px) {


    /* -----------------------------------------------------
       KEGIATAN
       ----------------------------------------------------- */

    .manris-kegiatan-title{
        font-size: 11px;
    }


    /* -----------------------------------------------------
       TUJUAN
       ----------------------------------------------------- */

    .manris-purpose-item{
        grid-template-columns:
            50px minmax(0,1fr);

        column-gap: 7px;
    }


    .manris-purpose-label{
        font-size: 8px;
    }


    .manris-purpose-value{
        font-size: 10px;
    }


    /* -----------------------------------------------------
       OWNER
       ----------------------------------------------------- */

    .manris-owner{
        gap: 8px;
    }


    .manris-owner-icon{
        width: 30px;
        height: 30px;
        min-width: 30px;

        font-size: 10px;
    }


    .manris-owner-name{
        font-size: 10px;
    }


    /* -----------------------------------------------------
       STATUS SUPERVISI
       ----------------------------------------------------- */

    .manris-status-badge{
        min-width: 78px;

        padding: 5px 8px !important;

        font-size: 8px !important;
    }


    .manris-btn-supervisi{
        min-width: 78px;

        font-size: 9px !important;
    }


}


/* =========================================================
   TABLET
   <= 992px
   ========================================================= */

@media  (max-width: 992px) {


    /* -----------------------------------------------------
       TABLE WRAPPER
       ----------------------------------------------------- */

    .manris-kegiatan-table-wrap{
        border-radius: 12px;
    }


    /* -----------------------------------------------------
       TABLE
       Tetap horizontal scroll
       ----------------------------------------------------- */

    .manris-kegiatan-table{
        min-width: 1050px;
    }


    /* -----------------------------------------------------
       DATATABLE
       ----------------------------------------------------- */

    #tabel-kegiatan_wrapper{
        width: 100%;
    }


}


/* =========================================================
   MOBILE
   <= 767px
   ========================================================= */

@media  (max-width: 767px) {


    /* -----------------------------------------------------
       TABLE
       ----------------------------------------------------- */

    .manris-kegiatan-table{
        min-width: 1050px;
    }


    /* Header tabel */

    .manris-kegiatan-table thead th{
        padding: 10px 8px !important;

        font-size: 9px !important;
    }


    /* Body tabel */

    .manris-kegiatan-table tbody td{
        padding: 13px 9px !important;
    }


    /* -----------------------------------------------------
       KEGIATAN
       ----------------------------------------------------- */

    .manris-kegiatan-main{
        gap: 9px;
    }


    .manris-kegiatan-label{
        width: 29px !important;
        height: 29px !important;

        min-width: 29px !important;
        max-width: 29px !important;

        flex-basis: 29px !important;
    }


    .manris-kegiatan-title{
        font-size: 11px;

        line-height: 1.55;
    }


    /* -----------------------------------------------------
       TUJUAN
       ----------------------------------------------------- */

    .manris-purpose-item{
        grid-template-columns:
            48px minmax(0,1fr);

        column-gap: 6px;

        padding: 5px 0;
    }


    /* -----------------------------------------------------
       OWNER
       ----------------------------------------------------- */

    .manris-owner-icon{
        width: 29px;
        height: 29px;
        min-width: 29px;
    }


    .manris-owner-name{
        font-size: 10px;
    }


    /* -----------------------------------------------------
       SUPERVISI
       ----------------------------------------------------- */

    .manris-supervisi-choice{
        width: 100%;

        justify-content: flex-start;
    }


    .manris-supervisi-choice .btn{
        flex: 0 0 auto;
    }


    /* -----------------------------------------------------
       ACTION COLUMN
       ----------------------------------------------------- */

    #tabel-kegiatan th:last-child,
#tabel-kegiatan td:last-child{
        width: 82px;

        min-width: 82px;
    }


    /* Action button menjadi icon-only */

    .manris-btn-action{
        min-width: 30px;
        min-height: 30px;

        padding: 5px 7px !important;
    }


    .manris-btn-action span{
        display: none;
    }


    .manris-btn-action i{
        margin: 0 !important;
    }


    /* -----------------------------------------------------
       DATATABLE SEARCH
       ----------------------------------------------------- */

    #tabel-kegiatan_wrapper
    .dataTables_filter input{
        width: 100% !important;
    }


    /* -----------------------------------------------------
       FORM UBAH
       ----------------------------------------------------- */

    .manris-kegiatan-table-wrap .form-ubah-kegiatan{
        padding: 17px;

        border-radius: 12px;
    }


    .manris-form-header{
        font-size: 13px;
    }


    .manris-form-subheader{
        margin-left: 43px;
    }


    .manris-kegiatan-table-wrap .form-ubah-kegiatan
    .form-group label{
        font-size: 10px;
    }


    .manris-kegiatan-table-wrap .form-ubah-kegiatan
    .form-control{
        font-size: 11px;
    }


}


/* =========================================================
   SMALL MOBILE
   <= 480px
   ========================================================= */

@media  (max-width: 480px) {


    /* -----------------------------------------------------
       TABLE WRAPPER
       ----------------------------------------------------- */

    .manris-kegiatan-table-wrap{
        border-radius: 10px;
    }


    /* -----------------------------------------------------
       DATATABLE
       ----------------------------------------------------- */

    #tabel-kegiatan_wrapper{
        padding: 8px;
    }


    /* Search */

    #tabel-kegiatan_wrapper
    .dataTables_filter input{
        width: 100% !important;
    }


    /* -----------------------------------------------------
       NOTE AREA
       ----------------------------------------------------- */

    .manris-kegiatan-note{
        margin-top: 10px;

        padding: 8px 10px;
    }


    /* -----------------------------------------------------
       FORM
       ----------------------------------------------------- */

    .manris-kegiatan-table-wrap .form-ubah-kegiatan{

        margin: 10px 0;

        padding: 14px;

        border-radius: 10px;
    }


    .manris-form-header{

        gap: 8px;

        font-size: 12px;
    }


    .manris-form-header > i{

        width: 31px;
        height: 31px;
    }


    .manris-form-subheader{

        margin-left: 39px;

        margin-bottom: 14px;
    }


    /* -----------------------------------------------------
       FORM BUTTON
       ----------------------------------------------------- */

    .manris-btn-save,
.manris-btn-cancel{

        min-height: 32px;

        padding: 6px 12px !important;

        font-size: 10px !important;
    }


}


/* =========================================================
   EXTRA SMALL DEVICE
   <= 360px
   ========================================================= */

@media  (max-width: 360px) {


    .manris-kegiatan-table{
        min-width: 1000px;
    }


    .manris-kegiatan-table thead th{
        padding-left: 8px !important;
        padding-right: 8px !important;
    }


    .manris-kegiatan-table tbody td{
        padding-left: 8px !important;
        padding-right: 8px !important;
    }


    .manris-kegiatan-table-wrap .form-ubah-kegiatan{
        padding: 12px;
    }


    .manris-form-subheader{
        margin-left: 0;
    }


    .manris-btn-save,
.manris-btn-cancel{
        width: 100%;

        margin-left: 0;

        margin-bottom: 6px;
    }


}


/* ---------------------------------------------------------
   TABLE HORIZONTAL SCROLLBAR
   --------------------------------------------------------- */

.manris-kegiatan-table-wrap{
    scrollbar-width: thin;

    scrollbar-color:
        #cbd5e1
        #f5f7fa;
}


/* Chrome / Edge / Safari */

.manris-kegiatan-table-wrap::-webkit-scrollbar{
    height: 7px;
}


.manris-kegiatan-table-wrap::-webkit-scrollbar-track{
    background: #f5f7fa;

    border-radius: 10px;
}


.manris-kegiatan-table-wrap::-webkit-scrollbar-thumb{
    background: #cbd5e1;

    border-radius: 10px;

    border: 1px solid #f5f7fa;

    transition: background .18s ease;
}


.manris-kegiatan-table-wrap::-webkit-scrollbar-thumb:hover{
    background: #94a3b8;
}


/* ---------------------------------------------------------
   GENERAL SCROLLBAR
   --------------------------------------------------------- */

.manris-kegiatan-table-wrap html{
    scrollbar-width: thin;

    scrollbar-color:
        #cbd5e1
        #f5f7fa;
}


.manris-kegiatan-table-wrap html::-webkit-scrollbar{
    width: 7px;
}


.manris-kegiatan-table-wrap html::-webkit-scrollbar-track{
    background: #f5f7fa;
}


.manris-kegiatan-table-wrap html::-webkit-scrollbar-thumb{
    background: #cbd5e1;

    border-radius: 10px;

    border: 1px solid #f5f7fa;
}


.manris-kegiatan-table-wrap html::-webkit-scrollbar-thumb:hover{
    background: #94a3b8;
}


/* ---------------------------------------------------------
   FORM TEXT SELECTION
   --------------------------------------------------------- */

.manris-kegiatan-table-wrap .form-ubah-kegiatan
.form-control::selection,
.manris-kegiatan-table-wrap .dataTables_wrapper
input::selection,
.manris-kegiatan-table-wrap .dataTables_wrapper
select::selection{

    background: #cfe5ff;

    color: #172334;
}


/* ---------------------------------------------------------
   FOCUS ACCESSIBILITY
   --------------------------------------------------------- */

.manris-btn-action:focus-visible,
.manris-btn-supervisi:focus-visible,
.manris-btn-save:focus-visible,
.manris-btn-cancel:focus-visible,
.manris-btn-add:focus-visible,
.manris-btn-reload:focus-visible{

    outline: none !important;

    box-shadow:
        0 0 0 3px rgba(0,123,255,.15) !important;
}


/* ---------------------------------------------------------
   DISABLED BUTTON
   --------------------------------------------------------- */

.manris-kegiatan-table-wrap button:disabled,
.manris-kegiatan-table-wrap .btn:disabled{

    cursor: not-allowed;
}


/* ---------------------------------------------------------
   REDUCED MOTION
   --------------------------------------------------------- */

@media  (prefers-reduced-motion: reduce) {


    .manris-kegiatan-table-wrap *,
.manris-kegiatan-table-wrap *::before,
.manris-kegiatan-table-wrap *::after{

        scroll-behavior: auto !important;

        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;

        transition-duration: .01ms !important;
        transition-delay: 0s !important;
    }

}


/* ---------------------------------------------------------
   PRINT
   --------------------------------------------------------- */

@media  print {


    .manris-btn-add,
.manris-btn-reload,
.manris-btn-action,
.manris-btn-supervisi,
.manris-btn-save,
.manris-btn-cancel,
.manris-kegiatan-table-wrap .dataTables_filter,
.manris-kegiatan-table-wrap .dataTables_length,
.manris-kegiatan-table-wrap .dataTables_paginate{

        display: none !important;
    }


    .manris-kegiatan-table-wrap{

        overflow: visible !important;

        border: 1px solid #000 !important;

        box-shadow: none !important;
    }


    .manris-kegiatan-table{

        min-width: 0 !important;

        width: 100% !important;
    }


    .manris-note-box{

        box-shadow: none !important;

        transform: none !important;
    }

}


/* =========================================================
   END — MANRIS TABLE KEGIATAN UI/UX
   ========================================================= */





/* ===============================================================
  EXTRACTED FROM Views/menu/supervisi/v_supervisi.php / style block 1
  =============================================================== */

/* =========================================================
   MANRIS - SUPERVISI
   UI/UX ONLY - Bootstrap 4.6 compatible
   ========================================================= */
.manris-supervisi-page{width:100%;max-width:none;padding:0 4px 32px;}
.manris-supervisi-header,
.manris-supervisi-filter-card,
.manris-supervisi-section{background:#fff;border:1px solid #e4eaf1;border-radius:12px;box-shadow:0 3px 12px rgba(23,35,52,.045);}
.manris-supervisi-header{margin-bottom:18px;overflow:hidden;}
.manris-supervisi-header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;gap:18px;}
.manris-supervisi-header-main{display:flex;align-items:center;min-width:0;}
.manris-supervisi-header-icon{width:44px;height:44px;min-width:44px;border-radius:10px;background:#eaf4ff;color:#007bff;display:flex;align-items:center;justify-content:center;margin-right:13px;}
.manris-supervisi-header-icon i{font-size:20px;}
.manris-supervisi-title{margin:0;font-size:20px;font-weight:700;line-height:1.3;color:#172334;}
.manris-supervisi-subtitle{margin:3px 0 0;font-size:12px;color:#8a96a6;line-height:1.45;}
.manris-supervisi-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;margin:0;padding:0;list-style:none;font-size:11px;color:#8a96a6;}
.manris-supervisi-breadcrumb li{display:flex;align-items:center;}
.manris-supervisi-breadcrumb .separator{margin:0 8px;color:#b8c1cc;}
.manris-supervisi-breadcrumb .nav-home a{color:#007bff!important;text-decoration:none;}
.manris-supervisi-breadcrumb .nav-item a{color:#68778a!important;text-decoration:none;font-weight:500!important;}

.manris-supervisi-filter-card{margin-bottom:16px;overflow:hidden;}
.manris-supervisi-filter-body{padding:17px;}
.manris-supervisi-filter{background:#f8fafc;border:1px solid #e6ebf1;border-radius:10px;padding:15px 16px 8px;}
.manris-supervisi-filter-heading{display:flex;align-items:center;margin-bottom:12px;}
.manris-supervisi-filter-icon{width:30px;height:30px;min-width:30px;border-radius:7px;background:#eaf4ff;color:#007bff;display:flex;align-items:center;justify-content:center;margin-right:9px;}
.manris-supervisi-filter-title{margin:0;font-size:13px;font-weight:700;color:#172334;}
.manris-supervisi-filter-description{margin:1px 0 0;font-size:11px;color:#8a96a6;}
.manris-supervisi-filter .form-group{margin-bottom:7px;}
.manris-supervisi-filter label{font-size:11px;font-weight:600;color:#536174;margin-bottom:5px;}
.manris-supervisi-filter .form-control{height:36px;border-radius:7px;border:1px solid #dce3eb;font-size:12px;box-shadow:none;background:#fff;}
.manris-supervisi-filter .form-control:focus{border-color:#80bdff;box-shadow:0 0 0 .12rem rgba(0,123,255,.10);}
.manris-supervisi-filter #btn-cari{height:36px;border-radius:7px;font-size:12px;font-weight:600;border:0;background:#28a745;box-shadow:0 2px 5px rgba(40,167,69,.14);transition:.16s ease;}
.manris-supervisi-filter #btn-cari:hover{background:#34b653;transform:translateY(-1px);box-shadow:0 4px 9px rgba(40,167,69,.18);}
/* SELECT2 - disamakan dengan Pemantauan */
.manris-supervisi-filter .select2-container{
    width: 100% !important;
}

.manris-supervisi-filter .select2-container--bootstrap4 .select2-selection{
    min-height: 36px;
    border-radius: 7px;
    border: 1px solid #dce3eb;
    background: #ffffff;
    font-size: 12px;
    box-shadow: none;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.manris-supervisi-filter .select2-container--bootstrap4 .select2-selection--single{
    height: 36px;
    padding-top: 3px;
    position: relative;
}

.manris-supervisi-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__rendered{
    line-height: 29px;
    color: #495057;
    padding-left: 10px;
    padding-right: 32px;
}

.manris-supervisi-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__placeholder{
    color: #9aa6b2;
}

.manris-supervisi-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__arrow{
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manris-supervisi-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__arrow b{
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
}

.manris-supervisi-filter .select2-container--bootstrap4.select2-container--focus .select2-selection,
.manris-supervisi-filter .select2-container--bootstrap4.select2-container--open .select2-selection{
    border-color: #80bdff !important;
    box-shadow: 0 0 0 .12rem rgba(0, 123, 255, .10) !important;
    outline: none;
}

.manris-supervisi-filter .select2-container--bootstrap4.select2-container--open
.select2-selection--single .select2-selection__arrow b{
    transform: translate(-50%, -50%) rotate(180deg);
}

.manris-supervisi-filter .select2-container--bootstrap4.select2-container--disabled .select2-selection{
    background: #f1f4f8;
    border-color: #e1e6ec;
    color: #8b97a6;
    cursor: not-allowed;
}









.select2-container--bootstrap4 .select2-results__options{
    max-height: 250px;
}



.select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected]{
    background: #eaf4ff !important;
    color: #0069d9 !important;
}

.select2-container--bootstrap4 .select2-results__option[aria-selected="true"]{
    background: #007bff;
    color: #ffffff;
    font-weight: 600;
}

@keyframes manrisSupervisiSelect2In {
    from { opacity: 0; transform: translateY(-4px) scaleY(.98); }
    to   { opacity: 1; transform: translateY(0) scaleY(1); }
}

.manris-supervisi-process{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px;}
.manris-supervisi-process-item{position:relative;display:flex;align-items:center;min-height:72px;background:#fff;border:1px solid #e4eaf1;border-radius:11px;padding:12px;text-decoration:none!important;box-shadow:0 2px 8px rgba(23,35,52,.035);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;overflow:hidden;}
.manris-supervisi-process-item:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#007bff;opacity:.78;}
.manris-supervisi-process-item:hover{transform:translateY(-1px);box-shadow:0 5px 13px rgba(23,35,52,.07);border-color:#d6e4f3;}
.manris-supervisi-process-icon{width:35px;height:35px;min-width:35px;border-radius:9px;background:#eef6ff;color:#007bff;display:flex;align-items:center;justify-content:center;margin-right:10px;}
.manris-supervisi-process-icon i{font-size:14px;}
.manris-supervisi-process-step{display:block;font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:#9aa5b3;font-weight:700;}
.manris-supervisi-process-name{display:block;margin-top:1px;font-size:11px;color:#273548;font-weight:700;line-height:1.25;}

.manris-supervisi-section{margin-bottom:16px;overflow:hidden;scroll-margin-top:84px;}
.manris-supervisi-section-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #edf0f4;background:#fff;}
.manris-supervisi-section-heading{display:flex;align-items:center;min-width:0;}
.manris-supervisi-section-icon{width:34px;height:34px;min-width:34px;border-radius:8px;background:#eef6ff;color:#007bff;display:flex;align-items:center;justify-content:center;margin-right:10px;}
.manris-supervisi-section-icon i{font-size:14px;}
.manris-supervisi-section-title{margin:0;font-size:13px;font-weight:700;color:#1d2a3b;}
.manris-supervisi-section-subtitle{display:block;margin-top:1px;font-size:10px;font-weight:400;color:#909cab;}
.manris-supervisi-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 8px;border-radius:13px;background:#fff1f2;color:#dc3545;border:1px solid #ffd9dd;font-size:11px;font-weight:700;}
.manris-supervisi-section-body{padding:14px 15px 15px;}
.manris-supervisi-section .loading{padding:24px 0;margin:0;}

/* Tables injected by all five supervision partials */
.manris-supervisi-section .table-responsive{border:1px solid #e5eaf0;border-radius:10px;background:#fff;overflow-x:auto;overflow-y:hidden;}
.manris-supervisi-section table{margin-bottom:0!important;background:#fff;}
.manris-supervisi-section table>thead>tr>th,
.manris-supervisi-section table>thead>tr>td{background:#f4f8fc!important;color:#425166!important;border-color:#dfe6ee!important;font-size:10px!important;font-weight:700!important;letter-spacing:.01em;vertical-align:middle!important;padding:8px 6px!important;white-space:normal;}
.manris-supervisi-section table>tbody>tr>td{border-color:#e5eaf0!important;color:#4d5b6d;font-size:10px;line-height:1.5;padding:8px 6px!important;vertical-align:top!important;}
.manris-supervisi-section table>tbody>tr:hover>td{background-color:#fbfdff;}
.manris-supervisi-section table table{border:1px solid #e5eaf0!important;border-radius:7px;margin:3px 0!important;}
.manris-supervisi-section table table>thead>tr>th,
.manris-supervisi-section table table>thead>tr>td{font-size:9.5px!important;padding:6px 5px!important;}
.manris-supervisi-section table table>tbody>tr>td{font-size:9.5px!important;padding:6px 5px!important;}
.manris-supervisi-section td[style*="background-color"]{font-weight:700;text-align:center;}
.manris-supervisi-section .badge{border-radius:10px;padding:4px 7px;font-size:9px;font-weight:600;}
.manris-supervisi-section .btn{border-radius:6px;font-size:9.5px;font-weight:600;line-height:1.2;padding:5px 7px;box-shadow:none;}
.manris-supervisi-section .btn-group .btn{margin:0;}
.manris-supervisi-section .btn-warning{color:#654b00;}
.manris-supervisi-section p[id^="btn-lihat-"],
.manris-supervisi-section p[id^="btn-tutup-"]{display:inline-block;margin:4px 0 0!important;font-weight:600;text-decoration:none!important;}
.manris-supervisi-section ol[id^="info-"]{margin:5px 0 0;padding:7px 7px 7px 22px;background:#f8fafc;border:1px solid #e6ebf1;border-radius:7px;color:#68778a;}
.manris-supervisi-section .dataTables_wrapper{font-size:10px;color:#6e7b8c;}
.manris-supervisi-section .dataTables_wrapper .dataTables_length select,
.manris-supervisi-section .dataTables_wrapper .dataTables_filter input{height:30px;border:1px solid #dce3eb;border-radius:6px;font-size:10px;padding:3px 7px;background:#fff;}
.manris-supervisi-section .dataTables_wrapper .dataTables_paginate .paginate_button{border-radius:6px!important;font-size:10px!important;padding:4px 8px!important;}
.manris-supervisi-section .dataTables_wrapper .dataTables_info,
.manris-supervisi-section .dataTables_wrapper .dataTables_length,
.manris-supervisi-section .dataTables_wrapper .dataTables_filter{margin:7px 0;font-size:10px;}
.manris-supervisi-note{display:flex;align-items:flex-start;margin-top:10px;padding:9px 11px;background:#f8fafc;border:1px solid #e5eaf0;border-radius:8px;color:#6f7c8d;font-size:10px;line-height:1.45;}
.manris-supervisi-note i{color:#007bff;margin:2px 8px 0 0;}
.manris-supervisi-note strong,
.manris-supervisi-note span{display:block;}
.manris-supervisi-note strong{color:#475669;margin-bottom:1px;}
.manris-supervisi-page .d-none{display:none!important;}

@media (max-width:991.98px){
.manris-supervisi-process{grid-template-columns:repeat(3,minmax(0,1fr));}.manris-supervisi-header-inner{align-items:flex-start;flex-direction:column;gap:10px;}
}
@media (max-width:767.98px){
.manris-supervisi-page{padding-left:0;padding-right:0;}.manris-supervisi-header-inner{padding:15px;}.manris-supervisi-title{font-size:18px;}.manris-supervisi-process{grid-template-columns:1fr 1fr;}.manris-supervisi-section-body{padding:10px;}.manris-supervisi-section-header{padding:12px;}.manris-supervisi-filter-body{padding:12px;}
}
@media (max-width:479.98px){
.manris-supervisi-process{grid-template-columns:1fr;}.manris-supervisi-process-item{min-height:60px;}.manris-supervisi-breadcrumb{font-size:10px;}
}
@media (prefers-reduced-motion:reduce){
.manris-supervisi-process-item,
.manris-supervisi-filter #btn-cari{transition:none!important;transform:none!important;}
}




/* ===============================================================
  EXTRACTED FROM Views/menu/evaluasi/v_tbl_evaluasi.php / style block 1
  =============================================================== */

/* ==========================================================
   MANRIS - EVALUASI RISIKO
   Visual layer only. Existing IDs, names, routes and workflow
   are preserved.
   ========================================================== */

.manris-evaluasi-table-wrap{
    width: 100%;
    overflow-x: auto;
    border: 1px solid #e4eaf1;
    border-radius: 11px;
    background: #ffffff;
}

.manris-evaluasi-table{
    width: 100% !important;
    min-width: 1180px;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.manris-evaluasi-table > thead > tr > th{
    padding: 9px 7px !important;
    border-color: #dce8f5 !important;
    background: #eef6ff !important;
    color: #315b86 !important;
    font-size: 9px !important;
    line-height: 1.35;
    font-weight: 800 !important;
    vertical-align: middle !important;
    white-space: normal !important;
}

.manris-evaluasi-table > tbody > tr > td{
    padding: 10px 8px !important;
    border-color: #edf0f4 !important;
    background: #ffffff;
    color: #475467;
    font-size: 10px;
    line-height: 1.5;
    vertical-align: top !important;
}

.manris-evaluasi-table > tbody > tr:hover > td{
    background: #fcfdff;
}

.manris-evaluasi-table > tbody > tr > td:first-child{
    color: #7b8797;
    font-weight: 800;
    text-align: center !important;
}

/* Risiko prioritas */
.manris-evaluasi-table > tbody > tr > td:nth-child(2){
    color: #172334;
    font-weight: 700;
    text-align: left !important;
}
.manris-evaluasi-table > tbody > tr > td:nth-child(2) b{
    color: #7b8797;
    font-size: 9px;
}

/* Evaluasi */
.manris-evaluasi-table > tbody > tr > td:nth-child(3){
    border-left: 3px solid #007bff !important;
    color: #536174;
}
.manris-evaluasi-table > tbody > tr > td:nth-child(3) b{
    color: #344054;
    font-weight: 800;
}

/* Status risiko */
.manris-evaluasi-table > tbody > tr > td:nth-child(4){
    background: #fbfcfe;
    color: #536174;
}
.manris-evaluasi-table > tbody > tr > td:nth-child(4) b{
    color: #344054;
    font-weight: 800;
}

.manris-evaluasi-table .badge{
    padding: 5px 7px !important;
    border-radius: 999px !important;
    font-size: 8.5px !important;
    font-weight: 800 !important;
}

/* Action / supervision */
.manris-evaluasi-table button[id^="btn-"],
.manris-evaluasi-table a.btn{
    min-height: 28px;
    padding: 5px 8px !important;
    border-radius: 7px !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 5px rgba(23, 35, 52, .06);
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.manris-evaluasi-table button[id^="btn-"]:hover,
.manris-evaluasi-table a.btn:hover{
    transform: translateY(-1px);
    filter: brightness(1.06);
    box-shadow: 0 4px 8px rgba(23, 35, 52, .10);
}
.manris-evaluasi-table .btn.d-none,
.manris-evaluasi-table .btn-group.d-none{
    display: none !important;
}

.manris-evaluasi-note{
    display: flex;
    align-items: flex-start;
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid #dce9f8;
    border-radius: 9px;
    background: #f7fbff;
    color: #607086;
    font-size: 10px;
    line-height: 1.45;
}
.manris-evaluasi-note > i{
    margin-right: 8px;
    margin-top: 2px;
    color: #007bff;
}
.manris-evaluasi-note strong,
.manris-evaluasi-note span{ display: block; }
.manris-evaluasi-note strong{ margin-bottom: 2px; color: #344054; }

/* =========================
   DYNAMIC FORM EVALUASI
   ========================= */
.manris-evaluasi-form{
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid #dfe6ee;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 4px 14px rgba(23, 35, 52, .055);
    animation: manrisEvaluasiFormIn .22s ease-out;
}

.manris-evaluasi-form-title{
    margin: -18px -18px 16px !important;
    padding: 15px 18px !important;
    border: 0 !important;
    border-bottom: 1px solid #e4eaf1 !important;
    border-radius: 12px 12px 0 0 !important;
    background: linear-gradient(135deg, #f5f9ff 0%, #ffffff 100%) !important;
    color: #172334 !important;
    font-size: 15px !important;
    text-align: left !important;
}

.manris-evaluasi-section-title{
    margin: 3px 0 11px !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
    font-size: 10.5px !important;
    line-height: 1.35;
    font-weight: 800 !important;
    text-align: left !important;
    box-shadow: none !important;
}
.manris-section-kegiatan{ border: 1px solid #e2e7ed !important; background: #f8fafc !important; color: #536174 !important; }
.manris-section-identifikasi{ border: 1px solid #f3d7da !important; background: #fff7f8 !important; color: #9b4450 !important; }
.manris-section-rencana{ border: 1px solid #f1e3bf !important; background: #fffaf0 !important; color: #8a6d1c !important; }
.manris-section-pemantauan{ border: 1px solid #cfe9df !important; background: #f3fbf7 !important; color: #278565 !important; }
.manris-section-evaluasi{ border: 1px solid #cfe3f8 !important; background: #f4f9ff !important; color: #236ea8 !important; }
.manris-section-penilaian{ border: 1px solid #d5e5f8 !important; background: #f7fbff !important; color: #315b86 !important; margin-top: 14px !important; }

.manris-evaluasi-form .form-group{ margin-bottom: 12px; }
.manris-evaluasi-form label{
    margin-bottom: 5px;
    color: #536174;
    font-size: 10px;
    font-weight: 700;
}
.manris-evaluasi-form .form-control{
    border: 1px solid #dce3eb;
    border-radius: 7px;
    color: #344054;
    background: #ffffff;
    font-size: 11px;
    box-shadow: none;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.manris-evaluasi-form textarea.form-control{ min-height: 68px; resize: vertical; }
.manris-evaluasi-form textarea[readonly]{ background: #f8fafc; color: #667085; }
.manris-evaluasi-form .form-control:focus{
    border-color: #80bdff;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, .08);
}
.manris-evaluasi-form .invalid-feedback{ margin-top: 4px; font-size: 9.5px; }

/* Select2 in dynamic form */
.manris-evaluasi-form .select2-container{ width: 100% !important; }
.manris-evaluasi-form .select2-container--bootstrap4 .select2-selection{
    min-height: 36px;
    border: 1px solid #dce3eb;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: none;
    font-size: 11px;
}
.manris-evaluasi-form .select2-container--bootstrap4.select2-container--focus .select2-selection,
.manris-evaluasi-form .select2-container--bootstrap4.select2-container--open .select2-selection{
    border-color: #80bdff;
    box-shadow: 0 0 0 3px rgba(0,123,255,.08);
}

/* Risk assessment tables */
.manris-evaluasi-form .table-responsive{
    margin-top: 5px;
    border: 1px solid #e3e8ef;
    border-radius: 9px;
    background: #ffffff;
}
.manris-evaluasi-form table.table-xs{
    width: 100% !important;
    min-width: 680px;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 0 !important;
}
.manris-evaluasi-form table.table-xs thead td,
.manris-evaluasi-form table.table-xs thead th{
    padding: 7px 6px !important;
    border-color: rgba(255,255,255,.35) !important;
    font-size: 8.5px !important;
    font-weight: 800;
    vertical-align: middle;
}
.manris-evaluasi-form table.table-xs tbody td{
    padding: 7px 6px !important;
    font-size: 8.8px !important;
    line-height: 1.35;
    vertical-align: middle !important;
}
.manris-evaluasi-form table.table-xs ul{
    margin: 0;
    padding-left: 15px;
}
.manris-evaluasi-form input[type="radio"]{
    width: 14px;
    height: 14px;
    vertical-align: middle;
}

/* Trend selector */
.manris-evaluasi-form .selectgroup{
    display: flex;
    gap: 6px;
}
.manris-evaluasi-form .selectgroup-item{ flex: 1; margin: 0; }
.manris-evaluasi-form .selectgroup-button{
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px !important;
    border-color: #dce3eb !important;
    font-size: 10px;
    font-weight: 700;
}

.manris-evaluasi-form-actions{
    margin: 14px 0 0 !important;
    padding-top: 13px;
    border-top: 1px solid #e8edf2;
}
.manris-evaluasi-form-save,
.manris-evaluasi-form-cancel{
    min-width: 92px;
    min-height: 34px;
    padding: 7px 12px !important;
    margin: 2px 3px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.manris-evaluasi-form-save:hover{
    transform: translateY(-1px);
    box-shadow: 0 5px 11px rgba(40, 167, 69, .17);
}
.manris-evaluasi-form-cancel{
    color: #ffffff !important;
    background: #8d3540 !important;
    border-color: #8d3540 !important;
}
.manris-evaluasi-form-cancel:hover,
.manris-evaluasi-form-cancel:focus{
    color: #ffffff !important;
    background: #b44755 !important;
    border-color: #b44755 !important;
    transform: translateY(-1px);
    box-shadow: 0 5px 11px rgba(141,53,64,.18);
}

/* DataTables */
#tabel-evaluasi_wrapper .dataTables_length,
#tabel-evaluasi_wrapper .dataTables_filter,
#tabel-evaluasi_wrapper .dataTables_info,
#tabel-evaluasi_wrapper .dataTables_paginate{
    color: #667085;
    font-size: 10px;
}
#tabel-evaluasi_wrapper .dataTables_filter input,
#tabel-evaluasi_wrapper .dataTables_length select{
    min-height: 30px;
    border: 1px solid #dce3eb;
    border-radius: 7px;
    background: #ffffff;
    color: #344054;
    font-size: 10px;
    box-shadow: none;
}
#tabel-evaluasi_wrapper .page-link{ border-color: #e2e8ef; color: #536174; font-size: 10px; }
#tabel-evaluasi_wrapper .page-item.active .page-link{ border-color: #007bff; background: #007bff; color: #ffffff; }

@keyframes manrisEvaluasiFormIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

@media  (max-width: 767.98px) {

    .manris-evaluasi-form{ padding: 14px; }
    .manris-evaluasi-form-title{ margin: -14px -14px 14px !important; padding: 13px 14px !important; }

}
@media  (max-width: 575.98px) {

    .manris-evaluasi-form-save,
.manris-evaluasi-form-cancel{ width: 46%; min-width: 0; }

}
@media  (prefers-reduced-motion: reduce) {

    .manris-evaluasi-form,
.manris-evaluasi-table button[id^="btn-"],
.manris-evaluasi-form-save,
.manris-evaluasi-form-cancel{ animation: none !important; transition: none !important; }

}




/* ===============================================================
  EXTRACTED FROM Views/menu/evaluasi/v_evaluasi.php / style block 1
  =============================================================== */

/* =========================================================
   MANRIS - EVALUASI RISIKO
   UI/UX ONLY
   ========================================================= */

.manris-evaluasi-page{
    padding: 0 4px 30px;
}

.manris-evaluasi-header{
    background: #ffffff;
    border: 1px solid #e4eaf1;
    border-radius: 12px;
    margin-bottom: 18px;
    box-shadow: 0 3px 12px rgba(23, 35, 52, .05);
    overflow: hidden;
}

.manris-evaluasi-header-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px;
    position: relative;
}

.manris-evaluasi-header-main{
    display: flex;
    align-items: center;
    min-width: 0;
}

.manris-evaluasi-header-icon{
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 10px;
    background: #eaf4ff;
    color: #007bff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 13px;
}

.manris-evaluasi-header-icon i{
    font-size: 20px;
}

.manris-evaluasi-title{
    margin: 0;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    color: #172334;
}

.manris-evaluasi-subtitle{
    margin: 3px 0 0;
    font-size: 12px;
    color: #8a96a6;
    line-height: 1.4;
}

.manris-evaluasi-breadcrumb{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 11px;
    color: #8a96a6;
}

.manris-evaluasi-breadcrumb li{
    display: flex;
    align-items: center;
}

.manris-evaluasi-breadcrumb .separator{
    margin: 0 8px;
    color: #b8c1cc;
}

.manris-evaluasi-breadcrumb .nav-home a{
    color: #007bff !important;
    text-decoration: none;
}

.manris-evaluasi-breadcrumb .nav-item a{
    color: #68778a !important;
    text-decoration: none;
    font-weight: 500 !important;
}

.manris-evaluasi-card{
    background: #ffffff;
    border: 1px solid #e4eaf1;
    border-radius: 12px;
    box-shadow: 0 3px 12px rgba(23, 35, 52, .045);
    margin-bottom: 18px;
    overflow: hidden;
}

.manris-evaluasi-card-body{
    padding: 18px;
}

.manris-evaluasi-filter{
    background: #f8fafc;
    border: 1px solid #e6ebf1;
    border-radius: 10px;
    padding: 15px 16px 7px;
}

.manris-evaluasi-filter-heading{
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.manris-evaluasi-filter-icon{
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 7px;
    background: #eaf4ff;
    color: #007bff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 9px;
}

.manris-evaluasi-filter-icon i{
    font-size: 13px;
}

.manris-evaluasi-filter-title{
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: #172334;
}

.manris-evaluasi-filter-description{
    margin: 1px 0 0;
    font-size: 11px;
    color: #8a96a6;
}

.manris-evaluasi-filter .form-group{
    margin-bottom: 8px;
}

.manris-evaluasi-filter label{
    font-size: 11px;
    font-weight: 600;
    color: #536174;
    margin-bottom: 5px;
}

.manris-evaluasi-filter .form-control{
    height: 36px;
    border-radius: 7px;
    border: 1px solid #dce3eb;
    font-size: 12px;
    box-shadow: none;
    background: #ffffff;
}

.manris-evaluasi-filter .form-control:focus{
    border-color: #80bdff;
    box-shadow: 0 0 0 .12rem rgba(0, 123, 255, .10);
}

.manris-evaluasi-filter #btn-cari{
    height: 36px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    border: 0;
    background: #28a745;
    box-shadow: 0 2px 5px rgba(40, 167, 69, .14);
    transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.manris-evaluasi-filter #btn-cari:hover{
    background: #34b653;
    transform: translateY(-1px);
    box-shadow: 0 4px 9px rgba(40, 167, 69, .18);
}

.manris-evaluasi-filter #btn-cari:focus{
    box-shadow: 0 0 0 3px rgba(40, 167, 69, .12);
}

.manris-evaluasi-page .text-transparent{
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
}

.manris-evaluasi-data-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 13px;
    margin-bottom: 14px;
    border-bottom: 1px solid #edf0f4;
}

.manris-evaluasi-data-title-wrap{
    display: flex;
    align-items: center;
    min-width: 0;
}

.manris-evaluasi-data-icon{
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 8px;
    background: #eaf4ff;
    color: #007bff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.manris-evaluasi-data-icon i{
    font-size: 15px;
}

.manris-evaluasi-data-title{
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #172334;
}

.manris-evaluasi-data-subtitle{
    margin: 2px 0 0;
    font-size: 11px;
    color: #8a96a6;
}

.manris-evaluasi-actions{
    display: flex;
    align-items: center;
    gap: 7px;
}

.manris-evaluasi-actions #btn-reload,
.manris-evaluasi-btn-reload{
    position: relative !important;
    float: none !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #536174 !important;
    background: #ffffff !important;
    border: 1px solid #dce3eb !important;
    border-radius: 9px !important;
    box-shadow: 0 2px 6px rgba(23, 35, 52, .06);
    transition: transform .18s ease, color .18s ease, background-color .18s ease,
                border-color .18s ease, box-shadow .18s ease;
}

.manris-evaluasi-actions #btn-reload i,
.manris-evaluasi-btn-reload i{
    margin: 0 !important;
    font-size: 14px;
    line-height: 1;
    transition: transform .35s ease;
}

.manris-evaluasi-actions #btn-reload:hover,
.manris-evaluasi-btn-reload:hover{
    color: #007bff !important;
    background: #f0f7ff !important;
    border-color: #b8d7f7 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0, 123, 255, .12);
}

.manris-evaluasi-actions #btn-reload:hover i,
.manris-evaluasi-btn-reload:hover i{
    transform: rotate(180deg);
}

.manris-evaluasi-actions #btn-reload:focus,
.manris-evaluasi-btn-reload:focus{
    outline: none !important;
    color: #007bff !important;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, .12);
}

.manris-evaluasi-loading{
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manris-evaluasi-loading .loader{
    margin: 20px auto;
}

#tbl-evaluasi,
#div-form-tambah-evaluasi,
#div-form-ubah-evaluasi{
    width: 100%;
}

/* SELECT2 - sama dengan Kegiatan/Identifikasi */
.manris-evaluasi-filter .select2-container{
    width: 100% !important;
}

.manris-evaluasi-filter .select2-container--bootstrap4 .select2-selection{
    min-height: 36px;
    border-radius: 7px;
    border: 1px solid #dce3eb;
    background: #ffffff;
    font-size: 12px;
    box-shadow: none;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.manris-evaluasi-filter .select2-container--bootstrap4 .select2-selection--single{
    height: 36px;
    padding-top: 3px;
    position: relative;
}

.manris-evaluasi-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__rendered{
    line-height: 29px;
    color: #495057;
    padding-left: 10px;
    padding-right: 32px;
}

.manris-evaluasi-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__placeholder{
    color: #9aa6b2;
}

.manris-evaluasi-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__arrow{
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manris-evaluasi-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__arrow b{
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
}

.manris-evaluasi-filter .select2-container--bootstrap4.select2-container--focus .select2-selection,
.manris-evaluasi-filter .select2-container--bootstrap4.select2-container--open .select2-selection{
    border-color: #80bdff !important;
    box-shadow: 0 0 0 .12rem rgba(0, 123, 255, .10) !important;
    outline: none;
}

.manris-evaluasi-filter .select2-container--bootstrap4.select2-container--open
.select2-selection--single .select2-selection__arrow b{
    transform: translate(-50%, -50%) rotate(180deg);
}

.manris-evaluasi-filter .select2-container--bootstrap4.select2-container--disabled .select2-selection{
    background: #f1f4f8;
    border-color: #e1e6ec;
    color: #8b97a6;
    cursor: not-allowed;
}

















@keyframes manrisEvaluasiSelect2In {
    from { opacity: 0; transform: translateY(-4px) scaleY(.98); }
    to   { opacity: 1; transform: translateY(0) scaleY(1); }
}

@media  (max-width: 767.98px) {

    .manris-evaluasi-page{
        padding-left: 0;
        padding-right: 0;
    }

    .manris-evaluasi-header{
        border-radius: 9px;
        margin-bottom: 12px;
    }

    .manris-evaluasi-header-inner{
        padding: 14px;
        display: block;
    }

    .manris-evaluasi-header-main{
        margin-bottom: 10px;
    }

    .manris-evaluasi-title{
        font-size: 17px;
    }

    .manris-evaluasi-subtitle{
        font-size: 11px;
    }

    .manris-evaluasi-breadcrumb{
        font-size: 10px;
    }

    .manris-evaluasi-card-body{
        padding: 12px;
    }

    .manris-evaluasi-data-header{
        align-items: flex-start;
    }

    .manris-evaluasi-data-title{
        font-size: 14px;
    }

    .manris-evaluasi-data-subtitle{
        display: none;
    }

    .manris-evaluasi-actions{
        margin-left: 8px;
    }

    .manris-evaluasi-actions #btn-reload{
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
    }

}

@media  (max-width: 575.98px) {

    .manris-evaluasi-filter{
        padding: 12px 12px 5px;
    }

    .manris-evaluasi-filter-heading{
        margin-bottom: 9px;
    }

    .manris-evaluasi-filter .form-group{
        margin-bottom: 10px;
    }

    .manris-evaluasi-data-header{
        flex-wrap: wrap;
    }

    .manris-evaluasi-actions{
        width: 100%;
        justify-content: flex-end;
        margin-top: 10px;
        margin-left: 0;
    }

}

@media  (prefers-reduced-motion: reduce) {

    .manris-evaluasi-actions #btn-reload,
.manris-evaluasi-actions #btn-reload i{
        transition: none !important;
        animation: none !important;
    }

}




/* ===============================================================
  EXTRACTED FROM Views/menu/identifikasi/v_identifikasi.php / style block 1
  =============================================================== */



/* =========================================================
 *
 *   PAGE
 *
 *   =========================================================  */


.manris-identifikasi-page{

    padding: 0 4px 30px;

}


/* =========================================================
 *
 *   PAGE HEADER
 *
 *   =========================================================  */


.manris-identifikasi-header{

    background: #ffffff;

    border: 1px solid #e4eaf1;

    border-radius: 12px;

    margin-bottom: 18px;

    box-shadow: 0 3px 12px rgba(23, 35, 52, 0.05);

    overflow: hidden;

}


.manris-identifikasi-header-inner{

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 18px 22px;

    position: relative;

}


.manris-identifikasi-header-main{

    display: flex;

    align-items: center;

    min-width: 0;

}


.manris-identifikasi-header-icon{

    width: 44px;

    height: 44px;

    min-width: 44px;

    border-radius: 10px;

    background: #eaf4ff;

    color: #007bff;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 13px;

}


.manris-identifikasi-header-icon i{

    font-size: 20px;

}


.manris-identifikasi-title{

    margin: 0;

    font-size: 20px;

    line-height: 1.3;

    font-weight: 700;

    color: #172334;

}


.manris-identifikasi-subtitle{

    margin: 3px 0 0;

    font-size: 12px;

    color: #8a96a6;

    line-height: 1.4;

}


/* =========================================================
 *
 *   BREADCRUMB
 *
 *   =========================================================  */


.manris-identifikasi-breadcrumb{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    margin: 0;

    padding: 0;

    list-style: none;

    font-size: 11px;

    color: #8a96a6;

}


.manris-identifikasi-breadcrumb li{

    display: flex;

    align-items: center;

}


.manris-identifikasi-breadcrumb .separator{

    margin: 0 8px;

    color: #b8c1cc;

}


.manris-identifikasi-breadcrumb .nav-home a{

    color: #007bff !important;

    text-decoration: none;

}


.manris-identifikasi-breadcrumb .nav-item a{

    color: #68778a !important;

    text-decoration: none;

    font-weight: 500 !important;

}


/* =========================================================
 *
 *   CONTENT CARD
 *
 *   =========================================================  */


.manris-identifikasi-card{

    background: #ffffff;

    border: 1px solid #e4eaf1;

    border-radius: 12px;

    box-shadow: 0 3px 12px rgba(23, 35, 52, 0.045);

    margin-bottom: 18px;

    overflow: hidden;

}


.manris-identifikasi-card-body{

    padding: 18px;

}


/* =========================================================
 *
 *   FILTER
 *
 *   =========================================================  */


.manris-identifikasi-filter{

    background: #f8fafc;

    border: 1px solid #e6ebf1;

    border-radius: 10px;

    padding: 15px 16px 7px;

}


.manris-identifikasi-filter-heading{

    display: flex;

    align-items: center;

    margin-bottom: 12px;

}


.manris-identifikasi-filter-icon{

    width: 30px;

    height: 30px;

    min-width: 30px;

    border-radius: 7px;

    background: #eaf4ff;

    color: #007bff;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 9px;

}


.manris-identifikasi-filter-icon i{

    font-size: 13px;

}


.manris-identifikasi-filter-title{

    margin: 0;

    font-size: 13px;

    font-weight: 700;

    color: #172334;

}


.manris-identifikasi-filter-description{

    margin: 1px 0 0;

    font-size: 11px;

    color: #8a96a6;

}


.manris-identifikasi-filter .form-group{

    margin-bottom: 8px;

}


.manris-identifikasi-filter label{

    font-size: 11px;

    font-weight: 600;

    color: #536174;

    margin-bottom: 5px;

}


.manris-identifikasi-filter .form-control{

    height: 36px;

    border-radius: 7px;

    border: 1px solid #dce3eb;

    font-size: 12px;

    box-shadow: none;

    background: #ffffff;

}


.manris-identifikasi-filter .form-control:focus{

    border-color: #80bdff;

    box-shadow: 0 0 0 0.12rem rgba(0, 123, 255, 0.10);

}


.manris-identifikasi-filter #btn-cari{
    height: 36px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background-color .18s ease;
}

.manris-identifikasi-filter #btn-cari:hover{
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(40, 167, 69, .18);
}

.manris-identifikasi-filter #btn-cari:focus{
    outline: none;
    box-shadow: 0 0 0 3px rgba(40, 167, 69, .12);
}


/* =========================================================
 *
 *   FORCE TEXT TRANSPARENT
 *
 *   =========================================================  */


.manris-identifikasi-page .text-transparent{

    color: transparent !important;

    -webkit-text-fill-color: transparent !important;

    text-shadow: none !important;

}


/* =========================================================
 *
 *   DATA HEADER
 *
 *   =========================================================  */


.manris-identifikasi-data-header{

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 13px;

    margin-bottom: 14px;

    border-bottom: 1px solid #edf0f4;

}


.manris-identifikasi-data-title-wrap{

    display: flex;

    align-items: center;

    min-width: 0;

}


.manris-identifikasi-data-icon{

    width: 36px;

    height: 36px;

    min-width: 36px;

    border-radius: 8px;

    background: #eaf4ff;

    color: #007bff;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 10px;

}


.manris-identifikasi-data-icon i{

    font-size: 15px;

}


.manris-identifikasi-data-title{

    margin: 0;

    font-size: 15px;

    font-weight: 700;

    color: #172334;

}


.manris-identifikasi-data-subtitle{

    margin: 2px 0 0;

    font-size: 11px;

    color: #8a96a6;

}


.manris-identifikasi-actions{

    display: flex;

    align-items: center;

    gap: 7px;

}


/* =========================================================
 *
 *   BUTTON RELOAD
 *
 *   ID TETAP #btn-reload
 *
 *   =========================================================  */


.manris-identifikasi-actions #btn-reload,
.manris-identifikasi-btn-reload{


    position: relative !important;

    float: none !important;


    width: 36px !important;

    height: 36px !important;


    min-width: 36px !important;

    min-height: 36px !important;


    padding: 0 !important;

    margin: 0 !important;


    display: inline-flex !important;

    align-items: center;

    justify-content: center;


    color: #536174 !important;

    background: #ffffff !important;


    border: 1px solid #dce3eb !important;

    border-radius: 9px !important;


    box-shadow: 0 2px 6px rgba(23, 35, 52, .06);


    transition:

        transform .18s ease,

color .18s ease,

        background-color .18s ease,

        border-color .18s ease,

        box-shadow .18s ease;

}


.manris-identifikasi-actions #btn-reload i,
.manris-identifikasi-btn-reload i{

    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin: 0 !important;

    font-size: 14px;

    line-height: 1;

    transition: transform .35s ease;

}


.manris-identifikasi-actions #btn-reload:hover,
.manris-identifikasi-btn-reload:hover{

    color: #007bff !important;

    background: #f0f7ff !important;

    border-color: #b8d7f7 !important;

    transform: translateY(-1px);

    box-shadow: 0 4px 10px rgba(0, 123, 255, .12);

}


.manris-identifikasi-actions #btn-reload:hover i,
.manris-identifikasi-btn-reload:hover i{

    transform: rotate(180deg);

}


.manris-identifikasi-actions #btn-reload:active,
.manris-identifikasi-btn-reload:active{

    transform: translateY(0);

}


.manris-identifikasi-actions #btn-reload:focus,
.manris-identifikasi-btn-reload:focus{

    outline: none !important;

    color: #007bff !important;

    box-shadow: 0 0 0 3px rgba(0, 123, 255, .12);

}


/* =========================================================
 *
 *   BUTTON PDF
 *
 *   ID TETAP #btn-pdf-identifikasi
 *
 *   =========================================================  */


.manris-identifikasi-actions #btn-pdf-identifikasi{


    position: relative !important;

    float: none !important;


    width: 36px !important;

    height: 36px !important;


    min-width: 36px !important;

    min-height: 36px !important;


    padding: 0 !important;

    margin: 0 !important;


    display: inline-flex !important;

    align-items: center;

    justify-content: center;


    color: #dc3545 !important;

    background: #ffffff !important;


    border: 1px solid #eadcdf !important;

    border-radius: 9px !important;


    box-shadow: 0 2px 6px rgba(23, 35, 52, .06);


    transition:

        transform .18s ease,

color .18s ease,

        background-color .18s ease,

        border-color .18s ease,

        box-shadow .18s ease;

}


.manris-identifikasi-actions #btn-pdf-identifikasi i{

    margin: 0 !important;

    font-size: 14px;

    transition: transform .18s ease;

}


.manris-identifikasi-actions #btn-pdf-identifikasi:hover{

    color: #ffffff !important;

    background: #dc3545 !important;

    border-color: #dc3545 !important;

    transform: translateY(-1px);

    box-shadow: 0 4px 10px rgba(220, 53, 69, .16);

}


.manris-identifikasi-actions #btn-pdf-identifikasi:hover i{

    transform: scale(1.08);

}


*
.manris-identifikasi-actions #btn-reload.d-none,
.manris-identifikasi-actions #btn-pdf-identifikasi.d-none{
    display: none !important;
}

/* =========================================================
 *
 *   LOADING
 *
 *   =========================================================  */


.manris-identifikasi-loading{

    min-height: 100px;

    display: flex;

    align-items: center;

    justify-content: center;

}


.manris-identifikasi-loading .loader{

    margin: 20px auto;

}


/* =========================================================
 *
 *   TABLE CONTAINER
 *
 *   =========================================================  */


#tbl-identifikasi{

    width: 100%;

}


.manris-identifikasi-table-wrapper{

    width: 100%;

}


/* =========================================================
 *
 *   FORM TAMBAH / UBAH
 *
 *   Container dinamis dari AJAX
 *
 *   =========================================================  */


#div-form-tambah-identifikasi,
#div-form-ubah-identifikasi{

    width: 100%;

}


/* =========================================================
 *
 *   SELECT2
 *
 *   Mengikuti v_kegiatan.php
 *
 *   =========================================================  */


/* =========================================================
   SELECT2 - FILTER IDENTIFIKASI
   Selaras dengan tampilan v_kegiatan.php
   ========================================================= */

.manris-identifikasi-filter .select2-container{
    width: 100% !important;
}

.manris-identifikasi-filter .select2-container--bootstrap4 .select2-selection{
    min-height: 36px;
    border: 1px solid #dce3eb;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: none;
    font-size: 12px;
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background-color .18s ease;
}

.manris-identifikasi-filter .select2-container--bootstrap4 .select2-selection--single{
    height: 36px;
    padding: 0;
    position: relative;
}

.manris-identifikasi-filter
.select2-container--bootstrap4
.select2-selection--single
.select2-selection__rendered{
    height: 34px;
    line-height: 34px;
    padding-left: 11px;
    padding-right: 34px;
    color: #495057;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.manris-identifikasi-filter
.select2-container--bootstrap4
.select2-selection--single
.select2-selection__placeholder{
    color: #9aa6b2;
}

.manris-identifikasi-filter
.select2-container--bootstrap4
.select2-selection--single
.select2-selection__arrow{
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manris-identifikasi-filter
.select2-container--bootstrap4
.select2-selection--single
.select2-selection__arrow b{
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
}

.manris-identifikasi-filter
.select2-container--bootstrap4.select2-container--focus
.select2-selection,
.manris-identifikasi-filter
.select2-container--bootstrap4.select2-container--open
.select2-selection{
    border-color: #80bdff !important;
    background: #ffffff;
    box-shadow: 0 0 0 .12rem rgba(0, 123, 255, .10) !important;
    outline: none;
}

.manris-identifikasi-filter
.select2-container--bootstrap4.select2-container--open
.select2-selection--single
.select2-selection__arrow b{
    transform: translate(-50%, -50%) rotate(180deg);
}

.manris-identifikasi-filter
.select2-container--bootstrap4.select2-container--disabled
.select2-selection{
    background: #f1f4f8;
    border-color: #e1e6ec;
    color: #8b97a6;
    cursor: not-allowed;
}

/* Dropdown Select2 */
















.select2-container--bootstrap4 .select2-results__message{
    padding: 10px 11px;
    color: #8a96a6;
    font-size: 11px;
}

@keyframes manrisSelect2DropdownIn {
    from {
        opacity: 0;
        transform: translateY(-4px) scaleY(.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scaleY(1);
    }
}


/* =========================================================
 *
 *   RESPONSIVE
 *
 *   =========================================================  */


@media  (max-width: 767.98px) {



    .manris-identifikasi-page{

        padding-left: 0;

        padding-right: 0;

    }


    .manris-identifikasi-header{

        border-radius: 9px;

        margin-bottom: 12px;

    }


    .manris-identifikasi-header-inner{

        padding: 14px;

        display: block;

    }


    .manris-identifikasi-header-main{

        margin-bottom: 10px;

    }


    .manris-identifikasi-title{

        font-size: 17px;

    }


    .manris-identifikasi-subtitle{

        font-size: 11px;

    }


    .manris-identifikasi-breadcrumb{

        font-size: 10px;

    }


    .manris-identifikasi-card-body{

        padding: 12px;

    }


    .manris-identifikasi-data-header{

        align-items: flex-start;

    }


    .manris-identifikasi-data-title{

        font-size: 14px;

    }


    .manris-identifikasi-data-subtitle{

        display: none;

    }


    .manris-identifikasi-actions{

        margin-left: 8px;

    }


    .manris-identifikasi-actions #btn-reload,
.manris-identifikasi-actions #btn-pdf-identifikasi{

        width: 34px !important;

        height: 34px !important;

        min-width: 34px !important;

        min-height: 34px !important;

    }


}


/* =========================================================
 *
 *   MOBILE SMALL
 *
 *   =========================================================  */


@media  (max-width: 575.98px) {



    .manris-identifikasi-filter{

        padding: 12px 12px 5px;

    }


    .manris-identifikasi-filter-heading{

        margin-bottom: 9px;

    }


    .manris-identifikasi-filter .form-group{

        margin-bottom: 10px;

    }


    .manris-identifikasi-data-header{

        flex-wrap: wrap;

    }


    .manris-identifikasi-actions{

        width: 100%;

        justify-content: flex-end;

        margin-top: 10px;

        margin-left: 0;

    }


    .manris-identifikasi-header-icon{

        width: 40px;

        height: 40px;

        min-width: 40px;

    }


    .manris-identifikasi-header-title{

        min-width: 0;

    }


}


/* =========================================================
 *
 *   ACCESSIBILITY
 *
 *   =========================================================  */


@media  (prefers-reduced-motion: reduce) {


    


    .manris-identifikasi-actions #btn-reload,
.manris-identifikasi-actions #btn-reload i,
.manris-identifikasi-actions #btn-pdf-identifikasi,
.manris-identifikasi-actions #btn-pdf-identifikasi i{

        transition: none !important;

    }


}






/* ===============================================================
  EXTRACTED FROM Views/menu/identifikasi/v_tbl_identifikasi.php / style block 1
  =============================================================== */

:root{
    --manris-primary:#007bff;
    --manris-primary-dark:#0069d9;
    --manris-text:#243247;
    --manris-muted:#738195;
    --manris-border:#e4eaf1;
    --manris-surface:#ffffff;
    --manris-soft:#f7f9fc;
    --manris-danger:#dc3545;
    --manris-success:#28a745;
    --manris-warning:#f59e0b;
    --manris-radius:14px;
    --manris-shadow:0 10px 30px rgba(23,35,52,.07);
}

/* ===== MAIN TABLE ===== */
.manris-identifikasi-table-wrap{
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    background:var(--manris-surface);
    border:1px solid var(--manris-border);
    border-radius:14px;
    box-shadow:var(--manris-shadow);
    scrollbar-width:thin;
    scrollbar-color:#c8d2df transparent;
}
.manris-identifikasi-table{
    width:100%!important;
    min-width:1180px;
    margin:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    background:#fff;
    color:var(--manris-text);
    font-size:11px!important;
}
.manris-identifikasi-table>thead>tr>th{
    padding:14px 12px!important;
    border:0!important;
    border-bottom:1px solid var(--manris-border)!important;
    background:#f5f8fc!important;
    color:#536174!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:.55px;
    text-transform:uppercase;
    vertical-align:middle!important;
}
.manris-identifikasi-table>tbody>tr>td{
    padding:15px 12px!important;
    border:0!important;
    border-bottom:1px solid #edf1f5!important;
    background:#fff;
    vertical-align:top!important;
}
.manris-kegiatan-row{
    transition:background .22s ease,box-shadow .22s ease;
    animation:manrisRowIn .28s ease both;
}
.manris-risk-row{
    animation:manrisRowIn .28s ease both;
}
.manris-kegiatan-row:hover>td{
    background:#fbfdff!important;
}
.manris-kegiatan-row:hover{
    box-shadow:inset 3px 0 0 var(--manris-primary);
}
.manris-kegiatan-index{
    width:46px;
    text-align:center;
    color:#758397;
    font-weight:800;
}
.manris-kegiatan-index::before{
    content:"";
    display:block;
    width:32px;
    height:3px;
    margin:0 auto 8px;
    border-radius:10px;
    background:#dce8f7;
}
.manris-kegiatan-cell{
    min-width:190px;
    color:#334155;
    font-size:12px;
    font-weight:700;
    line-height:1.55;
}
.manris-kegiatan-cell hr{
    margin:8px 0!important;
    border-color:#d8e8fb!important;
}
.manris-identifikasi-cell{min-width:850px}

/* ===== NESTED RISK TABLE ===== */
.manris-risk-table{
    width:100%!important;
    min-width:1040px;
    margin:7px 0 0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    overflow:hidden;
    border:1px solid #e8edf3!important;
    border-radius:12px;
    background:#fff;
    box-shadow:0 4px 16px rgba(23,35,52,.035);
}
.manris-risk-table thead th{
    padding:10px 8px!important;
    border:0!important;
    border-right:1px solid #edf1f5!important;
    border-bottom:1px solid #dfe6ee!important;
    background:#f8fafc!important;
    color:#596779!important;
    font-size:9px!important;
    font-weight:800!important;
    letter-spacing:.35px;
    line-height:1.25;
    text-transform:uppercase;
    vertical-align:middle!important;
}
.manris-risk-table tbody td{
    padding:11px 8px!important;
    border:0!important;
    border-right:1px solid #eef2f6!important;
    border-bottom:1px solid #eef2f6!important;
    font-size:10px!important;
    line-height:1.45;
    vertical-align:top!important;
    transition:filter .2s ease,transform .2s ease,background .2s ease;
}
.manris-risk-row:hover td:not([style*="background-color"]){
    background:#fbfdff!important;
}
.manris-risk-row:hover{
    box-shadow:inset 3px 0 0 rgba(0,123,255,.55);
}
.manris-risk-index{
    color:#64748b;
    font-weight:800;
    text-align:center;
}
.manris-detail-toggle:not(.d-none){
    display:inline-flex!important;
    align-items:center;
    gap:4px;
    margin:7px 0 0!important;
    padding:3px 7px;
    border-radius:6px;
    background:#eef6ff;
    color:var(--manris-primary)!important;
    font-weight:700;
    text-decoration:none!important;
    transition:all .18s ease;
}
.manris-detail-toggle.d-none{
    display:none!important;
}
.manris-detail-toggle:hover{
    background:var(--manris-primary);
    color:#fff!important;
    transform:translateY(-1px);
}
.manris-risk-detail{
    margin:8px 0 0!important;
    padding:9px 9px 9px 24px!important;
    border-left:3px solid #b7d7fb;
    border-radius:7px;
    background:#f7fbff;
    color:#58677a;
    line-height:1.6;
}
.manris-risk-detail:not(.d-none){animation:manrisReveal .24s ease both}

/* risk color modernization while keeping meaning */
.manris-risk-table [style*="background-color: blue"],
.manris-risk-table [style*="background-color:blue"],
.manris-identifikasi-form [style*="background-color: blue"],
.manris-identifikasi-form [style*="background-color:blue"]{background-color:#2563eb!important}
.manris-risk-table [style*="background-color: green"],
.manris-risk-table [style*="background-color:green"],
.manris-identifikasi-form [style*="background-color: green"],
.manris-identifikasi-form [style*="background-color:green"]{background-color:#16a34a!important}
.manris-risk-table [style*="background-color: yellow"],
.manris-risk-table [style*="background-color:yellow"],
.manris-identifikasi-form [style*="background-color: yellow"],
.manris-identifikasi-form [style*="background-color:yellow"]{background-color:#facc15!important}
.manris-risk-table [style*="background-color: orange"],
.manris-risk-table [style*="background-color:orange"],
.manris-identifikasi-form [style*="background-color: orange"],
.manris-identifikasi-form [style*="background-color:orange"]{background-color:#f59e0b!important}
.manris-risk-table [style*="background-color: red"],
.manris-risk-table [style*="background-color:red"],
.manris-identifikasi-form [style*="background-color: red"],
.manris-identifikasi-form [style*="background-color:red"]{background-color:#dc2626!important}

/* ===== COMPACT BUTTON SYSTEM ===== */
.manris-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:5px 9px!important;
    border:0!important;
    border-radius:8px!important;
    font-size:9px!important;
    font-weight:700!important;
    line-height:1.1;
    box-shadow:0 3px 8px rgba(23,35,52,.08);
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.manris-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 6px 12px rgba(23,35,52,.12);
    filter:saturate(1.06);
}

.manris-btn.d-none{display:none!important}
.manris-btn-add{
    min-height:34px;
    padding:6px 12px!important;
    background:linear-gradient(135deg,var(--manris-primary),var(--manris-primary-dark))!important;
}
.manris-btn-reset{
    background:#6c757d!important;
    color:#fff!important;
    border-color:#6c757d!important;
}
.manris-btn-reset i{color:#fff!important}
.manris-btn-reset:hover,
.manris-btn-reset:focus{
    background:#5a6268!important;
    color:#fff!important;
    border-color:#545b62!important;
}
.manris-btn-reset:hover i,
.manris-btn-reset:focus i{color:#fff!important}

.manris-btn-edit,
.manris-btn-edit i{color:#fff!important}
.manris-btn-edit:hover,
.manris-btn-edit:focus,
.manris-btn-edit:hover i,
.manris-btn-edit:focus i{color:#fff!important}

.manris-btn-delete,
.manris-btn-cancel{color:#fff!important}

/* ===== DYNAMIC ADD / EDIT FORMS ===== */
.manris-identifikasi-form{
    position:relative;
    width:100%;
    margin:16px 0 24px;
    padding:0 22px 22px;
    overflow:hidden;
    border:1px solid var(--manris-border);
    border-radius:16px;
    background:#fff;
    box-shadow:0 14px 34px rgba(23,35,52,.09);
    color:var(--manris-text);
    animation:manrisFormEnter .34s cubic-bezier(.2,.75,.25,1) both;
}
.manris-form-hero{
    display:flex;
    align-items:center;
    gap:14px;
    margin:0 -22px 18px;
    padding:17px 20px;
    background:linear-gradient(135deg,#f8fbff 0%,#eef6ff 100%);
    border-bottom:1px solid #dce9f8;
}
.manris-form-hero-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 46px;
    width:46px;
    height:46px;
    border-radius:13px;
    background:linear-gradient(135deg,var(--manris-primary),var(--manris-primary-dark));
    color:#fff;
    font-size:18px;
    box-shadow:0 7px 16px rgba(0,123,255,.2);
}
.manris-form-hero-copy{min-width:0;flex:1}
.manris-form-eyebrow{
    display:block;
    margin-bottom:3px;
    color:var(--manris-primary);
    font-size:8px;
    font-weight:800;
    letter-spacing:1.2px;
}
.manris-form-hero-copy h5{
    margin:0 0 3px;
    color:#23354b;
    font-size:15px;
    font-weight:800;
}
.manris-form-hero-copy p{
    margin:0;
    color:#718095;
    font-size:10px;
    line-height:1.45;
}
.manris-form-mode{
    display:inline-flex;
    align-items:center;
    gap:5px;
    flex:0 0 auto;
    padding:6px 9px;
    border:1px solid #d8e8fb;
    border-radius:999px;
    background:#fff;
    color:#59718e;
    font-size:8px;
    font-weight:800;
    letter-spacing:.35px;
}
.manris-form-mode-add{color:#147b3b;border-color:#cbead6;background:#f2fbf5}
.manris-form-mode-edit{color:#8a6500;border-color:#f3dfa6;background:#fffaf0}

.manris-form-steps{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    margin:0 0 18px;
}
.manris-form-steps span{
    display:flex;
    align-items:center;
    gap:7px;
    min-height:36px;
    padding:7px 9px;
    border:1px solid #e5ebf2;
    border-radius:9px;
    background:#f9fbfd;
    color:#8190a2;
    font-size:9px;
    font-weight:700;
}
.manris-form-steps span b{
    display:flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    border-radius:7px;
    background:#eaf0f6;
    color:#738195;
    font-size:8px;
}
.manris-form-steps span.active{
    border-color:#c7dfff;
    background:#f2f8ff;
    color:var(--manris-primary);
}
.manris-form-steps span.active b{
    background:var(--manris-primary);
    color:#fff;
}
.manris-identifikasi-form>.row{
    margin-left:-7px;
    margin-right:-7px;
}
.manris-identifikasi-form>.row>[class*=col-]{
    padding-left:7px;
    padding-right:7px;
}
.manris-identifikasi-form .form-group{
    position:relative;
    margin-bottom:14px;
}
.manris-identifikasi-form .form-group>label{
    display:flex;
    align-items:center;
    min-height:18px;
    margin-bottom:6px;
    color:#44546a;
    font-size:10px;
    font-weight:800;
}
.manris-identifikasi-form .form-control{
    width:100%;
    min-height:40px;
    border:1px solid #dce3eb;
    border-radius:9px;
    background:#f9fbfd;
    color:#314156;
    font-size:11px;
    transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.manris-identifikasi-form .form-control:focus{
    border-color:var(--manris-primary);
    background:#fff;
    box-shadow:0 0 0 3px rgba(0,123,255,.09);
}
.manris-identifikasi-form textarea.form-control{
    min-height:78px;
    padding:10px 12px;
    line-height:1.55;
    resize:vertical;
}
.manris-identifikasi-form textarea[readonly]{
    background:#f1f4f8!important;
    color:#8a96a6!important;
    cursor:not-allowed;
}
.manris-identifikasi-form [name^="pernyataan_risiko_"]{
    min-height:82px;
    border-color:#bcd9fa!important;
    background:#f4f9ff!important;
    color:#38516f!important;
    font-weight:700;
}
.manris-identifikasi-form .invalid-feedback{
    margin-top:4px;
    font-size:9px;
    font-weight:600;
}
.manris-identifikasi-form .select2-container{width:100%!important}
.manris-identifikasi-form .select2-container--bootstrap4 .select2-selection{
    min-height:40px!important;
    border:1px solid #dce3eb!important;
    border-radius:9px!important;
    background:#f9fbfd!important;
    box-shadow:none!important;
}
.manris-identifikasi-form .select2-container--bootstrap4.select2-container--focus .select2-selection{
    border-color:var(--manris-primary)!important;
    box-shadow:0 0 0 3px rgba(0,123,255,.09)!important;
}
.manris-identifikasi-form .select2-selection__rendered{
    font-size:11px!important;
    line-height:38px!important;
}

/* ===== DYNAMIC ASSESSMENT SECTIONS ===== */
.manris-dynamic-section:not(.d-none){
    animation:manrisSectionEnter .28s ease both;
}
.manris-assessment-block,
.manris-rgm-block{
    position:relative;
    margin-top:7px;
    padding:14px;
    border:1px solid #e1e8f0;
    border-radius:12px;
    background:#fbfcfe;
}
.manris-assessment-block::before,
.manris-rgm-block::before{
    display:inline-flex;
    align-items:center;
    margin-bottom:9px;
    padding:4px 8px;
    border-radius:999px;
    background:#eaf4ff;
    color:var(--manris-primary);
    font-size:8px;
    font-weight:800;
    letter-spacing:.5px;
}
.manris-peluang-block::before{content:"PENILAIAN PELUANG"}
.manris-dampak-block::before{content:"PENILAIAN DAMPAK"}
.manris-rgm-block::before{content:"HASIL RISK GRADING MATRIX"}

.manris-identifikasi-form .table-responsive{
    width:100%;
    overflow-x:auto;
    border:1px solid #e3e8ef;
    border-radius:10px;
    background:#fff;
}
.manris-assessment-table{
    width:100%!important;
    min-width:620px;
    margin:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    font-size:10px!important;
}
.manris-assessment-table thead td,
.manris-assessment-table thead th{
    padding:9px 8px!important;
    border-color:#e3e8ef!important;
    background:#f3f6fa!important;
    color:#506075!important;
    font-size:9px!important;
    font-weight:800!important;
    vertical-align:middle!important;
}
.manris-assessment-table tbody td{
    padding:9px 8px!important;
    border-color:rgba(255,255,255,.45)!important;
    vertical-align:middle!important;
    line-height:1.45;
    transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.manris-assessment-table tbody tr:hover td{
    filter:brightness(.97);
}
.manris-assessment-table input[type=radio]{
    width:17px;
    height:17px;
    margin:0 0 3px;
    vertical-align:middle;
    accent-color:var(--manris-primary);
    cursor:pointer;
}
.manris-assessment-table input[type=radio]:disabled{cursor:default}
.manris-assessment-table tr.manris-selected-row td{
    box-shadow:inset 0 0 0 2px rgba(255,255,255,.72);
    filter:saturate(1.12);
}
.manris-assessment-table td.manris-selected-cell{
    position:relative;
    z-index:1;
    transform:scale(1.025);
    box-shadow:0 0 0 3px rgba(0,123,255,.22),0 7px 14px rgba(23,35,52,.14)!important;
}

/* ===== LIVE RESULT SUMMARY ===== */
.manris-risk-live-summary{
    margin:14px 0;
    padding:14px;
    border:1px solid #dbe7f4;
    border-radius:12px;
    background:linear-gradient(135deg,#fbfdff 0%,#f4f9ff 100%);
    box-shadow:0 5px 16px rgba(23,35,52,.04);
}
.manris-risk-live-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
}
.manris-risk-live-title strong{
    display:flex;
    align-items:center;
    gap:7px;
    color:#2f435c;
    font-size:10px;
    letter-spacing:.35px;
}
.manris-risk-live-title strong i{color:var(--manris-primary)}
.manris-risk-live-status{
    padding:4px 8px;
    border-radius:999px;
    background:#edf2f7;
    color:#718095;
    font-size:8px;
    font-weight:800;
}
.manris-risk-live-grid{
    display:grid;
    grid-template-columns:1fr 28px 1fr 28px 1.4fr;
    align-items:stretch;
    gap:7px;
}
.manris-risk-live-box{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:58px;
    padding:8px 10px;
    border:1px solid #e0e7ef;
    border-radius:9px;
    background:#fff;
}
.manris-risk-live-box small{
    margin-bottom:3px;
    color:#8996a6;
    font-size:7px;
    font-weight:800;
    letter-spacing:.55px;
}
.manris-risk-live-box b{
    color:#2b3b50;
    font-size:13px;
}
.manris-risk-live-op{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#9aa6b4;
    font-size:15px;
    font-weight:800;
}
.manris-risk-live-result b{font-size:12px}
.manris-risk-live-response{
    margin-top:8px;
    padding:9px 10px;
    border-radius:9px;
    background:#fff;
    color:#617186;
    font-size:9px;
    line-height:1.45;
}
.manris-risk-live-response strong{color:#3c4d63}

/* ===== EVALUATION + ACTION ===== */
.manris-evaluation-box{
    padding:8px;
    border:1px solid #e2e8f0;
    border-radius:10px;
    background:#f8fafc;
}
.manris-evaluation-box .selectgroup{
    display:flex;
    width:100%;
    gap:8px;
}
.manris-evaluation-box .selectgroup-item{
    flex:1;
    margin:0!important;
}
.manris-evaluation-box .selectgroup-button{
    display:flex!important;
    align-items:center;
    justify-content:center;
    min-height:40px;
    border:1px solid #dce3eb!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#6b7889!important;
    font-size:10px!important;
    font-weight:800!important;
    transition:all .18s ease;
}
.manris-evaluation-box .selectgroup-input:checked+.selectgroup-button{
    border-color:var(--manris-primary)!important;
    background:var(--manris-primary)!important;
    color:#fff!important;
    box-shadow:0 4px 10px rgba(0,123,255,.16);
}
.manris-form-actions{
    display:flex;
    justify-content:center;
    gap:8px;
    margin:12px 0 0!important;
}
.manris-form-save,
.manris-form-cancel{
    min-width:125px;
    min-height:38px;
    padding:7px 14px!important;
    border:0!important;
    border-radius:9px!important;
    font-size:10px!important;
    font-weight:800!important;
    transition:transform .18s ease,box-shadow .18s ease!important;
}
.manris-form-save{
    box-shadow:0 5px 12px rgba(40,167,69,.18);
}
.manris-form-cancel{
    background:#dc3545!important;
    border-color:#dc3545!important;
    color:#fff!important;
    box-shadow:0 5px 12px rgba(220,53,69,.18)!important;
}
.manris-form-save:hover{
    transform:translateY(-1px);
}
.manris-form-cancel:hover,
.manris-form-cancel:focus{
    background:#eb5a68!important;
    border-color:#eb5a68!important;
    color:#fff!important;
    transform:translateY(-1px);
    box-shadow:0 7px 15px rgba(220,53,69,.24)!important;
}
.manris-form-cancel:active{
    background:#d92f3f!important;
    border-color:#d92f3f!important;
    color:#fff!important;
    transform:translateY(0);
}

/* ===== DATATABLES ===== */
#tabel-identifikasi_wrapper .dataTables_length,
#tabel-identifikasi_wrapper .dataTables_filter{
    margin:0 0 10px;
    color:#64748b;
    font-size:10px;
}
#tabel-identifikasi_wrapper .dataTables_filter input,
#tabel-identifikasi_wrapper .dataTables_length select{
    min-height:34px;
    border:1px solid #dce3eb;
    border-radius:8px;
    background:#fff;
    color:#415166;
    font-size:10px;
    outline:none;
}
#tabel-identifikasi_wrapper .dataTables_filter input:focus,
#tabel-identifikasi_wrapper .dataTables_length select:focus{
    border-color:var(--manris-primary);
    box-shadow:0 0 0 3px rgba(0,123,255,.08);
}
#tabel-identifikasi_wrapper .dataTables_info{
    color:#8290a2;
    font-size:9px;
}
#tabel-identifikasi_wrapper .paginate_button{
    border:0!important;
    border-radius:7px!important;
    font-size:9px!important;
}
#tabel-identifikasi_wrapper .paginate_button.current{
    background:var(--manris-primary)!important;
    color:#fff!important;
}

/* ===== ANIMATIONS / RESPONSIVE ===== */
@keyframes manrisFormEnter{
    from{opacity:0;transform:translateY(10px) scale(.995)}
    to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes manrisSectionEnter{
    from{opacity:0;transform:translateY(7px)}
    to{opacity:1;transform:translateY(0)}
}
@keyframes manrisReveal{
    from{opacity:0;transform:translateY(-4px)}
    to{opacity:1;transform:translateY(0)}
}
@keyframes manrisRowIn{
    from{opacity:0;transform:translateY(5px)}
    to{opacity:1;transform:translateY(0)}
}
@media (max-width:991px){

    .manris-identifikasi-form{padding:0 16px 18px}
    .manris-form-hero{margin-left:-16px;margin-right:-16px}
    .manris-form-steps{grid-template-columns:repeat(2,minmax(0,1fr))}

}
@media (max-width:767px){

    .manris-identifikasi-table{min-width:1050px}
    .manris-risk-table{min-width:980px}
    .manris-identifikasi-form{padding:0 12px 16px;border-radius:12px}
    .manris-form-hero{align-items:flex-start;margin-left:-12px;margin-right:-12px;padding:14px}
    .manris-form-hero-icon{width:40px;height:40px;flex-basis:40px}
    .manris-form-mode{display:none}
    .manris-form-steps{grid-template-columns:1fr 1fr;gap:6px}
    .manris-identifikasi-form>.row{margin-left:0;margin-right:0}
    .manris-identifikasi-form>.row>[class*=col-]{padding-left:0;padding-right:0}
    .manris-risk-live-grid{grid-template-columns:1fr 24px 1fr}
    .manris-risk-live-result{grid-column:1/-1}
    .manris-risk-live-grid .manris-risk-live-op:nth-of-type(4){display:none}
    .manris-evaluation-box .selectgroup{flex-direction:column}
    .manris-form-actions{flex-direction:column}
    .manris-form-save,
.manris-form-cancel{width:100%}

}
@media (prefers-reduced-motion:reduce){

    .manris-identifikasi-form,
.manris-dynamic-section:not(.d-none),
.manris-risk-detail:not(.d-none){animation:none!important}
    .manris-btn,
.manris-form-save,
.manris-form-cancel{transition:none!important}

}




/* ===============================================================
  EXTRACTED FROM Views/menu/rencana/v_rencana.php / style block 1
  =============================================================== */

/* =========================================================
   MANRIS - RENCANA PENANGANAN RISIKO
   UI/UX ONLY
   ========================================================= */

.manris-rencana-page{
    padding: 0 4px 30px;
}

.manris-rencana-header{
    background: #ffffff;
    border: 1px solid #e4eaf1;
    border-radius: 12px;
    margin-bottom: 18px;
    box-shadow: 0 3px 12px rgba(23, 35, 52, .05);
    overflow: hidden;
}

.manris-rencana-header-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px;
    position: relative;
}

.manris-rencana-header-main{
    display: flex;
    align-items: center;
    min-width: 0;
}

.manris-rencana-header-icon{
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 10px;
    background: #eaf4ff;
    color: #007bff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 13px;
}

.manris-rencana-header-icon i{
    font-size: 20px;
}

.manris-rencana-title{
    margin: 0;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    color: #172334;
}

.manris-rencana-subtitle{
    margin: 3px 0 0;
    font-size: 12px;
    color: #8a96a6;
    line-height: 1.4;
}

.manris-rencana-breadcrumb{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 11px;
    color: #8a96a6;
}

.manris-rencana-breadcrumb li{
    display: flex;
    align-items: center;
}

.manris-rencana-breadcrumb .separator{
    margin: 0 8px;
    color: #b8c1cc;
}

.manris-rencana-breadcrumb .nav-home a{
    color: #007bff !important;
    text-decoration: none;
}

.manris-rencana-breadcrumb .nav-item a{
    color: #68778a !important;
    text-decoration: none;
    font-weight: 500 !important;
}

.manris-rencana-card{
    background: #ffffff;
    border: 1px solid #e4eaf1;
    border-radius: 12px;
    box-shadow: 0 3px 12px rgba(23, 35, 52, .045);
    margin-bottom: 18px;
    overflow: hidden;
}

.manris-rencana-card-body{
    padding: 18px;
}

.manris-rencana-filter{
    background: #f8fafc;
    border: 1px solid #e6ebf1;
    border-radius: 10px;
    padding: 15px 16px 7px;
}

.manris-rencana-filter-heading{
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.manris-rencana-filter-icon{
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 7px;
    background: #eaf4ff;
    color: #007bff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 9px;
}

.manris-rencana-filter-icon i{
    font-size: 13px;
}

.manris-rencana-filter-title{
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: #172334;
}

.manris-rencana-filter-description{
    margin: 1px 0 0;
    font-size: 11px;
    color: #8a96a6;
}

.manris-rencana-filter .form-group{
    margin-bottom: 8px;
}

.manris-rencana-filter label{
    font-size: 11px;
    font-weight: 600;
    color: #536174;
    margin-bottom: 5px;
}

.manris-rencana-filter .form-control{
    height: 36px;
    border-radius: 7px;
    border: 1px solid #dce3eb;
    font-size: 12px;
    box-shadow: none;
    background: #ffffff;
}

.manris-rencana-filter .form-control:focus{
    border-color: #80bdff;
    box-shadow: 0 0 0 .12rem rgba(0, 123, 255, .10);
}

.manris-rencana-filter #btn-cari{
    height: 36px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    border: 0;
    background: #28a745;
    box-shadow: 0 2px 5px rgba(40, 167, 69, .14);
    transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.manris-rencana-filter #btn-cari:hover{
    background: #34b653;
    transform: translateY(-1px);
    box-shadow: 0 4px 9px rgba(40, 167, 69, .18);
}

.manris-rencana-filter #btn-cari:focus{
    box-shadow: 0 0 0 3px rgba(40, 167, 69, .12);
}

.manris-rencana-page .text-transparent{
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
}

.manris-rencana-data-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 13px;
    margin-bottom: 14px;
    border-bottom: 1px solid #edf0f4;
}

.manris-rencana-data-title-wrap{
    display: flex;
    align-items: center;
    min-width: 0;
}

.manris-rencana-data-icon{
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 8px;
    background: #eaf4ff;
    color: #007bff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.manris-rencana-data-icon i{
    font-size: 15px;
}

.manris-rencana-data-title{
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #172334;
}

.manris-rencana-data-subtitle{
    margin: 2px 0 0;
    font-size: 11px;
    color: #8a96a6;
}

.manris-rencana-actions{
    display: flex;
    align-items: center;
    gap: 7px;
}

.manris-rencana-actions #btn-reload,
.manris-rencana-btn-reload{
    position: relative !important;
    float: none !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #536174 !important;
    background: #ffffff !important;
    border: 1px solid #dce3eb !important;
    border-radius: 9px !important;
    box-shadow: 0 2px 6px rgba(23, 35, 52, .06);
    transition: transform .18s ease, color .18s ease, background-color .18s ease,
                border-color .18s ease, box-shadow .18s ease;
}

.manris-rencana-actions #btn-reload i,
.manris-rencana-btn-reload i{
    margin: 0 !important;
    font-size: 14px;
    line-height: 1;
    transition: transform .35s ease;
}

.manris-rencana-actions #btn-reload:hover,
.manris-rencana-btn-reload:hover{
    color: #007bff !important;
    background: #f0f7ff !important;
    border-color: #b8d7f7 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0, 123, 255, .12);
}

.manris-rencana-actions #btn-reload:hover i,
.manris-rencana-btn-reload:hover i{
    transform: rotate(180deg);
}

.manris-rencana-actions #btn-reload:focus,
.manris-rencana-btn-reload:focus{
    outline: none !important;
    color: #007bff !important;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, .12);
}

.manris-rencana-loading{
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manris-rencana-loading .loader{
    margin: 20px auto;
}

#tbl-rencana,
#div-form-tambah-rencana,
#div-form-ubah-rencana{
    width: 100%;
}

/* SELECT2 - sama dengan Kegiatan/Identifikasi */
.manris-rencana-filter .select2-container{
    width: 100% !important;
}

.manris-rencana-filter .select2-container--bootstrap4 .select2-selection{
    min-height: 36px;
    border-radius: 7px;
    border: 1px solid #dce3eb;
    background: #ffffff;
    font-size: 12px;
    box-shadow: none;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.manris-rencana-filter .select2-container--bootstrap4 .select2-selection--single{
    height: 36px;
    padding-top: 3px;
    position: relative;
}

.manris-rencana-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__rendered{
    line-height: 29px;
    color: #495057;
    padding-left: 10px;
    padding-right: 32px;
}

.manris-rencana-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__placeholder{
    color: #9aa6b2;
}

.manris-rencana-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__arrow{
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manris-rencana-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__arrow b{
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
}

.manris-rencana-filter .select2-container--bootstrap4.select2-container--focus .select2-selection,
.manris-rencana-filter .select2-container--bootstrap4.select2-container--open .select2-selection{
    border-color: #80bdff !important;
    box-shadow: 0 0 0 .12rem rgba(0, 123, 255, .10) !important;
    outline: none;
}

.manris-rencana-filter .select2-container--bootstrap4.select2-container--open
.select2-selection--single .select2-selection__arrow b{
    transform: translate(-50%, -50%) rotate(180deg);
}

.manris-rencana-filter .select2-container--bootstrap4.select2-container--disabled .select2-selection{
    background: #f1f4f8;
    border-color: #e1e6ec;
    color: #8b97a6;
    cursor: not-allowed;
}

















@keyframes manrisRencanaSelect2In {
    from { opacity: 0; transform: translateY(-4px) scaleY(.98); }
    to   { opacity: 1; transform: translateY(0) scaleY(1); }
}

@media  (max-width: 767.98px) {

    .manris-rencana-page{
        padding-left: 0;
        padding-right: 0;
    }

    .manris-rencana-header{
        border-radius: 9px;
        margin-bottom: 12px;
    }

    .manris-rencana-header-inner{
        padding: 14px;
        display: block;
    }

    .manris-rencana-header-main{
        margin-bottom: 10px;
    }

    .manris-rencana-title{
        font-size: 17px;
    }

    .manris-rencana-subtitle{
        font-size: 11px;
    }

    .manris-rencana-breadcrumb{
        font-size: 10px;
    }

    .manris-rencana-card-body{
        padding: 12px;
    }

    .manris-rencana-data-header{
        align-items: flex-start;
    }

    .manris-rencana-data-title{
        font-size: 14px;
    }

    .manris-rencana-data-subtitle{
        display: none;
    }

    .manris-rencana-actions{
        margin-left: 8px;
    }

    .manris-rencana-actions #btn-reload{
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
    }

}

@media  (max-width: 575.98px) {

    .manris-rencana-filter{
        padding: 12px 12px 5px;
    }

    .manris-rencana-filter-heading{
        margin-bottom: 9px;
    }

    .manris-rencana-filter .form-group{
        margin-bottom: 10px;
    }

    .manris-rencana-data-header{
        flex-wrap: wrap;
    }

    .manris-rencana-actions{
        width: 100%;
        justify-content: flex-end;
        margin-top: 10px;
        margin-left: 0;
    }

}

@media  (prefers-reduced-motion: reduce) {

    .manris-rencana-actions #btn-reload,
.manris-rencana-actions #btn-reload i{
        transition: none !important;
        animation: none !important;
    }

}




/* ===============================================================
  EXTRACTED FROM Views/menu/rencana/v_tbl_rencana.php / style block 1
  =============================================================== */

/* ==========================================================
   MANRIS - RENCANA PENANGANAN RISIKO
   Visual layer for v_tbl_rencana.php
   Existing IDs, names, routes and business logic are preserved.
   ========================================================== */

.manris-rencana-table-wrap{
    width: 100%;
    overflow-x: auto;
    border: 1px solid #e4eaf1;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(23, 35, 52, .035);
}

.manris-rencana-table{
    width: 100% !important;
    min-width: 1180px;
    margin-bottom: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    font-size: 11px !important;
}

.manris-rencana-table > thead > tr > th{
    background: #f7faff !important;
    color: #42526a !important;
    border-color: #e3e9f0 !important;
    border-top: 0 !important;
    padding: 10px 9px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .025em;
    text-transform: uppercase;
    vertical-align: middle !important;
}

.manris-rencana-table > tbody > tr > td{
    padding: 10px !important;
    border-color: #edf0f4 !important;
    background: #ffffff;
    color: #344054;
    vertical-align: top !important;
}

.manris-rencana-kegiatan-row{
    transition: background-color .16s ease;
}

.manris-rencana-kegiatan-row:hover > td{
    background: #fbfdff;
}

.manris-rencana-kegiatan-index,
.manris-rencana-risk-index{
    text-align: center !important;
    color: #7b8797 !important;
    font-weight: 700;
}

.manris-rencana-kegiatan-summary{
    margin-bottom: 10px;
    padding: 11px 12px;
    border: 1px solid #e5eaf0;
    border-radius: 9px;
    background: #fbfcfe;
}

.manris-rencana-kegiatan-heading{
    display: flex;
    align-items: flex-start;
}

.manris-rencana-kegiatan-icon{
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 7px;
    background: #eaf4ff;
    color: #007bff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 9px;
}

.manris-rencana-kegiatan-icon i{
    font-size: 12px;
}

.manris-rencana-kegiatan-label{
    display: block;
    margin-bottom: 2px;
    color: #8b97a6;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .07em;
}

.manris-rencana-kegiatan-name{
    color: #172334;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 700;
}

.manris-rencana-kegiatan-target{
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #edf0f4;
    color: #607086;
    font-size: 10px;
    line-height: 1.5;
}

.manris-rencana-kegiatan-target-label{
    display: inline-block;
    margin-right: 6px;
    color: #007bff;
    font-weight: 700;
}

.manris-rencana-risk-table{
    width: 100% !important;
    min-width: 1080px;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #e7ebf0 !important;
    border-radius: 9px;
    overflow: hidden;
    background: #ffffff;
}

.manris-rencana-risk-table thead th{
    background: #fffaf0 !important;
    border-color: #efe5cf !important;
    color: #665834 !important;
    padding: 8px 6px !important;
    font-size: 9px !important;
    line-height: 1.35;
    font-weight: 700 !important;
    vertical-align: middle !important;
}

.manris-rencana-risk-table tbody td{
    border-color: #edf0f4 !important;
    padding: 8px 7px !important;
    color: #475467;
    font-size: 10px;
    line-height: 1.45;
    background: #ffffff;
}

.manris-rencana-risk-row{
    transition: background-color .14s ease, box-shadow .14s ease;
}

.manris-rencana-risk-row:hover td{
    background: #fcfdff;
}

.manris-rencana-risk-name{
    color: #172334;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 5px;
}

.manris-rencana-risk-code{
    margin-top: 4px;
    color: #667085;
    font-size: 9px;
}

.manris-rencana-risk-code span{
    color: #8a96a6;
    font-weight: 700;
}

.manris-rencana-priority-badge{
    display: inline-block;
    margin-top: 7px;
    padding: 4px 7px;
    border: 1px solid #ffd4d8;
    border-radius: 999px;
    background: #fff4f5;
    color: #d63345;
    font-size: 9px;
    font-weight: 700;
}

.manris-rencana-pj-cell{
    color: #344054 !important;
    font-weight: 600;
}

.manris-rencana-supervisi-cell,
.manris-rencana-ket-cell,
.manris-rencana-action-cell{
    text-align: center;
}

.manris-supervisi-badge{
    padding: 5px 7px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    font-weight: 700 !important;
}

.manris-action-btn{
    min-height: 28px;
    padding: 5px 8px !important;
    border-radius: 7px !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    box-shadow: 0 2px 5px rgba(23, 35, 52, .06);
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

.manris-action-btn:hover{
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(23, 35, 52, .10);
    filter: brightness(1.05);
}

.manris-action-btn i,
.manris-supervisi-choice i{
    font-size: 9px;
}

.manris-supervisi-choice{
    min-height: 27px;
    padding: 5px 8px !important;
    font-size: 9px !important;
    font-weight: 700 !important;
}

.manris-action-cancel-supervisi{
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.manris-action-btn.d-none,
.manris-action-cancel-supervisi.d-none{
    display: none !important;
}

.manris-rencana-note{
    display: flex;
    align-items: flex-start;
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid #dce9f8;
    border-radius: 9px;
    background: #f7fbff;
    color: #607086;
    font-size: 10px;
    line-height: 1.45;
}

.manris-rencana-note > i{
    margin-right: 8px;
    margin-top: 2px;
    color: #007bff;
}

.manris-rencana-note strong,
.manris-rencana-note span{
    display: block;
}

.manris-rencana-note strong{
    color: #344054;
    margin-bottom: 2px;
}

/* =========================
   DYNAMIC FORM
   ========================= */

.manris-rencana-form{
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid #dfe6ee;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 4px 14px rgba(23, 35, 52, .055);
    animation: manrisRencanaFormIn .22s ease-out;
}

.manris-rencana-form-hero{
    display: flex;
    align-items: center;
    position: relative;
    margin: -18px -18px 14px;
    padding: 16px 18px;
    border-bottom: 1px solid #e7edf3;
    background: linear-gradient(135deg, #f8fbff 0%, #ffffff 100%);
    border-radius: 12px 12px 0 0;
}

.manris-rencana-form-hero-icon{
    width: 42px;
    height: 42px;
    min-width: 42px;
    margin-right: 11px;
    border-radius: 10px;
    background: #eaf4ff;
    color: #007bff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manris-rencana-form-hero-icon i{
    font-size: 17px;
}

.manris-rencana-form-hero-copy{
    min-width: 0;
    padding-right: 64px;
}

.manris-rencana-form-eyebrow{
    display: block;
    margin-bottom: 2px;
    color: #007bff;
    font-size: 9px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .08em;
}

.manris-rencana-form-hero h6{
    margin: 0;
    color: #172334;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 700;
}

.manris-rencana-form-hero p{
    margin: 3px 0 0;
    color: #8a96a6;
    font-size: 10px;
    line-height: 1.45;
}

.manris-rencana-form-mode{
    position: absolute;
    right: 18px;
    top: 18px;
    padding: 4px 7px;
    border-radius: 999px;
    background: #eaf4ff;
    color: #007bff;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .06em;
}

.manris-rencana-form-steps{
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 15px;
    border: 1px solid #e5eaf0;
    border-radius: 9px;
    overflow: hidden;
    background: #fbfcfe;
}

.manris-rencana-form-steps span{
    display: table-cell;
    padding: 7px 6px;
    border-right: 1px solid #e8edf2;
    color: #667085;
    font-size: 9px;
    text-align: center;
    vertical-align: middle;
}

.manris-rencana-form-steps span:last-child{
    border-right: 0;
}

.manris-rencana-form-steps b{
    display: inline-block;
    margin-right: 4px;
    color: #007bff;
}

.manris-rencana-context-title,
.manris-rencana-main-section-title,
.manris-rencana-section-title{
    margin: 0 0 10px;
    border-radius: 8px;
    font-weight: 700;
}

.manris-rencana-context-title{
    padding: 8px 10px;
    font-size: 11px;
}

.manris-rencana-context-kegiatan{
    background: #f3f5f8;
    color: #536174;
    border: 1px solid #e1e6ec;
}

.manris-rencana-context-risiko{
    background: #fff5f5;
    color: #c23a49;
    border: 1px solid #f3d9dd;
}

.manris-rencana-main-section-title{
    margin-top: 4px;
    padding: 9px 11px;
    background: #fffaf0;
    border: 1px solid #f1e3bf;
    color: #8a6d1c;
    font-size: 11px;
}

.manris-rencana-section-title{
    padding: 8px 10px;
    background: #f7fbff;
    border: 1px solid #dfeaf7;
    color: #356b9a;
    font-size: 10px;
}

.manris-rencana-form-divider{
    border: 0;
    border-top: 1px solid #e8edf2;
    margin: 10px 0;
}

.manris-rencana-form .form-group{
    margin-bottom: 12px;
}

.manris-rencana-form label{
    margin-bottom: 5px;
    color: #536174;
    font-size: 10px;
    font-weight: 700;
}

.manris-rencana-form .form-control{
    border: 1px solid #dce3eb;
    border-radius: 7px;
    color: #344054;
    background: #ffffff;
    font-size: 11px;
    box-shadow: none;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.manris-rencana-form input.form-control,
.manris-rencana-form select.form-control{
    min-height: 36px;
}

.manris-rencana-form textarea.form-control{
    min-height: 64px;
    padding: 8px 9px;
    line-height: 1.45;
    resize: vertical;
}

.manris-rencana-form .form-control[readonly]{
    background: #f7f9fb;
    color: #667085;
    border-color: #e3e8ee;
}

.manris-rencana-form .form-control:focus{
    border-color: #80bdff;
    box-shadow: 0 0 0 .12rem rgba(0, 123, 255, .10);
}

.manris-rencana-form .invalid-feedback{
    margin-top: 4px;
    font-size: 9px;
}

.manris-rencana-form .select2-container{
    width: 100% !important;
}

.manris-rencana-form .select2-container--bootstrap4 .select2-selection{
    min-height: 36px;
    border-radius: 7px;
    border-color: #dce3eb;
    font-size: 11px;
}

.manris-rencana-form .select2-container--bootstrap4 .select2-selection--single{
    height: 36px;
}

.manris-rencana-form .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered{
    line-height: 34px;
    padding-left: 9px;
    color: #344054;
}

.manris-rencana-form .select2-container--bootstrap4.select2-container--focus .select2-selection,
.manris-rencana-form .select2-container--bootstrap4.select2-container--open .select2-selection{
    border-color: #80bdff !important;
    box-shadow: 0 0 0 .12rem rgba(0, 123, 255, .10) !important;
}

.manris-rencana-save,
.manris-rencana-cancel{
    min-width: 88px;
    min-height: 34px;
    margin: 2px 3px;
    border-radius: 8px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.manris-rencana-save:hover,
.manris-rencana-cancel:hover{
    transform: translateY(-1px);
}

.manris-rencana-save:hover{
    box-shadow: 0 4px 9px rgba(40, 167, 69, .18);
}

.manris-rencana-cancel{
    background: #c82333 !important;
    border-color: #bd2130 !important;
    color: #ffffff !important;
}

.manris-rencana-cancel:hover{
    background: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 9px rgba(220, 53, 69, .18);
}

.manris-rencana-table-wrap div.dataTables_wrapper div.dataTables_filter input,
.manris-rencana-table-wrap div.dataTables_wrapper div.dataTables_length select{
    border: 1px solid #dce3eb;
    border-radius: 7px;
    font-size: 10px;
    box-shadow: none;
}

.manris-rencana-table-wrap div.dataTables_wrapper .dataTables_info,
.manris-rencana-table-wrap div.dataTables_wrapper .dataTables_paginate,
.manris-rencana-table-wrap div.dataTables_wrapper .dataTables_length,
.manris-rencana-table-wrap div.dataTables_wrapper .dataTables_filter{
    color: #7b8797;
    font-size: 10px;
}

@keyframes manrisRencanaFormIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media  (max-width: 767.98px) {

    .manris-rencana-form{
        padding: 13px;
    }

    .manris-rencana-form-hero{
        margin: -13px -13px 12px;
        padding: 13px;
    }

    .manris-rencana-form-mode{
        right: 13px;
        top: 13px;
    }

    .manris-rencana-form-hero-copy{
        padding-right: 55px;
    }

    .manris-rencana-table{
        min-width: 1050px;
    }

    .manris-rencana-risk-table{
        min-width: 1040px;
    }

}

@media  (max-width: 575.98px) {

    .manris-rencana-form-steps span{
        padding: 6px 3px;
        font-size: 8px;
    }

    .manris-rencana-form-steps b{
        display: block;
        margin: 0 0 2px;
    }

    .manris-rencana-form-hero p{
        display: none;
    }

}

@media  (prefers-reduced-motion: reduce) {

    .manris-rencana-form,
.manris-action-btn,
.manris-rencana-save,
.manris-rencana-cancel{
        animation: none !important;
        transition: none !important;
    }

}




/* ===============================================================
  EXTRACTED FROM Views/menu/dashboard/v_tbl_dashboard.php / style block 1
  =============================================================== */


/* =========================================================
   MANRIS DASHBOARD
   UI ONLY - PHP / JS / EXISTING IDENTIFIERS UNCHANGED
   ========================================================= */


/* =========================================================
   1. DASHBOARD MAIN
   ========================================================= */

.manris-dashboard-table{
    width: 100%;
}


/* =========================================================
   2. RISK CATEGORY SECTION
   ========================================================= */

.manris-dashboard-section,
.manris-chart-card,
.manris-progress-card{
    background: #ffffff;
    border: 1px solid #e4eaf1;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(28, 39, 60, .04);
}

.manris-dashboard-section{
    margin-bottom: 18px;
    overflow: hidden;
}

.manris-section-header{
    padding: 14px 18px;
    border-bottom: 1px solid #edf1f5;
}

.manris-section-title{
    display: flex;
    align-items: center;
}

.manris-section-icon{
    width: 38px;
    height: 38px;
    min-width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 11px;
    border-radius: 9px;
    background: #eaf4ff;
    color: #007bff;
    font-size: 14px;
}

.manris-icon-danger{
    background: #fff0f1;
    color: #dc3545;
}

.manris-section-heading{
    color: #172334;
    font-size: 14px;
    font-weight: 700;
}

.manris-section-description{
    margin-top: 2px;
    color: #8a96a6;
    font-size: 11px;
}

.manris-risk-category-container{
    padding: 16px;
}


/* =========================================================
   3. RISK CARD
   ========================================================= */

.manris-risk-card{
    position: relative;
    min-height: 118px;
    padding: 14px;
    border: 1px solid #e4eaf1 !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    color: #172334 !important;
    cursor: pointer;
    overflow: hidden;
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.manris-risk-card:hover{
    transform: translateY(-2px);
    border-color: #b8d9fb !important;
    box-shadow: 0 7px 18px rgba(0, 123, 255, .09);
}

.manris-risk-card-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.manris-risk-card-icon{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #fff0f1;
    color: #dc3545;
    font-size: 11px;
}

.manris-risk-card-number{
    color: #007bff;
    font-size: 25px;
    font-weight: 800;
    line-height: 1;
}

.manris-risk-card-title{
    margin-top: 12px;
    min-height: 30px;
    color: #536174;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1.35;
}


/* =========================================================
   4. CHART CARD
   ========================================================= */

.manris-chart-card{
    height: 100%;
    overflow: hidden;
    border-radius: 12px;
}

.manris-chart-header{
    padding: 14px 17px;
    border-bottom: 1px solid #edf1f5;
}

.manris-chart-title-wrapper{
    display: flex;
    align-items: center;
}

.manris-chart-icon{
    width: 38px;
    height: 38px;
    min-width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 11px;
    border-radius: 9px;
    background: #eaf4ff;
    color: #007bff;
    font-size: 14px;
}

.manris-chart-title{
    color: #172334;
    font-size: 13px;
    font-weight: 700;
}

.manris-chart-subtitle{
    margin-top: 2px;
    color: #8a96a6;
    font-size: 10px;
}

.manris-chart-body{
    position: relative;
    padding: 14px 16px;
}

.manris-polar-container,
.manris-bar-container{
    min-height: 310px;
}

.manris-polar-container canvas,
.manris-bar-container canvas{
    width: 100% !important;
    height: 285px !important;
}


/* =========================================================
   5. PROGRESS CARD
   ========================================================= */

.manris-progress-card{
    height: 100%;
    overflow: hidden;
    border-radius: 12px;
}

.manris-progress-header{
    padding: 14px 17px;
    border-bottom: 1px solid #edf1f5;
}

.manris-progress-title-wrapper{
    display: flex;
    align-items: center;
}

.manris-progress-icon{
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    border-radius: 9px;
    font-size: 13px;
}

.manris-step-blue{
    background: #eaf4ff;
    color: #007bff;
}

.manris-step-purple{
    background: #f2edff;
    color: #7952b3;
}

.manris-step-yellow{
    background: #fff8e6;
    color: #f5a623;
}

.manris-step-green{
    background: #eaf9f3;
    color: #20a779;
}

.manris-step-red{
    background: #fff0f1;
    color: #dc3545;
}

.manris-progress-title{
    color: #172334;
    font-size: 13px;
    font-weight: 700;
}

.manris-progress-subtitle{
    margin-top: 2px;
    color: #8a96a6;
    font-size: 10px;
}

.manris-progress-body{
    max-height: 300px;
    padding: 15px 17px;
    overflow-y: auto;
}

.manris-unit-progress{
    margin-bottom: 13px;
}

.manris-unit-progress:last-child{
    margin-bottom: 0;
}

.manris-unit-progress-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}

.manris-unit-name{
    max-width: 75%;
    overflow: hidden;
    color: #536174;
    font-size: 10.5px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.manris-unit-value{
    color: #172334;
    font-size: 10.5px;
    font-weight: 700;
}

.manris-progress-track{
    height: 6px;
    border-radius: 20px;
    background: #edf1f5;
}

.manris-progress-fill{
    height: 100%;
    border-radius: 20px;
    transition: width .5s ease;
}

.manris-fill-blue{
    background: #007bff;
}

.manris-fill-purple{
    background: #7952b3;
}

.manris-fill-yellow{
    background: #f5a623;
}

.manris-fill-green{
    background: #20a779;
}

.manris-fill-red{
    background: #dc3545;
}

.manris-progress-empty{
    padding: 35px 10px;
    text-align: center;
    color: #8a96a6;
    font-size: 11px;
}


/* =========================================================
   6. EMPTY STATE
   ========================================================= */

.manris-empty-state{
    padding: 30px 15px;
    text-align: center;
}

.manris-empty-icon{
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    border-radius: 50%;
    background: #eaf4ff;
    color: #007bff;
}

.manris-empty-title{
    color: #536174;
    font-size: 12px;
    font-weight: 700;
}

.manris-empty-description{
    margin-top: 3px;
    color: #8a96a6;
    font-size: 10px;
}


/* =========================================================
   7. SCROLLBAR
   ========================================================= */

.manris-progress-body::-webkit-scrollbar{
    width: 5px;
}

.manris-progress-body::-webkit-scrollbar-track{
    background: #f5f7fa;
}

.manris-progress-body::-webkit-scrollbar-thumb{
    background: #cbd5e1;
    border-radius: 10px;
}


/* =========================================================
   8. SECTION SPACING
   ========================================================= */

.manris-dashboard-table > .row{
    margin-bottom: 0;
}

.manris-dashboard-table .mb-3{
    margin-bottom: 14px !important;
}


/* =========================================================
   9. TABLET
   ========================================================= */

@media  (max-width: 991px) {


    .manris-polar-container,
.manris-bar-container{
        min-height: 300px;
    }

    .manris-polar-container canvas,
.manris-bar-container canvas{
        height: 275px !important;
    }

}


/* =========================================================
   10. MOBILE
   ========================================================= */

@media  (max-width: 767px) {


    .manris-risk-category-container{
        padding: 12px;
    }

    .manris-risk-card{
        min-height: 115px;
        padding: 13px;
    }

    .manris-risk-card-number{
        font-size: 23px;
    }

    .manris-polar-container,
.manris-bar-container{
        min-height: 290px;
    }

    .manris-polar-container canvas,
.manris-bar-container canvas{
        height: 270px !important;
    }

    .manris-progress-body{
        max-height: 280px;
    }

}


/* =========================================================
   11. SMALL MOBILE
   ========================================================= */

@media  (max-width: 575px) {


    .manris-section-header{
        padding: 13px 14px;
    }

    .manris-chart-header,
.manris-progress-header{
        padding: 13px 14px;
    }

    .manris-chart-body{
        padding: 12px;
    }

    .manris-progress-body{
        padding: 14px;
    }


}





/* ===============================================================
  EXTRACTED FROM Views/menu/dashboard/v_dashboard.php / style block 1
  =============================================================== */


    /* =====================================================
    MANRIS DASHBOARD
    ===================================================== */

    .manris-dashboard{
        min-height: calc(100vh - 130px);
        padding-top: 0px;
        background: #f5f7fa;
    }


    /* =====================================================
    HEADER
    ===================================================== */

    .manris-dashboard-header{
        position: relative;
        overflow: hidden;
        background:
            linear-gradient(
                135deg,
                #007bff 0%,
                #0069d9 60%,
                #0056b3 100%
            );
        color: #fff;
    }

    .manris-dashboard-header::before{
        content: "";
        position: absolute;
        width: 280px;
        height: 280px;
        right: -100px;
        top: -150px;
        border-radius: 50%;
        background: rgba(255,255,255,.08);
    }

    .manris-dashboard-header::after{
        content: "";
        position: absolute;
        width: 180px;
        height: 180px;
        right: 120px;
        bottom: -130px;
        border-radius: 50%;
        background: rgba(255,255,255,.05);
    }

    .manris-dashboard-header-inner{
        position: relative;
        z-index: 2;

        max-width: 1400px;
        margin: 0 auto;

        min-height: 112px;

        display: flex;
        align-items: center;
        justify-content: space-between;

        padding: 20px 30px;
    }


    /* =====================================================
    HEADING
    ===================================================== */

    .manris-dashboard-heading{
        display: flex;
        align-items: center;
    }

    .manris-dashboard-icon{
        width: 52px;
        height: 52px;

        display: flex;
        align-items: center;
        justify-content: center;

        margin-right: 15px;

        border-radius: 14px;

        background: rgba(255,255,255,.15);
        border: 1px solid rgba(255,255,255,.20);

        font-size: 21px;
    }

    .manris-dashboard-title{
        font-size: 24px;
        font-weight: 700;
        line-height: 1.25;
        letter-spacing: -.3px;
    }

    .manris-dashboard-subtitle{
        margin-top: 5px;

        font-size: 13px;
        font-weight: 400;

        color: rgba(255,255,255,.82);
    }


    /* =====================================================
    STATUS BADGE
    ===================================================== */

    .manris-dashboard-badge{
        display: inline-flex;
        align-items: center;

        padding: 8px 13px;

        border-radius: 20px;

        background: rgba(255,255,255,.12);
        border: 1px solid rgba(255,255,255,.18);

        color: #fff;

        font-size: 12px;
        font-weight: 600;
    }

    .manris-live-dot{
        width: 7px;
        height: 7px;

        margin-right: 7px;

        border-radius: 50%;

        background: #20a779;

        box-shadow: 0 0 0 4px rgba(32,167,121,.18);
    }


    /* =====================================================
    MAIN CONTENT
    ===================================================== */

    .manris-dashboard-content{
        max-width: 1400px;
        margin: -22px auto 0;

        position: relative;
        z-index: 5;

        padding: 0 30px 35px;
    }


    /* =====================================================
    FILTER CARD
    ===================================================== */

    .manris-filter-card{
        display: flex;
        align-items: center;
        justify-content: space-between;

        min-height: 82px;

        padding: 15px 20px;

        margin-bottom: 18px;

        background: #fff;

        border: 1px solid #e4eaf1;
        border-radius: 12px;

        box-shadow: 0 5px 18px rgba(28, 39, 60, .06);
    }

    .manris-filter-info{
        display: flex;
        align-items: center;
    }

    .manris-filter-icon{
        width: 42px;
        height: 42px;

        display: flex;
        align-items: center;
        justify-content: center;

        margin-right: 12px;

        border-radius: 10px;

        background: #eaf4ff;
        color: #007bff;

        font-size: 15px;
    }

    .manris-filter-title{
        color: #172334;

        font-size: 14px;
        font-weight: 700;
    }

    .manris-filter-description{
        margin-top: 3px;

        color: #8a96a6;

        font-size: 11px;
    }


    /* =====================================================
    FILTER FORM
    ===================================================== */

    .manris-filter-form{
        display: flex;
        align-items: flex-end;
        gap: 10px;
    }

    .manris-filter-field{
        width: 190px;
    }

    .manris-filter-field label{
        display: block;

        margin-bottom: 5px;

        color: #536174;

        font-size: 11px;
        font-weight: 700;
    }

    .manris-filter-field .form-control{
        height: 38px;

        border-color: #dce3eb;
        border-radius: 8px;

        font-size: 13px;
        font-weight: 600;
    }

    .manris-filter-field .form-control:focus{
        border-color: #80bdff;

        box-shadow: 0 0 0 .15rem rgba(0,123,255,.10);
    }

    .manris-filter-action{
        min-width: 115px;
    }

    .manris-btn-filter{
        height: 38px;
        width: 100%;

        border: none;
        border-radius: 8px;

        font-size: 12px;
        font-weight: 700;

        box-shadow: 0 3px 8px rgba(40,167,69,.15);

        transition: all .18s ease;
    }

    .manris-btn-filter:hover{
        transform: translateY(-1px);

        box-shadow: 0 5px 12px rgba(40,167,69,.22);
    }


    /* =====================================================
    DASHBOARD DATA CONTAINER
    ===================================================== */

    .manris-dashboard-data{
        position: relative;

        min-height: 250px;

        padding: 0;
    }


    /* =====================================================
    LOADING
    ===================================================== */

    .manris-dashboard-loading{
        min-height: 250px;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        background: #fff;

        border: 1px solid #e4eaf1;
        border-radius: 12px;

        box-shadow: 0 4px 15px rgba(28,39,60,.04);
    }

    .manris-loading-spinner{
        display: flex;
        align-items: center;

        gap: 5px;
    }

    .manris-loading-spinner span{
        width: 8px;
        height: 8px;

        border-radius: 50%;

        background: #007bff;

        animation: manrisLoading 1.2s infinite ease-in-out;
    }

    .manris-loading-spinner span:nth-child(2){
        animation-delay: .15s;
    }

    .manris-loading-spinner span:nth-child(3){
        animation-delay: .30s;
    }

    @keyframes manrisLoading {

        0%,
        80%,
        100% {
            transform: scale(.6);
            opacity: .45;
        }

        40% {
            transform: scale(1);
            opacity: 1;
        }
    }

    .manris-loading-text{
        margin-top: 12px;

        color: #8a96a6;

        font-size: 12px;
    }


    /* =====================================================
    RESPONSIVE
    ===================================================== */

    @media  (max-width: 991px) {


        .manris-dashboard-header-inner{
            min-height: 110px;
            padding: 20px;
        }

        .manris-dashboard-title{
            font-size: 23px;
            font-weight: 700;
            line-height: 1.25;
            letter-spacing: -.3px;
        }

        .manris-dashboard-subtitle{
            font-size: 12px;
        }

        .manris-dashboard-content{
            padding: 0 20px 30px;
        }

        .manris-filter-card{
            align-items: stretch;
            flex-direction: column;
            gap: 15px;
        }

        .manris-filter-form{
            width: 100%;
        }

        .manris-filter-field{
            flex: 1;
            width: auto;
        }

        .manris-filter-action{
            width: 130px;
        }
    
}


    @media  (max-width: 575px) {


        .manris-dashboard-header-inner{
            padding: 18px 15px;
        }

        .manris-dashboard-icon{
            width: 44px;
            height: 44px;

            margin-right: 10px;
        }

        .manris-dashboard-title{
            font-size: 17px;
        }

        .manris-dashboard-subtitle{
            display: none;
        }

        .manris-dashboard-badge{
            display: none;
        }

        .manris-dashboard-content{
            margin-top: -15px;
            padding: 0 12px 25px;
        }

        .manris-filter-card{
            padding: 15px;
        }

        .manris-filter-form{
            flex-direction: column;
            align-items: stretch;
        }

        .manris-filter-field,
.manris-filter-action{
            width: 100%;
        }

    
}

    /* ===================================================== */
    /*  MODAL INFORMASI / APRESIASI PILOT PROJECT           */
    /* ===================================================== */


    /* ----------------------------------------------------- */
    /*  MODAL ROOT                                           */
    /* ----------------------------------------------------- */

    .manris-info-modal{
        padding-right: 0 !important;
    }

    /*
    * Efek overlay hanya untuk modal ini.
    * Tidak mengubah backdrop modal MANRIS lainnya.
    */
    .manris-info-modal.show{
        background: rgba(18, 45, 75, .08);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
    }


    /* ----------------------------------------------------- */
    /*  DIALOG                                               */
    /* ----------------------------------------------------- */

    .manris-info-modal .modal-dialog,
.manris-info-modal-dialog{
        width: calc(100% - 40px);
        max-width: 960px;

        margin: 1.75rem auto;
    }


    /* ----------------------------------------------------- */
    /*  CONTENT                                              */
    /* ----------------------------------------------------- */

    .manris-info-modal-content{
        position: relative;

        max-height: calc(100vh - 56px);

        overflow: hidden;

        border: none;
        border-radius: 20px;

        background:
            radial-gradient(
                circle at 92% 9%,
                rgba(0, 123, 255, .13),
                transparent 34%
            ),
            radial-gradient(
                circle at 5% 100%,
                rgba(32, 167, 121, .08),
                transparent 31%
            ),
            #ffffff;

        box-shadow:
            0 28px 75px rgba(23, 35, 52, .22);
    }


    /*
    * Decorative glow
    */
    .manris-info-modal-content::before{
        content: "";

        position: absolute;

        top: -170px;
        right: -120px;

        width: 470px;
        height: 470px;

        border-radius: 50%;

        background:
            radial-gradient(
                circle,
                rgba(0, 123, 255, .12),
                rgba(0, 123, 255, .025) 58%,
                transparent 72%
            );

        pointer-events: none;

        z-index: 0;
    }


    /*
    * Decorative bottom wave
    */
    .manris-info-modal-content::after{
        content: "";

        position: absolute;

        left: -10%;
        bottom: -145px;

        width: 120%;
        height: 230px;

        border-radius: 50% 50% 0 0;

        background:
            linear-gradient(
                135deg,
                rgba(0, 123, 255, .045),
                rgba(32, 167, 121, .055)
            );

        transform: rotate(-2deg);

        pointer-events: none;

        z-index: 0;
    }


    /* ===================================================== */
    /*  HEADER                                               */
    /* ===================================================== */

    .manris-info-modal-header{
        position: relative;

        z-index: 5;

        display: flex;
        align-items: flex-start;
        justify-content: space-between;

        padding: 25px 30px 8px;

        background: transparent;

        border: none;
    }


    .manris-info-modal-heading{
        display: flex;
        align-items: center;

        min-width: 0;
    }


    /* ----------------------------------------------------- */
    /*  HEADER ICON                                          */
    /* ----------------------------------------------------- */

    .manris-info-modal-icon{
        width: 42px;
        height: 42px;
        min-width: 42px;

        display: flex;
        align-items: center;
        justify-content: center;

        margin-right: 12px;

        border-radius: 11px;

        background:
            linear-gradient(
                135deg,
                #fff6da,
                #ffecb2
            );

        border: 1px solid rgba(230, 169, 44, .15);

        color: #e2a21d;

        font-size: 15px;

        box-shadow:
            0 7px 18px rgba(226, 162, 29, .13);
    }


    /* ----------------------------------------------------- */
    /*  HEADER LABEL                                         */
    /* ----------------------------------------------------- */

    .manris-info-modal-label{
        display: inline-flex;
        align-items: center;

        margin-bottom: 4px;

        padding: 5px 10px;

        border-radius: 20px;

        background: #eaf4ff;

        color: #2360a4;

        font-size: 9px;
        font-weight: 800;

        letter-spacing: .8px;
    }


    /* ----------------------------------------------------- */
    /*  HEADER TITLE                                         */
    /* ----------------------------------------------------- */

    .manris-info-modal-title{
        color: #536174;

        font-size: 12px;
        font-weight: 600;

        line-height: 1.35;
    }


    /* ----------------------------------------------------- */
    /*  CLOSE BUTTON                                         */
    /* ----------------------------------------------------- */

    .manris-info-modal-close{
        width: 36px;
        height: 36px;

        display: flex;
        align-items: center;
        justify-content: center;

        flex-shrink: 0;

        padding: 0;

        border: none;
        border-radius: 9px;

        background: rgba(255, 255, 255, .72);

        color: #788697;

        font-size: 24px;
        line-height: 1;

        cursor: pointer;

        transition:
            background .18s ease,
            color .18s ease,
            transform .18s ease,
            box-shadow .18s ease;
    }


    .manris-info-modal-close:hover{
        background: #eaf4ff;

        color: #007bff;

        transform: rotate(5deg);
    }


    .manris-info-modal-close:focus{
        outline: none;

        box-shadow:
            0 0 0 3px rgba(0, 123, 255, .10);
    }


    /* ===================================================== */
    /*  BODY                                                 */
    /* ===================================================== */

    .manris-info-modal-body{
        position: relative;

        z-index: 3;

        padding: 5px 30px 18px;

        overflow-y: auto;

        background: transparent;
    }


    /* ===================================================== */
    /*  MAIN CONTENT LAYOUT                                  */
    /* ===================================================== */

    .manris-appreciation-layout{
        display: grid;

        grid-template-columns:
            minmax(0, 1.2fr)
            minmax(290px, .8fr);

        gap: 24px;

        align-items: center;
    }


    /* ===================================================== */
    /*  CONTENT TEXT                                         */
    /* ===================================================== */

    .manris-info-modal-content-text{
        color: #536174;

        font-size: 13px;
        line-height: 1.7;
    }


    .manris-info-modal-content-text p{
        margin: 0 0 11px;

        color: #536174;

        font-size: 13px;
        line-height: 1.72;
    }


    .manris-info-modal-content-text p:last-child{
        margin-bottom: 0;
    }


    .manris-info-modal-content-text strong{
        color: #172334;

        font-weight: 800;
    }


    /* ----------------------------------------------------- */
    /*  KICKER                                               */
    /* ----------------------------------------------------- */

    .manris-appreciation-kicker{
        display: inline-flex;
        align-items: center;

        margin-bottom: 10px;

        color: #007bff;

        font-size: 10px;
        font-weight: 800;

        letter-spacing: .8px;
        text-transform: uppercase;
    }


    .manris-appreciation-kicker i{
        margin-right: 7px;

        color: #e2a21d;
    }


    /* ----------------------------------------------------- */
    /*  MAIN TITLE                                           */
    /* ----------------------------------------------------- */

    .manris-appreciation-title{
        margin: 0 0 16px;

        color: #173b64;

        font-size: 32px;
        font-weight: 800;

        line-height: 1.15;

        letter-spacing: -.8px;
    }


    .manris-appreciation-title span{
        display: block;

        margin-top: 2px;

        background:
            linear-gradient(
                90deg,
                #1779ea,
                #119bb1
            );

        -webkit-background-clip: text;
        background-clip: text;

        -webkit-text-fill-color: transparent;

        color: #007bff;
    }


    /* ===================================================== */
    /*  APPRECIATION MESSAGE                                 */
    /* ===================================================== */

    .manris-appreciation-message{
        position: relative;

        margin-top: 17px;

        padding:
            14px
            16px
            14px
            55px;

        border:
            1px solid rgba(32, 167, 121, .10);

        border-radius: 12px;

        background:
            linear-gradient(
                90deg,
                rgba(32, 167, 121, .095),
                rgba(0, 123, 255, .055)
            );

        color: #147d73;

        font-size: 11px;
        font-weight: 700;

        line-height: 1.55;
    }


    .manris-appreciation-message-icon{
        position: absolute;

        left: 14px;
        top: 50%;

        width: 31px;
        height: 31px;

        display: flex;
        align-items: center;
        justify-content: center;

        border-radius: 9px;

        background:
            linear-gradient(
                135deg,
                #20a779,
                #168c7f
            );

        color: #ffffff;

        transform: translateY(-50%);

        box-shadow:
            0 6px 16px rgba(32, 167, 121, .18);
    }


    /* ===================================================== */
    /*  VISUAL AREA                                          */
    /* ===================================================== */

    .manris-appreciation-visual{
        position: relative;

        min-height: 315px;

        display: flex;
        align-items: flex-end;
        justify-content: center;
    }


    /* ----------------------------------------------------- */
    /*  BACKGROUND CIRCLE                                    */
    /* ----------------------------------------------------- */

    .manris-visual-circle{
        position: absolute;

        top: 0;
        right: 0;

        width: 315px;
        height: 315px;

        border-radius: 50%;

        background:
            radial-gradient(
                circle at 36% 31%,
                #f9fdff 0%,
                #e7f4ff 48%,
                #d3eaff 100%
            );

        opacity: .96;
    }


    /* ===================================================== */
    /*  DECORATIVE STARS                                     */
    /* ===================================================== */

    .manris-star{
        position: absolute;

        z-index: 6;

        color: #efb63a;

        animation:
            manrisInfoStarFloat
            3s ease-in-out infinite;
    }


    .manris-star.star-one{
        top: 35px;
        left: 24px;

        font-size: 27px;
    }


    .manris-star.star-two{
        top: 76px;
        left: 68px;

        font-size: 15px;

        animation-delay: .65s;
    }


    /* ===================================================== */
    /*  GENERIC HOSPITAL SILHOUETTE                          */
    /* ===================================================== */

    .manris-hospital-scene{
        position: relative;

        z-index: 3;

        width: 100%;
        height: 255px;

        animation:
            manrisHospitalFloat
            6s ease-in-out infinite;
    }


    /* ----------------------------------------------------- */
    /*  GROUND                                               */
    /* ----------------------------------------------------- */

    .manris-hospital-ground{
        position: absolute;

        left: 0;
        right: 0;
        bottom: 16px;

        height: 32px;

        border-radius: 50%;

        background:
            linear-gradient(
                90deg,
                rgba(0, 123, 255, .04),
                rgba(0, 123, 255, .14),
                rgba(32, 167, 121, .07)
            );

        filter: blur(2px);
    }


    /* ----------------------------------------------------- */
    /*  BUILDING                                             */
    /* ----------------------------------------------------- */

    .manris-hospital-building{
        position: absolute;

        right: 18px;
        bottom: 35px;

        width: 250px;
        height: 157px;

        border:
            1px solid rgba(0, 123, 255, .10);

        border-radius: 5px 5px 3px 3px;

        background:
            linear-gradient(
                135deg,
                #f7fbff,
                #dbeeff
            );

        box-shadow:
            0 18px 35px rgba(23, 84, 137, .12);
    }


    /*
    * Side extension
    */
    .manris-hospital-building::before{
        content: "";

        position: absolute;

        left: -62px;
        bottom: 0;

        width: 66px;
        height: 104px;

        border:
            1px solid rgba(0, 123, 255, .09);

        border-radius: 5px 0 0 3px;

        background:
            linear-gradient(
                145deg,
                #eef8ff,
                #d2e9fb
            );
    }


    /*
    * Top building section
    */
    .manris-hospital-building::after{
        content: "";

        position: absolute;

        right: 36px;
        top: -36px;

        width: 68px;
        height: 37px;

        border:
            1px solid rgba(0, 123, 255, .08);

        border-radius: 4px 4px 0 0;

        background: #eaf5ff;
    }


    /* ----------------------------------------------------- */
    /*  WINDOWS                                              */
    /* ----------------------------------------------------- */

    .manris-hospital-windows{
        position: absolute;

        left: 17px;
        right: 17px;
        top: 28px;

        height: 75px;

        display: grid;

        grid-template-columns:
            repeat(5, 1fr);

        grid-template-rows:
            repeat(3, 1fr);

        gap: 9px;
    }


    .manris-hospital-window{
        border-radius: 2px;

        background:
            linear-gradient(
                135deg,
                rgba(55, 155, 220, .54),
                rgba(30, 102, 173, .27)
            );

        box-shadow:
            inset 0 0 0 1px
            rgba(255, 255, 255, .38);
    }


    /* ----------------------------------------------------- */
    /*  ENTRANCE                                             */
    /* ----------------------------------------------------- */

    .manris-hospital-entry{
        position: absolute;

        left: 50%;
        bottom: 0;

        width: 62px;
        height: 42px;

        border-radius: 4px 4px 0 0;

        background:
            linear-gradient(
                180deg,
                #91caec,
                #438bc5
            );

        transform: translateX(-50%);
    }


    .manris-hospital-entry::before{
        content: "";

        position: absolute;

        left: -18px;
        top: -9px;

        width: 98px;
        height: 9px;

        border-radius: 4px;

        background: #ffffff;

        box-shadow:
            0 4px 10px rgba(32, 95, 148, .10);
    }


    /* ----------------------------------------------------- */
    /*  MEDICAL CROSS                                        */
    /* ----------------------------------------------------- */

    .manris-hospital-cross{
        position: absolute;

        left: 50%;
        top: 8px;

        width: 22px;
        height: 22px;

        transform: translateX(-50%);
    }


    .manris-hospital-cross::before,
.manris-hospital-cross::after{
        content: "";

        position: absolute;

        border-radius: 2px;

        background: #64b7e9;
    }


    .manris-hospital-cross::before{
        width: 7px;
        height: 22px;

        left: 7.5px;
        top: 0;
    }


    .manris-hospital-cross::after{
        width: 22px;
        height: 7px;

        left: 0;
        top: 7.5px;
    }


    /* ===================================================== */
    /*  TREES                                                */
    /* ===================================================== */

    .manris-tree{
        position: absolute;

        bottom: 33px;

        width: 27px;
        height: 51px;

        z-index: 5;
    }


    .manris-tree::before{
        content: "";

        position: absolute;

        left: 11px;
        bottom: 0;

        width: 5px;
        height: 23px;

        border-radius: 3px;

        background: #79a486;
    }


    .manris-tree::after{
        content: "";

        position: absolute;

        left: 0;
        top: 0;

        width: 27px;
        height: 33px;

        border-radius: 50%;

        background:
            linear-gradient(
                135deg,
                #8ad1bd,
                #39a98c
            );
    }


    .manris-tree.tree-one{
        left: 18px;
    }


    .manris-tree.tree-two{
        right: 4px;

        transform: scale(.85);
    }


    /* ===================================================== */
    /*  MILESTONE CARDS                                      */
    /* ===================================================== */

    .manris-appreciation-milestones{
        position: relative;

        z-index: 4;

        display: grid;

        grid-template-columns:
            repeat(3, 1fr);

        gap: 9px;

        margin-top: 19px;
    }


    .manris-milestone{
        display: flex;
        align-items: center;

        min-height: 67px;

        padding: 10px 11px;

        border: 1px solid #e4eaf1;
        border-radius: 10px;

        background: rgba(255, 255, 255, .84);

        box-shadow:
            0 5px 15px rgba(28, 39, 60, .035);

        transition:
            transform .18s ease,
            border-color .18s ease,
            box-shadow .18s ease;
    }


    .manris-milestone:hover{
        transform: translateY(-2px);

        border-color:
            rgba(0, 123, 255, .20);

        box-shadow:
            0 8px 20px rgba(28, 39, 60, .06);
    }


    .manris-milestone-icon{
        width: 34px;
        height: 34px;
        min-width: 34px;

        display: flex;
        align-items: center;
        justify-content: center;

        margin-right: 9px;

        border-radius: 9px;

        background: #eaf7f4;

        color: #159276;

        font-size: 13px;
    }


    .manris-milestone-title{
        color: #172334;

        font-size: 10px;
        font-weight: 800;

        line-height: 1.3;
    }


    .manris-milestone-info{
        margin-top: 2px;

        color: #8a96a6;

        font-size: 9px;

        line-height: 1.3;
    }


    /* ===================================================== */
    /*  FOOTER                                               */
    /* ===================================================== */

    .manris-info-modal-footer{
        position: relative;

        z-index: 5;

        display: flex;
        justify-content: flex-end;
        align-items: center;

        padding: 14px 30px 24px;

        background: transparent;

        border: none;
    }


    /* ----------------------------------------------------- */
    /*  BUTTON                                               */
    /* ----------------------------------------------------- */

    .manris-info-modal-button{
        min-width: 145px;
        height: 42px;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        padding: 0 22px;

        border: none !important;
        border-radius: 9px;

        background:
            linear-gradient(
                135deg,
                #007bff,
                #1769d8
            ) !important;

        color: #ffffff !important;

        font-size: 12px;
        font-weight: 700;

        box-shadow:
            0 7px 18px rgba(0, 123, 255, .20);

        transition:
            transform .18s ease,
            box-shadow .18s ease,
            background .18s ease;
    }


    /*
    * Menjamin icon dan teks tidak berubah warna
    * oleh CSS global Bootstrap / Atlantis.
    */
    .manris-info-modal-button,
.manris-info-modal-button i,
.manris-info-modal-button span{
        color: #ffffff !important;
    }


    .manris-info-modal-button:hover{
        color: #ffffff !important;

        transform: translateY(-1px);

        box-shadow:
            0 10px 23px rgba(0, 123, 255, .27);
    }


    .manris-info-modal-button:focus{
        color: #ffffff !important;

        box-shadow:
            0 0 0 3px rgba(0, 123, 255, .13) !important;
    }


    /* ===================================================== */
    /*  ANIMATION                                            */
    /* ===================================================== */

    .manris-info-modal.show
    .manris-info-modal-content{
        animation:
            manrisInfoModalEnter
            .48s cubic-bezier(.22, .8, .32, 1);
    }


    @keyframes manrisInfoModalEnter {

        from {
            opacity: 0;

            transform:
                translateY(24px)
                scale(.975);
        }

        to {
            opacity: 1;

            transform:
                translateY(0)
                scale(1);
        }

    }


    @keyframes manrisInfoStarFloat {

        0%,
        100% {
            transform:
                translateY(0)
                rotate(0deg);
        }

        50% {
            transform:
                translateY(-6px)
                rotate(8deg);
        }

    }


    @keyframes manrisHospitalFloat {

        0%,
        100% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(-4px);
        }

    }


    /* ===================================================== */
    /*  RESPONSIVE — TABLET                                 */
    /* ===================================================== */

    @media  (max-width: 991px) {


        .manris-info-modal .modal-dialog,
.manris-info-modal-dialog{
            max-width: 750px;
        }


        .manris-appreciation-layout{
            grid-template-columns: 1fr;
        }


        .manris-appreciation-title{
            font-size: 29px;
        }


        .manris-appreciation-visual{
            min-height: 260px;
        }


        .manris-visual-circle{
            left: 50%;
            right: auto;

            width: 275px;
            height: 275px;

            transform: translateX(-50%);
        }


        .manris-hospital-scene{
            width: 360px;
            max-width: 100%;

            height: 235px;

            margin: auto;
        }

    
}


    /* ===================================================== */
    /*  RESPONSIVE — MOBILE                                 */
    /* ===================================================== */

    @media  (max-width: 575px) {


        .manris-info-modal .modal-dialog,
.manris-info-modal-dialog{
            width: calc(100% - 20px);

            max-width: none;

            margin: 10px auto;
        }


        .manris-info-modal-content{
            max-height: calc(100vh - 20px);

            border-radius: 15px;
        }


        .manris-info-modal-header{
            padding:
                18px
                17px
                6px;
        }


        .manris-info-modal-icon{
            width: 38px;
            height: 38px;
            min-width: 38px;

            margin-right: 9px;
        }


        .manris-info-modal-label{
            font-size: 8px;
        }


        .manris-info-modal-title{
            font-size: 10px;
        }


        .manris-info-modal-body{
            padding:
                5px
                17px
                12px;
        }


        .manris-appreciation-title{
            font-size: 24px;

            letter-spacing: -.4px;
        }


        .manris-info-modal-content-text,
.manris-info-modal-content-text p{
            font-size: 12px;
        }


        .manris-appreciation-message{
            padding:
                13px
                13px
                13px
                52px;

            font-size: 10px;
        }


        .manris-appreciation-visual{
            min-height: 220px;
        }


        .manris-visual-circle{
            width: 225px;
            height: 225px;
        }


        .manris-hospital-scene{
            width: 320px;
            height: 205px;

            transform: scale(.86);

            transform-origin: bottom center;
        }


        .manris-appreciation-milestones{
            grid-template-columns: 1fr;

            gap: 7px;
        }


        .manris-milestone{
            min-height: 55px;
        }


        .manris-info-modal-footer{
            padding:
                10px
                17px
                18px;
        }


        .manris-info-modal-button{
            width: 100%;

            min-width: 0;
        }

    
}


    /* ===================================================== */
    /*  REDUCED MOTION                                       */
    /* ===================================================== */

    @media  (prefers-reduced-motion: reduce) {


        .manris-info-modal-content,
.manris-star,
.manris-hospital-scene{
            animation: none !important;
        }


        .manris-info-modal-close,
.manris-info-modal-button,
.manris-milestone{
            transition: none !important;
        }

    
}





/* ===============================================================
  EXTRACTED FROM Views/menu/register/v_register.php / style block 1
  =============================================================== */

/* =========================================================
   MANRIS - REGISTER RISIKO
   UI/UX ONLY
   ========================================================= */

.manris-register-page{
    padding: 0 4px 30px;
}

.manris-register-header{
    background: #ffffff;
    border: 1px solid #e4eaf1;
    border-radius: 12px;
    margin-bottom: 18px;
    box-shadow: 0 3px 12px rgba(23, 35, 52, .05);
    overflow: hidden;
}

.manris-register-header-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px;
    position: relative;
}

.manris-register-header-main{
    display: flex;
    align-items: center;
    min-width: 0;
}

.manris-register-header-icon{
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 10px;
    background: #eaf4ff;
    color: #007bff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 13px;
}

.manris-register-header-icon i{
    font-size: 20px;
}

.manris-register-title{
    margin: 0;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    color: #172334;
}

.manris-register-subtitle{
    margin: 3px 0 0;
    font-size: 12px;
    color: #8a96a6;
    line-height: 1.4;
}

.manris-register-breadcrumb{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 11px;
    color: #8a96a6;
}

.manris-register-breadcrumb li{
    display: flex;
    align-items: center;
}

.manris-register-breadcrumb .separator{
    margin: 0 8px;
    color: #b8c1cc;
}

.manris-register-breadcrumb .nav-home a{
    color: #007bff !important;
    text-decoration: none;
}

.manris-register-breadcrumb .nav-item a{
    color: #68778a !important;
    text-decoration: none;
    font-weight: 500 !important;
}

.manris-register-card{
    background: #ffffff;
    border: 1px solid #e4eaf1;
    border-radius: 12px;
    box-shadow: 0 3px 12px rgba(23, 35, 52, .045);
    margin-bottom: 18px;
    overflow: hidden;
}

.manris-register-card-body{
    padding: 18px;
}

.manris-register-filter{
    background: #f8fafc;
    border: 1px solid #e6ebf1;
    border-radius: 10px;
    padding: 15px 16px 7px;
}

.manris-register-filter-heading{
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.manris-register-filter-icon{
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 7px;
    background: #eaf4ff;
    color: #007bff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 9px;
}

.manris-register-filter-icon i{
    font-size: 13px;
}

.manris-register-filter-title{
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: #172334;
}

.manris-register-filter-description{
    margin: 1px 0 0;
    font-size: 11px;
    color: #8a96a6;
}

.manris-register-filter .form-group{
    margin-bottom: 8px;
}

.manris-register-filter label{
    font-size: 11px;
    font-weight: 600;
    color: #536174;
    margin-bottom: 5px;
}

.manris-register-filter .form-control{
    height: 36px;
    border-radius: 7px;
    border: 1px solid #dce3eb;
    font-size: 12px;
    box-shadow: none;
    background: #ffffff;
}

.manris-register-filter .form-control:focus{
    border-color: #80bdff;
    box-shadow: 0 0 0 .12rem rgba(0, 123, 255, .10);
}

.manris-register-filter #btn-cari{
    height: 36px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    border: 0;
    background: #28a745;
    box-shadow: 0 2px 5px rgba(40, 167, 69, .14);
    transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.manris-register-filter #btn-cari:hover{
    background: #34b653;
    transform: translateY(-1px);
    box-shadow: 0 4px 9px rgba(40, 167, 69, .18);
}

.manris-register-filter #btn-cari:focus{
    box-shadow: 0 0 0 3px rgba(40, 167, 69, .12);
}

.manris-register-page .text-transparent{
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
}

.manris-register-data-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 13px;
    margin-bottom: 14px;
    border-bottom: 1px solid #edf0f4;
}

.manris-register-data-title-wrap{
    display: flex;
    align-items: center;
    min-width: 0;
}

.manris-register-data-icon{
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 8px;
    background: #eaf4ff;
    color: #007bff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.manris-register-data-icon i{
    font-size: 15px;
}

.manris-register-data-title{
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #172334;
}

.manris-register-data-subtitle{
    margin: 2px 0 0;
    font-size: 11px;
    color: #8a96a6;
}

.manris-register-actions{
    display: flex;
    align-items: center;
    gap: 7px;
}

.manris-register-actions #btn-reload,
.manris-register-btn-reload{
    position: relative !important;
    float: none !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #536174 !important;
    background: #ffffff !important;
    border: 1px solid #dce3eb !important;
    border-radius: 9px !important;
    box-shadow: 0 2px 6px rgba(23, 35, 52, .06);
    transition: transform .18s ease, color .18s ease, background-color .18s ease,
                border-color .18s ease, box-shadow .18s ease;
}

.manris-register-actions #btn-reload i,
.manris-register-btn-reload i{
    margin: 0 !important;
    font-size: 14px;
    line-height: 1;
    transition: transform .35s ease;
}

.manris-register-actions #btn-reload:hover,
.manris-register-btn-reload:hover{
    color: #007bff !important;
    background: #f0f7ff !important;
    border-color: #b8d7f7 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0, 123, 255, .12);
}

.manris-register-actions #btn-reload:hover i,
.manris-register-btn-reload:hover i{
    transform: rotate(180deg);
}

.manris-register-actions #btn-reload:focus,
.manris-register-btn-reload:focus{
    outline: none !important;
    color: #007bff !important;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, .12);
}

.manris-register-actions #btn-pdf-register{
    position: relative !important;
    float: none !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #dc3545 !important;
    background: #fff5f5 !important;
    border: 1px solid #f3c4c9 !important;
    border-radius: 9px !important;
    box-shadow: 0 2px 6px rgba(220, 53, 69, .06);
    transition: transform .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.manris-register-actions #btn-pdf-register:hover{
    background: #ffecee !important;
    border-color: #eba8af !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(220, 53, 69, .12);
}

.manris-register-actions #btn-pdf-register:focus{
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(220, 53, 69, .10);
}

.manris-register-loading{
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manris-register-loading .loader{
    margin: 20px auto;
}

#tbl-register{
    width: 100%;
}

/* SELECT2 - sama dengan Kegiatan/Identifikasi */
.manris-register-filter .select2-container{
    width: 100% !important;
}

.manris-register-filter .select2-container--bootstrap4 .select2-selection{
    min-height: 36px;
    border-radius: 7px;
    border: 1px solid #dce3eb;
    background: #ffffff;
    font-size: 12px;
    box-shadow: none;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.manris-register-filter .select2-container--bootstrap4 .select2-selection--single{
    height: 36px;
    padding-top: 3px;
    position: relative;
}

.manris-register-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__rendered{
    line-height: 29px;
    color: #495057;
    padding-left: 10px;
    padding-right: 32px;
}

.manris-register-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__placeholder{
    color: #9aa6b2;
}

.manris-register-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__arrow{
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manris-register-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__arrow b{
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
}

.manris-register-filter .select2-container--bootstrap4.select2-container--focus .select2-selection,
.manris-register-filter .select2-container--bootstrap4.select2-container--open .select2-selection{
    border-color: #80bdff !important;
    box-shadow: 0 0 0 .12rem rgba(0, 123, 255, .10) !important;
    outline: none;
}

.manris-register-filter .select2-container--bootstrap4.select2-container--open
.select2-selection--single .select2-selection__arrow b{
    transform: translate(-50%, -50%) rotate(180deg);
}

.manris-register-filter .select2-container--bootstrap4.select2-container--disabled .select2-selection{
    background: #f1f4f8;
    border-color: #e1e6ec;
    color: #8b97a6;
    cursor: not-allowed;
}

















@keyframes manrisRegisterSelect2In {
    from { opacity: 0; transform: translateY(-4px) scaleY(.98); }
    to   { opacity: 1; transform: translateY(0) scaleY(1); }
}

@media  (max-width: 767.98px) {

    .manris-register-page{
        padding-left: 0;
        padding-right: 0;
    }

    .manris-register-header{
        border-radius: 9px;
        margin-bottom: 12px;
    }

    .manris-register-header-inner{
        padding: 14px;
        display: block;
    }

    .manris-register-header-main{
        margin-bottom: 10px;
    }

    .manris-register-title{
        font-size: 17px;
    }

    .manris-register-subtitle{
        font-size: 11px;
    }

    .manris-register-breadcrumb{
        font-size: 10px;
    }

    .manris-register-card-body{
        padding: 12px;
    }

    .manris-register-data-header{
        align-items: flex-start;
    }

    .manris-register-data-title{
        font-size: 14px;
    }

    .manris-register-data-subtitle{
        display: none;
    }

    .manris-register-actions{
        margin-left: 8px;
    }

    .manris-register-actions #btn-reload{
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
    }

}

@media  (max-width: 575.98px) {

    .manris-register-filter{
        padding: 12px 12px 5px;
    }

    .manris-register-filter-heading{
        margin-bottom: 9px;
    }

    .manris-register-filter .form-group{
        margin-bottom: 10px;
    }

    .manris-register-data-header{
        flex-wrap: wrap;
    }

    .manris-register-actions{
        width: 100%;
        justify-content: flex-end;
        margin-top: 10px;
        margin-left: 0;
    }

}

@media  (prefers-reduced-motion: reduce) {

    .manris-register-actions #btn-reload,
.manris-register-actions #btn-reload i{
        transition: none !important;
        animation: none !important;
    }

}




/* ===============================================================
  EXTRACTED FROM Views/menu/register/v_tbl_register.php / style block 1
  =============================================================== */

/* =========================================================
   MANRIS - REGISTER RISIKO / TABLE
   UI/UX ONLY - logic dan data tetap menggunakan source existing
   ========================================================= */

.manris-register-table-wrap{
    position: relative;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid #e4eaf1;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(23, 35, 52, .035);
    -webkit-overflow-scrolling: touch;
}

.manris-register-table-wrap::-webkit-scrollbar{
    height: 9px;
}

.manris-register-table-wrap::-webkit-scrollbar-track{
    background: #f2f5f8;
    border-radius: 8px;
}

.manris-register-table-wrap::-webkit-scrollbar-thumb{
    background: #c7d2df;
    border-radius: 8px;
    border: 2px solid #f2f5f8;
}

.manris-register-table-wrap::-webkit-scrollbar-thumb:hover{
    background: #aebdcd;
}

#tabel-register.manris-register-table{
    width: 100% !important;
    min-width: 1900px;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 10.5px !important;
    color: #344054;
    background: #ffffff;
}

#tabel-register.manris-register-table thead th{
    padding: 9px 7px !important;
    vertical-align: middle !important;
    text-align: center !important;
    font-size: 10px !important;
    line-height: 1.35;
    font-weight: 700 !important;
    letter-spacing: .01em;
    color: #ffffff !important;
    background: #1677d2 !important;
    border-color: #3c8ed6 !important;
    white-space: normal !important;
}

/* Kelompok penilaian awal */
#tabel-register.manris-register-table thead th:nth-child(n/**/+5):nth-child(-n/**/+9){
    background: #356c9f !important;
    border-color: #527fa9 !important;
}

/* Kelompok rencana penanganan */
#tabel-register.manris-register-table thead th:nth-child(10){
    background: #6a7787 !important;
    border-color: #7e8996 !important;
}

/* Kelompok penilaian pasca evaluasi */
#tabel-register.manris-register-table thead th:nth-child(n/**/+11):nth-child(-n/**/+14){
    background: #287f68 !important;
    border-color: #4a917e !important;
}

#tabel-register.manris-register-table thead th:nth-child(n/**/+15):nth-child(-n/**/+16){
    background: #49576a !important;
    border-color: #657182 !important;
}

#tabel-register.manris-register-table tbody td{
    padding: 8px 7px !important;
    vertical-align: top !important;
    border-color: #e5eaf0 !important;
    background-clip: padding-box;
    line-height: 1.48;
    word-break: break-word;
    white-space: normal;
}

#tabel-register.manris-register-table tbody tr:nth-child(even) td:not([style*="background-color"]){
    background: #fbfcfd;
}

#tabel-register.manris-register-table tbody tr:hover td:not([style*="background-color"]){
    background: #f5f9fd;
}

#tabel-register.manris-register-table tbody td b{
    color: #263548;
    font-weight: 700;
}

/* Kolom identitas/deskripsi */
#tabel-register.manris-register-table th:nth-child(1),
#tabel-register.manris-register-table td:nth-child(1){ width: 46px !important; }

#tabel-register.manris-register-table th:nth-child(2),
#tabel-register.manris-register-table td:nth-child(2){ width: 245px !important; }

#tabel-register.manris-register-table th:nth-child(3),
#tabel-register.manris-register-table td:nth-child(3){ width: 285px !important; }

#tabel-register.manris-register-table th:nth-child(4),
#tabel-register.manris-register-table td:nth-child(4){ width: 210px !important; }

#tabel-register.manris-register-table th:nth-child(10),
#tabel-register.manris-register-table td:nth-child(10){ width: 300px !important; }

#tabel-register.manris-register-table th:nth-child(15),
#tabel-register.manris-register-table td:nth-child(15){ width: 170px !important; }

#tabel-register.manris-register-table th:nth-child(16),
#tabel-register.manris-register-table td:nth-child(16){ width: 115px !important; }

/* Kolom skor */
#tabel-register.manris-register-table th:nth-child(n/**/+5):nth-child(-n/**/+9),
#tabel-register.manris-register-table td:nth-child(n/**/+5):nth-child(-n/**/+9),
#tabel-register.manris-register-table th:nth-child(n/**/+11):nth-child(-n/**/+14),
#tabel-register.manris-register-table td:nth-child(n/**/+11):nth-child(-n/**/+14){
    width: 76px !important;
    min-width: 76px !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-weight: 700;
}

/* Nilai grading berwarna dari source tetap menjadi sumber warna utama */
#tabel-register.manris-register-table td:nth-child(5),
#tabel-register.manris-register-table td:nth-child(6),
#tabel-register.manris-register-table td:nth-child(8),
#tabel-register.manris-register-table td:nth-child(11),
#tabel-register.manris-register-table td:nth-child(12),
#tabel-register.manris-register-table td:nth-child(14){
    border-width: 2px !important;
    font-size: 10px;
}

#tabel-register.manris-register-table td:nth-child(7),
#tabel-register.manris-register-table td:nth-child(13){
    color: #172334;
    background: #f1f5f9;
}

#tabel-register.manris-register-table td:nth-child(9) small{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 22px;
    border-radius: 999px;
    padding: 3px 8px !important;
    color: #ffffff;
    font-size: 9px !important;
    font-weight: 700;
    line-height: 1.2;
}

.manris-register-note{
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 12px 0 0 !important;
    padding: 10px 12px;
    border: 1px solid #dce8f5;
    border-radius: 9px;
    background: #f7fbff;
    color: #6c7889 !important;
    font-size: 10.5px !important;
    line-height: 1.45;
}

.manris-register-note::before{
    content: "i";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    min-width: 18px;
    margin-top: 1px;
    border-radius: 50%;
    background: #e4f1ff;
    color: #007bff;
    font-weight: 700;
    font-size: 11px;
}

#tabel-register_wrapper{
    width: 100%;
}

#tabel-register_wrapper .row:first-child,
#tabel-register_wrapper .row:last-child{
    margin-left: 0;
    margin-right: 0;
}

#tabel-register_wrapper .dataTables_length,
#tabel-register_wrapper .dataTables_filter,
#tabel-register_wrapper .dataTables_info,
#tabel-register_wrapper .dataTables_paginate{
    font-size: 11px;
    color: #6c7889;
}

#tabel-register_wrapper .dataTables_length select,
#tabel-register_wrapper .dataTables_filter input{
    height: 32px;
    border: 1px solid #dce3eb;
    border-radius: 7px;
    background: #ffffff;
    color: #344054;
    font-size: 11px;
    box-shadow: none;
}

#tabel-register_wrapper .dataTables_filter input:focus{
    border-color: #80bdff;
    box-shadow: 0 0 0 .12rem rgba(0, 123, 255, .10);
    outline: none;
}

#tabel-register_wrapper .page-link{
    font-size: 10.5px;
    border-color: #e1e7ee;
    color: #536174;
}

#tabel-register_wrapper .page-item.active .page-link{
    background: #007bff;
    border-color: #007bff;
    color: #ffffff;
}

@media  (max-width: 767.98px) {

    #tabel-register.manris-register-table{
        min-width: 1750px;
    }

    .manris-register-note{
        font-size: 10px !important;
    }

}




/* ===============================================================
  EXTRACTED FROM Views/menu/pemantauan/v_tbl_pemantauan.php / style block 1
  =============================================================== */

/* ==========================================================
   MANRIS - PEMANTAUAN RISIKO
   Visual layer only. Existing IDs, names, routes and workflow
   are preserved.
   ========================================================== */

.manris-pemantauan-table-wrap{
    width: 100%;
    overflow-x: auto;
    border: 1px solid #e4eaf1;
    border-radius: 11px;
    background: #ffffff;
}

.manris-pemantauan-table{
    width: 100% !important;
    min-width: 1180px;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.manris-pemantauan-table > thead > tr > th{
    padding: 9px 7px !important;
    border-color: #dce8f5 !important;
    background: #eef6ff !important;
    color: #315b86 !important;
    font-size: 9px !important;
    line-height: 1.35;
    font-weight: 800 !important;
    vertical-align: middle !important;
}

.manris-pemantauan-table > tbody > tr > td{
    padding: 10px 8px !important;
    border-color: #edf0f4 !important;
    background: #ffffff;
    color: #475467;
    font-size: 10px;
    line-height: 1.5;
    vertical-align: top !important;
}

.manris-pemantauan-main-row{
    transition: background-color .15s ease, box-shadow .15s ease;
}

.manris-pemantauan-main-row:hover > td{
    background: #fcfdff;
}

.manris-pemantauan-index,
.manris-pemantauan-detail-index{
    color: #7b8797 !important;
    font-weight: 800;
    text-align: center !important;
}

/* Risiko */
.manris-pemantauan-table > tbody > tr > td:nth-child(2){
    color: #172334;
    font-weight: 700;
    text-align: left !important;
}

.manris-pemantauan-table > tbody > tr > td:nth-child(2) b{
    color: #7b8797;
    font-size: 9px;
}

/* Penanganan */
.manris-pemantauan-table > tbody > tr > td:nth-child(3),
.manris-pemantauan-table > tbody > tr > td:nth-child(5),
.manris-pemantauan-table > tbody > tr > td:nth-child(6){
    color: #536174;
}

.manris-pemantauan-table > tbody > tr > td:nth-child(3) b,
.manris-pemantauan-table > tbody > tr > td:nth-child(5) b,
.manris-pemantauan-table > tbody > tr > td:nth-child(6) b{
    color: #344054;
    font-weight: 800;
}

.manris-pemantauan-detail-table{
    width: 100% !important;
    min-width: 760px;
    margin: 7px 0 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #dfe9f3 !important;
    border-radius: 9px;
    overflow: hidden;
    background: #ffffff;
}

.manris-pemantauan-detail-table thead th{
    padding: 7px 6px !important;
    border-color: #dceaf5 !important;
    background: #f2f8fd !important;
    color: #4b6f91 !important;
    font-size: 8.5px !important;
    line-height: 1.3;
    font-weight: 800 !important;
    vertical-align: middle !important;
}

.manris-pemantauan-detail-table tbody td{
    padding: 8px 7px !important;
    border-color: #edf0f4 !important;
    background: #ffffff;
    color: #536174;
    font-size: 9.5px;
    line-height: 1.45;
    vertical-align: top !important;
}

.manris-pemantauan-detail-row:hover td{
    background: #fbfdff;
}

.manris-pemantauan-detail-table tbody td:nth-child(2){
    border-left: 3px solid #f0ad4e !important;
}

.manris-pemantauan-detail-table tbody td:nth-child(3){
    border-left: 3px solid #20a779 !important;
}

.manris-pemantauan-detail-table .badge{
    padding: 5px 7px !important;
    border-radius: 999px !important;
    font-size: 8.5px !important;
    font-weight: 800 !important;
}

/* Action buttons */
.manris-action-btn,
.manris-supervisi-choice,
.manris-pemantauan-table button[id^="btn-"]{
    border-radius: 7px !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

.manris-action-btn{
    min-height: 28px;
    padding: 5px 8px !important;
    box-shadow: 0 2px 5px rgba(23, 35, 52, .06);
}

.manris-supervisi-choice{
    min-height: 27px;
    padding: 5px 8px !important;
}

.manris-action-btn:hover,
.manris-supervisi-choice:hover,
.manris-pemantauan-table button[id^="btn-"]:hover{
    transform: translateY(-1px);
    filter: brightness(1.06);
    box-shadow: 0 4px 8px rgba(23, 35, 52, .10);
}

.manris-action-cancel-supervisi{
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.manris-action-btn.d-none,
.manris-action-cancel-supervisi.d-none,
.manris-supervisi-choice.d-none{
    display: none !important;
}

/* Information note */
.manris-pemantauan-note{
    display: flex;
    align-items: flex-start;
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid #dce9f8;
    border-radius: 9px;
    background: #f7fbff;
    color: #607086;
    font-size: 10px;
    line-height: 1.45;
}

.manris-pemantauan-note > i{
    margin-right: 8px;
    margin-top: 2px;
    color: #007bff;
}

.manris-pemantauan-note strong,
.manris-pemantauan-note span{
    display: block;
}

.manris-pemantauan-note strong{
    margin-bottom: 2px;
    color: #344054;
}

/* =========================
   DYNAMIC FORM
   ========================= */
.manris-pemantauan-form{
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid #dfe6ee;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 4px 14px rgba(23, 35, 52, .055);
    animation: manrisPemantauanFormIn .22s ease-out;
}

.manris-pemantauan-form-hero{
    display: flex;
    align-items: center;
    position: relative;
    margin: -18px -18px 14px;
    padding: 16px 18px;
    border-bottom: 1px solid #e7edf3;
    border-radius: 12px 12px 0 0;
    background: linear-gradient(135deg, #f8fbff 0%, #ffffff 100%);
}

.manris-pemantauan-form-hero-icon{
    width: 42px;
    height: 42px;
    min-width: 42px;
    margin-right: 11px;
    border-radius: 10px;
    background: #eaf4ff;
    color: #007bff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manris-pemantauan-form-hero-icon i{
    font-size: 17px;
}

.manris-pemantauan-form-hero-copy{
    min-width: 0;
    padding-right: 62px;
}

.manris-pemantauan-form-eyebrow{
    display: block;
    margin-bottom: 2px;
    color: #007bff;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
}

.manris-pemantauan-form-hero h6{
    margin: 0;
    color: #172334;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 700;
}

.manris-pemantauan-form-hero p{
    margin: 3px 0 0;
    color: #8a96a6;
    font-size: 10px;
    line-height: 1.45;
}

.manris-pemantauan-form-mode{
    position: absolute;
    top: 18px;
    right: 18px;
    padding: 4px 7px;
    border-radius: 999px;
    background: #eaf4ff;
    color: #007bff;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .06em;
}

.manris-pemantauan-form-steps{
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 15px;
    border: 1px solid #e5eaf0;
    border-radius: 9px;
    overflow: hidden;
    background: #fbfcfe;
}

.manris-pemantauan-form-steps span{
    display: table-cell;
    padding: 7px 6px;
    border-right: 1px solid #e8edf2;
    color: #667085;
    font-size: 9px;
    text-align: center;
    vertical-align: middle;
}

.manris-pemantauan-form-steps span:last-child{
    border-right: 0;
}

.manris-pemantauan-form-steps b{
    display: inline-block;
    margin-right: 4px;
    color: #007bff;
}

.manris-pemantauan-section-title{
    margin: 4px 0 11px;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 10.5px;
    font-weight: 800;
}

.manris-pemantauan-section-plan{
    border: 1px solid #f1e3bf;
    background: #fffaf0;
    color: #8a6d1c;
}

.manris-pemantauan-section-monitor{
    border: 1px solid #cfe9df;
    background: #f3fbf7;
    color: #278565;
}

.manris-pemantauan-form .form-group{
    margin-bottom: 12px;
}

.manris-pemantauan-form label{
    margin-bottom: 5px;
    color: #536174;
    font-size: 10px;
    font-weight: 700;
}

.manris-pemantauan-form .form-control{
    border: 1px solid #dce3eb;
    border-radius: 7px;
    color: #344054;
    background: #ffffff;
    font-size: 11px;
    box-shadow: none;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.manris-pemantauan-form textarea.form-control{
    min-height: 72px;
    resize: vertical;
}

.manris-pemantauan-form textarea[readonly]{
    background: #f8fafc;
    color: #667085;
}

.manris-pemantauan-form .form-control:focus{
    border-color: #80bdff;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, .08);
}

.manris-pemantauan-form .invalid-feedback{
    margin-top: 4px;
    font-size: 9.5px;
}

.manris-pemantauan-form-actions{
    margin: 14px 0 0;
    padding-top: 13px;
    border-top: 1px solid #e8edf2;
}

.manris-pemantauan-form-save,
.manris-pemantauan-form-cancel{
    min-width: 92px;
    min-height: 34px;
    padding: 7px 12px !important;
    margin: 2px 3px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

.manris-pemantauan-form-save:hover{
    transform: translateY(-1px);
    box-shadow: 0 5px 11px rgba(40, 167, 69, .17);
}

.manris-pemantauan-form-cancel{
    color: #ffffff !important;
    background: #8d3540 !important;
    border-color: #8d3540 !important;
}

.manris-pemantauan-form-cancel:hover,
.manris-pemantauan-form-cancel:focus{
    color: #ffffff !important;
    background: #b44755 !important;
    border-color: #b44755 !important;
    transform: translateY(-1px);
    box-shadow: 0 5px 11px rgba(141, 53, 64, .18);
}

/* DataTables */
#tabel-pemantauan_wrapper .dataTables_length,
#tabel-pemantauan_wrapper .dataTables_filter,
#tabel-pemantauan_wrapper .dataTables_info,
#tabel-pemantauan_wrapper .dataTables_paginate{
    color: #667085;
    font-size: 10px;
}

#tabel-pemantauan_wrapper .dataTables_filter input,
#tabel-pemantauan_wrapper .dataTables_length select{
    min-height: 30px;
    border: 1px solid #dce3eb;
    border-radius: 7px;
    background: #ffffff;
    color: #344054;
    font-size: 10px;
    box-shadow: none;
}

#tabel-pemantauan_wrapper .page-link{
    border-color: #e2e8ef;
    color: #536174;
    font-size: 10px;
}

#tabel-pemantauan_wrapper .page-item.active .page-link{
    border-color: #007bff;
    background: #007bff;
    color: #ffffff;
}

@keyframes manrisPemantauanFormIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

@media  (max-width: 767.98px) {

    .manris-pemantauan-form{
        padding: 14px;
    }

    .manris-pemantauan-form-hero{
        margin: -14px -14px 12px;
        padding: 14px;
    }

    .manris-pemantauan-form-mode{
        top: 14px;
        right: 14px;
    }

    .manris-pemantauan-form-hero-copy{
        padding-right: 52px;
    }

}

@media  (max-width: 575.98px) {

    .manris-pemantauan-form-steps span{
        padding: 6px 3px;
        font-size: 8px;
    }

    .manris-pemantauan-form-save,
.manris-pemantauan-form-cancel{
        width: 46%;
        min-width: 0;
    }

}

@media  (prefers-reduced-motion: reduce) {

    .manris-pemantauan-form,
.manris-action-btn,
.manris-supervisi-choice,
.manris-pemantauan-form-save,
.manris-pemantauan-form-cancel{
        animation: none !important;
        transition: none !important;
    }

}




/* ===============================================================
  EXTRACTED FROM Views/menu/pemantauan/v_pemantauan.php / style block 1
  =============================================================== */

/* =========================================================
   MANRIS - PEMANTAUAN RISIKO
   UI/UX ONLY
   ========================================================= */

.manris-pemantauan-page{
    padding: 0 4px 30px;
}

.manris-pemantauan-header{
    background: #ffffff;
    border: 1px solid #e4eaf1;
    border-radius: 12px;
    margin-bottom: 18px;
    box-shadow: 0 3px 12px rgba(23, 35, 52, .05);
    overflow: hidden;
}

.manris-pemantauan-header-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px;
    position: relative;
}

.manris-pemantauan-header-main{
    display: flex;
    align-items: center;
    min-width: 0;
}

.manris-pemantauan-header-icon{
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 10px;
    background: #eaf4ff;
    color: #007bff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 13px;
}

.manris-pemantauan-header-icon i{
    font-size: 20px;
}

.manris-pemantauan-title{
    margin: 0;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    color: #172334;
}

.manris-pemantauan-subtitle{
    margin: 3px 0 0;
    font-size: 12px;
    color: #8a96a6;
    line-height: 1.4;
}

.manris-pemantauan-breadcrumb{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 11px;
    color: #8a96a6;
}

.manris-pemantauan-breadcrumb li{
    display: flex;
    align-items: center;
}

.manris-pemantauan-breadcrumb .separator{
    margin: 0 8px;
    color: #b8c1cc;
}

.manris-pemantauan-breadcrumb .nav-home a{
    color: #007bff !important;
    text-decoration: none;
}

.manris-pemantauan-breadcrumb .nav-item a{
    color: #68778a !important;
    text-decoration: none;
    font-weight: 500 !important;
}

.manris-pemantauan-card{
    background: #ffffff;
    border: 1px solid #e4eaf1;
    border-radius: 12px;
    box-shadow: 0 3px 12px rgba(23, 35, 52, .045);
    margin-bottom: 18px;
    overflow: hidden;
}

.manris-pemantauan-card-body{
    padding: 18px;
}

.manris-pemantauan-filter{
    background: #f8fafc;
    border: 1px solid #e6ebf1;
    border-radius: 10px;
    padding: 15px 16px 7px;
}

.manris-pemantauan-filter-heading{
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.manris-pemantauan-filter-icon{
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 7px;
    background: #eaf4ff;
    color: #007bff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 9px;
}

.manris-pemantauan-filter-icon i{
    font-size: 13px;
}

.manris-pemantauan-filter-title{
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: #172334;
}

.manris-pemantauan-filter-description{
    margin: 1px 0 0;
    font-size: 11px;
    color: #8a96a6;
}

.manris-pemantauan-filter .form-group{
    margin-bottom: 8px;
}

.manris-pemantauan-filter label{
    font-size: 11px;
    font-weight: 600;
    color: #536174;
    margin-bottom: 5px;
}

.manris-pemantauan-filter .form-control{
    height: 36px;
    border-radius: 7px;
    border: 1px solid #dce3eb;
    font-size: 12px;
    box-shadow: none;
    background: #ffffff;
}

.manris-pemantauan-filter .form-control:focus{
    border-color: #80bdff;
    box-shadow: 0 0 0 .12rem rgba(0, 123, 255, .10);
}

.manris-pemantauan-filter #btn-cari{
    height: 36px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    border: 0;
    background: #28a745;
    box-shadow: 0 2px 5px rgba(40, 167, 69, .14);
    transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.manris-pemantauan-filter #btn-cari:hover{
    background: #34b653;
    transform: translateY(-1px);
    box-shadow: 0 4px 9px rgba(40, 167, 69, .18);
}

.manris-pemantauan-filter #btn-cari:focus{
    box-shadow: 0 0 0 3px rgba(40, 167, 69, .12);
}

.manris-pemantauan-page .text-transparent{
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
}

.manris-pemantauan-data-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 13px;
    margin-bottom: 14px;
    border-bottom: 1px solid #edf0f4;
}

.manris-pemantauan-data-title-wrap{
    display: flex;
    align-items: center;
    min-width: 0;
}

.manris-pemantauan-data-icon{
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 8px;
    background: #eaf4ff;
    color: #007bff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.manris-pemantauan-data-icon i{
    font-size: 15px;
}

.manris-pemantauan-data-title{
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #172334;
}

.manris-pemantauan-data-subtitle{
    margin: 2px 0 0;
    font-size: 11px;
    color: #8a96a6;
}

.manris-pemantauan-actions{
    display: flex;
    align-items: center;
    gap: 7px;
}

.manris-pemantauan-actions #btn-reload,
.manris-pemantauan-btn-reload{
    position: relative !important;
    float: none !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #536174 !important;
    background: #ffffff !important;
    border: 1px solid #dce3eb !important;
    border-radius: 9px !important;
    box-shadow: 0 2px 6px rgba(23, 35, 52, .06);
    transition: transform .18s ease, color .18s ease, background-color .18s ease,
                border-color .18s ease, box-shadow .18s ease;
}

.manris-pemantauan-actions #btn-reload i,
.manris-pemantauan-btn-reload i{
    margin: 0 !important;
    font-size: 14px;
    line-height: 1;
    transition: transform .35s ease;
}

.manris-pemantauan-actions #btn-reload:hover,
.manris-pemantauan-btn-reload:hover{
    color: #007bff !important;
    background: #f0f7ff !important;
    border-color: #b8d7f7 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0, 123, 255, .12);
}

.manris-pemantauan-actions #btn-reload:hover i,
.manris-pemantauan-btn-reload:hover i{
    transform: rotate(180deg);
}

.manris-pemantauan-actions #btn-reload:focus,
.manris-pemantauan-btn-reload:focus{
    outline: none !important;
    color: #007bff !important;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, .12);
}

.manris-pemantauan-loading{
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manris-pemantauan-loading .loader{
    margin: 20px auto;
}

#tbl-pemantauan,
#div-form-tambah-pemantauan,
#div-form-ubah-pemantauan{
    width: 100%;
}

/* SELECT2 - sama dengan Kegiatan/Identifikasi */
.manris-pemantauan-filter .select2-container{
    width: 100% !important;
}

.manris-pemantauan-filter .select2-container--bootstrap4 .select2-selection{
    min-height: 36px;
    border-radius: 7px;
    border: 1px solid #dce3eb;
    background: #ffffff;
    font-size: 12px;
    box-shadow: none;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.manris-pemantauan-filter .select2-container--bootstrap4 .select2-selection--single{
    height: 36px;
    padding-top: 3px;
    position: relative;
}

.manris-pemantauan-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__rendered{
    line-height: 29px;
    color: #495057;
    padding-left: 10px;
    padding-right: 32px;
}

.manris-pemantauan-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__placeholder{
    color: #9aa6b2;
}

.manris-pemantauan-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__arrow{
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manris-pemantauan-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__arrow b{
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
}

.manris-pemantauan-filter .select2-container--bootstrap4.select2-container--focus .select2-selection,
.manris-pemantauan-filter .select2-container--bootstrap4.select2-container--open .select2-selection{
    border-color: #80bdff !important;
    box-shadow: 0 0 0 .12rem rgba(0, 123, 255, .10) !important;
    outline: none;
}

.manris-pemantauan-filter .select2-container--bootstrap4.select2-container--open
.select2-selection--single .select2-selection__arrow b{
    transform: translate(-50%, -50%) rotate(180deg);
}

.manris-pemantauan-filter .select2-container--bootstrap4.select2-container--disabled .select2-selection{
    background: #f1f4f8;
    border-color: #e1e6ec;
    color: #8b97a6;
    cursor: not-allowed;
}

















@keyframes manrisPemantauanSelect2In {
    from { opacity: 0; transform: translateY(-4px) scaleY(.98); }
    to   { opacity: 1; transform: translateY(0) scaleY(1); }
}

@media  (max-width: 767.98px) {

    .manris-pemantauan-page{
        padding-left: 0;
        padding-right: 0;
    }

    .manris-pemantauan-header{
        border-radius: 9px;
        margin-bottom: 12px;
    }

    .manris-pemantauan-header-inner{
        padding: 14px;
        display: block;
    }

    .manris-pemantauan-header-main{
        margin-bottom: 10px;
    }

    .manris-pemantauan-title{
        font-size: 17px;
    }

    .manris-pemantauan-subtitle{
        font-size: 11px;
    }

    .manris-pemantauan-breadcrumb{
        font-size: 10px;
    }

    .manris-pemantauan-card-body{
        padding: 12px;
    }

    .manris-pemantauan-data-header{
        align-items: flex-start;
    }

    .manris-pemantauan-data-title{
        font-size: 14px;
    }

    .manris-pemantauan-data-subtitle{
        display: none;
    }

    .manris-pemantauan-actions{
        margin-left: 8px;
    }

    .manris-pemantauan-actions #btn-reload{
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
    }

}

@media  (max-width: 575.98px) {

    .manris-pemantauan-filter{
        padding: 12px 12px 5px;
    }

    .manris-pemantauan-filter-heading{
        margin-bottom: 9px;
    }

    .manris-pemantauan-filter .form-group{
        margin-bottom: 10px;
    }

    .manris-pemantauan-data-header{
        flex-wrap: wrap;
    }

    .manris-pemantauan-actions{
        width: 100%;
        justify-content: flex-end;
        margin-top: 10px;
        margin-left: 0;
    }

}

@media  (prefers-reduced-motion: reduce) {

    .manris-pemantauan-actions #btn-reload,
.manris-pemantauan-actions #btn-reload i{
        transition: none !important;
        animation: none !important;
    }

}




/* ===============================================================
  EXTRACTED FROM Views/menu/heatmap/v_heatmap.php / style block 1
  =============================================================== */

/* =========================================================
   MANRIS - HEATMAP RISIKO
   UI/UX ONLY
   ID, name, route, selector, dan alur data dipertahankan.
   ========================================================= */

.manris-heatmap-page{
    padding: 0 4px 30px;
}

.manris-heatmap-header,
.manris-heatmap-card{
    background: #ffffff;
    border: 1px solid #e4eaf1;
    border-radius: 12px;
    box-shadow: 0 3px 12px rgba(23, 35, 52, .05);
}

.manris-heatmap-header{
    margin-bottom: 18px;
    overflow: hidden;
}

.manris-heatmap-header-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px;
}

.manris-heatmap-header-main,
.manris-heatmap-breadcrumb,
.manris-heatmap-section-title-wrap,
.manris-heatmap-filter-heading,
.manris-heatmap-panel-heading,
.manris-heatmap-panel-meta{
    display: flex;
    align-items: center;
}

.manris-heatmap-header-main{
    min-width: 0;
}

.manris-heatmap-header-icon{
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 10px;
    background: #eaf4ff;
    color: #007bff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 13px;
}

.manris-heatmap-header-icon i{
    font-size: 20px;
}

.manris-heatmap-title{
    margin: 0;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    color: #172334;
}

.manris-heatmap-subtitle{
    margin: 3px 0 0;
    font-size: 12px;
    color: #8a96a6;
    line-height: 1.4;
}

.manris-heatmap-breadcrumb{
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 11px;
    color: #8a96a6;
}

.manris-heatmap-breadcrumb li{
    display: flex;
    align-items: center;
}

.manris-heatmap-breadcrumb .separator{
    margin: 0 8px;
    color: #b8c1cc;
}

.manris-heatmap-breadcrumb .nav-home a{
    color: #007bff !important;
    text-decoration: none;
}

.manris-heatmap-breadcrumb .nav-item a{
    color: #68778a !important;
    text-decoration: none;
    font-weight: 500 !important;
}

.manris-heatmap-card{
    margin-bottom: 18px;
    overflow: hidden;
}

.manris-heatmap-card-body{
    padding: 18px;
}

/* FILTER */
.manris-heatmap-filter{
    background: #f8fafc;
    border: 1px solid #e6ebf1;
    border-radius: 10px;
    padding: 15px 16px 7px;
}

.manris-heatmap-filter-heading{
    margin-bottom: 12px;
}

.manris-heatmap-filter-icon,
.manris-heatmap-section-icon,
.manris-heatmap-panel-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #007bff;
    background: #eaf4ff;
}

.manris-heatmap-filter-icon{
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 7px;
    margin-right: 9px;
    font-size: 13px;
}

.manris-heatmap-filter-title,
.manris-heatmap-section-title,
.manris-heatmap-panel-title{
    margin: 0;
    color: #172334;
    font-weight: 700;
}

.manris-heatmap-filter-title{
    font-size: 13px;
}

.manris-heatmap-filter-description,
.manris-heatmap-section-subtitle,
.manris-heatmap-panel-subtitle{
    margin: 2px 0 0;
    color: #8a96a6;
    font-size: 11px;
}

.manris-heatmap-filter .form-group{
    margin-bottom: 8px;
}

.manris-heatmap-filter label{
    font-size: 11px;
    font-weight: 600;
    color: #536174;
    margin-bottom: 5px;
}

.manris-heatmap-filter .form-control{
    height: 36px;
    border-radius: 7px;
    border: 1px solid #dce3eb;
    font-size: 12px;
    box-shadow: none;
    background: #fff;
}

.manris-heatmap-filter .form-control:focus{
    border-color: #80bdff;
    box-shadow: 0 0 0 .12rem rgba(0, 123, 255, .10);
}

.manris-heatmap-filter #btn-cari{
    height: 36px;
    border-radius: 7px;
    border: 0;
    font-size: 12px;
    font-weight: 600;
    background: linear-gradient(135deg, #28a745 0%, #218838 100%);
    box-shadow: 0 3px 8px rgba(40, 167, 69, .16);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.manris-heatmap-filter #btn-cari:hover{
    transform: translateY(-1px);
    box-shadow: 0 5px 12px rgba(40, 167, 69, .22);
    filter: brightness(1.04);
}

.manris-heatmap-filter #btn-cari:focus{
    box-shadow: 0 0 0 3px rgba(40, 167, 69, .13);
}

.manris-heatmap-page .text-transparent{
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
}

/* DATA HEADER */
.manris-heatmap-section-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 13px;
    margin-bottom: 15px;
    border-bottom: 1px solid #edf0f4;
}

.manris-heatmap-section-icon{
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 8px;
    margin-right: 10px;
    font-size: 15px;
}

.manris-heatmap-section-title{
    font-size: 15px;
}

.manris-heatmap-guide{
    padding: 6px 9px;
    border-radius: 999px;
    background: #f4f7fb;
    border: 1px solid #e4eaf1;
    color: #68778a;
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
}

/* PANELS */
.manris-heatmap-panel{
    border: 1px solid #e4eaf1;
    border-radius: 11px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 16px;
}

.manris-heatmap-panel-header{
    padding: 13px 15px;
    border-bottom: 1px solid #edf0f4;
    background: #fbfcfe;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.manris-heatmap-panel-icon{
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 8px;
    margin-right: 9px;
    font-size: 14px;
}

.manris-heatmap-panel--clinical .manris-heatmap-panel-icon{
    background: #eaf4ff;
    color: #007bff;
}

.manris-heatmap-panel--nonclinical .manris-heatmap-panel-icon{
    background: #fff4e8;
    color: #f08c00;
}

.manris-heatmap-panel-title{
    font-size: 14px;
}

.manris-heatmap-panel-meta{
    gap: 7px;
}

.manris-heatmap-count,
.manris-heatmap-scale{
    display: inline-block;
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.manris-heatmap-count{
    background: #eaf4ff;
    color: #0069d9;
}

.manris-heatmap-panel--nonclinical .manris-heatmap-count{
    background: #fff4e8;
    color: #c96b00;
}

.manris-heatmap-scale{
    background: #f4f7fb;
    color: #68778a;
}

.manris-heatmap-panel-body{
    padding: 15px;
}

.manris-heatmap-chart-card,
.manris-heatmap-table-card{
    height: 100%;
    background: #fff;
    border: 1px solid #edf0f4;
    border-radius: 10px;
    padding: 12px;
}

.manris-heatmap-chart-label,
.manris-heatmap-table-label{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: 700;
    color: #536174;
}

.manris-heatmap-chart-label i,
.manris-heatmap-table-label i{
    margin-right: 6px;
    color: #007bff;
}

.manris-heatmap-chart-wrap{
    position: relative;
    width: 100%;
    height: 310px;
}

.manris-heatmap-loading{
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manris-heatmap-loading .loader{
    margin: 20px auto;
}

/* SELECT2 */
.manris-heatmap-page .select2-container{
    width: 100% !important;
}

.manris-heatmap-page .select2-container--bootstrap4 .select2-selection{
    border-radius: 7px;
    border-color: #dce3eb;
    min-height: 36px;
    font-size: 12px;
    background: #fff;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.manris-heatmap-page .select2-container--bootstrap4 .select2-selection--single{
    height: 36px;
    padding-top: 3px;
    position: relative;
}

.manris-heatmap-page .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered{
    line-height: 29px;
    color: #495057;
    padding-right: 30px;
}

.manris-heatmap-page .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow{
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manris-heatmap-page .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b{
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
}

.manris-heatmap-page .select2-container--bootstrap4.select2-container--focus .select2-selection,
.manris-heatmap-page .select2-container--bootstrap4.select2-container--open .select2-selection{
    border-color: #80bdff;
    box-shadow: 0 0 0 .12rem rgba(0, 123, 255, .10);
}

@media  (max-width: 991.98px) {

    .manris-heatmap-chart-card{
        margin-bottom: 12px;
    }

}

@media  (max-width: 767.98px) {

    .manris-heatmap-page{
        padding-left: 0;
        padding-right: 0;
    }

    .manris-heatmap-header{
        border-radius: 9px;
        margin-bottom: 12px;
    }

    .manris-heatmap-header-inner{
        padding: 14px;
        display: block;
    }

    .manris-heatmap-header-main{
        margin-bottom: 10px;
    }

    .manris-heatmap-title{
        font-size: 17px;
    }

    .manris-heatmap-card-body,
.manris-heatmap-panel-body{
        padding: 12px;
    }

    .manris-heatmap-panel-header{
        align-items: flex-start;
    }

    .manris-heatmap-panel-meta{
        margin-left: 8px;
    }

    .manris-heatmap-chart-wrap{
        height: 270px;
    }

}

@media  (max-width: 575.98px) {

    .manris-heatmap-filter{
        padding: 12px 12px 5px;
    }

    .manris-heatmap-filter .form-group{
        margin-bottom: 10px;
    }

    .manris-heatmap-section-header,
.manris-heatmap-panel-header{
        flex-wrap: wrap;
    }

    .manris-heatmap-guide,
.manris-heatmap-panel-meta{
        margin-top: 9px;
        margin-left: 0;
    }

    .manris-heatmap-chart-wrap{
        height: 240px;
    }

}

@media  (prefers-reduced-motion: reduce) {

    .manris-heatmap-filter #btn-cari,
.manris-heatmap-page .select2-selection{
        transition: none !important;
    }

}




/* ===============================================================
  EXTRACTED FROM Views/menu/heatmap/v_tbl_heatmap_non_klinis.php / style block 1
  =============================================================== */

.manris-heatmap-detail{
    width: 100%;
}

.manris-heatmap-detail .table-responsive{
    border: 1px solid #e4eaf1;
    border-radius: 9px;
    background: #fff;
    overflow-x: auto;
}

.manris-heatmap-detail table.dataTable,
.manris-heatmap-detail #tabel-heatmap-non-klinis{
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0;
    font-size: 11px !important;
}

.manris-heatmap-detail #tabel-heatmap-non-klinis thead th{
    background: #f4f8fc !important;
    color: #465568 !important;
    border-color: #e3e9f0 !important;
    padding: 9px 8px !important;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2px;
    vertical-align: middle;
    white-space: nowrap;
}

.manris-heatmap-detail #tabel-heatmap-non-klinis tbody td{
    padding: 9px 8px !important;
    border-color: #edf0f4 !important;
    color: #536174;
    line-height: 1.45;
    vertical-align: top;
    background: #fff;
}

.manris-heatmap-detail #tabel-heatmap-non-klinis tbody tr{
    transition: background-color .18s ease;
}

.manris-heatmap-detail #tabel-heatmap-non-klinis tbody tr:hover td{
    background: #f9fbfd;
}

.manris-risk-index{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    border-radius: 7px;
    background: #f2f5f8;
    color: #68778a;
    font-size: 10px;
    font-weight: 700;
}

.manris-risk-code{
    display: inline-block;
    padding: 5px 8px;
    border-radius: 7px;
    background: #fff4e8;
    border: 1px solid #f5dfc4;
    color: #c96b00;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.manris-risk-name{
    display: block;
    color: #344054;
    font-size: 11px;
    font-weight: 600;
    text-align: left;
}

.manris-score{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 26px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    border: 1px solid transparent;
}

.manris-score--blue{ background: #eaf4ff; color: #0069d9; border-color: #cfe5ff; }
.manris-score--green{ background: #eaf8ef; color: #218838; border-color: #cdebd7; }
.manris-score--yellow{ background: #fff8df; color: #8a6d00; border-color: #f3e6a8; }
.manris-score--orange{ background: #fff0df; color: #b85f00; border-color: #f3d2ad; }
.manris-score--red{ background: #fdebec; color: #c82333; border-color: #f3c7cb; }

.manris-heatmap-note{
    margin: 10px 0 0;
    padding: 9px 11px;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid #e6ebf1;
    color: #7b8796;
    font-size: 10px;
    line-height: 1.4;
}

.manris-heatmap-note i{
    color: #f08c00;
    margin-right: 5px;
}

.manris-heatmap-detail .dataTables_wrapper{
    font-size: 10px;
    color: #68778a;
}

.manris-heatmap-detail .dataTables_wrapper .dataTables_filter,
.manris-heatmap-detail .dataTables_wrapper .dataTables_length{
    margin-bottom: 8px;
}

.manris-heatmap-detail .dataTables_wrapper .dataTables_filter input,
.manris-heatmap-detail .dataTables_wrapper .dataTables_length select{
    min-height: 30px;
    border: 1px solid #dce3eb;
    border-radius: 7px;
    background: #fff;
    box-shadow: none;
    font-size: 10px;
}

.manris-heatmap-detail .dataTables_wrapper .dataTables_paginate .paginate_button{
    border-radius: 6px !important;
    font-size: 10px;
}

@media  (max-width: 575.98px) {

    .manris-heatmap-detail #tabel-heatmap-non-klinis{
        min-width: 610px;
    }

}




/* ===============================================================
  EXTRACTED FROM Views/menu/heatmap/v_tbl_heatmap_klinis.php / style block 1
  =============================================================== */

.manris-heatmap-detail{
    width: 100%;
}

.manris-heatmap-detail .table-responsive{
    border: 1px solid #e4eaf1;
    border-radius: 9px;
    background: #fff;
    overflow-x: auto;
}

.manris-heatmap-detail table.dataTable,
.manris-heatmap-detail #tabel-heatmap-klinis{
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0;
    font-size: 11px !important;
}

.manris-heatmap-detail #tabel-heatmap-klinis thead th{
    background: #f4f8fc !important;
    color: #465568 !important;
    border-color: #e3e9f0 !important;
    padding: 9px 8px !important;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2px;
    vertical-align: middle;
    white-space: nowrap;
}

.manris-heatmap-detail #tabel-heatmap-klinis tbody td{
    padding: 9px 8px !important;
    border-color: #edf0f4 !important;
    color: #536174;
    line-height: 1.45;
    vertical-align: top;
    background: #fff;
}

.manris-heatmap-detail #tabel-heatmap-klinis tbody tr{
    transition: background-color .18s ease;
}

.manris-heatmap-detail #tabel-heatmap-klinis tbody tr:hover td{
    background: #f9fbfd;
}

.manris-risk-index{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    border-radius: 7px;
    background: #f2f5f8;
    color: #68778a;
    font-size: 10px;
    font-weight: 700;
}

.manris-risk-code{
    display: inline-block;
    padding: 5px 8px;
    border-radius: 7px;
    background: #eaf4ff;
    border: 1px solid #d6e9ff;
    color: #0069d9;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.manris-risk-name{
    display: block;
    color: #344054;
    font-size: 11px;
    font-weight: 600;
    text-align: left;
}

.manris-score{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 26px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    border: 1px solid transparent;
}

.manris-score--blue{ background: #eaf4ff; color: #0069d9; border-color: #cfe5ff; }
.manris-score--green{ background: #eaf8ef; color: #218838; border-color: #cdebd7; }
.manris-score--yellow{ background: #fff8df; color: #8a6d00; border-color: #f3e6a8; }
.manris-score--orange{ background: #fff0df; color: #b85f00; border-color: #f3d2ad; }
.manris-score--red{ background: #fdebec; color: #c82333; border-color: #f3c7cb; }

.manris-heatmap-note{
    margin: 10px 0 0;
    padding: 9px 11px;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid #e6ebf1;
    color: #7b8796;
    font-size: 10px;
    line-height: 1.4;
}

.manris-heatmap-note i{
    color: #007bff;
    margin-right: 5px;
}

.manris-heatmap-detail .dataTables_wrapper{
    font-size: 10px;
    color: #68778a;
}

.manris-heatmap-detail .dataTables_wrapper .dataTables_filter,
.manris-heatmap-detail .dataTables_wrapper .dataTables_length{
    margin-bottom: 8px;
}

.manris-heatmap-detail .dataTables_wrapper .dataTables_filter input,
.manris-heatmap-detail .dataTables_wrapper .dataTables_length select{
    min-height: 30px;
    border: 1px solid #dce3eb;
    border-radius: 7px;
    background: #fff;
    box-shadow: none;
    font-size: 10px;
}

.manris-heatmap-detail .dataTables_wrapper .dataTables_paginate .paginate_button{
    border-radius: 6px !important;
    font-size: 10px;
}

@media  (max-width: 575.98px) {

    .manris-heatmap-detail #tabel-heatmap-klinis{
        min-width: 610px;
    }

}




/* ===============================================================
  EXTRACTED FROM Views/menu/laporan/laporan/v_laporan.php / style block 1
  =============================================================== */

/* =========================================================
   MANRIS - PUSAT LAPORAN MANAJEMEN RISIKO
   UI/UX ONLY - ID, name, route, response, dan logic existing
   tetap dipertahankan.
   ========================================================= */

.manris-laporan-page{
    padding: 0 4px 32px;
}

.manris-laporan-header{
    background: #ffffff;
    border: 1px solid #e4eaf1;
    border-radius: 12px;
    margin-bottom: 18px;
    box-shadow: 0 3px 12px rgba(23, 35, 52, .05);
    overflow: hidden;
}

.manris-laporan-header-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px;
}

.manris-laporan-header-main{
    display: flex;
    align-items: center;
    min-width: 0;
}

.manris-laporan-header-icon{
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 10px;
    background: #eaf4ff;
    color: #007bff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 13px;
}

.manris-laporan-header-icon i{
    font-size: 20px;
}

.manris-laporan-title{
    margin: 0;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    color: #172334;
}

.manris-laporan-subtitle{
    margin: 3px 0 0;
    font-size: 12px;
    color: #8a96a6;
    line-height: 1.45;
}

.manris-laporan-breadcrumb{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 11px;
    color: #8a96a6;
}

.manris-laporan-breadcrumb li{
    display: flex;
    align-items: center;
}

.manris-laporan-breadcrumb .separator{
    margin: 0 8px;
    color: #b8c1cc;
}

.manris-laporan-breadcrumb .nav-home a{
    color: #007bff !important;
    text-decoration: none;
}

.manris-laporan-breadcrumb .nav-item a{
    color: #68778a !important;
    text-decoration: none;
    font-weight: 500 !important;
}

.manris-laporan-card,
.manris-report-section{
    background: #ffffff;
    border: 1px solid #e4eaf1;
    border-radius: 12px;
    box-shadow: 0 3px 12px rgba(23, 35, 52, .045);
    margin-bottom: 18px;
    overflow: hidden;
}

.manris-laporan-card-body,
.manris-report-section-body{
    padding: 18px;
}

.manris-laporan-filter{
    background: #f8fafc;
    border: 1px solid #e6ebf1;
    border-radius: 10px;
    padding: 15px 16px 7px;
}

.manris-laporan-filter-heading{
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.manris-laporan-filter-icon{
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 7px;
    background: #eaf4ff;
    color: #007bff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 9px;
}

.manris-laporan-filter-icon i{
    font-size: 13px;
}

.manris-laporan-filter-title{
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: #172334;
}

.manris-laporan-filter-description{
    margin: 1px 0 0;
    font-size: 11px;
    color: #8a96a6;
}

.manris-laporan-filter .form-group{
    margin-bottom: 8px;
}

.manris-laporan-filter label{
    font-size: 11px;
    font-weight: 600;
    color: #536174;
    margin-bottom: 5px;
}

.manris-laporan-filter .form-control{
    min-height: 36px;
    border-radius: 7px;
    border: 1px solid #dce3eb;
    font-size: 12px;
    box-shadow: none;
    background: #ffffff;
}

.manris-laporan-filter .form-control:focus{
    border-color: #80bdff;
    box-shadow: 0 0 0 .12rem rgba(0, 123, 255, .10);
}

.manris-laporan-filter #btn-cari{
    height: 36px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    border: 0;
    background: #28a745;
    box-shadow: 0 2px 5px rgba(40, 167, 69, .14);
    transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.manris-laporan-filter #btn-cari:hover{
    background: #34b653;
    transform: translateY(-1px);
    box-shadow: 0 4px 9px rgba(40, 167, 69, .18);
}

.manris-laporan-filter #btn-cari:focus{
    box-shadow: 0 0 0 3px rgba(40, 167, 69, .12);
}

.manris-laporan-page .text-transparent{
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
}

.manris-report-section-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 13px;
    margin-bottom: 14px;
    border-bottom: 1px solid #edf0f4;
}

.manris-report-section-title-wrap{
    display: flex;
    align-items: center;
    min-width: 0;
}

.manris-report-section-icon{
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 8px;
    background: #eaf4ff;
    color: #007bff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.manris-report-section-icon i{
    font-size: 15px;
}

.manris-report-section-title{
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #172334;
}

.manris-report-section-subtitle{
    margin: 2px 0 0;
    font-size: 11px;
    color: #8a96a6;
}

.manris-report-pdf{
    float: none !important;
    margin: 0 !important;
    min-height: 34px;
    padding: 7px 11px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 8px !important;
    border: 1px solid #f0c8cd !important;
    background: #fff5f6 !important;
    color: #dc3545 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 5px rgba(220, 53, 69, .07);
    transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.manris-report-pdf:hover{
    background: #ffecef !important;
    color: #c82333 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 9px rgba(220, 53, 69, .12);
}

.manris-report-pdf i{
    font-size: 13px !important;
}

.manris-laporan-loading{
    min-height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manris-laporan-loading .loader{
    margin: 16px auto;
}

#tbl-kegiatan,
#tbl-identifikasi,
#tbl-rencana,
#tbl-pemantauan,
#tbl-evaluasi,
#tbl-register{
    width: 100%;
}

/* =========================================================
   TABLE / DATATABLES - seluruh laporan
   ========================================================= */
.manris-report-table-responsive,
#tbl-kegiatan > .table-responsive,
#tbl-identifikasi > .table-responsive,
#tbl-rencana > .table-responsive,
#tbl-pemantauan > .table-responsive,
#tbl-evaluasi > .table-responsive,
#tbl-register > .table-responsive{
    width: 100%;
    border: 1px solid #e5eaf0;
    border-radius: 10px;
    background: #ffffff;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

#tbl-kegiatan table,
#tbl-identifikasi table,
#tbl-rencana table,
#tbl-pemantauan table,
#tbl-evaluasi table,
#tbl-register table{
    width: 100% !important;
    margin-bottom: 0 !important;
    color: #46566b;
    background: #ffffff;
    border-collapse: separate !important;
    border-spacing: 0;
    font-size: 11px !important;
}

#tbl-kegiatan table{ min-width: 760px; }
#tbl-identifikasi table{ min-width: 1180px; }
#tbl-rencana table{ min-width: 1220px; }
#tbl-pemantauan table{ min-width: 1220px; }
#tbl-evaluasi table{ min-width: 980px; }
#tbl-register table{ min-width: 1800px; }

#tbl-kegiatan table thead th,
#tbl-identifikasi table thead th,
#tbl-rencana table thead th,
#tbl-pemantauan table thead th,
#tbl-evaluasi table thead th,
#tbl-register table thead th{
    background: #f4f8fc !important;
    color: #344054 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 1px solid #e3e9ef !important;
    border-bottom: 1px solid #dce4ec !important;
    padding: 10px 8px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .01em;
    vertical-align: middle !important;
    white-space: normal;
}

#tbl-kegiatan table thead th:last-child,
#tbl-identifikasi table thead th:last-child,
#tbl-rencana table thead th:last-child,
#tbl-pemantauan table thead th:last-child,
#tbl-evaluasi table thead th:last-child,
#tbl-register table thead th:last-child{
    border-right: 0 !important;
}

#tbl-kegiatan table tbody td,
#tbl-identifikasi table tbody td,
#tbl-rencana table tbody td,
#tbl-pemantauan table tbody td,
#tbl-evaluasi table tbody td,
#tbl-register table tbody td{
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 1px solid #edf1f5 !important;
    border-bottom: 1px solid #edf1f5 !important;
    padding: 9px 8px !important;
    line-height: 1.5;
    vertical-align: top !important;
}

#tbl-kegiatan table tbody td:last-child,
#tbl-identifikasi table tbody td:last-child,
#tbl-rencana table tbody td:last-child,
#tbl-pemantauan table tbody td:last-child,
#tbl-evaluasi table tbody td:last-child,
#tbl-register table tbody td:last-child{
    border-right: 0 !important;
}

#tbl-kegiatan table tbody tr:last-child td,
#tbl-identifikasi table tbody tr:last-child td,
#tbl-rencana table tbody tr:last-child td,
#tbl-pemantauan table tbody tr:last-child td,
#tbl-evaluasi table tbody tr:last-child td,
#tbl-register table tbody tr:last-child td{
    border-bottom: 0 !important;
}

#tbl-kegiatan table tbody tr,
#tbl-identifikasi table tbody tr,
#tbl-rencana table tbody tr,
#tbl-pemantauan table tbody tr,
#tbl-evaluasi table tbody tr,
#tbl-register table tbody tr{
    transition: background-color .14s ease;
}

#tbl-kegiatan table tbody tr:hover,
#tbl-identifikasi table tbody tr:hover,
#tbl-rencana table tbody tr:hover,
#tbl-pemantauan table tbody tr:hover,
#tbl-evaluasi table tbody tr:hover,
#tbl-register table tbody tr:hover{
    background: #fbfdff;
}

#tbl-kegiatan table b,
#tbl-identifikasi table b,
#tbl-rencana table b,
#tbl-pemantauan table b,
#tbl-evaluasi table b,
#tbl-register table b{
    color: #263548;
    font-weight: 700;
}

#tbl-identifikasi [id^="btn-lihat-"],
#tbl-identifikasi [id^="btn-tutup-"]{
    display: inline-block;
    margin: 5px 0 0 !important;
    padding: 2px 7px;
    border-radius: 6px;
    background: #eaf4ff;
    color: #007bff !important;
    text-decoration: none !important;
    font-weight: 600;
}

#tbl-identifikasi [id^="info-"]{
    margin: 6px 0 0;
    padding: 7px 7px 7px 22px;
    background: #f8fafc;
    border: 1px solid #e8edf3;
    border-radius: 7px;
    color: #667589;
}

#tbl-identifikasi small.bg-success,
#tbl-register small.bg-success{
    display: inline-block;
    border-radius: 999px;
    background: #e8f7f1 !important;
    color: #16845f !important;
    font-weight: 700;
    padding: 3px 7px !important;
}

#tbl-identifikasi small.bg-danger,
#tbl-register small.bg-danger{
    display: inline-block;
    border-radius: 999px;
    background: #fff0f2 !important;
    color: #c73746 !important;
    font-weight: 700;
    padding: 3px 7px !important;
}

.manris-report-note,
#tbl-kegiatan > p,
#tbl-identifikasi > p,
#tbl-rencana > p,
#tbl-pemantauan > p,
#tbl-evaluasi > p,
#tbl-register > p{
    margin: 9px 1px 0 !important;
    padding: 8px 10px;
    border-radius: 7px;
    background: #f8fafc;
    border: 1px solid #edf1f5;
    color: #7a8797 !important;
    font-size: 10px !important;
    line-height: 1.45;
}

/* DataTables control */
#tbl-kegiatan .dataTables_wrapper,
#tbl-identifikasi .dataTables_wrapper,
#tbl-rencana .dataTables_wrapper,
#tbl-pemantauan .dataTables_wrapper,
#tbl-evaluasi .dataTables_wrapper,
#tbl-register .dataTables_wrapper{
    padding: 12px;
}

#tbl-kegiatan .dataTables_wrapper .row,
#tbl-identifikasi .dataTables_wrapper .row,
#tbl-rencana .dataTables_wrapper .row,
#tbl-pemantauan .dataTables_wrapper .row,
#tbl-evaluasi .dataTables_wrapper .row,
#tbl-register .dataTables_wrapper .row{
    margin-left: -5px;
    margin-right: -5px;
}

#tbl-kegiatan .dataTables_wrapper .dataTables_length,
#tbl-kegiatan .dataTables_wrapper .dataTables_filter,
#tbl-identifikasi .dataTables_wrapper .dataTables_length,
#tbl-identifikasi .dataTables_wrapper .dataTables_filter,
#tbl-rencana .dataTables_wrapper .dataTables_length,
#tbl-rencana .dataTables_wrapper .dataTables_filter,
#tbl-pemantauan .dataTables_wrapper .dataTables_length,
#tbl-pemantauan .dataTables_wrapper .dataTables_filter,
#tbl-evaluasi .dataTables_wrapper .dataTables_length,
#tbl-evaluasi .dataTables_wrapper .dataTables_filter,
#tbl-register .dataTables_wrapper .dataTables_length,
#tbl-register .dataTables_wrapper .dataTables_filter{
    margin-bottom: 9px;
    color: #718096;
    font-size: 10px;
}

.manris-laporan-page .dataTables_wrapper .dataTables_filter input,
.manris-laporan-page .dataTables_wrapper .dataTables_length select{
    min-height: 31px;
    border: 1px solid #dce3eb !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    color: #49576a !important;
    font-size: 10px !important;
    box-shadow: none !important;
}

.manris-laporan-page .dataTables_wrapper .dataTables_filter input:focus,
.manris-laporan-page .dataTables_wrapper .dataTables_length select:focus{
    border-color: #80bdff !important;
    box-shadow: 0 0 0 .12rem rgba(0, 123, 255, .08) !important;
    outline: none;
}

.manris-laporan-page .dataTables_wrapper .dataTables_info{
    padding-top: 11px !important;
    color: #8a96a6 !important;
    font-size: 10px !important;
}

.manris-laporan-page .dataTables_wrapper .dataTables_paginate{
    padding-top: 8px !important;
}

.manris-laporan-page .dataTables_wrapper .dataTables_paginate .paginate_button,
.manris-laporan-page .dataTables_wrapper .dataTables_paginate .page-link{
    min-width: 30px;
    height: 30px;
    padding: 5px 8px !important;
    border-radius: 6px !important;
    border: 1px solid #e0e6ed !important;
    background: #ffffff !important;
    color: #607086 !important;
    font-size: 10px !important;
    box-shadow: none !important;
}

.manris-laporan-page .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.manris-laporan-page .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.manris-laporan-page .dataTables_wrapper .dataTables_paginate .page-item.active .page-link{
    background: #007bff !important;
    border-color: #007bff !important;
    color: #ffffff !important;
}

/* =========================================================
   SELECT2 - mengikuti baseline Pemantauan
   ========================================================= */
.manris-laporan-filter .select2-container{
    width: 100% !important;
}

.manris-laporan-filter .select2-container--bootstrap4 .select2-selection{
    min-height: 36px;
    border-radius: 7px;
    border: 1px solid #dce3eb;
    background: #ffffff;
    font-size: 12px;
    box-shadow: none;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.manris-laporan-filter .select2-container--bootstrap4 .select2-selection--single{
    height: 36px;
    padding-top: 3px;
    position: relative;
}

.manris-laporan-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__rendered{
    line-height: 29px;
    color: #495057;
    padding-left: 10px;
    padding-right: 32px;
}

.manris-laporan-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__placeholder{
    color: #9aa6b2;
}

.manris-laporan-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__arrow{
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manris-laporan-filter .select2-container--bootstrap4
.select2-selection--single .select2-selection__arrow b{
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
}

.manris-laporan-filter .select2-container--bootstrap4 .select2-selection--multiple{
    min-height: 36px;
    padding: 2px 5px 2px;
}

.manris-laporan-filter .select2-container--bootstrap4
.select2-selection--multiple .select2-selection__rendered{
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 3px;
}

.manris-laporan-filter .select2-container--bootstrap4
.select2-selection--multiple .select2-selection__choice{
    margin: 2px 0 !important;
    padding: 2px 7px 2px 5px !important;
    border-radius: 6px !important;
    border: 1px solid #cfe3f8 !important;
    background: #eaf4ff !important;
    color: #0069d9 !important;
    font-size: 10px !important;
    font-weight: 600;
}

.manris-laporan-filter .select2-container--bootstrap4
.select2-selection--multiple .select2-selection__choice__remove{
    margin-right: 4px;
    color: #6b8fb3 !important;
}

.manris-laporan-filter .select2-container--bootstrap4
.select2-selection--multiple .select2-search__field{
    height: 27px;
    margin-top: 2px;
    font-size: 11px;
}

.manris-laporan-filter .select2-container--bootstrap4.select2-container--focus .select2-selection,
.manris-laporan-filter .select2-container--bootstrap4.select2-container--open .select2-selection{
    border-color: #80bdff !important;
    box-shadow: 0 0 0 .12rem rgba(0, 123, 255, .10) !important;
    outline: none;
}

.manris-laporan-filter .select2-container--bootstrap4.select2-container--open
.select2-selection--single .select2-selection__arrow b{
    transform: translate(-50%, -50%) rotate(180deg);
}

















@media  (max-width: 767.98px) {

    .manris-laporan-page{
        padding-left: 0;
        padding-right: 0;
    }

    .manris-laporan-header{
        border-radius: 9px;
        margin-bottom: 12px;
    }

    .manris-laporan-header-inner{
        padding: 14px;
        display: block;
    }

    .manris-laporan-header-main{
        margin-bottom: 10px;
    }

    .manris-laporan-title{
        font-size: 17px;
    }

    .manris-laporan-subtitle{
        font-size: 11px;
    }

    .manris-laporan-breadcrumb{
        font-size: 10px;
    }

    .manris-laporan-card-body,
.manris-report-section-body{
        padding: 12px;
    }

    .manris-report-section-header{
        align-items: flex-start;
    }

    .manris-report-section-title{
        font-size: 14px;
    }

    .manris-report-section-subtitle{
        display: none;
    }

}

@media  (max-width: 575.98px) {

    .manris-laporan-filter{
        padding: 12px 12px 5px;
    }

    .manris-report-section-header{
        flex-wrap: wrap;
    }

    .manris-report-pdf{
        margin-left: auto !important;
    }

}

@media  (prefers-reduced-motion: reduce) {

    .manris-laporan-filter #btn-cari,
.manris-report-pdf{
        transition: none !important;
    }

}




/* ===============================================================
  GLOBAL | NOTIFIKASI Toastr + SweetAlert2
  =============================================================== */
/* ==================================================================
   MANRIS - TOASTR SELECTOR COMPATIBILITY
   The original manris.css mistakenly targets a non-existent container ID and
   incorrect class prefixes; toastr.js renders #toast-container and .toast-*.
   This stylesheet implements the SAME MANRIS notification design
   without changing plugin settings or unrelated page components.
   ================================================================== */

#toast-container {
    z-index: 999999 !important;
    width: auto;
    font-family: "Lato", sans-serif;
}
#toast-container > div.toast {
    position: relative !important;
    width: 360px !important;
    max-width: calc(100vw - 24px);
    min-height: 64px !important;
    margin: 0 0 12px !important;
    padding: 15px 38px 15px 58px !important;
    border: 1px solid var(--manris-border, #e4eaf1) !important;
    border-radius: 12px !important;
    background: #fff !important;
    background-image: none !important;
    color: var(--manris-text, #536174) !important;
    box-shadow: 0 10px 30px rgba(23, 35, 52, .10) !important;
    opacity: 1 !important;
    font-family: "Lato", sans-serif !important;
    overflow: hidden;
}
#toast-container > div.toast::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 4px;
    background: var(--manris-primary, #007bff);
}
#toast-container > div.toast::after {
    content: "\f129";
    position: absolute;
    top: 50%;
    left: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    border-radius: 50%;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    color: var(--manris-primary, #007bff);
    background: var(--manris-primary-soft, #eaf4ff);
}
#toast-container > .toast-success::before {
    background: var(--manris-notify-success, #20a779);
}
#toast-container > .toast-success::after {
    content: "\f00c";
    color: var(--manris-notify-success, #20a779);
    background: #eaf9f2;
}
#toast-container > .toast-error::before {
    background: var(--manris-notify-error, #dc3545);
}
#toast-container > .toast-error::after {
    content: "\f00d";
    color: var(--manris-notify-error, #dc3545);
    background: var(--manris-danger-soft, #fff0f1);
}
#toast-container > .toast-warning::before {
    background: var(--manris-notify-warning, #f5a623);
}
#toast-container > .toast-warning::after {
    content: "\f071";
    color: var(--manris-notify-warning, #f5a623);
    background: #fff7e6;
}
#toast-container > .toast-info::before {
    background: var(--manris-notify-info, #007bff);
}
#toast-container > .toast-info::after {
    content: "\f129";
    color: var(--manris-notify-info, #007bff);
    background: var(--manris-primary-soft, #eaf4ff);
}
#toast-container .toast-title {
    display: block;
    margin: 0 0 3px;
    color: #344054;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.3;
}
#toast-container .toast-message {
    color: var(--manris-text, #536174);
    font-size: 10px;
    font-weight: 500;
    line-height: 1.45;
    overflow-wrap: anywhere;
}
#toast-container .toast-close-button {
    position: absolute !important;
    top: 8px !important;
    right: 9px !important;
    color: #9aa5b3 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    opacity: .7 !important;
    text-shadow: none !important;
    transition: color .2s ease, opacity .2s ease !important;
}
#toast-container .toast-close-button:hover {
    color: #536174 !important;
    opacity: 1 !important;
}
#toast-container .toast-progress {
    height: 2px !important;
    bottom: 0 !important;
    left: 0 !important;
    opacity: .8 !important;
}
#toast-container .toast-success .toast-progress {
    background: var(--manris-notify-success, #20a779) !important;
}
#toast-container .toast-error .toast-progress {
    background: var(--manris-notify-error, #dc3545) !important;
}
#toast-container .toast-warning .toast-progress {
    background: var(--manris-notify-warning, #f5a623) !important;
}
#toast-container .toast-info .toast-progress {
    background: var(--manris-notify-info, #007bff) !important;
}
@media (max-width: 575px) {
    #toast-container {
        width: calc(100% - 24px) !important;
        left: 12px !important;
        right: 12px !important;
        top: 12px !important;
    }
    #toast-container > div.toast {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 60px !important;
        margin-bottom: 10px !important;
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    #toast-container > div.toast,
    #toast-container .toast-close-button {
        transition: none !important;
    }
}




/* ===============================================================
  GLOBAL | TOMBOL AKSI (FINAL PRIORITY)
  =============================================================== */
/* ================================================================
   MANRIS | GLOBAL ACTION BUTTONS v1.0
   Bootstrap 4.6 + Atlantis compatible.

   OPT-IN ONLY: legacy buttons are not affected. Assign all three:
      class="btn btn-warning manris-action manris-action-edit"

   Keep existing IDs, onclick handlers, routes, and state classes.
   Does not globally restyle .btn, .btn-warning, .btn-primary, etc.
   ================================================================ */

:root {
    --manris-button-radius: 8px;
    --manris-button-shadow: 0 3px 8px rgba(23, 35, 52, .10);
    --manris-button-shadow-hover: 0 6px 14px rgba(23, 35, 52, .16);
}

/* Base: applies only if 'manris-action' was explicitly added. */
.btn.manris-action {
    --manris-action-bg: var(--manris-primary, #007bff);
    --manris-action-border: var(--manris-primary, #007bff);
    --manris-action-hover: var(--manris-primary-dark, #0069d9);
    --manris-action-hover-border: var(--manris-primary-dark, #0069d9);
    --manris-action-fg: #ffffff;
    --manris-action-hover-fg: #ffffff;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 34px;
    padding: 7px 12px !important;
    border: 1px solid var(--manris-action-border) !important;
    border-radius: var(--manris-button-radius) !important;
    background: var(--manris-action-bg) !important;
    color: var(--manris-action-fg) !important;
    font-family: inherit;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.3;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
    white-space: nowrap;
    box-shadow: var(--manris-button-shadow);
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease,
                color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

.btn.manris-action i,
.btn.manris-action .fas,
.btn.manris-action .far,
.btn.manris-action .fab {
    color: inherit !important;
    font-size: inherit;
}

.btn.manris-action:hover:not(:disabled):not(.disabled) {
    background: var(--manris-action-hover) !important;
    border-color: var(--manris-action-hover-border) !important;
    color: var(--manris-action-hover-fg) !important;
    box-shadow: var(--manris-button-shadow-hover);
    transform: translateY(-1px);
}

.btn.manris-action:focus {
    background: var(--manris-action-bg) !important;
    border-color: var(--manris-action-border) !important;
    color: var(--manris-action-fg) !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, .18) !important;
}

.btn.manris-action:focus:hover:not(:disabled):not(.disabled) {
    background: var(--manris-action-hover) !important;
    border-color: var(--manris-action-hover-border) !important;
    color: var(--manris-action-hover-fg) !important;
}

.btn.manris-action:active:not(:disabled):not(.disabled) {
    transform: translateY(0);
    box-shadow: var(--manris-button-shadow);
}

.btn.manris-action:disabled,
.btn.manris-action.disabled {
    opacity: .58;
    box-shadow: none !important;
    transform: none !important;
    cursor: not-allowed;
    pointer-events: none;
}

/* Never override Bootstrap's visibility utility. */
.btn.manris-action.d-none { display: none !important; }
.btn.manris-action.btn-block { display: flex; width: 100%; }
.btn.manris-action.btn-xs { min-height: 29px; padding: 5px 9px !important; font-size: 10px !important; }
.btn.manris-action.btn-sm { min-height: 32px; padding: 6px 10px !important; font-size: 10px !important; }

/* ADD / CREATE — primary blue */
.btn.manris-action.manris-action-add,
.btn.manris-action.manris-action-create {
    --manris-action-bg: #007bff;
    --manris-action-border: #007bff;
    --manris-action-hover: #0069d9;
    --manris-action-hover-border: #0062cc;
}

/* SAVE / APPROVE — emerald */
.btn.manris-action.manris-action-save,
.btn.manris-action.manris-action-approve {
    --manris-action-bg: #20a779;
    --manris-action-border: #20a779;
    --manris-action-hover: #188860;
    --manris-action-hover-border: #167c58;
}

/* EDIT — dark amber, white type for contrast */
.btn.manris-action.manris-action-edit {
    --manris-action-bg: #b7791f;
    --manris-action-border: #b7791f;
    --manris-action-hover: #935f16;
    --manris-action-hover-border: #835613;
}

/* DELETE — danger red */
.btn.manris-action.manris-action-delete {
    --manris-action-bg: #dc3545;
    --manris-action-border: #dc3545;
    --manris-action-hover: #c82333;
    --manris-action-hover-border: #bd2130;
}

/* RESET — slate secondary; white type also on hover */
.btn.manris-action.manris-action-reset {
    --manris-action-bg: #64748b;
    --manris-action-border: #64748b;
    --manris-action-hover: #475569;
    --manris-action-hover-border: #475569;
}

/* CANCEL / CLOSE — neutral, not a destructive action */
.btn.manris-action.manris-action-cancel,
.btn.manris-action.manris-action-close {
    --manris-action-bg: #6c757d;
    --manris-action-border: #6c757d;
    --manris-action-hover: #5a6268;
    --manris-action-hover-border: #545b62;
}

/* SUPERVISE / REVIEW — burnt orange */
.btn.manris-action.manris-action-supervise,
.btn.manris-action.manris-action-review {
    --manris-action-bg: #c06b12;
    --manris-action-border: #c06b12;
    --manris-action-hover: #9f550d;
    --manris-action-hover-border: #924d0b;
}

/* VIEW / RELOAD / SEARCH — blue outlines */
.btn.manris-action.manris-action-view,
.btn.manris-action.manris-action-reload,
.btn.manris-action.manris-action-search {
    --manris-action-bg: #ffffff;
    --manris-action-border: #007bff;
    --manris-action-hover: #007bff;
    --manris-action-hover-border: #007bff;
    --manris-action-fg: #007bff;
    --manris-action-hover-fg: #ffffff;
}

/* PDF / PRINT — burgundy red */
.btn.manris-action.manris-action-pdf,
.btn.manris-action.manris-action-print {
    --manris-action-bg: #b42332;
    --manris-action-border: #b42332;
    --manris-action-hover: #8f1c28;
    --manris-action-hover-border: #8f1c28;
}

@media (prefers-reduced-motion: reduce) {
    .btn.manris-action { transition: none !important; }
    .btn.manris-action:hover,
    .btn.manris-action:active { transform: none !important; }
}




/* ===============================================================
  TOMBOL AKSI | KOMPATIBILITAS DENGAN CSS MODUL
  =============================================================== */

/* Semantic button classes take precedence over legacy Bootstrap variant colors. */
.btn.manris-action:not(.d-none) {
    background-color: var(--manris-action-bg) !important;
    border-color: var(--manris-action-border) !important;
    color: var(--manris-action-fg) !important;
}
.btn.manris-action:not(.d-none):hover,
.btn.manris-action:not(.d-none):focus {
    background-color: var(--manris-action-hover) !important;
    border-color: var(--manris-action-hover-border) !important;
    color: var(--manris-action-hover-fg) !important;
}
.btn.manris-action:not(.d-none) i,
.btn.manris-action:not(.d-none) span { color: inherit !important; }
.btn.manris-action.d-none { display: none !important; }



/* ==================================================================
   SUPERVISI / DECISION BUTTONS -- standard action semantics
   ================================================================== */
.btn.manris-action.manris-action-reject {
    --manris-action-bg: #dc3545;
    --manris-action-border: #dc3545;
    --manris-action-hover: #c82333;
    --manris-action-hover-border: #bd2130;
    --manris-action-fg: #fff;
    --manris-action-hover-fg: #fff;
}


/* ================================================================
   GLOBAL INLINE-STYLE MIGRATION | Tahap 3
   Replaces previous static style="..." declarations in web views.
   PHP/JS-driven matrix colors use classes while retaining source logic.
   ================================================================ */
.manris-u-fs10 { font-size: 10px !important; }
.manris-u-fs9 { font-size: 9px !important; }
.manris-u-fs9-pointer { font-size: 9px !important; cursor: pointer !important; }
.manris-u-fs9-white { font-size: 9px !important; color: #fff !important; }
.manris-u-transparent { background-color: transparent !important; }
.manris-u-w100 { width: 100% !important; }
.manris-u-initially-hidden { display: none; }
.manris-u-ml7 { margin-left: 7px !important; }
.manris-u-pointer { cursor: pointer !important; }
.manris-u-justify { text-align: justify !important; }
.manris-u-left-red { text-align: left !important; color: red !important; }
.manris-u-no-decoration { text-decoration: none !important; }

/* Semantics preserved from old risk matrices; existing data mapping is unchanged. */
.manris-risk-bg-blue, .manris-risk-bg-blue > td { background-color: blue !important; }
.manris-risk-bg-green, .manris-risk-bg-green > td { background-color: green !important; }
.manris-risk-bg-yellow, .manris-risk-bg-yellow > td { background-color: yellow !important; }
.manris-risk-bg-orange, .manris-risk-bg-orange > td { background-color: orange !important; }
.manris-risk-bg-red, .manris-risk-bg-red > td { background-color: red !important; }
.manris-risk-bg-white, .manris-risk-bg-white > td { background-color: white !important; }
.manris-risk-text-white, .manris-risk-text-white > td { color: white !important; }
.manris-risk-text-black, .manris-risk-text-black > td { color: black !important; }


/* ===================================================================
   MANRIS ERROR PAGES | 404 & 500 | Global CSS v2.3
   Dedicated, standalone CodeIgniter 4 error views.
   All selectors are scoped to .manris-error-body / .manris-error-*.
   =================================================================== */
.manris-error-body {
    --manris-error-accent: #087bff;
    --manris-error-accent-rgb: 8, 123, 255;
    background: #f4f7fc;
    color: #1b2940;
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0;
    overflow-x: hidden;
    font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    line-height: 1.5;
    position: relative;
    isolation: isolate;
}
.manris-error-body.manris-error-500 {
    --manris-error-accent: #e66a35;
    --manris-error-accent-rgb: 230, 106, 53;
}
.manris-error-body *,
.manris-error-body *::before,
.manris-error-body *::after { box-sizing: border-box; }
.manris-error-body button,
.manris-error-body a { -webkit-tap-highlight-color: transparent; }
.manris-error-body svg { width: 20px; height: 20px; display: inline-block; flex: none; }
.manris-error-body .manris-error-bg-grid {
    position: fixed; inset: 0; pointer-events: none; z-index: -2;
    background-image: linear-gradient(rgba(44, 113, 181, .035) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(44, 113, 181, .035) 1px, transparent 1px);
    background-size: 52px 52px;
    mask-image: radial-gradient(ellipse at 45% 40%, black, transparent 78%);
}
.manris-error-aura { position: fixed; pointer-events: none; z-index: -1; border-radius: 50%; filter: blur(4px); }
.manris-error-aura-one {
    top: -220px; right: -160px; width: 650px; height: 650px;
    background: radial-gradient(circle, rgba(55, 148, 250, .11), transparent 68%);
}
.manris-error-aura-two {
    bottom: -210px; left: -140px; width: 600px; height: 600px;
    background: radial-gradient(circle, rgba(96, 185, 255, .09), transparent 68%);
}
.manris-error-page {
    position: relative; max-width: 1224px; min-height: 100vh; min-height: 100dvh;
    padding: 27px 28px 23px; margin: 0 auto;
    display: flex; flex-direction: column;
}
.manris-error-header,
.manris-error-footer { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.manris-error-header { min-height: 56px; }
.manris-error-brand {
    display: inline-flex; align-items: center; gap: 11px;
    min-width: 0; text-decoration: none; color: #172940;
}
.manris-error-brand:hover { color: #172940; text-decoration: none; }
.manris-error-brand-mark {
    display: grid; place-items: center; width: 46px; height: 46px; flex: none;
    border-radius: 15px; background: #fff; border: 1px solid #e4ebf4;
    box-shadow: 0 8px 22px rgba(27, 71, 117, .06);
}
.manris-error-brand-mark img { display: block; width: 31px; height: 31px; object-fit: contain; }
.manris-error-brand-text { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.manris-error-brand-text strong { font-size: 17px; font-weight: 900; letter-spacing: .06em; line-height: 1.2; }
.manris-error-brand-text small { font-size: 11px; font-weight: 500; color: #7b8a9c; line-height: 1.35; }
.manris-error-header-status {
    display: inline-flex; align-items: center; gap: 8px;
    flex: none; background: #fff; border: 1px solid #e7edf5;
    border-radius: 50px; padding: 9px 13px; font-size: 10px;
    letter-spacing: .08em; font-weight: 800; color: #728298;
}
.manris-error-status-dot {
    display: inline-block; width: 7px; height: 7px; border-radius: 50%;
    background: var(--manris-error-accent); box-shadow: 0 0 0 4px rgba(var(--manris-error-accent-rgb), .1);
}
.manris-error-panel {
    flex: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .97fr);
    align-items: center; gap: clamp(20px, 4vw, 58px); min-height: 580px;
    padding: 48px 0 34px;
}
.manris-error-copy { position: relative; z-index: 2; padding: 8px 0 12px; }
.manris-error-overline {
    display: inline-flex; align-items: center; gap: 9px;
    padding: 7px 12px 7px 7px; color: #0d70d4;
    background: #eaf3ff; border: 1px solid #d7e9ff;
    border-radius: 50px; font-weight: 800; font-size: 10px; letter-spacing: .095em;
}
.manris-error-500 .manris-error-overline { color: #b85b2c; background: #fff3ea; border-color: #ffe1d2; }
.manris-error-overline-icon {
    width: 23px; height: 23px; display: grid; place-items: center;
    border-radius: 50%; background: #fff; color: var(--manris-error-accent);
}
.manris-error-overline-icon svg { width: 15px; height: 15px; }
.manris-error-intro {
    margin: 29px 0 9px; color: #65758c; font-size: 15px;
    font-weight: 600; letter-spacing: -.01em;
}
.manris-error-copy h1 {
    font-size: clamp(38px, 4.1vw, 58px); font-weight: 900;
    line-height: 1.12; letter-spacing: -.046em; color: #15263e;
    margin: 0; max-width: 620px;
}
.manris-error-heading-accent { color: var(--manris-error-accent); }
.manris-error-description {
    max-width: 525px; color: #728299; margin: 21px 0 29px;
    font-size: 15px; line-height: 1.9;
}
.manris-error-actions { display: flex; flex-wrap: wrap; gap: 11px; align-items: center; }
/* Error page actions opt in to the existing global MANRIS button semantics. */
.manris-error-body .btn.manris-action.manris-error-btn {
    min-height: 48px; padding: 11px 17px !important; gap: 9px;
    font-family: inherit; font-size: 12px !important; font-weight: 800;
    border-radius: 11px !important; letter-spacing: .005em;
    text-decoration: none; white-space: nowrap;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}
.manris-error-body .btn.manris-action.manris-error-btn svg { width: 17px; height: 17px; }
.manris-error-body .btn.manris-action.manris-error-btn-primary {
    --manris-action-bg: #087bff;
    --manris-action-border: #087bff;
    --manris-action-fg: #fff;
    --manris-action-hover: #0669df;
    --manris-action-hover-border: #0669df;
    --manris-action-hover-fg: #fff;
    box-shadow: 0 11px 24px rgba(0, 123, 255, .22);
}
.manris-error-500 .btn.manris-action.manris-error-btn-primary {
    --manris-action-bg: #e66a35;
    --manris-action-border: #e66a35;
    --manris-action-fg: #fff;
    --manris-action-hover: #c95829;
    --manris-action-hover-border: #c95829;
    --manris-action-hover-fg: #fff;
    box-shadow: 0 11px 24px rgba(230, 106, 53, .18);
}
.manris-error-body .btn.manris-action.manris-error-btn-primary:hover { box-shadow: 0 16px 28px rgba(var(--manris-error-accent-rgb), .26); }
.manris-error-body .btn.manris-action.manris-error-btn-primary .manris-error-cta-arrow {
    width: 15px; height: 15px; margin-left: 3px;
}
.manris-error-body .btn.manris-action.manris-error-btn-quiet {
    --manris-action-bg: #fff;
    --manris-action-border: #e0e8f2;
    --manris-action-fg: #52667e;
    --manris-action-hover: #f8fbff;
    --manris-action-hover-border: #a8c8ef;
    --manris-action-hover-fg: #1a6bc4;
    box-shadow: 0 6px 17px rgba(32, 73, 123, .035);
}
.manris-error-help {
    margin-top: 34px; max-width: 520px; border-top: 1px solid #e4eaf3;
    padding-top: 18px;
}
.manris-error-help summary {
    list-style: none; cursor: pointer; display: flex; align-items: center; gap: 11px;
    padding: 6px 0; font-size: 12px; color: #596b81; font-weight: 750;
}
.manris-error-help summary::-webkit-details-marker { display: none; }
.manris-error-help summary:hover { color: var(--manris-error-accent); }
.manris-error-help-badge {
    display: grid; place-items: center; width: 23px; height: 23px; border-radius: 7px;
    color: #438ad5; border: 1px solid #daebff; background: #eef6ff;
    font-size: 13px; font-weight: 850;
}
.manris-error-help-chevron { width: 15px !important; height: 15px !important; margin-left: auto; transition: transform .2s ease; }
.manris-error-help[open] .manris-error-help-chevron { transform: rotate(180deg); }
.manris-error-help-content {
    margin: 13px 0 0 33px; padding: 0 0 5px;
    color: #76879b; font-size: 12px; line-height: 1.8;
}
.manris-error-help-content p { margin: 0 0 10px; }
.manris-error-copy-link {
    display: inline-flex; align-items: center; gap: 7px;
    background: none; border: 0; padding: 4px 0; cursor: pointer;
    font: inherit; font-weight: 800; color: #177be1;
}
.manris-error-copy-link svg { width: 14px; height: 14px; }
.manris-error-copy-link:hover { color: #0a56ac; text-decoration: underline; }
.manris-error-art {
    position: relative; min-height: 510px; height: min(580px, 51vw);
    max-height: 585px; overflow: hidden; isolation: isolate;
    background: linear-gradient(148deg, #fafdff 0%, #e9f3ff 60%, #e8f2ff 100%);
    border: 1px solid #dceafb; border-radius: 30px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 32px 65px rgba(33, 104, 173, .08);
}
.manris-error-500 .manris-error-art {
    background: linear-gradient(148deg, #fffefd 0%, #fff4ec 60%, #fff0e7 100%);
    border-color: #f9e5d9;
}
.manris-error-art::before {
    content: ''; position: absolute; width: 390px; height: 390px; left: 50%; top: 47%;
    transform: translate(-50%, -50%); border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--manris-error-accent-rgb), .13), rgba(var(--manris-error-accent-rgb), 0) 67%);
}
.manris-error-art-grid {
    position: absolute; inset: 0; opacity: .64;
    background-image: radial-gradient(rgba(75, 144, 207, .22) 1px, transparent 1px);
    background-size: 22px 22px;
    mask-image: linear-gradient(145deg, rgba(0,0,0,.4), transparent 64%);
}
.manris-error-orbit {
    position: absolute; top: 45%; left: 50%; translate: -50% -50%; border-radius: 50%;
    border: 1px dashed rgba(var(--manris-error-accent-rgb), .22);
    pointer-events: none;
}
.manris-error-orbit-one { width: 390px; height: 390px; animation: manris-error-rotate 55s linear infinite; }
.manris-error-orbit-two { width: 315px; height: 315px; border-style: solid; border-color: rgba(var(--manris-error-accent-rgb), .12); }
.manris-error-orbit-center {
    position: absolute; top: 45%; left: 50%; translate: -50% -50%;
    width: 235px; height: 235px; padding: 17px;
    border-radius: 50%; border: 1px solid rgba(var(--manris-error-accent-rgb), .22);
    background: rgba(255,255,255,.57);
    box-shadow: 0 32px 60px rgba(var(--manris-error-accent-rgb), .11), 0 0 0 22px rgba(255,255,255,.28);
    animation: manris-error-float 7s ease-in-out infinite;
}
.manris-error-orbit-center-inner {
    width: 100%; height: 100%; display: grid; place-items: center;
    border-radius: 50%; background: linear-gradient(145deg, #fff, #f4faff);
    box-shadow: inset 0 2px 16px rgba(var(--manris-error-accent-rgb), .055);
    color: var(--manris-error-accent);
}
.manris-error-center-icon { width: 120px !important; height: 120px !important; stroke-width: 3.1px; }
.manris-error-art-code {
    position: absolute; top: 54%; left: 50%; translate: -50% 0;
    color: var(--manris-error-accent); opacity: .88;
    font-size: 52px; letter-spacing: -.05em; font-weight: 950;
    line-height: 1.1; pointer-events: none;
}
.manris-error-float {
    position: absolute; left: 34px; top: 33px; z-index: 2;
    display: inline-flex; align-items: center; gap: 9px;
    background: #fff; border: 1px solid #edf3fb;
    border-radius: 12px; padding: 10px 13px;
    box-shadow: 0 13px 34px rgba(45, 110, 177, .10);
    font-size: 11px; font-weight: 900; color: #203853;
    animation: manris-error-float 7.5s ease-in-out infinite;
}
.manris-error-float small { display: block; font-size: 9px; color: #8393a6; font-weight: 600; margin-top: 1px; }
.manris-error-float-icon {
    width: 30px; height: 30px; display: grid; place-items: center; flex: none;
    border-radius: 9px; color: var(--manris-error-accent); background: rgba(var(--manris-error-accent-rgb), .08);
}
.manris-error-float-icon svg { width: 17px; height: 17px; }
.manris-error-art-card {
    position: absolute; bottom: 36px; left: 33px; right: 33px; z-index: 2;
    display: flex; gap: 12px; align-items: center;
    padding: 15px 16px; border: 1px solid rgba(224, 234, 245, .94);
    border-radius: 15px; background: rgba(255,255,255,.91);
    box-shadow: 0 18px 44px rgba(56, 117, 176, .08);
    backdrop-filter: blur(10px);
    animation: manris-error-rise .65s ease-out both;
}
.manris-error-art-card-icon {
    display: grid; place-items: center; flex: none;
    width: 40px; height: 40px; border-radius: 11px;
    color: var(--manris-error-accent); background: rgba(var(--manris-error-accent-rgb), .1);
}
.manris-error-art-card strong { display: block; font-size: 12px; font-weight: 850; color: #273d57; }
.manris-error-art-card small { display: block; font-size: 10px; margin-top: 4px; font-weight: 500; color: #8695a7; }
.manris-error-card-status {
    margin-left: auto; display: grid; place-items: center; flex: none;
    width: 26px; height: 26px; border-radius: 50%; color: var(--manris-error-accent);
    border: 1px solid rgba(var(--manris-error-accent-rgb), .19);
    font-weight: 900; font-size: 12px;
}
.manris-error-decor-dot { position: absolute; width: 11px; height: 11px; border-radius: 50%; background: var(--manris-error-accent); opacity: .5; }
.manris-error-decor-dot.dot-a { top: 24%; right: 15%; }
.manris-error-decor-dot.dot-b { left: 16%; top: 60%; width: 7px; height: 7px; opacity: .35; }
.manris-error-decor-plus { position: absolute; top: 20%; right: 31%; font-size: 24px; color: rgba(var(--manris-error-accent-rgb), .3); }
.manris-error-footer {
    border-top: 1px solid #e5ebf3; padding-top: 21px; color: #8d9bad;
    font-size: 10px; font-weight: 600; letter-spacing: .015em;
}
.manris-error-footer-dot { display: inline-block; height: 4px; width: 4px; margin: 0 8px 2px; background: #b9c7d8; border-radius: 50%; }
.manris-error-toast {
    position: fixed; left: 50%; bottom: 27px; z-index: 9999;
    padding: 12px 17px; border-radius: 10px; color: #fff;
    background: #223b56; font-size: 12px; font-weight: 700;
    box-shadow: 0 12px 32px rgba(22, 48, 79, .2);
    translate: -50% 14px; opacity: 0; visibility: hidden;
    transition: opacity .2s ease, translate .2s ease, visibility .2s ease;
    max-width: min(440px, calc(100vw - 30px)); text-align: center;
}
.manris-error-toast-show { opacity: 1; visibility: visible; translate: -50% 0; }
.manris-error-brand:focus-visible,
.manris-error-body .btn.manris-action:focus-visible,
.manris-error-help summary:focus-visible,
.manris-error-copy-link:focus-visible { outline: 3px solid rgba(var(--manris-error-accent-rgb), .3) !important; outline-offset: 4px; }
@keyframes manris-error-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes manris-error-rotate { to { transform: rotate(360deg); } }
@keyframes manris-error-rise { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 1050px) {
    .manris-error-panel { gap: 26px; }
    .manris-error-copy h1 { font-size: clamp(36px, 4.2vw, 49px); }
    .manris-error-art { min-height: 480px; }
}
@media (max-width: 830px) {
    .manris-error-page { padding: 22px 23px 25px; }
    .manris-error-panel { grid-template-columns: 1fr; gap: 34px; padding: 47px 0 34px; }
    .manris-error-copy { max-width: 650px; }
    .manris-error-copy h1 { font-size: clamp(38px, 6vw, 54px); }
    .manris-error-description { max-width: 650px; }
    .manris-error-art { width: 100%; height: 400px; min-height: 400px; max-height: none; }
    .manris-error-orbit-center, .manris-error-orbit-one, .manris-error-orbit-two { top: 45%; }
    .manris-error-footer { margin-top: auto; }
}
@media (max-width: 570px) {
    .manris-error-page { padding: 19px 17px 21px; }
    .manris-error-brand-mark { width: 42px; height: 42px; border-radius: 12px; }
    .manris-error-brand-text strong { font-size: 16px; }
    .manris-error-brand-text small { font-size: 9px; max-width: 175px; }
    .manris-error-header-status { padding: 8px 10px; font-size: 9px; letter-spacing: .025em; }
    .manris-error-panel { padding: 44px 0 27px; gap: 30px; }
    .manris-error-overline { font-size: 9px; }
    .manris-error-intro { margin-top: 24px; font-size: 13px; }
    .manris-error-copy h1 { font-size: clamp(34px, 9.4vw, 43px); }
    .manris-error-description { font-size: 13px; margin: 17px 0 25px; line-height: 1.85; }
    .manris-error-actions { gap: 9px; }
    .manris-error-body .btn.manris-action.manris-error-btn { min-height: 43px; padding: 9px 13px !important; font-size: 11px !important; }
    .manris-error-body .btn.manris-action.manris-error-btn-primary { width: 100%; }
    .manris-error-body .btn.manris-action.manris-error-btn-quiet { flex: 1 1 0; }
    .manris-error-help { margin-top: 26px; }
    .manris-error-art { height: 330px; min-height: 330px; border-radius: 22px; }
    .manris-error-orbit-one { width: 275px; height: 275px; }
    .manris-error-orbit-two { width: 238px; height: 238px; }
    .manris-error-orbit-center { width: 170px; height: 170px; padding: 11px; }
    .manris-error-center-icon { width: 85px !important; height: 85px !important; }
    .manris-error-art-code { top: 56%; font-size: 37px; }
    .manris-error-float { top: 17px; left: 17px; padding: 7px 10px; }
    .manris-error-art-card { bottom: 16px; left: 15px; right: 15px; padding: 10px 11px; }
    .manris-error-art-card-icon { width: 34px; height: 34px; }
    .manris-error-art-card strong { font-size: 11px; }
    .manris-error-art-card small { font-size: 9px; }
    .manris-error-footer { flex-direction: column; align-items: flex-start; gap: 7px; font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
    .manris-error-body *, .manris-error-body *::before, .manris-error-body *::after {
        animation-duration: .01ms !important; animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}


/* ================================================================
   MANRIS GLOBAL UI v2.4 | SIDEBAR - DURASI AKSES
   Dipakai oleh layout/v_sidebar.php, tanpa style lokal.
   ================================================================ */
.manris-sidebar .manris-access-card {
    position: relative;
    margin: 2px 15px 13px;
    padding: 11px 13px 10px;
    border: 1px solid #dbeafe;
    border-radius: 12px;
    background: linear-gradient(135deg, #f0f7ff 0%, #f8fbff 76%, #eef6ff 100%);
    box-shadow: 0 3px 12px rgba(0, 93, 185, .045);
    overflow: hidden;
}
.manris-sidebar .manris-access-card::before {
    content: "";
    position: absolute;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    right: -42px;
    top: 27px;
    background: radial-gradient(circle, rgba(0, 123, 255, .09), rgba(0, 123, 255, 0) 73%);
    pointer-events: none;
}
.manris-sidebar .manris-access-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
    margin-bottom: 5px;
}
.manris-sidebar .manris-access-title {
    display: inline-flex;
    gap: 7px;
    align-items: center;
    color: #335f91;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .01em;
}
.manris-sidebar .manris-access-title i { font-size: 12px; color: #007bff; }
.manris-sidebar .manris-access-status {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #e5f7ed;
    color: #13804c;
    padding: 3px 7px;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.2;
}
.manris-sidebar .manris-access-status-dot {
    background: #21ac65;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(33, 172, 101, .14);
    animation: manris-access-pulse 2.5s ease-in-out infinite;
}
@keyframes manris-access-pulse {
    0%, 100% { box-shadow: 0 0 0 2px rgba(33, 172, 101, .13); }
    50% { box-shadow: 0 0 0 5px rgba(33, 172, 101, 0); }
}
.manris-sidebar .manris-access-clock {
    position: relative;
    color: #142c49;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: .045em;
    line-height: 1.38;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.manris-sidebar .manris-access-caption {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px;
    font-size: 10px;
    font-weight: 500;
    color: #647c97;
}
.manris-sidebar .manris-access-caption i { margin-right: 1px; color: #6799cb; }
.manris-sidebar .manris-access-caption time { font-weight: 750; color: #3a6897; }
@media (max-width: 991.98px) {
    .manris-sidebar .manris-access-card { margin-left: 12px; margin-right: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .manris-sidebar .manris-access-status-dot { animation: none; }
}


/* MANRIS MODAL MONEV v2.5 – GLOBAL, ALL SELECTORS SCOPED */
#modal-monev-profil .manris-monev-dialog{max-width:940px}
#modal-monev-profil .manris-monev-modal{border:0;border-radius:20px;overflow:hidden;box-shadow:0 26px 70px rgba(12,52,101,.22)}
#modal-monev-profil .manris-monev-new-header{background:linear-gradient(112deg,#043972,#006cda 60%,#158afa);padding:25px 28px;border:0;color:#fff}
#modal-monev-profil .manris-monev-new-header .monev-header-icon{width:55px;height:55px;border-radius:16px;background:rgba(255,255,255,.17);font-size:23px}
#modal-monev-profil .manris-monev-new-header .modal-title{font-size:21px;line-height:1.35;color:#fff;font-weight:800}
#modal-monev-profil .manris-monev-new-header .monev-header-subtitle{font-size:12px;color:#dceaff}
#modal-monev-profil .manris-modal-body{background:#f5f8fc;padding:23px 26px}
#modal-monev-profil .monev-information{background:#fff;border:1px solid #dae8f7;border-radius:13px;padding:15px 17px;margin-bottom:15px}
#modal-monev-profil .monev-information-title{font-size:14px;color:#1b456d}
#modal-monev-profil .monev-information-text{font-size:12px;line-height:1.6}
#modal-monev-profil .manris-monev-progress-summary{border:1px solid #e1eaf5;border-radius:12px;background:#fff;padding:13px 16px;margin-bottom:18px}
#modal-monev-profil .manris-monev-progress-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#46739a;font-size:12px;font-weight:700;margin-bottom:9px}
#modal-monev-profil .manris-monev-progress-top strong{color:#0874ce;font-size:13px}
#modal-monev-profil .manris-monev-progress-bar{height:7px;background:#e9eef5;border-radius:10px;overflow:hidden}
#modal-monev-profil .manris-monev-progress-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#1aa06c,#3ccda0);border-radius:10px;transition:width .2s ease}
#modal-monev-profil .manris-monev-new-card{height:100%;padding:0;border:1px solid #dae5f2;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 5px 22px rgba(28,69,112,.05);transition:transform .2s,box-shadow .2s,border-color .2s}
#modal-monev-profil .manris-monev-new-card:hover{border-color:#b6d4f4;box-shadow:0 12px 30px rgba(28,69,112,.10);transform:translateY(-2px)}
#modal-monev-profil .manris-monev-new-card.is-filled{border-color:#9bdac1}
#modal-monev-profil .monev-card-header{padding:17px;background:linear-gradient(125deg,#eaf4ff,#fff);border-bottom:1px solid #eaf0f7;margin:0}
#modal-monev-profil .manris-monev-semester-row>div:nth-child(2) .monev-card-header{background:linear-gradient(125deg,#e9faf3,#fff)}
#modal-monev-profil .semester-icon{width:46px;height:46px;min-width:46px;border-radius:12px}
#modal-monev-profil .semester-title{font-size:16px;color:#193e60}
#modal-monev-profil .semester-subtitle{font-size:11px;margin-top:3px}
#modal-monev-profil .manris-monev-new-field{padding:18px}
#modal-monev-profil .monev-field-label{font-size:12px;margin-bottom:8px;color:#49617d}
#modal-monev-profil .monev-textarea.form-control{font-size:12px;min-height:110px;padding:12px;border-radius:10px;background:#fbfdff;border:1px solid #d9e3ee;resize:vertical}
#modal-monev-profil .monev-textarea.form-control:focus{background:#fff;border-color:#2188e8;box-shadow:0 0 0 3px rgba(0,123,255,.1)!important}
#modal-monev-profil .manris-monev-link-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:11px}
#modal-monev-profil .manris-monev-state{font-size:10px;font-weight:750;color:#8999ad;padding:5px 9px;background:#f0f3f7;border-radius:30px}
#modal-monev-profil .is-filled .manris-monev-state{color:#147a53;background:#e8f8ef}
#modal-monev-profil .manris-monev-preview{font-size:11px;font-weight:750;color:#0574d5;text-decoration:none}
#modal-monev-profil .manris-monev-preview.disabled{color:#b0bcc9;cursor:not-allowed;pointer-events:none}
#modal-monev-profil .monev-input-helper{margin-top:12px;font-size:10px;color:#94a2b4}
#modal-monev-profil .manris-modal-footer{padding:17px 26px;background:#fff;border-top:1px solid #e9eef5}
#modal-monev-profil .manris-modal-footer .btn.manris-action{min-width:125px;min-height:39px;border-radius:9px!important;font-size:12px!important;display:inline-flex!important;gap:7px;align-items:center;justify-content:center}
#modal-monev-profil .manris-monev-saving{opacity:.7;cursor:wait}
#modal-monev-profil .manris-monev-new-field .invalid-feedback{font-size:11px}
@media(max-width:767.98px){#modal-monev-profil .manris-monev-dialog{max-width:96%;margin:8px auto}#modal-monev-profil .manris-modal-body{padding:16px}#modal-monev-profil .manris-monev-new-header{padding:18px}#modal-monev-profil .manris-modal-footer{padding:14px 16px}#modal-monev-profil .manris-monev-semester-row>div:first-child{margin-bottom:14px!important}}
@media(prefers-reduced-motion:reduce){#modal-monev-profil .manris-monev-new-card,#modal-monev-profil .manris-monev-progress-bar span{transition:none!important;transform:none!important}}


/* MANRIS: Modal bukti pemantauan Profil — terintegrasi dalam CSS global.
   Cakupan dibatasi ke modal ini. Tidak perlu memuat file CSS baru pada view. */
#modal-monev-profil .manris-monev-dialog {max-width:1000px;width:calc(100% - 32px);margin:24px auto;}
#modal-monev-profil .manris-monev-modern {border:0;border-radius:22px;overflow:hidden;box-shadow:0 28px 90px rgba(15,40,75,.28);color:#243650;background:#fff;}
#modal-monev-profil .manris-monev-header {position:relative;display:flex;align-items:flex-start;gap:16px;padding:28px 30px;border:0;background:linear-gradient(115deg,#0056bd,#007bff 65%,#159cde);color:#fff;}
#modal-monev-profil .manris-monev-heading {display:flex;align-items:center;gap:18px;min-width:0;}
#modal-monev-profil .manris-monev-heading-icon {display:grid;place-items:center;flex:0 0 60px;height:60px;border-radius:18px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);font-size:26px;}
#modal-monev-profil .manris-monev-eyebrow {display:block;font-size:10px;font-weight:700;letter-spacing:1.6px;color:#dbf0ff;margin-bottom:8px;}
#modal-monev-profil .modal-title {font-size:25px;font-weight:750;line-height:1.3;color:#fff;margin:0;}
#modal-monev-profil .manris-monev-subtitle {font-size:13px;line-height:1.6;color:#e4f2ff;margin:7px 0 0;}
#modal-monev-profil .manris-monev-close {float:none;flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;padding:0;margin:0 0 0 auto;border-radius:10px;background:rgba(255,255,255,.15);color:#fff;opacity:1;text-shadow:none;font-size:16px;transition:background .2s;}
#modal-monev-profil .manris-monev-close:hover {background:rgba(255,255,255,.3);}
#modal-monev-profil .manris-monev-body {padding:26px 30px;background:#f4f7fc;}
#modal-monev-profil .manris-monev-overview {display:flex;align-items:center;gap:16px;padding:20px 22px;background:#fff;border:1px solid #e3eaf4;border-radius:16px;box-shadow:0 4px 16px rgba(34,62,100,.035);}
#modal-monev-profil .manris-monev-overview-icon {display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:14px;background:#e9f3ff;color:#007bff;font-size:21px;}
#modal-monev-profil .manris-monev-overview-details {flex:1;min-width:0;}
#modal-monev-profil .manris-monev-overview-caption {font-size:10px;font-weight:700;letter-spacing:1.2px;color:#77859a;}
#modal-monev-profil .manris-monev-overview-main {display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:6px 0 12px;}
#modal-monev-profil .manris-monev-overview-main strong {font-size:16px;color:#203651;}
#modal-monev-profil .manris-monev-progress-badge {font-size:10px;font-weight:600;padding:4px 9px;border-radius:30px;background:#fff4df;color:#95610b;}
#modal-monev-profil .manris-monev-progress-badge.is-complete {background:#e4f7ed;color:#167447;}
#modal-monev-profil .manris-monev-progress-track {display:flex;gap:6px;}
#modal-monev-profil .manris-monev-progress-segment {display:block;flex:1;height:5px;border-radius:20px;background:#e7edf5;transition:background .25s;}
#modal-monev-profil .manris-monev-progress-segment.is-filled {background:#18a879;}
#modal-monev-profil .manris-monev-overview-number {font-size:34px;font-weight:750;color:#007bff;line-height:1;white-space:nowrap;}
#modal-monev-profil .manris-monev-overview-number small {font-size:15px;font-weight:500;color:#94a3b8;}
#modal-monev-profil .manris-monev-guide {display:flex;align-items:flex-start;gap:10px;margin:18px 2px;color:#61748e;font-size:12px;line-height:1.7;}
#modal-monev-profil .manris-monev-guide i {color:#007bff;margin-top:4px;}
#modal-monev-profil .manris-monev-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
#modal-monev-profil .manris-monev-semester-card {min-width:0;background:#fff;border:1px solid #dde6f1;border-top:3px solid #007bff;border-radius:15px;overflow:hidden;transition:border-color .2s,box-shadow .2s;}
#modal-monev-profil .manris-monev-semester-card:focus-within {box-shadow:0 0 0 3px rgba(0,123,255,.10);border-color:#007bff;}
#modal-monev-profil .manris-monev-semester-two {border-top-color:#129e9b;}
#modal-monev-profil .manris-monev-card-top {display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:20px 20px 15px;border-bottom:1px solid #edf1f7;}
#modal-monev-profil .manris-monev-card-identity {display:flex;align-items:center;gap:12px;}
#modal-monev-profil .manris-monev-semester-icon {display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#edf5ff;color:#007bff;font-size:18px;}
#modal-monev-profil .manris-monev-semester-two .manris-monev-semester-icon {background:#e7f7f5;color:#138883;}
#modal-monev-profil .manris-monev-period {display:block;font-size:9px;font-weight:700;letter-spacing:.7px;color:#7b899c;margin-bottom:5px;}
#modal-monev-profil .manris-monev-card-identity h6 {font-size:18px;font-weight:700;margin:0;color:#263c57;}
#modal-monev-profil .manris-monev-required {color:#dc5261;font-size:13px;}
#modal-monev-profil .manris-monev-card-status {font-size:10px;padding:4px 8px;border-radius:6px;background:#f1f5f9;color:#728198;white-space:nowrap;}
#modal-monev-profil .is-filled .manris-monev-card-status {background:#e8f8ef;color:#18764c;}
#modal-monev-profil .manris-monev-card-body {padding:18px 20px 20px;}
#modal-monev-profil .manris-monev-field-label {display:block;font-size:12px;font-weight:600;margin:0 0 9px;color:#415572;}
#modal-monev-profil .manris-monev-textarea {display:block;width:100%;min-height:120px;padding:13px 14px;border:1px solid #dce5ef;border-radius:10px;background:#fafcff;color:#304763;font-size:13px;line-height:1.65;resize:vertical;transition:border .2s,box-shadow .2s;}
#modal-monev-profil .manris-monev-textarea::placeholder {color:#9aa9bb;}
#modal-monev-profil .manris-monev-textarea:focus {outline:none;background:#fff;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1);}
#modal-monev-profil .manris-monev-card-bottom {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;}
#modal-monev-profil .manris-monev-help {font-size:10px;color:#8290a3;}
#modal-monev-profil .manris-monev-open-link {display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#006be0;text-decoration:none;padding:5px 0;}
#modal-monev-profil .manris-monev-open-link:hover {text-decoration:underline;}
#modal-monev-profil .manris-monev-open-link.is-disabled {color:#94a3b8;cursor:not-allowed;}
#modal-monev-profil .has-error {border-color:#dc3545;}
#modal-monev-profil .has-error .invalid-feedback {display:block;font-size:12px;}
#modal-monev-profil .manris-monev-textarea.is-invalid {border-color:#dc3545;}
#modal-monev-profil .manris-monev-footer {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 30px;border-top:1px solid #e5ecf5;background:#fff;}
#modal-monev-profil .manris-monev-footer-note {display:flex;align-items:center;gap:8px;max-width:310px;color:#8190a3;font-size:11px;line-height:1.6;margin:0;}
#modal-monev-profil .manris-monev-footer-note i {color:#18a879;}
#modal-monev-profil .manris-monev-footer-actions {display:flex;gap:10px;margin:0;}
#modal-monev-profil .manris-monev-footer-button {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 18px;border-radius:10px;font-size:13px;font-weight:600;}
#modal-monev-profil .manris-monev-save-loading {display:none;}
#modal-monev-profil .is-saving .manris-monev-save-normal {display:none;}
#modal-monev-profil .is-saving .manris-monev-save-loading {display:inline;}
#modal-monev-profil button:disabled {cursor:wait;opacity:.65;}
#modal-monev-profil button:focus-visible,#modal-monev-profil a:focus-visible {outline:3px solid #ffbe45;outline-offset:3px;}
@media(max-width:767.98px) {
 #modal-monev-profil .manris-monev-dialog {width:calc(100% - 20px);margin:10px auto;}
 #modal-monev-profil .manris-monev-grid {grid-template-columns:1fr;gap:14px;}
 #modal-monev-profil .manris-monev-header {padding:22px 18px;}
 #modal-monev-profil .manris-monev-heading {gap:12px;}
 #modal-monev-profil .manris-monev-heading-icon {flex-basis:42px;height:46px;border-radius:12px;font-size:20px;}
 #modal-monev-profil .modal-title {font-size:20px;}
 #modal-monev-profil .manris-monev-eyebrow {font-size:8px;letter-spacing:.9px;}
 #modal-monev-profil .manris-monev-subtitle {font-size:11px;}
 #modal-monev-profil .manris-monev-body {padding:18px 16px;}
 #modal-monev-profil .manris-monev-overview {padding:16px;gap:12px;}
 #modal-monev-profil .manris-monev-overview-icon {display:none;}
 #modal-monev-profil .manris-monev-overview-number {font-size:28px;}
 #modal-monev-profil .manris-monev-overview-main strong {font-size:14px;}
 #modal-monev-profil .manris-monev-footer {padding:16px;flex-direction:column;align-items:stretch;gap:12px;}
 #modal-monev-profil .manris-monev-footer-note {max-width:none;}
 #modal-monev-profil .manris-monev-footer-actions {width:100%;}
 #modal-monev-profil .manris-monev-footer-button {flex:1;padding:10px;}
}
@media(prefers-reduced-motion:reduce) {
 #modal-monev-profil *,#modal-monev-profil .modal-dialog {transition:none!important;animation:none!important;}
}


/* Supervisi Pemantauan: border tabel rincian, termasuk row group Atlantis.
   Revisi 20261012-1201. Berlaku juga bila tabel dibungkus div responsive. */
#tabel-pemantauan table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    border: 1px solid #dce8f5 !important;
}
#tabel-pemantauan table > thead,
#tabel-pemantauan table > thead > tr,
#tabel-pemantauan table > thead > tr > th,
#tabel-pemantauan table > thead > tr > td,
#tabel-pemantauan table > tbody,
#tabel-pemantauan table > tbody > tr,
#tabel-pemantauan table > tbody > tr > th,
#tabel-pemantauan table > tbody > tr > td,
#tabel-pemantauan table > tfoot,
#tabel-pemantauan table > tfoot > tr,
#tabel-pemantauan table > tfoot > tr > th,
#tabel-pemantauan table > tfoot > tr > td {
    border: 1px solid #dce8f5 !important;
}


/* Kegiatan: tinggi mengikuti konten, termasuk saat DataTables kosong.
   Revisi 20261012-1243; scope hanya tabel utama Kegiatan. */
#tbl-kegiatan #tabel-kegiatan,
#tbl-kegiatan #tabel-kegiatan > thead,
#tbl-kegiatan #tabel-kegiatan > tbody,
#tbl-kegiatan #tabel-kegiatan > thead > tr,
#tabel-kegiatan.manris-kegiatan-table,
#tabel-kegiatan.manris-kegiatan-table > thead,
#tabel-kegiatan.manris-kegiatan-table > tbody,
#tabel-kegiatan.manris-kegiatan-table > thead > tr {
    height: auto !important;
    min-height: 0 !important;
}
#tbl-kegiatan #tabel-kegiatan > thead > tr > th,
#tabel-kegiatan.manris-kegiatan-table > thead > tr > th {
    height: auto !important;
    min-height: 0 !important;
    padding: 10px 8px !important;
    font-size: 10px !important;
    line-height: 14px !important;
    letter-spacing: .02em !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}