/* Help assistant: theme variables only, logical properties (RTL), wraps on phones, tighter in compact density */
.ha-wrap{display:block}.ha-wrap>.ha-card{margin-inline:auto}
.ha-card{inline-size:100%;max-inline-size:760px;background:var(--surface,#fff);color:var(--text,#1d2433);border:1px solid var(--border,#dde2ea);border-radius:14px;padding:22px;box-shadow:0 4px 18px rgba(16,24,40,.07)}
.ha-card h1{margin:0 0 4px;font-size:1.45rem}.ha-card h2{margin:18px 0 4px;font-size:1.1rem}
.ha-steps{display:flex;gap:8px;margin:0 0 18px;padding:0;list-style:none;flex-wrap:wrap}
.ha-step{flex:1 1 120px;padding:8px;border-radius:8px;background:color-mix(in srgb,var(--muted,#667085) 14%,transparent);font-size:.8rem;text-align:center;color:var(--muted,#667085)}
.ha-step.on{background:var(--primary,#1a73e8);color:var(--on-primary,#fff);font-weight:600}
.ha-step.done{background:color-mix(in srgb,#12b76a 22%,transparent);color:inherit}
.ha-form textarea{inline-size:100%;padding:12px;border:1px solid var(--border,#c7ced9);border-radius:10px;font:inherit;background:var(--surface,#fff);color:inherit}
.ha-actions{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:14px;align-items:center}.ha-actions form{margin:0}
.ha-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.ha-art{border:1px solid var(--border,#e4e7ec);border-radius:10px;padding:12px 14px;display:grid;gap:3px}
.ha-art small{color:var(--muted,#667085)}.ha-meta{display:flex;gap:6px;flex-wrap:wrap;font-size:.78rem}.ha-pct{font-weight:600;color:var(--primary,#1a73e8)}
.ha-ai{background:color-mix(in srgb,var(--primary,#1a73e8) 9%,transparent);border:1px solid color-mix(in srgb,var(--primary,#1a73e8) 28%,transparent);border-radius:12px;padding:14px;margin-block:12px}
.ha-ai-t{font-size:.78rem;font-weight:700;color:var(--primary,#1a73e8);margin-block-end:6px}.ha-ai-b{line-height:1.6;white-space:pre-line;overflow-wrap:break-word}
.ha-src{font-size:.82rem}.ha-note{margin-block-start:12px;padding:10px 12px;border-radius:8px;border:1px solid color-mix(in srgb,#f79009 45%,transparent);background:color-mix(in srgb,#f79009 12%,transparent);font-size:.9rem}
.ha-yes{background:#12b76a;border-color:#12b76a;color:#fff}.ha-done{text-align:center}.ha-big{font-size:2.6rem;color:#12b76a}.ha-done .ha-actions{justify-content:center}
.ha-sr{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ha-banner{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;border:1px solid color-mix(in srgb,var(--primary,#1a73e8) 30%,transparent);background:color-mix(in srgb,var(--primary,#1a73e8) 8%,transparent);border-radius:12px;padding:14px 16px;margin-block-end:14px}
.ha-banner p{margin:2px 0 0}.ha-gate-hide{display:none!important}
html[data-density="compact"] .ha-card{padding:14px}html[data-density="compact"] .ha-art{padding:8px 10px}
@media (max-width:560px){.ha-card{padding:14px;border-radius:10px}.ha-actions .btn{inline-size:100%;text-align:center}.ha-actions form{inline-size:100%}.ha-step{flex-basis:calc(50% - 8px)}}

/* UX enhancements: examples, counter, highlights, match bar, busy state, admin option cards */
.ha-under{display:flex;justify-content:space-between;gap:8px;font-size:.78rem;color:var(--muted,#667085);margin-block-start:4px}
.ha-eg{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-block-start:10px}.ha-eg-l{font-size:.8rem;color:var(--muted,#667085)}
.ha-chip{border:1px solid var(--border,#d0d5dd);background:transparent;color:inherit;border-radius:999px;padding:4px 12px;font:inherit;font-size:.82rem;cursor:pointer;max-inline-size:100%;text-align:start}
.ha-chip:hover,.ha-chip:focus-visible{border-color:var(--primary,#1a73e8);color:var(--primary,#1a73e8);outline:none}
.ha-form textarea:focus-visible{outline:2px solid var(--primary,#1a73e8);outline-offset:1px}
.ha-n{margin-inline-start:8px;font-size:.8rem;color:var(--muted,#667085)}
.ha-snip mark{background:color-mix(in srgb,#fdb022 40%,transparent);color:inherit;border-radius:3px;padding:0 1px}
.ha-art{transition:border-color .15s,box-shadow .15s}.ha-art:hover,.ha-art:focus-within{border-color:var(--primary,#1a73e8);box-shadow:0 2px 10px rgba(16,24,40,.08)}
.ha-art>a{text-decoration:none}.ha-art>a:hover b{text-decoration:underline}
.ha-pct{display:inline-flex;align-items:center;gap:6px}.ha-bar{display:inline-block;inline-size:56px;block-size:6px;border-radius:99px;background:color-mix(in srgb,var(--muted,#667085) 25%,transparent);overflow:hidden}.ha-bar i{display:block;block-size:100%;background:var(--primary,#1a73e8)}
.ha-spin{position:relative;opacity:.75;cursor:progress}.ha-spin::after{content:"";display:inline-block;inline-size:.9em;block-size:.9em;margin-inline-start:8px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;vertical-align:-.12em;animation:ha-r .7s linear infinite}
@keyframes ha-r{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ha-spin::after{animation:none}.ha-art{transition:none}}
.ha-card h1:focus{outline:none}
.ha-opts{display:grid;gap:10px;border:0;padding:0;margin:0}
.ha-opt{border:1px solid var(--border,#d0d5dd);border-radius:12px;padding:12px 14px;cursor:pointer;align-items:flex-start!important}
.ha-opt.on{border-color:var(--primary,#1a73e8);background:color-mix(in srgb,var(--primary,#1a73e8) 8%,transparent)}
.ha-opt input{margin-block-start:4px}
.ha-pill{display:inline-block;margin-inline-start:6px;padding:1px 8px;border-radius:99px;font-size:.72rem;font-weight:700}
.ha-pill.ok{background:color-mix(in srgb,#12b76a 22%,transparent)}.ha-pill.warn{background:color-mix(in srgb,#f79009 22%,transparent)}
.ha-keyrow{display:flex;gap:8px}.ha-keyrow input{flex:1;min-inline-size:0}
.ha-budget{display:block;block-size:6px;border-radius:99px;margin-block-start:6px;background:color-mix(in srgb,var(--muted,#667085) 25%,transparent);overflow:hidden}.ha-budget i{display:block;block-size:100%;background:#12b76a}
[data-ha-ai][hidden]{display:none!important}
.ha-ai-b{font-size:1.02rem}
html[data-density="compact"] .ha-chip{padding:2px 9px}
@media (max-width:560px){.ha-eg{flex-direction:column;align-items:stretch}.ha-chip{border-radius:10px}.ha-keyrow{flex-direction:column}}

/* owner 2026-11-07: the admin's sample reply page */
.ha-preview{max-width:860px}
.ha-preview>h2{margin:30px 0 8px!important;font-size:18px}
.ha-preview>.ha-sample{max-width:none;margin-inline:0}
.ha-cases{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.ha-cases .chip{border-radius:16px;white-space:normal;text-align:start;line-height:1.35;min-height:38px;display:inline-flex;align-items:center}
.ha-source{margin:0 0 14px;padding:12px 14px;border-radius:12px;border:1px solid var(--border,#d0d5dd);background:var(--surface,#fff);color:var(--text,#101828)}
.ha-source-sim{border-inline-start:4px solid #b54708}
.ha-source-real{border-inline-start:4px solid #067647}
.ha-sample .ha-sample-q{margin:0 0 12px;padding:10px 14px;border-radius:12px;background:var(--surface-2,#f2f4f7);color:var(--text,#101828)}
.ha-sample h3{margin:14px 0 8px;font-size:17px}
.ha-sample .ha-ai-b{white-space:pre-line}
.ha-sample .ha-actions button[disabled]{cursor:not-allowed}
.ha-sent details{margin-bottom:10px;padding:10px 14px;border:1px solid var(--border,#d0d5dd);border-radius:12px;background:var(--surface,#fff);color:var(--text,#101828)}
.ha-sent summary{font-weight:600;cursor:pointer}
.ha-sent pre{margin:8px 0 0;white-space:pre-wrap;font:inherit;font-size:13.5px;text-align:left}
.ha-sent p{margin:8px 0 0;font-size:14px}

/* owner 2026-11-09: help page with guided buttons, smart search, ready answers, own orders, complaint (approved step-by-step design) */
.ha-q{margin:0 0 14px;padding:10px 14px;border-radius:12px;background:var(--surface-2,#f2f4f7);color:var(--text,#101828);font-weight:600}
.ha-h{margin:20px 0 10px;font-size:17px}
.ha-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.ha-row-split{justify-content:space-between}
.ha-grow{flex:1 1 220px;min-width:0}
.ha-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:600;background:var(--surface-2,#f2f4f7);color:var(--muted,#475467);white-space:nowrap}
.ha-pill.ok{background:#ecfdf3;color:#067647}.ha-pill.warn{background:#fffaeb;color:#b54708}.ha-pill.bad{background:#fef3f2;color:#b42318}
.ha-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px;margin:6px 0 8px}
.ha-tile{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border,#d0d5dd);border-radius:14px;background:var(--surface,#fff);color:var(--text,#101828);text-decoration:none;min-height:72px}
.ha-tile:hover,.ha-tile:focus-visible{border-color:var(--primary,#175cd3);box-shadow:0 0 0 1px var(--primary,#175cd3) inset}
.ha-tile b{display:block}
.ha-tile small{display:block;color:var(--muted,#667085);font-size:12.5px;margin-top:2px}
.ha-ico{flex:0 0 44px;inline-size:44px;block-size:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eff8ff;color:#175cd3}
.ha-ico svg{display:block}
.ha-track{margin:4px 0 0}
.ha-best{padding:16px;border:1px solid #84caff;border-radius:14px;background:#f5faff;color:var(--text,#101828);margin:10px 0 14px}
.ha-best p{margin:8px 0 10px;line-height:1.75}
.ha-best mark{background:#fef0c7;color:inherit;padding:1px 3px;border-radius:4px}
.ha-more{list-style:none;margin:0;padding:0}
.ha-more li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--border,#eaecf0)}
.ha-more a{color:inherit;text-decoration:none;min-width:0}
.ha-more a b{display:block}
.ha-more small{color:var(--muted,#667085)}
.ha-ready .ha-ai-b,.ha-ai-b{white-space:pre-line}
.ha-back{margin:16px 0 0}
.ha-order{display:grid;gap:10px;padding:16px;margin:0 0 12px;border:1px solid var(--border,#d0d5dd);border-radius:14px;background:var(--surface,#fff);color:var(--text,#101828)}
.ha-order-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;align-items:center}
.ha-order-mid{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ha-thumbs{display:flex;gap:6px}
.ha-thumbs img{inline-size:44px;block-size:44px;border-radius:10px;object-fit:cover;background:var(--surface-2,#f2f4f7)}
.ha-order-acts{margin-top:2px}
.ha-foot{margin-top:14px}
.ha-field{border:0;margin:0 0 16px;padding:0;display:grid;gap:8px;min-width:0}
.ha-field legend,.ha-field>b{font-weight:700;margin-bottom:6px;padding:0}
.ha-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:8px}
.ha-cat{display:flex;gap:8px;align-items:center;padding:12px;border:1px solid var(--border,#d0d5dd);border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;min-width:0}
.ha-cat small{display:block;font-weight:400;color:var(--muted,#667085)}
.ha-cat.on{border-color:#175cd3;background:#eff8ff;box-shadow:0 0 0 1px #175cd3 inset;color:#101828}
.ha-cat.on small{color:#475467}
.ha-ticket{display:grid;gap:4px;padding:14px;border-radius:12px;background:var(--surface-2,#f9fafb);border:1px solid var(--border,#eaecf0);font-size:14px;line-height:1.6;white-space:pre-line}
.ha-complaint textarea,.ha-edit textarea,.ha-edit input,.ha-edit select,.ha-smart input{inline-size:100%;max-inline-size:100%}
.ha-tabs{display:flex;flex-wrap:wrap;gap:6px}
.ha-tab{padding:6px 12px;border-radius:999px;border:1px solid var(--border,#d0d5dd);background:var(--surface,#fff);color:var(--text,#101828);font-size:13px;font-weight:600;cursor:pointer}
.ha-tab.on{background:#175cd3;color:#fff;border-color:#175cd3}
.ha-tabpanel{display:grid;gap:10px;margin-top:8px}
.ha-tabpanel label{display:grid;gap:6px}
.ha-langs{display:inline-flex;gap:4px}
.ha-langs span{font-size:11px;font-weight:700;padding:2px 6px;border-radius:6px;background:#ecfdf3;color:#067647}
.ha-langs span.no{background:#f2f4f7;color:#98a2b3;text-decoration:line-through}
.ha-tbl{inline-size:100%;border-collapse:collapse;font-size:14px}
.ha-tbl th,.ha-tbl td{text-align:start;padding:10px 8px;border-top:1px solid var(--border,#eaecf0);vertical-align:top}
.ha-tbl th{font-size:12.5px;color:var(--muted,#667085);font-weight:600;border-top:0}
.ha-smart h3{margin:14px 0 8px;font-size:15px}
.ha-wrap>nav.breadcrumbs,.ha-wrap>h1,.ha-wrap>.alert,.ha-wrap>.ha-order,.ha-wrap>.ha-foot,.ha-wrap>form.ha-card{max-inline-size:760px;margin-inline:auto}
.ha-wrap>h1{margin-block:10px 14px}
.ha-nowrap{white-space:nowrap}
/* owner 2026-11-09: product and seller answers from the catalogue */
.ha-prod-top{display:flex;gap:14px;align-items:flex-start}
.ha-prod-top img{inline-size:72px;block-size:72px;border-radius:12px;object-fit:cover;background:var(--surface-2,#f2f4f7);flex:0 0 72px}
.ha-prod-top>div{display:grid;gap:4px;min-width:0}
.ha-prod-name{font-weight:700;font-size:16px;color:inherit;text-decoration:none}
.ha-prod-del{margin:12px 0 10px;padding-top:10px;border-top:1px solid var(--border,#d0d5dd)}
.ha-prod-del p{margin:0 0 4px;line-height:1.6}
.ha-prodsearch{margin-top:12px}
/* owner 2026-11-09: the ✔ / ✖ in buttons keep a space before the words (inline-flex buttons drop the plain space) */
.ha-wrap .btn,.ha-admin .btn{gap:.45em}