dialog.hm-coa{position:fixed;inset:0;margin:auto;padding:0;border:0;background:transparent;width:min(896px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 28px);overflow:visible;color:#111827}
dialog.hm-coa::backdrop{background:rgb(0 0 0 / .55);backdrop-filter:blur(2px)}
html:has(dialog.hm-coa[open]){overflow:hidden}
.hm-coa-sheet{max-height:calc(100dvh - 28px)}
.hm-coa-sheet>:first-child{flex:none}
.hm-coa-sheet>:last-child{min-height:0;display:flex;flex-direction:column;overflow:hidden}
.hm-coa [data-coa=document]{display:block;min-height:0;flex:1 1 auto;height:min(70dvh,640px)}
.hm-coa [data-coa=close]{flex:none}
.hm-coa-direct{max-width:700px;margin:10vh auto;padding:28px}
.hm-coa-direct h1{font-size:32px;font-weight:650}.hm-coa-direct p{margin:10px 0 17px}.hm-coa-direct a{margin-left:10px;text-decoration:underline}
@media(max-height:480px){.hm-coa-sheet>:first-child{padding:6px 14px}.hm-coa-sheet>:last-child{padding:6px}.hm-coa :is([data-coa=lab],[data-coa=fill]){display:none}}

.hm-coa-source{margin:5px 0 0;color:#526375;font-size:11px;line-height:1.35}
.hm-coa-overlay{position:absolute;left:12px;bottom:12px;z-index:8;display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:3px 9px;border:1px solid #e3e8ee;border-radius:999px;background:rgba(255,255,255,.97);box-shadow:0 4px 12px rgba(31,44,77,.1);color:#1d2638;font-family:inherit;font-size:12px;line-height:1.2;cursor:pointer;transition:border-color .16s,transform .16s}
.hm-coa-overlay:hover{border-color:#b9d3ea;transform:translateY(-1px)}
.hm-coa-overlay:focus-visible{outline:3px solid #4da9e3;outline-offset:3px}
.hm-coa-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#16a34a;color:#fff;flex:none}.hm-coa-check svg{width:14px;height:14px;display:block}
.hm-coa-overlay b{font-weight:700;font-size:12px;color:#15803d}
.hm-coa-overlay u{font-size:10px;font-weight:700;color:#166534;text-decoration:none;letter-spacing:.02em}
.hm-coa-bundle{top:8px;bottom:auto;left:8px;min-height:24px;padding:3px 7px;gap:4px}.hm-coa-bundle b,.hm-coa-bundle u{font-size:10px}.hm-coa-bundle>svg{width:13px;height:13px}
.hm-coa-stage{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;align-items:start;gap:6px;pointer-events:none}
.hm-coa-stage>span,.hm-coa-stage>button{display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:5px 10px;border:1px solid #bbf7d0;border-radius:999px;background:#ecfdf3;color:#15803d;font-family:inherit;font-size:11px;font-weight:600;line-height:1;box-shadow:0 4px 12px rgba(31,44,77,.08)}
.hm-coa-stage>button{pointer-events:auto;cursor:pointer}.hm-coa-stage>button:hover{background:#bbf7d0}.hm-coa-stage svg{width:14px;height:14px}
.hm-coa-stage>span.hm-coa-meta{border-color:#e5e7eb;background:#fff;color:#111827}.hm-coa-stage>span.hm-coa-meta svg{color:#9ca3af}
.hm-coa-stage>button:focus-visible{outline:3px solid #4da9e3;outline-offset:3px}
@media(max-width:809px){.hm-coa-overlay{left:7px;bottom:7px;min-height:26px;gap:4px;padding:3px 6px}.hm-coa-overlay b{font-size:10px}.hm-coa-overlay u{font-size:8px}.hm-coa-check{width:17px;height:17px}.hm-coa-check svg{width:12px;height:12px}}
@media(max-width:767px){.hm-coa-stage{left:8px}.hm-coa-stage>span,.hm-coa-stage>button{min-height:24px;font-size:9px;padding:4px 8px}.hm-coa-stage svg{width:12px;height:12px}}