/* Shared flat controls. Load after styles.css and application.css. */
:root{--control-blue:#3775f6;--control-blue-hover:#5089ff;--control-line:#34415a;--control-ease:cubic-bezier(.22,1,.36,1)}
.button,.nexum-application .na-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:56px;padding:8px 8px 8px 22px;border:1px solid transparent;border-radius:100px;background:var(--control-blue);color:#fff;font-size:13px;font-weight:550;line-height:1.2;letter-spacing:0;box-shadow:none;transform:none;transition:background .25s,border-color .25s,color .25s,transform .25s var(--control-ease)}
.button::before,.button::after{display:none}
.button>span[aria-hidden],.nexum-application .na-primary:not(.na-submit-gated)>svg{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.14);color:inherit;font-size:19px;line-height:1;transition:transform .32s var(--control-ease),background .25s}
.nexum-application .na-primary:not(.na-submit-gated)>svg{width:15px;height:15px;padding:9px;box-sizing:content-box}
.button:hover,.nexum-application .na-primary:not(:disabled):hover{background:var(--control-blue-hover);border-color:transparent;box-shadow:none;transform:none}
.button:hover>span[aria-hidden]{transform:translateX(2px);background:rgba(255,255,255,.22)}
.nexum-application .na-primary:not(:disabled):hover>svg{transform:translateX(2px);background:rgba(255,255,255,.22)}
.button:active,.nexum-application .na-primary:not(:disabled):active{transform:scale(.98)}
.button-small{min-height:44px;padding:6px 6px 6px 18px;font-size:12px;gap:20px}
.button-small>span[aria-hidden]{width:28px;height:28px;font-size:17px}
.button-secondary{background:transparent;border-color:var(--control-line);color:#dce7fa}
.button-secondary>span[aria-hidden]{background:#152139}
.button-secondary:hover{background:#142035;border-color:#5c7294}
.text-link{min-height:44px;gap:14px;color:#c2d1e8;font-size:13px;font-weight:500;transition:color .25s}
.text-link>span[aria-hidden]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;border:1px solid var(--control-line);font-size:17px;line-height:1;transition:transform .32s var(--control-ease),border-color .25s,background .25s}
.text-link:hover{color:#fff}
.text-link:hover>span[aria-hidden]{transform:translateX(3px);background:#142035;border-color:#6982a7}
.button:focus-visible,.text-link:focus-visible,.nexum-application .na-primary:focus-visible,.nexum-application .na-back:focus-visible,.nexum-application .na-mode-tabs button:focus-visible{outline:2px solid #9ec1ff;outline-offset:4px}
.nexum-application .na-primary:disabled,.nexum-application .na-submit-gated{background:#152036;border-color:#34415a;color:#8192ae;box-shadow:none;transform:none;cursor:not-allowed;min-height:48px;padding:12px 18px;gap:8px}
.nexum-application .na-primary:disabled>svg{background:none;transform:none}
.nexum-application .na-mode-tabs{padding:4px;gap:4px;border-color:#27354d;border-radius:100px;background:#0c1424;box-shadow:none}
.nexum-application .na-mode-tabs button{min-height:44px;padding:11px 24px;background:transparent;border:1px solid transparent;border-radius:100px;color:#9eacc3;font-size:12px;box-shadow:none;transition:background .28s,color .28s,transform .25s var(--control-ease)}
.nexum-application .na-mode-tabs button[aria-selected="true"]{background:var(--control-blue);color:#fff;box-shadow:none}
.nexum-application .na-mode-tabs button:not([aria-selected="true"]):hover{background:#1a263c;color:#fff}
.nexum-application .na-mode-tabs button:active{transform:scale(.98)}
.nexum-application .na-back{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--control-line);border-radius:100px;background:transparent;color:#b9cae4;font-size:12px;transition:background .25s,color .25s,border-color .25s,transform .25s var(--control-ease)}
.nexum-application .na-back:hover{background:#142035;border-color:#5c7294;color:#fff}
.nexum-application .na-back:active{transform:scale(.98)}
@media(max-width:760px){.button{min-height:52px;padding:8px 8px 8px 20px;gap:22px}.button-small{min-height:44px;padding:6px 6px 6px 18px}.hero-actions .button{padding:8px 8px 8px 20px;gap:22px}.hero-actions .text-link{font-size:12px;gap:11px;max-width:none}.nexum-application .na-mode-tabs button{padding:11px 18px}}
@media(max-width:480px){.nexum-application .na-mode-tabs{gap:0}.nexum-application .na-mode-tabs button{padding:11px 7px;font-size:11px}.nexum-application .na-primary{min-height:50px;padding:8px 8px 8px 17px;gap:16px}.nexum-application .na-primary:disabled{padding:12px 14px;font-size:10px}.nexum-application .na-back{padding:10px 15px}}
@media(prefers-reduced-motion:reduce){.button,.button>span[aria-hidden],.text-link,.text-link>span[aria-hidden],.nexum-application .na-primary,.nexum-application .na-primary>svg,.nexum-application .na-back,.nexum-application .na-mode-tabs button{transition:none!important;transform:none!important}}
