/* Compatibility aliases for the shared kaBoxx design system. These were
           previously referenced throughout this file without being defined,
           which made branded buttons resolve to transparent backgrounds. */
        body.kaboxx-auth-ui {
            --yui-brand: var(--kbx-brand, #172554);
            --yui-brand-strong: var(--kbx-brand-strong, #101b3d);
            --yui-ink: var(--kbx-ink, #172033);
            --yui-muted: var(--kbx-muted, #667085);
            --yui-canvas: var(--kbx-canvas, #f5f7fb);
            --yui-surface: var(--kbx-surface, #ffffff);
            --yui-surface-soft: var(--kbx-surface-soft, #f8fafc);
            --yui-line: var(--kbx-line, #e3e8ef);
            --yui-line-strong: var(--kbx-line-strong, #cbd5e1);
            --yui-info-soft: var(--kbx-info-soft, #eef4ff);
            --yui-radius-sm: var(--kbx-radius-sm, 9px);
            --yui-radius: var(--kbx-radius, 14px);
            --yui-radius-lg: var(--kbx-radius-lg, 20px);
            --yui-shadow-sm: var(--kbx-shadow-sm, 0 1px 5px rgba(16, 24, 40, .06));
            --yui-shadow: var(--kbx-shadow, 0 12px 34px rgba(20, 33, 61, .07));
            --yui-text-xs: var(--kbx-text-xs, 12px);
            --yui-text-sm: var(--kbx-text-sm, 13px);
            --yui-text-control: var(--kbx-text-control, 14px);
            --yui-text-body: var(--kbx-text-body, 15px);
        }

        .registration-progress-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #415a77; font-size: var(--yui-text-xs); }
        .registration-progress-top strong { color: var(--primary-color, var(--yui-brand)); }
        .registration-progress-bar { height: 6px; margin: 10px 0 12px; overflow: hidden; border-radius: 999px; background: #dfeaf4; }
        .registration-progress-bar span { display: block; width: 0; height: 100%; border-radius: inherit; background: var(--primary-color, var(--yui-brand)); transition: width .22s ease; }
        .registration-progress-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 0; margin: 0; list-style: none; }
        .registration-progress-steps.is-final { grid-template-columns: minmax(0, 1fr); }
        .registration-progress-steps li { display: flex; align-items: center; gap: 7px; min-width: 0; padding: 6px 8px; border: 1px solid transparent; border-radius: 8px; color: #778da5; font-size: var(--yui-text-xs); line-height: 1.2; }
        .registration-progress-steps li[hidden] { display: none !important; }
        .registration-progress-steps li > span { display: grid; place-items: center; flex: 0 0 20px; width: 20px; height: 20px; border: 1px solid #b7c6d6; border-radius: 50%; font-size:var(--yui-text-sm); font-weight: 700; }
        .registration-progress-steps li.is-current, .registration-progress-steps li.is-complete { color: var(--yui-brand); }
        .registration-progress-steps li.is-current { border-color: #b9d8f2; background: #edf7ff; }
        .registration-progress-steps li.is-next small::before { content: 'Next: '; color: #627d98; font-weight: 500; }
        .registration-progress-steps li.is-current > span { border-color: var(--yui-brand); background: var(--yui-brand); color: var(--yui-surface); }
        .registration-progress-steps li.is-complete > span { border-color: #0f7a38; background: #e8f7ec; color: #0f7a38; }
        .register-section-card > h6[tabindex="-1"]:focus { outline: none; box-shadow: none; }
        .wizard-step { display: none; animation: wizardStepIn .22s ease both; }
        .wizard-step.is-active { display: block; }
        .wizard-review-summary { display: grid; gap: 10px; }
        .wizard-review-group { padding: 12px; border: 1px solid #e2eaf2; border-radius: 8px; background: var(--yui-surface); }
        .wizard-review-group-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
        .wizard-review-group h6 { margin: 0; color: #2f4864; font-size: var(--yui-text-sm); }
        .wizard-edit-step { border: 0; background: transparent; color: var(--yui-brand); font-size: var(--yui-text-xs); font-weight: 700; }
        .wizard-review-row { display: flex; justify-content: space-between; gap: 18px; padding: 3px 0; color: #637b93; font-size: var(--yui-text-xs); }
        .wizard-review-row strong { max-width: 62%; color: #2f4864; font-weight: 600; text-align: right; overflow-wrap: anywhere; }
        .wizard-navigation { display: flex; }
        .wizard-navigation button { min-width: 104px; }
        .wizard-submit-loading { font-size: var(--yui-text-sm); }
.register-submit-zone #wizard-submit:not([hidden]) { display: flex; }
.register-submit-zone #wizard-submit[hidden] { display: none !important; }
.register-submit-zone :is(#wizard-previous,#wizard-next)[hidden] { display: none !important; }
        #registration-wizard.is-submitting #wizard-submit { pointer-events: none; opacity: .78; }
        .password-policy-list { display: grid; gap: 4px; padding: 8px 0 0; margin: 0; list-style: none; color: #7d5260; font-size: var(--yui-text-xs); line-height: 1.35; }
        .password-policy-list li { display: flex; align-items: center; gap: 5px; }
        .password-policy-list li.is-met { color: #15733a; }
        .password-policy-list li i { width: 14px; font-size: var(--yui-text-control); }
        @keyframes wizardStepIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

        .portfolio-native-select { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
        .portfolio-multiselect { position: relative; }
        .portfolio-multiselect-toggle { width: 100%; min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid var(--ot-primary-border, #dbe3ee); border-radius: 10px; background: var(--yui-surface); color: var(--ot-primary-text, #233348); font-size: var(--yui-text-sm); text-align: left; }
        .portfolio-multiselect-toggle i { color: #58708a; transition: transform .18s ease; }
        .portfolio-multiselect.is-open .portfolio-multiselect-toggle { border-color: var(--primary-color, var(--yui-brand)); box-shadow: 0 0 0 3px rgba(8,84,153,.12); }
        .portfolio-multiselect.is-open .portfolio-multiselect-toggle i { transform: rotate(180deg); }
        .portfolio-multiselect.is-invalid .portfolio-multiselect-toggle { border-color: #dc3545; }
        .portfolio-multiselect-panel { display: none; position: absolute; z-index: 30; top: calc(100% + 6px); left: 0; right: 0; max-height: 270px; overflow: auto; padding: 8px; border: 1px solid #dbe3ee; border-radius: 10px; background: var(--yui-surface); box-shadow: 0 14px 30px rgba(33, 55, 80, .16); }
        .portfolio-multiselect.is-open .portfolio-multiselect-panel { display: block; }
        .portfolio-choice { display: flex; align-items: center; gap: 9px; min-height: 44px; padding: 7px 8px; border-radius: 7px; color: #2f4864; cursor: pointer; font-size: var(--yui-text-sm); }
        .portfolio-choice:hover { background: #f1f7fc; }
        .portfolio-choice input { width: 16px; height: 16px; accent-color: var(--primary-color, var(--yui-brand)); flex: 0 0 auto; }
        .portfolio-choice-group { padding: 5px 0 8px; border-bottom: 1px solid #edf1f5; }
        .portfolio-choice-group:last-child { border-bottom: 0; }
        .portfolio-choice-group > span { display: block; padding: 4px 8px; color: #58708a; font-size:var(--yui-text-sm); font-weight: 700; text-transform: uppercase; }

        .domain-status-panel {
            border: 1px solid #d4dfed;
            border-radius: 10px;
            background: #f6faff;
            padding: 10px 12px;
            transition: all 0.2s ease;
        }

        .domain-status-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            margin-bottom: 6px;
            flex-wrap: wrap;
        }

        .domain-status-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 3px 8px;
            border-radius: 999px;
            font-size:var(--yui-text-sm);
            font-weight: 700;
            line-height: 1;
            background: #e9eef6;
            color: #415a77;
        }

        .domain-status-url {
            display: block;
            max-width: 100%;
            font-size:var(--yui-text-sm);
            font-weight: 600;
            color: #2f4864;
            overflow-wrap: anywhere;
            word-break: break-word;
            line-height: 1.35;
        }

        .domain-status-message {
            font-size: var(--yui-text-xs);
            font-weight: 600;
            color: #415a77;
            line-height: 1.4;
        }

        .slug-helper-text {
            line-height: 1.35;
        }

        .domain-status-panel[data-state="checking"] {
            background: #fff8eb;
            border-color: #ffd48a;
        }

        .domain-status-panel[data-state="checking"] .domain-status-badge {
            background: #ffe8ba;
            color: #915b00;
        }

        .domain-status-panel[data-state="available"] {
            background: #edf9f0;
            border-color: #93d6a3;
        }

        .domain-status-panel[data-state="available"] .domain-status-badge {
            background: #c9efcf;
            color: #0f6a2a;
        }

        .domain-status-panel[data-state="taken"],
        .domain-status-panel[data-state="invalid"] {
            background: #fff1f2;
            border-color: #f2a2aa;
        }

        .domain-status-panel[data-state="taken"] .domain-status-badge,
        .domain-status-panel[data-state="invalid"] .domain-status-badge {
            background: #ffd4d9;
            color: #8d1d2c;
        }

        .register-terms-accept {
            color: var(--ot-primary-paragraph, #64748b);
            font-size: var(--yui-text-sm);
            line-height: 1.4;
            cursor: pointer;
        }

        .register-terms-checkbox {
            flex: 0 0 auto;
            width: 16px;
            height: 16px;
            accent-color: var(--primary-color, var(--yui-brand));
        }

        .register-terms-checkbox.is-invalid {
            outline: 1px solid #dc3545;
            outline-offset: 2px;
        }

        .register-auth-actions {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 4px 8px;
            text-align: center;
            line-height: 1.35;
        }

        .register-auth-actions a,
        .user-auth-role-btn,
        .register-submit-zone button span {
            white-space: normal;
            overflow-wrap: anywhere;
            text-align: center;
        }

        .user-auth-role-switch {
            gap: 8px;
        }

        .user-auth-role-item {
            flex: 1 1 150px;
        }

        .user-auth-role-btn {
            width: 100%;
            min-height: 44px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            line-height: 1.25;
        }

        @media (max-width: 575.98px) {

            .registration-progress-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
            .registration-progress-steps li { padding: 5px 6px; font-size:var(--yui-text-sm); }

            .domain-status-panel {
                padding: 8px 10px;
            }

            .domain-status-top {
                align-items: flex-start;
                gap: 6px;
            }

            .domain-status-badge {
                font-size:var(--yui-text-sm);
            }

            .domain-status-message {
                font-size:var(--yui-text-sm);
            }

            .register-submit-zone button {
                min-height: 46px;
                padding-inline: 12px;
            }
        }

        /* Shared authentication shell. Loaded after page styles to replace legacy width caps. */

        body.kaboxx-auth-ui{background:var(--yui-canvas);color:var(--yui-ink)}

        body.kaboxx-auth-ui .auth-page{min-height:100svh;height:auto!important;background:var(--yui-canvas)!important;padding:24px}

        body.kaboxx-auth-ui .auth-page .auth-wrapper{max-width:1440px;margin:0 auto;height:auto;min-height:calc(100svh - 48px);overflow:visible!important;border:1px solid var(--yui-line);border-radius:var(--yui-radius-lg);background:white;box-shadow:var(--yui-shadow)}

        body.kaboxx-auth-ui .auth-page .login-wrapper{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:stretch;min-height:calc(100svh - 50px);height:auto!important}

        body.kaboxx-auth-ui .auth-page .auth-container{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex:none;width:100%;max-width:none;min-width:0;height:auto!important;min-height:0;padding:40px clamp(24px,3.5vw,56px)!important;margin:0;border-radius:24px 0 0 24px;box-shadow:none}

        body.kaboxx-auth-ui .auth-page .form-wrapper,body.kaboxx-auth-ui .auth-page .form-container{display:flex;flex-direction:column;align-items:stretch!important;justify-content:flex-start!important;width:100%!important;max-width:900px!important;min-width:0;height:auto!important;min-height:0;margin:0 auto;padding:0!important}

        body.kaboxx-auth-ui .auth-page .auth-modern-content{width:100%;min-width:0;max-width:900px;margin:auto}

        body.kaboxx-auth-ui[data-auth-kind=login] .form-container{max-width:640px!important}

        body.kaboxx-auth-ui[data-auth-kind=login] .auth-modern-content{max-width:640px}

        body.kaboxx-auth-ui .auth-brand{display:inline-flex;align-items:center;align-self:flex-start;margin-bottom:36px;min-height:44px}

        body.kaboxx-auth-ui .auth-brand img{display:block;width:150px;max-height:54px;object-fit:contain}

        body.kaboxx-auth-ui .auth-page .auth-flow-screen{width:100%;max-width:none;margin:0}

        body.kaboxx-auth-ui .auth-flow-kicker{font-size:var(--yui-text-xs);color:var(--yui-brand);letter-spacing:.09em;margin-bottom:10px}

        body.kaboxx-auth-ui .auth-page .auth-modern-content h3{color:var(--yui-ink);font-size:26px;font-weight:700;line-height:1.2;margin-bottom:12px}

        body.kaboxx-auth-ui .auth-page .auth-modern-content h5{font-size:18px;color:var(--yui-ink)}

        body.kaboxx-auth-ui .auth-page .auth-modern-content p{line-height:1.6;overflow-wrap:anywhere}

        body.kaboxx-auth-ui .auth-page .auth-right-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;max-width:none;min-width:0;flex:none;height:auto;min-height:0;padding:48px 32px;border-radius:0 24px 24px 0;background:var(--yui-surface-soft)!important;color:var(--yui-ink);position:relative;border-inline-start: 1px solid var(--yui-line)}

        body.kaboxx-auth-ui .auth-right-content::before,body.kaboxx-auth-ui .auth-right-content::after{display:none}

        body.kaboxx-auth-ui .auth-right-copy{position:relative;z-index:2;width:100%}

        body.kaboxx-auth-ui .auth-page .auth-right-content.auth-feature-panel{overflow:hidden;background:#08233d!important;color:#fff;border-inline-start-color:rgba(255,255,255,.18)}

        body.kaboxx-auth-ui .auth-feature-backgrounds,body.kaboxx-auth-ui .auth-feature-slide,body.kaboxx-auth-ui .auth-feature-overlay{position:absolute;inset:0}

        body.kaboxx-auth-ui .auth-feature-backgrounds{z-index:0;background:#08233d}

        body.kaboxx-auth-ui .auth-feature-slide{background-image:var(--auth-feature-image);background-position:center;background-repeat:no-repeat;background-size:cover;opacity:0;transform:scale(1.025);transition:opacity .7s ease,transform 5.5s ease}

        body.kaboxx-auth-ui .auth-feature-slide.is-active{opacity:1;transform:scale(1)}

        body.kaboxx-auth-ui .auth-feature-overlay{z-index:1;display:block;background:linear-gradient(155deg,rgba(4,20,37,.72) 0%,rgba(7,34,58,.64) 52%,rgba(10,49,78,.58) 100%)}

        body.kaboxx-auth-ui .auth-feature-panel .auth-brand-note{color:rgba(255,255,255,.82)}

        body.kaboxx-auth-ui .auth-right-content.auth-feature-panel .title{color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.28)}

        body.kaboxx-auth-ui .auth-right-content.auth-feature-panel .para{color:rgba(255,255,255,.9)!important}

        body.kaboxx-auth-ui .auth-feature-panel .auth-benefits{border-top-color:rgba(255,255,255,.3)}

        body.kaboxx-auth-ui .auth-feature-panel .auth-benefits li{color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.22)}

        body.kaboxx-auth-ui .auth-feature-panel .auth-benefits i{color:#fff}

        body.kaboxx-auth-ui .auth-feature-slider-dots{position:absolute;z-index:3;inset-inline:32px;bottom:30px;display:flex;align-items:center;justify-content:flex-start;gap:10px}

        body.kaboxx-auth-ui .auth-feature-slider-dot{width:12px;height:12px;padding:0;border:2px solid rgba(255,255,255,.92);border-radius:50%;background:rgba(255,255,255,.24);box-shadow:0 2px 8px rgba(0,0,0,.22);cursor:pointer;transition:background-color .2s ease,transform .2s ease}

        body.kaboxx-auth-ui .auth-feature-slider-dot.is-active{background:#fff;transform:scale(1.16)}

        body.kaboxx-auth-ui .auth-feature-slider-dot:focus-visible{outline-color:#fff}

        body.kaboxx-auth-ui .auth-brand-note{font-size:var(--yui-text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--yui-muted);margin-bottom:20px}

        body.kaboxx-auth-ui .auth-right-content .title{font-size:24px;font-weight:600;line-height:1.2;margin:0 0 12px;color:var(--yui-ink)!important}

        body.kaboxx-auth-ui .auth-right-content .para{font-size:var(--yui-text-control);line-height:1.75;margin:0 0 28px;color:var(--yui-muted)!important}

        body.kaboxx-auth-ui .auth-benefits{display:grid;gap:18px;padding:24px 0 0;margin:0;border-top:1px solid var(--yui-line);list-style:none;width:100%}

        body.kaboxx-auth-ui .auth-benefits li{display:flex;align-items:flex-start;gap:12px;font-size:var(--yui-text-body);color:var(--yui-ink);line-height:1.5}

        body.kaboxx-auth-ui .auth-benefits i{font-size:22px;color:var(--yui-brand);margin-top:1px}

        body.kaboxx-auth-ui .auth-social{width:100%;margin:0 0 24px}

        body.kaboxx-auth-ui .auth-social a{display:flex;justify-content:center;align-items:center;gap:10px;min-height:50px;border:1px solid #d3dfe9!important;border-radius:var(--yui-radius);background:var(--yui-surface);color:var(--yui-ink);font-weight:600}

        body.kaboxx-auth-ui .auth-social-divider{display:flex;align-items:center;gap:14px;margin:20px 0 0;color:var(--yui-muted);font-size:var(--yui-text-sm)}

        body.kaboxx-auth-ui .auth-social-divider::before,body.kaboxx-auth-ui .auth-social-divider::after{content:'';height:1px;flex:1;background:var(--yui-line)}

        body.kaboxx-auth-ui .auth-form,body.kaboxx-auth-ui .auth-form>.row{width:100%!important;margin-inline:0}

        body.kaboxx-auth-ui .auth-form>.row>[class*=col-]{padding-inline:0}

        body.kaboxx-auth-ui .auth-page .auth-modern-content .input-field-group{width:100%;min-width:0;line-height:1.5}

        body.kaboxx-auth-ui .auth-page .auth-modern-content label{font-size:var(--yui-text-sm);line-height:1.5;color:var(--yui-ink);font-weight:700;margin-bottom:7px}

        body.kaboxx-auth-ui .auth-page .auth-modern-content .custom-input-field{height:auto;min-height:50px;position:relative;width:100%}

        body.kaboxx-auth-ui .auth-page .auth-modern-content :is(.login__input,.form-control,.form-select){min-height:50px;height:auto;width:100%;max-width:100%;font-size:var(--yui-text-control);line-height:1.5;padding:12px 14px;border:1px solid #cbd7e1;border-radius:var(--yui-radius);color:var(--yui-ink);background:var(--yui-surface)}

        body.kaboxx-auth-ui .auth-page .auth-modern-content :is(.login__input,.form-control,.form-select):focus{border-color:var(--yui-brand);box-shadow:0 0 0 3px #227fab1c;outline:none}

        body.kaboxx-auth-ui .auth-page .auth-modern-content input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--yui-brand)}

        body.kaboxx-auth-ui .auth-page .auth-modern-content :is(.btn-primary-fill,.btn-primary-outline){min-height:50px;padding:12px 20px;border-radius:var(--yui-radius);font-size:var(--yui-text-control);font-weight:700;white-space:normal;line-height:1.5;text-align:center}

        body.kaboxx-auth-ui .auth-page .auth-modern-content .btn-primary-fill{background:var(--yui-brand,var(--kbx-brand,#172554));border:1px solid var(--yui-brand,var(--kbx-brand,#172554));color:var(--ot-btn-text,#fff);box-shadow:0 5px 14px #08549914}

        body.kaboxx-auth-ui .auth-page .auth-modern-content .btn-primary-fill:hover,body.kaboxx-auth-ui .auth-page .auth-modern-content .btn-primary-fill:focus-visible,body.kaboxx-auth-ui .auth-page .auth-modern-content .btn-primary-fill:active{background:var(--yui-brand-strong,var(--kbx-brand-strong,#101b3d));border-color:var(--yui-brand-strong,var(--kbx-brand-strong,#101b3d));color:var(--ot-btn-text,#fff)}

        body.kaboxx-auth-ui .auth-page .auth-modern-content .btn-primary-fill:disabled,body.kaboxx-auth-ui .auth-page .auth-modern-content .btn-primary-fill[aria-disabled=true]{background:color-mix(in srgb,var(--yui-brand,var(--kbx-brand,#172554)) 58%,white);border-color:color-mix(in srgb,var(--yui-brand,var(--kbx-brand,#172554)) 58%,white);color:var(--ot-btn-text,#fff);cursor:not-allowed;box-shadow:none;opacity:.72}

        body.kaboxx-auth-ui .auth-page .auth-modern-content :is(.text-12,.text-13){font-size:var(--yui-text-sm)!important;line-height:1.5}

        body.kaboxx-auth-ui .auth-page .auth-modern-content .text-danger{position:static;display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.5;margin-top:6px}

        body.kaboxx-auth-ui .auth-page .auth-modern-content .password-input,body.kaboxx-auth-ui .auth-password-field{position:relative}

        body.kaboxx-auth-ui .auth-page .auth-modern-content .auth-password-field input,body.kaboxx-auth-ui .auth-page .auth-modern-content .password-input input{padding-inline-end:56px}

        body.kaboxx-auth-ui .auth-password-toggle{position:absolute;inset-inline-end:4px;top:3px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:9px;background:transparent;color:var(--yui-muted);cursor:pointer}

        body.kaboxx-auth-ui .auth-password-toggle i{position:static!important;transform:none!important;font-size:22px!important;color:inherit!important;pointer-events:none}

        body.kaboxx-auth-ui .auth-password-toggle:hover{background:var(--yui-surface-soft)}

        body.kaboxx-auth-ui .auth-page .auth-role-grid{display:grid;grid-template-columns:1fr;gap:12px}

        body.kaboxx-auth-ui .auth-page .auth-role-card{min-height:90px;border-radius:var(--yui-radius);border-color:#d7e2eb;padding:18px;gap:14px;background:var(--yui-surface);display: grid;grid-template-columns: 40px minmax(0,1fr) 22px;align-items: center;border: 1px solid var(--yui-line);min-width: 0;text-align: start}

        body.kaboxx-auth-ui .auth-page .auth-role-card:has(input:checked){background:var(--yui-info-soft);border-color:var(--yui-brand);box-shadow:0 0 0 1px var(--yui-brand)}

        body.kaboxx-auth-ui .auth-page .auth-role-card .auth-role-description{font-size:var(--yui-text-sm);line-height:1.5}

        body.kaboxx-auth-ui .auth-page .registration-form-scroll{max-height:none!important;height:auto!important;overflow:visible!important;padding:0}

        body.kaboxx-auth-ui .auth-page .register-section-card{border-radius:var(--yui-radius);padding:24px;overflow:visible;margin-bottom:20px;border: 1px solid var(--yui-line);background: var(--yui-surface);box-shadow: var(--yui-shadow-sm)}

        body.kaboxx-auth-ui .auth-page .register-section-card h6{font-size:18px;line-height:1.4;margin-bottom:20px}

        body.kaboxx-auth-ui .auth-page .registration-progress-steps li small{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.4}

        body.kaboxx-auth-ui .auth-page .registration-wizard-progress{padding:16px;border-radius:var(--yui-radius);margin-bottom:24px}

        body.kaboxx-auth-ui .auth-page .register-submit-zone{position:static;padding-top:20px;background:var(--yui-surface)}

        body.kaboxx-auth-ui .auth-page .wizard-navigation{gap:12px;flex-wrap:wrap}

        body.kaboxx-auth-ui .auth-page .wizard-navigation button{min-height:48px}

        body.kaboxx-auth-ui .auth-page .auth-menu{position:static;max-width:none;width:100%;margin:36px 0 0;padding:0!important}

        body.kaboxx-auth-ui .auth-footer-links a{font-size:var(--yui-text-sm);line-height:1.6;min-height:44px;display:inline-flex;align-items:center}

        body.kaboxx-auth-ui .auth-recovery,body.kaboxx-auth-ui .registration-completion-page{width:100%;max-width:640px;margin:0 auto;padding:0}

        body.kaboxx-auth-ui .auth-recovery>.row{margin:0;padding:0!important;min-height:0!important}

        body.kaboxx-auth-ui .auth-recovery>.row>div{width:100%;max-width:none;padding:0}

        body.kaboxx-auth-ui .auth-recovery .ot-card{padding:0;border:none;box-shadow:none}

        body.kaboxx-auth-ui :is(a,button,input,select):focus-visible{outline:3px solid var(--yui-brand);outline-offset:3px}

        @media(max-width:991.98px){body.kaboxx-auth-ui .auth-page{padding:0}body.kaboxx-auth-ui .auth-page .auth-wrapper{border:none;border-radius:0;box-shadow:none;min-height:100svh}body.kaboxx-auth-ui .auth-page .login-wrapper{display:block;min-height:0}body.kaboxx-auth-ui .auth-page .auth-right-content{display:none!important}body.kaboxx-auth-ui .auth-page .auth-container{width:100%;max-width:none;border-radius:0;padding:32px!important}body.kaboxx-auth-ui .auth-page .form-container{max-width:900px}body.kaboxx-auth-ui .show-mobile-terms-conditions{background:var(--yui-canvas)!important}body.kaboxx-auth-ui .show-mobile-terms-conditions a{color:var(--yui-muted)!important}}

        @media(max-width:575.98px){body.kaboxx-auth-ui .auth-page .auth-container{padding:24px 16px!important}body.kaboxx-auth-ui .auth-brand{margin-bottom:28px}body.kaboxx-auth-ui .auth-brand img{width:132px}body.kaboxx-auth-ui .auth-page .registration-wizard-progress{padding:12px}body.kaboxx-auth-ui .auth-page .wizard-navigation>*{flex:1;min-width:0}body.kaboxx-auth-ui .auth-page .wizard-review-row{flex-direction:column;gap:2px;padding:7px 0}body.kaboxx-auth-ui .auth-page .wizard-review-row strong{max-width:100%;text-align:start}body.kaboxx-auth-ui .auth-page .auth-modern-content>.d-flex{flex-wrap:wrap;gap:12px}body.kaboxx-auth-ui .auth-page .registration-progress-top{flex-wrap:wrap}body.kaboxx-auth-ui .auth-page .auth-role-card{padding:16px}body.kaboxx-auth-ui .auth-page .auth-modern-content .row{--bs-gutter-x:20px}}

        @media(prefers-reduced-motion:reduce){body.kaboxx-auth-ui *,body.kaboxx-auth-ui *::before,body.kaboxx-auth-ui *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.kaboxx-auth-ui .auth-feature-slide{transform:none!important}}
/* Shared role-card and authentication interactions. */
body.kaboxx-auth-ui .auth-role-select{cursor:pointer;position:relative}
body.kaboxx-auth-ui .auth-role-select>input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
body.kaboxx-auth-ui .auth-role-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--yui-radius-sm);background:var(--yui-info-soft);color:var(--yui-brand);font-size:22px}
body.kaboxx-auth-ui .auth-role-copy{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
body.kaboxx-auth-ui .auth-role-copy strong{font-size:var(--yui-text-body);font-weight:700;color:var(--yui-ink)}
body.kaboxx-auth-ui .auth-role-description{font-size:var(--yui-text-sm);font-weight:400;color:var(--yui-muted);line-height:1.5}
body.kaboxx-auth-ui .auth-role-check{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--yui-line-strong);border-radius:50%;color:transparent;background:var(--yui-surface)}
body.kaboxx-auth-ui .auth-role-select:has(input:checked) .auth-role-check{background:var(--yui-brand);border-color:var(--yui-brand);color:white}
body.kaboxx-auth-ui .auth-role-select:focus-within{outline:3px solid var(--yui-brand);outline-offset:3px}
body.kaboxx-auth-ui .auth-flow-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--yui-brand);font-size:var(--yui-text-sm);font-weight:700}
body.kaboxx-auth-ui .auth-login-options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-top:12px}
body.kaboxx-auth-ui .auth-login-options .form-check{display:flex;align-items:center;gap:8px;min-height:44px;padding:0;margin:0}
body.kaboxx-auth-ui .auth-login-options .form-check-input{float:none;margin:0}
body.kaboxx-auth-ui .auth-login-options a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--yui-text-sm);font-weight:600;color:var(--yui-brand)}
body.kaboxx-auth-ui .user-login-register-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 8px;text-align:center;border-top:1px solid var(--yui-line);padding-top:16px;margin-top:24px}
body.kaboxx-auth-ui .user-login-register-actions a,body.kaboxx-auth-ui .register-auth-actions a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--yui-text-control);font-weight:700;color:var(--yui-brand)}
@media(min-width:768px){body.kaboxx-auth-ui .auth-page .auth-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){body.kaboxx-auth-ui .auth-page .auth-modern-content h3{font-size:24px}body.kaboxx-auth-ui .auth-page .auth-modern-content :is(.login__input,.form-control,.form-select){font-size:16px}body.kaboxx-auth-ui .auth-page .register-section-card{padding:16px;border:1px solid var(--yui-line);border-radius:var(--yui-radius);box-shadow:none}}

/* Compact working surface for the three primary authentication routes. */
body.kaboxx-auth-ui.auth-compact-route .auth-page{padding:20px}
body.kaboxx-auth-ui.auth-compact-route .auth-page .auth-wrapper{min-height:calc(100svh - 40px)}
body.kaboxx-auth-ui.auth-compact-route .auth-page .login-wrapper{min-height:calc(100svh - 42px)}
body.kaboxx-auth-ui.auth-compact-route .auth-page .auth-container{padding:30px clamp(24px,3vw,44px)!important}
body.kaboxx-auth-ui.auth-compact-route .auth-intro-header{display:flex;align-items:center;justify-content:center;gap:clamp(16px,2.2vw,28px);width:100%;margin:0 auto 20px}
body.kaboxx-auth-ui.auth-compact-route .auth-intro-header .auth-brand{flex:0 0 auto;align-self:auto;min-height:38px;margin:0}
body.kaboxx-auth-ui.auth-compact-route .auth-brand img{width:142px;max-height:48px}
body.kaboxx-auth-ui.auth-compact-route .auth-intro-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:520px;text-align:start}
body.kaboxx-auth-ui.auth-compact-route .auth-intro-title{margin:0;color:var(--yui-ink);font-size:25px;font-weight:700;line-height:1.2}
body.kaboxx-auth-ui.auth-compact-route .auth-intro-subtitle{margin:6px 0 0;color:var(--yui-muted);font-size:var(--yui-text-body);line-height:1.45;overflow-wrap:anywhere}
body.kaboxx-auth-ui.auth-compact-route .auth-intro-copy .registration-workspaces{margin-top:8px}
body.kaboxx-auth-ui.auth-compact-route .auth-modern-content{margin:0 auto}
body.kaboxx-auth-ui.auth-compact-route:not([data-auth-state=wizard]) .auth-flow-screen{padding:clamp(18px,2.4vw,28px);border:1px solid var(--yui-line);border-radius:16px;background:var(--yui-surface);box-shadow:var(--yui-shadow-sm)}
body.kaboxx-auth-ui.auth-compact-route .auth-flow-kicker{display:block;margin-bottom:6px}
body.kaboxx-auth-ui.auth-compact-route .registration-role-page .auth-flow-back{display:flex;width:max-content;margin-bottom:4px}
body.kaboxx-auth-ui.auth-compact-route .auth-page .auth-modern-content h3{margin-bottom:8px;font-size:25px}
body.kaboxx-auth-ui.auth-compact-route .auth-page .auth-modern-content p{line-height:1.45}
body.kaboxx-auth-ui.auth-compact-route .auth-flow-screen>p.mb-4{margin-bottom:16px!important}
body.kaboxx-auth-ui.auth-compact-route .auth-social{margin-bottom:16px}
body.kaboxx-auth-ui.auth-compact-route .auth-social a{min-height:44px;gap:8px;padding:9px 14px;border-radius:10px}
body.kaboxx-auth-ui.auth-compact-route .auth-google-icon{display:block;flex:0 0 18px;width:18px;height:18px}
body.kaboxx-auth-ui.auth-compact-route .auth-social-divider{gap:10px;margin-top:12px}
body.kaboxx-auth-ui.auth-compact-route .auth-form{gap:10px!important}
body.kaboxx-auth-ui.auth-compact-route .auth-form>.row{--bs-gutter-y:12px}
body.kaboxx-auth-ui.auth-compact-route .auth-page .auth-modern-content label{margin-bottom:5px}
body.kaboxx-auth-ui.auth-compact-route .input-field-group>.form-label{display:grid;width:100%;gap:5px;margin:0}
body.kaboxx-auth-ui.auth-compact-route .auth-page .auth-modern-content .custom-input-field{min-height:44px}
body.kaboxx-auth-ui.auth-compact-route .auth-page .auth-modern-content :is(.login__input,.form-control,.form-select){min-height:44px;padding:9px 12px;border-radius:10px}
body.kaboxx-auth-ui.auth-compact-route .auth-page .auth-modern-content :is(.btn-primary-fill,.btn-primary-outline){min-height:44px;padding:9px 16px;border-radius:10px}
body.kaboxx-auth-ui.auth-compact-route .auth-password-toggle{top:0}
body.kaboxx-auth-ui.auth-compact-route .phone-field .phone-field-control{min-height:44px;border-radius:10px}
body.kaboxx-auth-ui.auth-compact-route .phone-field .phone-country-trigger{min-height:42px;border-radius:9px 0 0 9px}
body.kaboxx-auth-ui.auth-compact-route .phone-field .phone-field-control>input[type=tel]{min-height:42px;padding-block:9px!important;border-radius:0 9px 9px 0}
body.kaboxx-auth-ui.auth-compact-route .auth-page .auth-modern-content .text-danger{margin-top:4px}
body.kaboxx-auth-ui.auth-compact-route .auth-login-options{margin-top:8px}
body.kaboxx-auth-ui.auth-compact-route .check-box.mt-3{margin-top:8px!important}
body.kaboxx-auth-ui.auth-compact-route .user-login-register-actions{margin-top:16px!important;padding-top:12px}
body.kaboxx-auth-ui.auth-compact-route .user-login-page>.text-center{margin-top:12px!important}
body.kaboxx-auth-ui.auth-compact-route .auth-page .auth-menu{margin-top:12px}

body.kaboxx-auth-ui.auth-compact-route .auth-role-fieldset{min-width:0;padding:0;margin:0;border:0}
body.kaboxx-auth-ui.auth-compact-route .auth-role-guidance{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:10px;color:var(--yui-muted);font-size:var(--yui-text-sm)}
body.kaboxx-auth-ui.auth-compact-route .auth-role-multiple{display:inline-flex;align-items:center;gap:6px;color:var(--yui-brand);font-weight:700}
body.kaboxx-auth-ui.auth-compact-route .auth-role-multiple i{font-size:18px}
body.kaboxx-auth-ui.auth-compact-route .auth-role-status{font-weight:600}
body.kaboxx-auth-ui.auth-compact-route .auth-page .auth-role-grid{gap:10px}
body.kaboxx-auth-ui.auth-compact-route .auth-page .auth-role-card{min-height:72px;grid-template-columns:34px minmax(0,1fr) 20px;gap:10px;padding:12px;border-radius:10px;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}
body.kaboxx-auth-ui.auth-compact-route .auth-page .auth-role-card:hover{border-color:#9ebbd3;transform:translateY(-1px)}
body.kaboxx-auth-ui.auth-compact-route .auth-role-icon{width:34px;height:34px;font-size:19px}
body.kaboxx-auth-ui.auth-compact-route .auth-role-copy{gap:2px}
body.kaboxx-auth-ui.auth-compact-route .auth-role-check{width:20px;height:20px;border-radius:6px}
body.kaboxx-auth-ui.auth-compact-route [data-role-continue]:disabled{cursor:not-allowed;box-shadow:none;opacity:.72}

body.kaboxx-auth-ui.auth-compact-route .registration-compact-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px 20px;margin-bottom:10px}
body.kaboxx-auth-ui.auth-compact-route .registration-compact-title{display:grid;gap:7px;min-width:0}
body.kaboxx-auth-ui.auth-compact-route .registration-workspaces{display:flex;align-items:center;flex-wrap:wrap;gap:5px}
body.kaboxx-auth-ui.auth-compact-route .registration-workspace-chip{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid #c9dced;border-radius:999px;background:var(--yui-info-soft);color:var(--yui-brand);font-size:var(--yui-text-xs);font-weight:700;line-height:1.2}
body.kaboxx-auth-ui.auth-compact-route .registration-header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px 14px}
body.kaboxx-auth-ui.auth-compact-route .registration-header-actions a{display:inline-flex;align-items:center;min-height:36px;font-weight:700}
body.kaboxx-auth-ui.auth-compact-route .registration-header-actions .auth-flow-back{min-height:36px}
body.kaboxx-auth-ui.auth-compact-route #registration-error-summary{margin-bottom:10px!important}
body.kaboxx-auth-ui.auth-compact-route .auth-page .registration-wizard-progress{padding:10px 12px;margin-bottom:0}
body.kaboxx-auth-ui.auth-compact-route .registration-progress-bar{height:5px;margin:6px 0 8px}
body.kaboxx-auth-ui.auth-compact-route .registration-progress-steps{gap:6px}
body.kaboxx-auth-ui.auth-compact-route .registration-progress-steps{grid-template-columns:repeat(var(--wizard-steps),minmax(0,1fr))}
body.kaboxx-auth-ui.auth-compact-route .registration-progress-steps li{min-width:0;padding:0}
body.kaboxx-auth-ui.auth-compact-route .registration-progress-steps li>button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-width:0;min-height:32px;padding:4px 6px;border:1px solid transparent;border-radius:8px;background:transparent;color:inherit;font:inherit;line-height:1.2;transition:border-color .18s ease,background-color .18s ease,color .18s ease}
body.kaboxx-auth-ui.auth-compact-route .registration-progress-steps li>button>span{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border:1px solid #b7c6d6;border-radius:50%;font-size:var(--yui-text-xs);font-weight:700}
body.kaboxx-auth-ui.auth-compact-route .registration-progress-steps li>button>small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.kaboxx-auth-ui.auth-compact-route .registration-progress-steps li.is-current>button{border-color:#b9d8f2;background:#edf7ff;color:var(--yui-brand)}
body.kaboxx-auth-ui.auth-compact-route .registration-progress-steps li.is-current>button>span{border-color:var(--yui-brand);background:var(--yui-brand);color:#fff}
body.kaboxx-auth-ui.auth-compact-route .registration-progress-steps li.is-complete>button{cursor:pointer;color:#116c35}
body.kaboxx-auth-ui.auth-compact-route .registration-progress-steps li.is-complete>button:hover{background:#eaf8ee}
body.kaboxx-auth-ui.auth-compact-route .registration-progress-steps li.is-complete>button:focus-visible{outline:3px solid rgba(8,84,153,.2);outline-offset:2px}
body.kaboxx-auth-ui.auth-compact-route .registration-progress-steps li.is-complete>button>span{border-color:#62b67a;background:#e8f7ec;color:#116c35}
body.kaboxx-auth-ui.auth-compact-route .registration-progress-steps li.is-future>button{opacity:.58}
body.kaboxx-auth-ui.auth-compact-route .registration-progress-steps li.is-next small::before{content:none}
body.kaboxx-auth-ui.auth-compact-route .auth-page .register-section-card{padding:16px;margin-bottom:0;border-radius:12px;box-shadow:0 5px 16px rgba(33,55,80,.06)}
body.kaboxx-auth-ui.auth-compact-route .auth-page .register-section-card h6{margin-bottom:4px;font-size:17px}
body.kaboxx-auth-ui.auth-compact-route .register-section-card>.text-muted{margin-bottom:12px!important}
body.kaboxx-auth-ui.auth-compact-route .register-section-card .row.g-3{--bs-gutter-x:14px;--bs-gutter-y:11px}
body.kaboxx-auth-ui.auth-compact-route .password-policy-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 10px;padding-top:6px}
body.kaboxx-auth-ui.auth-compact-route .auth-field-with-icon{position:relative}
body.kaboxx-auth-ui.auth-compact-route .auth-field-with-icon>i:first-child{position:absolute;z-index:2;inset-inline-start:13px;top:50%;transform:translateY(-50%);color:#66809a;font-size:18px;pointer-events:none}
body.kaboxx-auth-ui.auth-compact-route .auth-field-with-icon>.login__input{padding-inline-start:40px!important}
body.kaboxx-auth-ui.auth-compact-route .auth-field-with-icon:focus-within>i:first-child{color:var(--yui-brand)}
body.kaboxx-auth-ui.auth-compact-route .registration-optional-field{border:1px solid var(--yui-line);border-radius:10px;background:#f8fbfe}
body.kaboxx-auth-ui.auth-compact-route .registration-optional-field>summary{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 11px;color:#405a73;font-size:var(--yui-text-sm);font-weight:700;cursor:pointer;list-style:none}
body.kaboxx-auth-ui.auth-compact-route .registration-optional-field>summary::-webkit-details-marker{display:none}
body.kaboxx-auth-ui.auth-compact-route .registration-optional-field>summary:focus-visible{outline:3px solid rgba(8,84,153,.16);outline-offset:2px}
body.kaboxx-auth-ui.auth-compact-route .registration-optional-chevron{margin-inline-start:auto;transition:transform .18s ease}
body.kaboxx-auth-ui.auth-compact-route .registration-optional-field[open] .registration-optional-chevron{transform:rotate(180deg)}
body.kaboxx-auth-ui.auth-compact-route .registration-optional-body{padding:0 11px 11px}
body.kaboxx-auth-ui.auth-compact-route .google-verified-note{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #9bd8ad;border-radius:10px;background:#edf9f1;color:#116c35;font-size:var(--yui-text-sm);font-weight:650}
body.kaboxx-auth-ui.auth-compact-route #registration-wizard :is(input,select,textarea,button,[tabindex]){scroll-margin-block:90px}
body.kaboxx-auth-ui.auth-compact-route .domain-status-panel{padding:8px 10px}
body.kaboxx-auth-ui.auth-compact-route .auth-page .register-submit-zone{padding-top:10px}
body.kaboxx-auth-ui.auth-compact-route .auth-page .wizard-navigation{gap:8px}
body.kaboxx-auth-ui.auth-compact-route .auth-page .wizard-navigation button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px}
body.kaboxx-auth-ui.auth-compact-route #wizard-next{margin-inline-start:auto}
body.kaboxx-auth-ui.auth-compact-route #wizard-submit{margin-inline-start:auto;min-width:150px}
body.kaboxx-auth-ui.auth-compact-route .register-auth-actions{margin-top:8px!important}
body.kaboxx-auth-ui.auth-compact-route .wizard-review-summary{gap:8px}
body.kaboxx-auth-ui.auth-compact-route .wizard-review-group{padding:10px}

@media(min-width:768px){body.kaboxx-auth-ui.auth-compact-route .auth-page .auth-role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media(min-width:992px){
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .auth-page .auth-wrapper,body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .auth-page .login-wrapper{height:calc(100svh - 40px);min-height:560px}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .auth-page .auth-container{height:100%;overflow:hidden}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .auth-page .form-wrapper,body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .auth-page .form-container{flex:1;min-height:0}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .auth-page .auth-modern-content{display:flex;flex:1;flex-direction:column;min-height:0;margin:0 auto}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .registration-wizard-page{display:flex;flex:1;flex-direction:column;min-height:0}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] #registration-wizard{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;gap:10px!important;flex:1;min-height:0}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .registration-wizard-progress{grid-row:1}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .registration-form-scroll,body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .wizard-review-step{grid-row:2;min-height:0;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;padding-inline-end:6px}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .registration-form-scroll{max-height:none!important;height:auto!important}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .register-submit-zone{grid-row:3;padding-top:0}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .auth-menu{margin-top:8px}
}

@media(max-width:991.98px){
body.kaboxx-auth-ui.auth-compact-route .auth-page{padding:0}
body.kaboxx-auth-ui.auth-compact-route .auth-page .auth-container{padding:24px!important}
body.kaboxx-auth-ui.auth-compact-route .auth-brand{margin-bottom:18px}
body.kaboxx-auth-ui.auth-compact-route .registration-form-scroll,body.kaboxx-auth-ui.auth-compact-route .wizard-review-step{overflow:visible!important;padding:0}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] #registration-wizard{padding-bottom:calc(var(--wizard-action-height,82px) + 16px)}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .register-submit-zone{position:fixed;z-index:45;right:0;bottom:0;left:0;width:auto!important;padding:10px max(24px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));border-top:1px solid rgba(184,201,216,.75);background:rgba(255,255,255,.96);box-shadow:0 -10px 24px rgba(23,48,73,.09);backdrop-filter:blur(12px)}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .wizard-navigation{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:900px;margin:0 auto!important}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .wizard-navigation button{width:100%;min-width:0!important;margin-inline:0!important}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] #wizard-previous[hidden]+#wizard-next:not([hidden]),body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] #wizard-previous[hidden]~#wizard-submit:not([hidden]){grid-column:1/-1}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] #wizard-next[hidden]+#wizard-submit:not([hidden]){grid-column:2}
}

@media(max-width:767.98px){
body.kaboxx-auth-ui.auth-compact-route .registration-compact-header{align-items:stretch;flex-direction:column}
body.kaboxx-auth-ui.auth-compact-route .registration-header-actions{justify-content:flex-start}
body.kaboxx-auth-ui.auth-compact-route .password-policy-list{grid-template-columns:1fr}
body.kaboxx-auth-ui.auth-compact-route .registration-progress-steps li>button{padding-inline:3px}
body.kaboxx-auth-ui.auth-compact-route .registration-progress-steps li>button>small{display:none}
}

@media(max-width:575.98px){
body.kaboxx-auth-ui.auth-compact-route .auth-page .auth-container{padding:20px 16px!important}
body.kaboxx-auth-ui.auth-compact-route:not([data-auth-state=wizard]) .auth-flow-screen{padding:16px;border-radius:14px;box-shadow:none}
body.kaboxx-auth-ui.auth-compact-route .auth-intro-header{flex-direction:column;gap:10px;margin-bottom:18px;text-align:center}
body.kaboxx-auth-ui.auth-compact-route .auth-intro-header .auth-brand{margin:0}
body.kaboxx-auth-ui.auth-compact-route .auth-intro-copy{align-items:center;max-width:100%;text-align:center}
body.kaboxx-auth-ui.auth-compact-route .auth-intro-copy .registration-workspaces{justify-content:center}
body.kaboxx-auth-ui.auth-compact-route .auth-brand img{width:132px}
body.kaboxx-auth-ui.auth-compact-route .auth-role-guidance{align-items:flex-start;flex-direction:column;gap:4px}
body.kaboxx-auth-ui.auth-compact-route .auth-page .auth-role-card{min-height:68px;padding:11px}
body.kaboxx-auth-ui.auth-compact-route .auth-page .register-section-card{padding:14px}
body.kaboxx-auth-ui.auth-compact-route .registration-header-actions{gap:2px 12px}
body.kaboxx-auth-ui.auth-compact-route .registration-progress-top{gap:6px}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .register-submit-zone{padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}
body.kaboxx-auth-ui.auth-compact-route .wizard-navigation>*{min-width:0!important}
}

@media(max-width:359.98px){
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .register-submit-zone{padding-inline:max(10px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-right))}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .wizard-navigation{gap:6px}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .wizard-navigation button{padding-inline:8px}
}

/* Route-aware navigation and balanced authentication-pane alignment. */
body.kaboxx-auth-ui.auth-compact-route .auth-page .auth-container{padding-top:76px!important}
body.kaboxx-auth-ui.auth-compact-route .auth-global-back{position:absolute;z-index:20;inset-block-start:max(20px,env(safe-area-inset-top));inset-inline-start:clamp(20px,2.5vw,36px);display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:88px;min-height:44px;padding:8px 13px;border:1px solid #c9d9e7;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 6px 18px rgba(26,52,77,.1);color:var(--yui-brand);font-size:var(--yui-text-sm);font-weight:750;line-height:1;text-decoration:none;backdrop-filter:blur(10px)}
body.kaboxx-auth-ui.auth-compact-route .auth-global-back:hover{border-color:var(--yui-brand);background:var(--yui-info-soft);color:var(--yui-brand-strong)}
body.kaboxx-auth-ui.auth-compact-route .auth-global-back i{font-size:18px}
body.kaboxx-auth-ui.auth-compact-route .auth-brand{margin-inline-start:0}
body.kaboxx-auth-ui.auth-compact-route:not([data-auth-state=wizard]) .form-wrapper{flex:1 1 auto;justify-content:center!important;min-height:0}
body.kaboxx-auth-ui.auth-compact-route:not([data-auth-state=wizard]) .form-container{margin-block:auto!important}
body.kaboxx-auth-ui.auth-compact-route .auth-role-check{border-radius:5px}

@media(min-width:992px){
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .registration-form-scroll{display:flex;flex-direction:column;align-items:stretch}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .registration-form-scroll.is-content-centered{justify-content:center}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .wizard-review-step.is-content-centered{display:flex!important;flex-direction:column;justify-content:center}
}

@media(max-width:991.98px){
body.kaboxx-auth-ui.auth-compact-route .auth-page .auth-container{min-height:100svh;padding-top:max(76px,calc(env(safe-area-inset-top) + 66px))!important}
body.kaboxx-auth-ui.auth-compact-route .auth-global-back{inset-inline-start:16px;inset-block-start:max(14px,env(safe-area-inset-top))}
}

@media(max-width:575.98px){
body.kaboxx-auth-ui.auth-compact-route .auth-page .auth-container{padding-top:max(72px,calc(env(safe-area-inset-top) + 62px))!important}
body.kaboxx-auth-ui.auth-compact-route .auth-global-back{min-width:82px;border-radius:10px}
}

/* Registration sequence, permanent workspace confirmation, and natural scrolling. */
body.kaboxx-auth-ui.auth-compact-route .input-field-group > label:not(.register-terms-accept),
body.kaboxx-auth-ui.auth-compact-route .input-field-group > .form-label {
    display: inline-flex;
    max-width: 100%;
    align-items: baseline;
    gap: 3px;
}
body.kaboxx-auth-ui.auth-compact-route .auth-required-mark {
    display: inline !important;
    flex: 0 0 auto;
    margin: 0;
    color: #c62828;
    font-size: 1em;
    line-height: inherit;
    vertical-align: baseline;
}
body.kaboxx-auth-ui.auth-compact-route .workspace-slug-explanation {
    margin: 10px 0 8px;
    padding: 10px 12px;
    border-inline-start: 3px solid var(--yui-brand);
    border-radius: 0 9px 9px 0;
    background: var(--yui-info-soft);
    color: #405a73;
    font-size: var(--yui-text-xs);
    line-height: 1.55;
}
body.kaboxx-auth-ui.auth-compact-route .workspace-slug-confirmation { margin-top: 9px; }
body.kaboxx-auth-ui.auth-compact-route .workspace-slug-confirm {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 0;
    color: #2f4864;
    font-size: var(--yui-text-xs);
    font-weight: 650;
    line-height: 1.5;
    cursor: pointer;
}
body.kaboxx-auth-ui.auth-compact-route .workspace-slug-confirm input {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    margin-top: 2px;
    accent-color: var(--yui-brand);
}
body.kaboxx-auth-ui.auth-compact-route .workspace-slug-confirm:has(input:disabled) { cursor: not-allowed; opacity: .65; }
body.kaboxx-auth-ui.auth-compact-route .wizard-review-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 12px;
}
body.kaboxx-auth-ui.auth-compact-route .wizard-review-group {
    height: 100%;
    min-width: 0;
    padding: 14px;
    border-radius: 11px;
    background: #fbfdff;
}
body.kaboxx-auth-ui.auth-compact-route .wizard-review-group:last-child:nth-child(odd) { grid-column: 1 / -1; }
body.kaboxx-auth-ui.auth-compact-route .wizard-review-row { align-items: flex-start; padding: 5px 0; }

@media(min-width:992px){
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .auth-page .auth-container {
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: auto;
}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] #registration-wizard {
    grid-template-rows: auto auto auto;
    flex: 0 0 auto;
    min-height: auto;
    overflow: visible;
}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .registration-wizard-page { flex: 0 0 auto; min-height: auto; }
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .registration-form-scroll,
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .wizard-review-step {
    min-height: auto;
    overflow: visible !important;
    overscroll-behavior: auto;
    scrollbar-gutter: auto;
    padding-inline-end: 0;
}
body.kaboxx-auth-ui.auth-compact-route[data-auth-state=wizard] .wizard-review-step.is-content-centered {
    display: block !important;
}
body.kaboxx-auth-ui.auth-compact-route .portfolio-multiselect-panel { overscroll-behavior: auto; }
}

@media(max-width:767.98px){
body.kaboxx-auth-ui.auth-compact-route .wizard-review-summary { grid-template-columns: 1fr; }
body.kaboxx-auth-ui.auth-compact-route .wizard-review-group:last-child:nth-child(odd) { grid-column: auto; }
}

/* Registration phone verification and review alignment. */
body.kaboxx-auth-ui.auth-compact-route .registration-phone-verification {
    display: grid;
    gap: 10px;
    margin-top: 10px;
    padding: 12px;
    border: 1px solid #d7e3ee;
    border-radius: 10px;
    background: #f8fbfe;
}
body.kaboxx-auth-ui.auth-compact-route .registration-phone-verification-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px 12px;
}
body.kaboxx-auth-ui.auth-compact-route .registration-phone-send {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 42px;
    padding: 8px 12px;
}
body.kaboxx-auth-ui.auth-compact-route .registration-phone-status {
    flex: 1 1 210px;
    min-width: 0;
    color: #536d86;
    font-size: var(--yui-text-xs);
    font-weight: 650;
    line-height: 1.45;
}
body.kaboxx-auth-ui.auth-compact-route .registration-phone-status[data-state="verified"] { color: #116c35; }
body.kaboxx-auth-ui.auth-compact-route .registration-phone-status[data-state="error"] { color: #b42318; }
body.kaboxx-auth-ui.auth-compact-route .registration-phone-code {
    display: grid;
    gap: 5px;
    padding-top: 10px;
    border-top: 1px solid #d7e3ee;
}
body.kaboxx-auth-ui.auth-compact-route .registration-phone-code[hidden] { display: none !important; }
body.kaboxx-auth-ui.auth-compact-route .registration-phone-code > label {
    display: inline-flex;
    align-items: baseline;
    gap: 3px;
    color: #2f4864;
    font-size: var(--yui-text-sm);
    font-weight: 700;
}
body.kaboxx-auth-ui.auth-compact-route .registration-phone-code-row {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: stretch;
    gap: 8px;
}
body.kaboxx-auth-ui.auth-compact-route .registration-phone-code-row input {
    min-width: 0;
    letter-spacing: .18em;
}
body.kaboxx-auth-ui.auth-compact-route .registration-phone-code-row button { min-height: 44px; white-space: nowrap; }
body.kaboxx-auth-ui.auth-compact-route .workspace-slug-confirm strong {
    color: var(--yui-brand-strong);
    font-weight: 800;
    overflow-wrap: anywhere;
}
body.kaboxx-auth-ui.auth-compact-route .wizard-review-step {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
}
body.kaboxx-auth-ui.auth-compact-route .wizard-review-summary {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-items: stretch;
    gap: 12px;
    width: 100%;
    min-width: 0;
}
body.kaboxx-auth-ui.auth-compact-route .wizard-review-group {
    display: grid;
    align-content: start;
    height: auto;
    min-width: 0;
    padding: 14px;
}
body.kaboxx-auth-ui.auth-compact-route .wizard-review-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2px;
    min-width: 0;
    padding: 7px 0;
    border-top: 1px solid #e8eef4;
}
body.kaboxx-auth-ui.auth-compact-route .wizard-review-row:first-of-type { border-top: 0; }
body.kaboxx-auth-ui.auth-compact-route .wizard-review-row span {
    color: #71869a;
    font-size: var(--yui-text-xs);
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
}
body.kaboxx-auth-ui.auth-compact-route .wizard-review-row strong {
    max-width: 100%;
    min-width: 0;
    color: #2f4864;
    font-size: var(--yui-text-sm);
    font-weight: 650;
    line-height: 1.45;
    text-align: start;
    overflow-wrap: anywhere;
    word-break: break-word;
}

@media(max-width:767.98px){
body.kaboxx-auth-ui.auth-compact-route .wizard-review-summary { grid-template-columns: 1fr; }
body.kaboxx-auth-ui.auth-compact-route .wizard-review-group:last-child:nth-child(odd) { grid-column: auto; }
}

@media(max-width:479.98px){
body.kaboxx-auth-ui.auth-compact-route .registration-phone-verification-actions { align-items: stretch; flex-direction: column; }
body.kaboxx-auth-ui.auth-compact-route .registration-phone-send { width: 100%; }
body.kaboxx-auth-ui.auth-compact-route .registration-phone-code-row { grid-template-columns: 1fr; }
body.kaboxx-auth-ui.auth-compact-route .registration-phone-code-row button { width: 100%; }
}