.hero-admin-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px 0;border-top:1px solid #e0e5e9;border-bottom:1px solid #e0e5e9}
[data-panel=heroSms] button{min-height:38px;padding:8px 14px;border:1px solid #dfe5eb;border-radius:6px;background:#fff;color:#243344;font:inherit;font-size:14px;white-space:normal;overflow-wrap:anywhere}
[data-panel=heroSms] button.primary{background:#ff9500;color:#fff;border-color:#ff9500}
[data-panel=heroSms] button:disabled{opacity:.5;cursor:wait}
[data-panel=heroSms] input:not([type=checkbox]),[data-panel=heroSms] select{min-height:40px;padding:9px 12px;border:1px solid #dfe5eb;border-radius:6px;background:#fff;color:#243344;font:inherit;font-size:14px}
[data-panel=heroSms] input[type=checkbox]{accent-color:#ff9500}
[data-panel=heroSms] .toolbar{display:flex;align-items:center;gap:10px;padding:12px 0}
#heroSettingsForm>button{justify-self:start;min-width:120px}#heroKeyState{align-self:center;font-size:13px;color:#7c8794}
#heroSettingsForm button{min-height:38px;padding:8px 14px;border:1px solid #ff9500;border-radius:6px;background:#ff9500;color:#fff;font:inherit;font-size:14px}
#heroSettingsForm button:disabled{opacity:.5;cursor:wait}#heroSettingsForm input[type=checkbox]{accent-color:#ff9500}
#heroSettingsForm label.check-line{display:flex;flex-direction:row;align-items:center;gap:8px}#heroSettingsForm label.check-line input{width:18px;height:18px;margin:0;flex:0 0 18px}
.hero-admin-settings label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:14px}
.hero-admin-settings label.check-line{flex-direction:row;align-items:center}
.hero-admin-settings input:not([type=checkbox]){width:100%;min-width:0}.hero-admin-wide{grid-column:1/-1}
.hero-admin-sync{margin-top:20px}.hero-admin-sync select{max-width:350px;min-width:0}
[data-panel=heroSms] .toolbar{flex-wrap:wrap}[data-panel=heroSms] td small{display:block;color:#7c8794;margin-top:5px;overflow-wrap:anywhere}
.hero-bulk-pricing #heroMarkupPercent{width:110px;flex:0 0 110px}.hero-bulk-pricing label{margin:0}.hero-bulk-pricing #heroBulkNotice{font-size:13px;color:#626c76}
[data-panel=heroSms] td input[type=number]{width:120px}[data-panel=heroSms] td input[type=checkbox]{width:18px;height:18px}
[data-panel=heroSms] .hero-price-error{color:#c03939}[data-panel=heroSms] input[aria-invalid=true]{border-color:#c03939}
[data-panel=heroSms] .table-panel{overflow-x:auto}[data-panel=heroSms] table{min-width:740px}
#heroBindDialog{max-width:420px;width:calc(100% - 32px)}#heroBindDialog input{width:100%}#heroBindOrder{overflow-wrap:anywhere}
#heroOrderPanel .table-panel{overflow-x:auto}#heroOrderPanel table{min-width:740px}#heroOrderPanel td small{display:block;color:#7c8794;margin-top:5px;overflow-wrap:anywhere}
[data-panel=orders] .hidden{display:none!important}
[data-api-provider][hidden],#saveSiteConfig[hidden]{display:none!important}
.api-provider-tabs{grid-column:1/-1}#apiProviderTabs.active{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.api-provider-tabs button{flex:1 1 0;width:auto;min-height:40px;min-width:0;border:1px solid #dfe5eb;border-radius:6px;background:#fff;color:#243344;font:inherit;font-size:14px;padding:8px 6px;white-space:normal;overflow-wrap:anywhere}
.api-provider-tabs button[aria-selected=true]{color:#d47700;border-color:#ffb44d;background:#fff7eb}
[data-panel=orders] .admin-order-kind-tabs{grid-template-columns:repeat(3,minmax(0,1fr));height:42px;width:min(100%,390px);flex-shrink:0}
[data-panel=orders] .admin-order-kind-tabs button{padding:0 8px;font-size:14px;white-space:nowrap}
#heroOrderPanel .toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 0}
#heroOrderPanel button{min-height:36px;padding:6px 12px;background:#fff;color:#243344;border:1px solid #dfe5eb;border-radius:6px;font:inherit;font-size:14px}
#heroOrderPanel button:disabled{opacity:.5}#heroOrderPanel th:first-child{width:23%}#heroOrderPanel th:nth-child(2){width:21%}#heroOrderPanel th:nth-child(3){width:20%}#heroOrderPanel th:nth-child(4){width:10%}#heroOrderPanel th:nth-child(5){width:16%}
@media(max-width:760px){.hero-admin-settings{grid-template-columns:1fr}.hero-admin-sync select{max-width:100%;width:100%}}
#heroSyncProgress{width:100%;height:8px;accent-color:#ff9500}#heroSyncNotice{font-size:14px;overflow-wrap:anywhere}#heroSyncFailures{margin:8px 0;color:#a33232}#heroSyncFailureItems{max-height:200px;overflow:auto;padding-left:24px}