/* App-like confirmations, isolated from WordPress/theme button rules. */
dialog.vnd-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:20px;border:1px solid #bccbd9;border-radius:14px;background:#f9fbfd;color:#23384c;box-shadow:0 16px 48px #12284040;font:15px/1.5 system-ui,-apple-system,sans-serif;overflow:auto;text-align:left}
dialog.vnd-dialog::backdrop{background:#10203488}
dialog.vnd-dialog h2{margin:0 0 12px;padding:0;color:inherit;font:600 19px/1.3 system-ui,-apple-system,sans-serif}
dialog.vnd-dialog p{margin:0 0 8px;padding:0;color:inherit;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}
dialog.vnd-dialog .vnd-dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
dialog.vnd-dialog button:where(:not(.vnd-status-option)){box-sizing:border-box;min-height:44px;min-width:96px;max-width:100%;margin:0;padding:9px 16px;border:1px solid #b2c3d5;border-radius:8px;background:#e7eef5;color:#294862;font:600 15px/1.4 system-ui,-apple-system,sans-serif;cursor:pointer;text-transform:none;box-shadow:none}
dialog.vnd-dialog button.vnd-dialog-accept{background:#365f85;border-color:#365f85;color:#fff}
dialog.vnd-dialog button:where(:not(.vnd-status-option)):hover{filter:brightness(.95)}
dialog.vnd-dialog button:where(:not(.vnd-status-option)):focus-visible{outline:3px solid #538fbd;outline-offset:3px}
html[data-vnd-theme=dark] dialog.vnd-dialog{background:#1e2b3c;color:var(--vnd-text);border-color:#5b728c;color-scheme:dark}
html[data-vnd-theme=dark] dialog.vnd-dialog button:where(:not(.vnd-status-option)){background:#293d55;border-color:#607c98;color:var(--vnd-text)}
html[data-vnd-theme=dark] dialog.vnd-dialog button.vnd-dialog-accept{background:#416d96;border-color:#7aa3c9;color:var(--vnd-text)}
@media(max-width:380px){dialog.vnd-dialog{padding:16px}dialog.vnd-dialog button:where(:not(.vnd-status-option)){flex:1}}

/* Restored dialog focus is silent for mouse/touch; keyboard navigation keeps its ring. */
html.vnd-pointer-focus :is(.vnd-app,body.vnd-admin-workspace .wrap,dialog.vnd-dialog) :focus{outline:none!important}
html.vnd-pointer-focus :is(.vnd-app,body.vnd-admin-workspace .wrap,dialog.vnd-dialog) :is(button,a,input[type=submit],input[type=button]):focus:not(:focus-visible){box-shadow:none}

/* Guided authenticator setup reuses the shared dialog and control sizing. */
dialog.vnd-twofa-dialog{width:min(460px,calc(100vw - 24px));padding:20px}
dialog.vnd-twofa-dialog h2{text-align:center}
dialog.vnd-twofa-dialog form,dialog.vnd-twofa-dialog [data-enroll-auth],dialog.vnd-twofa-dialog [data-enroll-old],dialog.vnd-twofa-dialog [data-enroll-recovery],dialog.vnd-twofa-dialog [data-enroll-qrstep]{display:grid;gap:12px;min-width:0}
dialog.vnd-twofa-dialog [hidden]{display:none!important}
dialog.vnd-twofa-dialog p{margin:0;text-align:center;font-size:14px}
dialog.vnd-twofa-dialog input{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:6px 10px;border:1px solid var(--vnd-border,#ced9e4);border-radius:6px;background:var(--vnd-surface,#fff);color:inherit;font:inherit}
dialog.vnd-twofa-dialog .vnd-twofa-qr{justify-self:center;max-width:100%}
dialog.vnd-twofa-dialog details{min-width:0;text-align:center}
dialog.vnd-twofa-dialog summary{cursor:pointer;font-size:14px}
dialog.vnd-twofa-dialog details>input,dialog.vnd-twofa-dialog details>div{margin-top:8px}
dialog.vnd-twofa-dialog [data-enroll-key]{font-family:monospace;font-size:13px;text-align:center}
dialog.vnd-twofa-dialog .vnd-twofa-digits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:min(280px,100%);justify-self:center;min-width:0}
dialog.vnd-twofa-dialog .vnd-twofa-digits input{padding:0;text-align:center;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;caret-color:var(--vnd-text,#24364b)}
dialog.vnd-twofa-dialog .vnd-twofa-digits input:focus{border-color:var(--vnd-primary,#315f8d);box-shadow:0 0 0 1px var(--vnd-primary,#315f8d)}
dialog.vnd-twofa-dialog .vnd-dialog-actions{margin-top:0;gap:8px}
dialog.vnd-twofa-dialog .vnd-password-control{position:relative;width:100%}
dialog.vnd-twofa-dialog .vnd-password-control input{padding-right:calc(var(--vnd-control-height,34px) + 8px)}
dialog.vnd-twofa-dialog button.vnd-password-visibility{position:absolute;inset:0 0 auto auto;width:var(--vnd-control-height,34px);height:100%;min-height:0;min-width:0;margin:0;padding:0;border:0!important;border-radius:6px;background:transparent!important;box-shadow:none!important;color:var(--vnd-muted,#596d80);display:flex;align-items:center;justify-content:center}
dialog.vnd-twofa-dialog button.vnd-password-visibility:hover{color:var(--vnd-text,#24364b)}
dialog.vnd-twofa-dialog button.vnd-password-visibility:focus-visible{outline:2px solid var(--vnd-primary,#315f8d);outline-offset:-3px}
@media(max-width:1024px){dialog.vnd-twofa-dialog{padding:16px}dialog.vnd-twofa-dialog input{font-size:16px}}

/* Compact mobile confirmations and authenticator setup, with room around the modal. */
@media(max-width:1024px){
 dialog.vnd-dialog:is(.vnd-message-dialog,.vnd-twofa-dialog){
  width:fit-content;max-width:min(360px,calc(100vw - 56px));min-width:0;padding:16px;
 }
 dialog.vnd-twofa-dialog .vnd-twofa-qr svg{max-width:100%;height:auto}
}

/* Account fields: one subtle border from pointer focus through keyboard entry. */
html :is([data-vnd-account-data],dialog.vnd-twofa-dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),textarea,select):focus{
 border-color:#6085a8!important;
 outline:none!important;
 box-shadow:none!important;
}
html[data-vnd-theme=dark] :is([data-vnd-account-data],dialog.vnd-twofa-dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),textarea,select):focus{
 border-color:#7a9cbd!important;
}


/* Account modals match the actual full-width form field on phones and tablets. */
@media(max-width:1024px){
 body:has([data-vnd-account-data]) dialog.vnd-dialog:is(.vnd-message-dialog,.vnd-twofa-dialog){
  width:var(--vnd-account-dialog-width,calc(100vw - 48px));
  max-width:calc(100vw - 32px);
  min-width:0;
 }
}


/* Shared Vendors modal design, based on the accepted Account page. */
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel){
 --vnd-modal-control-height:34px;
 box-sizing:border-box;width:440px!important;max-width:calc(100vw - 48px)!important;
 min-width:0!important;max-height:calc(100dvh - 32px);margin:auto;padding:12px!important;
 border:1px solid #bccbd9;border-radius:14px;background:#f9fbfd;color:#23384c;
 box-shadow:0 16px 48px #12284040;font:15px/1.5 system-ui,-apple-system,sans-serif;
 overflow:auto;overscroll-behavior:contain;overflow-wrap:anywhere;
}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel)::backdrop{background:#10203488}
html[data-vnd-theme=dark] body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel){background:#1e2b3c;border-color:#5b728c;color:var(--vnd-text,#e5edf5);color-scheme:dark}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) :is(h1,h2,h3){font:600 19px/1.3 system-ui,-apple-system,sans-serif;color:inherit;margin:0 0 12px;padding:0;min-width:0}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel)>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel)>header :is(h2,h3){margin:0}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) :is(form,label,fieldset,dl,dd){min-width:0;max-width:100%;box-sizing:border-box}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) p{margin:0 0 8px;overflow-wrap:anywhere}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,button:not(.vnd-status-option):not(.vnd-number-steps>button)){
 box-sizing:border-box;height:var(--vnd-modal-control-height)!important;min-height:var(--vnd-modal-control-height)!important;
 max-width:100%;min-width:0;margin:0;border-radius:6px;font:inherit;line-height:1.3;
}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea){
 width:100%;padding:6px 10px;border:1px solid var(--vnd-border,#ced9e4);
 background:var(--vnd-input-bg,var(--vnd-surface,#fff));color:inherit;box-sizing:border-box;min-width:0;max-width:100%;
}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) textarea{height:auto;min-height:90px;border-radius:6px;font:inherit}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) :is(input,select,textarea):focus{outline:none!important;box-shadow:none!important;border-color:#6085a8!important}
html[data-vnd-theme=dark] body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) :is(input,select,textarea):focus{border-color:#7a9cbd!important}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) button:not(.vnd-status-option){padding:5px 10px;border:1px solid #b2c3d5;background:#e7eef5;color:#294862;box-shadow:none;cursor:pointer}
html[data-vnd-theme=dark] body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) button:not(.vnd-status-option){background:#293d55;border-color:#607c98;color:var(--vnd-text,#e5edf5)}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) button:is(.vnd-dialog-accept,.button-primary,[data-confirm],[data-depot-confirm]){background:#365f85;border-color:#365f85;color:#fff}
html[data-vnd-theme=dark] body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) button:is(.vnd-dialog-accept,.button-primary,[data-confirm],[data-depot-confirm]){background:#416d96;border-color:#7aa3c9;color:var(--vnd-text,#e5edf5)}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) :is(.vnd-dialog-actions,.vnd-order-actions,.vnd-period-actions,.vnd-form-actions){display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;border:0;margin:8px 0 0;padding:0;min-width:0}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) :is(.vnd-dialog-actions,.vnd-order-actions,.vnd-period-actions,.vnd-form-actions)>button{flex:0 1 auto;min-width:min(96px,100%);white-space:normal}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) :is(.vnd-password-visibility,header>button,.vnd-brochure-close){width:var(--vnd-modal-control-height);min-width:var(--vnd-modal-control-height)!important;flex:0 0 var(--vnd-modal-control-height);padding:0!important;display:inline-flex;align-items:center;justify-content:center}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) button.vnd-password-visibility{border:0!important;background:transparent!important;color:var(--vnd-muted,#596d80)}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) .vnd-password-control input{padding-right:calc(var(--vnd-modal-control-height) + 8px)}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) :is(img,video,canvas){max-width:100%;object-fit:contain}
/* Calendar cells remain seven equal columns, never action-button widths. */
html body .vnd-order-period-dialog .vnd-period-months{grid-template-columns:minmax(0,1fr);gap:12px}
html body :is(.vnd-order-period-dialog,.vnd-delivery-calendar) :is(.vnd-period-days,.vnd-calendar-days){grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
html body :is(.vnd-order-period-dialog,.vnd-delivery-calendar) :is(.vnd-period-days,.vnd-calendar-days)>button{width:100%;min-width:0!important;padding:0!important;font-size:13px;line-height:1}
html body .vnd-order-period-dialog .vnd-period-presets{display:flex;flex-wrap:wrap;gap:6px}
html body .vnd-order-period-dialog .vnd-period-presets>button{font-size:12px;padding:5px 8px}
html body .vnd-order-period-dialog .vnd-period-actions{position:static;background:transparent}
html body .vnd-order-period-dialog button.is-edge{background:var(--vnd-period-accent)!important;border-color:var(--vnd-period-accent-border)!important;color:var(--vnd-period-accent-text)!important}
html body .vnd-order-period-dialog button.is-between{background:var(--vnd-period-accent)!important;border-color:var(--vnd-period-accent-border)!important;color:var(--vnd-period-accent-text)!important}
html body .vnd-feedback-modal{background:#10203488;padding:0}
html body .vnd-feedback-modal__panel{display:block}
html body .vnd-feedback-modal__icon{display:none}
html body .vnd-feedback-modal__body{min-width:0}
@media(max-width:1024px),(pointer:coarse){
 html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel){--vnd-modal-control-height:40px}
}
@media(max-width:1024px){
 html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel){width:var(--vnd-account-dialog-width,calc(100vw - 48px))!important;max-width:calc(100vw - 32px)!important;padding:12px!important}
 html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) :is(input,select,textarea){font-size:16px!important}
 html body .vnd-order-period-dialog .vnd-period-month-select{gap:4px}
 html body .vnd-order-info dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
}

/* Keep specialized controls usable inside the shared shell. */
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) button:disabled{opacity:.5;cursor:default}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) input[type=file]{max-width:100%;min-width:0;box-sizing:border-box;border:0;background:transparent;color:inherit}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) input[type=file]::file-selector-button{height:var(--vnd-modal-control-height);box-sizing:border-box;padding:5px 10px;border:1px solid #365f85;border-radius:6px;background:#365f85;color:#fff;font:inherit;cursor:pointer}
html[data-vnd-theme=dark] body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) input[type=file]::file-selector-button{background:#416d96;border-color:#7aa3c9}
html body dialog.vnd-twofa-dialog .vnd-twofa-digits input{padding:0;text-align:center;font-size:20px!important;font-weight:600}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) :is(.vnd-dialog-actions,.vnd-order-actions,.vnd-period-actions,.vnd-form-actions)>button{overflow-wrap:normal;white-space:nowrap}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) button.vnd-danger-action,html body dialog.vnd-maintenance form button{background:#a34040;border-color:#a34040;color:#fff}
html body dialog.vnd-order-period-dialog [data-period-shift]{width:var(--vnd-modal-control-height);min-width:var(--vnd-modal-control-height);padding:0;font-size:22px}


/* Shared field/filter focus: identical on click, keyboard focus and typing. */
html body :is(.vnd-app,body.vnd-admin-workspace .wrap,dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-status-popup,.vnd-searchable-select__dropdown) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]),textarea,select,.vnd-status-trigger,.vnd-order-period-trigger,.vnd-address-house):is(:focus,[aria-expanded=true]){
 outline:none!important;box-shadow:none!important;border-color:#6085a8!important;
}
html[data-vnd-theme=dark] body :is(.vnd-app,body.vnd-admin-workspace .wrap,dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-status-popup,.vnd-searchable-select__dropdown) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]),textarea,select,.vnd-status-trigger,.vnd-order-period-trigger,.vnd-address-house):is(:focus,[aria-expanded=true]){
 border-color:#7a9cbd!important;
}
/* Validation remains distinguishable from normal focus. */
html body :is(.vnd-app,body.vnd-admin-workspace .wrap,dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-status-popup,.vnd-searchable-select__dropdown) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]),textarea,select,.vnd-status-trigger,.vnd-order-period-trigger,.vnd-address-house)[aria-invalid=true]:is(:focus,[aria-expanded=true]){
 border-color:var(--vnd-danger,#b44c50)!important;
}
@media(forced-colors:active){
 html body :is(.vnd-app,body.vnd-admin-workspace .wrap,dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-status-popup,.vnd-searchable-select__dropdown) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]),textarea,select,.vnd-status-trigger,.vnd-order-period-trigger,.vnd-address-house):is(:focus,[aria-expanded=true]){border-color:Highlight!important;outline:1px solid Highlight!important;outline-offset:-1px}
}

/* Invalid fields: a slightly stronger red edge, without an outer halo. */
html body :is(.vnd-app,body.vnd-admin-workspace .wrap,dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-status-popup,.vnd-searchable-select__dropdown) :is(input,textarea,select,.vnd-status-trigger,.vnd-order-period-trigger,.vnd-address-house):is([aria-invalid=true],.vnd-field-invalid,:user-invalid,.was-validated :invalid):not(:disabled),
html[data-vnd-theme=dark] body :is(.vnd-app,body.vnd-admin-workspace .wrap,dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-status-popup,.vnd-searchable-select__dropdown) :is(input,textarea,select,.vnd-status-trigger,.vnd-order-period-trigger,.vnd-address-house):is([aria-invalid=true],.vnd-field-invalid,:user-invalid,.was-validated :invalid):not(:disabled){
 border-color:#bd535a!important;outline:none!important;box-shadow:inset 0 0 0 .5px #bd535a!important;
}


/* Modal fields must not inherit light workspace fallbacks when mounted on body. */
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel){
 --vnd-modal-field-bg:#fff;--vnd-modal-field-text:#23384c;--vnd-modal-field-border:#ced9e4;--vnd-modal-field-hint:#596d80;
}
html[data-vnd-theme=dark] body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel){
 --vnd-modal-field-bg:#1b232d;--vnd-modal-field-text:#e5edf5;--vnd-modal-field-border:#607c98;--vnd-modal-field-hint:#afc0d2;
}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=button]):not([type=submit]):not([type=reset]),select,textarea){
 background-color:var(--vnd-modal-field-bg)!important;
 color:var(--vnd-modal-field-text)!important;
 caret-color:var(--vnd-modal-field-text);
 border-color:var(--vnd-modal-field-border);
}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) :is(input,textarea)::placeholder{color:var(--vnd-modal-field-hint)!important;opacity:1}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) select option{background-color:var(--vnd-modal-field-bg);color:var(--vnd-modal-field-text)}


/* Desktop date ranges show two months side by side; touch layouts use one. */
@media(min-width:1025px){
 html body dialog.vnd-order-period-dialog{width:720px!important}
 html body dialog.vnd-order-period-dialog .vnd-period-months{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
}


/* Prevent mobile browsers from zooming the page when a calendar field gains focus. */
@media(max-width:1024px){
 html body dialog.vnd-order-period-dialog :is(input,select,textarea){font-size:16px!important}
}


/* Pointer/touch focus is silent, including detached calendars and dropdowns.
   Keyboard navigation still receives the existing focus-visible indicators. */
html.vnd-pointer-focus body :is(.vnd-app,body.vnd-admin-workspace,.vnd-admin-navigation,dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel,.vnd-status-popup,.vnd-searchable-select__list)
 :is(button,a,summary,[role=button],input[type=button],input[type=submit],input[type=reset]):is(:focus,:focus-visible){
 outline:none!important;box-shadow:none!important;
}


/* Uniform field typography, including detached dialogs and filter controls. */
html body :is(.vnd-app,body.vnd-admin-workspace .wrap,dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel,.vnd-status-popup,.vnd-searchable-select__list,.vnd-searchable-select__dropdown) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):not([type=submit]):not([type=button]):not([type=reset]),textarea,select,.vnd-status-trigger,.vnd-order-period-trigger,.vnd-address-house){font-size:14px!important}
@media(max-width:1100px),(pointer:coarse){
 html body :is(.vnd-app,body.vnd-admin-workspace .wrap,dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel,.vnd-status-popup,.vnd-searchable-select__list,.vnd-searchable-select__dropdown) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):not([type=submit]):not([type=button]):not([type=reset]),textarea,select,.vnd-status-trigger,.vnd-order-period-trigger,.vnd-address-house){font-size:16px!important}
}

/* Use application-defined states, without browser/generated button focus halos.
   This also applies to initial autofocus and restored focus without a pointer event. */
html body :is(.vnd-app,body.vnd-admin-workspace,.vnd-admin-navigation,dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel,.vnd-status-popup,.vnd-searchable-select__list)
 :is(button,a,summary,[role=button],input[type=button],input[type=submit],input[type=reset]):is(:focus,:focus-visible){
 outline:none!important;box-shadow:none!important;
}


/* Shared 12 px content spacing; retain specialized calendar/code cell grids. */
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel){padding:12px!important}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) :is(form,label,dl,.vnd-dialog-actions,.vnd-order-actions,.vnd-period-actions,.vnd-form-actions,.vnd-brochure-fields){gap:12px}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) p{margin:0 0 12px}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) :is(.vnd-dialog-actions,.vnd-order-actions,.vnd-period-actions,.vnd-form-actions){margin:12px 0 0;gap:12px}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) p:not([hidden]) + :is(.vnd-dialog-actions,.vnd-order-actions,.vnd-period-actions,.vnd-form-actions){margin-top:0}
html body dialog.vnd-twofa-dialog form :is(p,.vnd-dialog-actions){margin:0}
html body dialog.vnd-address-parts form .vnd-dialog-actions{margin:0}
html body dialog.vnd-order-period-dialog :is(.vnd-period-inputs,.vnd-period-month-select,.vnd-period-months){gap:12px}
html body dialog.vnd-order-period-dialog .vnd-period-month-nav{margin:12px 0;gap:12px}
html body dialog.vnd-order-period-dialog .vnd-period-error:not([hidden]){margin:12px 0}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) :is([data-enroll-key],details>input,details>div){margin-top:12px}
html body dialog.vnd-order-info dl{margin:12px 0}
html body :is(dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,dialog.vnd-brochure-editor,.vnd-feedback-modal__panel) p:last-child{margin-bottom:0}