/* OptionMan — floating Contact / Back to top (was SkinMan Core SK-30). */
.optionman-dock{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}
.optionman-dock>*{pointer-events:auto}
.optionman-dock__btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;cursor:pointer;box-shadow:0 6px 18px rgba(16,24,40,.22);transition:transform .15s ease,opacity .2s ease}
.optionman-dock__btn:hover{transform:translateY(-2px)}
.optionman-dock__btn:focus-visible,.optionman-dock__item:focus-visible,.optionman-dock__close:focus-visible{outline:3px solid var(--theme-palette-color-1,#0d8a3a);outline-offset:3px}
.optionman-dock__btn--contact{background:var(--theme-palette-color-1,#0d8a3a);color:#fff}
.optionman-dock__btn--contact svg{width:26px;height:26px}
.optionman-dock__btn--contact[aria-expanded="true"]{background:var(--theme-palette-color-2,#10591f)}
.optionman-dock__btn--top{width:44px;height:44px;margin-right:4px;background:#fff;color:var(--theme-text-color,#1f2933);border:1px solid #e3e8ee}
.optionman-dock__btn[hidden],.optionman-dock__panel[hidden]{display:none}
.optionman-dock__panel{width:min(320px,calc(100vw - 32px));max-height:calc(100vh - 140px);overflow:auto;background:#fff;color:var(--theme-text-color,#1f2933);border-radius:14px;box-shadow:0 16px 40px rgba(16,24,40,.25);padding:14px 14px 10px}
.optionman-dock__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 8px}
.optionman-dock__title{margin:0;font-weight:700;font-size:1rem}
.optionman-dock__close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#f5f7f9;color:#1f2933;cursor:pointer}
.optionman-dock__close svg{width:18px;height:18px}
.optionman-dock__list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.optionman-dock__item{display:flex;align-items:center;gap:12px;padding:9px 8px;border-radius:10px;color:var(--theme-text-color,#1f2933);text-decoration:none}
.optionman-dock__item:hover{background:var(--skm-tint-1,#f2f5f7)}
button.optionman-dock__item{width:100%;margin:0;border:0;background:none;font:inherit;text-align:left;cursor:pointer}
.optionman-dock__hint{font-size:.8rem;color:var(--theme-palette-color-1,#0d8a3a)}
.optionman-dock__item.is-copied .optionman-dock__hint{font-weight:600}
.optionman-dock__icon{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;color:#fff;background:var(--theme-palette-color-1,#0d8a3a)}
.optionman-dock__item--zalo .optionman-dock__icon,.optionman-dock__item--messenger .optionman-dock__icon,.optionman-dock__item--facebook .optionman-dock__icon{background:#1a6ed8}
.optionman-dock__item--whatsapp .optionman-dock__icon,.optionman-dock__item--wechat .optionman-dock__icon{background:#1f9d55}
.optionman-dock__item--email .optionman-dock__icon{background:#5b6670}
.optionman-dock__text{display:grid;gap:1px;min-width:0;line-height:1.3}
.optionman-dock__label{font-weight:600}
.optionman-dock__value{font-size:.88rem;color:#5b6670;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:1000px){.optionman-dock--mobile{display:none}}
@media(prefers-reduced-motion:reduce){.optionman-dock__btn{transition:none}.optionman-dock__btn:hover{transform:none}}
@media print{.optionman-dock{display:none}}
/* [optionman_contact] button for header areas (corners 5px, owner 13/10/2026 13:05). */
.optionman-contact-open{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px 6px 8px;border:0;border-radius:5px;background:var(--theme-palette-color-1,#0d8a3a);color:#fff;font:inherit;font-weight:600;font-size:15px;line-height:1;cursor:pointer;white-space:nowrap}
.optionman-contact-open:hover{background:var(--theme-palette-color-2,#10591f)}
.optionman-contact-open:focus-visible{outline:3px solid var(--theme-palette-color-1,#0d8a3a);outline-offset:3px}
.optionman-contact-open__icon{display:flex}
.optionman-contact-open__icon svg{width:22px;height:22px}
@media(max-width:339px){.optionman-contact-open{gap:6px;padding:6px 12px 6px 8px;font-size:14px}.optionman-contact-open__icon svg{width:20px;height:20px}}
/* SK-83 (18/10/2026): nút X đóng không bao giờ màu đen — khung vuông bo góc (6px từ SK-85), màu chính của web (màu 1 của Blocksy) */
.optionman-dock__close{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:1.5px solid color-mix(in srgb,var(--theme-palette-color-1,#0b5cad) 35%,transparent);border-radius:6px;background:#fff;color:var(--theme-palette-color-1,#0b5cad);width:38px;height:38px}
.optionman-dock__close:hover{border-color:var(--theme-palette-color-1,#0b5cad);background:color-mix(in srgb,var(--theme-palette-color-1,#0b5cad) 10%,#fff)}