/* UHNWI ecosystem presentation contract, shared byte-for-byte with Data.
   Core properties intentionally override legacy page rules. Layout, navigation,
   campaign email content, OTPs and semantic status colours remain independent. */
:root{
 --ui-font:Geist,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 --ui-ink:#202226;--ui-muted:#6f747c;--ui-placeholder:#858b94;
 --ui-line:#e7e8eb;--ui-control-line:#dfe2e7;--ui-surface:#fff;
 --ui-soft:#f7f8fa;--ui-row-hover:#f3f5f7;--ui-row-selected:#e9edf1;
 --ui-action-hover:#e1e5ea;--ui-action-active:#d4dae2;
 --ui-focus:#9ba2ab;--ui-focus-ring:#e9ecf0;
 --ui-control-height:40px;--ui-action-height:36px;--ui-control-radius:8px;
}
body{font-family:var(--ui-font)}
body :is(.admin-workspace,.account-workspace,.portal-workspace,[data-slot=dialog-content],[data-slot=popover-content],[data-slot=select-content]){font-family:var(--ui-font);--border:var(--ui-line);--input:var(--ui-control-line)}
/* Fields: the same surface and focus on pages, inline editors and portals. */
body :is([data-slot=input]:not([type=file]):not([type=hidden]),[data-slot=select-trigger],.admin-field .admin-multi,.account-phone-country){
 box-sizing:border-box;height:var(--ui-control-height)!important;min-height:var(--ui-control-height)!important;
 border:1px solid var(--ui-control-line)!important;border-radius:var(--ui-control-radius)!important;
 background:var(--ui-surface)!important;color:var(--ui-ink);font-family:var(--ui-font)!important;
 font-size:13px!important;font-weight:400!important;line-height:20px!important;box-shadow:none!important;
}
body :is([data-slot=select-trigger],.admin-field .admin-multi,.account-phone-country){padding:0 14px!important;gap:10px!important}
body :is(button,[role=combobox])[data-slot=select-trigger][data-size=sm]{height:36px!important;min-height:36px!important}
body :is([data-slot=textarea],.field textarea){border:1px solid var(--ui-control-line)!important;border-radius:var(--ui-control-radius)!important;background:var(--ui-surface)!important;font-family:var(--ui-font)!important;font-size:13px!important;line-height:1.6!important;box-shadow:none!important;min-height:88px}
body :is([data-slot=input],[data-slot=textarea])::placeholder{color:var(--ui-placeholder)!important;opacity:1}
body :is([data-slot=input],[data-slot=textarea],[data-slot=select-trigger],.admin-field .admin-multi,.account-phone-country):hover:not(:disabled){border-color:#bcc1c8!important}
body :is([data-slot=input],[data-slot=textarea],[data-slot=select-trigger],.admin-field .admin-multi,.account-phone-country):focus{outline:0!important;box-shadow:none!important}
body :is([data-slot=input],[data-slot=textarea],[data-slot=select-trigger],.admin-field .admin-multi,.account-phone-country):focus-visible{border-color:var(--ui-focus)!important;outline:0!important;box-shadow:0 0 0 2px var(--ui-focus-ring)!important}
body :is([data-slot=input],[data-slot=textarea],[data-slot=select-trigger],.admin-field .admin-multi,.account-phone-country):disabled{background:var(--ui-soft)!important;border-color:var(--ui-line)!important;color:var(--ui-placeholder)!important;opacity:1;box-shadow:none!important}
body :is([data-slot=input],[data-slot=textarea],[data-slot=select-trigger])[aria-invalid=true]{border-color:#c44c4c!important}
body :is([data-slot=select-trigger],.admin-field .admin-multi,.account-phone-country)>svg{width:16px!important;height:16px!important;color:var(--ui-placeholder);opacity:1!important;flex-shrink:0;stroke-width:1.6}
body :is(.admin-field,.account-field,.contact-field){min-width:0}
body :is(.admin-field,.account-field)>span:first-child,body .contact-field>label{color:#555c65;font-size:12px!important;font-weight:500;line-height:18px}
/* Search controls keep a full border; no bottom-only input treatment. */
body [data-slot=command-input-wrapper]{height:var(--ui-control-height)!important;min-height:var(--ui-control-height)!important;padding:0 12px;border:1px solid var(--ui-control-line)!important;border-radius:var(--ui-control-radius)!important;background:#fff!important;box-shadow:none!important}
body [data-slot=command-input]{height:calc(var(--ui-control-height) - 2px)!important;border:0!important;box-shadow:none!important;font-size:13px!important;font-family:var(--ui-font)}
body [data-slot=command-input-wrapper]:has(input:focus-visible){border-color:var(--ui-focus)!important;box-shadow:0 0 0 2px var(--ui-focus-ring)!important}
/* Tables: collapse separators, preserve column sizing and scroll behaviour. */
body :is(.admin-workspace,.account-workspace,.portal-workspace,[data-slot=dialog-content],[data-slot=table-container]) table{border-collapse:collapse;font-family:var(--ui-font)}
body :is(.admin-workspace,.account-workspace,.portal-workspace,[data-slot=dialog-content],[data-slot=table-container]) :is(thead,tbody,tfoot,tr,th,td){border-color:var(--ui-line)!important}
body :is(.admin-workspace,.account-workspace,.portal-workspace,[data-slot=dialog-content],[data-slot=table-container]) thead :is(tr,th){background:var(--ui-soft)!important}
body :is(.admin-workspace,.account-workspace,.portal-workspace,[data-slot=dialog-content],[data-slot=table-container]) thead th{font-size:12px!important;font-weight:500!important;color:var(--ui-muted)!important;line-height:1.5}
body :is(.admin-workspace,.account-workspace,.portal-workspace,[data-slot=dialog-content],[data-slot=table-container]) tbody td{font-size:13px!important;line-height:1.5;border-bottom:1px solid var(--ui-line)}
body :is(.admin-workspace,.account-workspace,.portal-workspace,[data-slot=dialog-content],[data-slot=table-container]) tbody tr{background:#fff;transition:background-color .15s}
body :is(.admin-workspace,.account-workspace,.portal-workspace,[data-slot=dialog-content],[data-slot=table-container]) tbody tr:last-child>td{border-bottom:0}
body :is(.admin-workspace,.account-workspace,.portal-workspace,[data-slot=dialog-content],[data-slot=table-container]) tbody tr:is(:hover,:focus-within)>:is(td,th){background:var(--ui-row-hover)!important}
body :is(.admin-workspace,.account-workspace,.portal-workspace,[data-slot=dialog-content],[data-slot=table-container]) tbody tr:is([data-state=selected],[aria-selected=true])>:is(td,th){background:var(--ui-row-selected)!important}
body [data-slot=table-container]{border-color:var(--ui-line)!important;border-radius:10px}
/* Secondary actions have a stronger surface than the surrounding hovered row. */
body :is([data-slot=button],[data-ui-action]):is([data-variant=outline],[data-variant=secondary],[data-variant=ghost]):not(.admin-multi):not(.account-phone-country){border:0!important;background:transparent!important;box-shadow:none!important;border-radius:6px!important;font-family:var(--ui-font)!important;font-weight:400!important;color:#555c65;transition:background-color .15s,color .15s}
body :is([data-slot=button],[data-ui-action]):is([data-variant=outline],[data-variant=secondary],[data-variant=ghost]):not(.admin-multi):not(.account-phone-country):hover:not(:disabled){background:var(--ui-action-hover)!important;color:#0a0a0a!important}
body :is([data-slot=button],[data-ui-action]):is([data-variant=outline],[data-variant=secondary],[data-variant=ghost]):not(.admin-multi):not(.account-phone-country):active:not(:disabled){background:var(--ui-action-active)!important}
body :is(.admin-workspace,.account-workspace,.portal-workspace,[data-slot=dialog-content],[data-slot=table-container]) :is([data-slot=button],[data-ui-action]):not(.admin-multi):not(.account-phone-country){min-height:var(--ui-action-height)!important;font-size:13px!important;line-height:20px!important;font-family:var(--ui-font)!important;gap:8px}
body :is([data-slot=button],[data-ui-action])>svg{width:16px!important;height:16px!important;stroke-width:1.6;flex-shrink:0}
body :is([data-slot=button],[data-ui-action]):focus-visible{outline:2px solid var(--ui-focus)!important;outline-offset:2px!important;box-shadow:none!important}
body :is([data-slot=button],[data-ui-action])[data-variant=default]{background:#0a0a0a;color:#fff}
body :is([data-slot=button],[data-ui-action])[data-variant=default]:hover:not(:disabled){background:#303238}
body :is([data-slot=select-content],[data-slot=popover-content]){border:1px solid var(--ui-line)!important;border-radius:8px!important;background:#fff!important;box-shadow:0 6px 22px #00000014!important;color:var(--ui-ink);font-size:13px;font-family:var(--ui-font)}
body [data-slot=select-item]{font-size:13px!important;font-family:var(--ui-font);line-height:20px}
body [data-slot=select-item]:is(:hover,:focus,[data-highlighted],[aria-selected=true]){background:var(--ui-row-hover)!important;color:var(--ui-ink)!important}
body [data-slot=dialog-content]{border-color:var(--ui-line)!important;border-radius:12px!important;background:#fff;font-family:var(--ui-font)}
body :is(.admin-notice,.account-notice,.portal-notice){border-color:var(--ui-line)!important;font-size:13px;line-height:1.6}
body :is(.admin-muted,.account-muted,.portal-muted){color:var(--ui-muted)}
body :is(.admin-error,.account-error,.portal-error){font-family:var(--ui-font);font-size:13px;line-height:1.6}
@media(max-width:767px){
 :root{--ui-control-height:44px;--ui-action-height:40px}
 body :is([data-slot=input],[data-slot=textarea],[data-slot=select-trigger],.admin-field .admin-multi,.account-phone-country){font-size:16px!important}
 body :is(button,[role=combobox])[data-slot=select-trigger][data-size=sm]{height:40px!important;min-height:40px!important}
 body [data-slot=command-input]{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){body :is([data-slot=button],[data-ui-action]),body tbody tr{transition:none}}

body :is(.admin-workspace,.account-workspace,.portal-workspace,[data-slot=dialog-content],[data-slot=table-container]) :is([data-slot=table-head],[data-slot=table-cell]){padding:14px 16px!important}
body .field input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]){height:var(--ui-control-height);min-height:var(--ui-control-height);border:1px solid var(--ui-control-line);border-radius:var(--ui-control-radius);background:#fff;box-shadow:none;font-family:var(--ui-font);font-size:13px}
body .field :is(input,textarea):focus-visible{outline:0;box-shadow:0 0 0 2px var(--ui-focus-ring);border-color:var(--ui-focus)}

/* Keyboard actions receive the same distinct surface as hovered actions. */
body :is([data-slot=button],[data-ui-action]):is([data-variant=outline],[data-variant=secondary],[data-variant=ghost]):not(.admin-multi):not(.account-phone-country):focus-visible{background:var(--ui-action-hover)!important;color:#0a0a0a!important}
body :is(.button.secondary,.secondary-button){border:0!important;border-radius:6px!important;box-shadow:none!important;background:transparent;color:#555c65;font-family:var(--ui-font)}
body :is(.button.secondary,.secondary-button):is(:hover,:focus-visible):not(:disabled){background:var(--ui-action-hover)!important;color:#0a0a0a!important}
body :is(.admin-workspace,.account-workspace,.portal-workspace,[data-slot=dialog-content],[data-slot=table-container]) tbody th{font-size:13px;line-height:1.5}
@media(max-width:767px){body .field :is(input,textarea){font-size:16px!important}}

/* Shared catalog popup layout: Direct and Data. */
body .catalog-popup{box-sizing:border-box;padding:8px!important;overflow:hidden!important;min-width:min(320px,calc(100vw - 24px));}
body .catalog-popup:popover-open{display:flex;flex-direction:column;gap:4px}
body .catalog-popup [data-slot=command-list]{min-height:0;max-height:260px;overflow-y:auto;overscroll-behavior:contain;flex:1}
body .catalog-popup [data-slot=command-input-wrapper]{display:flex;align-items:center;gap:8px;flex-shrink:0}
body .catalog-popup [data-slot=command-input-wrapper]>svg{width:16px;height:16px;color:var(--ui-muted);flex-shrink:0}
body .catalog-popup [data-slot=command-input]{min-width:0;flex:1;padding:0;background:transparent;outline:0!important}
body .catalog-popup [data-slot=select-item][hidden]{display:none!important}
body .catalog-popup [data-slot=command-empty]{padding:16px 12px;text-align:center;color:var(--ui-muted)}
body .popup-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:4px 4px 4px 12px;min-height:44px;border-bottom:1px solid var(--ui-line);font-size:12px;font-weight:500;color:var(--ui-muted);background:#fff}
body .popup-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border:0;border-radius:7px;background:transparent;color:var(--ui-muted);cursor:pointer}
body .popup-close:hover{background:var(--ui-action-hover);color:var(--ui-ink)}
body .popup-close:focus-visible{outline:2px solid var(--ui-focus);outline-offset:-2px}
body .popup-close svg{width:16px;height:16px;pointer-events:none}
@media(pointer:coarse){body .popup-close{flex-basis:44px;width:44px;height:44px}}
