.help-toolbar { display:flex; justify-content:flex-end; padding-block:8px; }
.help-toggle { font:inherit; font-size:.875rem; background:#fff8db; color:#594000; border:1px solid #d1a52f; border-radius:20px; padding:8px 14px; min-height:44px; cursor:pointer; }
.help-toggle[aria-pressed=false] { background:transparent; color:inherit; border-color:#cbd5e1; }
.help-dot { display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; width:44px; height:44px; min-width:44px; margin-left:4px; padding:0; border:10px solid transparent; border-radius:50%; background:#ffb300; background-clip:padding-box; color:#292000; font:700 14px/1 system-ui; cursor:pointer; flex-shrink:0; }
.help-field-wrap { display:grid; grid-template-columns:minmax(0,1fr) 44px; align-items:start; min-width:0; max-width:100%; }
.help-field-wrap > label { min-width:0; }
.help-field-wrap > .help-dot { margin:4px 0 0; }
.help-action-wrap { display:inline-flex; align-items:center; gap:2px; min-width:0; max-width:100%; vertical-align:middle; }
.help-action-wrap > :first-child { min-width:0; max-width:100%; }
.help-action-wrap > .help-dot { margin:0; }
.help-dot[hidden], .help-toggle[hidden], .help-popover[hidden], .help-field-wrap[hidden], .help-action-wrap[hidden] { display:none; }
.help-dot:focus-visible, .help-toggle:focus-visible { outline:3px solid #2563eb; outline-offset:2px; }
.help-popover { position:fixed; z-index:1000; width:min(340px,calc(100vw - 16px)); box-sizing:border-box; max-height:calc(100vh - 16px); overflow:auto; background:#172b43; color:#fff; border:1px solid #ffb300; border-radius:12px; padding:16px; font:400 15px/1.55 system-ui; box-shadow:0 8px 32px #0003; overflow-wrap:anywhere; }
.customer-await .help-popover, .internal-await:not(.admin-work-ready) .help-popover { display:none; }
@media(max-width:440px) { .help-action-wrap { width:100%; } .help-action-wrap > :first-child { flex:1 1 auto; } .help-action-wrap > .help-dot { flex:0 0 44px; width:44px; } }