.encore-verification-dialog { width: min(92vw, 440px); padding: 24px; border: 1px solid #ddd; border-radius: 16px; color: #222; background: #fff; }
.encore-verification-dialog::backdrop { background: rgb(0 0 0 / 45%); }
.encore-verification-dialog form { display: grid; gap: 16px; }
.encore-verification-dialog h2, .encore-verification-dialog p { margin: 0; }
.encore-verification-dialog label { display: grid; gap: 8px; }
.encore-verification-dialog [hidden] { display: none; }
.encore-verification-dialog input, .encore-verification-dialog select, .encore-verification-dialog button { min-height: 42px; padding: 8px 12px; border: 1px solid #aaa; border-radius: 8px; font: inherit; }
.encore-verification-dialog [role=alert] { color: #ad2424; }
.encore-verification-dialog .verify-actions { display: flex; justify-content: flex-end; gap: 12px; }
.encore-verification-dialog [type=submit] { background: #222; color: #fff; }

#kmModal .kr-panel { display: grid; gap: 12px; margin-top: 10px; min-width: 0; }
#kmModal .kr-lead { font-size: 12.5px; color: var(--v-muted); line-height: 1.6; }
#kmModal .kr-pick button { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
#kmModal .kr-badge { display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; flex: none; border-radius: 50%; background: #fff; color: var(--v-ink); font-size: 11px; font-weight: 900; }
#kmModal .kr-order-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
#kmModal .kr-order-head b { font-size: 12.5px; font-weight: 900; color: #3a3a34; }
#kmModal .kr-quick { display: inline-flex; gap: 6px; flex-wrap: wrap; }
#kmModal .kr-quick button { border: 1px solid rgba(17,17,17,.14); background: #fff; border-radius: 7px; padding: 5px 10px; font: inherit; font-size: 12px; font-weight: 800; color: var(--v-ink); cursor: pointer; }
#kmModal .kr-list { border: 1px solid rgba(17,17,17,.12); border-radius: 10px; background: #fff; overflow: hidden; }
#kmModal .kr-row { display: grid; grid-template-columns: 26px minmax(0,1fr) auto auto; align-items: center; gap: 10px; padding: 9px 12px; }
#kmModal .kr-row + .kr-row { border-top: 1px solid rgba(17,17,17,.08); }
#kmModal .kr-num { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: var(--v-ink); color: #fff; font-size: 11.5px; font-weight: 900; }
#kmModal .kr-name { font-size: 13px; font-weight: 800; color: var(--v-ink); min-width: 0; white-space: normal; overflow-wrap: anywhere; }
#kmModal .kr-ratio { font-family: ui-monospace,Menlo,monospace; font-size: 12px; color: var(--v-muted); }
#kmModal .kr-ops { display: inline-flex; gap: 4px; }
#kmModal .kr-ops button { width: 26px; height: 26px; border: 0; border-radius: 7px; background: rgba(17,17,17,.05); color: var(--v-ink); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0; }
#kmModal .kr-ops button:disabled { opacity: .3; cursor: default; }
#kmModal .kr-ops svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
#kmModal .kr-empty { padding: 14px 12px; font-size: 12.5px; color: var(--v-soft); }
#kmModal .kr-switch-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 13px; font-weight: 800; }
#kmModal .kr-switch { position: relative; width: 38px; height: 22px; border: 0; border-radius: 999px; background: rgba(17,17,17,.18); cursor: pointer; transition: background .16s; flex: none; padding: 0; }
#kmModal .kr-switch::after { content: ""; position: absolute; left: 3px; top: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: transform .16s; }
#kmModal .kr-switch[aria-checked="true"] { background: var(--v-ink); }
#kmModal .kr-switch[aria-checked="true"]::after { transform: translateX(16px); }
#kmModal .kr-warn { color: #b3261e; }
