
#bh-reorders{--paper:#f3f4f7;--panel:#ffffff;--ink:#24314b;--soft:#626e82;--line:#dce1ea;--brand:#354e78;--onbrand:#ffffff;--tint:#e8edf6;font:14px/1.5 system-ui,sans-serif;color:var(--ink);background:var(--paper);border-radius:18px;padding:30px;box-sizing:border-box}
#bh-reorders *{box-sizing:border-box}#bh-reorders h1{font-family:Georgia,serif;font-size:32px;line-height:1.15;font-weight:400;margin:6px 0 12px}#bh-reorders h2{font-size:19px;font-weight:500;margin:0}#bh-reorders p{margin:0}#bh-reorders .eyebrow{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--soft)}#bh-reorders .sub{color:var(--soft);font-size:13px}#bh-reorders .top{display:flex;justify-content:space-between;gap:20px;align-items:start;padding-right:70px}#bh-reorders .preview{background:var(--tint);border-radius:20px;padding:5px 11px;white-space:nowrap;font-size:12px}#bh-reorders .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}#bh-reorders .metric{padding:17px 20px;background:var(--panel);border:1px solid var(--line);border-radius:12px}#bh-reorders .metric strong{display:block;font:400 30px/1.3 Georgia,serif;margin-top:7px}#bh-reorders .bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px;flex-wrap:wrap}#bh-reorders button,#bh-reorders select,#bh-reorders textarea{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:9px 14px}#bh-reorders button{cursor:pointer}#bh-reorders button:focus-visible,#bh-reorders select:focus-visible,#bh-reorders textarea:focus-visible{outline:2px solid var(--brand);outline-offset:3px}#bh-reorders button.primary{background:var(--brand);color:var(--onbrand);border-color:var(--brand)}#bh-reorders button:disabled{opacity:.45;cursor:default}#bh-reorders .record{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:23px}#bh-reorders .record-top{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}#bh-reorders .amount{text-align:right}#bh-reorders .amount strong{font:400 30px/1.2 Georgia,serif;display:block}#bh-reorders .badge{display:inline-block;background:var(--tint);border-radius:6px;padding:3px 9px;font-size:12px;margin-top:9px}#bh-reorders .contact{display:flex;gap:10px 22px;flex-wrap:wrap;margin:19px 0;color:var(--soft);overflow-wrap:anywhere}#bh-reorders .detail{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid var(--line);padding-top:18px;margin-top:18px}#bh-reorders label{display:block;font-size:13px;font-weight:500;margin-bottom:7px}#bh-reorders textarea{width:100%;min-height:85px;resize:vertical}#bh-reorders .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}#bh-reorders .actions button{flex:1}#bh-reorders .send{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}#bh-reorders .empty{padding:32px 15px;text-align:center;color:var(--soft)}#bh-reorders .foot{display:flex;justify-content:space-between;gap:15px;margin-top:17px;align-items:center;flex-wrap:wrap}#bh-reorders .foot button{background:transparent;font-size:12px;padding:5px 10px}#bh-reorders [hidden]{display:none!important}
@media(max-width:620px){#bh-reorders{padding:18px}#bh-reorders .top{padding-right:0;flex-direction:column;gap:8px}#bh-reorders h1{font-size:27px}#bh-reorders .metric{padding:12px}#bh-reorders .metric strong{font-size:26px}#bh-reorders .detail{grid-template-columns:1fr;gap:17px}#bh-reorders .record{padding:17px}#bh-reorders .amount{text-align:left}#bh-reorders button,#bh-reorders select{min-height:44px}#bh-reorders .metrics{gap:7px}#bh-reorders .metric .sub{font-size:12px}}

#bh-reorders .metric{text-align:left;padding:17px 20px;border-radius:12px}#bh-reorders .metric[aria-pressed="true"]{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:var(--tint)}#bh-reorders .detail{display:block}#bh-reorders dialog{color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;width:min(640px,calc(100% - 32px));max-height:calc(100% - 32px);box-shadow:0 20px 70px #10172940}#bh-reorders dialog::backdrop{background:#10172988}#bh-reorders .dialog-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}#bh-reorders .dialog-top .eyebrow{margin-bottom:5px}#bh-reorders #bh-copy-text{min-height:290px;resize:vertical;line-height:1.65}#bh-reorders .dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px}#bh-reorders .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:620px){#bh-reorders .metric{padding:12px}#bh-reorders dialog{padding:17px}#bh-reorders #bh-copy-text{min-height:260px}#bh-reorders .actions button{flex:1 1 44%}}

body{margin:0;background:#edf0f5;font-family:system-ui,sans-serif}#bh-reorders{max-width:1120px;margin:32px auto;min-height:calc(100vh - 64px)}#bh-reorders .record{margin-bottom:18px}#bh-reorders .top{padding-right:0}#bh-reorders .notice{margin:20px 0;padding:16px;border:1px solid var(--line);background:var(--panel);border-radius:10px}#bh-reorders .load-error{color:#8b253d}#bh-reorders .note-actions{display:flex;align-items:center;gap:12px;margin-top:8px}#bh-reorders .contact a{color:var(--brand);overflow-wrap:anywhere}#bh-reorders .actions .chosen{background:var(--tint);border-color:var(--brand)}#bh-reorders dialog textarea{max-height:52vh}#bh-reorders .empty{background:var(--panel);border-radius:12px}#bh-reorders .save-message{color:var(--soft);font-size:13px}@media(max-width:620px){#bh-reorders{margin:0;border-radius:0;min-height:100vh}}