/* Scoped frontend CSS for BT Cards PHP-only picker
   IMPORTANT: styles limited to non-admin pages using body:not(.wp-admin)
   so admin panel uses WP admin styles and remains readable.
*/

body:not(.wp-admin) .bt-picker-wrapper { max-width:1100px; margin:18px auto; font-family: Inter, system-ui, Arial, sans-serif; color: #e6eef6; }
body:not(.wp-admin) .bt-picker-layout { display:flex; gap:18px; align-items:flex-start; flex-wrap:wrap; }
body:not(.wp-admin) .bt-picker-left { flex: 0 0 340px; min-width:260px; background: rgba(255,255,255,0.02); padding:12px; border-radius:8px; border:1px solid rgba(255,255,255,0.03); }
body:not(.wp-admin) .bt-picker-right { flex:1 1 600px; min-width:260px; background: rgba(255,255,255,0.01); padding:12px; border-radius:8px; border:1px solid rgba(255,255,255,0.03); }

/* Ensure card in preview fills the preview area */
body:not(.wp-admin) .bt-picker-right .bt_card { width: 100% !important; box-sizing: border-box; }

/* presets list / forms (frontend only) */
body:not(.wp-admin) .bt-picker-presets { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
body:not(.wp-admin) .bt-picker-presets li { padding:8px; border-radius:6px; background: rgba(255,255,255,0.01); border:1px solid rgba(255,255,255,0.02); }
body:not(.wp-admin) .bt-picker-presets-meta { font-size:12px; color:#9aa6b2; margin-top:6px; }
body:not(.wp-admin) .bt-picker-presets-actions { margin-top:8px; display:flex; gap:6px; align-items:center; flex-wrap:wrap; }

body:not(.wp-admin) .bt-picker-btn { display:inline-block; padding:8px 10px; border-radius:6px; background:#39b54a; color:#072018; font-weight:700; text-decoration:none; border:0; cursor:pointer; }
body:not(.wp-admin) .bt-picker-btn:hover { opacity:0.95; }
body:not(.wp-admin) .bt-picker-btn-danger { background:#ff6b6b; color:#fff; }

body:not(.wp-admin) .bt-picker-muted { color:#9aa6b2; font-size:13px; margin:8px 0; }
body:not(.wp-admin) .bt-picker-msg { background: rgba(57,181,74,0.06); padding:8px; border-radius:6px; color:#bfe6bf; margin-bottom:8px; }

body:not(.wp-admin) .bt-picker-form label, body:not(.wp-admin) .bt-picker-choose label { display:block; margin-bottom:8px; font-size:13px; color:#cfe7d0; }
body:not(.wp-admin) .bt-picker-form input[type="text"], body:not(.wp-admin) .bt-picker-form textarea, body:not(.wp-admin) .bt-picker-choose select, body:not(.wp-admin) form select { width:100%; padding:8px; border-radius:6px; border:1px solid rgba(255,255,255,0.04); background: #07131a; color: #e6eef6; box-sizing:border-box; }

/* make dropdowns dark and readable on frontend */
body:not(.wp-admin) select { background:#07131a; color:#e6eef6; }

/* compact form actions */
body:not(.wp-admin) .bt-picker-form-actions { display:flex; gap:8px; margin-top:8px; align-items:center; }

body:not(.wp-admin) .bt-picker-probs table { width:100%; border-collapse:collapse; margin-top:8px; }
body:not(.wp-admin) .bt-picker-probs th, body:not(.wp-admin) .bt-picker-probs td { text-align:left; padding:6px 8px; border-bottom:1px dashed rgba(255,255,255,0.03); color:#cfe7d0; font-size:13px; }

body:not(.wp-admin) .bt-picker-result { margin-top:12px; padding:10px; border-radius:6px; background: linear-gradient(90deg, rgba(57,181,74,0.04), rgba(255,255,255,0.01)); min-height:80px; }

@media (max-width:880px) {
  body:not(.wp-admin) .bt-picker-layout { flex-direction:column; }
  body:not(.wp-admin) .bt-picker-left, body:not(.wp-admin) .bt-picker-right { width:100%; flex:1 1 auto; }
}