.fnxf633{margin:24px 0;background:#fff;border:1px solid #e0e8f2;border-radius:18px;padding:24px;color:#1e3453;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;box-shadow:0 6px 22px rgba(20,45,80,.04)}
.fnxf633 *{box-sizing:border-box}.fnxf633-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.fnxf633-eyebrow{font-size:11px;letter-spacing:.11em;font-weight:750;color:#3871bf}.fnxf633 h2{font-size:23px!important;font-weight:710!important;letter-spacing:-.03em!important;color:#173456!important;margin:5px 0!important}.fnxf633 p{color:#718198;font-size:13px;margin:6px 0}.fnxf633 button{cursor:pointer;border:1px solid #d3e0f0;background:#fff;color:#2a5185;border-radius:9px;padding:9px 13px;font-weight:650;font-size:12px}.fnxf633 button:hover{background:#eef5ff}.fnxf633 button:disabled{opacity:.5;cursor:not-allowed}.fnxf633 .fnxf633-primary{background:#2563c5;color:#fff;border-color:#2563c5}.fnxf633 .fnxf633-primary:hover{background:#194ea7}.fnxf633-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:15px}.fnxf633-toolbar label{font-size:12px;font-weight:650}.fnxf633 input,.fnxf633 select{background:#fff;color:#1e3453;border:1px solid #d4e0ef;border-radius:9px;padding:10px;min-height:40px}.fnxf633-toolbar input{flex:1;min-width:120px}.fnxf633-message{font-size:12px!important;color:#53729c!important}.fnxf633 .fnxf633-error{color:#b42318!important}.fnxf633-table-wrap{overflow-x:auto}.fnxf633 table{width:100%;border-collapse:collapse;font-size:12px;min-width:560px}.fnxf633 th{text-align:left;background:#f4f7fb;color:#526b8a;font-size:11px;padding:13px}.fnxf633 td{border-bottom:1px solid #edf1f6;padding:13px;vertical-align:middle}.fnxf633 td button{margin:2px}
/* FINNEX CRM: actions layout scoped to customer table. */
.fnxf633 tbody td:last-child{min-width:240px;width:260px;white-space:normal;vertical-align:middle}
.fnxf633 tbody td:last-child button{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:auto;max-width:100%;min-height:36px;padding:7px 10px;margin:3px 4px 3px 0;line-height:1.25;white-space:normal;text-align:center}
.fnxf633-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:700px){.fnxf633 tbody td:last-child{min-width:210px;width:220px}.fnxf633 tbody td:last-child button{min-height:40px;padding:8px 10px}}
.fnxf633 td .fnxf633-archive{color:#9d4b34}.fnxf633-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:15px;font-size:12px;color:#70829a}.fnxf633-form{background:#f8fbff;border:1px solid #dfe9f5;padding:20px;border-radius:14px;margin-top:22px}.fnxf633-form[hidden]{display:none!important}.fnxf633-form h3{font-size:18px!important;margin:0 0 15px!important}.fnxf633-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.fnxf633-fields label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:650}.fnxf633-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.fnxf633 :focus-visible{outline:3px solid #92baf7;outline-offset:2px}@media(max-width:700px){.fnxf633{padding:16px}.fnxf633-head{align-items:flex-start;flex-direction:column}.fnxf633-toolbar{flex-wrap:wrap}.fnxf633-fields{grid-template-columns:1fr}}

/* 2100000: complete, legible customer registration */
.fnxf633{--fnxf-accent:#2759b7;box-shadow:0 14px 44px rgba(25,48,86,.065);border-radius:22px}
.fnxf633 button{font-size:14px;min-height:44px;border-radius:12px}
.fnxf633 input,.fnxf633 select{font-size:15px;min-height:46px;border-radius:12px}
.fnxf633-fields label{font-size:13px;gap:8px}
.fnxf633-address{border:1px solid #dce6f3;border-radius:16px;margin:20px 0 0;padding:18px}
.fnxf633-address legend{font-size:15px;font-weight:750;padding:0 9px;color:#1e3453}
.fnxf633-address[hidden]{display:none!important}
.fnxf633-same{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:14px;font-weight:650}
.fnxf633-same input{width:20px;height:20px;min-height:20px}
.fnxf633 td,.fnxf633 th{font-size:13px}
@media(max-width:700px){.fnxf633-address{padding:12px}.fnxf633{border-radius:16px}}

.fnxf633-journey{border:1px solid #d5dbe4;border-radius:14px;padding:24px;max-width:min(520px,92vw);box-shadow:0 18px 60px #10213a33}.fnxf633-journey::backdrop{background:#0b162d88}.fnxf633-journey button{padding:9px 18px;cursor:pointer}

/* FINNEX CRM tenant-aware visual accents v1 */
.fnxf633{--fnxf633-brand:var(--fnxf-tenant-color,var(--fnx07-accent,var(--fnx-primary,var(--fn960-accent,#365b84))));--fnxf633-ink:var(--fnxf-tenant-text,var(--fnx07-text,var(--fnx-text,#253247)));--fnxf633-line:var(--fnxf-tenant-border,var(--fnx07-border,#dce3ea));color:var(--fnxf633-ink);border-color:var(--fnxf633-line)}
.fnxf633 .fnxf633-eyebrow{color:var(--fnxf633-brand)}
.fnxf633 h2{color:var(--fnxf633-ink)!important}
.fnxf633 button{color:var(--fnxf633-ink);border-color:var(--fnxf633-line)}
.fnxf633 button:hover{background:var(--fnxf-tenant-surface,#f3f5f7);border-color:var(--fnxf633-brand)}
.fnxf633 .fnxf633-eyebrow,.fnxf633 .fnxf633-toolbar label{color:var(--fnxf633-ink)}
.fnxf633 p,.fnxf633 .fnxf633-head p{color:var(--fnxf633-ink)}
.fnxf633 input,.fnxf633 select{color:var(--fnxf633-ink);border-color:var(--fnxf633-line);background:var(--fnxf-tenant-surface,var(--fnx07-surface,var(--fnx-surface,#fff)))}
.fnxf633 button:not(.fnxf633-primary){background:var(--fnxf-tenant-surface,var(--fnx07-surface,var(--fnx-surface,#fff)))}
.fnxf633 button:not(.fnxf633-primary):hover{border-color:var(--fnxf633-brand);filter:brightness(.97)}
.fnxf633 .fnxf633-primary{background:var(--fnxf633-brand);border-color:var(--fnxf633-brand);color:var(--fnxf-tenant-on-primary,#fff)}
.fnxf633 .fnxf633-primary:hover{background:var(--fnxf633-brand);filter:brightness(.93);color:var(--fnxf-tenant-on-primary,#fff)}
.fnxf633 input:focus,.fnxf633 select:focus{border-color:var(--fnxf633-brand)}
.fnxf633 :focus-visible{outline-color:var(--fnxf633-brand)}
.fnxf633 th{color:var(--fnxf633-ink)}
.fnxf633 .fnxf633-archive{color:#91412f}
/* Align remaining CRM surfaces with the tenant palette. */
.fnxf633 .fnxf633-form{background:var(--fnxf-tenant-surface,var(--fnx07-surface,var(--fnx-surface,#fff)));border-color:var(--fnxf633-line)}
.fnxf633 .fnxf633-address{border-color:var(--fnxf633-line)}
.fnxf633 .fnxf633-address legend{color:var(--fnxf633-ink)}
.fnxf633 .fnxf633-message:not(.fnxf633-error){color:var(--fnxf633-ink)!important}
.fnxf633 .fnxf633-same input{accent-color:var(--fnxf633-brand)}
.fnxf633 th{background:var(--fnxf-tenant-surface,#f4f7fb)}
/* Prevent legacy blue accents from overriding published tenant colors. */
.fnxf633{--fnxf-accent:var(--fnxf633-brand);background:var(--fnxf-tenant-surface,var(--fnx07-surface,var(--fnx-surface,#fff)))}
.fnxf633 .fnxf633-head p,.fnxf633 .fnxf633-pagination{color:var(--fnxf633-ink)}
.fnxf633 .fnxf633-table-wrap{border-radius:12px}
.fnxf633 tbody tr:hover{background:color-mix(in srgb,var(--fnxf633-brand) 5%,white)}
@supports not (background:color-mix(in srgb,red,white)){.fnxf633 tbody tr:hover{background:#f3f5f7}}
.fnxf633 button:focus-visible,.fnxf633 input:focus-visible,.fnxf633 select:focus-visible{outline:3px solid var(--fnxf633-brand);outline-offset:3px}
@media(forced-colors:active){.fnxf633 button:focus-visible,.fnxf633 input:focus-visible,.fnxf633 select:focus-visible{outline:3px solid Highlight}}
/* Responsive CRM: keep action controls usable without horizontal clipping. */
@media(max-width:700px){.fnxf633-toolbar{align-items:stretch}.fnxf633-toolbar input{flex-basis:100%;width:100%;min-width:0}.fnxf633-form-actions{flex-wrap:wrap}.fnxf633-form-actions button{flex:1 1 150px}.fnxf633-pagination{flex-wrap:wrap;justify-content:center}.fnxf633-journey{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}}
@media(prefers-reduced-motion:no-preference){.fnxf633 button{transition:background-color .15s ease,border-color .15s ease,filter .15s ease}}
/* Small-screen resilience and accessible text sizing. */
.fnxf633{min-width:0;max-width:100%}.fnxf633-head>div{min-width:0}.fnxf633-toolbar>*{max-width:100%}.fnxf633-fields>*{min-width:0}.fnxf633-fields input,.fnxf633-fields select{width:100%;min-width:0}
@media(max-width:420px){.fnxf633{margin:12px 0;padding:12px}.fnxf633-toolbar{gap:8px}.fnxf633-toolbar label{flex:1 0 100%}.fnxf633-toolbar select,.fnxf633-toolbar button{flex:1 1 120px}.fnxf633-form{padding:12px}.fnxf633-head h2{overflow-wrap:anywhere}.fnxf633-pagination{gap:6px}.fnxf633-pagination button{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.fnxf633 button{transition:none!important;animation:none!important}}
/* Readable CRM data tables and keyboard navigation across tenant themes. */
.fnxf633 .fnxf633-table-wrap{scrollbar-width:thin;scrollbar-color:var(--fnxf633-brand) transparent}
.fnxf633 .fnxf633-table-wrap:focus-within{outline:2px solid var(--fnxf633-brand);outline-offset:2px}
.fnxf633 td{overflow-wrap:anywhere}
.fnxf633 [name="tax_id"]{font-variant-numeric:tabular-nums;letter-spacing:.025em}
.fnxf633 [name="tax_id"]:focus-visible{outline-offset:2px}
.fnxf633 .fnxf633-pagination button:disabled{cursor:not-allowed;opacity:.55}
@media(max-width:700px){.fnxf633 .fnxf633-table-wrap{overscroll-behavior-x:contain}.fnxf633 td,.fnxf633 th{padding:10px}.fnxf633 .fnxf633-head{flex-wrap:wrap}.fnxf633 .fnxf633-head>button{width:100%}}
@media(forced-colors:active){.fnxf633 .fnxf633-primary{border:2px solid ButtonText}.fnxf633 .fnxf633-table-wrap:focus-within{outline-color:Highlight}}