/* Approved A palette: charcoal header, neutral conversation, restrained orange accents. */
#mokda-help, #mokda-help * { box-sizing: border-box; }
#mokda-help { --help-ink: #29322d; --help-muted: #6a746c; --help-line: #d9ded8; --help-accent: #b7440a; --help-surface: #eff1ef; font-family: var(--mokda-font-body, 'Noto Sans', sans-serif); color: var(--help-ink); }
#mokda-help [hidden] { display: none !important; }
#mokda-help :is(button,textarea,a) { font-family: inherit; letter-spacing: 0; -webkit-tap-highlight-color: transparent; text-transform: none; }
#mokda-help button { cursor: pointer; margin: 0; }
#mokda-help :is(button,textarea,a):focus-visible { outline: 3px solid var(--help-accent); outline-offset: 3px; }
#mokda-help svg { display: block; width: 22px; height: 22px; flex: none; }
#mokda-help .help-launcher { position: fixed; right: max(24px, env(safe-area-inset-right)); bottom: max(24px, env(safe-area-inset-bottom)); z-index: 81; display: grid; place-items: center; box-sizing: border-box; width: 60px; height: 60px; padding: 0; border: 0; border-radius: 50%; background: #ef5f18; color: #321506; box-shadow: 0 8px 24px #32150640; transition: background 150ms, transform 150ms; }
#mokda-help .help-launcher-mark { display: grid; place-items: center; pointer-events: none; }
#mokda-help .help-launcher svg { display: block; width: 32px; height: 32px; }
#mokda-help .help-launcher:focus-visible { outline: 3px solid #321506; outline-offset: 4px; box-shadow: 0 0 0 4px #fff8ef, 0 8px 24px #32150640; }
#mokda-help .help-load-status { position: fixed; right: max(24px, env(safe-area-inset-right)); bottom: 98px; z-index: 81; max-width: min(320px, calc(100vw - 32px)); padding: 14px 18px; border: 1px solid var(--help-line); border-radius: 16px; background: #f8f9f7; color: var(--help-ink); font-size: 14px; line-height: 1.5; box-shadow: 0 8px 24px #1822301a; }
#mokda-help .help-load-status a { display: inline-flex; align-items: center; min-height: 44px; color: #20252d; font-weight: 700; }
html.mokda-menu-lock #mokda-help { visibility: hidden; }
#mokda-help .help-dialog { position: fixed; inset: auto max(24px, env(safe-area-inset-right)) 98px auto; margin: 0; padding: 0; z-index: 80; width: 400px; height: 650px; max-width: calc(100vw - 32px); max-height: calc(100dvh - 122px); overflow: hidden; border: 1px solid var(--help-line); border-radius: 24px; background: #fff; color: var(--help-ink); box-shadow: 0 20px 60px #18223026, 0 4px 12px #1822300a; }
#mokda-help .help-dialog[open] { display: flex; flex-direction: column; animation: help-open 220ms cubic-bezier(.2,.8,.2,1) both; }
#mokda-help.help-closing .help-dialog[open] { animation: help-close 160ms ease-in both; }
#mokda-help .help-header { display: flex; align-items: center; gap: 12px; padding: 20px; border-bottom: 1px solid #292d2a; background: #292d2a; color: #fff; flex: none; }
#mokda-help .help-brand-frame { width: 48px; height: 48px; margin-right: 6px; padding: 0; border: 0; border-radius: 12px; background: transparent; flex: none; }
#mokda-help .help-brand { display: block; width: 100%; height: 100%; object-fit: contain; }
#mokda-help .help-heading { min-width: 0; flex: 1; }
#mokda-help .help-heading h2 { margin: 0; font-size: 18px; font-weight: 700; line-height: 1.4; letter-spacing: 0; }
#mokda-help .help-heading p { margin: 6px 0 0; font-size: 13px; line-height: 1.5; color: #d5d9d5; }
#mokda-help :is(.help-close,.help-reset) { display: grid; place-items: center; width: 44px; height: 44px; padding: 10px; border: 0; border-radius: 50%; background: transparent; color: #fff; flex: none; }
#mokda-help .help-reset svg { width: 19px; height: 19px; }
#mokda-help .help-content { flex: 1; min-height: 0; padding: 20px; overflow-y: auto; overscroll-behavior: contain; background: var(--help-surface); scrollbar-width: thin; }
#mokda-help .help-auto-label { display: table; margin: 0 auto 20px; padding: 4px 10px; border-radius: 20px; background: #e4e7e3; font-size: 13px; line-height: 1.5; color: #68716b; text-align: center; }
#mokda-help .help-conversation { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
#mokda-help .help-message { max-width: 92%; padding: 13px 16px; border-radius: 16px; overflow-wrap: anywhere; font-size: 16px; font-weight: 400; line-height: 1.75; letter-spacing: 0; text-align: left; }
#mokda-help .help-message p { margin: 0; white-space: pre-wrap; }
#mokda-help:lang(ko) .help-message { word-break: keep-all; }
#mokda-help .help-message-bot { background: #fff; border: 1px solid transparent; border-bottom-left-radius: 5px; box-shadow: 0 1px 2px #0000000d; }
#mokda-help .help-message-user { align-self: flex-end; background: #f8dcc8; color: #3f2c20; border-bottom-right-radius: 5px; }
#mokda-help .help-arriving { animation: help-message 140ms ease-out; }
#mokda-help .help-detail-link { display: flex; align-items: center; width: fit-content; min-height: 44px; margin-top: 6px; color: var(--help-accent); font-size: 14px; font-weight: 700; line-height: 1.5; text-decoration: none; }
#mokda-help .help-options { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
#mokda-help .help-options:empty { display: none; }
#mokda-help .help-business-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; width: 100%; }
#mokda-help .help-business-field { display: grid; min-width: 0; gap: 6px; font-size: 13px; line-height: 1.5; }
#mokda-help .help-business-field select { width: 100%; min-width: 0; min-height: 44px; padding: 10px 8px; border: 1px solid #c9d0c9; border-radius: 12px; background: #fff; color: #29322d; font: 400 16px/1.5 var(--mokda-font-body, 'Noto Sans', sans-serif); }
#mokda-help .help-business-field select:focus-visible { outline: 3px solid var(--help-accent); outline-offset: 2px; }
#mokda-help .help-business-form button { grid-column: 1 / -1; justify-self: start; }
#mokda-help .help-business-form button:disabled { opacity: .5; cursor: default; }
#mokda-help :is(.help-business-hint,.help-language-note) { grid-column: 1 / -1; margin: 0; color: var(--help-muted); font-size: 13px; line-height: 1.5; }
#mokda-help .help-choice { min-height: 44px; max-width: 100%; padding: 10px 14px; border: 1px solid #c9d0c9; border-radius: 999px; background: #fff; color: #39433c; font-size: 14px; font-weight: 600; line-height: 1.5; text-align: left; overflow-wrap: anywhere; text-decoration: none; transform: none; transition: border-color 150ms, background 150ms; }
#mokda-help .help-choice:focus-visible { border-color: #87958a; background: #e4e9e3; }
#mokda-help .help-processing { margin-top: 18px; padding: 14px 16px; width: fit-content; background: #fff; border: 1px solid var(--help-line); border-radius: 16px; }
#mokda-help .help-dots { display: flex; gap: 5px; }
#mokda-help .help-dots i { width: 6px; height: 6px; border-radius: 50%; background: #ef5f18; animation: help-dot 900ms ease-in-out infinite; }
#mokda-help .help-dots i:nth-child(2) { animation-delay: 100ms; }
#mokda-help .help-dots i:nth-child(3) { animation-delay: 200ms; }
#mokda-help .help-sr { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#mokda-help .help-latest { position: absolute; bottom: 214px; left: 50%; transform: translateX(-50%); min-height: 44px; padding: 8px 14px; border: 1px solid var(--help-line); border-radius: 22px; background: #fff; color: var(--help-ink); font-size: 14px; box-shadow: 0 4px 12px #1822301a; white-space: nowrap; }
#mokda-help .help-footer { flex: none; padding: 12px 16px; background: #f8f9f7; border-top: 1px solid var(--help-line); }
#mokda-help .help-contact { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 8px 10px; border: 1px solid #cfe4d9; border-radius: 12px; background: #f7fbf8; color: #167347; font-size: 14px; font-weight: 700; line-height: 1.5; text-decoration: none; text-align: center; }
#mokda-help .help-whatsapp-icon svg { width: 18px; height: 18px; }
#mokda-help .help-composer { display: flex; align-items: center; gap: 8px; margin: 12px 0 0; padding: 7px 7px 7px 12px; border: 1px solid var(--help-line); border-radius: 16px; background: #fff; }
#mokda-help:not(.help-handoff) .help-composer { margin-top: 0; }
#mokda-help:not(.help-handoff) .help-latest { bottom: 124px; }
#mokda-help .help-composer textarea { display: block; resize: none; width: 100%; min-width: 0; height: 48px; padding: 12px 0; border: 0; border-radius: 6px; background: transparent; color: var(--help-ink); font-size: 16px; line-height: 1.5; letter-spacing: 0; }
#mokda-help .help-composer textarea::placeholder { color: var(--help-muted); opacity: 1; }
#mokda-help .help-composer:focus-within { border-color: #b7440a; box-shadow: 0 0 0 2px #f8dcc8; }
#mokda-help .help-composer textarea:focus-visible { outline: none; }
#mokda-help .help-composer button { display: grid; place-items: center; width: 48px; height: 48px; flex: none; padding: 12px; border: 0; border-radius: 50%; background: #ef5f18; color: #321506; }
#mokda-help .help-composer button:disabled { cursor: default; opacity: .45; }
#mokda-help .help-disclosure { margin: 10px 0 0; color: var(--help-muted); font-size: 13px; line-height: 1.5; text-align: center; }
#mokda-help .help-form-link { display: flex; align-items: center; justify-content: center; min-height: 44px; margin-top: 2px; color: var(--help-muted); font-size: 13px; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; }
@media (hover: hover) and (pointer: fine) {
  #mokda-help .help-launcher:hover { background: #da500e; transform: translateY(-2px); }
  #mokda-help :is(.help-close,.help-reset):hover { background: #ffffff1a; }
  #mokda-help .help-choice:hover { border-color: #87958a; background: #e4e9e3; }
  #mokda-help .help-contact:hover { background: #ecf5ef; }
  #mokda-help .help-detail-link:hover { text-decoration: underline; text-underline-offset: 3px; }
}
#mokda-help .help-choice:active { border-color: #68796c; background: #d9e1d8; }
#mokda-help.help-mobile .help-dialog { inset: var(--help-view-top, 0px) auto auto var(--help-view-left, 0px); width: var(--help-view-width, 100vw); height: var(--help-view-height, 100dvh); max-width: none; max-height: none; border: 0; border-radius: 0; box-shadow: none; }
#mokda-help.help-mobile .help-dialog::backdrop { background: var(--help-surface); }
#mokda-help.help-mobile .help-header { padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 16px max(16px, env(safe-area-inset-left)); }
#mokda-help.help-mobile .help-footer { padding-bottom: max(12px, env(safe-area-inset-bottom)); }
#mokda-help.help-mobile.help-open .help-launcher { visibility: hidden; }
@media (max-width: 479px) { #mokda-help .help-launcher { right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); width: 56px; height: 56px; } }
@media (max-height: 500px) { #mokda-help .help-dialog { inset: 12px 24px 12px auto; height: auto; max-height: calc(100dvh - 24px); } #mokda-help .help-disclosure { display: none; } #mokda-help .help-header { padding-block: 8px; } #mokda-help .help-footer { padding-block: 8px; } #mokda-help .help-composer { margin-top: 8px; } #mokda-help.help-open .help-launcher { visibility: hidden; } }
@keyframes help-open { from { opacity: 0; transform: translateY(10px) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes help-close { to { opacity: 0; transform: translateY(8px); } }
@keyframes help-message { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
@keyframes help-dot { 50% { opacity: .4; transform: translateY(-2px); } }
@media (prefers-reduced-motion: reduce) { #mokda-help *, #mokda-help *::before, #mokda-help *::after { animation: none !important; transition: none !important; } #mokda-help .help-launcher:hover { transform: none; } }

/* Guided support keeps the approved palette; inquiry fields appear only at step 3. */
#mokda-help :is(input,select,textarea) { font: 400 16px/1.5 var(--mokda-font-body, 'Noto Sans', sans-serif); letter-spacing: 0; }
#mokda-help :is(input,select,textarea):focus-visible { outline: 3px solid var(--help-accent); outline-offset: 2px; }
#mokda-help :is(.help-country-fields,.help-inquiry-form,.help-topic-list,.help-choice-list) { display: grid; width: 100%; min-width: 0; gap: 10px; }
#mokda-help .help-country-fields { grid-column: 1 / -1; }
#mokda-help .help-choice-list { display: flex; flex-wrap: wrap; gap: 8px; }
#mokda-help .help-topic-list .help-choice { width: 100%; border-radius: 12px; padding: 11px 14px; }
#mokda-help :is(.help-business-field input,.help-business-field select,.help-business-field textarea) { display: block; width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid #c9d0c9; border-radius: 12px; background: #fff; color: var(--help-ink); }
#mokda-help .help-inquiry-form textarea { min-height: 100px; resize: vertical; }
#mokda-help .help-form-next { justify-self: start; background: #f8dcc8; border-color: #e7b99a; color: #4b2b18; }
#mokda-help .help-form-error { grid-column: 1 / -1; margin: 0; font-size: 14px; color: #9c2d0a; }
#mokda-help .help-disclosure { margin-block: 4px; }
#mokda-help .help-history { width: 100%; color: var(--help-muted); font-size: 14px; }
#mokda-help .help-history summary { min-height: 44px; padding-block: 10px; cursor: pointer; }
#mokda-help .help-history-log { display: flex; flex-direction: column; gap: 12px; margin-block: 12px; }
#mokda-help:not(.help-handoff) .help-latest { bottom: 64px; }
#mokda-help.help-handoff .help-latest { bottom: 150px; }
#mokda-help .help-context-fields { display: contents; }
#mokda-help .help-inquiry-form .help-context-fields { display: grid; gap: 10px; }
#mokda-help .help-selected-context { margin: 0; padding: 12px; border: 1px solid var(--help-line); border-radius: 12px; background: #f8f9f7; font-size: 14px; line-height: 1.6; }
#mokda-help .help-edit-details { width: fit-content; min-height: 44px; padding: 4px 0; border: 0; background: transparent; color: var(--help-accent); font-size: 14px; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }