.mobile-topbar{position:sticky;top:0;z-index:1040;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;width:100%;max-width:680px;height:64px;margin:0 auto;padding:8px 14px;border-bottom:1px solid #e5ebe7;background:#fff;box-shadow:0 2px 10px rgba(32,53,42,.07)}
.mobile-topbar-brand{display:grid;place-items:center;justify-self:start;width:38px;height:38px;color:#20352a;text-decoration:none}.mobile-topbar-brand img{width:36px;height:36px;border-radius:10px;object-fit:cover}.mobile-topbar-brand:active{opacity:.75}.mobile-topbar-title{display:grid;justify-items:center;gap:1px;min-width:0}.mobile-topbar-title strong{max-width:180px;overflow:hidden;color:#20352a;font-size:15px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.mobile-topbar-title small{color:#7b8780;font-size:9px;font-weight:700;letter-spacing:.04em}.mobile-topbar-profile{display:grid;place-items:center;justify-self:end;width:38px;height:38px;border:1px solid #dce7df;border-radius:50%;background:#eff9f1;color:#176a43;text-decoration:none;font-size:18px}.mobile-topbar-profile:active{background:#dff2e4}
.mobile-request-shell>header{display:none}
@media(min-width:681px){.mobile-topbar{border-right:1px solid #dce7df;border-left:1px solid #dce7df}}
.mobile-topbar{position:fixed!important;top:0;right:auto!important;left:50%!important;inset-inline:unset;width:min(100%,680px)!important;max-width:680px!important;box-sizing:border-box;margin:0;transform:translateX(-50%);overflow:hidden;}
.mobile-topbar-brand,.mobile-topbar-title{min-width:0;}
.mobile-topbar-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mobile-bottom-nav{position:fixed!important;right:auto!important;bottom:0!important;left:50%!important;inset-inline:unset;width:min(100%,680px)!important;max-width:680px!important;box-sizing:border-box;margin:0;transform:translateX(-50%);overflow:hidden;}
.mobile-request-shell{width:min(100%,680px);padding-top:80px!important;}
.app-body{overflow-x:hidden;}
.mobile-request-shell{overflow-x:hidden;}
.app-body,html:has(> body.app-body){width:100%;max-width:100%;overflow-x:hidden!important;}
.mobile-actions{min-width:0;}
.mobile-actions input[type="search"]{min-width:0;flex:1 1 auto;}
.mobile-actions button{flex:0 0 auto;}
@media(max-width:680px){html{overflow-x:hidden!important}.app-body{width:100%;max-width:100%;overflow-x:hidden!important}.app-body .mobile-request-shell,.app-body .mobile-request-shell form,.app-body .mobile-request-shell section,.app-body .mobile-actions,.app-body #equipmentResults,.app-body #filePreview{min-width:0;max-width:100%;overflow-x:hidden}.app-body .mobile-request-shell strong,.app-body .mobile-request-shell span,.app-body .mobile-request-shell p,.app-body .mobile-request-shell label{overflow-wrap:anywhere}.app-body .mobile-bottom-nav a{min-width:0;overflow:hidden}}
@media(max-width:680px){html,body.app-body{-webkit-text-size-adjust:100%;text-size-adjust:100%;zoom:1;}}
@media(max-width:680px){.mobile-request-shell input,.mobile-request-shell select,.mobile-request-shell textarea{font-size:16px;}}
/* Refined mobile header: restrained contrast, clear hierarchy, and touch-friendly controls. */
.mobile-topbar{height:68px;padding:10px 16px;border-bottom-color:#dfe9e2;background:rgba(255,255,255,.97);box-shadow:0 6px 20px rgba(28,65,45,.08)}
.mobile-topbar-brand{width:40px;height:40px;border:1px solid #dce9df;border-radius:12px;background:linear-gradient(145deg,#f9fdf9,#edf7ef);box-shadow:0 2px 6px rgba(28,65,45,.08);transition:transform .18s ease,box-shadow .18s ease}
.mobile-topbar-brand img{width:32px;height:32px;border-radius:9px}
.mobile-topbar-brand:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(28,65,45,.13)}
.mobile-topbar-title{gap:2px}
.mobile-topbar-title strong{font:800 16px/1.15 Manrope,sans-serif;letter-spacing:-.025em}
.mobile-topbar-title small{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#849189}
.mobile-topbar-profile{width:40px;height:40px;border-color:#d7e6dc;background:linear-gradient(145deg,#f2fbf4,#e7f5ea);box-shadow:0 2px 6px rgba(28,65,45,.06);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.mobile-topbar-profile:hover{transform:translateY(-1px);background:#e1f2e5;box-shadow:0 5px 12px rgba(28,65,45,.13)}
.mobile-topbar-profile img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.mobile-request-shell select{appearance:none;-webkit-appearance:none;padding-right:42px!important;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23576b60' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:14px 14px;cursor:pointer}.mobile-request-shell select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23176a43' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.mobile-language-card{display:block!important}.mobile-language-heading{display:flex;align-items:center;gap:12px}.mobile-language-heading>i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eaf6ee;color:#176a43;font-size:19px}.mobile-language-heading h2{margin:0;font-size:16px}.mobile-language-heading p{margin:3px 0 0;color:#66766d;font-size:12px}.mobile-language-card form{margin-top:15px}.mobile-language-card label{display:block;margin:0 0 6px;font-weight:700;font-size:12px}.mobile-language-controls{display:flex;gap:8px}.mobile-language-controls select{flex:1;margin:0!important}.mobile-language-controls button{padding:0 15px;border:0;border-radius:10px;background:#176a43;color:#fff;font-weight:800}.mobile-language-controls button:disabled{opacity:.6}.mobile-language-card small{display:block;margin-top:7px;color:#176a43;font-size:11px}
.mobile-profile-avatar{position:relative;cursor:pointer;border:0;padding:0}.mobile-profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.mobile-avatar-edit-badge{position:absolute;right:-2px;bottom:-2px;display:grid!important;place-items:center;width:24px;height:24px;border:2px solid #fff;border-radius:50%;background:#176a43;color:#fff;font-size:12px}.mobile-avatar-edit-badge i{line-height:1}.mobile-avatar-hint,.mobile-avatar-hint+small{display:block;margin-top:8px;color:#718078;font-size:11px}.mobile-avatar-hint+small{color:#176a43}