/* Printis Monday Clean Layout
   Fokus: layout putih bersih, tanpa tab internal, tanpa parent/child workspace yang bentrok. */

:root{
    --printis-sidebar-w: 282px;
    --printis-header-h: 66px;
    --printis-bottom-h: 74px;
    --printis-bg: #f6f8fb;
    --printis-card: #ffffff;
    --printis-text: #172033;
    --printis-muted: #667085;
    --printis-border: #e8edf4;
    --printis-blue: #2563eb;
    --printis-blue-soft: #eff6ff;
    --printis-cyan: #06b6d4;
}

[x-cloak]{display:none!important;}
html,body{min-height:100%;background:var(--printis-bg)!important;color:var(--printis-text)!important;}
body{overflow-x:hidden;}
a{color:inherit;}

/* Kill semua sisa layout/tab lama walaupun asset lama masih nyangkut cache. */
.printos-safe-tabrow,
.printos-stack-tabrow,
.printos-safe-tabs,
.printos-safe-tab,
.printos-safe-count,
.printis-window-shell,
.printis-mobile-window,
.printis-mobile-window-tabs,
.printis-mobile-window-sidebar,
.printis-mobile-desktop-shell,
[data-printis-managed-subtabs]{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
}

.printis-app-shell{min-height:100vh;background:var(--printis-bg);}

/* Header */
.printis-topbar{
    position:fixed;top:0;left:0;right:0;z-index:1000;
    height:var(--printis-header-h);
    display:flex;align-items:center;gap:18px;
    padding:0 18px;
    background:rgba(255,255,255,.92);
    border-bottom:1px solid rgba(232,237,244,.96);
    box-shadow:0 8px 24px rgba(16,24,40,.05);
    backdrop-filter:saturate(180%) blur(14px);
    -webkit-backdrop-filter:saturate(180%) blur(14px);
}
.printis-topbar-left{display:flex;align-items:center;gap:12px;min-width:0;flex:0 0 auto;}
.printis-mobile-menu-btn{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--printis-border);border-radius:14px;background:#fff;color:#344054;box-shadow:0 6px 16px rgba(16,24,40,.06);}
.printis-mobile-menu-btn svg{width:22px;height:22px;}
.printis-brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:0;}
.printis-brand-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff;border:1px solid var(--printis-border);box-shadow:0 8px 18px rgba(16,24,40,.06);overflow:hidden;}
.printis-brand-logo img{display:block;max-width:34px;max-height:34px;object-fit:contain;}
.printis-brand-text{display:flex;flex-direction:column;min-width:0;line-height:1.05;}
.printis-brand-text strong{font-size:15px;font-weight:900;color:#111827;white-space:nowrap;max-width:210px;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.02em;}
.printis-brand-text small{margin-top:3px;font-size:11px;font-weight:700;color:#667085;white-space:nowrap;}

.printis-top-search{flex:1;max-width:600px;margin:0 auto;display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;border:1px solid var(--printis-border);border-radius:999px;background:#f8fafc;color:#667085;}
.printis-top-search:focus-within{border-color:rgba(37,99,235,.38);box-shadow:0 0 0 4px rgba(37,99,235,.08);background:#fff;}
.printis-top-search svg{width:19px;height:19px;flex:0 0 auto;}
.printis-top-search input{width:100%;height:40px;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font-size:13px;font-weight:700;color:#111827;padding:0!important;}
.printis-top-search input::placeholder{color:#98a2b3;}

.printis-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto;}
.printis-top-action,
.printis-top-icon{height:42px;min-width:42px;border:1px solid var(--printis-border);background:#fff;color:#344054;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:12px;font-weight:900;box-shadow:0 6px 16px rgba(16,24,40,.05);transition:all .16s ease;}
.printis-top-action:hover,
.printis-top-icon:hover{transform:translateY(-1px);border-color:#d0d5dd;box-shadow:0 10px 22px rgba(16,24,40,.08);}
.printis-top-action svg,
.printis-top-icon svg{width:19px;height:19px;}
.printis-top-action-primary{padding:0 14px;background:var(--printis-blue);border-color:var(--printis-blue);color:#fff;}
.printis-top-action-primary:hover{background:#1d4ed8;border-color:#1d4ed8;}
.printis-notif-wrap{display:flex;align-items:center;justify-content:center;}
.printis-top-actions button,
.printis-top-actions [role="button"]{max-width:none;}

/* Sidebar */
.printis-sidebar{
    position:fixed;top:var(--printis-header-h);left:0;z-index:930;
    width:var(--printis-sidebar-w);height:calc(100vh - var(--printis-header-h));
    display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--printis-border);
    box-shadow:8px 0 28px rgba(16,24,40,.04);
}
.printis-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 18px 10px;}
.printis-sidebar-title{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#98a2b3;}
.printis-sidebar-close{display:none;width:36px;height:36px;border:0;border-radius:12px;background:#f2f4f7;color:#475467;font-size:22px;line-height:1;}
.printis-sidebar-scroll{flex:1;overflow-y:auto;padding:4px 12px 18px;scrollbar-width:thin;scrollbar-color:#d0d5dd transparent;}
.printis-sidebar-scroll::-webkit-scrollbar{width:6px;}
.printis-sidebar-scroll::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:999px;}
.printis-menu-group{margin:3px 0;}
.printis-menu-item{
    width:100%;min-height:44px;display:flex;align-items:center;gap:11px;padding:9px 11px;
    border:0;border-radius:12px;background:transparent;color:#344054;text-decoration:none;cursor:pointer;
    font-size:13px;font-weight:800;text-align:left;transition:background .15s ease,color .15s ease,transform .15s ease;
}
.printis-menu-item:hover{background:#f8fafc;color:#111827;}
.printis-menu-item.active{background:var(--printis-blue-soft);color:#1d4ed8;}
.printis-menu-icon{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;color:currentColor;}
.printis-menu-icon svg{width:20px;height:20px;display:block;}
.printis-menu-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.printis-menu-button{appearance:none;}
.printis-menu-chev{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:7px;color:#98a2b3;font-size:17px;font-weight:900;transition:transform .15s ease;background:#f8fafc;}
.printis-menu-chev.rotate{transform:rotate(180deg);}
.printis-submenu{margin:3px 0 7px 38px;padding:3px 0 3px 10px;border-left:1px solid #e8edf4;}
.printis-submenu-item{position:relative;min-height:36px;display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:10px;color:#667085;text-decoration:none;font-size:12px;font-weight:800;line-height:1.2;}
.printis-submenu-item:hover{background:#f8fafc;color:#111827;}
.printis-submenu-item.active{background:#eff6ff;color:#1d4ed8;}
.printis-submenu-icon{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;color:currentColor;}
.printis-submenu-icon svg{width:17px;height:17px;display:block;}
.printis-submenu-item small{margin-left:auto;border-radius:999px;background:#f97316;color:#fff;padding:2px 6px;font-size:9px;font-weight:900;}

/* Main */
.printis-main-shell{min-height:100vh;padding-top:var(--printis-header-h);padding-left:var(--printis-sidebar-w);transition:padding .18s ease;}
.printis-main-inner{padding:22px 24px 34px;}
.printis-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;}
.printis-breadcrumb{display:flex;align-items:center;gap:7px;margin-bottom:6px;font-size:12px;font-weight:800;color:#98a2b3;}
.printis-breadcrumb a{color:#667085;text-decoration:none;}
.printis-breadcrumb a:hover{color:var(--printis-blue);}
.printis-page-heading h1{margin:0;color:#101828;font-size:27px;font-weight:950;line-height:1.15;letter-spacing:-.035em;}
.printis-page-heading p{margin:7px 0 0;color:#667085;font-size:13px;font-weight:650;line-height:1.5;}
.printis-content-panel{width:100%;min-height:calc(100vh - var(--printis-header-h) - 126px);border:1px solid var(--printis-border);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 14px 34px rgba(16,24,40,.06);padding:20px;overflow:visible;}

/* General page polish */
.printis-content-panel .bg-white,
.printis-content-panel .dark\:bg-gray-800,
.printis-content-panel .dark\:bg-white\/\[0\.03\]{background:#fff!important;}
.printis-content-panel .rounded-2xl{border-radius:18px!important;}
.printis-content-panel .shadow-sm,
.printis-content-panel .shadow,
.printis-content-panel .shadow-lg{box-shadow:0 10px 28px rgba(16,24,40,.06)!important;}
.printis-content-panel table{border-collapse:separate!important;border-spacing:0!important;width:100%;}
.printis-content-panel thead th{background:#f8fafc!important;color:#475467!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e8edf4!important;}
.printis-content-panel tbody td{border-bottom:1px solid #eef2f6!important;}
.printis-content-panel input,
.printis-content-panel select,
.printis-content-panel textarea{border-color:#d0d5dd!important;border-radius:12px!important;box-shadow:none!important;}
.printis-content-panel input:focus,
.printis-content-panel select:focus,
.printis-content-panel textarea:focus{border-color:rgba(37,99,235,.55)!important;box-shadow:0 0 0 4px rgba(37,99,235,.08)!important;outline:none!important;}
.printis-content-panel .btn,
.printis-content-panel button[type="submit"],
.printis-content-panel a[class*="bg-blue"],
.printis-content-panel button[class*="bg-blue"]{border-radius:12px;}

/* Demo mode banner agar tetap kebaca */
.printis-main-inner .demo-mode-banner,
.printis-main-inner [class*="demo-mode"]{margin-bottom:16px;}

/* Loader */
.printis-route-loader{position:fixed;inset:0;z-index:20000;display:none;pointer-events:none;background:rgba(248,250,252,.26);}
body.printis-loading .printis-route-loader{display:block;}
.printis-route-loader__bar{position:absolute;top:0;left:0;height:3px;width:42%;border-radius:0 999px 999px 0;background:linear-gradient(90deg,#2563eb,#06b6d4,#10b981);animation:printisLoader 1s ease-in-out infinite;}
.printis-route-loader__pill{position:absolute;top:82px;left:50%;transform:translateX(-50%);border:1px solid rgba(148,163,184,.30);border-radius:999px;background:rgba(255,255,255,.94);color:#101828;padding:9px 15px;font-size:12px;font-weight:900;box-shadow:0 18px 44px rgba(16,24,40,.16);}
@keyframes printisLoader{0%{transform:translateX(-60%);width:24%}50%{width:58%}100%{transform:translateX(360%);width:24%}}

/* Bottom nav mobile */
.printis-bottom-nav{display:none;}
.printis-mobile-backdrop{display:none;}

@media(max-width:1023.98px){
    :root{--printis-header-h:62px;}
    .printis-topbar{height:var(--printis-header-h);padding:0 12px;gap:10px;}
    .printis-mobile-menu-btn{display:inline-flex;}
    .printis-brand-logo{width:38px;height:38px;border-radius:13px;}
    .printis-brand-logo img{max-width:31px;max-height:31px;}
    .printis-brand-text strong{font-size:14px;max-width:150px;}
    .printis-brand-text small{display:none;}
    .printis-top-search{display:none;}
    .printis-top-actions{margin-left:auto;gap:6px;}
    .printis-top-action-primary{display:none;}
    .printis-top-icon{height:38px;min-width:38px;border-radius:13px;}
    .printis-top-icon svg{width:18px;height:18px;}
    .printis-notif-wrap{display:none;}

    .printis-mobile-backdrop{position:fixed;inset:0;z-index:925;background:rgba(15,23,42,.42);backdrop-filter:blur(2px);}
    .printis-sidebar{top:0;height:100vh;width:min(88vw,320px);z-index:940;transform:translateX(-104%);transition:transform .18s ease;border-radius:0 22px 22px 0;box-shadow:20px 0 50px rgba(16,24,40,.24);}
    .printis-sidebar.is-mobile-open{transform:translateX(0);}
    .printis-sidebar-head{padding:18px 18px 12px;border-bottom:1px solid var(--printis-border);}
    .printis-sidebar-close{display:inline-grid;place-items:center;}
    .printis-sidebar-scroll{padding:12px 12px 90px;}

    .printis-main-shell{padding-left:0;padding-top:var(--printis-header-h);padding-bottom:var(--printis-bottom-h);}
    .printis-main-inner{padding:14px 10px 20px;}
    .printis-page-heading{margin-bottom:12px;}
    .printis-breadcrumb{font-size:11px;margin-bottom:5px;}
    .printis-page-heading h1{font-size:21px;}
    .printis-page-heading p{font-size:12px;margin-top:5px;}
    .printis-content-panel{border-radius:18px;padding:12px;min-height:calc(100vh - var(--printis-header-h) - var(--printis-bottom-h) - 94px);box-shadow:0 10px 24px rgba(16,24,40,.05);}

    .printis-bottom-nav{position:fixed;left:12px;right:12px;bottom:10px;z-index:910;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:7px;border:1px solid rgba(232,237,244,.92);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 18px 48px rgba(16,24,40,.16);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);}
    .printis-bottom-item{height:52px;border:0;border-radius:18px;background:transparent;color:#667085;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:900;line-height:1;}
    .printis-bottom-item span{display:grid;place-items:center;width:22px;height:22px;color:currentColor;}
    .printis-bottom-item svg{width:21px;height:21px;display:block;}
    .printis-bottom-item.active{background:#eff6ff;color:#1d4ed8;}
    .printis-bottom-item small{font-size:10px;font-weight:900;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

    .printis-content-panel .overflow-x-auto,
    .printis-content-panel .table-responsive,
    .printis-content-panel [class*="overflow-x"]{-webkit-overflow-scrolling:touch;}
    .printis-content-panel table{min-width:max-content;}
}

@media(max-width:420px){
    .printis-brand-text strong{max-width:118px;}
    .printis-topbar{padding:0 9px;}
    .printis-top-actions > .relative:last-child button span:not(:first-child),
    .printis-top-actions > .relative:last-child button svg:last-child{display:none!important;}
    .printis-bottom-nav{left:8px;right:8px;bottom:8px;border-radius:22px;padding:6px;}
    .printis-bottom-item{height:49px;border-radius:16px;}
    .printis-bottom-item small{font-size:9px;}
}

/* Printis Monday Clean Refinement v5
   - logo header khusus developer, tanpa frame
   - heading global dihapus agar tidak double title
   - sidebar disusun seperti referensi Monday: group label + panah samping
*/
:root{--printis-sidebar-w:244px;--printis-header-h:66px;--printis-bg:#f7f9fc;--printis-border:#e6ebf2;}

.printis-page-heading{display:none!important;}
.printis-main-inner{padding:18px 22px 32px;}
.printis-content-panel{min-height:calc(100vh - var(--printis-header-h) - 58px);}

.printis-brand{gap:10px;}
.printis-brand-logo{width:auto!important;min-width:0!important;height:46px!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;padding:0!important;}
.printis-brand-logo img{max-height:42px!important;max-width:170px!important;width:auto!important;height:auto!important;object-fit:contain!important;}
.printis-brand-text strong{font-size:15px;font-weight:950;color:#101828;letter-spacing:-.025em;}
.printis-brand-text small{font-size:11px;font-weight:850;color:#7a8494;letter-spacing:.01em;}

.printis-sidebar{background:#fbfcfe;border-right:1px solid #e8edf4;box-shadow:8px 0 22px rgba(16,24,40,.035);}
@media(min-width:1024px){.printis-sidebar-head{display:none!important;}.printis-sidebar-scroll{padding-top:18px;}}
.printis-sidebar-title{font-size:11px;color:#a0a7b5;}
.printis-sidebar-scroll{padding-left:13px;padding-right:13px;}
.printis-sidebar-section-title{margin:18px 10px 8px;font-size:10px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;color:#a3aab7;line-height:1;}
.printis-sidebar-section-title:first-child{margin-top:4px;}
.printis-menu-group{margin:1px 0;}
.printis-menu-item{min-height:40px;padding:8px 8px;border-radius:10px;color:#6a7280;font-size:13px;font-weight:850;gap:10px;background:transparent;}
.printis-menu-item:hover{background:#f1f5f9;color:#344054;transform:none;}
.printis-menu-item.active{background:#eef4ff;color:#2563eb;}
.printis-menu-icon{width:24px;height:24px;flex-basis:24px;color:#a0a7b5;}
.printis-menu-item:hover .printis-menu-icon{color:#6b7280;}
.printis-menu-item.active .printis-menu-icon{color:#2563eb;}
.printis-menu-icon svg{width:19px;height:19px;}
.printis-menu-text{font-weight:850;}
.printis-menu-chev{width:18px;height:18px;background:transparent!important;border-radius:0;color:#a7afbd;font-size:22px;font-weight:700;line-height:1;transition:none!important;}
.printis-menu-chev.rotate{transform:none!important;color:#667085;}
.printis-submenu{margin:2px 0 6px 34px;padding:2px 0 2px 8px;border-left:1px solid #edf1f6;}
.printis-submenu-item{min-height:34px;padding:7px 8px;border-radius:9px;color:#7a8494;font-size:12px;font-weight:800;}
.printis-submenu-item:hover{background:#f4f7fb;color:#344054;}
.printis-submenu-item.active{background:#eef4ff;color:#2563eb;}
.printis-submenu-icon{width:20px;height:20px;flex-basis:20px;color:#a0a7b5;}
.printis-submenu-item.active .printis-submenu-icon{color:#2563eb;}
.printis-submenu-icon svg{width:16px;height:16px;}

/* Normalisasi warna icon di sidebar agar tidak terlalu ramai. */
.printis-sidebar .printis-menu-icon svg,
.printis-sidebar .printis-submenu-icon svg{color:currentColor!important;}
.printis-sidebar .printis-menu-icon svg [stroke],
.printis-sidebar .printis-submenu-icon svg [stroke]{stroke:currentColor!important;}
.printis-sidebar .printis-menu-icon svg [fill]:not([fill="none"]),
.printis-sidebar .printis-submenu-icon svg [fill]:not([fill="none"]){fill:currentColor!important;}

@media(max-width:1023.98px){
    :root{--printis-header-h:62px;}
    .printis-brand-logo{height:40px!important;}
    .printis-brand-logo img{max-height:36px!important;max-width:136px!important;}
    .printis-brand-text strong{font-size:14px;max-width:110px;}
    .printis-brand-text small{display:block;font-size:10px;}
    .printis-sidebar-head{display:flex;padding:16px 16px 10px;border-bottom:1px solid #eef2f6;}
    .printis-sidebar-scroll{padding-top:10px;}
    .printis-main-inner{padding:12px 10px 18px;}
    .printis-content-panel{min-height:calc(100vh - var(--printis-header-h) - var(--printis-bottom-h) - 30px);}
}

@media(max-width:420px){
    .printis-brand-logo img{max-width:116px!important;}
    .printis-brand-text{display:none;}
}

/* Printis Mobile Bottom Navigation v6
   Mobile tidak lagi memakai sidebar geser. Semua tombol mobile pindah ke bottom navigation + bottom sheet. */
.printis-mobile-sheet-backdrop,
.printis-mobile-sheet{display:none;}

@media(max-width:1023.98px){
    /* Sidebar kiri khusus desktop. Di mobile di-hide total supaya tidak bentrok dengan bottom nav. */
    .printis-sidebar,
    .printis-sidebar.is-mobile-open{
        display:none!important;
        visibility:hidden!important;
        opacity:0!important;
        pointer-events:none!important;
        transform:none!important;
    }

    .printis-mobile-sheet-backdrop{
        position:fixed;
        inset:0;
        z-index:930;
        display:block;
        background:rgba(15,23,42,.42);
        backdrop-filter:blur(2px);
        -webkit-backdrop-filter:blur(2px);
    }

    .printis-mobile-sheet{
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        z-index:940;
        display:flex;
        flex-direction:column;
        max-height:min(78vh,680px);
        border-radius:28px 28px 0 0;
        background:#fff;
        border:1px solid rgba(232,237,244,.96);
        box-shadow:0 -24px 70px rgba(15,23,42,.24);
        overflow:hidden;
    }

    .printis-mobile-sheet-enter{transition:transform .18s ease,opacity .18s ease;}
    .printis-mobile-sheet-enter-start{transform:translateY(110%);opacity:.5;}
    .printis-mobile-sheet-enter-end{transform:translateY(0);opacity:1;}
    .printis-mobile-sheet-leave{transition:transform .16s ease,opacity .16s ease;}
    .printis-mobile-sheet-leave-start{transform:translateY(0);opacity:1;}
    .printis-mobile-sheet-leave-end{transform:translateY(110%);opacity:.5;}

    .printis-mobile-sheet-handle{
        width:46px;
        height:5px;
        border-radius:999px;
        background:#d7dce5;
        margin:10px auto 4px;
        flex:0 0 auto;
    }

    .printis-mobile-sheet-head{
        display:flex;
        align-items:flex-start;
        justify-content:space-between;
        gap:14px;
        padding:10px 16px 14px;
        border-bottom:1px solid #eef2f6;
        flex:0 0 auto;
    }
    .printis-mobile-sheet-head h2{
        margin:0;
        font-size:18px;
        line-height:1.15;
        font-weight:950;
        letter-spacing:-.025em;
        color:#101828;
    }
    .printis-mobile-sheet-head p{
        margin:5px 0 0;
        font-size:12px;
        line-height:1.45;
        font-weight:700;
        color:#667085;
    }
    .printis-mobile-sheet-close{
        width:38px;
        height:38px;
        flex:0 0 38px;
        border:0;
        border-radius:14px;
        background:#f2f4f7;
        color:#475467;
        font-size:24px;
        font-weight:600;
        line-height:1;
        display:grid;
        place-items:center;
    }

    .printis-mobile-sheet-scroll{
        flex:1;
        overflow-y:auto;
        padding:12px 12px calc(var(--printis-bottom-h) + 18px);
        -webkit-overflow-scrolling:touch;
        background:#f8fafc;
    }

    .printis-mobile-panel{display:block;}
    .printis-mobile-section-title{
        margin:16px 4px 8px;
        font-size:10px;
        font-weight:950;
        letter-spacing:.13em;
        text-transform:uppercase;
        color:#98a2b3;
    }
    .printis-mobile-section-title:first-child{margin-top:2px;}

    .printis-mobile-module-card{
        margin:0 0 10px;
        padding:10px;
        border:1px solid #e8edf4;
        border-radius:20px;
        background:#fff;
        box-shadow:0 10px 24px rgba(16,24,40,.045);
    }
    .printis-mobile-module-card.compact{padding:9px;margin-bottom:9px;}
    .printis-mobile-module-title{
        display:flex;
        align-items:center;
        gap:9px;
        margin:0 0 9px;
        color:#344054;
    }
    .printis-mobile-module-title span{
        display:grid;
        place-items:center;
        width:28px;
        height:28px;
        border-radius:10px;
        color:#2563eb;
        background:#eff6ff;
        flex:0 0 28px;
    }
    .printis-mobile-module-title svg{width:18px;height:18px;display:block;}
    .printis-mobile-module-title strong{
        font-size:13px;
        font-weight:950;
        color:#101828;
        line-height:1.2;
    }

    .printis-mobile-link-grid{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }
    .printis-mobile-link-grid.compact{gap:7px;}
    .printis-mobile-link,
    .printis-mobile-quick{
        min-height:48px;
        display:flex;
        align-items:center;
        gap:9px;
        padding:9px;
        border:1px solid #eef2f6;
        border-radius:15px;
        background:#fbfcfe;
        color:#475467;
        text-decoration:none;
        font-size:12px;
        font-weight:850;
        line-height:1.2;
    }
    .printis-mobile-link:hover,
    .printis-mobile-quick:hover{background:#f1f5f9;color:#101828;}
    .printis-mobile-link.active,
    .printis-mobile-quick.active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;}
    .printis-mobile-link span,
    .printis-mobile-quick span{
        display:grid;
        place-items:center;
        width:24px;
        height:24px;
        flex:0 0 24px;
        color:currentColor;
    }
    .printis-mobile-link svg,
    .printis-mobile-quick svg{width:17px;height:17px;display:block;}
    .printis-mobile-link em,
    .printis-mobile-quick strong{
        min-width:0;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:normal;
        font-style:normal;
        font-weight:850;
    }
    .printis-mobile-link-wide{grid-column:1/-1;}
    .printis-mobile-quick{
        min-height:52px;
        margin:0 0 10px;
        background:#fff;
        border-color:#e8edf4;
        box-shadow:0 10px 24px rgba(16,24,40,.045);
    }
    .printis-mobile-quick strong{flex:1;font-size:13px;font-weight:950;color:inherit;}
    .printis-mobile-quick em{font-style:normal;font-size:20px;font-weight:800;color:#98a2b3;}
    .printis-mobile-empty{
        padding:18px;
        border:1px dashed #d0d5dd;
        border-radius:18px;
        color:#667085;
        background:#fff;
        font-size:13px;
        font-weight:800;
        text-align:center;
    }

    .printis-bottom-item{
        border:0;
        appearance:none;
        cursor:pointer;
    }
    .printis-bottom-item.active{
        background:#eff6ff!important;
        color:#1d4ed8!important;
    }

    /* Saat bottom sheet terbuka, bottom nav tetap terlihat sebagai pengganti tab bawah. */
    .printis-bottom-nav{z-index:950;}
}

@media(max-width:420px){
    .printis-mobile-sheet{max-height:82vh;border-radius:24px 24px 0 0;}
    .printis-mobile-sheet-scroll{padding-left:9px;padding-right:9px;}
    .printis-mobile-link-grid{gap:7px;}
    .printis-mobile-link{min-height:46px;padding:8px;border-radius:14px;font-size:11px;}
    .printis-mobile-module-card{border-radius:18px;padding:9px;}
}