/* Real editor only. Repeated ID intentionally beats the older payment-nested skin.
   PC keeps the approved original editor shape; phone uses the approved iOS V2 sheet. */
@media screen {
  body:has(#ws-vendor-modal) { zoom:1!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal {
    --vnd-bg:#f2f2f7; --vnd-group:#fff; --vnd-field:#fafafa; --vnd-ink:#1c1c1e;
    --vnd-secondary:#636369; --vnd-line:#d1d1d6; --vnd-accent:#007aff;
    --vnd-link:#005ec4; --vnd-action:#0071e3; --vnd-pressed:#e9e9ef;
    --vnd-font:var(--ui-font,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif);
    --dense-input-height:24px; --pr-control:24px;
    inset:0!important; z-index:50000!important;
  }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ws-input:not(textarea):not([type="hidden"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]) { height:24px!important; min-height:24px!important; min-width:0; padding-top:0!important; padding-bottom:0!important; box-sizing:border-box; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ws-input:not(:disabled):not([readonly]):not([type="hidden"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]) { border:1px solid #d1d5db!important; border-radius:10px!important; background:#fff!important; color:#1e293b!important; box-shadow:none; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ws-label { margin-bottom:4px!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-field { min-width:0; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-sheet-body { min-height:0; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-basics>div:has(>.ios-field), html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-bank>div:has(>.ios-field) { row-gap:8px!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal [data-vnd-contact-row]>div:has(>.ios-field) { row-gap:6px!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal :is(.ios-kind,.ios-basics,.ios-contacts,.ios-bank,.ios-links,.ios-note,.ios-nonbiz>.ios-field) { margin-bottom:8px!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal div:has(>#vnd-phone-nb)>span { height:24px!important; box-sizing:border-box; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ws-input:focus-visible { outline:2px solid var(--vnd-accent)!important; outline-offset:1px; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal button:focus-visible, html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal #vnd-upload-label:focus-within { outline:2px solid var(--vnd-accent)!important; outline-offset:2px; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal [hidden] { display:none!important; }
  /* Never restyle native file/checkbox/radio controls into text fields. State paint
     is explicit so nested payment rules cannot erase disabled or readonly states. */
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ws-input:disabled,
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal input.ws-input:read-only:not([type="hidden"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]),
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal textarea.ws-input:read-only { background:var(--vnd-pressed)!important; color:var(--vnd-secondary)!important; border-color:var(--vnd-line)!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal :is(button,select,input):disabled,
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal [aria-disabled="true"] { opacity:.55; cursor:not-allowed!important; }
}
@media screen and (max-width:768px) {
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal { --dense-input-height:32px; --pr-control:32px; padding:8px!important; padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important; background:rgba(28,28,30,.32)!important; backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); align-items:stretch!important; -webkit-text-size-adjust:100%; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal>div { border-radius:20px!important; max-width:none!important; max-height:calc(100dvh - 16px - env(safe-area-inset-bottom,0px))!important; width:100%!important; min-width:0; background:var(--vnd-bg)!important; box-shadow:0 16px 48px #0003!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal :is(h3,label,input,select,button,p,span) { font-family:var(--vnd-font)!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal :is(button,a,[role="button"]) { touch-action:manipulation; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal button { user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-sheet-header { min-height:60px; padding:12px!important; position:relative; background:var(--vnd-group)!important; border-bottom:1px solid var(--vnd-line)!important; box-sizing:border-box; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-sheet-header h3 { width:100%; justify-content:center; padding:0 40px; font-size:17px!important; font-weight:600!important; color:var(--vnd-ink)!important; line-height:24px!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-sheet-header h3 i { display:none; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-sheet-header>button { position:absolute; right:8px; top:8px; width:44px!important; height:44px!important; min-height:44px!important; border:0!important; border-radius:50%!important; background:var(--vnd-pressed)!important; color:var(--vnd-secondary)!important; font-size:24px!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-sheet-body { padding:12px 12px 4px!important; background:var(--vnd-bg)!important; overscroll-behavior:contain; scroll-padding-block:12px; -webkit-overflow-scrolling:touch; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ws-label { font-size:12px!important; font-weight:500!important; line-height:1.3!important; color:var(--vnd-secondary)!important; margin-bottom:4px!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-field { min-height:51px; cursor:text; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ws-input:not(textarea):not([type="hidden"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]) { height:32px!important; min-height:32px!important; max-width:100%; font-size:16px!important; line-height:1.25!important; font-weight:400!important; padding:0 8px!important; transition:none!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ws-input:not(:disabled):not([readonly]):not([type="hidden"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]) { color:var(--vnd-ink)!important; background:var(--vnd-field)!important; border:1px solid var(--vnd-line)!important; border-radius:8px!important; box-shadow:inset 0 1px 1px #00000004!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ws-input::placeholder { color:var(--vnd-secondary)!important; opacity:1; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ws-input:focus-visible { outline:2px solid var(--vnd-accent)!important; outline-offset:1px; box-shadow:none!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-kind { display:grid; grid-template-columns:48px minmax(0,1fr); align-items:center; gap:8px; min-height:48px; background:var(--vnd-group); border:1px solid var(--vnd-line); border-radius:12px; padding:7px 10px; margin-bottom:12px!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-kind>.ws-label { margin:0!important; color:var(--vnd-ink)!important; font-size:14px!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-kind select:not(:disabled) { background:var(--vnd-group)!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal :is(.ios-basics,.ios-bank,.ios-links,.ios-note) { background:var(--vnd-group)!important; border:1px solid var(--vnd-line)!important; border-radius:12px!important; padding:10px!important; margin-bottom:10px!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-basics h3, html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-contacts h3 { font-size:13px!important; font-weight:600!important; color:var(--vnd-ink)!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-basics>div:first-child { flex-wrap:wrap; gap:4px!important; margin-bottom:8px!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-basics>div:first-child>span { background:transparent!important; color:var(--vnd-secondary)!important; padding:0!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal :is(.ios-bank,.ios-links)>div:first-child { color:var(--vnd-secondary)!important; font-size:13px!important; font-weight:600!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal :is(.ios-bank,.ios-links)>div:first-child i { color:var(--vnd-secondary)!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-upload { background:var(--vnd-group)!important; border:1px solid var(--vnd-line)!important; border-radius:12px!important; box-shadow:none!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-upload>div:first-child>span:first-child { display:none; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-upload h3 { color:var(--vnd-ink)!important; font-weight:600!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-upload>div:first-child>span:last-child { background:var(--vnd-bg)!important; color:var(--vnd-secondary)!important; border-radius:5px!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal #vnd-upload-label { background:var(--vnd-field)!important; border:1px dashed var(--vnd-line)!important; border-radius:10px!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal #vnd-upload-label i, html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal #vnd-upload-label>span:first-of-type { color:var(--vnd-link)!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal #vnd-upload-label>span:last-child { color:var(--vnd-secondary)!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-contacts>div:first-child { gap:6px!important; flex-wrap:wrap; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-contacts>div:first-child>span { background:transparent!important; color:var(--vnd-secondary)!important; padding:0!important; font-weight:400!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal [data-vnd-contact-row] { background:var(--vnd-group)!important; border:1px solid var(--vnd-line)!important; border-radius:12px!important; padding:10px!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal [data-vnd-contact-row]>div:first-child>span { background:transparent!important; color:var(--vnd-ink)!important; padding:0!important; font-size:12px!important; font-weight:600!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal [data-vnd-contact-row]>div:first-child>button { min-height:44px!important; min-width:44px!important; color:var(--vnd-link)!important; background:transparent!important; border:0!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal #vnd-add-contact-btn { height:44px!important; min-height:44px!important; padding:0 10px!important; border-radius:10px!important; border:1px solid var(--vnd-line)!important; color:var(--vnd-link)!important; background:var(--vnd-group)!important; font-weight:500!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-contacts>p { color:var(--vnd-secondary)!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-sheet-footer { padding:10px 12px!important; gap:8px!important; background:var(--vnd-group)!important; border-top:1px solid var(--vnd-line)!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-sheet-footer button { height:44px!important; min-height:44px!important; min-width:88px; border-radius:12px!important; font-size:16px!important; font-weight:500!important; line-height:1.2!important; padding:0 16px!important; box-shadow:none!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-sheet-footer .ws-btn-cancel { background:var(--vnd-pressed)!important; color:var(--vnd-ink)!important; border:1px solid transparent!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-sheet-footer #vnd-save-btn { background:var(--vnd-action)!important; color:white!important; border:1px solid transparent!important; flex:1; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal #vnd-analyze-btn { min-height:44px!important; background:var(--vnd-action)!important; color:white!important; border:0!important; border-radius:10px!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-nonbiz>div { background:var(--vnd-group); border:1px solid var(--vnd-line); border-radius:12px; padding:8px 10px; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal div:has(>#vnd-phone-nb)>span { height:32px!important; background:var(--vnd-field)!important; color:var(--vnd-secondary)!important; border-color:var(--vnd-line)!important; font-size:16px!important; padding-inline:8px!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal #vnd-phone-nb { border-radius:0 8px 8px 0!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal #vnd-email-domain-nb { padding-right:28px!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-field select:not(.ws-input) { min-width:0!important; min-height:32px!important; padding:0!important; }
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal .ios-field>div:has(>.ws-input) { min-width:0; }
}
@media screen and (max-width:768px) and (prefers-color-scheme:dark) {
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal { --vnd-bg:#000; --vnd-group:#1c1c1e; --vnd-field:#252528; --vnd-ink:#f2f2f7; --vnd-secondary:#b1b1b6; --vnd-line:#45454a; --vnd-accent:#0a84ff; --vnd-link:#8abdff; --vnd-pressed:#303035; }
}
@media screen and (prefers-reduced-transparency:reduce) {
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal { backdrop-filter:none; -webkit-backdrop-filter:none; background:#343438!important; }
}
@media screen and (prefers-reduced-motion:reduce) {
  html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal, html body #ws-vendor-modal#ws-vendor-modal#ws-vendor-modal * { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}