/* Menu utama horizontal untuk semua role. */
#appView>.sidebar{position:sticky;inset:auto;top:0;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0;width:100%;height:auto;min-height:0;padding:14px max(22px,env(safe-area-inset-right)) 0 max(22px,env(safe-area-inset-left));background:linear-gradient(110deg,#0b4388,#0d5daa);transform:none!important;box-shadow:0 4px 18px #0d31521c;border-bottom:1px solid #ffffff24;overflow:visible}
#appView>.sidebar .brand-side{grid-column:1;grid-row:1;display:flex;gap:10px;padding:0 0 12px;border:0;min-width:0}.sidebar .brand-side b{font-size:20px}.sidebar .brand-side small{font-size:10px;line-height:1.5}.sidebar .brand-side small br{display:none}.sidebar .brand-side small br:after{content:' '}
#appView>.sidebar #logoutBtn{grid-column:2;grid-row:1;align-self:start;margin:0 0 10px 18px;border:1px solid #ffffff5c;padding:10px 16px;min-height:44px;border-radius:11px;background:#ffffff12;font-size:13px;white-space:nowrap}
#appView>.sidebar #mainNav{grid-column:1/-1;grid-row:2;display:flex;flex-direction:row;align-items:center;gap:7px;width:100%;min-width:0;margin:0;padding:4px 0 11px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff75 transparent}
#appView>.sidebar #mainNav button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;padding:11px 15px;border:1px solid transparent;border-radius:10px;color:#e5f1ff;background:transparent;white-space:nowrap;font-size:13px;font-weight:600;touch-action:pan-x pan-y}
#appView>.sidebar #mainNav button span{margin:0}#appView>.sidebar #mainNav button.active{background:#fff;color:#0b4e92;border-color:#fff;box-shadow:0 3px 9px #00275220}#appView>.sidebar #mainNav button:hover:not(.active){background:#ffffff18}#appView>.sidebar button:focus-visible{outline:3px solid #a0dbff;outline-offset:-3px}
#appView>.sidebar #mainNav .hidden{display:none!important}#appView>.content{margin-left:0;width:100%;min-width:0}#appView .topbar{position:relative;top:auto;z-index:10;height:64px;padding-inline:max(22px,env(safe-area-inset-left));background:#fff}#appView #menuBtn{display:none!important}#appView .page{max-width:1440px}#appView .master-create{position:static}
@media(max-width:600px){#appView>.sidebar{padding:10px 12px 0;gap:0}.sidebar .brand-side b{font-size:18px}.sidebar .brand-side small{font-size:9px}#appView>.sidebar #logoutBtn{padding:8px 12px;margin-left:8px;font-size:12px}#appView>.sidebar #mainNav{gap:4px;padding-bottom:8px}#appView>.sidebar #mainNav button{padding:10px 12px;font-size:12px;min-height:44px}#appView .topbar{height:58px;padding-inline:12px;gap:8px}#appView .top-actions{min-width:0;margin-left:auto}#appView .user-chip b{max-width:140px}.sidebar .shield-logo.mini{width:28px;height:34px}.sidebar .brand-side{padding-bottom:8px!important}}
@media(orientation:landscape) and (max-height:520px){#appView>.sidebar{position:relative;top:auto}}