/* Shared boGPT surface system. No business logic or dependency changes. */
html[data-bogpt] { --bogpt-shadow:0 12px 36px rgb(20 50 90 / .055); }
html[data-bogpt] body { text-rendering:optimizeLegibility; }
html[data-bogpt] body :is(.store-product,.recharge-card,.admin-panel,.plan-card,.login-card) {
 border:1px solid var(--border,#e5e5e8); border-radius:20px;
 box-shadow:var(--bogpt-shadow); background:var(--card,var(--surface,#fff));
}
html[data-bogpt] body :is(.store-product,.plan-card) { transition:border-color .18s,box-shadow .18s; }
@media(hover:hover) {
 html[data-bogpt] body :is(.store-product,.plan-card):hover {
  border-color:color-mix(in srgb,var(--primary,#0071e3) 30%,var(--border,#e5e5e8));
  box-shadow:0 16px 40px rgb(20 50 90 / .085);
 }
}
html[data-bogpt] body :is(button,a,input,textarea,select):focus-visible {
 outline:2px solid var(--primary,#0071e3); outline-offset:4px;
}
html[data-bogpt] body :is(.empty-orders,.admin-empty,.store-empty,.query-result-card) {
 border:1px solid var(--border,#e5e5e8); border-radius:20px;
 padding:clamp(20px,4vw,48px); line-height:1.7;
}
html[data-bogpt] body :is(.status-pill,.task-status,.progress-label) { font-variant-numeric:tabular-nums; }
html[data-bogpt] body :is(.admin-panel,.recharge-card,.store-content) { min-width:0; }
html[data-bogpt] body :is(.admin-panel,.recharge-card) input,
html[data-bogpt] body :is(.admin-panel,.recharge-card) textarea { max-width:100%; }
@media(max-width:640px) {
 html[data-bogpt] body :is(.recharge-card,.admin-panel,.plan-card,.store-product) { border-radius:16px; }
 html[data-bogpt] body :is(.store-action,.query-btn,.submit-btn) { min-height:44px; }
 html[data-bogpt] body :is(.admin-filters,.email-delivery-actions) { flex-wrap:wrap; }
}
@media(prefers-reduced-motion:reduce) {
 html[data-bogpt] body :is(.store-product,.plan-card) { transition:none; }
}