#almohsin-mobile-nav{display:none}#almohsin-mobile-tools{width:min(480px,calc(100vw - 20px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #c6d3df;border-radius:12px;background:#fff;color:#20364b}#almohsin-mobile-tools::backdrop{background:#102637ad}#almohsin-mobile-tools header{display:flex;justify-content:space-between;align-items:center;padding:14px;gap:12px;background:#19364b;color:#fff}#almohsin-mobile-tools h2{font-weight:800;font-size:18px}#almohsin-mobile-tools [data-links]{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px;overflow:auto}#almohsin-mobile-tools button{padding:10px;min-height:44px;border:1px solid #c6d3df;border-radius:8px;background:#fff;color:#20364b;font-weight:700;text-align:left}
@media screen and (max-width:700px){html{background:#fff}body{height:100dvh!important;padding-bottom:calc(62px + env(safe-area-inset-bottom));min-height:0!important}#almohsin-app-header{padding-top:env(safe-area-inset-top);flex-shrink:0}#almohsin-app-header>div:first-child{flex-wrap:wrap;gap:8px;padding:8px 12px}#header-brand{min-width:0;max-width:100%;flex:1}#header-brand h1{font-size:14px}#header-controls{gap:6px!important;margin-left:auto}#header-global-search{order:3;flex-basis:100%;max-width:none;width:100%}#header-global-search input{font-size:16px;min-height:42px}#almohsin-app-header>div:nth-child(2){display:none!important}#almohsin-mobile-workspace{min-height:0;flex:1;overflow:hidden}#almohsin-product-workspace,#almohsin-bill-workspace{width:100%!important;min-height:0;max-width:100%;height:100%}body[data-almohsin-mobile-view="products"] #almohsin-bill-workspace,body[data-almohsin-mobile-view="bill"] #almohsin-product-workspace{display:none!important}#products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px;padding:8px;min-height:0}#products-grid button{min-height:36px}#footer-shortcuts{display:none}#almohsin-product-workspace .pos-brand-footer{font-size:10px}#cart-items-container{min-height:0;overflow:auto}#almohsin-bill-workspace input,#almohsin-bill-workspace select,dialog input,dialog select,[id$="-modal"] input,[id$="-modal"] select{font-size:16px!important}#almohsin-bill-workspace button{min-height:40px}#almohsin-mobile-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;position:fixed;bottom:0;left:0;right:0;z-index:40;background:white;border-top:1px solid #c6d3df;padding:6px 8px;padding-bottom:max(6px,env(safe-area-inset-bottom));height:calc(62px + env(safe-area-inset-bottom))}#almohsin-mobile-nav button{min-height:44px;border:0;border-radius:8px;background:#fff;color:#345369;font-size:13px;font-weight:700}#almohsin-mobile-nav button.active{background:#e3f0e8;color:#245b3f}body>div[id$="-modal"]{padding:8px!important;padding-top:max(8px,env(safe-area-inset-top))!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important}body>div[id$="-modal"]>div{max-width:100%!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important}#almohsin-mobile-tools[open]{display:flex;flex-direction:column;height:calc(100dvh - 24px);margin:auto}#almohsin-mobile-tools header{flex-shrink:0}#almohsin-mobile-tools [data-links]{min-height:0;overflow:auto;align-content:start;-webkit-overflow-scrolling:touch}#buying-list-page input{font-size:16px!important}#buying-list-page header{padding-top:max(9px,env(safe-area-inset-top))}#buying-list-page .buy-note{padding-bottom:max(7px,env(safe-area-inset-bottom))}}
@media print{#almohsin-mobile-nav,#almohsin-mobile-tools{display:none!important}}
/* Grouped mobile tools with a fixed, safe-area-aware title and account footer. */
@media screen and (max-width:700px){
 body #almohsin-mobile-tools[open]{box-sizing:border-box;position:fixed;top:max(10px,env(safe-area-inset-top,0px));bottom:max(10px,env(safe-area-inset-bottom,0px));left:0;right:0;width:calc(100vw - 20px);max-width:480px;height:auto;max-height:calc(100dvh - max(10px,env(safe-area-inset-top,0px)) - max(10px,env(safe-area-inset-bottom,0px)));margin:0 auto;padding:0;overflow:hidden;display:flex;flex-direction:column}
 body #almohsin-mobile-tools header{position:relative;top:auto;flex:0 0 auto;min-height:56px;box-sizing:border-box;padding:9px 12px!important;gap:8px;background:#19364b!important}
 #almohsin-mobile-tools header h2{font-size:17px;line-height:1.3;margin:0;color:white}
 #almohsin-mobile-tools header button{flex:0 0 auto;min-height:36px;padding:6px 10px;font-size:14px}
 body #almohsin-mobile-tools [data-links]{display:block;flex:1 1 0%;min-height:0;padding:10px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
 #almohsin-mobile-tools [data-links] section{margin:0 0 13px;padding:0}
 #almohsin-mobile-tools [data-links] h3{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin:0 0 6px;font-weight:800}
 #almohsin-mobile-tools .mobile-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:stretch}
 #almohsin-mobile-tools .mobile-tool-grid button{height:auto!important;min-height:44px!important;max-height:none!important;min-width:0;max-width:100%;padding:8px 9px!important;font-size:13px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere;box-sizing:border-box;background:#f8fafc;border-radius:6px}
 #almohsin-mobile-tools [data-account-footer]{flex:0 0 auto;padding:8px 10px;border-top:1px solid #dbe3ed;background:white}
 #almohsin-mobile-tools [data-account-footer][hidden]{display:none}
 #almohsin-mobile-tools .mobile-tool-logout{width:100%;min-height:42px;padding:8px 10px;color:#be123c;background:#fff1f2;border-color:#fecdd3;font-size:13px}
}