[data-native-controls][hidden], [data-native-menu][hidden], [data-native-action][hidden] { display: none !important; }
.native-controls { display: grid; border-top: 1px solid #d5e2ec; padding-top: 8px; }
.native-controls button { width: 100%; min-height: 44px; padding: 10px 14px; border: 0; border-radius: 6px; background: transparent; color: #16334d; font: inherit; text-align: left; cursor: pointer; }
.native-controls button:hover, .native-controls button:focus-visible { background: #e8f4ff; }
.native-controls button:focus-visible, .native-tools-menu summary:focus-visible { outline: 2px solid #155da2; outline-offset: 2px; }
.native-tools-menu { position: relative; flex-shrink: 0; margin-left: auto; }
.native-tools-menu summary { min-height: 44px; padding: 10px; color: #155da2; font-weight: 700; cursor: pointer; list-style: none; }
.native-tools-menu > .native-controls { position: absolute; right: 0; top: 100%; z-index: 100; width: min(240px, calc(100vw - 32px)); padding: 8px; border: 1px solid #d5e2ec; border-radius: 12px; background: #fff; box-shadow: 0 8px 28px #16334d26; }
.login-header:has(.native-tools-menu:not([hidden])) { position: relative; z-index: 20; display: flex; align-items: center; gap: 12px; }