/* Navigasi dan kontrol sentuh untuk Android, tablet, serta layar sempit. */
.brand>span:last-child,.staff-card>div{min-width:0;overflow-wrap:anywhere}
.brand-mark,.brand img,.avatar{flex-shrink:0}
main,.section-heading>div,.welcome-banner>div{min-width:0}
.notice,.cart-item>div,.menu-card h3,.menu-card p,.page-heading p,.payment-summary{min-width:0;overflow-wrap:anywhere}
.eyebrow{overflow-wrap:anywhere}
.option-choice>span{flex:1;min-width:0;overflow-wrap:anywhere}
@media screen and (max-width:1024px){
 .has-sidebar{display:block;padding-top:20px}
 .sidebar{position:static;min-height:0;padding:18px;margin-bottom:24px}
 .sidebar>.eyebrow{display:none}
 .sidebar .staff-card{display:flex;align-items:center;margin:0 0 14px}
 .workspace-menu>summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;min-height:48px;padding:12px 14px;border:1px solid var(--border);border-radius:14px}
 .workspace-menu>summary::-webkit-details-marker{display:none}
 .workspace-menu>summary strong{font-size:.85rem;flex-shrink:0}
 .workspace-menu>summary small{color:var(--muted);font-size:.7rem;margin-left:auto;overflow-wrap:anywhere;text-align:right}
 .workspace-menu .nav-caret{color:var(--accent);transition:transform .2s}
 .workspace-menu[open] .nav-caret{transform:rotate(180deg)}
 .sidebar .workspace-menu nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;margin-top:14px}
 .sidebar .workspace-menu nav a{white-space:normal;overflow-wrap:anywhere;min-width:0;min-height:48px;padding:12px 14px;align-items:center;font-size:.85rem}
 .sidebar .workspace-menu nav a span{display:none}
 .sidebar .sidebar-bottom{display:block;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}
 .sidebar-bottom .btn{width:100%;min-height:46px;border-color:var(--border)}
 .topbar{flex-wrap:wrap;align-items:center;gap:20px}
 .top-links{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
 .top-links>a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px;border:1px solid var(--border);border-radius:25px;text-align:center;font-size:.8rem}
 .top-links .staff-link,.top-links .account-link{display:flex;margin:0;background:var(--accent);color:var(--accent-ink);font-weight:700}
 .top-links .cart-link{padding:10px;gap:7px}
 .top-links .cart-link span{margin-left:0;flex-shrink:0}
 .top-links a[aria-current=page]{border-color:var(--accent)}
 .form-control,.form-select{min-width:0;max-width:100%;font-size:16px;min-height:48px}
 input[type=date]{width:100%;min-width:0}
 .btn,.btn-sm,.chip{min-height:44px}
 .option-choice{min-height:44px;flex-wrap:wrap}
 .check{min-height:44px;padding:6px 0}
 input[type=checkbox]{width:20px;height:20px;flex-shrink:0}
 .table-responsive{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .appearance select,.appearance .btn{min-height:44px;font-size:.75rem}
 .appearance label{width:100%}
 .toast-note{max-width:calc(100vw - 32px);width:max-content;text-align:center}
}
@media screen and (max-width:600px){
 .login-wrap{display:block;min-height:0;padding:24px 0}
 .login-art{display:none}
 .login-panel{margin-top:0}
 .topbar{padding:20px 5%;gap:18px}
 .top-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .top-links>a,.top-links .cart-link{font-size:.82rem;min-height:46px;padding:9px 12px}
 .sidebar .staff-card{font-size:.83rem}
 .filter-form{display:grid;grid-template-columns:minmax(0,1fr)}
 .filter-form .field{min-width:0;width:100%}
 .filter-form .btn{width:100%}
 .editor .btn-primary,.login-panel form>.btn{width:100%}
 .hero-art{max-width:100%}
 .page-heading h1{overflow-wrap:anywhere}
 .lookup .form-control{font-size:16px}
 .payment-summary{flex-wrap:wrap}
 .status-timeline{gap:14px}
 .site-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}
}
@media screen and (max-width:359px){
 .sidebar .workspace-menu nav{grid-template-columns:minmax(0,1fr)}
 .hero h1{font-size:3.1rem}
 .hero-art{width:270px}
 .pad,.login-panel{padding:20px}
 .stat{padding:16px}
 .stat>strong{font-size:1.35rem}
 .appearance select{max-width:140px}
}
@media print{.table-scroll-hint{display:none!important}}