:root {
--canvas:#f4fdf4; --surface:#ffffff; --surface-2:#eaf0f8; --border:#d7e0ed; --border-strong:#899bb4;
--ink:#16243b; --muted:#53647c; --accent:#247447; --accent-hover:#195b35; --accent-ink:#ffffff; --accent-text:#247447; --accent-strong:#195b35; --accent-soft:#e7f4eb; --accent-border:#a5ceb3;
--success:#157344; --success-ink:#ffffff; --success-soft:#e3f4ea; --success-strong:#12613a;
--warning:#955000; --warning-ink:#ffffff; --warning-soft:#fff0db; --warning-strong:#804400;
--danger:#b42333; --danger-ink:#ffffff; --danger-soft:#fce8eb; --danger-strong:#9c1e2d;
--chart-1:#247447; --chart-2:#157344; --chart-3:#955000; --chart-4:#53647c; --chart-5:#195b35; --chart-6:#899bb4;
--font-display:"Poppins",sans-serif; --font-body:"Poppins",sans-serif; --font-sans:"Poppins",sans-serif; --font-mono:monospace;
--display-weight:700; --display-tracking:-0.03em; --eyebrow-tracking:0.08em; --radius-btn:0.75rem; --radius-card:1.25rem; --radius-input:0.75rem;
--x-bual-primary-color:#2e8b57;
--x-bual-bg-color:#f4fdf4;
--x-bual-text-color:#333;
--x-bual-border-color:#ccc;
--x-bual-error-color:#d32f2f;
--x-bual-success-color:#388e3c;
--x-bual-color-1:#fff;
--x-bual-color-2:rgba(46, 139, 87, 0.15);
--x-bual-color-3:#666;
--x-bual-color-4:rgba(46, 139, 87, 0.1);
--x-bual-color-5:#246b43;
--x-bual-color-6:rgba(46, 139, 87, 0.2);
--x-bual-color-7:#9cd5ab;
--x-bual-color-8:#f9f9f9;
--x-bual-color-9:#ddd;
--x-bual-color-10:#e8f5e9;
--x-bual-color-11:#e53935;
--x-bual-color-12:#ffebee;
--x-bual-color-13:rgba(0,0,0,0.05);
--x-bual-color-14:#2e8b57;
--x-bual-color-15:#d32f2f;
--x-bual-color-16:#f4fdf4;
--x-bual-color-17:#e4f4e8;
--x-bual-color-18:#f39c12;
--x-bual-color-19:#e67e22;
--x-bual-color-20:#27ae60;
--x-bual-color-21:#219150;
--x-bual-color-22:#7f8c8d;
--x-bual-color-23:#2ecc71;
--x-bual-color-24:#f1c40f;
--x-bual-color-25:#333;
--x-bual-color-26:#2980b9;
--x-bual-color-27:#c0392b;
--x-bual-color-28:#eee;
--x-bual-color-29:#f0f0f0;
--x-bual-color-30:#e0e0e0;
--x-bual-color-31:#fff3cd;
--x-bual-color-32:#856404;
--x-bual-color-33:#ffeeba;
--x-bual-color-34:#f8f9fa;
--x-bual-color-35:#999;
--x-bual-color-36:#1b5e20;
--x-bual-color-37:#b71c1c;
--x-bual-color-38:#f8d7da;
--x-bual-color-39:#721c24;
--x-bual-color-40:#f5c6cb;
--x-bual-color-41:rgba(0,0,0,0.1);
--x-bual-color-42:#111;
--x-bual-color-43:rgba(46,139,87,.15);
--x-bual-color-44:#1c5635;
--x-bual-surface:#fff;
--x-bual-link-default:#0000ee;
}
html[data-theme="dark"] {
--canvas:#0e1828; --surface:#17253a; --surface-2:#20314b; --border:#314561; --border-strong:#778da9;
--ink:#edf3fd; --muted:#b2c1d8; --accent:#9dbfff; --accent-hover:#bdd2ff; --accent-ink:#10203e; --accent-text:#9dbfff; --accent-strong:#c4d8ff; --accent-soft:#243e65; --accent-border:#5776a8;
--success:#69d6a0; --success-ink:#10281c; --success-soft:#183c2b; --success-strong:#8be4b5;
--warning:#f4bf73; --warning-ink:#302008; --warning-soft:#49351c; --warning-strong:#f4ce99;
--danger:#ff9eac; --danger-ink:#380f18; --danger-soft:#4b2632; --danger-strong:#ffb8c2;
--chart-1:#9dbfff; --chart-2:#69d6a0; --chart-3:#f4bf73; --chart-4:#b2c1d8; --chart-5:#c4d8ff; --chart-6:#778da9;
--font-display:"Poppins",sans-serif; --font-body:"Poppins",sans-serif; --font-sans:"Poppins",sans-serif; --font-mono:monospace;
--display-weight:700; --display-tracking:-0.03em; --eyebrow-tracking:0.08em; --radius-btn:0.75rem; --radius-card:1.25rem; --radius-input:0.75rem;
--x-bual-primary-color:#2e8b57;
--x-bual-bg-color:#f4fdf4;
--x-bual-text-color:#333;
--x-bual-border-color:#ccc;
--x-bual-error-color:#d32f2f;
--x-bual-success-color:#388e3c;
--x-bual-color-1:#fff;
--x-bual-color-2:rgba(46, 139, 87, 0.15);
--x-bual-color-3:#666;
--x-bual-color-4:rgba(46, 139, 87, 0.1);
--x-bual-color-5:#246b43;
--x-bual-color-6:rgba(46, 139, 87, 0.2);
--x-bual-color-7:#9cd5ab;
--x-bual-color-8:#f9f9f9;
--x-bual-color-9:#ddd;
--x-bual-color-10:#e8f5e9;
--x-bual-color-11:#e53935;
--x-bual-color-12:#ffebee;
--x-bual-color-13:rgba(0,0,0,0.05);
--x-bual-color-14:#2e8b57;
--x-bual-color-15:#d32f2f;
--x-bual-color-16:#f4fdf4;
--x-bual-color-17:#e4f4e8;
--x-bual-color-18:#f39c12;
--x-bual-color-19:#e67e22;
--x-bual-color-20:#27ae60;
--x-bual-color-21:#219150;
--x-bual-color-22:#7f8c8d;
--x-bual-color-23:#2ecc71;
--x-bual-color-24:#f1c40f;
--x-bual-color-25:#333;
--x-bual-color-26:#2980b9;
--x-bual-color-27:#c0392b;
--x-bual-color-28:#eee;
--x-bual-color-29:#f0f0f0;
--x-bual-color-30:#e0e0e0;
--x-bual-color-31:#fff3cd;
--x-bual-color-32:#856404;
--x-bual-color-33:#ffeeba;
--x-bual-color-34:#f8f9fa;
--x-bual-color-35:#999;
--x-bual-color-36:#1b5e20;
--x-bual-color-37:#b71c1c;
--x-bual-color-38:#f8d7da;
--x-bual-color-39:#721c24;
--x-bual-color-40:#f5c6cb;
--x-bual-color-41:rgba(0,0,0,0.1);
--x-bual-color-42:#111;
--x-bual-color-43:rgba(46,139,87,.15);
--x-bual-color-44:#1c5635;
--x-bual-surface:#fff;
--x-bual-link-default:#0000ee;
}

/* Restore the browser defaults used by staging before its page-specific rules. */
body.bual-stage {font-size:16px;line-height:normal;}
body.bual-stage h2 {display:block;font-size:1.5em;margin-block-start:.83em;margin-block-end:.83em;font-weight:bold;}
body.bual-stage h3 {display:block;font-size:1.17em;margin-block-start:1em;margin-block-end:1em;font-weight:bold;}
body.bual-stage p {display:block;margin-block-start:1em;margin-block-end:1em;}
body.bual-stage ul {display:block;list-style-type:disc;margin-block-start:1em;margin-block-end:1em;padding-inline-start:40px;}
body.bual-stage b,body.bual-stage strong {font-weight:bolder;}
body.bual-stage a {color:var(--x-bual-link-default);text-decoration:underline;}
body.bual-stage input[type=checkbox] {appearance:auto;padding:0;margin:4px 3px 3px 4px;}
/* Staging UI copied from the rendered page styles; scoped to tool pages. */
body.bual-stage-links{
            font-family: 'Poppins', sans-serif;
            background-color: var(--x-bual-bg-color);
            color: var(--x-bual-text-color);
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
body.bual-stage-links .bu-container{
            background: var(--x-bual-color-1);
            padding: 40px 30px;
            border-radius: 20px;
            box-shadow: 0 8px 24px var(--x-bual-color-2);
            width: 100%;
            max-width: 450px; 
            border: 2px solid var(--x-bual-primary-color);
            box-sizing: border-box;
            text-align: center;
        }
body.bual-stage-links .bu-profile-icon{
            font-size: 50px;
            margin-bottom: 10px;
            line-height: 1;
        }
body.bual-stage-links h2{
            margin-top: 0;
            margin-bottom: 5px;
            color: var(--x-bual-primary-color);
            font-weight: 600;
        }
body.bual-stage-links .bu-subtitle{
            font-size: 14px;
            color: var(--x-bual-color-3);
            margin-bottom: 30px;
        }
body.bual-stage-links .bu-link-container{
            display: flex;
            flex-direction: column;
            gap: 15px; 
        }
body.bual-stage-links .bu-link-btn{
            display: block;
            width: 100%;
            background-color: var(--x-bual-primary-color);
            color: var(--x-bual-color-1);
            text-decoration: none;
            padding: 16px;
            border-radius: 12px;
            font-size: 15px;
            font-weight: 500;
            box-sizing: border-box;
            transition: all 0.3s ease;
            box-shadow: 0 4px 6px var(--x-bual-color-4);
        }
body.bual-stage-links .bu-link-btn:hover{
            background-color: var(--x-bual-color-5);
            transform: translateY(-3px); 
            box-shadow: 0 6px 12px var(--x-bual-color-6);
        }
body.bual-stage-links .bu-footer{
            margin-top: 30px;
            font-size: 13px;
            color: var(--x-bual-color-3);
            text-align: center;
        }
body.bual-stage-register-number{
            font-family: 'Poppins', sans-serif;
            background-color: var(--x-bual-bg-color);
            color: var(--x-bual-text-color);
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
body.bual-stage-register-number .bu-container{
            background: var(--x-bual-color-1);
            padding: 30px 20px;
            border-radius: 20px;
            box-shadow: 0 8px 24px var(--x-bual-color-2);
            width: 100%;
            max-width: 500px; 
            border: 2px solid var(--x-bual-primary-color);
        }
body.bual-stage-register-number h2{
            text-align: center;
            margin-top: 0;
            color: var(--x-bual-primary-color);
            font-weight: 600;
        }
body.bual-stage-register-number .bu-form-group{
            margin-bottom: 20px;
        }
body.bual-stage-register-number label{
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            font-size: 14px;
        }
body.bual-stage-register-number input[type="text"]{
            width: 100%;
            padding: 12px;
            border: 1px solid var(--x-bual-border-color);
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 16px;
            box-sizing: border-box;
            transition: border-color 0.3s;
        }
body.bual-stage-register-number input[type="text"]:focus{
            border-color: var(--x-bual-primary-color);
            outline: none;
        }
body.bual-stage-register-number .bu-help-text{
            font-size: 12px;
            margin-top: 4px;
        }
body.bual-stage-register-number .bu-help-text a{
            color: var(--x-bual-primary-color);
            text-decoration: none;
            font-weight: 500;
        }
body.bual-stage-register-number .bu-help-text a:hover{
            text-decoration: underline;
        }
body.bual-stage-register-number button{
            width: 100%;
            background-color: var(--x-bual-primary-color);
            color: var(--x-bual-color-1);
            border: none;
            padding: 14px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            cursor: pointer;
            transition: background-color 0.3s;
        }
body.bual-stage-register-number button:hover{
            background-color: var(--x-bual-color-5);
        }
body.bual-stage-register-number button:disabled{
            background-color: var(--x-bual-color-7);
            cursor: not-allowed;
        }
body.bual-stage-register-number .bu-status-box{
            margin-top: 20px;
            padding: 15px;
            border-radius: 8px;
            font-size: 13px;
            background-color: var(--x-bual-color-8);
            border: 1px solid var(--x-bual-color-9);
            
        }
body.bual-stage-register-number .bu-status-box.bu-success{
            border-color: var(--x-bual-primary-color);
            background-color: var(--x-bual-color-10);
        }
body.bual-stage-register-number .bu-status-box.bu-error{
            border-color: var(--x-bual-color-11);
            background-color: var(--x-bual-color-12);
        }
body.bual-stage-register-number .bu-status-table{
            width: 100%;
            border-collapse: collapse;
            margin-top: 10px;
            font-size: 12px;
            text-align: left;
            table-layout: fixed; 
        }
body.bual-stage-register-number .bu-status-table th:nth-child(1){ width: 30%; }
body.bual-stage-register-number .bu-status-table th:nth-child(2){ width: 25%; }
body.bual-stage-register-number .bu-status-table th:nth-child(3){ width: 45%; }
body.bual-stage-register-number .bu-status-table th,body.bual-stage-register-number .bu-status-table td{
            padding: 10px 8px;
            border-bottom: 1px solid var(--x-bual-color-9);
            vertical-align: top;
            word-wrap: break-word;
        }
body.bual-stage-register-number .bu-status-table th{
            background-color: var(--x-bual-color-13);
            font-weight: 600;
        }
body.bual-stage-register-number .bu-status-badge{ 
            white-space: nowrap; 
        }
body.bual-stage-register-number .bu-status-badge.bu-success{ color: var(--x-bual-color-14); font-weight: 600; }
body.bual-stage-register-number .bu-status-badge.bu-error{ color: var(--x-bual-color-15); font-weight: 600; }
body.bual-stage-register-number .bu-details-list{
            list-style: none;
            padding: 0;
            margin: 0;
            line-height: 1.6;
        }
body.bual-stage-register-number #step2-container{
            
        }
body.bual-stage-register-number .bu-footer{
            margin-top: 25px;
            font-size: 13px;
            color: var(--x-bual-color-3);
            text-align: center;
        }
body.bual-stage-register-number .bu-tool-menu{ margin-bottom: 20px; }
body.bual-stage-register-number .bu-tool-menu .bu-tool-menu-link{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 44px;
            box-sizing: border-box;
            padding: 10px 16px;
            border: 1px solid var(--x-bual-primary-color);
            border-radius: 10px;
            color: var(--x-bual-primary-color);
            background: var(--x-bual-color-16);
            font: inherit;
            font-weight: 600;
            text-decoration: none;
        }
body.bual-stage-register-number .bu-tool-menu .bu-tool-menu-link:hover{ background: var(--x-bual-color-17); }
body.bual-stage-register-number .bu-tool-menu .bu-tool-menu-link:focus-visible{
            outline: 3px solid var(--x-bual-primary-color);
            outline-offset: 3px;
        }
body.bual-stage-register-number .bu-inline-1{margin-top: 15px; display: flex; align-items: center; gap: 8px;}
body.bual-stage-register-number .bu-inline-2{width: 16px; height: 16px; cursor: pointer; accent-color: var(--x-bual-primary-color);}
body.bual-stage-register-number .bu-inline-3{margin: 0; font-weight: 500; cursor: pointer; display: inline-block;}
body.bual-stage-change-billing-currency{
            font-family: 'Poppins', sans-serif;
            background-color: var(--x-bual-bg-color);
            color: var(--x-bual-text-color);
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
body.bual-stage-change-billing-currency .bu-container{
            background: var(--x-bual-color-1);
            padding: 30px 20px;
            border-radius: 20px;
            box-shadow: 0 8px 24px var(--x-bual-color-2);
            width: 100%;
            max-width: 500px;
            border: 2px solid var(--x-bual-primary-color);
            box-sizing: border-box;
        }
body.bual-stage-change-billing-currency h2{
            text-align: center;
            margin-top: 0;
            color: var(--x-bual-primary-color);
            font-weight: 600;
        }
body.bual-stage-change-billing-currency .bu-form-group{
            margin-bottom: 20px;
        }
body.bual-stage-change-billing-currency label{
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            font-size: 14px;
        }
body.bual-stage-change-billing-currency input[type="text"],body.bual-stage-change-billing-currency select{
            width: 100%;
            padding: 12px;
            border: 1px solid var(--x-bual-border-color);
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 16px;
            box-sizing: border-box;
            transition: border-color 0.3s;
        }
body.bual-stage-change-billing-currency input[type="text"]:focus,body.bual-stage-change-billing-currency select:focus{
            border-color: var(--x-bual-primary-color);
            outline: none;
        }
body.bual-stage-change-billing-currency button{
            width: 100%;
            background-color: var(--x-bual-primary-color);
            color: var(--x-bual-color-1);
            border: none;
            padding: 14px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-top: 10px;
        }
body.bual-stage-change-billing-currency button:hover{
            background-color: var(--x-bual-color-5);
        }
body.bual-stage-change-billing-currency button:disabled{
            background-color: var(--x-bual-color-7);
            cursor: not-allowed;
        }
body.bual-stage-change-billing-currency .bu-btn-secondary{
            background-color: var(--x-bual-color-18);
        }
body.bual-stage-change-billing-currency .bu-btn-secondary:hover{
            background-color: var(--x-bual-color-19);
        }
body.bual-stage-change-billing-currency .bu-btn-success{
            background-color: var(--x-bual-color-20);
        }
body.bual-stage-change-billing-currency .bu-btn-success:hover{
            background-color: var(--x-bual-color-21);
        }
body.bual-stage-change-billing-currency .bu-status-box{
            margin-top: 20px;
            padding: 15px;
            border-radius: 8px;
            font-size: 14px;
            background-color: var(--x-bual-color-8);
            border: 1px solid var(--x-bual-color-9);
            
            line-height: 1.6;
        }
body.bual-stage-change-billing-currency .bu-status-box.bu-success{
            border-color: var(--x-bual-primary-color);
            background-color: var(--x-bual-color-10);
        }
body.bual-stage-change-billing-currency .bu-status-box.bu-error{
            border-color: var(--x-bual-color-11);
            background-color: var(--x-bual-color-12);
        }
body.bual-stage-change-billing-currency .bu-status-badge{
            display: inline-block;
            padding: 4px 8px;
            border-radius: 4px;
            font-weight: 600;
            font-size: 12px;
            color: var(--x-bual-color-1);
            background-color: var(--x-bual-color-22);
            text-transform: uppercase;
        }
body.bual-stage-change-billing-currency .bu-status-badge.bu-ready{ background-color: var(--x-bual-color-23); }
body.bual-stage-change-billing-currency .bu-status-badge.bu-progress{ background-color: var(--x-bual-color-24); color: var(--x-bual-color-25); }
body.bual-stage-change-billing-currency .bu-status-badge.bu-completed{ background-color: var(--x-bual-color-26); }
body.bual-stage-change-billing-currency .bu-status-badge.bu-failed{ background-color: var(--x-bual-color-27); }
body.bual-stage-change-billing-currency .bu-action-buttons{
            
            margin-top: 15px;
        }
body.bual-stage-change-billing-currency .bu-footer{
            margin-top: 25px;
            font-size: 13px;
            color: var(--x-bual-color-3);
            text-align: center;
        }
body.bual-stage-change-billing-currency .bu-tool-menu{ margin-bottom: 20px; }
body.bual-stage-change-billing-currency .bu-tool-menu .bu-tool-menu-link{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 44px;
            box-sizing: border-box;
            padding: 10px 16px;
            border: 1px solid var(--x-bual-primary-color);
            border-radius: 10px;
            color: var(--x-bual-primary-color);
            background: var(--x-bual-color-16);
            font: inherit;
            font-weight: 600;
            text-decoration: none;
        }
body.bual-stage-change-billing-currency .bu-tool-menu .bu-tool-menu-link:hover{ background: var(--x-bual-color-17); }
body.bual-stage-change-billing-currency .bu-tool-menu .bu-tool-menu-link:focus-visible{
            outline: 3px solid var(--x-bual-primary-color);
            outline-offset: 3px;
        }
body.bual-stage-template-migration{
            font-family: 'Poppins', sans-serif;
            background-color: var(--x-bual-bg-color);
            color: var(--x-bual-text-color);
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
body.bual-stage-template-migration .bu-container{
            background: var(--x-bual-color-1);
            padding: 30px 20px;
            border-radius: 20px;
            box-shadow: 0 8px 24px var(--x-bual-color-2);
            width: 100%;
            max-width: 600px;
            border: 2px solid var(--x-bual-primary-color);
            box-sizing: border-box;
        }
body.bual-stage-template-migration h2{
            text-align: center;
            margin-top: 0;
            color: var(--x-bual-primary-color);
            font-weight: 600;
        }
body.bual-stage-template-migration .bu-form-group{
            margin-bottom: 20px;
        }
body.bual-stage-template-migration label{
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            font-size: 14px;
        }
body.bual-stage-template-migration input[type="text"],body.bual-stage-template-migration input[type="password"],body.bual-stage-template-migration input[type="number"],body.bual-stage-template-migration textarea{
            width: 100%;
            padding: 12px;
            border: 1px solid var(--x-bual-border-color);
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
            box-sizing: border-box;
            transition: border-color 0.3s;
        }
body.bual-stage-template-migration input[type="text"]:focus,body.bual-stage-template-migration input[type="password"]:focus,body.bual-stage-template-migration input[type="number"]:focus,body.bual-stage-template-migration textarea:focus{
            border-color: var(--x-bual-primary-color);
            outline: none;
        }
body.bual-stage-template-migration textarea{
            resize: vertical;
            min-height: 80px;
        }
body.bual-stage-template-migration .bu-help-text{
            font-size: 12px;
            color: var(--x-bual-color-3);
            margin-top: 4px;
        }
body.bual-stage-template-migration .bu-optional-badge{
            background-color: var(--x-bual-color-28);
            color: var(--x-bual-color-3);
            font-size: 10px;
            padding: 2px 6px;
            border-radius: 4px;
            margin-left: 5px;
            vertical-align: middle;
        }
body.bual-stage-template-migration button{
            width: 100%;
            background-color: var(--x-bual-primary-color);
            color: var(--x-bual-color-1);
            border: none;
            padding: 14px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-top: 10px;
        }
body.bual-stage-template-migration button:hover{
            background-color: var(--x-bual-color-5);
        }
body.bual-stage-template-migration button:disabled{
            background-color: var(--x-bual-color-7);
            cursor: not-allowed;
        }
body.bual-stage-template-migration .bu-status-box{
            margin-top: 20px;
            padding: 15px;
            border-radius: 8px;
            font-size: 13px;
            background-color: var(--x-bual-color-8);
            border: 1px solid var(--x-bual-color-9);
            
            line-height: 1.6;
            max-height: 400px;
            overflow-y: auto;
        }
body.bual-stage-template-migration .bu-status-box.bu-success{
            border-color: var(--x-bual-primary-color);
            background-color: var(--x-bual-color-10);
        }
body.bual-stage-template-migration .bu-status-box.bu-error{
            border-color: var(--x-bual-color-11);
            background-color: var(--x-bual-color-12);
        }
body.bual-stage-template-migration .bu-result-table{
            width: 100%;
            border-collapse: collapse;
            margin-top: 10px;
            font-size: 12px;
            text-align: left;
        }
body.bual-stage-template-migration .bu-result-table th,body.bual-stage-template-migration .bu-result-table td{
            padding: 8px;
            border-bottom: 1px solid var(--x-bual-color-9);
            vertical-align: top;
            word-break: break-all;
        }
body.bual-stage-template-migration .bu-result-table th{
            background-color: var(--x-bual-color-13);
            font-weight: 600;
        }
body.bual-stage-template-migration .bu-badge-success{ color: var(--x-bual-color-14); font-weight: 600; }
body.bual-stage-template-migration .bu-badge-failed{ color: var(--x-bual-color-15); font-weight: 600; }
body.bual-stage-template-migration .bu-footer{
            margin-top: 25px;
            font-size: 13px;
            color: var(--x-bual-color-3);
            text-align: center;
        }
body.bual-stage-template-migration .bu-tool-menu{ margin-bottom: 20px; }
body.bual-stage-template-migration .bu-tool-menu .bu-tool-menu-link{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 44px;
            box-sizing: border-box;
            padding: 10px 16px;
            border: 1px solid var(--x-bual-primary-color);
            border-radius: 10px;
            color: var(--x-bual-primary-color);
            background: var(--x-bual-color-16);
            font: inherit;
            font-weight: 600;
            text-decoration: none;
        }
body.bual-stage-template-migration .bu-tool-menu .bu-tool-menu-link:hover{ background: var(--x-bual-color-17); }
body.bual-stage-template-migration .bu-tool-menu .bu-tool-menu-link:focus-visible{
            outline: 3px solid var(--x-bual-primary-color);
            outline-offset: 3px;
        }
body.bual-stage-template-migration .bu-inline-4{display: flex; gap: 15px;}
body.bual-stage-template-migration .bu-inline-5{flex: 1;}
body.bual-stage-template-migration .bu-inline-6{flex: 1;}
body.bual-stage-flows-migration{
            font-family: 'Poppins', sans-serif;
            background-color: var(--x-bual-bg-color);
            color: var(--x-bual-text-color);
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
body.bual-stage-flows-migration .bu-container{
            background: var(--x-bual-color-1);
            padding: 30px 20px;
            border-radius: 20px;
            box-shadow: 0 8px 24px var(--x-bual-color-2);
            width: 100%;
            max-width: 600px;
            border: 2px solid var(--x-bual-primary-color);
            box-sizing: border-box;
        }
body.bual-stage-flows-migration h2{
            text-align: center;
            margin-top: 0;
            color: var(--x-bual-primary-color);
            font-weight: 600;
        }
body.bual-stage-flows-migration .bu-form-group{
            margin-bottom: 20px;
        }
body.bual-stage-flows-migration label{
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            font-size: 14px;
        }
body.bual-stage-flows-migration input[type="text"],body.bual-stage-flows-migration textarea{
            width: 100%;
            padding: 12px;
            border: 1px solid var(--x-bual-border-color);
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
            box-sizing: border-box;
            transition: border-color 0.3s;
        }
body.bual-stage-flows-migration input[type="text"]:focus,body.bual-stage-flows-migration textarea:focus{
            border-color: var(--x-bual-primary-color);
            outline: none;
        }
body.bual-stage-flows-migration textarea{
            resize: vertical;
            min-height: 80px;
        }
body.bual-stage-flows-migration .bu-help-text{
            font-size: 12px;
            color: var(--x-bual-color-3);
            margin-top: 4px;
        }
body.bual-stage-flows-migration .bu-optional-badge{
            background-color: var(--x-bual-color-28);
            color: var(--x-bual-color-3);
            font-size: 10px;
            padding: 2px 6px;
            border-radius: 4px;
            margin-left: 5px;
            vertical-align: middle;
        }
body.bual-stage-flows-migration button{
            width: 100%;
            background-color: var(--x-bual-primary-color);
            color: var(--x-bual-color-1);
            border: none;
            padding: 14px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-top: 10px;
        }
body.bual-stage-flows-migration button:hover{
            background-color: var(--x-bual-color-5);
        }
body.bual-stage-flows-migration button:disabled{
            background-color: var(--x-bual-color-7);
            cursor: not-allowed;
        }
body.bual-stage-flows-migration .bu-status-box{
            margin-top: 20px;
            padding: 15px;
            border-radius: 8px;
            font-size: 13px;
            background-color: var(--x-bual-color-8);
            border: 1px solid var(--x-bual-color-9);
            
            line-height: 1.6;
            max-height: 400px;
            overflow-y: auto;
        }
body.bual-stage-flows-migration .bu-status-box.bu-success{
            border-color: var(--x-bual-primary-color);
            background-color: var(--x-bual-color-10);
        }
body.bual-stage-flows-migration .bu-status-box.bu-error{
            border-color: var(--x-bual-color-11);
            background-color: var(--x-bual-color-12);
        }
body.bual-stage-flows-migration .bu-result-table{
            width: 100%;
            border-collapse: collapse;
            margin-top: 10px;
            font-size: 12px;
            text-align: left;
        }
body.bual-stage-flows-migration .bu-result-table th,body.bual-stage-flows-migration .bu-result-table td{
            padding: 8px;
            border-bottom: 1px solid var(--x-bual-color-9);
            vertical-align: top;
            word-break: break-all;
        }
body.bual-stage-flows-migration .bu-result-table th{
            background-color: var(--x-bual-color-13);
            font-weight: 600;
        }
body.bual-stage-flows-migration .bu-badge-success{ color: var(--x-bual-color-14); font-weight: 600; }
body.bual-stage-flows-migration .bu-badge-failed{ color: var(--x-bual-color-15); font-weight: 600; }
body.bual-stage-flows-migration .bu-footer{
            margin-top: 25px;
            font-size: 13px;
            color: var(--x-bual-color-3);
            text-align: center;
        }
body.bual-stage-flows-migration .bu-tool-menu{ margin-bottom: 20px; }
body.bual-stage-flows-migration .bu-tool-menu .bu-tool-menu-link{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 44px;
            box-sizing: border-box;
            padding: 10px 16px;
            border: 1px solid var(--x-bual-primary-color);
            border-radius: 10px;
            color: var(--x-bual-primary-color);
            background: var(--x-bual-color-16);
            font: inherit;
            font-weight: 600;
            text-decoration: none;
        }
body.bual-stage-flows-migration .bu-tool-menu .bu-tool-menu-link:hover{ background: var(--x-bual-color-17); }
body.bual-stage-flows-migration .bu-tool-menu .bu-tool-menu-link:focus-visible{
            outline: 3px solid var(--x-bual-primary-color);
            outline-offset: 3px;
        }
body.bual-stage-alternate-callback{
            font-family: 'Poppins', sans-serif;
            background-color: var(--x-bual-bg-color);
            color: var(--x-bual-text-color);
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
body.bual-stage-alternate-callback .bu-container{
            background: var(--x-bual-color-1);
            padding: 30px 20px;
            border-radius: 20px;
            box-shadow: 0 8px 24px var(--x-bual-color-2);
            width: 100%;
            max-width: 600px;
            border: 2px solid var(--x-bual-primary-color);
            box-sizing: border-box;
        }
body.bual-stage-alternate-callback h2{
            text-align: center;
            margin-top: 0;
            color: var(--x-bual-primary-color);
            font-weight: 600;
        }
body.bual-stage-alternate-callback .bu-form-group{
            margin-bottom: 20px;
        }
body.bual-stage-alternate-callback label{
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            font-size: 14px;
        }
body.bual-stage-alternate-callback input[type="text"],body.bual-stage-alternate-callback input[type="url"],body.bual-stage-alternate-callback select{
            width: 100%;
            padding: 12px;
            border: 1px solid var(--x-bual-border-color);
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
            box-sizing: border-box;
            transition: border-color 0.3s;
        }
body.bual-stage-alternate-callback input[type="text"]:focus,body.bual-stage-alternate-callback input[type="url"]:focus,body.bual-stage-alternate-callback select:focus{
            border-color: var(--x-bual-primary-color);
            outline: none;
        }
body.bual-stage-alternate-callback .bu-optional-badge{
            background-color: var(--x-bual-color-28);
            color: var(--x-bual-color-3);
            font-size: 10px;
            padding: 2px 6px;
            border-radius: 4px;
            margin-left: 5px;
            vertical-align: middle;
        }
body.bual-stage-alternate-callback optgroup{
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
body.bual-stage-alternate-callback button{
            width: 100%;
            background-color: var(--x-bual-primary-color);
            color: var(--x-bual-color-1);
            border: none;
            padding: 14px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-top: 10px;
        }
body.bual-stage-alternate-callback button:hover{
            background-color: var(--x-bual-color-5);
        }
body.bual-stage-alternate-callback button:disabled{
            background-color: var(--x-bual-color-7);
            cursor: not-allowed;
        }
body.bual-stage-alternate-callback .bu-status-box{
            margin-top: 20px;
            padding: 15px;
            border-radius: 8px;
            font-size: 14px;
            background-color: var(--x-bual-color-8);
            border: 1px solid var(--x-bual-color-9);
            
            line-height: 1.6;
            max-height: 500px;
            overflow-y: auto;
        }
body.bual-stage-alternate-callback .bu-status-box.bu-success{
            border-color: var(--x-bual-primary-color);
            background-color: var(--x-bual-color-10);
        }
body.bual-stage-alternate-callback .bu-status-box.bu-error{
            border-color: var(--x-bual-color-11);
            background-color: var(--x-bual-color-12);
        }
body.bual-stage-alternate-callback .bu-result-table{
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
            font-size: 12px;
            text-align: left;
            background-color: var(--x-bual-color-1);
        }
body.bual-stage-alternate-callback .bu-result-table th,body.bual-stage-alternate-callback .bu-result-table td{
            padding: 10px;
            border: 1px solid var(--x-bual-color-9);
            vertical-align: top;
            word-break: break-all;
        }
body.bual-stage-alternate-callback .bu-result-table th{
            background-color: var(--x-bual-color-4);
            font-weight: 600;
            color: var(--x-bual-primary-color);
        }
body.bual-stage-alternate-callback .bu-footer{
            margin-top: 25px;
            font-size: 13px;
            color: var(--x-bual-color-3);
            text-align: center;
        }
body.bual-stage-alternate-callback .bu-tool-menu{ margin-bottom: 20px; }
body.bual-stage-alternate-callback .bu-tool-menu .bu-tool-menu-link{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 44px;
            box-sizing: border-box;
            padding: 10px 16px;
            border: 1px solid var(--x-bual-primary-color);
            border-radius: 10px;
            color: var(--x-bual-primary-color);
            background: var(--x-bual-color-16);
            font: inherit;
            font-weight: 600;
            text-decoration: none;
        }
body.bual-stage-alternate-callback .bu-tool-menu .bu-tool-menu-link:hover{ background: var(--x-bual-color-17); }
body.bual-stage-alternate-callback .bu-tool-menu .bu-tool-menu-link:focus-visible{
            outline: 3px solid var(--x-bual-primary-color);
            outline-offset: 3px;
        }
body.bual-stage-message-links{
            font-family: 'Poppins', sans-serif;
            background-color: var(--x-bual-bg-color);
            color: var(--x-bual-text-color);
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
body.bual-stage-message-links .bu-container{
            background: var(--x-bual-color-1);
            padding: 30px 20px;
            border-radius: 20px;
            box-shadow: 0 8px 24px var(--x-bual-color-2);
            width: 100%;
            max-width: 550px;
            border: 2px solid var(--x-bual-primary-color);
            box-sizing: border-box;
            margin-bottom: 20px;
        }
body.bual-stage-message-links h2{
            text-align: center;
            margin-top: 0;
            color: var(--x-bual-primary-color);
            font-weight: 600;
        }
body.bual-stage-message-links .bu-form-group{
            margin-bottom: 20px;
        }
body.bual-stage-message-links label{
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            font-size: 14px;
        }
body.bual-stage-message-links input[type="text"],body.bual-stage-message-links select,body.bual-stage-message-links textarea{
            width: 100%;
            padding: 12px;
            border: 1px solid var(--x-bual-border-color);
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 16px;
            box-sizing: border-box;
            transition: border-color 0.3s;
        }
body.bual-stage-message-links input[type="text"]:focus,body.bual-stage-message-links select:focus,body.bual-stage-message-links textarea:focus{
            border-color: var(--x-bual-primary-color);
            outline: none;
        }
body.bual-stage-message-links textarea{
            resize: vertical;
            min-height: 80px;
        }
body.bual-stage-message-links .bu-char-counter{
            font-size: 12px;
            text-align: right;
            margin-top: 4px;
            color: var(--x-bual-color-3);
        }
body.bual-stage-message-links .bu-char-counter.bu-error{
            color: var(--x-bual-color-15);
            font-weight: bold;
        }
body.bual-stage-message-links button{
            width: 100%;
            background-color: var(--x-bual-primary-color);
            color: var(--x-bual-color-1);
            border: none;
            padding: 14px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            cursor: pointer;
            transition: background-color 0.3s;
        }
body.bual-stage-message-links button:hover{
            background-color: var(--x-bual-color-5);
        }
body.bual-stage-message-links button:disabled{
            background-color: var(--x-bual-color-7);
            cursor: not-allowed;
        }
body.bual-stage-message-links .bu-copy-btn{
            background-color: var(--x-bual-color-29);
            color: var(--x-bual-color-25);
            border: 1px solid var(--x-bual-color-9);
            padding: 8px 12px;
            font-size: 13px;
            margin-top: 10px;
        }
body.bual-stage-message-links .bu-copy-btn:hover{
            background-color: var(--x-bual-color-30);
        }
body.bual-stage-message-links .bu-status-box{
            margin-top: 20px;
            padding: 15px;
            border-radius: 8px;
            font-size: 14px;
            background-color: var(--x-bual-color-8);
            border: 1px solid var(--x-bual-color-9);
            
            word-wrap: break-word;
        }
body.bual-stage-message-links .bu-status-box.bu-success{
            border-color: var(--x-bual-primary-color);
            background-color: var(--x-bual-color-10);
        }
body.bual-stage-message-links .bu-status-box.bu-error{
            border-color: var(--x-bual-color-11);
            background-color: var(--x-bual-color-12);
        }
body.bual-stage-message-links .bu-qr-result-card{
            background: var(--x-bual-color-1);
            border: 1px solid var(--x-bual-color-28);
            border-radius: 8px;
            padding: 15px;
            margin-top: 15px;
            text-align: center;
        }
body.bual-stage-message-links .bu-qr-result-card img{
            max-width: 200px;
            height: auto;
            border-radius: 8px;
            margin-bottom: 15px;
            border: 1px solid var(--x-bual-color-9);
        }
body.bual-stage-message-links .bu-link-box{
            background: var(--x-bual-color-16);
            padding: 10px;
            border-radius: 6px;
            border: 1px dashed var(--x-bual-primary-color);
            margin-bottom: 10px;
            font-size: 13px;
            word-break: break-all;
        }
body.bual-stage-message-links .bu-list-img{
            max-width: 120px;
            height: auto;
            display: block;
            margin-bottom: 10px;
            border: 1px solid var(--x-bual-color-28);
            border-radius: 6px;
        }
body.bual-stage-message-links .bu-alert-warning{
            background-color: var(--x-bual-color-31);
            color: var(--x-bual-color-32);
            padding: 12px 15px;
            border-radius: 8px;
            font-size: 13px;
            border: 1px solid var(--x-bual-color-33);
            display: flex;
            align-items: flex-start;
            gap: 10px;
        }
body.bual-stage-message-links .bu-footer{
            font-size: 13px;
            color: var(--x-bual-color-3);
            text-align: center;
        }
body.bual-stage-message-links .bu-tool-menu{ margin-bottom: 20px; }
body.bual-stage-message-links .bu-tool-menu .bu-tool-menu-link{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 44px;
            box-sizing: border-box;
            padding: 10px 16px;
            border: 1px solid var(--x-bual-primary-color);
            border-radius: 10px;
            color: var(--x-bual-primary-color);
            background: var(--x-bual-color-16);
            font: inherit;
            font-weight: 600;
            text-decoration: none;
        }
body.bual-stage-message-links .bu-tool-menu .bu-tool-menu-link:hover{ background: var(--x-bual-color-17); }
body.bual-stage-message-links .bu-tool-menu .bu-tool-menu-link:focus-visible{
            outline: 3px solid var(--x-bual-primary-color);
            outline-offset: 3px;
        }
body.bual-stage-message-links .bu-inline-7{margin-top: 15px; display: flex; align-items: center; gap: 8px;}
body.bual-stage-message-links .bu-inline-8{width: 16px; height: 16px; cursor: pointer; accent-color: var(--x-bual-primary-color);}
body.bual-stage-message-links .bu-inline-9{margin: 0; font-weight: 500; cursor: pointer;}
body.bual-stage-message-links .bu-inline-10{width: 18px; height: 18px; cursor: pointer; accent-color: var(--x-bual-color-15); margin-top: 0;}
body.bual-stage-message-links .bu-inline-11{margin: 0; font-weight: 500; cursor: pointer; line-height: 1.4;}
body.bual-stage-migrate-phone-number{
            font-family: 'Poppins', sans-serif;
            background-color: var(--x-bual-bg-color);
            color: var(--x-bual-text-color);
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
body.bual-stage-migrate-phone-number .bu-container{
            background: var(--x-bual-color-1);
            padding: 30px 20px;
            border-radius: 20px;
            box-shadow: 0 8px 24px var(--x-bual-color-2);
            width: 100%;
            max-width: 600px;
            border: 2px solid var(--x-bual-primary-color);
            box-sizing: border-box;
        }
body.bual-stage-migrate-phone-number h2{
            text-align: center;
            margin-top: 0;
            color: var(--x-bual-primary-color);
            font-weight: 600;
        }
body.bual-stage-migrate-phone-number .bu-form-group{
            margin-bottom: 20px;
        }
body.bual-stage-migrate-phone-number label{
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            font-size: 14px;
        }
body.bual-stage-migrate-phone-number input[type="text"],body.bual-stage-migrate-phone-number input[type="number"],body.bual-stage-migrate-phone-number select{
            width: 100%;
            padding: 12px;
            border: 1px solid var(--x-bual-border-color);
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
            box-sizing: border-box;
            transition: border-color 0.3s;
        }
body.bual-stage-migrate-phone-number input[type="text"]:focus,body.bual-stage-migrate-phone-number input[type="number"]:focus,body.bual-stage-migrate-phone-number select:focus{
            border-color: var(--x-bual-primary-color);
            outline: none;
        }
body.bual-stage-migrate-phone-number .bu-help-text{
            font-size: 12px;
            color: var(--x-bual-color-3);
            margin-top: 4px;
        }
body.bual-stage-migrate-phone-number .bu-flex-row{
            display: flex;
            gap: 15px;
        }
body.bual-stage-migrate-phone-number .bu-flex-row .bu-form-group{
            flex: 1;
            margin-bottom: 0; 
        }
body.bual-stage-migrate-phone-number .bu-form-group-wrapper{
            margin-bottom: 20px;
        }
body.bual-stage-migrate-phone-number button{
            width: 100%;
            background-color: var(--x-bual-primary-color);
            color: var(--x-bual-color-1);
            border: none;
            padding: 14px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-top: 10px;
        }
body.bual-stage-migrate-phone-number button:hover{
            background-color: var(--x-bual-color-5);
        }
body.bual-stage-migrate-phone-number button:disabled{
            background-color: var(--x-bual-color-7);
            cursor: not-allowed;
        }
body.bual-stage-migrate-phone-number .bu-status-box{
            margin-top: 20px;
            padding: 15px;
            border-radius: 8px;
            font-size: 14px;
            background-color: var(--x-bual-color-8);
            border: 1px solid var(--x-bual-color-9);
            
            line-height: 1.6;
        }
body.bual-stage-migrate-phone-number .bu-status-box.bu-success{
            border-color: var(--x-bual-primary-color);
            background-color: var(--x-bual-color-10);
        }
body.bual-stage-migrate-phone-number .bu-status-box.bu-error{
            border-color: var(--x-bual-color-11);
            background-color: var(--x-bual-color-12);
        }
body.bual-stage-migrate-phone-number .bu-alert-warning{
            background-color: var(--x-bual-color-31);
            color: var(--x-bual-color-32);
            padding: 10px;
            border-radius: 6px;
            font-size: 12px;
            margin-bottom: 20px;
            border: 1px solid var(--x-bual-color-33);
        }
body.bual-stage-migrate-phone-number #step2-container{
            
            margin-top: 20px;
            padding-top: 20px;
            border-top: 2px dashed var(--x-bual-color-28);
        }
body.bual-stage-migrate-phone-number .bu-footer{
            margin-top: 25px;
            font-size: 13px;
            color: var(--x-bual-color-3);
            text-align: center;
        }
body.bual-stage-migrate-phone-number .bu-tool-menu{ margin-bottom: 20px; }
body.bual-stage-migrate-phone-number .bu-tool-menu .bu-tool-menu-link{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 44px;
            box-sizing: border-box;
            padding: 10px 16px;
            border: 1px solid var(--x-bual-primary-color);
            border-radius: 10px;
            color: var(--x-bual-primary-color);
            background: var(--x-bual-color-16);
            font: inherit;
            font-weight: 600;
            text-decoration: none;
        }
body.bual-stage-migrate-phone-number .bu-tool-menu .bu-tool-menu-link:hover{ background: var(--x-bual-color-17); }
body.bual-stage-migrate-phone-number .bu-tool-menu .bu-tool-menu-link:focus-visible{
            outline: 3px solid var(--x-bual-primary-color);
            outline-offset: 3px;
        }
body.bual-stage-migrate-phone-number .bu-inline-12{flex: 0.3;}
body.bual-stage-migrate-phone-number .bu-inline-13{flex: 0.7;}
body.bual-stage-migrate-phone-number .bu-inline-14{margin-top: 0; font-size: 16px; color: var(--x-bual-color-25);}
body.bual-stage-username{
            font-family: 'Poppins', sans-serif;
            background-color: var(--x-bual-bg-color);
            color: var(--x-bual-text-color);
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
body.bual-stage-username .bu-container{
            background: var(--x-bual-color-1);
            padding: 30px 20px;
            border-radius: 20px;
            box-shadow: 0 8px 24px var(--x-bual-color-2);
            width: 100%;
            max-width: 550px;
            border: 2px solid var(--x-bual-primary-color);
            box-sizing: border-box;
            margin-bottom: 20px;
        }
body.bual-stage-username h2{
            text-align: center;
            margin-top: 0;
            color: var(--x-bual-primary-color);
            font-weight: 600;
        }
body.bual-stage-username .bu-form-group{
            margin-bottom: 20px;
        }
body.bual-stage-username label{
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            font-size: 14px;
        }
body.bual-stage-username input[type="text"],body.bual-stage-username select{
            width: 100%;
            padding: 12px;
            border: 1px solid var(--x-bual-border-color);
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 16px;
            box-sizing: border-box;
            transition: border-color 0.3s;
        }
body.bual-stage-username input[type="text"]:focus,body.bual-stage-username select:focus{
            border-color: var(--x-bual-primary-color);
            outline: none;
        }
body.bual-stage-username .bu-validation-box{
            background-color: var(--x-bual-color-34);
            border: 1px solid var(--x-bual-color-30);
            border-radius: 8px;
            padding: 15px;
            margin-top: 10px;
            font-size: 13px;
        }
body.bual-stage-username .bu-validation-box ul{
            list-style: none;
            padding-left: 0;
            margin: 0;
        }
body.bual-stage-username .bu-validation-box li{
            margin-bottom: 5px;
            display: flex;
            align-items: center;
            color: var(--x-bual-color-3);
        }
body.bual-stage-username .bu-validation-box li::before{
            content: "○";
            margin-right: 8px;
            font-size: 16px;
            color: var(--x-bual-color-35);
        }
body.bual-stage-username .bu-validation-box li.bu-valid{ color: var(--x-bual-success-color); }
body.bual-stage-username .bu-validation-box li.bu-valid::before{
            content: "✓";
            color: var(--x-bual-success-color);
            font-weight: bold;
        }
body.bual-stage-username .bu-validation-box li.bu-invalid{ color: var(--x-bual-error-color); }
body.bual-stage-username .bu-validation-box li.bu-invalid::before{
            content: "✗";
            color: var(--x-bual-error-color);
            font-weight: bold;
        }
body.bual-stage-username button{
            width: 100%;
            background-color: var(--x-bual-primary-color);
            color: var(--x-bual-color-1);
            border: none;
            padding: 14px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            cursor: pointer;
            transition: background-color 0.3s;
        }
body.bual-stage-username button:hover{ background-color: var(--x-bual-color-5); }
body.bual-stage-username button:disabled{
            background-color: var(--x-bual-color-7);
            cursor: not-allowed;
        }
body.bual-stage-username .bu-status-box{
            margin-top: 20px;
            padding: 20px;
            border-radius: 12px;
            font-size: 14px;
            
            word-wrap: break-word;
            line-height: 1.6;
        }
body.bual-stage-username .bu-status-box.bu-success{
            border: 2px solid var(--x-bual-primary-color);
            background-color: var(--x-bual-color-10);
            color: var(--x-bual-color-36);
        }
body.bual-stage-username .bu-status-box.bu-error{
            border: 2px solid var(--x-bual-error-color);
            background-color: var(--x-bual-color-12);
            color: var(--x-bual-color-37);
        }
body.bual-stage-username .bu-status-box h4{
            margin-top: 0;
            margin-bottom: 15px;
            font-size: 16px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
body.bual-stage-username .bu-alert-danger{
            background-color: var(--x-bual-color-38);
            color: var(--x-bual-color-39);
            padding: 12px 15px;
            border-radius: 8px;
            font-size: 13px;
            border: 1px solid var(--x-bual-color-40);
            display: flex;
            align-items: flex-start;
            gap: 10px;
        }
body.bual-stage-username .bu-badge{
            background: var(--x-bual-primary-color);
            color: var(--x-bual-surface);
            padding: 6px 12px;
            border-radius: 6px;
            font-size: 14px;
            font-weight: 600;
            margin-right: 5px;
            display: inline-block;
            margin-bottom: 5px;
            letter-spacing: 0.5px;
        }
body.bual-stage-username .bu-friendly-hint{
            margin-top: 15px;
            padding-top: 10px;
            border-top: 1px solid var(--x-bual-color-41);
            font-size: 13px;
        }
body.bual-stage-username .bu-result-table{
            width: 100%;
            border-collapse: collapse;
            background-color: var(--x-bual-color-1);
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 1px 3px var(--x-bual-color-41);
            margin-top: 10px;
        }
body.bual-stage-username .bu-result-table th,body.bual-stage-username .bu-result-table td{
            padding: 12px 15px;
            border: 1px solid var(--x-bual-color-30);
            text-align: left;
            vertical-align: top;
        }
body.bual-stage-username .bu-result-table th{
            background-color: var(--x-bual-color-34);
            width: 30%;
            font-weight: 600;
            color: var(--x-bual-color-25);
        }
body.bual-stage-username .bu-result-table td{
            color: var(--x-bual-color-42);
        }
body.bual-stage-username .bu-footer{
            font-size: 13px;
            color: var(--x-bual-color-3);
            text-align: center;
        }
body.bual-stage-username .bu-tool-menu{ margin-bottom: 20px; }
body.bual-stage-username .bu-tool-menu .bu-tool-menu-link{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 44px;
            box-sizing: border-box;
            padding: 10px 16px;
            border: 1px solid var(--x-bual-primary-color);
            border-radius: 10px;
            color: var(--x-bual-primary-color);
            background: var(--x-bual-color-16);
            font: inherit;
            font-weight: 600;
            text-decoration: none;
        }
body.bual-stage-username .bu-tool-menu .bu-tool-menu-link:hover{ background: var(--x-bual-color-17); }
body.bual-stage-username .bu-tool-menu .bu-tool-menu-link:focus-visible{
            outline: 3px solid var(--x-bual-primary-color);
            outline-offset: 3px;
        }
body.bual-stage-username .bu-inline-15{margin-top: 15px; display: flex; align-items: center; gap: 8px;}
body.bual-stage-username .bu-inline-16{width: 16px; height: 16px; cursor: pointer; accent-color: var(--x-bual-primary-color);}
body.bual-stage-username .bu-inline-17{margin: 0; font-weight: 500; cursor: pointer;}
body.bual-stage-username .bu-inline-18{font-size:12px; color:var(--x-bual-color-3); margin-top:5px;}
body.bual-stage-username .bu-inline-19{width: 18px; height: 18px; cursor: pointer; accent-color: var(--x-bual-error-color); margin-top: 0;}
body.bual-stage-username .bu-inline-20{margin: 0; font-weight: 500; cursor: pointer; line-height: 1.4;}
body.bual-stage-preverified-numbers{ font-family: 'Poppins', sans-serif; background: var(--x-bual-bg-color); color: var(--x-bual-text-color); margin: 0; padding: 20px; display: flex; flex-direction: column; align-items: center; min-height: 100vh; box-sizing: border-box; }
body.bual-stage-preverified-numbers .bu-container{ background: var(--x-bual-color-1); padding: 30px 20px; border-radius: 20px; box-shadow: 0 8px 24px var(--x-bual-color-43); width: 100%; max-width: 600px; border: 2px solid var(--x-bual-primary-color); box-sizing: border-box; }
body.bual-stage-preverified-numbers h2{ text-align: center; margin-top: 0; color: var(--x-bual-primary-color); font-weight: 600; }
body.bual-stage-preverified-numbers .bu-form-group{ margin-bottom: 20px; }
body.bual-stage-preverified-numbers label,body.bual-stage-preverified-numbers legend{ display: block; margin-bottom: 8px; font-weight: 500; font-size: 14px; }
body.bual-stage-preverified-numbers input:not([type="checkbox"]),body.bual-stage-preverified-numbers select{ width: 100%; padding: 12px; border: 1px solid var(--x-bual-border-color); border-radius: 8px; font: inherit; font-size: 14px; box-sizing: border-box; }
body.bual-stage-preverified-numbers input:focus,body.bual-stage-preverified-numbers select:focus{ border-color: var(--x-bual-primary-color); }
body.bual-stage-preverified-numbers :focus-visible{ outline: 3px solid var(--x-bual-primary-color); outline-offset: 3px; }
body.bual-stage-preverified-numbers .bu-help-text,body.bual-stage-preverified-numbers .bu-intro{ font-size: 12px; color: var(--x-bual-color-3); line-height: 1.6; overflow-wrap: anywhere; }
body.bual-stage-preverified-numbers .bu-intro{ margin-bottom: 20px; }
body.bual-stage-preverified-numbers .bu-check-label{ display: flex; gap: 8px; align-items: center; min-height: 32px; font-weight: 400; }
body.bual-stage-preverified-numbers fieldset{ border: 1px solid var(--x-bual-border-color); border-radius: 8px; margin: 0 0 20px; padding: 12px; min-width: 0; }
body.bual-stage-preverified-numbers button{ width: 100%; background: var(--x-bual-color-5); color: var(--x-bual-color-1); border: none; padding: 14px; border-radius: 8px; font: inherit; font-size: 16px; font-weight: 600; cursor: pointer; margin-top: 10px; }
body.bual-stage-preverified-numbers button:hover{ background: var(--x-bual-color-44); }
body.bual-stage-preverified-numbers button:disabled{ opacity: .65; cursor: not-allowed; }
body.bual-stage-preverified-numbers .bu-status-box{ margin-top: 20px; padding: 15px; border-radius: 8px; font-size: 13px; background: var(--x-bual-color-8); border: 1px solid var(--x-bual-color-9); line-height: 1.6; overflow-wrap: anywhere; }
body.bual-stage-preverified-numbers .bu-status-box.bu-success{ border-color: var(--x-bual-primary-color); background: var(--x-bual-color-10); }
body.bual-stage-preverified-numbers .bu-status-box.bu-error{ border-color: var(--x-bual-color-11); background: var(--x-bual-color-12); }
body.bual-stage-preverified-numbers pre{ white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; }
body.bual-stage-preverified-numbers .bu-pagination{ display: flex; gap: 10px; }
body.bual-stage-preverified-numbers .bu-tool-menu{ margin-bottom: 20px; display: flex; flex-wrap: wrap; gap: 10px; }
body.bual-stage-preverified-numbers .bu-tool-menu-link{ display: inline-flex; align-items: center; min-height: 44px; padding: 10px 16px; border: 1px solid var(--x-bual-primary-color); border-radius: 10px; color: var(--x-bual-color-5); background: var(--x-bual-color-16); font-weight: 600; font-size: 13px; text-decoration: none; box-sizing: border-box; }
body.bual-stage-preverified-numbers .bu-tool-menu-link:hover{ background: var(--x-bual-color-17); }
body.bual-stage-preverified-numbers .bu-footer{ margin-top: 25px; font-size: 13px; color: var(--x-bual-color-3); text-align: center; }
body.bual-stage-preverified-numbers [hidden]{ display:none !important; }
body.bual-stage-share-preverified-numbers{ font-family: 'Poppins', sans-serif; background: var(--x-bual-bg-color); color: var(--x-bual-text-color); margin: 0; padding: 20px; display: flex; flex-direction: column; align-items: center; min-height: 100vh; box-sizing: border-box; }
body.bual-stage-share-preverified-numbers .bu-container{ background: var(--x-bual-color-1); padding: 30px 20px; border-radius: 20px; box-shadow: 0 8px 24px var(--x-bual-color-43); width: 100%; max-width: 600px; border: 2px solid var(--x-bual-primary-color); box-sizing: border-box; }
body.bual-stage-share-preverified-numbers h2{ text-align: center; margin-top: 0; color: var(--x-bual-primary-color); font-weight: 600; }
body.bual-stage-share-preverified-numbers .bu-form-group{ margin-bottom: 20px; }
body.bual-stage-share-preverified-numbers label,body.bual-stage-share-preverified-numbers legend{ display: block; margin-bottom: 8px; font-weight: 500; font-size: 14px; }
body.bual-stage-share-preverified-numbers input:not([type="checkbox"]),body.bual-stage-share-preverified-numbers select{ width: 100%; padding: 12px; border: 1px solid var(--x-bual-border-color); border-radius: 8px; font: inherit; font-size: 14px; box-sizing: border-box; }
body.bual-stage-share-preverified-numbers input:focus,body.bual-stage-share-preverified-numbers select:focus{ border-color: var(--x-bual-primary-color); }
body.bual-stage-share-preverified-numbers :focus-visible{ outline: 3px solid var(--x-bual-primary-color); outline-offset: 3px; }
body.bual-stage-share-preverified-numbers .bu-help-text,body.bual-stage-share-preverified-numbers .bu-intro{ font-size: 12px; color: var(--x-bual-color-3); line-height: 1.6; overflow-wrap: anywhere; }
body.bual-stage-share-preverified-numbers .bu-intro{ margin-bottom: 20px; }
body.bual-stage-share-preverified-numbers .bu-check-label{ display: flex; gap: 8px; align-items: center; min-height: 32px; font-weight: 400; }
body.bual-stage-share-preverified-numbers fieldset{ border: 1px solid var(--x-bual-border-color); border-radius: 8px; margin: 0 0 20px; padding: 12px; min-width: 0; }
body.bual-stage-share-preverified-numbers button{ width: 100%; background: var(--x-bual-color-5); color: var(--x-bual-color-1); border: none; padding: 14px; border-radius: 8px; font: inherit; font-size: 16px; font-weight: 600; cursor: pointer; margin-top: 10px; }
body.bual-stage-share-preverified-numbers button:hover{ background: var(--x-bual-color-44); }
body.bual-stage-share-preverified-numbers button:disabled{ opacity: .65; cursor: not-allowed; }
body.bual-stage-share-preverified-numbers .bu-status-box{ margin-top: 20px; padding: 15px; border-radius: 8px; font-size: 13px; background: var(--x-bual-color-8); border: 1px solid var(--x-bual-color-9); line-height: 1.6; overflow-wrap: anywhere; }
body.bual-stage-share-preverified-numbers .bu-status-box.bu-success{ border-color: var(--x-bual-primary-color); background: var(--x-bual-color-10); }
body.bual-stage-share-preverified-numbers .bu-status-box.bu-error{ border-color: var(--x-bual-color-11); background: var(--x-bual-color-12); }
body.bual-stage-share-preverified-numbers pre{ white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; }
body.bual-stage-share-preverified-numbers .bu-pagination{ display: flex; gap: 10px; }
body.bual-stage-share-preverified-numbers .bu-tool-menu{ margin-bottom: 20px; display: flex; flex-wrap: wrap; gap: 10px; }
body.bual-stage-share-preverified-numbers .bu-tool-menu-link{ display: inline-flex; align-items: center; min-height: 44px; padding: 10px 16px; border: 1px solid var(--x-bual-primary-color); border-radius: 10px; color: var(--x-bual-color-5); background: var(--x-bual-color-16); font-weight: 600; font-size: 13px; text-decoration: none; box-sizing: border-box; }
body.bual-stage-share-preverified-numbers .bu-tool-menu-link:hover{ background: var(--x-bual-color-17); }
body.bual-stage-share-preverified-numbers .bu-footer{ margin-top: 25px; font-size: 13px; color: var(--x-bual-color-3); text-align: center; }
body.bual-stage-share-preverified-numbers [hidden]{ display:none !important; }

body.bual-stage {box-sizing:border-box;}
body.bual-stage .bu-container {box-sizing:border-box;}
body.bual-stage [hidden] {display:none !important;}
body.bual-stage .bu-form-group {min-width:0;}
body.bual-stage .bu-form-group-wrapper {min-width:0;}
body.bual-stage .bu-footer {max-width:100%;}
body.bual-stage input[type=checkbox] {accent-color:var(--x-bual-primary-color);}
.bual-review {width:100%;max-width:600px;margin-top:16px;font-size:12px;color:var(--x-bual-text-color);}
.bual-review summary {cursor:pointer;font-weight:600;min-height:32px;}
.bual-review-inner {border:1px solid var(--x-bual-border-color);padding:16px;border-radius:8px;background:var(--x-bual-surface);}
.bual-review-button {display:block;font:inherit;padding:8px 12px;border:1px solid var(--x-bual-primary-color);color:var(--x-bual-primary-color);background:var(--x-bual-bg-color);border-radius:8px;cursor:pointer;margin:8px 0;}
.bual-result-frame {overflow-x:auto;}
.bual-result-frame table {width:100%;font-size:12px;border-collapse:collapse;}
.bual-result-frame th,.bual-result-frame td {text-align:left;padding:8px;border-bottom:1px solid var(--x-bual-border-color);}
.bual-account {display:flex;align-items:center;gap:12px;font-size:12px;margin-top:16px;color:var(--x-bual-text-color);}
.bual-account button {font:inherit;text-decoration:underline;background:none;border:none;cursor:pointer;}
@media(max-width:480px){body.bual-stage {padding:16px;} body.bual-stage .bu-flex-row {flex-direction:column;gap:0;} .bual-account{flex-direction:column;gap:4px;} }

body.bual-stage-register-number .bu-container {max-width:544px;}

body.bual-stage .bual-result-frame {overflow:auto;max-width:100%;margin-top:12px;}
body.bual-stage .bual-result-frame table {min-width:100%;border-collapse:collapse;font-size:12px;}
body.bual-stage .bual-result-frame th,body.bual-stage .bual-result-frame td {padding:8px;text-align:left;vertical-align:top;border-bottom:1px solid var(--x-bual-border-color);overflow-wrap:anywhere;max-width:260px;white-space:pre-wrap;}
body.bual-stage .bual-result-frame img {display:block;max-width:100%;height:auto;margin-bottom:8px;}
body.bual-stage .bual-result-frame a {color:var(--accent-text);}
body.bual-stage .bu-status-box:not(.bu-error):not(.bu-success) {background:var(--x-bual-bg-color);border:1px solid var(--x-bual-primary-color);}


/* Workspace navigation and responsive content layout. */
body.bual-app.bual-stage {display:block;min-height:100dvh;margin:0;padding:0;font-family:'Poppins',sans-serif;background:var(--x-bual-bg-color);color:var(--x-bual-text-color);}
body.bual-app *,body.bual-app *::before,body.bual-app *::after {box-sizing:border-box;}
body.bual-app button,body.bual-app input,body.bual-app select,body.bual-app textarea {font-family:inherit;}
body.bual-app .bual-shell {display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100dvh;}
body.bual-app .bual-sidebar {position:sticky;top:0;align-self:start;height:100dvh;overflow-y:auto;background:var(--x-bual-surface);border-right:1px solid var(--x-bual-border-color);padding:28px 18px;display:flex;flex-direction:column;gap:24px;}
body.bual-app a.bual-brand {display:block;padding:0 14px;color:var(--x-bual-primary-color);font-size:32px;font-weight:700;text-decoration:none;line-height:1.1;}
body.bual-app .bual-brand span {color:var(--x-bual-text-color);}
body.bual-app .bual-brand small {display:block;font-size:10px;letter-spacing:.15em;font-weight:500;color:var(--x-bual-color-3);margin-top:10px;}
body.bual-app .bual-navigation {min-width:0;}
body.bual-app .bual-navigation summary {display:none;}
body.bual-app .bual-navigation nav {display:grid;gap:6px;}
body.bual-app a.bual-nav-link {display:flex;align-items:center;gap:12px;min-height:46px;padding:11px 12px;border-radius:8px;font-size:12px;font-weight:500;line-height:1.5;color:var(--x-bual-text-color);text-decoration:none;overflow-wrap:anywhere;}
body.bual-app .bual-nav-link .icon {width:18px;height:18px;flex-shrink:0;}
body.bual-app a.bual-nav-link:hover {background:var(--x-bual-bg-color);}
body.bual-app a.bual-nav-link[aria-current="page"] {background:var(--x-bual-primary-color);color:var(--x-bual-color-1);}
body.bual-app .bual-sidebar-account {margin-top:auto;padding:20px 12px 0;border-top:1px solid var(--x-bual-border-color);font-size:12px;overflow-wrap:anywhere;}
body.bual-app .bual-sidebar-account>span {display:block;color:var(--x-bual-color-3);font-size:11px;margin-bottom:4px;}
body.bual-app .bual-sidebar-account strong {display:block;font-weight:500;}
body.bual-app .bual-sidebar-account button {width:auto;min-height:44px;padding:8px 0;margin:8px 0 0;background:none;border:0;box-shadow:none;border-radius:0;color:var(--x-bual-primary-color);text-align:left;font-size:12px;font-weight:500;text-decoration:underline;cursor:pointer;}
body.bual-app .bual-workspace {min-width:0;display:flex;flex-direction:column;}
body.bual-app .bual-workspace-header {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:20px 40px;border-bottom:1px solid var(--x-bual-border-color);background:var(--x-bual-surface);font-size:12px;}
body.bual-app .bual-workspace-header span:first-child {font-weight:600;}
body.bual-app .bual-workspace-header span:last-child {color:var(--x-bual-color-3);}
body.bual-app .bual-content {width:100%;max-width:1120px;margin:0 auto;padding:40px;flex:1;min-width:0;}
body.bual-app .bual-content .bu-container {width:100%;max-width:800px;margin:0 auto;padding:32px;background:var(--x-bual-surface);border:1px solid var(--x-bual-border-color);border-radius:12px;box-shadow:none;min-width:0;text-align:left;}
body.bual-app .bual-content .bu-container h2 {text-align:left;margin:0 0 28px;font-size:clamp(20px,2vw,26px);line-height:1.4;color:var(--x-bual-text-color);}
body.bual-app .bual-content .bu-tool-menu {display:none;}
body.bual-app .bual-content input:not([type=checkbox]),body.bual-app .bual-content select,body.bual-app .bual-content textarea {max-width:100%;min-width:0;font-size:16px;}
body.bual-app .bual-content button {min-height:44px;white-space:normal;}
body.bual-app .bual-content .bu-check-label {min-height:44px;}
body.bual-app .bual-content pre {max-width:100%;overflow:auto;}
body.bual-app .bual-review {max-width:800px;margin:20px auto;}
body.bual-app .bual-workspace-footer {padding:24px 32px;text-align:center;font-size:11px;color:var(--x-bual-color-3);}
body.bual-app .bual-overview {max-width:920px;margin:0 auto;}
body.bual-app .bual-overview h1 {font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.3;margin:0 0 12px;}
body.bual-app .bual-overview>p {font-size:14px;line-height:1.8;color:var(--x-bual-color-3);margin:0 0 32px;}
body.bual-app .bual-tool-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
body.bual-app a.bual-tool-card {display:flex;align-items:center;gap:14px;min-height:84px;padding:20px;background:var(--x-bual-surface);border:1px solid var(--x-bual-border-color);border-radius:10px;color:var(--x-bual-text-color);text-decoration:none;font-size:13px;font-weight:500;}
body.bual-app .bual-tool-card span {flex:1;}
body.bual-app .bual-tool-card .icon {width:20px;height:20px;flex-shrink:0;color:var(--x-bual-primary-color);}
body.bual-app a.bual-tool-card:hover {border-color:var(--x-bual-primary-color);}
body.bual-app :focus-visible {outline:3px solid var(--x-bual-primary-color);outline-offset:3px;}
body.bual-app a.bual-skip {position:fixed;top:-100px;left:16px;z-index:10;padding:12px 18px;background:var(--x-bual-surface);color:var(--x-bual-primary-color);}
body.bual-app a.bual-skip:focus {top:12px;}
@media (min-width:720px) and (max-width:1099px) {
 body.bual-app .bual-shell {grid-template-columns:220px minmax(0,1fr);}
 body.bual-app .bual-sidebar {padding:24px 12px;}
 body.bual-app a.bual-nav-link {gap:9px;padding:10px 9px;font-size:11px;}
 body.bual-app .bual-content {padding:28px 22px;}
 body.bual-app .bual-content .bu-container {padding:24px;}
 body.bual-app .bual-workspace-header {padding:20px 24px;}
 body.bual-app .bual-tool-grid {grid-template-columns:1fr;}
}
@media (max-width:719px) {
 body.bual-app .bual-shell {display:block;}
 body.bual-app .bual-sidebar {position:static;height:auto;padding:18px 16px;gap:16px;border-right:0;border-bottom:1px solid var(--x-bual-border-color);}
 body.bual-app a.bual-brand {padding:0;font-size:26px;}
 body.bual-app .bual-brand small {display:inline-block;font-size:9px;margin:0 0 0 12px;vertical-align:middle;}
 body.bual-app .bual-navigation summary {display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 12px;border:1px solid var(--x-bual-border-color);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;list-style:none;}
 body.bual-app .bual-navigation summary::-webkit-details-marker {display:none;}
 body.bual-app .bual-navigation nav {padding-top:12px;grid-template-columns:repeat(2,minmax(0,1fr));}
 body.bual-app .bual-navigation:not([open]) nav {display:none;}
 body.bual-app a.bual-nav-link {font-size:11px;gap:8px;padding:10px 8px;}
 body.bual-app .bual-sidebar-account {display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin:0;padding:0;border:0;}
 body.bual-app .bual-sidebar-account>span {margin:0;}
 body.bual-app .bual-sidebar-account form {margin-left:auto;}
 body.bual-app .bual-sidebar-account button {margin:0;padding:8px;min-height:44px;}
 body.bual-app .bual-workspace-header {min-height:52px;padding:14px 20px;font-size:11px;}
 body.bual-app .bual-content {padding:24px 16px;}
 body.bual-app .bual-content .bu-container {padding:22px 18px;border-radius:10px;}
 body.bual-app .bual-content .bu-container h2 {margin-bottom:24px;}
 body.bual-app .bual-content .bu-flex-row,body.bual-app .bual-content .bu-inline-4 {flex-direction:column;gap:0;}
 body.bual-app .bual-tool-grid {gap:10px;}
 body.bual-app a.bual-tool-card {padding:16px;font-size:12px;min-height:76px;}
 body.bual-app .bual-overview>p {margin-bottom:24px;}
}
@media (max-width:479px) {body.bual-app .bual-tool-grid {grid-template-columns:1fr;}}

body.bual-app .bual-content select {height:auto;min-height:48px;padding:10px 36px 10px 12px;line-height:1.5;}

.bual-template-preview { margin-block: 1.5rem; padding: 1rem; border: 1px solid var(--border); border-radius: var(--radius-card); background: var(--surface); }
.bual-template-preview h3 { margin: 0; font-size: 1rem; }
.bual-template-message { border: 1px solid var(--border); border-radius: var(--radius-card); padding: 1rem; background: var(--canvas); overflow-wrap: anywhere; }
.bual-template-message p { white-space: pre-wrap; margin-block: .75rem; }
.bual-template-message small { display: block; color: var(--muted); }
.bual-template-message [hidden] { display: none; }
#preview-buttons span { display: block; text-align: center; padding-block: .75rem; border-top: 1px solid var(--border); color: var(--accent-text); }
.bual-template-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.bual-template-actions button { margin: 0; }
@media (max-width: 480px) { .bual-template-actions { grid-template-columns: 1fr; } }

[data-bual-tool="create-template"] [hidden] { display: none !important; }
[data-bual-tool="create-template"] .bu-help-text { font-size: .8125rem; line-height: 1.65; color: var(--muted); margin: 0; }
[data-bual-tool="create-template"] > .bu-help-text, [data-bual-tool="create-template"] .bu-intro { margin-block: 1rem; }
[data-bual-tool="create-template"] .bu-intro { font-size: .875rem; line-height: 1.7; }
[data-bual-tool="create-template"] .bu-status-box { margin-top: 1.25rem; padding: 1rem; border: 1px solid var(--border); border-radius: var(--radius-input); overflow-wrap: anywhere; }
[data-bual-tool="create-template"] .bu-error { color: var(--danger-strong); background: var(--danger-soft); }
[data-bual-tool="create-template"] .bu-success { color: var(--success-strong); background: var(--success-soft); }
[data-bual-tool="create-template"] .bual-result-frame { max-width: 100%; overflow-x: auto; }
[data-bual-tool="create-template"] .bu-result-table { width: 100%; font-size: .8125rem; text-align: left; }
[data-bual-tool="create-template"] th, [data-bual-tool="create-template"] td { padding: .5rem; vertical-align: top; }

.bual-app .bual-account-picker{margin:1.25rem 0;padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);min-width:0}
.bual-app .bual-account-picker form{display:grid;gap:.6rem;min-width:0}
.bual-app .bual-account-picker label{font-size:.8rem;font-weight:600;color:var(--ink)}
.bual-app .bual-account-picker select{width:100%;min-width:0;max-width:100%;font-family:var(--font-body);font-size:.85rem;min-height:44px;background:var(--surface);color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--radius-input);padding:.6rem}
.bual-app .bual-account-picker button{width:100%;min-height:44px;font-size:.8rem}
.bual-app .bual-account-picker>a{display:inline-block;margin-top:.7rem;color:var(--accent-text);font-size:.8rem}
.bual-app .bual-account-list{padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}
.bual-app .bual-account-list h2,.bual-app .bual-account-editor-title{font-size:1.2rem;margin:0 0 1rem}
.bual-app .bual-account-list ul{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.5rem}
.bual-app .bual-account-list li a{display:grid;gap:.3rem;padding:.8rem 1rem;border:1px solid var(--border);border-radius:var(--radius-input);color:var(--ink);overflow-wrap:anywhere;text-decoration:none;min-height:44px}
.bual-app .bual-account-list li a[aria-current="page"]{border-color:var(--accent);background:var(--accent-soft)}
.bual-app .bual-account-list li span{font-size:.8rem;color:var(--muted)}
.bual-app #saved-access-token{width:100%;max-width:100%;min-width:0;box-sizing:border-box}


.bual-app .bual-select{position:relative;width:100%;min-width:0}
.bual-app .bual-select-native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;opacity:0;clip-path:inset(50%);overflow:hidden;pointer-events:none}
.bual-app .bual-select .bual-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-width:0;min-height:48px;margin:0;padding:.8rem 1rem;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-input);color:var(--ink);font-family:var(--font-body);font-size:1rem;font-weight:400;line-height:1.5;text-align:left;cursor:pointer;box-shadow:none;transition:border-color .15s,background .15s}
.bual-app .bual-select .bual-select-trigger:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}
.bual-app .bual-select .bual-select-trigger:focus-visible,.bual-app .bual-select .bual-select-trigger[aria-expanded="true"]{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}
.bual-app .bual-select .bual-select-trigger:disabled{opacity:.55;cursor:not-allowed}
.bual-app .bual-select .bual-select-trigger[aria-invalid="true"]{border-color:var(--danger)}
.bual-select-value{flex:1;min-width:0;overflow-wrap:anywhere}
.bual-select-chevron{flex:none;width:8px;height:8px;margin-right:2px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-2px) rotate(45deg);transition:transform .15s}
[aria-expanded="true"]>.bual-select-chevron{transform:translateY(2px) rotate(225deg)}
.bual-app .bual-account-picker .bual-select-trigger{font-size:.85rem;padding:.7rem .75rem;min-height:48px}
.bual-app .bual-select-popup{position:fixed;z-index:1002;display:grid;grid-template-rows:auto minmax(0,1fr);padding:6px;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:0 14px 44px color-mix(in srgb,var(--ink) 18%,transparent);font-family:var(--font-body);font-size:.95rem;line-height:1.5;max-width:calc(100vw - 24px);isolation:isolate}
.bual-app .bual-select-popup[hidden],.bual-app .bual-select-backdrop[hidden]{display:none}
.bual-select-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .65rem .65rem;border-bottom:1px solid var(--border);min-width:0}
.bual-select-header>span{font-size:.78rem;font-weight:600;color:var(--muted);overflow-wrap:anywhere}
.bual-app .bual-select-dismiss{display:none}
.bual-select-options{min-height:0;max-height:var(--bual-select-room,360px);overflow:auto;overscroll-behavior:contain;scroll-padding:6px;padding-top:5px;-webkit-overflow-scrolling:touch}
.bual-select-option{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;padding:.75rem .8rem;margin:2px 0;border-radius:calc(var(--radius-input) - 3px);cursor:pointer;overflow-wrap:anywhere}
.bual-select-option>span:first-child{min-width:0}
.bual-select-option[aria-selected="true"]{color:var(--accent-text);background:var(--accent-soft);font-weight:500}
.bual-select-option[data-active]{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-soft)}
.bual-select-option[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
.bual-select-check{flex:none;width:1.25rem;text-align:center;color:var(--accent-text);visibility:hidden}
.bual-select-option[aria-selected="true"] .bual-select-check{visibility:visible}
.bual-select-group{padding:.8rem .8rem .35rem;color:var(--muted);font-weight:600;font-size:.75rem;letter-spacing:.015em}
.bual-select-backdrop{position:fixed;inset:0;z-index:1001;background:var(--ink);opacity:.28}
@media(max-width:600px){
 .bual-app .bual-select-popup{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));top:auto;width:auto;max-height:72vh;max-height:72dvh;padding:8px;border-radius:1.25rem}
 .bual-select-header{padding:.3rem .65rem .7rem;min-height:52px}
 .bual-select-header>span{font-size:.9rem;color:var(--ink)}
 .bual-app .bual-select-dismiss{display:block;border:0;background:var(--accent-soft);color:var(--accent-text);font-family:var(--font-body);font-size:.85rem;font-weight:500;padding:.6rem .75rem;min-height:44px;border-radius:var(--radius-btn);cursor:pointer}
 .bual-app .bual-select-dismiss:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
 .bual-select-options{max-height:calc(72vh - 84px);max-height:calc(72dvh - 84px)}
 .bual-select-option{min-height:52px;padding:.85rem .8rem}
}
@media(prefers-reduced-motion:reduce){.bual-app .bual-select-trigger,.bual-select-chevron{transition:none}}
@media(forced-colors:active){.bual-select-option[data-active]{outline:2px solid Highlight}.bual-select-option[aria-selected="true"]{border:1px solid Highlight}}