/* Mi Trabajo (Fase 1, 29-oct-2026) */
.cip-mywork-btn { position: relative; font-size: 1.25rem !important; color: var(--text, #e8eaf0); }
.cip-mywork-btn .ti { font-size: 1.3rem; vertical-align: middle; }
.cip-mywork-btn.active { background: var(--accent-dim) !important; }
.cip-mywork-badge {
  position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px;
  background: #ff4d4f; color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center;
  box-shadow: 0 0 0 2px var(--bg-soft, #161920);
}
.cip-mywork-badge.hidden { display: none; }

.cip-mywork-panel {
  position: fixed; top: 56px; left: 12px; width: 440px; max-width: calc(100vw - 24px); height: min(720px, calc(100vh - 80px));
  display: flex; flex-direction: column; z-index: 9000; overflow: hidden;
  background: var(--bg-soft, #161920); color: var(--text, #e8eaf0);
  border: 1px solid rgba(255, 255, 255, .08); border-radius: 14px; box-shadow: 0 18px 48px rgba(0, 0, 0, .55);
}
.cip-mywork-panel.hidden { display: none; }
.cip-mywork-head { display: flex; align-items: center; gap: 8px; padding: 14px 14px 8px 16px; }
.cip-mywork-title { font-size: 1.05rem; font-weight: 700; flex: 1; display: flex; align-items: center; gap: 8px; }
.cip-mywork-who {
  max-width: 150px; background: rgba(255, 255, 255, .06); color: inherit; border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px; padding: 5px 6px; font-size: .78rem;
}
.cip-mywork-who.hidden { display: none; }
.cip-mywork-icon { background: transparent; border: 0; color: inherit; width: 34px; height: 34px; border-radius: 8px; cursor: pointer; font-size: 1.1rem; }
.cip-mywork-icon:hover { background: var(--accent-dim); }
.cip-mywork-chips { display: flex; gap: 6px; padding: 4px 12px 10px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.cip-mywork-chip {
  display: inline-flex; align-items: center; gap: 6px; background: transparent; color: var(--text-muted, #8b92a8);
  border: 1px solid rgba(255, 255, 255, .1); border-radius: 999px; padding: 6px 12px; font-size: .82rem; cursor: pointer; white-space: nowrap;
}
.cip-mywork-chip b { font-weight: 700; }
.cip-mywork-chip.active { color: #fff; border-color: transparent; }
.cip-mywork-chip.active.danger { background: #ff4d4f; }
.cip-mywork-chip.active.warn { background: #f5a524; color: #111; }
.cip-mywork-chip.active.muted { background: #6b7385; }
.cip-mywork-chip.active.ok { background: #1fb36b; }
.cip-mywork-next {
  margin: 0 12px 10px; padding: 11px 14px; border: 0; border-radius: 10px; cursor: pointer; font-weight: 700; font-size: .95rem;
  background: var(--accent, #0aff9d); color: #04130c; display: flex; align-items: center; justify-content: center; gap: 8px;
}
.cip-mywork-body { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 0 8px 12px; }
.cip-mywork-row {
  display: flex; gap: 10px; align-items: center; padding: 11px 10px; margin: 0 4px 6px; border-radius: 10px; cursor: pointer;
  background: rgba(255, 255, 255, .035); border-left: 3px solid transparent;
}
.cip-mywork-row:hover, .cip-mywork-row:focus-visible { background: rgba(255, 255, 255, .08); outline: none; }
.cip-mywork-row.danger { border-left-color: #ff4d4f; }
.cip-mywork-row.warn { border-left-color: #f5a524; }
.cip-mywork-row.muted { border-left-color: #6b7385; }
.cip-mywork-row.ok { border-left-color: #1fb36b; }
.cip-mywork-row.visited { opacity: .55; }
.cip-mywork-row.nochat .ti { opacity: .6; }
.cip-mywork-main { flex: 1; min-width: 0; }
.cip-mywork-name { font-weight: 650; font-size: .95rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cip-mywork-reason { font-size: .82rem; margin-top: 2px; color: var(--text, #e8eaf0); }
.cip-mywork-meta { display: flex; flex-wrap: wrap; gap: 4px 10px; margin-top: 3px; font-size: .74rem; color: var(--text-muted, #8b92a8); }
.cip-mywork-owner { color: var(--accent, #0aff9d); }
.cip-mywork-side { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; font-size: 1.1rem; color: var(--text-muted, #8b92a8); }
.cip-mywork-money { font-size: .78rem; font-weight: 700; color: var(--text, #e8eaf0); white-space: nowrap; }
.cip-mywork-empty, .cip-mywork-more { text-align: center; padding: 28px 16px; color: var(--text-muted, #8b92a8); font-size: .9rem; }
.cip-mywork-more { padding: 10px; font-size: .78rem; }

@media (max-width: 760px) {
  .cip-mywork-panel { top: 0; left: 0; width: 100vw; max-width: 100vw; height: 100dvh; border-radius: 0; border: 0; }
  .cip-mywork-head { padding-top: calc(12px + env(safe-area-inset-top, 0px)); }
  .cip-mywork-body { padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }
  .cip-mywork-row { padding: 13px 10px; }
}

/* Ficha compacta + acciones (Fase 2) */
.cip-mywork-back { background: transparent; border: 0; color: var(--accent, #0aff9d); font-size: .9rem; padding: 6px 4px; cursor: pointer; display: inline-flex; gap: 6px; align-items: center; }
.cip-mywork-panel.showing-card .cip-mywork-next { display: none; }
.cip-card { padding: 4px 12px 24px; }
.cip-card-name { font-size: 1.15rem; font-weight: 700; }
.cip-card-sub { font-size: .82rem; color: var(--text-muted, #8b92a8); margin: 2px 0 8px; }
.cip-card-reason { font-size: .85rem; padding: 7px 10px; border-radius: 8px; margin-bottom: 10px; background: rgba(255, 255, 255, .06); }
.cip-card-reason.vencido { background: rgba(255, 77, 79, .16); }
.cip-card-reason.seguimiento { background: rgba(245, 165, 36, .16); }
.cip-card-btns { display: flex; gap: 8px; margin-bottom: 10px; }
.cip-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 14px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .14); background: transparent; color: inherit; font-weight: 600; font-size: .9rem; text-decoration: none; cursor: pointer; flex: 1; }
.cip-btn.primary { background: var(--accent, #0aff9d); color: #04130c; border-color: transparent; }
.cip-btn.danger { background: #ff4d4f; color: #fff; border-color: transparent; }
.cip-btn.wide { width: 100%; margin-top: 8px; }
.cip-btn[disabled] { opacity: .5; pointer-events: none; }
.cip-card-note { font-size: .8rem; padding: 7px 10px; border-radius: 8px; margin-bottom: 8px; background: rgba(255, 255, 255, .05); }
.cip-card-note.warn { background: rgba(245, 165, 36, .16); }
.cip-card-sec { margin: 10px 0; font-size: .85rem; }
.cip-card-sec b { font-size: .78rem; text-transform: uppercase; letter-spacing: .4px; color: var(--text-muted, #8b92a8); }
.cip-card-sec p { margin: 4px 0; line-height: 1.35; }
.cip-card-sec p.late { color: #ff8b8d; }
.cip-card-who { font-size: .72rem; color: var(--text-muted, #8b92a8); }
.cip-act-tabs { display: flex; gap: 4px; margin: 14px 0 8px; border-bottom: 1px solid rgba(255, 255, 255, .08); overflow-x: auto; }
.cip-act-tabs button { background: transparent; border: 0; color: var(--text-muted, #8b92a8); padding: 8px 10px; font-size: .85rem; cursor: pointer; border-bottom: 2px solid transparent; white-space: nowrap; }
.cip-act-tabs button.active { color: var(--text, #e8eaf0); border-bottom-color: var(--accent, #0aff9d); font-weight: 700; }
.cip-act-form { display: flex; flex-direction: column; gap: 8px; }
.cip-act-form label { font-size: .78rem; color: var(--text-muted, #8b92a8); }
.cip-act-form label.chk { display: flex; align-items: center; gap: 8px; font-size: .82rem; }
.cip-act-form input[type=text], .cip-act-form input[type=date], .cip-act-form select {
  width: 100%; box-sizing: border-box; padding: 10px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .05); color: inherit; font-size: 16px; /* 16px evita el zoom de iOS */
}
.cip-act-form .hint { font-size: .75rem; color: var(--text-muted, #8b92a8); margin: 0; }
.cip-quick { display: flex; flex-wrap: wrap; gap: 6px; }
.cip-quick button { background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .1); color: inherit; border-radius: 999px; padding: 5px 11px; font-size: .78rem; cursor: pointer; }

/* Fase 3: próxima mejor acción, resumen, adjuntos */
.cip-next-action{margin:10px 0;padding:10px 12px;border-radius:10px;background:rgba(59,130,246,.14);border:1px solid rgba(59,130,246,.5)}
.cip-next-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.75}
.cip-next-text{font-size:15px;font-weight:600;margin-top:2px}
.cip-next-why{font-size:12px;opacity:.75;margin-top:2px}
.cip-mywork-nba{display:flex;gap:6px;align-items:flex-start;margin-top:4px;font-size:.78rem;line-height:1.3;color:var(--accent,#0aff9d);opacity:.92}.cip-mywork-nba .ti{margin-top:2px;flex:none}
.cip-sum p{margin:6px 0;line-height:1.35}
.cip-sum-k{display:inline-block;min-width:92px;font-size:11px;font-weight:600;text-transform:uppercase;opacity:.65}
.cip-btn.small{padding:3px 10px;font-size:12px;margin-left:6px}

/* Fase 4: metas, equipo, tablero, ráfaga, móvil */
.cip-goals,.cip-team{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.05)}
.cip-goals-title{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;opacity:.7;margin-bottom:6px}
.cip-goal{margin:6px 0}.cip-goal-top{display:flex;justify-content:space-between;font-size:.8rem}
.cip-goal-track{height:6px;border-radius:4px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:3px}
.cip-goal-fill{height:100%;background:#3b82f6;border-radius:4px;transition:width .4s}
.cip-goal.met .cip-goal-fill{background:#22c55e}
.cip-team-row{display:flex;align-items:center;gap:8px;width:100%;padding:8px 6px;margin:0;border:0;border-top:1px solid rgba(255,255,255,.07);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;min-height:44px}
.cip-team-name{flex:1;font-weight:600}.cip-team-nums{font-size:.78rem;white-space:nowrap}.cip-team-goal{font-size:.74rem;opacity:.75;white-space:nowrap}
#cip-mywork-burst.active{background:rgba(245,165,36,.25);color:#f5a524}
.cip-board{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;align-items:flex-start}
.cip-col{flex:0 0 230px;border-radius:10px;background:rgba(255,255,255,.045);padding:8px}
.cip-col-head{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}
.cip-col-count{background:rgba(255,255,255,.12);border-radius:10px;padding:0 8px;font-size:.75rem}
.cip-col-sub{display:flex;flex-wrap:wrap;gap:6px;font-size:.7rem;margin:4px 0 8px;opacity:.9}
.cip-col-sub .danger{color:#ff8b8d}.cip-col-sub .muted{color:#9aa3b8}
.cip-kcard{padding:8px;border-radius:8px;margin-bottom:6px;background:rgba(255,255,255,.06);border-left:3px solid transparent;cursor:pointer}
.cip-kcard.vencido{border-left-color:#ff4d4f}.cip-kcard.seguimiento{border-left-color:#f5a524}.cip-kcard.sin_trabajar{border-left-color:#9aa3b8}
.cip-kcard-name{font-size:.82rem;font-weight:600}.cip-kcard-meta,.cip-kcard-reason{font-size:.72rem;opacity:.75;margin-top:2px}
.cip-col-more{font-size:.72rem;opacity:.6;text-align:center;padding:4px}
.cip-ela-strip{margin-top:10px;padding:8px 10px;border-radius:8px;background:rgba(59,130,246,.12);font-size:.78rem;display:flex;flex-direction:column;gap:3px}
@media (max-width: 700px){
  .cip-board{flex-direction:column;overflow-x:visible}.cip-col{flex:none;width:100%}
  .cip-mywork-panel .cip-btn,.cip-mywork-icon,.cip-mywork-chip,.cip-act-tabs button,.cip-quick button{min-height:44px}
  .cip-mywork-panel input,.cip-mywork-panel select{min-height:44px;font-size:16px}
  .cip-mywork-body{padding-bottom:max(16px,env(safe-area-inset-bottom))}
  .cip-card-btns{position:sticky;top:0;z-index:2;background:var(--bg-primary,#12141c);padding:6px 0}
}
/* Fase 4: la cabecera del lider (selector + tablero + ráfaga + actualizar + cerrar) no debe desbordar en móvil */
.cip-mywork-head{flex-wrap:wrap;row-gap:6px}
.cip-mywork-who{min-width:0;flex:1 1 140px;max-width:100%}
.cip-mywork-title{white-space:nowrap}

/* Plan del día, Control de equipo y Guía (29-oct-2026) */
.cip-mywork-views{display:flex;gap:6px;padding:0 12px 8px;overflow-x:auto}
.cip-mywork-views.hidden{display:none}
.cip-view-tab{flex:1 1 auto;white-space:nowrap;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:inherit;font:inherit;font-size:.82rem;cursor:pointer;min-height:40px}
.cip-view-tab b{margin-left:4px}
.cip-view-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:600}
#cip-mywork-next.hidden{display:none}
.cip-plan-head{margin:0 0 12px;padding:12px;border-radius:12px;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.35)}
.cip-plan-head.met{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.5)}
.cip-plan-count{display:flex;justify-content:space-between;align-items:baseline;font-size:1rem;margin-bottom:6px}
.cip-plan-count b{font-size:1.25rem}.cip-plan-pct{opacity:.7;font-size:.85rem}
.cip-plan-sub{font-size:.78rem;opacity:.8;margin-top:8px}
.cip-plan-win{margin-top:10px;font-size:.9rem}.cip-plan-win p{margin:6px 0 0;font-size:.84rem;line-height:1.4;opacity:.92}
.cip-plan-sec{margin:0 0 12px}
.cip-plan-sec.urgent{padding:8px;border-radius:10px;background:rgba(255,77,79,.1);border:1px solid rgba(255,77,79,.35)}
.cip-plan-foot{font-size:.76rem;opacity:.75;margin:10px 0 4px;line-height:1.4}
.cip-linkbtn{background:none;border:0;color:#6ea8fe;font:inherit;text-decoration:underline;cursor:pointer;padding:2px 0;min-height:32px}
.cip-task{display:flex;gap:10px;align-items:flex-start;padding:10px;margin-bottom:6px;border-radius:10px;background:rgba(255,255,255,.05);border-left:3px solid #3b82f6;cursor:pointer}
.cip-task.done{border-left-color:#22c55e;opacity:.85}
.cip-task.k-lost{border-left-color:#f5a524}.cip-task.k-levantamiento{border-left-color:#a78bfa}
.cip-task-ic{font-size:1.3rem;line-height:1;color:#7c8499}.cip-task.done .cip-task-ic{color:#22c55e}
.cip-task-main{flex:1;min-width:0}
.cip-task-kind{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;opacity:.75}
.cip-task-carry{margin-left:8px;padding:1px 7px;border-radius:999px;background:rgba(245,165,36,.2);color:#f5a524;text-transform:none;letter-spacing:0}
.cip-task-carry.late{background:rgba(255,77,79,.22);color:#ff8b8d}
.cip-task-name{font-weight:600;margin-top:2px}.cip-task-stage{font-weight:400;opacity:.65;font-size:.82rem}
.cip-task-reason{font-size:.8rem;opacity:.8;margin-top:2px;line-height:1.35}
.cip-task-ev{font-size:.78rem;color:#6ee7a0;margin-top:3px}
.cip-task-go{opacity:.4;align-self:center}
.cip-ctl-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}
.cip-ctl-top select{padding:6px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:inherit;font-size:16px}
.cip-ctl-legend{font-size:.75rem;opacity:.75;margin-bottom:8px;line-height:1.4}
.cip-ctl-scroll{overflow-x:auto;border-radius:10px;background:rgba(255,255,255,.04)}
.cip-ctl{border-collapse:collapse;width:100%;min-width:max-content;font-size:.8rem}
.cip-ctl th,.cip-ctl td{padding:6px 8px;text-align:center;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap}
.cip-ctl thead th{font-size:.7rem;text-transform:capitalize;opacity:.75}
.cip-ctl-name{position:sticky;left:0;text-align:left!important;background:var(--bg-primary,#12141c);font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis}
.cip-ctl-streak{margin-left:6px;font-size:.7rem;font-weight:400}
.cip-ctl-sum{font-weight:600;opacity:.85}
.cip-ctl-cell{cursor:pointer;min-width:52px}.cip-ctl-cell span{font-size:1.1rem}.cip-ctl-cell small{display:block;opacity:.65;font-size:.68rem}
.cip-ctl-cell.none{cursor:default;opacity:.35}
.cip-ctl-cell.met{background:rgba(34,197,94,.1)}.cip-ctl-cell.missed{background:rgba(255,77,79,.1)}
.cip-ctl-detail .hint{opacity:.65;font-size:.74rem}.cip-ctl-msg{font-style:italic;opacity:.85}
.cip-guide{display:flex;flex-direction:column;gap:10px}
.cip-guide-top{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;opacity:.85}
.cip-guide-dots{display:flex;gap:6px;flex-wrap:wrap}
.cip-gdot{width:14px;height:14px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.18);cursor:pointer}
.cip-gdot.seen{background:rgba(59,130,246,.55)}.cip-gdot.active{background:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.3)}
.cip-guide-card{padding:14px;border-radius:12px;background:rgba(255,255,255,.05)}
.cip-guide-ic{font-size:2rem;color:#6ea8fe}.cip-guide-card h3{margin:4px 0 8px;font-size:1.1rem}
.cip-guide-body{font-size:.9rem;line-height:1.5}.cip-guide-body p{margin:8px 0}.cip-guide-body ul,.cip-guide-body ol{margin:8px 0;padding-left:20px}.cip-guide-body li{margin:5px 0}
.cip-guide-body .tip{padding:8px 10px;border-radius:8px;background:rgba(245,165,36,.12);border-left:3px solid #f5a524;font-size:.84rem}
.cip-guide-body .g-kinds{list-style:none;padding-left:0}.cip-guide-body .g-kinds i{color:#6ea8fe;margin-right:4px}
.cip-guide-nav{display:flex;gap:8px;justify-content:space-between}.cip-guide-nav .cip-btn{flex:1}
.cip-decide{margin-top:12px;padding:12px;border-radius:10px;background:rgba(59,130,246,.1);border:1px dashed rgba(59,130,246,.5)}
.cip-decide-title{font-weight:600;margin-bottom:6px}.cip-decide-step{font-size:.72rem;opacity:.7}.cip-decide-q{font-size:.95rem;margin:6px 0 10px;line-height:1.4}
.cip-decide-btns{display:flex;gap:8px}.cip-decide-btns .cip-btn{flex:1}
.cip-decide-res{padding:10px;border-radius:8px;margin-bottom:8px}.cip-decide-res p{margin:4px 0 0;font-size:.85rem}
.cip-decide-res.lost{background:rgba(255,77,79,.15);border-left:3px solid #ff4d4f}
.cip-decide-res.snooze{background:rgba(245,165,36,.15);border-left:3px solid #f5a524}
.cip-decide-res.keep{background:rgba(34,197,94,.14);border-left:3px solid #22c55e}
@media (max-width:700px){.cip-view-tab,.cip-linkbtn,.cip-gdot{min-height:44px}.cip-gdot{width:20px;height:20px;min-height:20px}.cip-ctl-cell{min-width:46px}}

/* 30-oct-2026 pulido iPhone (reporte de Miguel): nada se sale ni se mueve hacia los lados */
.cip-mywork-body { overflow-x: hidden; overscroll-behavior-x: none; }
.cip-card, .cip-act-form, .cip-act-form > * { min-width: 0; max-width: 100%; }
/* iOS Safari ignora width:100% en input[type=date] (usa un ancho intrinseco): se le quita la apariencia nativa y se fuerza el ancho */
.cip-act-form input[type=date] {
  -webkit-appearance: none; appearance: none; display: block; width: 100%; min-width: 0; max-width: 100%;
  box-sizing: border-box; text-align: left; font: inherit; font-size: 16px; line-height: 1.2; min-height: 44px;
}
.cip-act-form input[type=date]::-webkit-date-and-time-value { text-align: left; min-width: 0; }
.cip-act-form input[type=text], .cip-act-form select { min-width: 0; max-width: 100%; text-overflow: ellipsis; }
.cip-quick { max-width: 100%; }
.cip-card-btns { box-shadow: 0 10px 10px -8px rgba(0, 0, 0, .55); }
@media (max-width: 760px) {
  /* barra de acciones fija: mismo fondo que el panel (antes se veia como una franja de otro color) y a todo el ancho */
  .cip-card-btns { background: var(--bg-soft, #161920); margin: 0 -12px 10px; padding: 8px 12px; }
  /* cabecera del lider: "Mi Trabajo" + cerrar en la 1.ª fila; selector + acciones en la 2.ª (antes la X quedaba sola en una fila vacia) */
  .cip-mywork-head:has(.cip-mywork-who:not(.hidden)) .cip-mywork-title { order: 0; flex: 1 1 auto; }
  .cip-mywork-head:has(.cip-mywork-who:not(.hidden)) #cip-mywork-close { order: 1; }
  .cip-mywork-head:has(.cip-mywork-who:not(.hidden))::after { content: ""; order: 1; flex-basis: 100%; height: 0; }
  .cip-mywork-head:has(.cip-mywork-who:not(.hidden)) .cip-mywork-who { order: 2; flex: 1 1 0; }
  .cip-mywork-head:has(.cip-mywork-who:not(.hidden)) .cip-mywork-icon:not(#cip-mywork-close) { order: 2; }
}

/* 30-oct-2026 (revision en pantalla real): en escritorio la cabecera del lider envolvia y dejaba "actualizar" y "cerrar" solos en una 2.ª fila a la izquierda. Con selector y botones mas compactos todo cabe en UNA fila (movil: 2 filas por diseño, ver regla de arriba) */
.cip-mywork-head { gap: 4px; }
.cip-mywork-who { flex: 1 1 70px; }
.cip-mywork-icon { width: 32px; }
@media (max-width: 760px) { .cip-mywork-icon { width: 40px; } }

/* 30-oct-2026 (revision en pantalla real, escritorio): el panel nacia en top:56px y tapaba a medias la fila de iconos de la bandeja
   (se veian cortados asomando por arriba). Ahora arranca debajo de esa fila. */
@media (min-width: 761px) {
  .cip-mywork-panel { top: 100px; height: min(720px, calc(100vh - 118px)); }
}

.cip-mywork-bank{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:600;line-height:18px}
.cip-mywork-bank.ok{background:rgba(22,163,74,.12);color:#15803d}
.cip-mywork-bank.warn{background:rgba(217,119,6,.14);color:#b45309}

/* iconos propios (Tabler) en lugar de emojis - 5-nov-2026 */
.cip-ic{margin-right:5px;vertical-align:-2px}
.cip-ic.ok{color:#22c55e}.cip-ic.bad{color:#ff4d4f}.cip-ic.wait{color:#f5a524}.cip-ic.hot{color:#ff8a3d;margin-right:2px}
.cip-ctl-cell span .cip-ic{margin:0;font-size:1.35rem;vertical-align:middle}
.cip-ctl-streak{display:inline-flex;align-items:center}