/* SofaMend v4.6.6 - corporate customer mobile drawer.
   Deliberately scoped to public mobile UI; no admin or HR changes. */
@media (max-width:700px) {
  body:not(.sm-admin-mode) .sm465-mobile-menu-panel.sm466-drawer[hidden],
  body:not(.sm-admin-mode) .sm465-mobile-menu-overlay[hidden] { display:none!important; }
  body:not(.sm-admin-mode) .sm465-mobile-menu-overlay:not([hidden]) {
    display:block!important;position:fixed!important;inset:0!important;
    background:rgba(4,20,36,.55)!important;
    -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
    z-index:2000!important;animation:sm466-fade .2s ease both;
  }
  body:not(.sm-admin-mode) .sm465-mobile-menu-panel.sm466-drawer:not([hidden]) {
    display:flex!important;flex-direction:column!important;gap:0!important;
    position:fixed!important;inset:0 auto 0 0!important;
    width:min(88vw,348px)!important;max-width:calc(100vw - 38px)!important;
    height:100dvh!important;max-height:100dvh!important;
    margin:0!important;padding:0!important;
    border-radius:0 22px 22px 0!important;
    background:#f8fafc!important;color:#102c43!important;
    box-shadow:12px 0 48px rgba(5,28,43,.3)!important;
    z-index:2001!important;
    overflow:hidden!important;overscroll-behavior:contain!important;
    animation:sm466-slide .23s cubic-bezier(.22,.8,.24,1) both;
    -webkit-font-smoothing:antialiased;
  }
  body:not(.sm-admin-mode) .sm466-drawer .sm466-icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
  body:not(.sm-admin-mode) .sm466-drawer svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
  body:not(.sm-admin-mode) .sm466-drawer-top {
    position:relative;flex:0 0 auto;overflow:hidden;
    background:linear-gradient(128deg,#092c43 0%,#0c3b53 70%,#155565 100%);
    padding:calc(23px + env(safe-area-inset-top)) 18px 21px;
    color:#fff;
  }
  body:not(.sm-admin-mode) .sm466-drawer-top:after{content:"";position:absolute;right:-45px;bottom:-85px;width:180px;height:180px;border-radius:50%;border:25px solid rgba(255,255,255,.05);pointer-events:none}
  body:not(.sm-admin-mode) .sm466-drawer-brand{display:flex;align-items:center;gap:12px;padding-right:40px}
  body:not(.sm-admin-mode) .sm466-brand-crest{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;color:#ff6b23;background:#fff8f1;border-radius:13px;box-shadow:0 6px 16px #051a2733}
  body:not(.sm-admin-mode) .sm466-brand-crest svg{width:25px;height:25px;stroke-width:2}
  body:not(.sm-admin-mode) .sm466-drawer-brand b{font-size:23px;line-height:1;letter-spacing:-1.2px;color:#fff;font-weight:850;display:block;white-space:nowrap}
  body:not(.sm-admin-mode) .sm466-drawer-brand b span{color:#ff7b35}
  body:not(.sm-admin-mode) .sm466-drawer-brand small{display:block;margin-top:7px;color:#b8d3de;font-size:8px;font-weight:850;letter-spacing:1.25px;white-space:nowrap}
  body:not(.sm-admin-mode) .sm466-close-btn{position:absolute;top:calc(24px + env(safe-area-inset-top));right:13px;display:grid;place-items:center;width:35px;height:35px;padding:0;min-height:35px;border-radius:11px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.13);color:white;cursor:pointer;z-index:2;box-shadow:none}
  body:not(.sm-admin-mode) .sm466-close-btn svg{width:17px;height:17px}
  body:not(.sm-admin-mode) .sm466-drawer-top p{position:relative;z-index:1;color:#d5e4eb;margin:17px 0 0;font-size:11px;line-height:1.5;letter-spacing:.005em}
  body:not(.sm-admin-mode) .sm466-drawer-scroll{min-height:0;flex:1 1 auto;overflow-y:auto!important;overflow-x:hidden!important;padding:15px 14px calc(30px + env(safe-area-inset-bottom));scrollbar-width:thin;scrollbar-color:#cbd8df transparent;-webkit-overflow-scrolling:touch;touch-action:pan-y!important;overscroll-behavior:contain}
  body:not(.sm-admin-mode) .sm466-account-card{display:flex;align-items:center;gap:11px;margin-bottom:23px;padding:14px 10px;background:#fff;border:1px solid #e7edf2;border-radius:16px;box-shadow:0 5px 15px #1034480d}
  body:not(.sm-admin-mode) .sm466-account-circle{flex:0 0 41px;width:41px;height:41px;background:#fff1e9;border-radius:12px;display:grid;place-items:center;color:#ef641c}
  body:not(.sm-admin-mode) .sm466-account-card>div{min-width:0;flex:1}
  body:not(.sm-admin-mode) .sm466-account-card strong{display:block;font-size:12px;font-weight:850;color:#102e46;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body:not(.sm-admin-mode) .sm466-account-card small{display:block;margin-top:4px;color:#758797;font-weight:550;font-size:10px;line-height:1.4}
  body:not(.sm-admin-mode) .sm466-account-go{display:grid!important;place-items:center;flex:0 0 27px;padding:0!important;width:27px;height:27px;border-radius:10px!important;color:#ed5d0d!important;background:#fff1e7!important}
  body:not(.sm-admin-mode) .sm466-account-go svg{width:16px;height:16px}
  body:not(.sm-admin-mode) .sm466-section-label{display:block;padding:0 10px;margin:6px 0 9px;color:#8292a0;font-size:9px;font-weight:900;letter-spacing:1.55px}
  body:not(.sm-admin-mode) .sm466-drawer .sm466-drawer-link{display:flex!important;align-items:center!important;gap:12px!important;min-height:57px!important;margin:0 0 4px!important;padding:8px 10px!important;border:1px solid transparent!important;border-radius:12px!important;color:#18374e!important;background:transparent!important;font-size:13px!important;font-weight:750!important;line-height:1.25!important;text-decoration:none!important;box-shadow:none!important;transition:background .15s ease,color .15s ease,border-color .15s ease}
  body:not(.sm-admin-mode) .sm466-drawer .sm466-drawer-link>span:nth-of-type(2){flex:1;min-width:0}
  body:not(.sm-admin-mode) .sm466-drawer .sm466-drawer-link small{display:block;margin-top:4px;font-size:10px;font-weight:500;color:#718395;line-height:1.25}
  body:not(.sm-admin-mode) .sm466-drawer .sm466-drawer-link>.sm466-icon{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;color:#234e67;background:#ecf2f6;border-radius:11px}
  body:not(.sm-admin-mode) .sm466-drawer .sm466-drawer-link .sm466-chevron{width:15px;height:15px;color:#9cabb6}
  body:not(.sm-admin-mode) .sm466-drawer .sm466-drawer-link.is-active{border-color:#ffdecc!important;background:#fff0e7!important;color:#c74f0b!important}
  body:not(.sm-admin-mode) .sm466-drawer .sm466-drawer-link.is-active>.sm466-icon{background:#ffe0cd;color:#ef5c0b}
  body:not(.sm-admin-mode) .sm466-drawer .sm466-drawer-link:active{background:#e6eef3!important}
  body:not(.sm-admin-mode) .sm466-drawer .sm466-drawer-link.sm466-service-link:not(.is-active)>.sm466-icon{background:#fff0e7;color:#e95b13}
  body:not(.sm-admin-mode) .sm466-menu-divider{height:1px;margin:14px 9px 17px;background:#e3eaf0}
  body:not(.sm-admin-mode) .sm466-help-card{display:flex;gap:12px;align-items:flex-start;margin-top:20px;padding:15px;background:linear-gradient(120deg,#fff5ed,#fff9f2);border:1px solid #f7e2d2;border-radius:15px}
  body:not(.sm-admin-mode) .sm466-help-icon{flex:0 0 35px;width:35px;height:35px;border-radius:11px;background:#fff;color:#ed5b0d;display:grid;place-items:center}
  body:not(.sm-admin-mode) .sm466-help-icon svg{width:19px;height:19px}
  body:not(.sm-admin-mode) .sm466-help-card strong{display:block;color:#17364b;font-size:13px;font-weight:850}
  body:not(.sm-admin-mode) .sm466-help-card span:not(.sm466-help-icon){display:block;color:#778897;font-size:10px;margin:3px 0}
  body:not(.sm-admin-mode) .sm466-help-card a{font-size:14px;font-weight:850;color:#d6550d;padding:0;margin:5px 0 0;background:none!important}
  body:not(.sm-admin-mode) .sm466-help-card a span{display:inline!important;color:inherit!important;margin:0!important;font-size:12px!important}
  body:not(.sm-admin-mode) .sm466-menu-footer{display:flex;align-items:center;gap:7px;margin:15px 4px 0;color:#8899a5;font-size:10px;line-height:1.45}
  body:not(.sm-admin-mode) .sm466-menu-footer svg{width:16px;height:16px;color:#538273}
  body.sm465-menu-open:not(.sm-admin-mode){overflow:hidden!important;overscroll-behavior:none!important;touch-action:auto!important}
  body.sm465-menu-open:not(.sm-admin-mode) .mobile-app-top .sm465-menu-btn{z-index:auto!important}
  body:not(.sm-admin-mode) .sm466-drawer button:focus-visible,body:not(.sm-admin-mode) .sm466-drawer a:focus-visible{outline:2px solid #ff833e!important;outline-offset:2px}
}
@media (min-width:701px){body:not(.sm-admin-mode) .sm466-drawer,body:not(.sm-admin-mode) .sm465-mobile-menu-overlay{display:none!important}}
@keyframes sm466-slide{from{opacity:.86;transform:translateX(-22px)}to{opacity:1;transform:translateX(0)}}
@keyframes sm466-fade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){body:not(.sm-admin-mode) .sm466-drawer,body:not(.sm-admin-mode) .sm465-mobile-menu-overlay{animation:none!important}body:not(.sm-admin-mode) .sm466-drawer .sm466-drawer-link{transition:none!important}}
