/* Icon actions preserve native button behavior and accessible names. */
button.icon-action,a.icon-action{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:11px;border-radius:50%;vertical-align:middle;flex:none;line-height:1}.action-glyph{width:21px;height:21px;flex:none;pointer-events:none}.icon-action .action-glyph path{pointer-events:none}#login .login-form button.icon-action{width:52px;min-width:52px;height:52px;margin:20px auto 14px;padding:13px}.icon-action::before{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);background:#11091eef;border:1px solid #8e66ab;color:#f7eeff;padding:7px 10px;border-radius:8px;font:11px/1.5 Montserrat,Arial,sans-serif;white-space:normal;min-width:max-content;max-width:240px;pointer-events:none;opacity:0;z-index:50;box-shadow:0 4px 15px #0004}.icon-action:hover::before,.icon-action:focus-visible::before{opacity:1}.dialog-close.icon-action{width:36px;height:36px;min-width:36px;min-height:36px;padding:8px}.page-head .icon-action::before,.topbar .icon-action::before{bottom:auto;top:calc(100% + 8px)}.actions{gap:8px}.guide-open.icon-action{color:#fff}

#login .portal-options[hidden]{display:none}
#login .portal-options{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Tooltips render in the browser top layer, outside clipped panels/tables. */
.icon-action::before{display:none!important}
#action-tooltip{position:fixed;inset:auto;margin:0;z-index:2147483647;width:max-content;max-width:min(280px,calc(100vw - 16px));padding:9px 12px;border:1px solid #39433e;border-radius:9px;background:#202624;color:white;font:12px/1.5 Arial,sans-serif;box-shadow:0 5px 20px #0003;white-space:normal;overflow-wrap:anywhere;pointer-events:auto}
#action-tooltip::backdrop{background:transparent;pointer-events:none}

button.icon-action.action-labeled,a.icon-action.action-labeled,#shell .icon-action.action-labeled,#modal .icon-action.action-labeled{width:auto;min-width:44px;height:auto;min-height:36px;gap:8px;padding:9px 13px;border-radius:4px;line-height:1.35;max-width:100%;white-space:normal}
.action-caption{margin:0!important;font-size:11px;line-height:1.35;text-align:left;pointer-events:none}
#login .login-form button.icon-action.action-labeled{width:100%;min-height:46px;display:flex;border-radius:26px;padding:12px 18px}
#login .action-caption{font-size:12px}
@media(max-width:760px){#shell .icon-action.action-labeled,#modal .icon-action.action-labeled{min-height:44px}.page-head>.actions{justify-content:flex-end}.action-caption{font-size:10px}}