/* Navigasi SIJALU: modul kontekstual, ramah desktop dan HP */
.sidebar nav{display:block!important;padding:0 10px 20px!important;min-height:0}
.ws-main-nav{display:grid;gap:4px;margin-bottom:18px}
.ws-main-link{font-size:13px!important;font-weight:650!important;min-height:37px}
.ws-nav-symbol{display:inline-flex;align-items:center;justify-content:center;width:22px;flex:0 0 22px;font-size:21px;color:#9bd9e9}
.ws-sidebar-label{font-size:10px;letter-spacing:.1em;font-weight:800;color:#a4c1d6;margin:12px 10px 10px}
.ws-current{background:linear-gradient(125deg,#204e74,#193c66);display:flex;gap:11px;align-items:center;padding:13px 10px;color:#fff;border:1px solid #375a76;border-radius:12px;font-size:13px;font-weight:800;margin-bottom:8px}
.ws-module-icon{font-size:24px;line-height:1;width:28px;text-align:center;color:#7ce4d6}
.ws-sidebar-page{position:relative;padding-right:26px;min-height:36px}
.ws-sidebar-page .nav-item{padding:9px 6px 9px 10px;min-height:35px;font-size:12px;line-height:1.3}
.ws-sidebar-page .nav-item.active{background:#244a74;color:#fff}
.ws-sidebar-page .nav-dot{width:6px;height:6px;flex:0 0 6px}
.ws-fav-btn{position:absolute;right:0;top:1px;padding:7px 4px;min-width:29px;min-height:31px;cursor:pointer;border:0;background:transparent;color:#9eb7d5;font-size:17px;border-radius:8px}
.ws-fav-btn:hover,.ws-fav-btn:focus-visible{color:#ffd67c;outline:2px solid #76ddde}
.ws-empty-nav{padding:10px;color:#bbd1e5;font-size:12px;line-height:1.5}
.ws-switch-label{margin-top:18px}.ws-quick-modules{display:grid;gap:2px}
.ws-quick{color:#c7d9e8;font-size:12px;display:flex;gap:9px;padding:8px 12px;align-items:center;border-radius:8px}
.ws-quick:hover{color:#fff;background:#204773;text-decoration:none}
.ws-quick span{font-size:20px;width:21px;text-align:center}
.ws-all-modules{color:#8de6de;display:block;margin:12px 10px;font-size:12px;font-weight:800}
.ws-search-launch{display:flex;gap:9px;align-items:center;background:#f2f6fc;color:#3a5e7c;border:1px solid #dae4f0;border-radius:9px;cursor:pointer;padding:7px 10px;font-size:12px}
.ws-search-launch kbd{font:10px system-ui;background:#e7eef8;border-radius:5px;padding:3px 6px}
.ws-hero{border-radius:17px;padding:24px 26px;background:linear-gradient(135deg,#103b68,#23688c);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:22px}
.ws-hero h2{font-size:24px;color:#fff;margin:0 0 7px}.ws-hero p{margin:0;color:#d9edff;max-width:620px}
.ws-hero .btn{background:#fff;color:#134b73;border:0;white-space:nowrap}
.ws-hero button span{font-size:10px;opacity:.7;margin-left:6px}
.ws-module-section{margin:0 0 26px}.ws-module-section h3{font-size:16px;color:#193956;margin:0 0 11px}
.ws-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:13px}
.ws-card{min-height:145px;background:#fff;border:1px solid #e1eaf4;border-radius:13px;padding:17px;display:flex;flex-direction:column;gap:7px;color:#1e3651;box-shadow:0 5px 18px #123b5410;transition:transform .18s,box-shadow .18s,border-color .18s}
.ws-card:hover{transform:translateY(-3px);box-shadow:0 9px 24px #123b5422;border-color:#70a9d4;text-decoration:none}
.ws-card-icon{font-size:30px;color:#0b7699}.ws-card strong{font-size:14px}.ws-card small{font-size:11px;color:#687e98}.ws-card-arrow{margin-top:auto;font-size:12px;color:#127b94;font-weight:800}
.ws-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:10px}
.ws-link-card{border:1px solid #deeaf4;background:white;padding:14px 16px;border-radius:11px;display:flex;justify-content:space-between;gap:15px;color:#1d4769;font-weight:700}
.ws-link-card:hover{background:#ecf9fe;text-decoration:none}.ws-link-card>span:last-child{color:#0f8c9a}
.ws-search-overlay[hidden]{display:none!important}.ws-search-overlay{position:fixed;inset:0;z-index:300;background:#082136a8;display:flex;align-items:flex-start;justify-content:center;padding:12vh 18px 18px;backdrop-filter:blur(4px)}
.ws-search-dialog{background:#fff;width:min(650px,100%);border-radius:17px;box-shadow:0 20px 70px #03142760;padding:18px;max-height:70vh;display:flex;flex-direction:column;gap:10px}
.ws-search-inputline{display:flex;align-items:center;gap:12px;border:2px solid #c8e4ef;border-radius:12px;padding:4px 11px}.ws-search-inputline>span{font-size:26px;color:#178eab}.ws-search-inputline input{flex:1;min-width:0;border:0!important;outline:0!important;padding:12px 3px;font-size:15px}.ws-search-inputline button{border:0;background:transparent;cursor:pointer;font-size:20px;color:#627d98;padding:6px}
.ws-search-results{min-height:80px;overflow:auto}.ws-search-item{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-radius:10px;color:#163a5a}.ws-search-item:hover,.ws-search-item:focus-visible{background:#eef7fb;text-decoration:none}.ws-search-item strong{font-size:13px}.ws-search-item small{color:#8292a4;font-size:11px}.ws-search-dialog>small{font-size:11px;color:#788ba0}
@media(max-width:1050px){.ws-search-launch kbd,.si-topbar-date{display:none!important}}
@media(max-width:850px){.sidebar{width:min(310px,88vw)!important;max-width:88vw}.ws-hero{padding:20px;flex-direction:column;align-items:flex-start}.ws-hero h2{font-size:20px}.ws-search-launch span{display:none}.ws-search-launch{font-size:16px}.ws-sidebar-page .nav-item{min-height:42px;font-size:13px}.ws-card{min-height:130px}}
@media(prefers-reduced-motion:reduce){.ws-card{transition:none}.ws-card:hover{transform:none}}