.mobile-menu-bar{display:none}
@media(max-width:900px){
 body.mobile-menu-open{overflow:hidden!important}
 .mobile-menu-active .app-shell{display:block!important;min-height:0!important}
 .mobile-menu-active>.workspace,.mobile-menu-active .app-shell>.workspace{width:100%!important;margin:0!important;min-width:0}
 .mobile-menu-active .local-ribbon{display:none!important}
 .mobile-menu-bar{display:block;position:relative;width:100%;padding:12px 18px;background:var(--panel,#fffdf7);border-bottom:1px solid var(--border,#d9cdb7)}
 .mobile-menu-toggle{display:flex!important;align-items:center;justify-content:space-between;width:100%;border:0!important;background:transparent!important;padding:0!important;color:inherit!important;text-align:left;cursor:pointer;min-height:44px}
 .mobile-menu-brand{display:flex;align-items:center;gap:10px;font:25px Georgia,serif;color:inherit}
 .mobile-menu-brand img,.mobile-menu-brand .brandmark{width:40px!important;height:40px!important;object-fit:contain;background:transparent!important;border-radius:0!important;padding:0!important}
 .mobile-menu-brand small{display:none}.mobile-menu-hint{font:24px Arial,sans-serif;margin-left:16px}
 dialog.mobile-settings-drawer{position:fixed!important;inset:0 auto 0 0!important;margin:0!important;width:min(340px,88vw)!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-right:1px solid var(--border,#d9cdb7)!important;border-radius:0 16px 16px 0!important;padding:0 0 env(safe-area-inset-bottom)!important;overflow-y:auto!important;background:var(--panel,#fffdf7)!important;color:var(--ink,#302b25)!important;box-shadow:12px 0 40px #0003!important;overscroll-behavior:contain}
 .mobile-settings-drawer[open]{animation:mobile-drawer-in .18s ease-out}
 .mobile-settings-drawer::backdrop{background:#080c1466;backdrop-filter:blur(2px)}
 .mobile-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border,#d9cdb7)}
 .mobile-drawer-heading strong{font-size:15px}.mobile-drawer-close{width:40px;height:40px;padding:0!important;font-size:26px!important;background:transparent!important;color:inherit!important}
 .mobile-settings-drawer .workspace-top{position:static!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:16px!important;gap:14px!important;border-bottom:1px solid var(--border,#d9cdb7)!important;background:transparent!important}
 .mobile-settings-drawer .workspace-top:before{display:none!important}.mobile-settings-drawer .workspace-top>span,.mobile-settings-drawer .workspace-status,.mobile-settings-drawer .workspace-top .badge,.mobile-settings-drawer .header-home{display:none!important}
 .mobile-settings-drawer .workspace-top>div:not(.products){display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:wrap!important;margin:0!important}
 .mobile-settings-drawer .products,.mobile-settings-drawer .pm-product-switch{display:flex!important;position:static!important;order:2;width:100%!important;margin:0!important;gap:8px!important;padding:0!important;overflow:visible!important}
 .mobile-settings-drawer :is(.products,.pm-product-switch) a{display:flex!important;align-items:center;justify-content:center;flex:1;gap:5px;padding:10px 6px!important;min-width:0;font-size:11px!important;white-space:normal!important}
 .mobile-settings-drawer aside{position:static!important;display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:16px!important;border:0!important;background:transparent!important;overflow:visible!important}
 .mobile-settings-drawer aside>.brand{display:none!important}.mobile-settings-drawer aside>.eyebrow,.mobile-settings-drawer .sidebar-label{display:block!important;font-size:10px!important;margin:0 0 8px!important}
 .mobile-settings-drawer #nav,.mobile-settings-drawer .side-links{display:flex!important;flex-direction:column!important;gap:7px!important;overflow:visible!important;width:100%!important}
 .mobile-settings-drawer :is(#nav,.side-links) button{width:100%!important;min-height:44px;justify-content:flex-start!important;white-space:normal!important;text-align:left!important;padding:11px 12px!important;flex-shrink:0}
 .mobile-settings-drawer .aside-bottom,.mobile-settings-drawer .sidebar-bottom{display:flex!important;flex-direction:column!important;gap:12px!important;margin:8px 0 0!important;padding:16px 0 0!important;border-top:1px solid var(--border,#d9cdb7)}
 .mobile-settings-drawer .sidebar-profile,.mobile-settings-drawer .sidebar-user{display:flex!important}.mobile-settings-drawer .sidebar-bottom [data-action=logout]{display:none!important}
 @keyframes mobile-drawer-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
}
@media(prefers-reduced-motion:reduce){.mobile-settings-drawer[open]{animation:none}}
@media(max-width:900px){:root[data-theme=dark] .mobile-menu-bar,:root[data-theme=dark] dialog.mobile-settings-drawer{background:var(--panel,#172231)!important;color:var(--ink,#e6edf7)!important}}
@media(max-width:900px){body.mobile-menu-active{display:block!important}.mobile-settings-drawer :is(.side-link.selected,#nav button.active){background:rgba(174,140,65,.16)!important;color:inherit!important;border-color:rgba(174,140,65,.5)!important}.mobile-settings-drawer .workspace-top button{min-height:40px}}
