:root{--bg:#f4f6f8;--panel:#fff;--text:#10151c;--muted:#6b7280;--line:#e4e8ec;--sidebar:#fff;--orange:#ff7800;--orange2:#ff9d00;--green:#32d57b;--blue:#1e95ff;--red:#ef4444;--shadow:0 2px 12px #1018280a}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body.dark{--bg:#050a0e;--panel:#091116;--text:#f4f6f8;--muted:#a4adb5;--line:#1c2931;--sidebar:#050a0e;--shadow:none}.app{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);border-right:1px solid var(--line);padding:18px 16px;display:flex;flex-direction:column}.brand-wordmark{padding:2px 8px 30px}.brand-wordmark div{font-size:20px;font-weight:800}.brand-wordmark span{color:var(--text)}.brand-wordmark b{color:var(--orange2);margin-left:5px}.brand-wordmark small{display:block;font-size:9px;letter-spacing:.06em;color:var(--muted);margin-top:5px}nav{display:grid;gap:6px}nav a{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:8px;color:inherit;text-decoration:none;font-size:14px}nav a.active{background:linear-gradient(90deg,#ff8a0a,#f05d00);color:white;font-weight:700}nav b{margin-left:auto;background:var(--orange);color:white;border-radius:20px;padding:2px 7px;font-size:10px}.side-bottom{margin-top:auto;display:grid;gap:9px}.mini,button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;padding:12px}.mini{display:grid;gap:5px}.mini small{color:var(--muted);font-size:10px}.brand-access{position:relative}.brand-access span{position:absolute;right:12px;bottom:15px}.user-card i{font-style:normal;color:var(--green);font-size:9px}button{cursor:pointer}.ghost{opacity:.85}.main{padding:0 16px 24px;min-width:0}header{height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.company{font-weight:650}header select,.content-toolbar select,.content-toolbar input{margin-left:10px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px 36px 10px 12px}.admin{display:flex;gap:10px;align-items:center}.card{background:var(--panel);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);padding:18px}.hero-grid{display:grid;grid-template-columns:1.7fr .9fr;gap:12px}.workflow h2{margin:0;font-size:20px}.workflow h2 i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);margin-right:9px}.status{font-size:12px;color:var(--muted);margin:6px 0}.status strong{color:var(--green);font-weight:600}.dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:5px}.flow{display:flex;align-items:center;justify-content:space-around;margin-top:18px}.step{display:grid;text-align:center;justify-items:center;gap:6px}.circle{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--bg);font-size:23px}.step b{font-size:13px}.step small{font-size:9px;color:var(--muted)}.flow em{font-style:normal;color:var(--muted);font-size:23px}.step.orange .circle{background:#f477001c;color:var(--orange)}.step.amber .circle{background:#f5a00016;color:#e99a00}.step.green .circle{background:#18b96816;color:var(--green)}.step.blue .circle{background:#1688ff15;color:var(--blue)}.autonomy{display:grid;grid-template-columns:1fr 130px 40px;align-items:center}.autonomy h3{font-size:17px;margin:0 0 10px}.supervised{font-size:12px;color:var(--green)}.autonomy a,.card-title a{color:var(--orange);font-size:11px;text-decoration:none}.robot{position:relative;width:104px;height:120px;margin:auto}.antenna{position:absolute;left:50px;top:0;width:4px;height:16px;background:#cbd5dc;border-radius:4px}.antenna:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#e7edf1;left:-3px;top:-5px}.head{position:absolute;top:15px;left:7px;width:90px;height:64px;border-radius:30px;background:linear-gradient(145deg,#fbfcfd,#a3aeb6);padding:10px}.face{height:43px;background:#06141d;border-radius:21px;color:#2bb6ff;display:flex;align-items:center;justify-content:space-around;font-size:15px}.face b{font-size:22px}.body{position:absolute;top:76px;left:18px;width:68px;height:43px;border-radius:10px 10px 24px 24px;background:linear-gradient(145deg,#f5f7f9,#a5afb6);display:grid;place-items:center}.body span{background:#dbe1e5;border-radius:14px;color:var(--orange);padding:3px 9px;font-size:11px;font-weight:800}.socials{display:grid;gap:8px;font-weight:800;font-size:18px}.socials span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:white}.ig{background:linear-gradient(135deg,#8b28ff,#ff315d,#ff9d00)}.fb,.li{background:#1478df}.kpis{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:12px 0}.kpi{display:flex;align-items:center;gap:10px;padding:15px}.kpi-icon{font-size:22px;color:var(--orange)}.kpi small{display:block;color:var(--muted);font-size:10px}.kpi strong{display:block;font-size:25px;line-height:1.1}.kpi span{display:block;color:var(--green);font-size:10px;margin-top:6px}.kpi em{display:block;color:var(--muted);font-style:normal;font-size:8px;margin-top:5px}.lower{display:grid;grid-template-columns:1.05fr .82fr 1.08fr;gap:12px;min-height:360px}.card-title{display:flex;justify-content:space-between;align-items:center}.card-title h3,.tasks h3,.alerts h3{font-size:17px;margin:0 0 14px}.tasks{margin-bottom:12px}.tasks p,.alerts p{font-size:11px;border-bottom:1px solid var(--line);padding:0 0 11px;margin:10px 0}.tasks b{float:right;background:var(--bg);padding:2px 8px;border-radius:12px}.post,.activity-row{display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line)}.thumb{height:35px;border-radius:5px;background:linear-gradient(135deg,#2b6573,#d09b52)}.post b,.activity-row b{font-size:10px}.post small,.activity-row small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.badge{font-size:8px;padding:4px 7px;border-radius:20px;background:#12351f;color:#5be18a}.empty-panel{position:relative;min-height:350px}.empty-illustration{position:absolute;inset:70px 30px 25px;display:grid;place-items:center;align-content:center;text-align:center;gap:10px;color:var(--muted)}.empty-illustration strong{color:var(--text);font-size:13px}.empty-illustration span{font-size:11px}.empty-icon{width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,var(--panel) 70%,#87909a 30%);display:grid;place-items:center;font-size:30px;color:var(--text)}.pulse{font-size:36px}.empty{color:var(--muted);font-size:10px}footer{text-align:center;color:var(--muted);font-size:9px;padding:24px 0 3px}.placeholder{min-height:420px;display:grid;place-items:center;align-content:center;text-align:center;margin-top:18px}.placeholder[hidden],#dashboardView[hidden],#contentView[hidden],.modal-backdrop[hidden]{display:none!important}.placeholder-icon{font-size:42px;color:var(--orange)}.placeholder h1{margin:8px}.placeholder p{max-width:560px;color:var(--muted)}.primary-link,.primary{background:var(--orange);color:#fff;text-decoration:none;border:0;border-radius:8px;padding:10px 15px}.page-head{display:flex;justify-content:space-between;align-items:center;margin:18px 2px 12px}.page-head h1{margin:0;font-size:24px}.page-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.content-toolbar{display:flex;gap:10px;margin-bottom:10px}.content-toolbar select,.content-toolbar input{margin:0}.content-toolbar input{flex:1}.content-list{display:grid;gap:10px}.content-card{display:grid;grid-template-columns:180px 1fr;gap:14px}.creative-preview{min-height:150px;border-radius:9px;background:linear-gradient(135deg,#163344,#c08a41);display:flex;align-items:center;justify-content:center;position:relative;color:white}.creative-preview span{font-size:13px}.creative-badge{position:absolute;top:10px;left:10px;font-size:9px;background:#0008;padding:4px 7px;border-radius:12px}.content-top{display:flex;justify-content:space-between;gap:10px}.content-top h3{margin:7px 0 4px}.content-top small,.meta{color:var(--muted);font-size:9px}.content-body p{font-size:11px;line-height:1.55}.state{font-size:8px;padding:4px 7px;border-radius:12px;background:var(--bg)}.status-approved{color:#18b968}.status-rejected{color:#e5484d}.status-approval-pending{color:#e99a00}.status-scheduled{color:#1688ff}.content-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.content-actions button{padding:8px 10px;font-size:9px}.approve{border-color:#18b968;color:#18b968}.changes{border-color:#e99a00;color:#e99a00}.reject{border-color:#e5484d;color:#e5484d}.schedule{border-color:#1688ff;color:#1688ff}.empty-state{text-align:center;padding:40px}.modal-backdrop{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:20px;z-index:100}.modal{width:min(650px,95vw);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0}.icon-btn{border:0;font-size:24px;background:transparent}.modal form{display:grid;gap:12px;margin-top:15px}.modal label{display:grid;gap:6px;font-size:11px}.modal input,.modal select,.modal textarea{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.secondary{background:var(--panel)}.form-error{color:var(--red);font-size:10px}@media(max-width:1200px){.kpis{grid-template-columns:repeat(4,1fr)}.lower{grid-template-columns:1fr 1fr}.hero-grid{grid-template-columns:1fr}}@media(max-width:760px){.app{grid-template-columns:72px 1fr}.brand-wordmark div,.brand-wordmark small,nav span,.side-bottom .mini{display:none}.brand-wordmark:before{content:"GA";font-weight:900;color:var(--orange)}nav a{justify-content:center}.kpis{grid-template-columns:repeat(2,1fr)}.lower{grid-template-columns:1fr}.flow em{display:none}.flow{gap:4px}.autonomy{grid-template-columns:1fr 110px}.socials{display:none}.content-card{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}}
.calendar-page-head{margin-bottom:10px}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:12px 14px}.calendar-nav{display:flex;align-items:center;gap:8px}.calendar-nav h2{margin:0 0 0 8px;font-size:17px}.calendar-legend{display:flex;gap:14px;font-size:9px;color:var(--muted)}.calendar-legend span{display:flex;align-items:center;gap:5px}.calendar-legend .dot{width:7px;height:7px}.draft-dot{background:#8c98a4}.approval-dot{background:#e99a00}.approved-dot{background:#18b968}.scheduled-dot{background:#1688ff}.calendar{padding:0;overflow:hidden}.calendar>.weekday{display:inline-block;width:14.285%;padding:9px 12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px;font-weight:700;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{min-height:130px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px;position:relative;background:var(--panel)}.calendar-day:nth-child(7n){border-right:0}.empty-day{background:color-mix(in srgb,var(--bg) 70%,var(--panel) 30%)}.day-number{font-size:10px;color:var(--muted);font-weight:700}.today .day-number{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--orange);color:white}.day-events{display:grid;gap:4px;margin-top:6px}.calendar-event{border:1px solid var(--line);background:var(--bg);color:var(--text);padding:5px 6px;border-radius:6px;display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:4px;text-align:left;font-size:8px}.calendar-event b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event small{color:var(--muted);font-size:7px}.calendar-event.status-approved{border-left:3px solid #18b968}.calendar-event.status-approval-pending{border-left:3px solid #e99a00}.calendar-event.status-scheduled{border-left:3px solid #1688ff}.calendar-event.status-draft{border-left:3px solid #8c98a4}.day-add{position:absolute;right:6px;bottom:5px;width:22px;height:22px;padding:0;border-radius:50%;font-size:14px;opacity:0;transition:.15s}.calendar-day:hover .day-add{opacity:1}.small-modal{width:min(520px,95vw)}.calendar-post-detail{display:grid;gap:12px;margin-top:15px}.calendar-post-detail>div{display:grid;gap:4px}.calendar-post-detail b{font-size:10px}.calendar-post-detail span,.calendar-post-detail p{font-size:11px;color:var(--muted);margin:0}

.inbox-shell{display:grid;grid-template-columns:360px minmax(0,1fr);gap:12px;min-height:620px}.inbox-list-panel,.inbox-detail-panel{padding:0;overflow:hidden}.inbox-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.inbox-tab{border:0;border-radius:0;padding:13px 6px;background:transparent;font-size:9px;color:var(--muted)}.inbox-tab.active{color:var(--orange);box-shadow:inset 0 -2px var(--orange)}.inbox-filters{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px;border-bottom:1px solid var(--line)}.inbox-filters select{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:8px;font-size:9px}.inbox-list{max-height:540px;overflow:auto}.inbox-item{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--panel);display:grid;grid-template-columns:38px 1fr 8px;gap:9px;text-align:left;padding:11px}.inbox-item:hover,.inbox-item.selected{background:color-mix(in srgb,var(--orange) 7%,var(--panel))}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--bg);font-weight:800;color:var(--orange)}.inbox-item-top{display:flex;justify-content:space-between;gap:7px}.inbox-item-top strong{font-size:10px}.inbox-item-top small{font-size:7px;color:var(--muted)}.inbox-item-meta{font-size:7px;color:var(--muted);margin:3px 0}.inbox-item p{font-size:9px;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-state{width:7px;height:7px;border-radius:50%;margin-top:5px}.inbox-state.pending{background:#e99a00}.inbox-state.human_required{background:#ef4444}.inbox-state.responded{background:#18b968}.inbox-no-results{padding:35px 15px;text-align:center;color:var(--muted);font-size:10px}.inbox-detail-panel{padding:18px}.inbox-empty{height:100%;min-height:580px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.inbox-empty h3{color:var(--text);margin:10px 0 4px}.inbox-empty p{font-size:10px;max-width:320px}.inbox-detail-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid var(--line)}.inbox-detail-head h2{margin:5px 0 2px;font-size:18px}.inbox-detail-head small{color:var(--muted);font-size:9px}.network-pill{font-size:8px;color:var(--orange);background:#f4770015;border-radius:12px;padding:4px 7px}.interaction-pending{color:#e99a00}.interaction-responded{color:#18b968}.interaction-human_required{color:#ef4444}.conversation{min-height:290px;padding:18px 0;display:grid;align-content:start;gap:12px}.parent-content{font-size:9px;color:var(--muted);padding:10px;border-left:3px solid var(--line);background:var(--bg);border-radius:6px}.incoming-message,.outgoing-message{max-width:75%;border-radius:12px;padding:12px 14px}.incoming-message{background:var(--bg)}.outgoing-message{background:#f4770013;margin-left:auto;border:1px solid #f4770030}.incoming-message strong,.outgoing-message strong{font-size:9px}.incoming-message p,.outgoing-message p{font-size:11px;line-height:1.55;margin:5px 0 0}.reply-box{border-top:1px solid var(--line);padding-top:14px}.reply-tools{display:flex;gap:8px;margin-bottom:9px}.ai-button{border-color:#f4770060;color:var(--orange);background:#f4770010}.reply-box textarea{width:100%;resize:vertical;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:12px}.reply-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.reply-actions span{font-size:8px;color:var(--muted)}@media(max-width:1000px){.inbox-shell{grid-template-columns:1fr}.inbox-list{max-height:320px}.inbox-empty{min-height:300px}}@media(max-width:700px){.inbox-tabs{grid-template-columns:1fr 1fr}.inbox-filters{grid-template-columns:1fr}.incoming-message,.outgoing-message{max-width:92%}}


/* V1.4.2 — Corrección de visibilidad en Bandeja
   El CSS de .inbox-empty usaba display:grid y anulaba visualmente el atributo HTML hidden.
   Esta regla garantiza que el panel vacío desaparezca cuando se selecciona una conversación. */
[hidden] {
  display: none !important;
}

#inboxDetail:not([hidden]) {
  display: block;
}

.inbox-detail-panel {
  position: relative;
}

#inboxDetail {
  min-height: 100%;
}

.inbox-detail-head {
  margin-top: 0;
}

.conversation {
  min-height: 280px;
}


/* V1.5 — Estadísticas */
.analytics-range{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px 12px}
.analytics-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:12px}
.analytics-kpi{display:flex;gap:10px;align-items:center;padding:15px}
.analytics-kpi-icon{font-size:22px;color:var(--orange)}
.analytics-kpi small{display:block;color:var(--muted);font-size:9px}
.analytics-kpi strong{display:block;font-size:22px}
.analytics-kpi span{display:block;color:var(--green);font-size:9px;margin-top:4px}
.analytics-grid{display:grid;grid-template-columns:2fr .9fr;gap:12px;margin-bottom:12px}
.lower-analytics{grid-template-columns:.9fr 1.4fr}
.analytics-main-card{min-height:370px}
.card-title small{display:block;color:var(--muted);font-size:8px;margin-top:3px}
.svg-chart{height:285px;margin-top:10px}
.svg-chart svg{width:100%;height:100%;overflow:visible}
.chart-grid line{stroke:var(--line);stroke-width:1}
.line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.reach-line{stroke:var(--orange)}
.clicks-line{stroke:var(--blue)}
.engagement-line{stroke:#9b5cff}
.chart-labels text{fill:var(--muted);font-size:9px}
.chart-legend{display:flex;gap:16px;font-size:9px;color:var(--muted);justify-content:center;margin-top:2px}
.chart-legend span{display:flex;align-items:center;gap:5px}
.legend-line{display:inline-block;width:18px;height:3px;border-radius:2px}
.legend-line.reach{background:var(--orange)}.legend-line.clicks{background:var(--blue)}.legend-line.engagement{background:#9b5cff}
.donut-wrap{display:grid;place-items:center;gap:18px;min-height:320px}
.donut{width:180px;height:180px;border-radius:50%;display:grid;place-items:center}
.donut-hole{width:112px;height:112px;border-radius:50%;background:var(--panel);display:grid;place-items:center;align-content:center}
.donut-hole strong{font-size:30px}.donut-hole span{font-size:9px;color:var(--muted)}
.donut-legend{width:100%;display:grid;gap:7px}
.donut-legend span{display:flex;align-items:center;gap:7px;font-size:9px}.donut-legend i{width:8px;height:8px;border-radius:50%}.donut-legend b{margin-left:auto}
.bar-list{display:grid;gap:16px;padding-top:10px}
.bar-row-head{display:flex;justify-content:space-between;font-size:10px;margin-bottom:6px}
.bar-track{height:8px;background:var(--bg);border-radius:10px;overflow:hidden}
.bar-fill{height:100%;background:linear-gradient(90deg,var(--orange),var(--orange2));border-radius:10px}
.top-posts{display:grid}
.top-post-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.rank{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--bg);color:var(--orange);font-weight:800;font-size:9px}
.top-post-row strong{font-size:10px}.top-post-row small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.top-post-row a{font-size:9px;color:var(--orange);text-decoration:none}
.analytics-empty{height:100%;min-height:180px;display:grid;place-items:center;color:var(--muted);font-size:10px}
@media(max-width:1150px){.analytics-kpis{grid-template-columns:repeat(3,1fr)}.analytics-grid,.lower-analytics{grid-template-columns:1fr}}
@media(max-width:700px){.analytics-kpis{grid-template-columns:repeat(2,1fr)}}