/* Colores de estado. El rojo sigue siendo la marca; estos acompañan para leer en qué está cada cosa:
   rojo = atrasado o problema · amarillo = en proceso / esta semana · verde = listo · gris = sin empezar o fuera. */
:root{--ok:#12a150;--ok-bg:#e2f6e9;--ok-ink:#0f6337;--wip:#f0b000;--wip-bg:#fff3cc;--wip-ink:#7a5600;--idle:#a3a4ae;--idle-bg:#efeff3;--idle-ink:#5d5e6a;--bad:#e0003c;--bad-bg:#ffe6ed;--bad-ink:#b0002f}
html[data-theme=dark]{--ok:#34c76f;--ok-bg:rgba(52,199,111,.15);--ok-ink:#7ee2a3;--wip:#f5c33b;--wip-bg:rgba(245,195,59,.15);--wip-ink:#fcd36a;--idle:#7b7c88;--idle-bg:rgba(255,255,255,.07);--idle-ink:#b4b5c0;--bad:#ff4d7a;--bad-bg:rgba(255,77,122,.15);--bad-ink:#ff8aa8}

/* Inicio · números de arriba */
#content .db-kpi.is-ok .db-ic{background:var(--ok-bg);color:var(--ok)}
#content .db-kpi.is-ok .hm-bar i{background:linear-gradient(90deg,#3fd07f,var(--ok))}
#content .db-kpi.is-ok strong.is-neg{color:var(--bad)}

/* Inicio · tareas: el círculo dice si está atrasada, es de esta semana o más adelante */
#content .hm-list li.is-late .hm-check{border-color:var(--bad)}
#content .hm-list li.is-soon .hm-check{border-color:var(--wip)}
#content .hm-list li.is-later .hm-check{border-color:var(--idle)}
#content .hm-list li.is-soon small b{color:var(--wip-ink)}
#content .hm-list li .hm-check:hover{border-color:var(--ok);background:var(--ok-bg);color:var(--ok)}

/* Inicio · calendario y próximo */
#content .db-cal-grid a i.is-soon{background:var(--wip)}
#content .db-cal-grid a i.is-later{background:var(--idle)}
#content .db-cal-grid a i.is-late{background:var(--bad)}
#content .db-cal-grid a.is-today i{background:#fff}
#content .db-tl li.is-soon i{background:var(--wip)}
#content .db-tl li.is-later i{background:var(--idle)}
#content .db-tl li.is-late span{color:var(--bad);font-weight:700}

/* Calendario · agenda y mes */
#content .ag-row.is-soon .ag-date{background:var(--wip-bg);color:var(--wip-ink)}
#content .ag-row.is-later .ag-date{background:var(--idle-bg);color:var(--idle-ink)}
#content .ag-row.is-done .ag-date{background:var(--ok-bg);color:var(--ok-ink)}
#content .month-day small.is-late{background:var(--bad);color:#fff}
#content .month-day small.is-soon{background:var(--wip);color:#3d2b00}
#content .month-day small.is-later{background:var(--idle-bg);color:var(--idle-ink)}
#content .month-day small.is-done{background:var(--ok);color:#fff}

/* Etiquetas */
#content .badge.good{background:var(--ok-bg)!important;color:var(--ok-ink)!important;border-color:transparent!important}
#content .badge.progress{background:var(--wip-bg)!important;color:var(--wip-ink)!important;border-color:transparent!important}
#content .badge.idle{background:var(--idle-bg)!important;color:var(--idle-ink)!important;border-color:transparent!important}
#content .badge.red{background:var(--bad-bg)!important;color:var(--bad-ink)!important;border-color:transparent!important}
#content .status-pill.is-idea{background:var(--idle-bg);color:var(--idle-ink)}
#content .status-pill.is-produccion,#content .status-pill.is-revision{background:var(--wip-bg);color:var(--wip-ink)}
#content .status-pill.is-listo{background:var(--ok-bg);color:var(--ok-ink)}
#content .status-pill.is-publicado{background:var(--ok);color:#fff}
:root:root #content .status-select.status-select.is-confirmado{background-color:var(--ok-bg)!important;color:var(--ok-ink)!important}
:root:root #content .status-select.status-select:is(.is-en_conversacion,.is-ofertado,.is-por_definir){background-color:var(--wip-bg)!important;color:var(--wip-ink)!important}
:root:root #content .status-select.status-select.is-descartado{background-color:var(--idle-bg)!important;color:var(--idle-ink)!important}
#content .status-dot.good::before{background:var(--ok)}
#content .status-dot.progress::before{background:var(--wip)}

/* Filtros con un punto del color de su estado */
#content .filter-chips button:is([data-filter=sin_contactar],[data-filter=en_conversacion],[data-filter=disponible],[data-filter=no_disponible],[data-social-filter=hacer],[data-social-filter=listo],[data-social-filter=publicado],[data-agenda=pending],[data-agenda=done])::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:1px;background:var(--dot)}
#content .filter-chips [data-filter=sin_contactar]{--dot:var(--idle)}
#content .filter-chips :is([data-filter=en_conversacion],[data-social-filter=hacer],[data-agenda=pending]){--dot:var(--wip)}
#content .filter-chips :is([data-filter=disponible],[data-social-filter=listo],[data-social-filter=publicado],[data-agenda=done]){--dot:var(--ok)}
#content .filter-chips [data-filter=no_disponible]{--dot:var(--bad)}

/* Hecho = verde en todos lados */
#content :is(.ag-row.is-done .ag-check,.check-row.is-done .check-box){background:var(--ok)!important;border-color:var(--ok)!important;color:#fff!important}
#content .pill-button.is-ok{border-color:var(--ok);color:var(--ok)}

/* Barra · resultado: tarjeta clara, número verde si gana y rojo si pierde */
#content .bar-results{background:#fff;color:var(--ink)}
#content .bar-results :is(.eyebrow,.money-line span:first-child,.help){color:var(--muted)}
#content .bar-results h2{color:var(--ink)}
#content .bar-results .big-result.is-pos{color:var(--ok)}
#content .bar-results .big-result.is-neg{color:var(--bad)}
#content .bar-results .money-line.total{border-color:var(--line)}
html[data-theme=dark] #content .bar-results{background:var(--d-card,#24252f);color:#f3f3f7}
html[data-theme=dark] #content .bar-results h2{color:#f3f3f7}

/* Festival · presupuesto: real dentro de lo previsto en verde, pasado en rojo */
#content .budget-line .is-real{color:var(--ok-ink);font-weight:700}
#content .budget-line .negative{color:var(--bad);font-weight:700}
/* Redes como agenda: qué lleva cada pieza, en renglones */
#content .soc-row .soc-notes{margin:8px 0 0;font-size:13.5px;line-height:1.45;color:#5d5f6b;white-space:pre-line}
#content .soc-row .ag-meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:4px;font-size:12.5px;color:#8a8c99}
#content .soc-row .ag-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
#content .social-next .soc-row{border:2px solid #ff0043;padding:18px}
#content .social-next .soc-row .ag-main strong{font-size:19px}
html[data-theme=dark] #content .soc-row .soc-notes{color:#b9bac4}
/* Inicio: Redes como lista de lo próximo a publicar */
#content .social-home .db-next-k{margin:4px 0 6px}
#content .social-home .hm-list li .status-pill{flex:none;align-self:center;white-space:nowrap}
#content .social-home .hm-list li{grid-template-columns:auto minmax(0,1fr)}
#content .social-home .hm-task .status-pill{display:inline-block;width:fit-content;justify-self:start;align-self:start;margin-top:6px}
/* Redes: calendario del mes como pieza central */
#content .sc-cal{padding:20px!important;margin-bottom:22px}
#content .sc-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
#content .sc-head h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em;text-transform:capitalize;flex:1;text-align:center}
#content .sc-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
#content .sc-wd{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a8c99;padding:0 6px 4px}
#content .sc-day{min-height:118px;border-radius:12px;background:#f6f6f8;padding:6px;display:flex;flex-direction:column;gap:4px;min-width:0}
#content .sc-day.is-empty{background:transparent}
#content .sc-day.is-past{opacity:.55}
#content .sc-day.is-today{box-shadow:inset 0 0 0 2px #ff0043}
#content .sc-n{font-size:13px;font-weight:700;color:#252632;padding:2px 4px}
#content .sc-day.is-today .sc-n{color:#ff0043}
#content .sc-chip{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:auto 1fr;column-gap:6px;align-items:baseline;width:100%;padding:6px 7px;border-radius:9px;background:#fff;border-left:4px solid var(--c,#b9bac4);box-shadow:0 1px 3px rgba(37,38,50,.08);font-size:11.5px;line-height:1.25;color:#252632}
#content .sc-chip b{font-weight:800}
#content .sc-chip span{color:#8a8c99;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#content .sc-chip em{grid-column:1/-1;font-style:normal;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:2px}
#content .sc-chip.is-next{box-shadow:0 0 0 2px #ff0043}
#content .sc-chip:hover{background:#fff0f3}
#content :is(.sc-chip,.sc-legend span).is-idea{--c:#b9bac4}
#content :is(.sc-chip,.sc-legend span).is-produccion{--c:#f2b705}#content :is(.sc-chip,.sc-legend span).is-revision{--c:#ff8a00}
#content :is(.sc-chip,.sc-legend span).is-listo{--c:#1ea86a}
#content :is(.sc-chip,.sc-legend span).is-publicado{--c:#ff0043}
#content .sc-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-size:12px;color:#5d5f6b}
#content .sc-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--c);margin-right:6px;vertical-align:-1px}
@media(max-width:760px){#content .sc-cal{padding:12px!important}#content .sc-grid{gap:3px}#content .sc-day{min-height:64px;padding:3px;border-radius:8px}#content .sc-n{font-size:11px;padding:1px 2px}#content .sc-chip{padding:3px;border-left-width:3px;display:block;font-size:9.5px}#content .sc-chip span,#content .sc-chip em{display:none}#content .sc-wd{font-size:9px;padding:0 2px 2px}}
html[data-theme=dark] #content .sc-day{background:rgba(255,255,255,.05)}html[data-theme=dark] #content .sc-chip{background:#252632;color:#f3f3f7}html[data-theme=dark] #content .sc-n{color:#e6e6ec}
#content .sc-chip[draggable=true]{cursor:grab}
#content .sc-chip.is-dragging{opacity:.4}
#content .sc-day.is-over{background:#ffe3ea;box-shadow:inset 0 0 0 2px #ff0043}
/* Foco de la semana (video de lanzamiento) */
#content .fx-card{grid-column:1/-1;padding:22px!important;border:2px solid #ff0043;background:linear-gradient(180deg,#fff0f3,#fff 60%)!important}
#content .fx-head h2{margin:2px 0 0;font-size:26px;font-weight:800;letter-spacing:-.03em}
#content .fx-sub{margin:4px 0 14px;color:#5d5f6b;font-size:14px}
#content .fx-bar{height:8px;border-radius:99px;background:#ffd6e0;overflow:hidden}
#content .fx-bar i{display:block;height:100%;background:#ff0043;border-radius:inherit;transition:width .6s cubic-bezier(.23,1,.32,1)}
#content .fx-count{margin:8px 0 4px;font-size:12px;font-weight:700;color:#ff0043;letter-spacing:.02em}
#content .fx-list li.is-now .hm-task strong{color:#ff0043}
#content .fx-list li.is-done .hm-task strong{text-decoration:line-through;opacity:.5}
#content .fx-list li.is-done .hm-check{background:#1ea86a;border-color:#1ea86a;color:#fff}
html[data-theme=dark] #content .fx-card{background:linear-gradient(180deg,#3a1a26,#252632 60%)!important}