.user-menu-trigger.profile{display:flex!important;gap:8px;min-width:0}.user-menu-trigger .user-menu-label{display:block!important;max-width:145px;min-width:0;text-align:left}.user-menu-label strong,.user-menu-label small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-trigger>.icon{width:13px;height:13px}.user-menu-trigger .dk-avatar{display:inline-flex!important;flex-shrink:0}.user-menu-popover{position:fixed;z-index:95;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 36px #183e2926;padding:8px;overflow:auto;animation:user-menu-in .16s ease-out}.user-menu-identity{display:flex;gap:10px;align-items:center;padding:10px}.user-menu-identity>button{border:0;background:none;padding:0}.user-menu-identity>div{min-width:0}.user-menu-identity strong,.user-menu-identity small{display:block;overflow-wrap:anywhere}.user-menu-identity small{font-size:10px;color:var(--secondary);margin-top:4px}.user-menu-popover hr{margin:6px 0}.user-menu-popover>[role=menuitem]{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;width:100%;border:0;border-radius:9px;background:none;text-align:left;font-size:12px}.user-menu-popover>[role=menuitem]:hover{background:var(--accent-bg)}.user-menu-popover .icon{width:18px;height:18px}.user-menu-popover .user-menu-logout{color:var(--danger)}@keyframes user-menu-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.sidebar{height:100dvh;display:flex;flex-direction:column}.sidebar .navigation{flex:1;min-height:0;overflow-y:auto}.sidebar .sidebar-footer{flex-shrink:0;padding:12px 16px 14px}.business-plan-card{display:flex;gap:9px;align-items:center;padding:11px;background:var(--accent-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;min-width:0}.plan-card-icon{color:var(--primary);display:flex;flex-shrink:0}.plan-card-icon .icon{width:20px;height:20px}.plan-card-info{min-width:0}.plan-card-info>strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-card-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.plan-card-badges>span{font-size:9px;padding:3px 6px;border-radius:6px;background:var(--surface)}.plan-card-badges .plan-state{background:var(--surface-muted);color:var(--success-text)}.plan-card-badges .ending{background:var(--warning-bg);color:var(--warning-text)}.plan-card-badges .expired{background:var(--danger-bg);color:var(--danger-text)}.sidebar .sidebar-version{border-top:1px solid var(--border);padding-top:12px;gap:4px}.collapsed .business-plan-card{justify-content:center;padding:10px 0;border:0;background:none}.collapsed .plan-card-info{display:none}
@media(min-width:601px) and (max-width:1050px){.sidebar:not(.mobile-open) .plan-card-info{display:none}.sidebar:not(.mobile-open) .business-plan-card{padding:8px 0;justify-content:center;border:0;background:none}.user-menu-trigger .user-menu-label{max-width:80px}.user-menu-trigger .user-menu-label small{display:none}}
@media(max-width:767px){.user-menu-trigger.profile .user-menu-label{display:none!important}.user-menu-trigger.profile{gap:3px}.user-menu-trigger .dk-avatar{--avatar-size:30px!important}.tenant-topbar .business-switch strong,.tenant-topbar .business-switch small{max-width:120px}.tenant-topbar .business-context-identity{gap:4px}.tenant-topbar .topbar-right{gap:4px}}
@media(max-width:600px){.sidebar.mobile-open{z-index:60;padding-bottom:env(safe-area-inset-bottom)}.sidebar.mobile-open .plan-card-info{display:block}.sidebar.mobile-open .business-plan-card{justify-content:flex-start;padding:11px;background:var(--accent-bg);border:1px solid var(--border)}.sidebar.mobile-open .sidebar-version{display:flex}.sidebar .sidebar-footer{padding:10px 12px}.tenant-topbar .business-switch strong,.tenant-topbar .business-switch small{max-width:105px}}
@media(max-width:359px){.tenant-topbar .business-switch strong,.tenant-topbar .business-switch small{max-width:80px}.tenant-topbar .store-bubble{display:none}.tenant-topbar .topbar-left{gap:4px}}
@media(prefers-reduced-motion:reduce){.user-menu-popover{animation:none}}
.user-menu-trigger.profile>.icon{display:block!important;flex-shrink:0}.user-menu-trigger.profile>.dk-avatar{align-items:center;justify-content:center}
@media(max-width:600px){.sidebar.mobile-open .sidebar-footer{padding-bottom:12px!important}}
/* Keep the mode beside the business identity, leaving one row for actions. */
@media(max-width:767px){
 .tenant-topbar:has(.work-mode-active) .business-context-identity{min-height:44px;padding-right:105px;width:100%}
 .tenant-topbar .work-mode-active{position:absolute;top:12px;right:12px;max-width:100px;min-height:44px;display:flex;align-items:center;overflow-wrap:anywhere}
 .tenant-topbar:has(.work-mode-active) .topbar-right{gap:6px}
 .tenant-topbar .topbar-right>.btn{padding:8px;font-size:12px;min-height:44px}
 .tenant-topbar .topbar-right>.btn[data-action=search]{min-width:44px}
 .tenant-topbar .business-context-identity>.mobile-menu{min-width:44px;min-height:44px}
}
/* Include the home-indicator inset in both the bar and the content clearance. */
@media(max-width:600px){
 .mobile-nav{height:calc(68px + env(safe-area-inset-bottom,0px));padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}
 .workspace{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 .workspace:has(.pos-bulk){padding-bottom:0}
 main:has(.pos-bulk){padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 .mobile-nav button{min-width:0}
 .mobile-nav button span{max-width:100%;overflow-wrap:anywhere}
}
@media(pointer:coarse){
 .heading-actions .btn,.table-toolbar .btn,.modal-save-footer .btn,.location-choices button{min-height:44px}
}
@media(max-width:767px) and (pointer:coarse){
 input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}
}
@media(max-width:380px){
 .modal .modal-save-footer,.modal .product-form-footer{flex-wrap:wrap}
 .modal .modal-save-footer>.btn,.modal .product-form-footer>.btn{flex:1 1 100%;width:100%;white-space:normal;word-break:normal;overflow-wrap:normal;min-height:44px}
}