/* v1.1.56 · Shared layout refinements, loaded after the selected theme.
   Scoped importance is needed where legacy theme rules use !important. */
html[data-ui-theme] body.customer-body.customer-body .voucher-redeem-card {
  display:grid!important;grid-template-columns:minmax(200px,.8fr) minmax(340px,1.2fr);
  align-items:center;gap:20px 32px;padding:26px!important;margin-top:24px!important;
  border:1px solid #dce5f0!important;border-radius:20px!important;
  background:#f7faff!important;box-shadow:none!important;min-width:0;
}
html[data-ui-theme] body.customer-body.customer-body .voucher-redeem-copy h3 {margin:6px 0 8px;font-size:21px!important;line-height:1.4}
html[data-ui-theme] body.customer-body.customer-body .voucher-redeem-copy p {margin:0;color:#69788d;line-height:1.7}
html[data-ui-theme] body.customer-body.customer-body .voucher-redeem-form {
  display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;
  min-width:0;width:100%;margin:0!important;
}
html[data-ui-theme] body.customer-body.customer-body .voucher-code-field {display:grid;gap:8px;min-width:0;color:#52647b;font-size:14px!important}
html[data-ui-theme] body.customer-body.customer-body #voucherCode {height:48px!important;width:100%;min-width:0;min-height:48px!important;padding:12px 14px!important;border-radius:12px!important;font-size:16px!important;letter-spacing:.035em;background:#fff!important}
html[data-ui-theme] body.customer-body.customer-body .voucher-redeem-form .button {height:48px;min-height:48px;padding:12px 20px!important;border-radius:12px!important;white-space:nowrap;font-size:16px!important}
html[data-ui-theme] body.customer-body.customer-body #voucherRedeemMessage {grid-column:1/-1;margin:0}
html[data-ui-theme] body.customer-body.customer-body #voucherRedeemMessage:empty {display:none!important}
@media(max-width:1100px){
  html[data-ui-theme] body.customer-body.customer-body .voucher-redeem-card {grid-template-columns:minmax(0,1fr);gap:20px}
}
@media(max-width:600px){
  html[data-ui-theme] body.customer-body.customer-body .voucher-redeem-card {padding:18px!important;gap:16px;margin-top:16px!important}
  html[data-ui-theme] body.customer-body.customer-body .voucher-redeem-form {grid-template-columns:minmax(0,1fr);gap:12px}
  html[data-ui-theme] body.customer-body.customer-body .voucher-redeem-form .button {width:100%}
}

/* Desktop: readable type and a genuine text-and-icon sidebar. */
@media(min-width:1024px){
 html[data-ui-theme] body:is(.customer-body,.admin-body):is(.customer-body,.admin-body){font-size:16px!important;line-height:1.65;--desktop-sidebar:248px}
 html[data-ui-theme] body.customer-body.customer-body {padding-left:var(--desktop-sidebar)!important}
 html[data-ui-theme] body.customer-body.customer-body:not([data-session-state="authenticated"]){padding-left:0!important}
 html[data-ui-theme] body.customer-body.customer-body .customer-bottom-nav {width:var(--desktop-sidebar)!important;padding:28px 18px!important}
 html[data-ui-theme] body.customer-body.customer-body .customer-bottom-nav:before {margin:0 0 32px 12px!important;width:46px;height:46px}
 html[data-ui-theme] body.customer-body.customer-body .customer-bottom-nav .nav-item {font-size:17px!important;min-height:54px!important;gap:14px!important;padding:13px 16px!important;border-radius:14px!important}
 html[data-ui-theme] body.customer-body.customer-body .customer-bottom-nav .nav-icon svg {width:23px!important;height:23px!important}
 html[data-ui-theme] body.admin-body #adminApp {grid-template-columns:var(--desktop-sidebar) minmax(0,1fr)!important}
 html[data-ui-theme] body.admin-body #adminApp .admin-sidebar {width:var(--desktop-sidebar)!important;min-width:0;padding:24px 16px!important}
 html[data-ui-theme] body.admin-body #adminApp .sidebar-nav .nav-item {font-size:17px!important;min-height:50px;padding:12px 14px!important;gap:12px;border-radius:12px!important}
 html[data-ui-theme] body.admin-body #adminApp .nav-label {font-size:14px!important}
 html[data-ui-theme] body.admin-body #adminApp .nav-group-toggle {font-size:15.5px!important;line-height:1.5;min-height:48px;padding:13px 14px!important}
 html[data-ui-theme] body.admin-body #adminApp .brand-copy strong {font-size:17px!important}
 html[data-ui-theme] body:is(.customer-body,.admin-body):is(.customer-body,.admin-body) :is(.page-intro p,.page-head p,.mapping-head p,.table-head p,.section-heading p,.plan-description,.plan-features,.subscription-card p,.admin-form-panel label,.field-help,.mapping-select-label,.mapping-custom-name,.setting-row,.message,td) {font-size:16px!important;line-height:1.65}
 html[data-ui-theme] body:is(.customer-body,.admin-body):is(.customer-body,.admin-body) :is(.button,.action-button,.small-button,.segmented-item) {font-size:16px!important;min-height:42px}
 html[data-ui-theme] body:is(.customer-body,.admin-body):is(.customer-body,.admin-body) :is(th,td small,.breadcrumb,.eyebrow,.stat-label,.badge,.field-caption,.mapping-metrics,.account-trigger-copy small) {font-size:14px!important;line-height:1.5}
 html[data-ui-theme] body:is(.customer-body,.admin-body):is(.customer-body,.admin-body) :is(.table-head h3,.section-heading h2,.mapping-card h3,.panel-head h3) {font-size:21px!important;line-height:1.4}
 html[data-ui-theme] body:is(.customer-body,.admin-body):is(.customer-body,.admin-body) :is(.page-intro h1,.page-head h1,.mapping-head h1) {font-size:34px!important;line-height:1.3!important}
 html[data-ui-theme] body:is(.customer-body,.admin-body):is(.customer-body,.admin-body) .topbar h2 {font-size:23px!important}
 html[data-ui-theme] body:is(.customer-body,.admin-body):is(.customer-body,.admin-body) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="file"]),select,textarea) {font-size:16px!important;min-height:46px!important;height:auto!important;line-height:1.5!important}
}

/* Desktop content uses the available canvas, not a narrow centered column. */
@media(min-width:1024px){
 html[data-ui-theme] body:is(.customer-body,.admin-body):is(.customer-body,.admin-body) :is(.shell,.app-layout,.workspace) {max-width:none!important;min-width:0}
 html[data-ui-theme] body.customer-body #appView>.workspace {width:100%!important;margin:0!important;padding:0!important}
 html[data-ui-theme] body:is(.customer-body,.admin-body):is(.customer-body,.admin-body) :is(.content-view,.admin-content) {width:100%!important;max-width:none!important;margin:0!important;padding:24px clamp(24px,2vw,40px) 40px!important}
 html[data-ui-theme] body:is(.customer-body,.admin-body):is(.customer-body,.admin-body) .topbar {padding:20px clamp(24px,2vw,40px)!important}
 html[data-ui-theme] body.admin-body #adminView :is(.admin-page,.admin-form-panel,.settings-layout,.monitor-layout,.stats-layout) {max-width:none;width:100%;min-width:0}
 html[data-ui-theme] body.customer-body #plansView .plans-grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important}
}

@media(min-width:1024px){
 html[data-ui-theme] body.customer-body.customer-body #appView>.workspace {padding:0!important;width:100%!important;margin:0!important}
 html[data-ui-theme] body.admin-body.admin-body #adminApp>.workspace {margin-left:var(--desktop-sidebar)!important;width:calc(100% - var(--desktop-sidebar))!important}
}

/* Feedback has its own icon, readable rhythm and semantic colors. */
html[data-ui-theme] body:is(.customer-body,.admin-body) .message:empty {display:none!important;margin:0!important;padding:0!important;border:0!important}
html[data-ui-theme] body:is(.customer-body,.admin-body) .message:not(:empty) {
 position:relative;display:block!important;min-height:48px;margin:14px 0;padding:13px 18px 13px 50px!important;
 border:1px solid #f1d7b7!important;border-radius:14px!important;background:#fff8ef!important;color:#8b511f!important;
 font-size:14px!important;font-weight:500!important;line-height:1.65;overflow-wrap:anywhere;
}
html[data-ui-theme] body:is(.customer-body,.admin-body) .message:not(:empty)::before {
 content:'!';position:absolute;left:15px;top:13px;display:grid;place-items:center;width:23px;height:23px;
 border-radius:50%;background:#f6dfc1;color:inherit;font-size:14px;font-weight:700;line-height:1;
}
html[data-ui-theme] body:is(.customer-body,.admin-body) .message.success:not(:empty) {border-color:#cce7da!important;background:#f0faf5!important;color:#23734e!important}
html[data-ui-theme] body:is(.customer-body,.admin-body) .message.success:not(:empty)::before {content:'✓';background:#d7f0e2}
html[data-ui-theme] body:is(.customer-body,.admin-body) .message:is(.info,[data-state="loading"]):not(:empty) {border-color:#d8e4f6!important;background:#f3f7ff!important;color:#365e9a!important}
html[data-ui-theme] body:is(.customer-body,.admin-body) .message:is(.info,[data-state="loading"]):not(:empty)::before {content:'i';background:#dce9fc}
html[data-ui-theme] body:is(.customer-body,.admin-body) .message[data-state="error"]:not(:empty) {border-color:#f0ccd0!important;background:#fff4f4!important;color:#b33d4b!important}
html[data-ui-theme] body:is(.customer-body,.admin-body) #toastRegion {
 position:fixed!important;inset:22px 22px auto auto!important;transform:none!important;margin:0!important;
 display:grid!important;gap:10px!important;width:min(410px,calc(100vw - 28px))!important;max-height:calc(100dvh - 40px);overflow:auto;
 padding:0!important;border:0!important;background:transparent!important;pointer-events:none!important;
}
html[data-ui-theme] body:is(.customer-body,.admin-body) #toastRegion .toast {
 display:grid!important;grid-template-columns:32px minmax(0,1fr) 28px;align-items:start;gap:12px;padding:17px!important;
 border:1px solid #dce7e2!important;border-radius:18px!important;background:#fff!important;color:#34433f!important;
 box-shadow:0 10px 34px #213c5321!important;pointer-events:auto;animation:notice-enter .22s ease-out;
}
html[data-ui-theme] body:is(.customer-body,.admin-body) #toastRegion .toast-icon {display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#e3f4eb;color:#267a52;font-size:18px}
html[data-ui-theme] body:is(.customer-body,.admin-body) #toastRegion .toast.error .toast-icon {color:#b43d4b;background:#fde9eb}
html[data-ui-theme] body:is(.customer-body,.admin-body) #toastRegion .toast.info .toast-icon {color:#3b68be;background:#eaf1ff}
html[data-ui-theme] body:is(.customer-body,.admin-body) #toastRegion .toast-text {font-size:15px!important;line-height:1.65;font-weight:500;align-self:center;overflow-wrap:anywhere}
html[data-ui-theme] body:is(.customer-body,.admin-body) #toastRegion .toast-close {display:grid;place-items:center;width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:#798594;font-size:21px;cursor:pointer}
html[data-ui-theme] body:is(.customer-body,.admin-body) #toastRegion .toast-close:hover {background:#f1f4f8}
@keyframes notice-enter {from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:680px){html[data-ui-theme] body:is(.customer-body,.admin-body) #toastRegion {inset:12px 14px auto!important;width:calc(100vw - 28px)!important}}
@media(prefers-reduced-motion:reduce){html[data-ui-theme] body:is(.customer-body,.admin-body) #toastRegion .toast {animation:none}}

/* Subscription monitor: a full-width, discoverable guide disclosure. */
html[data-ui-theme] body.admin-body #monitorHelp {padding:0!important;border:1px solid #dce4f0!important;border-radius:20px!important;overflow:hidden;background:#fff!important}
html[data-ui-theme] body.admin-body #monitorHelp .monitor-help-toggle {display:grid!important;grid-template-columns:46px minmax(0,1fr) 36px;align-items:center;gap:16px;width:100%;min-height:100px;margin:0;padding:22px 26px!important;list-style:none;background:#f6f9ff;cursor:pointer}
html[data-ui-theme] body.admin-body #monitorHelp .monitor-help-toggle::-webkit-details-marker {display:none}
html[data-ui-theme] body.admin-body #monitorHelp .monitor-help-icon {display:grid;place-items:center;width:46px;height:46px;border:1px solid #d8e4fc;border-radius:15px;background:#eaf1ff;color:#3e6bec;font-size:24px;font-weight:700}
html[data-ui-theme] body.admin-body #monitorHelp .monitor-help-copy {display:grid;gap:5px;min-width:0}
html[data-ui-theme] body.admin-body #monitorHelp .monitor-help-copy strong {font-size:21px!important;line-height:1.4;color:#253850!important}
html[data-ui-theme] body.admin-body #monitorHelp .monitor-help-copy small {font-size:14px!important;color:#697c94!important;line-height:1.6}
html[data-ui-theme] body.admin-body #monitorHelp .monitor-help-arrow {display:grid;place-items:center;width:36px;height:36px;border:1px solid #e0e7f1;border-radius:50%;background:#fff;transition:transform .2s ease}
html[data-ui-theme] body.admin-body #monitorHelp .monitor-help-arrow::before {content:'';width:8px;height:8px;border-right:2px solid #697c94;border-bottom:2px solid #697c94;transform:translateY(-2px) rotate(45deg)}
html[data-ui-theme] body.admin-body #monitorHelp[open] .monitor-help-arrow {transform:rotate(180deg)}
html[data-ui-theme] body.admin-body #monitorHelp[open] .monitor-help-toggle {border-bottom:1px solid #e5ebf3}
html[data-ui-theme] body.admin-body #monitorHelp .monitor-help-body {padding:26px!important}
html[data-ui-theme] body.admin-body #monitorHelp :is(p,li,label) {font-size:15px!important;line-height:1.8;color:#596b80!important}
html[data-ui-theme] body.admin-body #monitorHelp .monitor-steps {display:grid;gap:14px;counter-reset:guide;list-style:none;padding:0;margin:22px 0}
html[data-ui-theme] body.admin-body #monitorHelp .monitor-steps li {position:relative;padding:16px 18px 16px 60px;border:1px solid #e6ebf3;border-radius:14px;background:#fafcff;counter-increment:guide}
html[data-ui-theme] body.admin-body #monitorHelp .monitor-steps li::before {content:counter(guide,decimal-leading-zero);position:absolute;left:16px;top:16px;color:#5078bd;font-size:16px;font-weight:700}
html[data-ui-theme] body.admin-body #monitorHelp .monitor-steps li p {margin:6px 0 0}
@media(max-width:680px){
 html[data-ui-theme] body.admin-body #monitorHelp .monitor-help-toggle {grid-template-columns:36px minmax(0,1fr) 28px;gap:10px;min-height:84px;padding:16px!important}
 html[data-ui-theme] body.admin-body #monitorHelp .monitor-help-icon {width:36px;height:36px;border-radius:12px;font-size:20px}
 html[data-ui-theme] body.admin-body #monitorHelp .monitor-help-copy strong {font-size:18px!important}
 html[data-ui-theme] body.admin-body #monitorHelp .monitor-help-copy small {font-size:12px!important}
 html[data-ui-theme] body.admin-body #monitorHelp .monitor-help-arrow {width:28px;height:28px}
 html[data-ui-theme] body.admin-body #monitorHelp .monitor-help-body {padding:16px!important}
 html[data-ui-theme] body.admin-body #monitorHelp .monitor-steps li {padding:14px 14px 14px 48px}
}

/* Request lifecycle feedback: animated but explicitly indeterminate. */
html[data-ui-theme] body:is(.customer-body,.admin-body) #requestProgress {position:fixed;z-index:14000;inset:0 0 auto;pointer-events:none;text-align:center;padding:0;background:transparent;border:0}
html[data-ui-theme] body:is(.customer-body,.admin-body) #requestProgress[hidden] {display:none!important}
.request-progress-track {height:3px;overflow:hidden;background:#e5edfc}
.request-progress-track span {display:block;height:100%;width:36%;background:#3e6bec;box-shadow:0 0 12px #3e6bec55;animation:request-sweep 1.2s ease-in-out infinite}
.request-progress-label {display:inline-flex;align-items:center;gap:9px;max-width:calc(100vw - 36px);margin-top:10px;padding:9px 16px;border:1px solid #dce6f7;border-radius:999px;background:#fffffff5;color:#3b587f;box-shadow:0 5px 20px #27426016;font-size:13px!important;font-weight:500;line-height:1.5}
.request-progress-label::before {content:'';width:13px;height:13px;flex:0 0 13px;border:2px solid #c9d8f6;border-top-color:#3e6bec;border-radius:50%;animation:request-spin .7s linear infinite}
#requestProgress[data-state="complete"] .request-progress-track span {width:100%;animation:none;background:#32a16b}
#requestProgress[data-state="complete"] .request-progress-label::before {content:'✓';border:0;border-radius:0;animation:none;color:#238257}
#requestProgress[data-state="error"] .request-progress-track span {width:100%;animation:none;background:#d56b59}
#requestProgress[data-state="error"] .request-progress-label::before {content:'!';border:0;animation:none;color:#af493b}
html[data-ui-theme] body:is(.customer-body,.admin-body) button[data-busy="true"] {display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:wait}
html[data-ui-theme] body:is(.customer-body,.admin-body) button[data-busy="true"]::before {content:'';display:inline-block;position:static;flex:0 0 14px;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:request-spin .7s linear infinite;background:none}
html[data-ui-theme] body:is(.customer-body,.admin-body) .message[data-state="loading"]::before {content:'';top:16px;width:16px;height:16px;border:2px solid #cadcf6;border-top-color:#3e6bec;border-radius:50%;background:none;animation:request-spin .7s linear infinite}
@keyframes request-sweep {0%{transform:translateX(-100%)}100%{transform:translateX(380%)}}
@keyframes request-spin {to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.request-progress-track span,.request-progress-label::before,html[data-ui-theme] body:is(.customer-body,.admin-body) button[data-busy="true"]::before,html[data-ui-theme] body:is(.customer-body,.admin-body) .message[data-state="loading"]::before {animation:none!important}.request-progress-track span{width:100%;opacity:.65}}

/* Mobile rhythm: remove vertical flex-basis and nested page padding. */
html[data-ui-theme] body:is(.customer-body,.admin-body) :is(.table-head,.commerce-section-head,.section-heading,.page-head)>div {flex-basis:auto!important;min-width:0}
html[data-ui-theme] body.customer-body #appView .content-view.hidden,
html[data-ui-theme] body.customer-body #mappingsView :is(.hidden,[hidden]),
html[data-ui-theme] body:is(.customer-body,.admin-body) [hidden] {display:none!important}
html[data-ui-theme] body.customer-body #mappingCards:empty {display:none!important}
@media(max-width:1023px){
 html[data-ui-theme] body.customer-body.customer-body #appView>.workspace {padding:0!important;width:100%!important;margin:0!important;min-height:0!important}
 html[data-ui-theme] body.customer-body.customer-body .workspace .content-view {width:100%!important;max-width:none!important;margin:0!important;padding:18px 16px 24px!important}
 html[data-ui-theme] body.customer-body.customer-body #appView {padding-bottom:calc(74px + env(safe-area-inset-bottom))!important}
 html[data-ui-theme] body.customer-body.customer-body .topbar {padding:12px 16px!important;min-height:64px!important}
 html[data-ui-theme] body.customer-body.customer-body :is(.mapping-head,.page-intro) {gap:12px;margin-bottom:18px!important}
 html[data-ui-theme] body.customer-body.customer-body :is(.mapping-head h1,.page-intro h1) {font-size:25px!important;line-height:1.35!important}
 html[data-ui-theme] body.customer-body.customer-body :is(.mapping-head p,.page-intro p) {font-size:14px!important;line-height:1.7!important;margin-top:6px!important}
 html[data-ui-theme] body.customer-body.customer-body :is(.commerce-section,.plans-order-panel) {padding:16px!important;border-radius:18px!important;margin-top:16px!important}
 html[data-ui-theme] body.customer-body.customer-body .commerce-section-head {display:block!important;min-height:0!important;height:auto!important;margin:0 0 16px!important;padding:0!important}
 html[data-ui-theme] body.customer-body.customer-body .commerce-section-head>div {flex:none!important;min-height:0!important;height:auto!important}
 html[data-ui-theme] body.customer-body.customer-body .commerce-section-head h2 {margin:0!important;font-size:20px!important;line-height:1.4!important}
 html[data-ui-theme] body.customer-body.customer-body .plans-grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;gap:12px!important;align-items:stretch}
 html[data-ui-theme] body.customer-body.customer-body .plan-card {padding:20px!important;min-width:0!important;min-height:0!important;border-radius:16px!important}
 html[data-ui-theme] body.customer-body.customer-body .plan-card h3 {font-size:21px!important;line-height:1.45}
 html[data-ui-theme] body.customer-body.customer-body .plan-description {font-size:14px!important;line-height:1.65;min-height:0!important;margin:8px 0 16px!important}
 html[data-ui-theme] body.customer-body.customer-body .plan-features {font-size:14px!important;line-height:1.8;margin-block:16px!important}
 html[data-ui-theme] body.customer-body.customer-body .plan-card .button {min-height:44px!important;font-size:15px!important}
 html[data-ui-theme] body.customer-body.customer-body .subscription-card {display:grid!important;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:10px 12px;padding:18px!important;min-height:0!important;margin:0 0 16px!important;border-radius:18px!important}
 html[data-ui-theme] body.customer-body.customer-body .subscription-icon {width:38px!important;height:38px!important;font-size:21px!important;border-radius:12px!important}
 html[data-ui-theme] body.customer-body.customer-body .subscription-card>.badge {grid-column:2;justify-self:start;margin:0!important}
 html[data-ui-theme] body.customer-body.customer-body .subscription-card p {font-size:13px!important;line-height:1.65}
 html[data-ui-theme] body.customer-body.customer-body :is(.table-head,.section-heading,.page-head) {min-height:0!important;height:auto!important;gap:12px}
 html[data-ui-theme] body.customer-body.customer-body .plans-order-panel .table-head {padding:0 0 14px!important;margin:0!important}
 html[data-ui-theme] body.customer-body.customer-body :is(.empty-state,.compact-empty) {min-height:0!important;padding:24px 16px!important}
 html[data-ui-theme] body.customer-body.customer-body .order-list:empty {display:none}
 html[data-ui-theme] body.admin-body.admin-body :is(.table-head,.section-heading,.page-head)>div {flex:0 1 auto!important}
 html[data-ui-theme] body.admin-body.admin-body .admin-content {padding:18px 16px 28px!important}
}
@media(max-width:480px){
 html[data-ui-theme] body.customer-body.customer-body .workspace .content-view {padding-inline:14px!important}
 html[data-ui-theme] body.customer-body.customer-body .mapping-switcher {padding:16px!important;gap:12px!important}
 html[data-ui-theme] body.customer-body.customer-body .mapping-switcher :is(select,.button) {font-size:15px!important;min-height:44px!important}
 html[data-ui-theme] body.customer-body.customer-body .voucher-redeem-copy p {font-size:14px!important}
}

@media(max-width:1023px){
 html[data-ui-theme] body.customer-body.customer-body #plansView {gap:16px!important}
 html[data-ui-theme] body.customer-body.customer-body #plansView>:is(.commerce-heading,.subscription-card,.commerce-section,.plans-order-panel) {margin:0!important}
 html[data-ui-theme] body.customer-body.customer-body #plansView .plans-catalog-panel {gap:16px!important}
 html[data-ui-theme] body.customer-body.customer-body #plansView .commerce-section-head {margin:0!important}
 html[data-ui-theme] body.customer-body.customer-body #plansView .subscription-badge {grid-column:2;justify-self:start;margin:0!important}
 html[data-ui-theme] body.customer-body.customer-body #plansView .subscription-card::before,
 html[data-ui-theme] body.customer-body.customer-body #plansView .subscription-card::after {display:none!important}
 html[data-ui-theme] body.customer-body.customer-body #plansView .plan-card-top {margin-bottom:12px!important}
 html[data-ui-theme] body.customer-body.customer-body #plansView .plan-price {padding-block:14px!important;margin-top:0!important}
}

/* Mobile navigation: edge-attached tab bar, with a sliding top accent. */
@media(max-width:1023px){
 html[data-ui-theme] body.customer-body.customer-body .customer-bottom-nav {inset:auto 0 0!important;width:100%!important;padding:0 max(4px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px,env(safe-area-inset-left))!important;border-top:1px solid #e3e9f0!important;border-radius:0!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -4px 18px #233a5705!important}
 html[data-ui-theme] body.customer-body.customer-body .customer-bottom-items {min-height:58px;max-width:720px!important;padding:0 4px!important;align-items:stretch}
 html[data-ui-theme] body.customer-body.customer-body .customer-bottom-items::before {top:0;bottom:0;height:auto;border-radius:12px 12px 0 0;background:linear-gradient(#3e6bec,#3e6bec) top center / 24px 3px no-repeat,linear-gradient(180deg,#edf3ff,transparent);box-shadow:none;transition:transform .32s cubic-bezier(.22,.8,.25,1),opacity .18s ease}
html[data-ui-theme] body.customer-body.customer-body .customer-bottom-nav .nav-item {height:58px!important;min-height:58px!important;width:100%!important;margin:0!important;padding:8px 1px 6px!important;gap:5px!important;border-radius:0!important;font-size:11px!important;font-weight:500;line-height:1.2!important;color:#768497!important;letter-spacing:0}
 html[data-ui-theme] body.customer-body.customer-body .customer-bottom-nav .nav-item.active {color:#3365d9!important;font-weight:650}
 html[data-ui-theme] body.customer-body.customer-body .customer-bottom-nav .nav-icon svg {width:21px!important;height:21px!important;stroke-width:1.65;transition:transform .25s ease}
 html[data-ui-theme] body.customer-body.customer-body .customer-bottom-nav .nav-item.active .nav-icon svg {transform:translateY(-1px);stroke-width:1.9}
 html[data-ui-theme] body.customer-body.customer-body .customer-bottom-nav .nav-item:focus-visible {outline:2px solid #86a9ef!important;outline-offset:-4px!important;border-radius:10px!important}
 html[data-ui-theme] body.customer-body.customer-body .customer-bottom-nav .nav-item:active {transform:scale(.96)}
}

/* Mapping: one compact save row directly under the centered mode tabs. */
html[data-ui-theme] body.customer-body.customer-body #mappingForm {min-width:0}
html[data-ui-theme] body.customer-body.customer-body #mappingForm .mapping-filter-bar {margin:16px 0;padding:18px;gap:16px!important;border-radius:18px}
html[data-ui-theme] body.customer-body.customer-body #mappingForm .mapping-save-bar {position:static!important;display:flex!important;flex-direction:row!important;text-align:left!important;align-items:center!important;justify-content:space-between;gap:16px!important;margin:0!important;padding:14px 0!important;border:0!important;border-top:1px solid #e8edf4!important;border-bottom:1px solid #e8edf4!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html[data-ui-theme] body.customer-body.customer-body #mappingForm .mapping-save-copy {min-width:0}
html[data-ui-theme] body.customer-body.customer-body #mappingChanged {margin:0 0 4px!important;font-size:15px!important;font-weight:650;color:#253b59;line-height:1.5}
html[data-ui-theme] body.customer-body.customer-body #mappingForm .mapping-save-bar small {display:block;font-size:13px!important;line-height:1.6;color:#7a889a}
html[data-ui-theme] body.customer-body.customer-body #saveMappings {flex:0 0 auto;width:auto!important;min-height:44px!important;margin:0!important;padding:10px 20px!important;font-size:15px!important;border-radius:12px!important}
@media(max-width:480px){
 html[data-ui-theme] body.customer-body.customer-body #mappingForm .mapping-filter-bar {padding:14px;gap:12px!important}
 html[data-ui-theme] body.customer-body.customer-body #mappingForm .mapping-save-bar {gap:12px!important}
 html[data-ui-theme] body.customer-body.customer-body #saveMappings {padding-inline:14px!important}
 html[data-ui-theme] body.customer-body.customer-body #mappingForm .mapping-save-bar small {font-size:12px!important}
}

/* Homepage: a shared responsive structure, with theme-aware colors. */
html[data-ui-theme] body.customer-body #homeView {--home-ink:var(--tech-ink,var(--glass-ink,#23334d));--home-muted:var(--tech-sub,var(--glass-sub,#738198));--home-accent:var(--tech-accent,var(--glass-accent,#3e6bec));--home-line:var(--tech-line,var(--glass-line,#e4eaf2));--home-panel:var(--tech-panel,var(--glass-panel-strong,#fff));--home-soft:var(--tech-panel-solid,var(--glass-panel,#f3f6fc));width:100%;overflow:clip}
html[data-ui-theme] body.customer-body #homeView .home-nav {min-height:76px!important;padding:16px clamp(20px,3vw,56px)!important;gap:20px;align-items:center}
html[data-ui-theme] body.customer-body #homeView .home-brand {min-width:0;gap:12px}
html[data-ui-theme] body.customer-body #homeView .home-brand strong {font-size:17px!important;line-height:1.4;white-space:nowrap}
html[data-ui-theme] body.customer-body #homeView .home-brand small {font-size:11px!important;line-height:1.5}
html[data-ui-theme] body.customer-body #homeView .home-nav-actions {display:flex;align-items:center;gap:12px;flex:none}
html[data-ui-theme] body.customer-body #homeView .home-hero {height:auto!important;max-height:none!important;min-height:0!important;padding:56px 0 40px!important;border:0!important;border-radius:0!important}
html[data-ui-theme] body.customer-body #homeView :is(.home-hero-inner,.home-template-stats,.home-capabilities,.home-footer) {width:calc(100% - clamp(40px,6vw,112px))!important;max-width:1600px!important;margin-inline:auto!important;box-sizing:border-box}
html[data-ui-theme] body.customer-body #homeView .home-hero-inner {display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;align-items:center;gap:clamp(32px,6vw,96px)!important;padding:0!important}
html[data-ui-theme] body.customer-body #homeView .home-hero-copy {display:block;min-width:0;max-width:none!important}
html[data-ui-theme] body.customer-body #homeView .home-kicker {display:inline-flex!important;align-items:center;width:auto!important;max-width:100%;margin:0 0 20px!important;padding:7px 12px!important;font-size:13px!important;font-weight:650;line-height:1.4;border-radius:10px!important}
html[data-ui-theme] body.customer-body #homeView .home-hero h1 {margin:0 0 22px!important;max-width:none!important;font-size:clamp(46px,4.4vw,72px)!important;line-height:1.16!important;letter-spacing:-.04em!important;color:var(--home-ink)!important}
html[data-ui-theme] body.customer-body #homeView .home-hero-copy>p {max-width:620px!important;margin:0!important;font-size:17px!important;line-height:1.85!important;color:var(--home-muted)!important}
html[data-ui-theme] body.customer-body #homeView .home-hero-actions {display:flex;flex-wrap:wrap;gap:12px!important;margin:26px 0 0!important}
html[data-ui-theme] body.customer-body #homeView .home-hero-actions .button {min-height:48px!important;padding:12px 24px!important;font-size:16px!important;line-height:1.4;border-radius:13px!important}
html[data-ui-theme] body.customer-body #homeView .home-trust-row {display:flex;flex-wrap:wrap;gap:10px 18px!important;margin:22px 0 0!important;line-height:1.6}
html[data-ui-theme] body.customer-body #homeView .home-trust-row span {font-size:13px!important;font-weight:500;color:var(--home-muted)!important}
html[data-ui-theme] body.customer-body #homeView .home-workflow {width:100%!important;max-width:560px;min-width:0;margin:0!important;padding:26px 28px!important;justify-self:end;background:var(--home-panel)!important;border:1px solid var(--home-line)!important;border-radius:24px!important;box-shadow:0 12px 36px #213a6210!important}
html[data-ui-theme] body.customer-body #homeView .workflow-heading {display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:0!important;padding:0 0 16px!important;border:0!important;border-bottom:1px solid var(--home-line)!important;line-height:1.5}
html[data-ui-theme] body.customer-body #homeView .workflow-heading strong {font-size:17px!important;color:var(--home-ink)!important}
html[data-ui-theme] body.customer-body #homeView .workflow-heading>span {font-size:11px;letter-spacing:.12em;color:var(--home-muted)}
html[data-ui-theme] body.customer-body #homeView .workflow-steps {list-style:none;display:grid;gap:0;margin:0!important;padding:2px 0!important;background:transparent}
html[data-ui-theme] body.customer-body #homeView .workflow-row {display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:15px!important;align-items:center!important;position:relative;min-height:0!important;margin:0!important;padding:20px 0!important;border:0!important;border-bottom:1px solid var(--home-line)!important;border-radius:0!important;background:transparent!important}
html[data-ui-theme] body.customer-body #homeView .workflow-row:last-child {border-bottom:0!important}
html[data-ui-theme] body.customer-body #homeView .workflow-number {display:grid!important;place-items:center;width:40px!important;height:40px!important;margin:0!important;padding:0!important;border:1px solid var(--home-line)!important;border-radius:12px!important;background:var(--home-soft)!important;color:var(--home-accent)!important;font-size:14px!important;font-weight:650;line-height:1;font-variant-numeric:tabular-nums}
html[data-ui-theme] body.customer-body #homeView .workflow-copy {min-width:0}
html[data-ui-theme] body.customer-body #homeView .workflow-copy strong {display:block;margin:0 0 5px!important;font-size:17px!important;line-height:1.45!important;color:var(--home-ink)!important}
html[data-ui-theme] body.customer-body #homeView .workflow-copy small {display:block;margin:0!important;font-size:14px!important;line-height:1.65!important;color:var(--home-muted)!important}
html[data-ui-theme] body.customer-body #homeView .workflow-foot {margin:2px 0 0!important;padding:14px 0 0!important;border-top:1px solid var(--home-line);font-size:13px!important;line-height:1.6!important;color:var(--home-muted)!important}
html[data-ui-theme] body.customer-body #homeView .home-template-stats {margin-top:0!important;margin-bottom:0!important;padding:28px!important;border:1px solid var(--home-line)!important;border-radius:22px!important;background:var(--home-panel)!important}
html[data-ui-theme] body.customer-body #homeView .home-template-heading {margin-bottom:22px!important;gap:18px}
html[data-ui-theme] body.customer-body #homeView .home-template-heading h2 {font-size:27px!important;line-height:1.4}
html[data-ui-theme] body.customer-body #homeView .home-template-heading p {font-size:15px!important;line-height:1.7!important}
html[data-ui-theme] body.customer-body #homeView .home-template-stats-grid {gap:14px!important}
html[data-ui-theme] body.customer-body #homeView .home-template-stats-grid article {min-height:105px!important;padding:18px 20px!important;border-radius:14px!important;gap:10px}
html[data-ui-theme] body.customer-body #homeView .home-template-stats-grid article span {font-size:14px!important}
html[data-ui-theme] body.customer-body #homeView .home-template-stats-grid article strong {font-size:30px!important;line-height:1.25!important}
html[data-ui-theme] body.customer-body #homeView .home-capabilities {padding:40px 0!important}
html[data-ui-theme] body.customer-body #homeView .home-section-head {margin-bottom:22px!important}
html[data-ui-theme] body.customer-body #homeView .home-section-head h2 {font-size:28px!important;line-height:1.45}
html[data-ui-theme] body.customer-body #homeView .home-capability-grid {gap:20px!important}
html[data-ui-theme] body.customer-body #homeView .home-capability-grid article {padding:26px!important;border-radius:20px!important}
html[data-ui-theme] body.customer-body #homeView .home-capability-grid h3 {font-size:19px!important;line-height:1.5}
html[data-ui-theme] body.customer-body #homeView .home-capability-grid p {font-size:15px!important;line-height:1.8}
html[data-ui-theme] body.customer-body #homeView .home-footer {padding:20px 0!important;gap:12px}
@media(max-width:900px){
 html[data-ui-theme] body.customer-body #homeView .home-hero {padding:32px 0 28px!important}
 html[data-ui-theme] body.customer-body #homeView .home-hero-inner {grid-template-columns:minmax(0,1fr)!important;gap:26px!important}
 html[data-ui-theme] body.customer-body #homeView .home-workflow {max-width:none!important;padding:22px!important}
 html[data-ui-theme] body.customer-body #homeView .home-hero h1 {font-size:clamp(38px,6.5vw,56px)!important}
 html[data-ui-theme] body.customer-body #homeView .home-nav-link {display:none!important}
}
@media(max-width:600px){
 html[data-ui-theme] body.customer-body #homeView .home-nav {min-height:64px!important;padding:12px 16px!important;gap:10px}
 html[data-ui-theme] body.customer-body #homeView .home-brand {gap:8px}
 html[data-ui-theme] body.customer-body #homeView .home-brand strong {font-size:14px!important}
 html[data-ui-theme] body.customer-body #homeView .home-brand small {display:none!important}
 html[data-ui-theme] body.customer-body #homeView .home-brand .brand-mark {width:32px!important;height:32px!important;min-width:32px!important;font-size:18px!important;border-radius:10px!important}
 html[data-ui-theme] body.customer-body #homeView .home-nav-actions {gap:6px!important}
 html[data-ui-theme] body.customer-body #homeView .home-nav-actions .button {min-height:38px!important;padding:8px 11px!important;font-size:13px!important;line-height:1.3;white-space:nowrap}
 html[data-ui-theme] body.customer-body #homeView :is(.home-hero-inner,.home-template-stats,.home-capabilities,.home-footer) {width:calc(100% - 32px)!important}
 html[data-ui-theme] body.customer-body #homeView .home-hero {padding:28px 0 24px!important}
 html[data-ui-theme] body.customer-body #homeView .home-kicker {font-size:12px!important;margin-bottom:16px!important;padding:6px 10px!important}
 html[data-ui-theme] body.customer-body #homeView .home-hero h1 {font-size:clamp(34px,9vw,48px)!important;margin-bottom:16px!important}
 html[data-ui-theme] body.customer-body #homeView .home-hero-copy>p {font-size:15px!important;line-height:1.8!important}
 html[data-ui-theme] body.customer-body #homeView .home-hero-actions {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;margin-top:20px!important}
 html[data-ui-theme] body.customer-body #homeView .home-hero-actions .button {min-width:0!important;padding:11px 8px!important;font-size:14px!important;min-height:44px!important}
 html[data-ui-theme] body.customer-body #homeView .home-trust-row {gap:8px 12px!important;margin-top:16px!important}
 html[data-ui-theme] body.customer-body #homeView .home-trust-row span {font-size:12px!important}
 html[data-ui-theme] body.customer-body #homeView .home-workflow {padding:18px!important;border-radius:18px!important}
 html[data-ui-theme] body.customer-body #homeView .workflow-heading {padding-bottom:13px!important}
 html[data-ui-theme] body.customer-body #homeView .workflow-heading strong {font-size:15px!important}
 html[data-ui-theme] body.customer-body #homeView .workflow-row {grid-template-columns:34px minmax(0,1fr)!important;gap:12px!important;padding:16px 0!important}
 html[data-ui-theme] body.customer-body #homeView .workflow-number {width:34px!important;height:34px!important;border-radius:10px!important;font-size:12px!important}
 html[data-ui-theme] body.customer-body #homeView .workflow-copy strong {font-size:15px!important;margin-bottom:4px!important}
 html[data-ui-theme] body.customer-body #homeView .workflow-copy small {font-size:13px!important}
 html[data-ui-theme] body.customer-body #homeView .workflow-foot {font-size:12px!important;padding-top:12px!important}
 html[data-ui-theme] body.customer-body #homeView .home-template-stats {padding:18px!important;border-radius:18px!important}
 html[data-ui-theme] body.customer-body #homeView .home-template-heading {gap:10px!important;margin-bottom:16px!important}
 html[data-ui-theme] body.customer-body #homeView .home-template-heading h2 {font-size:22px!important}
 html[data-ui-theme] body.customer-body #homeView .home-template-heading p {font-size:13px!important}
 html[data-ui-theme] body.customer-body #homeView .home-template-badge {padding:6px 10px!important;font-size:11px!important}
 html[data-ui-theme] body.customer-body #homeView .home-template-stats-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 html[data-ui-theme] body.customer-body #homeView .home-template-stats-grid article {min-height:88px!important;padding:14px 12px!important}
 html[data-ui-theme] body.customer-body #homeView .home-template-stats-grid article span {font-size:12px!important}
 html[data-ui-theme] body.customer-body #homeView .home-template-stats-grid article strong {font-size:25px!important}
 html[data-ui-theme] body.customer-body #homeView .home-capabilities {padding:28px 0!important}
 html[data-ui-theme] body.customer-body #homeView .home-section-head h2 {font-size:22px!important}
 html[data-ui-theme] body.customer-body #homeView .home-capability-grid {grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 html[data-ui-theme] body.customer-body #homeView .home-capability-grid article {padding:20px!important}
 html[data-ui-theme] body.customer-body #homeView .home-capability-grid h3 {font-size:17px!important;margin-block:12px 8px!important}
 html[data-ui-theme] body.customer-body #homeView .home-capability-grid p {font-size:14px!important;margin:0!important}
 html[data-ui-theme] body.customer-body #homeView .home-footer {font-size:12px!important;flex-wrap:wrap}
}
@media(max-width:359px){html[data-ui-theme] body.customer-body #homeView .home-brand strong {font-size:12px!important}html[data-ui-theme] body.customer-body #homeView .home-nav-actions .button {padding-inline:8px!important;font-size:12px!important}}


/* v1.1.56 · Mobile rhythm: compact without sacrificing tap targets. */
@media(max-width:680px){
 html[data-ui-theme] body:is(.customer-body,.admin-body){font-size:14px!important;line-height:1.55;overflow-x:hidden}
 html[data-ui-theme] body:is(.customer-body,.admin-body) :is(.content-view,.admin-content){padding:14px 12px 22px!important;gap:14px!important}
 html[data-ui-theme] body:is(.customer-body,.admin-body) :is(.page-intro,.mapping-head,.section-heading,.page-head,.commerce-section-head){gap:10px!important;margin-bottom:14px!important}
 html[data-ui-theme] body:is(.customer-body,.admin-body) :is(.page-intro h1,.mapping-head h1,.page-head h1,.section-heading h1){font-size:clamp(22px,6vw,24px)!important;line-height:1.28!important;letter-spacing:-.02em}
 html[data-ui-theme] body:is(.customer-body,.admin-body) :is(.table-head h3,.commerce-section-head h2,.panel-head h3,.mapping-card h3){font-size:17px!important;line-height:1.4!important}
 html[data-ui-theme] body:is(.customer-body,.admin-body) :is(.page-intro p,.mapping-head p,.page-head p,.section-heading p,.table-head p,.commerce-section-head p){font-size:13px!important;line-height:1.6!important;margin-top:4px!important}
 html[data-ui-theme] body:is(.customer-body,.admin-body) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="file"]),select,textarea){min-height:42px!important;height:auto!important;padding:9px 11px!important;font-size:14px!important;line-height:1.45!important}
 html[data-ui-theme] body:is(.customer-body,.admin-body) textarea{min-height:88px!important}
 html[data-ui-theme] body:is(.customer-body,.admin-body) :is(.button,.action-button,.small-button,.segmented-item){min-height:40px!important;padding:9px 12px!important;font-size:14px!important;line-height:1.35!important}
 html[data-ui-theme] body:is(.customer-body,.admin-body) :is(.table-head,.section-heading,.page-head){padding:14px!important}
 html[data-ui-theme] body:is(.customer-body,.admin-body) :is(.table-card,.stat-card,.connection-card,.mapping-card,.sync-card,.commerce-section,.plans-order-panel,.mobile-record-card){border-radius:16px!important}
 html[data-ui-theme] body:is(.customer-body,.admin-body) .mobile-record-head{padding:14px 14px 10px!important}
 html[data-ui-theme] body:is(.customer-body,.admin-body) .mobile-record-main{gap:8px!important;padding:0 14px 13px!important}
 html[data-ui-theme] body:is(.customer-body,.admin-body) .mobile-record-meta{gap:8px!important;padding:0 14px 13px!important}
 html[data-ui-theme] body:is(.customer-body,.admin-body) .mobile-record-actions{padding:11px 14px!important}
 html[data-ui-theme] body.customer-body #appView>.workspace{padding-bottom:calc(66px + env(safe-area-inset-bottom))!important}
 html[data-ui-theme] body.customer-body #appView{padding-bottom:0!important}
 html[data-ui-theme] body.customer-body .customer-bottom-nav{inset:auto 0 0!important;width:100%!important;max-width:none!important;margin:0!important;padding:4px 6px calc(4px + env(safe-area-inset-bottom))!important;border:0!important;border-top:1px solid #dfe6ef!important;border-radius:0!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -5px 18px rgba(31,50,81,.10)!important;backdrop-filter:none!important}
 html[data-ui-theme] body.customer-body .customer-bottom-items{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important}
 html[data-ui-theme] body.customer-body .customer-bottom-nav .nav-item{min-height:48px!important;padding:4px 1px!important;gap:2px!important;border-radius:10px!important;font-size:10px!important;line-height:1.15!important;white-space:nowrap}
 html[data-ui-theme] body.customer-body .customer-bottom-nav .nav-icon{width:18px!important;height:18px!important}
 html[data-ui-theme] body.customer-body .customer-bottom-nav .nav-icon svg{width:18px!important;height:18px!important}
 html[data-ui-theme] body.customer-body .customer-bottom-nav .nav-item>span:last-child{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}
 html[data-ui-theme] body.customer-body #homeView .home-hero{padding:22px 0 18px!important}
 html[data-ui-theme] body.customer-body #homeView .home-capabilities{padding:22px 0!important}
 html[data-ui-theme] body.customer-body #homeView .home-footer{margin-bottom:0!important}
}
@media(max-width:380px){
 html[data-ui-theme] body:is(.customer-body,.admin-body) :is(.content-view,.admin-content){padding-inline:10px!important}
 html[data-ui-theme] body:is(.customer-body,.admin-body) :is(.page-intro h1,.mapping-head h1,.page-head h1,.section-heading h1){font-size:22px!important}
 html[data-ui-theme] body:is(.customer-body,.admin-body) :is(.button,.action-button,.small-button,.segmented-item){font-size:13px!important;padding-inline:10px!important}
 html[data-ui-theme] body.customer-body .customer-bottom-nav{padding-inline:3px!important}
 html[data-ui-theme] body.customer-body .customer-bottom-nav .nav-item{font-size:9px!important}
 html[data-ui-theme] body.customer-body .customer-bottom-nav .nav-icon,html[data-ui-theme] body.customer-body .customer-bottom-nav .nav-icon svg{width:17px!important;height:17px!important}
}


/* v1.1.56 · Unified select controls across admin and customer pages. */
html[data-ui-theme] body:is(.customer-body,.admin-body) select:not([multiple]){appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box;min-width:0;max-width:100%;min-height:42px;padding:10px 38px 10px 13px!important;border:1px solid #dce5ef!important;border-radius:12px!important;background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235c7697' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 16px!important;color:#273a53!important;font-size:14px;line-height:1.35;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease!important;color-scheme:light}
html[data-ui-theme] body:is(.customer-body,.admin-body) select:not([multiple]):hover:not(:disabled){border-color:#b9cbe2!important;background-color:#fbfdff!important}
html[data-ui-theme] body:is(.customer-body,.admin-body) select:not([multiple]):focus{border-color:#6b95cf!important;box-shadow:0 0 0 3px #6b95cf22!important;outline:0!important}
html[data-ui-theme] body:is(.customer-body,.admin-body) select:not([multiple]):disabled{cursor:not-allowed!important;opacity:.58!important;background-color:#f4f7fa!important}
html[data-ui-theme] body:is(.customer-body,.admin-body) select:not([multiple]) option{background:#fff;color:#273a53}
@media(max-width:680px){html[data-ui-theme] body:is(.customer-body,.admin-body) select:not([multiple]){min-height:40px;padding:9px 34px 9px 11px!important;background-position:right 10px center!important;background-size:15px 15px!important;font-size:13px!important;border-radius:10px!important}}