/* Fase 3E — Panel de Autoservicio del Negocio */
.business-self-shell { padding-bottom: 22px; }
.business-self-hero {
    background: linear-gradient(135deg, rgba(245,158,11,.13), rgba(2,132,199,.11));
    border: 1px solid var(--border-color); border-radius: 22px; padding: 18px; margin-bottom: 13px;
    box-shadow: 0 8px 24px rgba(15,23,42,.06);
}
.business-self-kicker { display:inline-flex; align-items:center; gap:7px; padding:5px 10px; border-radius:999px; background:rgba(245,158,11,.13); color:#B45309; font-size:.62rem; font-weight:900; letter-spacing:.45px; }
.business-self-hero h5 { font-weight:900; margin:10px 0 4px; }
.business-self-hero p { margin:0; color:var(--text-muted); font-size:.82rem; line-height:1.45; }
.business-selector-card { background:var(--bg-surface); border:1px solid var(--border-color); border-radius:16px; padding:11px; margin-bottom:12px; }
.business-selector-card label { display:block; font-size:.67rem; font-weight:900; color:var(--text-muted); margin-bottom:5px; }
.business-self-tabs { display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; padding:2px 0 10px; }
.business-self-tabs::-webkit-scrollbar { display:none; }
.business-self-tab { flex-shrink:0; border:1px solid var(--border-color); background:var(--bg-surface); color:var(--text-muted); border-radius:999px; padding:8px 12px; font-size:.72rem; font-weight:900; }
.business-self-tab.active { background:var(--accent-primary); color:#fff; border-color:var(--accent-primary); box-shadow:0 7px 16px rgba(2,132,199,.2); }
.business-self-content { min-height:180px; }
.business-plan-card { position:relative; overflow:hidden; background:linear-gradient(145deg,#0F172A,#1E293B); color:#fff; border-radius:20px; padding:17px; margin-bottom:13px; box-shadow:0 12px 28px rgba(15,23,42,.2); }
.business-plan-card::after { content:""; position:absolute; width:125px; height:125px; border-radius:50%; right:-42px; top:-48px; background:rgba(255,255,255,.08); }
.business-plan-card small { color:rgba(255,255,255,.7); }
.business-plan-name { font-size:1.3rem; font-weight:950; margin:5px 0 3px; }
.business-status-chip { display:inline-flex; align-items:center; gap:5px; font-size:.6rem; font-weight:900; padding:5px 8px; border-radius:999px; background:rgba(255,255,255,.12); }
.business-usage-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:13px; }
.business-usage-card { background:var(--bg-surface); border:1px solid var(--border-color); border-radius:17px; padding:13px; box-shadow:0 4px 14px rgba(15,23,42,.04); }
.business-usage-card i { color:var(--accent-primary); }
.business-usage-card strong { display:block; font-size:1.2rem; font-weight:950; margin-top:7px; }
.business-usage-card small { color:var(--text-muted); font-size:.68rem; }
.business-progress { height:7px; border-radius:999px; overflow:hidden; background:#E2E8F0; margin-top:9px; }
.business-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary)); }
.business-quick-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-bottom:14px; }
.business-action-button { border:none; border-radius:15px; padding:11px; font-size:.76rem; font-weight:900; background:var(--accent-primary); color:#fff; box-shadow:0 8px 18px rgba(2,132,199,.18); }
.business-action-button.market { background:linear-gradient(135deg,var(--accent-sand),#F97316); }
.business-action-button.secondary { background:var(--bg-surface); color:var(--text-main); border:1px solid var(--border-color); box-shadow:none; }
.business-section-title { display:flex; align-items:flex-start; justify-content:space-between; margin:12px 2px 9px; }
.business-section-title h6 { margin:0; font-weight:950; }
.business-section-title small { color:var(--text-muted); font-size:.7rem; }
.business-data-card { background:var(--bg-surface); border:1px solid var(--border-color); border-radius:17px; padding:13px; margin-bottom:10px; }
.business-data-head { display:flex; justify-content:space-between; gap:10px; align-items:flex-start; }
.business-data-head h6 { margin:0 0 3px; font-weight:900; font-size:.88rem; }
.business-data-head small { color:var(--text-muted); font-size:.68rem; }
.business-meta { display:flex; flex-wrap:wrap; gap:10px; color:var(--text-muted); font-size:.68rem; margin-top:9px; }
.business-content-image { width:58px; height:58px; border-radius:12px; object-fit:cover; background:var(--bg-base); flex-shrink:0; }
.business-inline-actions { display:flex; gap:7px; margin-top:10px; }
.business-inline-actions button { border:none; border-radius:10px; padding:7px 10px; font-size:.68rem; font-weight:900; background:rgba(2,132,199,.09); color:var(--accent-primary); }
.business-inline-actions button.danger { background:rgba(239,68,68,.09); color:#DC2626; }
.business-form-card { background:var(--bg-surface); border:1px solid var(--border-color); border-radius:20px; padding:15px; }
.business-form-card .form-label { font-size:.69rem; color:var(--text-muted); font-weight:900; }
.business-form-card .form-control, .business-form-card .form-select { border-radius:12px; border-color:var(--border-color); box-shadow:none; font-size:.82rem; }
.business-save-button { width:100%; border:none; border-radius:14px; padding:11px; color:#fff; font-weight:950; background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary)); }
.business-plan-option { background:var(--bg-surface); border:1px solid var(--border-color); border-radius:18px; padding:14px; margin-bottom:10px; }
.business-plan-option.current { border:2px solid var(--accent-primary); box-shadow:0 8px 20px rgba(2,132,199,.09); }
.business-plan-price { font-weight:950; color:var(--accent-primary); font-size:1.15rem; }
.business-feature-list { margin:10px 0; padding:0; list-style:none; display:grid; gap:5px; }
.business-feature-list li { font-size:.72rem; color:var(--text-muted); }
.business-feature-list i { color:var(--accent-tertiary); margin-right:5px; }
.business-empty, .business-loading, .business-error { text-align:center; padding:28px 16px; color:var(--text-muted); background:var(--bg-surface); border:1px solid var(--border-color); border-radius:18px; }
.business-error { color:#B91C1C; background:#FEF2F2; }
.business-publisher-context { display:none; background:rgba(245,158,11,.08); border:1px solid rgba(245,158,11,.18); border-radius:14px; padding:10px; margin-bottom:12px; }
.business-publisher-context label { font-size:.66rem; color:#92400E; font-weight:900; margin-bottom:5px; display:block; }
.business-publisher-context .form-select { border-radius:11px; font-size:.78rem; }
@media (max-width:360px) { .business-usage-grid,.business-quick-actions { grid-template-columns:1fr; } }