/* ===========================================================================
   Jheliz Control — estética verde esmeralda, tarjetas blancas, semáforo.
   Módulo de gestión para revendedor (independiente del Control de cuentas).
   =========================================================================== */
.jc {
  --jc-green: #10b981;
  --jc-green-dark: #059669;
  --jc-green-deep: #065f46;
  --jc-green-soft: #d1fae5;
  --jc-red: #ef4444;
  --jc-red-soft: #fee2e2;
  --jc-yellow: #f59e0b;
  --jc-yellow-soft: #fef3c7;
  --jc-ink: #1f2937;
  --jc-muted: #6b7280;
  --jc-line: #e5e7eb;
  --jc-bg: #f3f4f6;
  --jc-card: #ffffff;
  --jc-radius: 16px;
  --jc-shadow: 0 10px 30px -16px rgba(6, 78, 59, .35);

  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: var(--jc-ink);
  background: var(--jc-bg);
  margin: -20px;            /* desbordar el padding del shell admin */
  padding: 18px 22px 40px;
  min-height: 80vh;
}

/* ── Topbar ──────────────────────────────────────────────────────────── */
.jc-topbar {
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  padding: 14px 18px; background: var(--jc-card);
  border-radius: var(--jc-radius); box-shadow: var(--jc-shadow);
}
.jc-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.jc-logo { display: flex; filter: drop-shadow(0 6px 14px rgba(16,185,129,.4)); }
.jc-brand__txt strong { display: block; color: var(--jc-ink); font-size: 16px; line-height: 1.1; }
.jc-brand__txt small { color: var(--jc-muted); font-size: 11px; }

.jc-search {
  flex: 1 1 280px; display: flex; align-items: center; gap: 8px;
  background: var(--jc-bg); border: 1px solid var(--jc-line);
  border-radius: 999px; padding: 8px 16px; transition: border-color .18s, box-shadow .18s;
}
.jc-search:focus-within { border-color: var(--jc-green); box-shadow: 0 0 0 3px var(--jc-green-soft); }
.jc-search .material-symbols-outlined { color: var(--jc-muted); font-size: 20px; }
.jc-search input { flex: 1; border: 0; background: transparent; outline: none; font-size: 14px; color: var(--jc-ink); }

.jc-topbar__actions { position: relative; }
.jc-bell {
  position: relative; width: 42px; height: 42px; border-radius: 12px; border: 1px solid var(--jc-line);
  background: var(--jc-card); cursor: pointer; display: flex; align-items: center; justify-content: center;
  transition: background .18s, transform .12s;
}
.jc-bell:hover { background: var(--jc-green-soft); }
.jc-bell:active { transform: scale(.94); }
.jc-bell .material-symbols-outlined { color: var(--jc-green-deep); }
.jc-bell__count {
  position: absolute; top: -5px; right: -5px; min-width: 18px; height: 18px; padding: 0 5px;
  background: var(--jc-red); color: #fff; border-radius: 999px; font-size: 11px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}
.jc-bell__panel {
  position: absolute; right: 0; top: 50px; width: 320px; max-height: 380px; overflow-y: auto;
  background: var(--jc-card); border: 1px solid var(--jc-line); border-radius: 14px;
  box-shadow: 0 24px 48px -20px rgba(0,0,0,.35); z-index: 50; padding: 8px;
}
.jc-bell__item { display: flex; gap: 10px; align-items: center; padding: 9px 10px; border-radius: 10px; text-decoration: none; color: var(--jc-ink); }
.jc-bell__item:hover { background: var(--jc-bg); }
.jc-bell__empty { padding: 18px; text-align: center; color: var(--jc-muted); font-size: 13px; }

/* ── Tabs ────────────────────────────────────────────────────────────── */
.jc-tabs { display: flex; gap: 8px; margin: 16px 0; flex-wrap: wrap; }
.jc-tab {
  display: inline-flex; align-items: center; gap: 7px; padding: 9px 16px; border-radius: 999px;
  text-decoration: none; color: var(--jc-ink); font-weight: 600; font-size: 14px;
  background: var(--jc-card); border: 1px solid var(--jc-line); transition: all .16s ease;
}
.jc-tab .material-symbols-outlined { font-size: 19px; }
.jc-tab:hover { border-color: var(--jc-green); color: var(--jc-green-dark); transform: translateY(-1px); }
.jc-tab.is-active { background: var(--jc-green); color: #fff; border-color: var(--jc-green); box-shadow: 0 8px 20px -10px rgba(16,185,129,.7); }

/* ── Mensajes ────────────────────────────────────────────────────────── */
.jc-msgs { margin: 12px 0; display: grid; gap: 8px; }
.jc-msg { padding: 11px 16px; border-radius: 12px; font-size: 14px; border: 1px solid; }
.jc-msg--success { background: var(--jc-green-soft); border-color: #6ee7b7; color: var(--jc-green-deep); }
.jc-msg--error { background: var(--jc-red-soft); border-color: #fca5a5; color: #991b1b; }
.jc-msg--warning { background: var(--jc-yellow-soft); border-color: #fcd34d; color: #92400e; }
.jc-msg--info { background: #e0f2fe; border-color: #7dd3fc; color: #075985; }

/* ── Animación de entrada ────────────────────────────────────────────── */
.jc-fade { animation: jcFade .35s ease; }
@keyframes jcFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* ── Cards / paneles ─────────────────────────────────────────────────── */
.jc-panel { background: var(--jc-card); border-radius: var(--jc-radius); box-shadow: var(--jc-shadow); padding: 20px; }
.jc-section-title { display: flex; align-items: center; gap: 8px; font-size: 17px; font-weight: 700; margin: 0 0 14px; color: var(--jc-ink); }
.jc-section-title .material-symbols-outlined { color: var(--jc-green); }

/* ── Métricas (dashboard) ────────────────────────────────────────────── */
.jc-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px; }
.jc-metric { background: var(--jc-card); border-radius: var(--jc-radius); box-shadow: var(--jc-shadow); padding: 18px 20px; display: flex; align-items: center; gap: 14px; }
.jc-metric__icon { width: 46px; height: 46px; border-radius: 13px; display: flex; align-items: center; justify-content: center; background: var(--jc-green-soft); color: var(--jc-green-deep); }
.jc-metric__icon.is-red { background: var(--jc-red-soft); color: #991b1b; }
.jc-metric__icon.is-blue { background: #dbeafe; color: #1e40af; }
.jc-metric__v { font-size: 24px; font-weight: 800; line-height: 1; }
.jc-metric__l { color: var(--jc-muted); font-size: 12.5px; margin-top: 4px; }

/* ── Gráfico de barras ingresos vs egresos ───────────────────────────── */
.jc-chart { display: flex; align-items: flex-end; gap: 18px; height: 220px; padding: 12px 6px 0; }
.jc-chart__col { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; height: 100%; justify-content: flex-end; }
.jc-chart__bars { display: flex; align-items: flex-end; gap: 5px; height: 100%; width: 100%; justify-content: center; }
.jc-bar { width: 22px; border-radius: 6px 6px 0 0; transition: height .5s cubic-bezier(.2,.8,.2,1); min-height: 3px; }
.jc-bar--in { background: linear-gradient(180deg, #34d399, var(--jc-green)); }
.jc-bar--out { background: linear-gradient(180deg, #f87171, var(--jc-red)); }
.jc-chart__lbl { font-size: 12px; color: var(--jc-muted); font-weight: 600; }
.jc-legend { display: flex; gap: 18px; margin-top: 10px; font-size: 13px; color: var(--jc-muted); }
.jc-legend i { display: inline-block; width: 12px; height: 12px; border-radius: 3px; margin-right: 6px; vertical-align: middle; }

/* ── Tablero de servicios ────────────────────────────────────────────── */
.jc-cat { margin-bottom: 22px; }
.jc-cat__head { display: flex; align-items: center; gap: 9px; margin-bottom: 12px; }
.jc-cat__head .material-symbols-outlined { color: var(--jc-green-dark); }
.jc-cat__head h3 { margin: 0; font-size: 15px; font-weight: 700; }
.jc-services { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px; }
.jc-svc {
  position: relative; background: var(--jc-card); border-radius: 14px; box-shadow: var(--jc-shadow);
  padding: 16px; text-align: center; text-decoration: none; color: var(--jc-ink);
  transition: transform .16s ease, box-shadow .16s ease; border: 1px solid var(--jc-line);
}
.jc-svc:hover { transform: translateY(-3px); box-shadow: 0 18px 36px -18px rgba(6,78,59,.5); border-color: var(--jc-green); }
.jc-svc__img { width: 100%; height: 84px; object-fit: cover; border-radius: 10px; margin-bottom: 10px; }
.jc-svc__ph { width: 100%; height: 84px; border-radius: 10px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--jc-green-soft), #d1fae5); color: var(--jc-green-deep); }
.jc-svc__ph .material-symbols-outlined { font-size: 40px; }
.jc-svc__ph--mono { font-weight: 800; font-size: 34px; letter-spacing: .5px; }
.jc-svc__name { font-weight: 700; font-size: 14px; }
.jc-svc__count { font-size: 12px; color: var(--jc-muted); margin-top: 3px; }
.jc-svc__del {
  position: absolute; top: 8px; right: 8px; width: 26px; height: 26px; border-radius: 8px;
  border: 0; background: rgba(239,68,68,.1); color: var(--jc-red); cursor: pointer; display: none;
  align-items: center; justify-content: center;
}
.jc-svc:hover .jc-svc__del { display: flex; }
.jc-svc__del .material-symbols-outlined { font-size: 17px; }

/* ── Tabla de suscripciones ──────────────────────────────────────────── */
.jc-table-wrap { overflow-x: auto; }
.jc-table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.jc-table th { text-align: left; padding: 10px 12px; color: var(--jc-muted); font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; border-bottom: 2px solid var(--jc-line); }
.jc-table td { padding: 12px; border-bottom: 1px solid var(--jc-line); vertical-align: middle; }
.jc-table tr:hover td { background: #f9fafb; }
.jc-pass { display: inline-flex; align-items: center; gap: 6px; }
.jc-pass code { font-family: ui-monospace, monospace; }
.jc-eye { border: 0; background: transparent; cursor: pointer; color: var(--jc-muted); display: inline-flex; }
.jc-eye .material-symbols-outlined { font-size: 18px; }

/* ── Semáforo ────────────────────────────────────────────────────────── */
.jc-chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; }
.jc-exp-date { display: inline-flex; align-items: center; gap: 3px; margin-top: 4px; font-size: 11.5px; color: var(--jc-muted); }
.jc-exp-date .material-symbols-outlined { font-size: 14px; }
.jc-chip::before { content: ""; width: 8px; height: 8px; border-radius: 50%; }
.jc-chip--green { background: var(--jc-green-soft); color: var(--jc-green-deep); }
.jc-chip--green::before { background: var(--jc-green); }
.jc-chip--yellow { background: var(--jc-yellow-soft); color: #92400e; }
.jc-chip--yellow::before { background: var(--jc-yellow); }
.jc-chip--red, .jc-chip--expired { background: var(--jc-red-soft); color: #991b1b; }
.jc-chip--red::before, .jc-chip--expired::before { background: var(--jc-red); }
.jc-profit { font-weight: 800; color: var(--jc-green-dark); }
.jc-profit.is-neg { color: var(--jc-red); }

/* ── Acciones rápidas ────────────────────────────────────────────────── */
.jc-acts { display: flex; gap: 6px; flex-wrap: wrap; }
.jc-iact {
  width: 32px; height: 32px; border-radius: 9px; border: 1px solid transparent; color: #fff;
  cursor: pointer; display: inline-flex; align-items: center; justify-content: center;
  text-decoration: none; transition: all .14s ease; box-shadow: 0 2px 5px rgba(0,0,0,.12);
}
.jc-iact:hover { transform: translateY(-2px); filter: brightness(1.08); }
.jc-iact .material-symbols-outlined { font-size: 18px; }
.jc-iact--wa { background: #25d366; }
.jc-iact--tg { background: #229ed9; }
.jc-iact--renew { background: var(--jc-green); }
.jc-iact--edit { background: #f59e0b; }
.jc-iact--del { background: var(--jc-red); }

/* ── Detalle de servicio (estilo KINEMANAGER) ────────────────────────── */
.jc-svc-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; background: var(--jc-card); border: 1px solid var(--jc-line); border-radius: var(--jc-radius); box-shadow: var(--jc-shadow); padding: 16px 18px; margin-bottom: 12px; }
.jc-svc-head__id { display: flex; align-items: center; gap: 13px; min-width: 0; }
.jc-svc-logo { width: 52px; height: 52px; border-radius: 13px; flex: none; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 22px; }
.jc-svc-logo .material-symbols-outlined { font-size: 28px; }
.jc-svc-name { margin: 0; font-size: 19px; font-weight: 800; color: var(--jc-ink); }
.jc-svc-sub { font-size: 12.5px; color: var(--jc-muted); }
.jc-kpis { display: flex; gap: 10px; flex-wrap: wrap; }
.jc-kpi { display: flex; flex-direction: column; align-items: flex-start; padding: 8px 14px; border-radius: 12px; min-width: 92px; border: 1px solid var(--jc-line); }
.jc-kpi__label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.jc-kpi__val { font-size: 16px; font-weight: 800; }
.jc-kpi--in { background: var(--jc-green-soft); border-color: #6ee7b7; }
.jc-kpi--in .jc-kpi__label { color: var(--jc-green-deep); }
.jc-kpi--in .jc-kpi__val { color: var(--jc-green-deep); }
.jc-kpi--out { background: var(--jc-red-soft); border-color: #fca5a5; }
.jc-kpi--out .jc-kpi__label, .jc-kpi--out .jc-kpi__val { color: #991b1b; }
.jc-kpi--cli { background: #eff6ff; border-color: #bfdbfe; }
.jc-kpi--cli .jc-kpi__label, .jc-kpi--cli .jc-kpi__val { color: #1d4ed8; }
.jc-svc-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.jc-subbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 12px; }
.jc-subbar__title { display: flex; align-items: center; gap: 7px; font-weight: 700; font-size: 14.5px; color: var(--jc-ink); }
.jc-subbar__title .material-symbols-outlined { color: var(--jc-green); font-size: 20px; }
.jc-search-box--sm { padding: 6px 13px; min-width: 240px; }
.jc-search-box--sm input { font-size: 13px; }
.jc-table--subs tbody tr[hidden] { display: none; }
.jc-usr { display: flex; flex-direction: column; gap: 3px; }
.jc-usr__icons { display: flex; gap: 5px; }
.jc-usr__ic { width: 22px; height: 22px; border-radius: 7px; display: inline-flex; align-items: center; justify-content: center; color: #fff; text-decoration: none; }
.jc-usr__ic .material-symbols-outlined { font-size: 14px; }
.jc-usr__ic--wa { background: #25d366; }
.jc-usr__ic--tg { background: #229ed9; }
.jc-acct { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin-top: 6px; }
.jc-acct[hidden] { display: none; }
.jc-acct__mail { color: var(--jc-ink); display: inline-flex; align-items: center; gap: 5px; word-break: break-all; }
.jc-acct__mail .material-symbols-outlined { font-size: 15px; color: var(--jc-muted); }
.jc-acct__pass { display: inline-flex; align-items: center; gap: 5px; }
.jc-acct__pass .material-symbols-outlined { font-size: 15px; color: var(--jc-muted); }
.jc-acct__pass code { font-family: ui-monospace, monospace; background: var(--jc-bg, #f3f4f6); padding: 2px 7px; border-radius: 6px; }
.jc-seebtn.is-open { background: var(--jc-green); border-color: var(--jc-green); color: #fff; }
.jc-seebtn { display: inline-flex; align-items: center; gap: 4px; padding: 3px 9px; border-radius: 999px; border: 1px solid var(--jc-green-soft); background: var(--jc-green-soft); color: var(--jc-green-deep); font-weight: 700; font-size: 11.5px; cursor: pointer; }
.jc-seebtn .material-symbols-outlined { font-size: 14px; }
.jc-seebtn code { font-family: ui-monospace, monospace; }
.jc-pill-soft { display: inline-block; background: var(--jc-bg, #f3f4f6); border: 1px solid var(--jc-line); color: var(--jc-ink); padding: 2px 9px; border-radius: 999px; font-size: 12px; font-weight: 600; }

/* ── Botones ─────────────────────────────────────────────────────────── */
.jc-btn {
  display: inline-flex; align-items: center; gap: 7px; padding: 10px 18px; border-radius: 11px; border: 0;
  background: var(--jc-green); color: #fff; font-weight: 700; font-size: 14px; cursor: pointer;
  text-decoration: none; transition: transform .12s, box-shadow .16s, background .16s;
}
.jc-btn:hover { background: var(--jc-green-dark); box-shadow: 0 10px 22px -10px rgba(16,185,129,.8); transform: translateY(-1px); }
.jc-btn:active { transform: scale(.97); }
.jc-btn--ghost { background: var(--jc-card); color: var(--jc-ink); border: 1px solid var(--jc-line); }
.jc-btn--ghost:hover { background: var(--jc-bg); box-shadow: none; }
.jc-btn--sm { padding: 7px 12px; font-size: 13px; }

/* ── Clientes (tarjetas) ─────────────────────────────────────────────── */
.jc-clients-search-form { margin: 4px 0 16px; }
.jc-search-box {
  display: flex; align-items: center; gap: 8px;
  background: var(--jc-bg); border: 1px solid var(--jc-line);
  border-radius: 999px; padding: 9px 16px; transition: border-color .18s, box-shadow .18s;
}
.jc-search-box:focus-within { border-color: var(--jc-green); box-shadow: 0 0 0 3px var(--jc-green-soft); }
.jc-search-box .material-symbols-outlined { color: var(--jc-muted); font-size: 20px; }
.jc-search-box input { flex: 1; border: 0; background: transparent; outline: none; font-size: 14px; color: var(--jc-ink); }
.jc-search-box input::-webkit-search-cancel-button { cursor: pointer; }
.jc-sortbar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.jc-sortbar__label { display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; font-weight: 700; color: var(--jc-muted); }
.jc-sortbar__label .material-symbols-outlined { font-size: 18px; }
.jc-sortpill { text-decoration: none; padding: 5px 13px; border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--jc-ink); border: 1px solid var(--jc-line); background: var(--jc-card); transition: all .14s; }
.jc-sortpill:hover { border-color: var(--jc-green); }
.jc-sortpill.is-active { background: var(--jc-green); border-color: var(--jc-green); color: #fff; box-shadow: 0 3px 8px var(--jc-green-soft); }
.jc-clients { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; align-items: stretch; }
.jc-client { background: var(--jc-card); border-radius: var(--jc-radius); box-shadow: var(--jc-shadow); padding: 18px; border: 1px solid var(--jc-line); transition: transform .16s, box-shadow .16s; display: flex; flex-direction: column; height: 100%; }
.jc-client[hidden] { display: none; }
.jc-client:hover { transform: translateY(-3px); box-shadow: 0 20px 40px -20px rgba(6,78,59,.5); }
.jc-client__top { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; }
.jc-avatar { width: 46px; height: 46px; border-radius: 50%; background: var(--jc-green); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 18px; flex: none; }
.jc-client__id { flex: 1 1 auto; min-width: 0; }
.jc-client__name { font-weight: 700; font-size: 15px; }
.jc-client__meta { font-size: 11.5px; color: #9ca3af; margin-top: 1px; }
.jc-client__contact { font-size: 12.5px; color: var(--jc-muted); display: flex; align-items: center; gap: 4px; margin-top: 2px; }
.jc-client__badges { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; flex: none; }
.jc-badge { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; white-space: nowrap; }
.jc-badge .material-symbols-outlined { font-size: 14px; }
.jc-badge--mail { background: #eef2ff; color: #4338ca; }
.jc-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0; }
.jc-tag { background: var(--jc-green-soft); color: var(--jc-green-deep); padding: 3px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 600; }
.jc-client__foot { display: flex; gap: 7px; margin-top: auto; padding-top: 12px; flex-wrap: wrap; }

/* Suscripciones por cliente (lista ordenada estilo KINEMANAGER) */
.jc-count-badge { display: inline-block; margin-left: 7px; background: var(--jc-green-soft); color: var(--jc-green-deep); font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; vertical-align: middle; }
.jc-csubs { display: flex; flex-direction: column; gap: 8px; margin: 10px 0; }
.jc-csub { display: flex; align-items: center; gap: 9px; padding: 8px 10px; border: 1px solid var(--jc-line); border-radius: 10px; background: #fafafa; }
.jc-csub--extra { display: none; }
.jc-csubs.is-open .jc-csub--extra { display: flex; }
.jc-csub__svc { display: flex; align-items: center; gap: 6px; font-weight: 700; font-size: 12.5px; white-space: nowrap; }
.jc-csub__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--jc-muted); flex: none; }
.jc-csub__dot--green { background: var(--jc-green); }
.jc-csub__dot--yellow { background: var(--jc-yellow); }
.jc-csub__dot--red, .jc-csub__dot--expired { background: var(--jc-red); }
.jc-csub__meta { flex: 1 1 auto; min-width: 0; font-size: 12px; color: var(--jc-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jc-csub__chip { flex: none; }
.jc-csub-more { display: inline-flex; align-items: center; gap: 4px; border: 0; background: transparent; color: var(--jc-green-dark); font-weight: 700; font-size: 12.5px; cursor: pointer; padding: 2px 4px; }
.jc-csubs-empty { font-size: 12.5px; color: #9ca3af; margin: 8px 0; }

/* Filas de servicio estilo KINEMANAGER (logo + correo + ✓ + clave) */
.jc-csub2 { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--jc-line); border-radius: 10px; background: #fafafa; }
.jc-csub2.jc-csub--extra { display: none; }
.jc-csubs.is-open .jc-csub2.jc-csub--extra { display: flex; }
.jc-csub2__logo { width: 30px; height: 30px; border-radius: 8px; flex: none; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 13px; }
.jc-csub2__body { flex: 1 1 auto; min-width: 0; }
.jc-csub2__line { display: flex; align-items: center; gap: 5px; font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jc-csub2__line strong { flex: none; }
.jc-csub2__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--jc-muted); flex: none; }
.jc-csub2__dot--green { background: var(--jc-green); }
.jc-csub2__dot--yellow { background: var(--jc-yellow); }
.jc-csub2__dot--red, .jc-csub2__dot--expired { background: var(--jc-red); }
.jc-csub2__mail { color: var(--jc-muted); overflow: hidden; text-overflow: ellipsis; }
.jc-csub2__pass { display: flex; align-items: center; gap: 4px; font-size: 11.5px; color: #9ca3af; margin-top: 2px; font-family: ui-monospace, monospace; }
.jc-csub2__pass .material-symbols-outlined { font-size: 13px; }
.jc-csub2__ok { color: var(--jc-green); font-size: 19px; flex: none; }

/* Botones de acción de la tarjeta (Editar / Extraer / Eliminar) */
.jc-cbtn { flex: 1 1 0; display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 7px 6px; border-radius: 9px; font-size: 12.5px; font-weight: 700; cursor: pointer; border: 1px solid var(--jc-line); background: var(--jc-card); transition: all .14s; }
.jc-cbtn .material-symbols-outlined { font-size: 16px; }
.jc-cbtn:disabled { opacity: .45; cursor: not-allowed; }
.jc-cbtn--edit { color: #1d4ed8; border-color: #bfdbfe; background: #eff6ff; }
.jc-cbtn--edit:hover:not(:disabled) { background: #dbeafe; }
.jc-cbtn--extract { color: var(--jc-green-deep); border-color: var(--jc-green-soft); background: var(--jc-green-soft); }
.jc-cbtn--extract:hover:not(:disabled) { background: #c7f0dd; }
.jc-cbtn--del { color: #b91c1c; border-color: #fecaca; background: #fef2f2; }
.jc-cbtn--del:hover:not(:disabled) { background: #fee2e2; }

/* Modal "Extraer a PDF" */
.jc-extopt { display: flex; align-items: center; gap: 10px; padding: 9px 11px; border: 1px solid var(--jc-line); border-radius: 10px; margin-bottom: 8px; cursor: pointer; }
.jc-extopt:hover { border-color: var(--jc-green); }
.jc-extopt input { width: 17px; height: 17px; accent-color: var(--jc-green); flex: none; }
.jc-extopt__name { flex: 1 1 auto; font-weight: 600; font-size: 13.5px; }
.jc-extopt__count { font-size: 11.5px; color: var(--jc-muted); }

/* ── Modales (fade + backdrop) ───────────────────────────────────────── */
.jc-modal { position: fixed; inset: 0; z-index: 1000; display: none; align-items: center; justify-content: center; padding: 18px; }
.jc-modal.is-open { display: flex; }
.jc-modal__backdrop { position: absolute; inset: 0; background: rgba(6, 78, 59, .45); backdrop-filter: blur(3px); animation: jcBd .22s ease; }
@keyframes jcBd { from { opacity: 0; } to { opacity: 1; } }
.jc-modal__box {
  position: relative; background: var(--jc-card); border-radius: 18px; width: min(560px, 100%);
  max-height: 90vh; overflow-y: auto; box-shadow: 0 40px 80px -30px rgba(0,0,0,.6);
  animation: jcPop .26s cubic-bezier(.2,.9,.3,1.2); z-index: 1;
}
@keyframes jcPop { from { opacity: 0; transform: translateY(24px) scale(.96); } to { opacity: 1; transform: none; } }
.jc-modal__head { display: flex; align-items: center; justify-content: space-between; padding: 18px 22px; border-bottom: 1px solid var(--jc-line); }
.jc-modal__head h3 { margin: 0; font-size: 17px; display: flex; align-items: center; gap: 8px; }
.jc-modal__head h3 .material-symbols-outlined { color: var(--jc-green); }
.jc-modal__close { border: 0; background: transparent; cursor: pointer; color: var(--jc-muted); display: flex; }
.jc-modal__body { padding: 20px 22px; }
.jc-modal__foot { padding: 16px 22px; border-top: 1px solid var(--jc-line); display: flex; justify-content: flex-end; gap: 10px; }

/* ── Formularios ─────────────────────────────────────────────────────── */
.jc-field { margin-bottom: 14px; }
.jc-field label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 5px; color: var(--jc-ink); }
.jc-field input, .jc-field select, .jc-field textarea {
  width: 100%; padding: 10px 13px; border: 1px solid var(--jc-line); border-radius: 11px; font-size: 14px;
  background: var(--jc-card); color: var(--jc-ink); transition: border-color .16s, box-shadow .16s;
}
.jc-field input:focus, .jc-field select:focus, .jc-field textarea:focus {
  outline: 0; border-color: var(--jc-green); box-shadow: 0 0 0 3px var(--jc-green-soft);
}
.jc-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.jc-grid3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }
.jc-help { font-size: 11.5px; color: var(--jc-muted); margin-top: 3px; }
.jc-field label small { font-weight: 500; color: var(--jc-muted); }
.jc-ilbl { font-size: 18px; vertical-align: -3px; color: var(--jc-green); }
.jc-profit-live { background: var(--jc-green-soft); color: var(--jc-green-deep); padding: 10px 14px; border-radius: 11px; font-weight: 700; }

/* ── Selección rápida de cliente ─────────────────────────────────────── */
.jc-quickpick { background: var(--jc-bg, #f3f4f6); border: 1px solid var(--jc-line); border-radius: 13px; padding: 12px; margin-bottom: 14px; }
.jc-quickpick__title { display: flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: var(--jc-green-deep); margin-bottom: 9px; }
.jc-quickpick__title .material-symbols-outlined { font-size: 18px; }
.jc-csearch { width: 100%; padding: 9px 13px; border: 1px solid var(--jc-line); border-radius: 10px; font-size: 14px; background: var(--jc-card); }
.jc-csearch:focus { outline: 0; border-color: var(--jc-green); box-shadow: 0 0 0 3px var(--jc-green-soft); }
.jc-clist { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 9px; max-height: 132px; overflow-y: auto; }
.jc-citem { border: 1px solid var(--jc-line); background: var(--jc-card); border-radius: 999px; padding: 6px 13px; font-size: 13px; cursor: pointer; color: var(--jc-ink); transition: all .14s; }
.jc-citem small { color: var(--jc-muted); }
.jc-citem:hover { border-color: var(--jc-green); }
.jc-citem.is-active { background: var(--jc-green); border-color: var(--jc-green); color: #fff; }
.jc-citem.is-active small { color: rgba(255,255,255,.85); }

/* ── Nota informativa ────────────────────────────────────────────────── */
.jc-note { display: flex; gap: 8px; align-items: flex-start; background: #eff6ff; border: 1px solid #bfdbfe; color: #1e40af; border-radius: 11px; padding: 9px 12px; font-size: 12.5px; margin-bottom: 14px; }
.jc-note .material-symbols-outlined { font-size: 18px; flex: 0 0 auto; }

/* ── Tiempo del servicio ─────────────────────────────────────────────── */
.jc-daysrow { display: flex; align-items: center; gap: 8px; }
.jc-daysrow[hidden] { display: none; }
.jc-daysrow input { max-width: 110px; }
.jc-daysrow[data-jc-tmpane="date"] input { max-width: 170px; }
.jc-daysrow span { font-size: 14px; color: var(--jc-muted); }
.jc-timemode { display: inline-flex; gap: 4px; padding: 3px; margin-bottom: 7px; background: var(--jc-bg, #f3f4f6); border: 1px solid var(--jc-line); border-radius: 10px; }
.jc-tmbtn { border: 0; background: transparent; padding: 5px 12px; border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer; color: var(--jc-muted); transition: all .14s; }
.jc-tmbtn:hover { color: var(--jc-ink); }
.jc-tmbtn.is-active { background: var(--jc-green); color: #fff; box-shadow: 0 3px 8px var(--jc-green-soft); }

/* ── Botones de perfiles / cuenta completa ───────────────────────────── */
.jc-pchips { display: flex; flex-wrap: wrap; gap: 8px; }
.jc-pchip { width: 42px; height: 42px; border: 1px solid var(--jc-line); background: var(--jc-card); border-radius: 11px; font-size: 15px; font-weight: 700; cursor: pointer; color: var(--jc-ink); transition: all .14s; }
.jc-pchip--full { width: auto; padding: 0 16px; font-size: 13px; }
.jc-pchip:hover { border-color: var(--jc-green); }
.jc-pchip.is-active { background: var(--jc-green); border-color: var(--jc-green); color: #fff; box-shadow: 0 4px 10px var(--jc-green-soft); }

/* ── Caja "Opcional" (vendido / invertido) ───────────────────────────── */
.jc-optbox { background: var(--jc-bg, #f3f4f6); border: 1px solid var(--jc-line); border-radius: 13px; padding: 13px; margin-top: 14px; }
.jc-optbox__title { text-align: center; font-size: 12.5px; font-weight: 700; color: var(--jc-muted); margin-bottom: 10px; }

/* ── Estado vacío ────────────────────────────────────────────────────── */
.jc-empty { text-align: center; padding: 40px 20px; color: var(--jc-muted); }
.jc-empty .material-symbols-outlined { font-size: 48px; color: var(--jc-line); display: block; margin-bottom: 8px; }

@media (max-width: 600px) {
  .jc-grid2, .jc-grid3 { grid-template-columns: 1fr; }
  .jc { margin: -12px; padding: 12px; }
  /* Catálogo de servicios: cuadrícula tipo apps (2 por fila) en vez de
     tarjetas gigantes a todo el ancho. */
  .jc-services { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .jc-svc { padding: 12px; }
  .jc-svc__img, .jc-svc__ph { height: 66px; margin-bottom: 8px; }
  .jc-svc__ph .material-symbols-outlined { font-size: 32px; }
  .jc-svc__ph--mono { font-size: 28px; }
  .jc-svc__name { font-size: 13px; }
  /* Sin hover en táctil: el botón de eliminar siempre visible. */
  .jc-svc__del { display: flex; }
}
.jc-money-page{max-width:1100px;margin:0 auto;padding:28px 0 96px}.jc-money-head h1{margin:4px 0 8px;font:700 clamp(30px,4vw,46px)/1.05 "Space Grotesk",sans-serif}.jc-money-head p{max-width:700px;color:#9ba9a1}.jc-money-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px;margin-top:28px}.jc-money-card,.jc-money-note{padding:28px}.jc-money-card h2,.jc-money-note h2{margin:10px 0 8px}.jc-money-card>p,.jc-money-note p,.jc-money-note small{color:#9ba9a1;line-height:1.6}.jc-money-icon{color:#00ff88;font-size:34px}.jc-money-card .jc-field{margin:20px 0}.jc-money-card select{width:100%;min-height:48px}.jc-money-note{display:flex;gap:14px;align-self:start;border-color:rgba(0,255,136,.18)!important}.jc-money-note>.material-symbols-outlined{color:#00ff88}.jc-field small{display:block;margin-top:7px;color:#7f8b85}
@media(max-width:720px){.jc-money-page{padding:12px 0 100px}.jc-money-grid{grid-template-columns:1fr}.jc-money-card,.jc-money-note{padding:20px}.jc-money-head h1{font-size:32px}}
.jc-support-page{max-width:1440px;margin:0 auto;padding:24px 0 96px}.jc-support-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.jc-support-head h1{margin:4px 0 6px;font:700 clamp(30px,4vw,44px)/1.05 "Space Grotesk",sans-serif}.jc-support-head p{margin:0;color:#91a098}.jc-support-filters{display:flex;gap:8px;overflow:auto;padding-bottom:12px}.jc-support-filters a{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;color:#a8b3ad;text-decoration:none;white-space:nowrap}.jc-support-filters a.is-active{background:#00ff88;color:#07110c;border-color:#00ff88}.jc-support-filters b{font:600 12px/1 "JetBrains Mono",monospace}.jc-support-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);height:min(720px,calc(100dvh - 270px));min-height:520px;border:1px solid rgba(255,255,255,.09);border-radius:16px;overflow:hidden;background:#0d1210}.jc-ticket-list{overflow:auto;border-right:1px solid rgba(255,255,255,.08)}.jc-ticket-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border-bottom:1px solid rgba(255,255,255,.06);color:#f4f7f5;text-decoration:none}.jc-ticket-row:hover,.jc-ticket-row.is-active{background:#151d19}.jc-ticket-row.is-active{box-shadow:inset 2px 0 #00ff88}.jc-ticket-row strong,.jc-ticket-row small{display:block}.jc-ticket-row strong{font-size:14px}.jc-ticket-row small{margin-top:5px;color:#91a098;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jc-ticket-row time{font-size:11px;color:#748078}.jc-ticket-status{width:8px;height:8px;border-radius:50%;background:#7c8a82}.jc-ticket-status--new{background:#ff5c67}.jc-ticket-status--open{background:#00ff88}.jc-ticket-status--waiting{background:#f5be4f}.jc-conversation{display:flex;flex-direction:column;min-width:0}.jc-conversation-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.jc-conversation-head span:first-child{font:600 12px/1 "JetBrains Mono",monospace;color:#00ff88}.jc-conversation-head h2{margin:5px 0 2px;font-size:20px}.jc-conversation-head p{margin:0;color:#91a098;font-size:13px}.jc-support-badge{padding:6px 10px;border-radius:999px;font-size:12px;background:#202824}.jc-support-badge--new{color:#ff7a83;background:rgba(255,77,77,.12)}.jc-support-badge--open{color:#00ff88;background:rgba(0,255,136,.1)}.jc-support-badge--waiting{color:#f5be4f;background:rgba(245,190,79,.1)}.jc-message-stream{flex:1;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:14px}.jc-message{max-width:min(75%,640px);padding:12px 14px;border-radius:14px;background:#171d1a}.jc-message--agent{align-self:flex-end;background:#0d3b29;border-bottom-right-radius:4px}.jc-message--customer{align-self:flex-start;border-bottom-left-radius:4px}.jc-message strong{font-size:12px;color:#aab6af}.jc-message p{margin:6px 0;color:#f2f6f3;line-height:1.5}.jc-message time{font-size:10px;color:#819087}.jc-reply-box{padding:16px 20px;border-top:1px solid rgba(255,255,255,.08);background:#101612}.jc-reply-box form:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.jc-reply-box label{grid-column:1/-1;font-size:12px;color:#aab6af}.jc-reply-box textarea{resize:none;min-height:54px}.jc-status-actions{display:flex;gap:8px;margin-top:10px}.jc-status-actions button{background:transparent;border:0;color:#91a098;padding:7px 8px;cursor:pointer}.jc-status-actions button:hover{color:#00ff88}.jc-support-empty{display:grid;place-items:center;align-content:center;min-height:240px;padding:30px;text-align:center;color:#91a098}.jc-support-empty .material-symbols-outlined{font-size:38px;color:#00ff88}.jc-support-empty h2{margin:12px 0 4px;color:#f4f7f5}.jc-support-links{max-width:760px}.jc-support-links-help{color:#91a098}.jc-support-link-row{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(240px,1.3fr) 44px;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}.jc-support-link-row strong,.jc-support-link-row small{display:block}.jc-support-link-row small{margin-top:3px;color:#91a098}.jc-support-link-row input{min-width:0}.jc-support-link-row button{width:44px;height:44px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#151d19;color:#00ff88;cursor:pointer}.jc-support-link-row button.is-copied{background:#00ff88;color:#07110c}
@media(max-width:800px){.jc-support-page{padding:10px 0 100px}.jc-support-head{align-items:flex-start;flex-direction:column}.jc-support-layout{display:block;height:auto;min-height:0;border:0;background:transparent}.jc-ticket-list{border:1px solid rgba(255,255,255,.09);border-radius:14px;max-height:320px}.jc-conversation{margin-top:14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden;min-height:480px}.jc-message{max-width:88%}.jc-reply-box form:first-child{grid-template-columns:1fr}.jc-reply-box .jc-btn{width:100%}.jc-status-actions{overflow:auto}.jc-support-link-row{grid-template-columns:minmax(0,1fr) 44px}.jc-support-link-row>span{grid-column:1/-1}.jc-support-link-row input{font-size:12px}}

/* ==========================================================================
   Jheliz Control 2.0 — tema interno oscuro, sobrio y orientado a productividad
   ========================================================================== */
.jc {
  --jc-green: #38df8c;
  --jc-green-dark: #24c879;
  --jc-green-deep: #8af0b8;
  --jc-green-soft: rgba(56, 223, 140, .11);
  --jc-red: #ff6b70;
  --jc-red-soft: rgba(255, 107, 112, .11);
  --jc-yellow: #eabf63;
  --jc-yellow-soft: rgba(234, 191, 99, .11);
  --jc-ink: #eef3f0;
  --jc-muted: #8e9b94;
  --jc-line: rgba(255, 255, 255, .085);
  --jc-bg: #080b0a;
  --jc-card: #0f1412;
  --jc-radius: 14px;
  --jc-shadow: none;
  color-scheme: dark;
  background:
    radial-gradient(circle at 82% 0, rgba(56, 223, 140, .055), transparent 28%),
    var(--jc-bg);
  min-height: 100vh;
}

.jc-topbar {
  position: sticky;
  top: 0;
  z-index: 80;
  flex-wrap: nowrap;
  margin: 0 -1px;
  padding: 15px 18px;
  background: rgba(15, 20, 18, .88);
  border: 1px solid var(--jc-line);
  border-top: 0;
  border-radius: 0 0 14px 14px;
  box-shadow: 0 16px 45px -34px rgba(0, 0, 0, .9);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.jc-logo { filter: drop-shadow(0 7px 17px rgba(56, 223, 140, .18)); }
.jc-search,
.jc-search-box {
  background: #0a0e0c;
  border-radius: 10px;
}
.jc-search:focus-within,
.jc-search-box:focus-within {
  border-color: rgba(56, 223, 140, .65);
  box-shadow: 0 0 0 3px rgba(56, 223, 140, .09);
}
.jc-search input::placeholder,
.jc-search-box input::placeholder { color: #59645e; }
.jc-topbar__actions { display: flex; align-items: center; gap: 8px; }
.jc-bell { background: #0a0e0c; border-radius: 10px; }
.jc-bell:hover { background: var(--jc-green-soft); }
.jc-bell__panel {
  background: #111714;
  box-shadow: 0 28px 70px -28px #000;
}
.jc-bell__item:hover { background: rgba(255,255,255,.035); }

.jc-tabs {
  flex-wrap: nowrap;
  gap: 4px;
  padding: 5px;
  margin: 13px 0 18px;
  overflow-x: auto;
  scrollbar-width: none;
  background: #0d1210;
  border: 1px solid var(--jc-line);
  border-radius: 12px;
}
.jc-tabs::-webkit-scrollbar { display: none; }
.jc-tab {
  flex: 0 0 auto;
  padding: 9px 13px;
  color: #95a19a;
  background: transparent;
  border-color: transparent;
  border-radius: 8px;
  font-size: 13px;
}
.jc-tab:hover {
  color: #dfe7e2;
  background: rgba(255,255,255,.035);
  border-color: transparent;
  transform: none;
}
.jc-tab.is-active {
  color: #06110b;
  background: var(--jc-green);
  border-color: var(--jc-green);
  box-shadow: none;
}

.jc-panel,
.jc-metric,
.jc-svc,
.jc-client,
.jc-svc-head {
  background: linear-gradient(145deg, #101613, #0d1210);
  border: 1px solid var(--jc-line);
  box-shadow: none;
}
.jc-panel { padding: 22px; }
.jc-metrics { gap: 10px; }
.jc-metric {
  position: relative;
  overflow: hidden;
  min-height: 92px;
  padding: 17px 18px;
  border-radius: 13px;
}
.jc-metric::after {
  content: "";
  position: absolute;
  width: 70px;
  height: 70px;
  right: -38px;
  bottom: -42px;
  border-radius: 50%;
  background: rgba(56, 223, 140, .12);
  filter: blur(18px);
}
.jc-metric__icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: var(--jc-green-soft);
  color: var(--jc-green);
}
.jc-metric__icon.is-blue { background: rgba(93, 150, 255, .11); color: #8bb4ff; }
.jc-metric__icon.is-red { background: var(--jc-red-soft); color: var(--jc-red); }
.jc-metric__v { font-size: 21px; letter-spacing: -.035em; }
.jc-metric__l { color: #7e8a83; }
.jc-section-title { letter-spacing: -.02em; }

.jc-svc:hover,
.jc-client:hover {
  border-color: rgba(56, 223, 140, .28);
  box-shadow: 0 18px 46px -36px rgba(56, 223, 140, .6);
}
.jc-svc__ph { background: #121b16; color: var(--jc-green); }
.jc-avatar {
  color: #05120a;
  background: var(--jc-green);
}
.jc-csub,
.jc-csub2,
.jc-quickpick,
.jc-optbox {
  background: #0a0e0c;
  border-color: var(--jc-line);
}
.jc-badge--mail { background: rgba(124, 134, 255, .12); color: #aab0ff; }

.jc-table-wrap {
  border: 1px solid var(--jc-line);
  border-radius: 11px;
}
.jc-table th {
  padding: 11px 13px;
  background: #0a0e0c;
  border-bottom: 1px solid var(--jc-line);
  color: #748078;
  font-size: 10.5px;
}
.jc-table td { padding: 13px; }
.jc-table tr:last-child td { border-bottom: 0; }
.jc-table tr:hover td { background: rgba(255,255,255,.022); }

.jc-btn {
  color: #06110b;
  border-radius: 9px;
  box-shadow: none;
}
.jc-btn:hover {
  background: #5beb9f;
  box-shadow: 0 12px 28px -18px rgba(56,223,140,.7);
}
.jc-btn--ghost {
  color: #c8d1cc;
  background: #0b100e;
  border-color: var(--jc-line);
}
.jc-btn--ghost:hover { color: #fff; background: #151c18; }
.jc-sortpill,
.jc-cbtn,
.jc-pchip,
.jc-citem {
  color: var(--jc-ink);
  background: #0b100e;
}
.jc-sortpill.is-active,
.jc-pchip.is-active,
.jc-citem.is-active { color: #06110b; }
.jc-cbtn--edit { color: #9bbcff; border-color: rgba(93,150,255,.2); background: rgba(93,150,255,.09); }
.jc-cbtn--extract { color: var(--jc-green); border-color: rgba(56,223,140,.2); background: var(--jc-green-soft); }
.jc-cbtn--del { color: #ff9397; border-color: rgba(255,107,112,.2); background: var(--jc-red-soft); }

.jc-field input,
.jc-field select,
.jc-field textarea,
.jc-csearch {
  background: #090d0b;
  border-color: var(--jc-line);
}
.jc-field input:focus,
.jc-field select:focus,
.jc-field textarea:focus,
.jc-csearch:focus {
  border-color: rgba(56, 223, 140, .65);
  box-shadow: 0 0 0 3px rgba(56, 223, 140, .09);
}
.jc-modal__backdrop { background: rgba(0, 0, 0, .72); }
.jc-modal__box {
  background: #101613;
  border: 1px solid var(--jc-line);
  box-shadow: 0 40px 90px -30px #000;
}
.jc-note { color: #9bbcff; background: rgba(93,150,255,.09); border-color: rgba(93,150,255,.2); }
.jc-profit-live { color: var(--jc-green); }
.jc-acct__pass code { background: #070a09; }
.jc-empty .material-symbols-outlined { color: #344039; }

@media (max-width: 760px) {
  .jc { padding: 0 12px 92px; }
  .jc-topbar { gap: 10px; padding: 12px; flex-wrap: wrap; }
  .jc-brand { flex: 1 1 auto; }
  .jc-brand__txt strong { font-size: 14px; }
  .jc-search { flex: 1 0 100%; order: 3; }
  .jc-topbar__actions .jc-btn span + * { display: none; }
  .jc-tabs {
    position: fixed;
    z-index: 90;
    left: 8px;
    right: 8px;
    bottom: 8px;
    margin: 0;
    padding: 5px;
    justify-content: flex-start;
    background: rgba(13, 18, 16, .94);
    box-shadow: 0 20px 55px rgba(0,0,0,.55);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }
  .jc-tab { min-width: 72px; flex-direction: column; gap: 2px; padding: 7px 9px; font-size: 10px; }
  .jc-tab .material-symbols-outlined { font-size: 19px; }
  .jc-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jc-metric { min-height: 88px; padding: 14px; gap: 10px; }
  .jc-metric__v { font-size: 18px; }
  .jc-panel { padding: 16px; }
  .jc-chart { height: 180px; gap: 8px; }
}

@media (max-width: 420px) {
  .jc-brand__txt small { display: none; }
  .jc-metrics { grid-template-columns: 1fr; }
  .jc-topbar__actions .jc-btn { width: 40px; height: 40px; padding: 0; justify-content: center; }
}

/* ==========================================================================
   JHELIZCONTROLTV 3.0 — Dark Premium SaaS system
   Presentation-only layer shared by every reseller workspace screen.
   ========================================================================== */
html, body { min-height: 100%; background: #070b09 !important; }
.jc {
  --jc-green: #35e58f;
  --jc-green-dark: #20c978;
  --jc-green-deep: #a4f5c8;
  --jc-green-soft: rgba(53, 229, 143, .105);
  --jc-card: #0f1512;
  --jc-card-raised: #121a16;
  --jc-bg: #070b09;
  --jc-ink: #eff7f2;
  --jc-muted: #809087;
  --jc-line: rgba(174, 211, 190, .105);
  --jc-radius: 12px;
  width: auto;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 24px 64px;
  color: var(--jc-ink);
  background:
    radial-gradient(circle at 76% -8%, rgba(53,229,143,.075), transparent 30%),
    linear-gradient(180deg,#080d0a,#070b09 52%);
}
.jc * { box-sizing: border-box; }
.jc-main { width: 100%; min-width: 0; }

/* App chrome */
.jc-topbar {
  min-height: 76px;
  margin: 0;
  padding: 14px 18px;
  border: 1px solid var(--jc-line);
  border-top: 0;
  border-radius: 0 0 12px 12px;
  background: rgba(12,18,15,.92);
  box-shadow: 0 24px 55px -42px #000;
}
.jc-brand { min-width: 220px; }
.jc-brand__txt strong { color:#f5fbf7; font-size:14px; letter-spacing:-.015em; }
.jc-brand__txt small { color:#67766e; font-size:10px; }
.jc-logo svg { width:34px; height:34px; }
.jc-search {
  max-width: 680px;
  min-height: 42px;
  margin: 0 auto;
  padding: 8px 13px;
  border-color: rgba(174,211,190,.1);
  border-radius: 8px;
  background: #090e0b;
}
.jc-search input { color:#e8f1eb; }
.jc-search:focus-within { border-color:rgba(53,229,143,.48); box-shadow:0 0 0 3px rgba(53,229,143,.075); }
.jc-bell,.jc-topbar__actions>.jc-btn {
  min-width:40px; min-height:40px; border-color:var(--jc-line); background:#0a100d;
}
.jc-bell:hover,.jc-topbar__actions>.jc-btn:hover { border-color:rgba(53,229,143,.3); background:#101a14; }
.jc-bell__panel { border-color:var(--jc-line); background:#101713; }

/* Unified product navigation */
.jc-tabs {
  gap: 3px;
  margin: 14px 0 22px;
  padding: 5px;
  border: 1px solid var(--jc-line);
  border-radius: 10px;
  background: rgba(13,19,16,.92);
  box-shadow: 0 15px 34px -30px #000;
}
.jc-tab {
  position: relative;
  min-height: 39px;
  padding: 8px 13px;
  color:#7f8d85;
  border:0;
  border-radius:7px;
  background:transparent;
  font-size:12px;
  font-weight:600;
}
.jc-tab .material-symbols-outlined { font-size:18px; }
.jc-tab:hover { color:#dce8e0; background:rgba(255,255,255,.035); }
.jc-tab.is-active {
  color:#07110c;
  background:#35e58f;
  box-shadow:0 8px 22px rgba(53,229,143,.13),inset 0 1px rgba(255,255,255,.22);
}

/* Page hierarchy */
.jc-page-head {
  min-height: 86px;
  margin-bottom: 20px;
  padding-bottom: 19px;
  border-bottom:1px solid var(--jc-line);
}
.jc-page-head h1 { margin:3px 0 5px; color:#f4faf6; font-size:26px; font-weight:680; letter-spacing:-.045em; }
.jc-page-head p:not(.jc-eyebrow) { max-width:700px; margin:0; color:#75847c; font-size:13px; line-height:1.55; }
.jc-eyebrow { margin:0 0 6px; color:#35e58f; font-size:9px; font-weight:750; letter-spacing:.16em; text-transform:uppercase; }
.jc-section-title { color:#eff7f2; font-size:16px; font-weight:680; }
.jc-section-title .material-symbols-outlined { color:#35e58f; }

/* Surfaces */
.jc-panel,.jc-card,.jc-metric,.jc-svc,.jc-client,.jc-svc-head,.jc-kpi {
  border:1px solid var(--jc-line);
  border-radius:var(--jc-radius);
  background:linear-gradient(145deg,#101713,#0d1310);
  box-shadow:0 18px 45px -40px rgba(0,0,0,.95);
}
.jc-panel,.jc-card { padding:20px; color:var(--jc-ink); }
.jc-card h2,.jc-card h3,.jc-panel h2,.jc-panel h3 { color:#f1f8f3; }
.jc-card p,.jc-panel p { color:#839188; line-height:1.55; }
.jc-grid2,.jc-grid3 { gap:14px; }

/* Real KPI information */
.jc-metrics { gap:12px; }
.jc-metric {
  min-height:108px;
  padding:17px;
  align-items:flex-start;
  border-color:var(--jc-line);
  background:
    radial-gradient(circle at 100% 100%,rgba(53,229,143,.07),transparent 42%),
    #101713;
}
.jc-metric__icon { width:38px;height:38px;border:1px solid rgba(53,229,143,.14);border-radius:9px;background:rgba(53,229,143,.085); }
.jc-metric__v { margin-top:1px;color:#f2faf5;font-size:23px;font-weight:680; }
.jc-metric__l { color:#718078;font-size:11px; }
.jc-kpis { gap:10px; }
.jc-kpi { min-height:78px;padding:15px; }
.jc-kpi__label { color:#75837b; }
.jc-kpi__val { color:#f0f8f3; }

/* Services */
.jc-cat { margin-bottom:28px; }
.jc-cat__head { padding-bottom:10px;border-bottom:1px solid var(--jc-line); }
.jc-cat__head h3 { color:#dfeae3; }
.jc-services { grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:12px; }
.jc-svc {
  overflow:hidden;
  padding:12px;
  text-align:left;
  background:#0e1511;
}
.jc-svc:hover { border-color:rgba(53,229,143,.38);transform:translateY(-2px);background:#111a15; }
.jc-svc__img,.jc-svc__ph { height:96px;margin-bottom:12px;border-radius:8px; }
.jc-svc__ph { background:linear-gradient(145deg,#14231a,#101812); }
.jc-svc__name { color:#edf6f0;font-size:13px; }
.jc-svc__count { color:#718078;font-size:11px; }

/* Clients and inventory */
.jc-clients { gap:12px; }
.jc-client { padding:16px;background:#0e1511; }
.jc-client__name,.jc-cname { color:#eff7f2; }
.jc-client__contact,.jc-client__meta { color:#7b8981; }
.jc-avatar { border:1px solid rgba(53,229,143,.16);color:#b6f7d2;background:rgba(53,229,143,.1); }
.jc-csub2,.jc-csub,.jc-acctbox,.jc-optbox,.jc-quickpick {
  border:1px solid var(--jc-line);
  border-radius:9px;
  background:#090e0b;
}
.jc-csub2:hover { border-color:rgba(53,229,143,.24);background:#0d1510; }
.jc-cbtn,.jc-iact,.jc-usr__ic { border-color:var(--jc-line);background:#0a100d; }
.jc-cbtn:hover,.jc-iact:hover,.jc-usr__ic:hover { border-color:rgba(53,229,143,.3); }

/* Data tables */
.jc-table-wrap { overflow:auto;border:1px solid var(--jc-line);border-radius:10px;background:#0c120f; }
.jc-table { min-width:720px;color:#dce7df; }
.jc-table th {
  position:sticky;top:0;z-index:1;
  padding:12px 14px;
  color:#66756d;
  border-bottom:1px solid var(--jc-line);
  background:#090e0b;
  font-size:9px;
  letter-spacing:.09em;
}
.jc-table td { padding:13px 14px;border-color:rgba(174,211,190,.075); }
.jc-table tbody tr { transition:background .14s ease; }
.jc-table tbody tr:hover td { background:rgba(53,229,143,.025); }
.jc-table a { color:#5ee9a1 !important; }

/* Controls */
.jc-btn {
  min-height:39px;
  padding:9px 14px;
  border:1px solid #35e58f;
  border-radius:8px;
  color:#07110c;
  background:#35e58f;
  font-size:12px;
  font-weight:700;
  transition:transform .15s ease,background .15s ease,border-color .15s ease;
}
.jc-btn:hover { transform:translateY(-1px);background:#52eca0;border-color:#52eca0; }
.jc-btn--sm { min-height:34px;padding:7px 10px;font-size:11px; }
.jc-btn--ghost,.jc-btn--secondary {
  color:#c1cec6;
  border-color:var(--jc-line);
  background:#0a100d;
}
.jc-btn--ghost:hover,.jc-btn--secondary:hover { color:#f0f8f3;border-color:rgba(53,229,143,.28);background:#111914; }
.jc-field label { color:#a8b5ad;font-size:11px;font-weight:650; }
.jc-field input,.jc-field select,.jc-field textarea,
.jc-csearch,.jc-clients-search-form input,
.jc select,.jc input[type="search"] {
  color:#e7f1ea;
  border:1px solid var(--jc-line);
  border-radius:8px;
  background:#080d0a;
}
.jc-field input:focus,.jc-field select:focus,.jc-field textarea:focus,
.jc-csearch:focus,.jc-clients-search-form input:focus {
  border-color:rgba(53,229,143,.5);
  box-shadow:0 0 0 3px rgba(53,229,143,.07);
}
.jc input[type="file"] { padding:10px; }
.jc input[type="checkbox"] { accent-color:#35e58f; }
.jc fieldset { padding:14px;border:1px solid var(--jc-line);border-radius:9px;background:#090e0b; }
.jc legend { padding:0 7px;color:#a8b5ad;font-size:11px;font-weight:650; }

/* Functional status only */
.jc-chip { border:1px solid transparent;border-radius:6px;padding:4px 8px;font-size:10px; }
.jc-chip--green { color:#7ef0b3;border-color:rgba(53,229,143,.16);background:rgba(53,229,143,.08); }
.jc-chip--yellow { color:#f1c96f;border-color:rgba(234,191,99,.18);background:rgba(234,191,99,.08); }
.jc-chip--red,.jc-chip--expired { color:#ff8d91;border-color:rgba(255,107,112,.18);background:rgba(255,107,112,.08); }
.jc-msg { border-radius:8px;background:#101713; }
.jc-msg--success { color:#8ef2b9;border-color:rgba(53,229,143,.2);background:rgba(53,229,143,.07); }
.jc-msg--warning { color:#edc972;border-color:rgba(234,191,99,.2);background:rgba(234,191,99,.07); }
.jc-msg--error,.jc-msg--danger { color:#ff9699;border-color:rgba(255,107,112,.2);background:rgba(255,107,112,.07); }
.jc-msg--info { color:#9bbcff;border-color:rgba(93,150,255,.2);background:rgba(93,150,255,.07); }

/* Modal system */
.jc-modal__backdrop { background:rgba(1,4,2,.82);backdrop-filter:blur(5px); }
.jc-modal__box { overflow:hidden;border:1px solid rgba(174,211,190,.13);border-radius:12px;background:#101713;box-shadow:0 36px 100px -32px #000; }
.jc-modal__head,.jc-modal__foot { border-color:var(--jc-line);background:#0d1310; }
.jc-modal__head h3 { color:#f0f8f3; }
.jc-modal__close { color:#829087;background:#090e0b; }

/* Neutralize legacy light inline decoration without changing content/actions */
.jc [style*="background:#fff"],.jc [style*="background: #fff"] { background:#0e1511 !important; }
.jc [style*="border:1px solid #e5e7eb"],.jc [style*="border: 1px solid #e5e7eb"] { border-color:var(--jc-line) !important; }
.jc [style*="color:#374151"],.jc [style*="color: #374151"] { color:#b6c2ba !important; }
.jc [style*="color:#6b7280"],.jc [style*="color: #6b7280"] { color:#7f8d85 !important; }
.jc [style*="color:#065f46"],.jc [style*="color: #065f46"] { color:#78efad !important; }
.jc [style*="color:#dc2626"],.jc [style*="color: #dc2626"] { color:#ff858a !important; }

/* Billing and Telegram */
.jc-card { max-width:none; }
.jc-card form { margin-top:16px; }
.jc-card fieldset label { display:flex !important;align-items:center;gap:8px;margin:10px 0 !important;color:#bcc9c1; }
.jc-panel img[alt*="QR"] { padding:8px;border-color:var(--jc-line) !important;background:#fff; }
.jc-help { color:#69786f; }
.jc-empty { min-height:180px;border:1px dashed rgba(174,211,190,.13);border-radius:10px;color:#68776f;background:#090e0b; }

@media (min-width: 1280px) {
  .jc { padding-right:32px;padding-left:32px; }
  .jc-main { padding:0 2px; }
  .jc-services { grid-template-columns:repeat(auto-fill,minmax(205px,1fr)); }
}
@media (max-width: 900px) {
  .jc { padding-right:16px;padding-left:16px; }
  .jc-brand { min-width:auto; }
  .jc-brand__txt small { display:none; }
  .jc-page-head { align-items:flex-start; }
  .jc-grid2,.jc-grid3 { grid-template-columns:1fr; }
}
@media (max-width: 760px) {
  .jc { padding:0 12px 96px; }
  .jc-topbar { padding:11px 12px; }
  .jc-search { max-width:none; }
  .jc-tabs {
    left:8px;right:8px;bottom:8px;
    gap:2px;padding:5px;
    border-color:rgba(174,211,190,.13);
    border-radius:12px;
    background:rgba(10,15,12,.95);
  }
  .jc-tab { min-width:68px;padding:7px 8px;font-size:9px; }
  .jc-page-head h1 { font-size:23px; }
  .jc-panel,.jc-card { padding:15px; }
  .jc-services { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .jc-table { min-width:680px; }
}
@media (max-width: 440px) {
  .jc-topbar__actions { margin-left:auto; }
  .jc-brand__txt strong { font-size:12px; }
  .jc-services { grid-template-columns:1fr 1fr; }
  .jc-svc__img,.jc-svc__ph { height:72px; }
  .jc-metrics { grid-template-columns:1fr 1fr; }
  .jc-metric { min-height:96px;padding:13px; }
  .jc-metric__icon { width:32px;height:32px; }
}

/* 3.1 application shell — unmistakable desktop transformation */
.jc.jc-app {
  display:grid;
  grid-template-columns:248px minmax(0,1fr);
  width:100%;
  max-width:none;
  min-height:100vh;
  margin:0;
  padding:0;
  background:#070b09;
}
.jc-sidebar {
  position:sticky;
  top:0;
  display:flex;
  height:100vh;
  min-width:0;
  flex-direction:column;
  border-right:1px solid rgba(174,211,190,.09);
  background:linear-gradient(180deg,#0d1410,#090e0b);
  box-shadow:20px 0 60px rgba(0,0,0,.14);
}
.jc-sidebar .jc-brand {
  min-height:78px;
  padding:18px 17px;
  border-bottom:1px solid rgba(174,211,190,.08);
}
.jc-sidebar .jc-logo svg { width:38px;height:38px; }
.jc-sidebar .jc-tabs {
  display:flex;
  min-height:0;
  flex:1;
  flex-direction:column;
  gap:3px;
  margin:0;
  padding:18px 12px;
  overflow-y:auto;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.jc-nav-label {
  display:block;
  margin:14px 10px 6px;
  color:#4e5d55;
  font-size:9px;
  font-weight:750;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.jc-nav-label:first-child { margin-top:0; }
.jc-sidebar .jc-tab {
  width:100%;
  min-height:42px;
  justify-content:flex-start;
  gap:11px;
  padding:9px 11px;
  border-radius:8px;
  color:#829088;
}
.jc-sidebar .jc-tab:hover { color:#e5efe8;background:rgba(255,255,255,.035); }
.jc-sidebar .jc-tab.is-active {
  color:#dff9e9;
  background:rgba(53,229,143,.105);
  box-shadow:inset 0 0 0 1px rgba(53,229,143,.11);
}
.jc-sidebar .jc-tab.is-active::before {
  content:"";
  position:absolute;
  left:-12px;
  width:3px;
  height:23px;
  border-radius:0 3px 3px 0;
  background:#35e58f;
  box-shadow:0 0 14px rgba(53,229,143,.45);
}
.jc-sidebar .jc-tab .material-symbols-outlined { color:#68786f; }
.jc-sidebar .jc-tab.is-active .material-symbols-outlined { color:#4ce89a; }
.jc-sidebar__footer {
  margin:12px;
  padding:13px;
  border:1px solid rgba(174,211,190,.08);
  border-radius:9px;
  background:rgba(255,255,255,.018);
}
.jc-sidebar__status { display:flex;align-items:center;gap:7px;color:#b5c1ba;font-size:10px;font-weight:650; }
.jc-sidebar__status i { width:6px;height:6px;border-radius:50%;background:#35e58f;box-shadow:0 0 0 3px rgba(53,229,143,.09),0 0 12px rgba(53,229,143,.32); }
.jc-sidebar__footer small { display:block;margin:4px 0 0 13px;color:#536159;font-size:9px; }
.jc-workspace { min-width:0;padding:0 28px 64px; }
.jc-workspace>.jc-topbar {
  min-height:78px;
  margin:0 -28px 26px;
  padding:15px 28px;
  border-width:0 0 1px;
  border-radius:0;
  background:rgba(9,14,11,.9);
}
.jc-workspace>.jc-msgs { margin:0 0 14px; }
.jc-mobile-brand { display:none; }
.jc-workspace .jc-search { margin:0; }
.jc-workspace .jc-topbar__actions { margin-left:auto; }

@media (min-width: 1500px) {
  .jc.jc-app { grid-template-columns:264px minmax(0,1fr); }
  .jc-workspace { padding-right:38px;padding-left:38px; }
  .jc-workspace>.jc-topbar { margin-right:-38px;margin-left:-38px;padding-right:38px;padding-left:38px; }
}
@media (max-width: 900px) {
  .jc.jc-app { display:block;padding:0 14px 96px; }
  .jc-sidebar { position:static;display:contents;height:auto; }
  .jc-sidebar>.jc-brand,.jc-sidebar__footer,.jc-nav-label { display:none; }
  .jc-workspace { padding:0; }
  .jc-workspace>.jc-topbar {
    margin:0 -14px 20px;
    padding:11px 14px;
    border-radius:0;
  }
  .jc-mobile-brand { display:flex;align-items:center;gap:8px;color:#ecf8f0;text-decoration:none; }
  .jc-mobile-brand__mark { display:flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:9px;color:#07110c;background:#35e58f;font-size:11px;font-weight:800; }
  .jc-mobile-brand strong { font-size:11px; }
  .jc-sidebar .jc-tabs {
    position:fixed;
    z-index:90;
    left:8px;right:8px;bottom:8px;
    display:flex;
    height:auto;
    min-height:0;
    flex-direction:row;
    gap:2px;
    margin:0;
    padding:5px;
    overflow-x:auto;
    border:1px solid rgba(174,211,190,.13);
    border-radius:12px;
    background:rgba(10,15,12,.96);
    box-shadow:0 18px 50px rgba(0,0,0,.48);
    backdrop-filter:blur(18px);
  }
  .jc-sidebar .jc-tab {
    width:auto;
    min-width:68px;
    min-height:52px;
    flex:1 0 auto;
    flex-direction:column;
    justify-content:center;
    gap:2px;
    padding:6px 8px;
    font-size:9px;
  }
  .jc-sidebar .jc-tab.is-active::before { display:none; }
  .jc-workspace .jc-search { order:3;flex:1 0 100%;max-width:none; }
}
@media (max-width: 520px) {
  .jc.jc-app { padding-right:10px;padding-left:10px; }
  .jc-workspace>.jc-topbar { margin-right:-10px;margin-left:-10px;padding-right:10px;padding-left:10px; }
  .jc-mobile-brand strong { display:none; }
  .jc-workspace .jc-topbar__actions>.jc-btn span:last-child { display:none; }
}

/* Optional light appearance — same hierarchy and emerald identity */
.jc-theme-light body { background:#edf2ef !important; }
.jc-theme-light .jc {
  --jc-card:#ffffff;
  --jc-card-raised:#ffffff;
  --jc-bg:#edf2ef;
  --jc-ink:#17231d;
  --jc-muted:#66766d;
  --jc-line:rgba(25,61,42,.12);
  --jc-green-deep:#087a45;
  color-scheme:light;
}
.jc-theme-light .jc.jc-app { color:#17231d;background:#edf2ef; }
.jc-theme-light .jc-sidebar { border-color:rgba(25,61,42,.1);background:linear-gradient(180deg,#fbfdfc,#f4f8f6);box-shadow:18px 0 48px rgba(20,50,34,.06); }
.jc-theme-light .jc-sidebar .jc-brand { border-color:rgba(25,61,42,.1); }
.jc-theme-light .jc-brand__txt strong { color:#17231d; }
.jc-theme-light .jc-brand__txt small,.jc-theme-light .jc-sidebar__footer small { color:#718078; }
.jc-theme-light .jc-nav-label { color:#8a9890; }
.jc-theme-light .jc-sidebar .jc-tab { color:#65756c; }
.jc-theme-light .jc-sidebar .jc-tab:hover { color:#17231d;background:rgba(16,185,129,.055); }
.jc-theme-light .jc-sidebar .jc-tab.is-active { color:#087a45;background:rgba(16,185,129,.1);box-shadow:inset 0 0 0 1px rgba(16,185,129,.12); }
.jc-theme-light .jc-sidebar .jc-tab .material-symbols-outlined { color:#74847b; }
.jc-theme-light .jc-sidebar .jc-tab.is-active .material-symbols-outlined { color:#0c9c59; }
.jc-theme-light .jc-sidebar__footer { border-color:rgba(25,61,42,.1);background:#fff; }
.jc-theme-light .jc-sidebar__status { color:#4f6057; }
.jc-theme-light .jc-workspace { background:#edf2ef; }
.jc-theme-light .jc-workspace>.jc-topbar { border-color:rgba(25,61,42,.11);background:rgba(255,255,255,.88);box-shadow:0 12px 30px rgba(20,50,34,.035); }
.jc-theme-light .jc-mobile-brand { color:#17231d; }
.jc-theme-light .jc-search,.jc-theme-light .jc-search-box,.jc-theme-light .jc-bell,.jc-theme-light .jc-topbar__actions>.jc-btn { color:#53635a;border-color:rgba(25,61,42,.12);background:#f4f7f5; }
.jc-theme-light .jc-search input { color:#17231d; }
.jc-theme-light .jc-search input::placeholder,.jc-theme-light .jc-search-box input::placeholder { color:#93a098; }
.jc-theme-light .jc-bell:hover { background:#e9f7ef; }
.jc-theme-light .jc-bell__panel { border-color:rgba(25,61,42,.12);background:#fff;box-shadow:0 24px 60px rgba(20,50,34,.14); }
.jc-theme-light .jc-bell__item { color:#25342c; }
.jc-theme-light .jc-bell__item:hover { background:#f2f7f4; }
.jc-theme-light .jc-page-head { border-color:rgba(25,61,42,.11); }
.jc-theme-light .jc-page-head h1,.jc-theme-light .jc-section-title,.jc-theme-light .jc-card h2,.jc-theme-light .jc-card h3,.jc-theme-light .jc-panel h2,.jc-theme-light .jc-panel h3 { color:#17231d; }
.jc-theme-light .jc-page-head p:not(.jc-eyebrow),.jc-theme-light .jc-card p,.jc-theme-light .jc-panel p { color:#687970; }
.jc-theme-light .jc-panel,.jc-theme-light .jc-card,.jc-theme-light .jc-metric,.jc-theme-light .jc-svc,.jc-theme-light .jc-client,.jc-theme-light .jc-svc-head,.jc-theme-light .jc-kpi {
  border-color:rgba(25,61,42,.11);
  color:#25342c;
  background:#fff;
  box-shadow:0 14px 36px rgba(20,50,34,.045);
}
.jc-theme-light .jc-metric { background:radial-gradient(circle at 100% 100%,rgba(16,185,129,.07),transparent 42%),#fff; }
.jc-theme-light .jc-metric__v,.jc-theme-light .jc-kpi__val,.jc-theme-light .jc-svc__name,.jc-theme-light .jc-client__name,.jc-theme-light .jc-cname { color:#17231d; }
.jc-theme-light .jc-svc:hover,.jc-theme-light .jc-client:hover { border-color:rgba(16,185,129,.3);background:#fbfefc; }
.jc-theme-light .jc-svc__ph { color:#087a45;background:#edf8f2; }
.jc-theme-light .jc-csub2,.jc-theme-light .jc-csub,.jc-theme-light .jc-acctbox,.jc-theme-light .jc-optbox,.jc-theme-light .jc-quickpick { border-color:rgba(25,61,42,.1);background:#f7faf8; }
.jc-theme-light .jc-csub2:hover { background:#f0f8f3; }
.jc-theme-light .jc-table-wrap { border-color:rgba(25,61,42,.11);background:#fff; }
.jc-theme-light .jc-table { color:#2c3a32; }
.jc-theme-light .jc-table th { color:#718078;border-color:rgba(25,61,42,.1);background:#f4f7f5; }
.jc-theme-light .jc-table td { border-color:rgba(25,61,42,.08); }
.jc-theme-light .jc-table tbody tr:hover td { background:#f7fbf8; }
.jc-theme-light .jc-btn--ghost,.jc-theme-light .jc-btn--secondary,.jc-theme-light .jc-cbtn,.jc-theme-light .jc-iact,.jc-theme-light .jc-usr__ic { color:#53635a;border-color:rgba(25,61,42,.13);background:#fff; }
.jc-theme-light .jc-btn--ghost:hover,.jc-theme-light .jc-btn--secondary:hover { color:#087a45;border-color:rgba(16,185,129,.28);background:#eff9f3; }
.jc-theme-light .jc-field label { color:#526259; }
.jc-theme-light .jc-field input,.jc-theme-light .jc-field select,.jc-theme-light .jc-field textarea,.jc-theme-light .jc-csearch,.jc-theme-light .jc-clients-search-form input,.jc-theme-light .jc select,.jc-theme-light .jc input[type="search"] { color:#17231d;border-color:rgba(25,61,42,.14);background:#fff; }
.jc-theme-light .jc fieldset { border-color:rgba(25,61,42,.12);background:#f7faf8; }
.jc-theme-light .jc legend { color:#526259; }
.jc-theme-light .jc-modal__backdrop { background:rgba(19,32,24,.45); }
.jc-theme-light .jc-modal__box,.jc-theme-light .jc-modal__head,.jc-theme-light .jc-modal__foot { color:#25342c;border-color:rgba(25,61,42,.12);background:#fff; }
.jc-theme-light .jc-modal__head h3 { color:#17231d; }
.jc-theme-light .jc-modal__close { color:#65756c;background:#f1f5f3; }
.jc-theme-light .jc-empty { color:#718078;border-color:rgba(25,61,42,.14);background:#f7faf8; }
.jc-theme-light .jc [style*="background:#fff"],.jc-theme-light .jc [style*="background: #fff"] { background:#fff !important; }
.jc-theme-light .jc [style*="color:#374151"],.jc-theme-light .jc [style*="color: #374151"] { color:#37473e !important; }
.jc-theme-light .jc [style*="color:#6b7280"],.jc-theme-light .jc [style*="color: #6b7280"] { color:#697970 !important; }
@media(max-width:900px){
  .jc-theme-light .jc-sidebar .jc-tabs { border-color:rgba(25,61,42,.13);background:rgba(255,255,255,.96);box-shadow:0 18px 45px rgba(20,50,34,.14); }
}

/* JHELIZCONTROLTV 4.0 — faithful dark SaaS screens */
:root{
  --jc-bg:#060c09;--jc-surface:#0b1510;--jc-surface-2:#0e1b14;
  --jc-border:rgba(133,181,154,.13);--jc-green:#20df7f;--jc-muted:#779486;
}
.jc-main{max-width:1500px;padding:26px 28px 42px}
.jc-page-head{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--jc-border)}
.jc-page-head h1{font-size:clamp(22px,2vw,30px);letter-spacing:-.035em}
.jc-page-head p{max-width:650px}
.jc-panel,.jc-card{border:1px solid var(--jc-border);background:linear-gradient(145deg,rgba(15,29,21,.98),rgba(8,17,12,.98));box-shadow:0 12px 35px rgba(0,0,0,.13)}
.jc-btn{min-height:38px;border-radius:7px;font-size:12px;letter-spacing:-.01em}

/* Services — compact platform catalogue */
.jc-cat{margin:18px 0 25px}
.jc-cat__head{padding:0 0 10px;border-bottom:1px solid rgba(133,181,154,.1)}
.jc-cat__head h3{font-size:13px}
.jc-services{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:11px}
.jc-svc{min-height:180px;padding:10px;border-radius:7px;background:#0a1410}
.jc-svc__img,.jc-svc__ph{height:108px;border-radius:5px}
.jc-svc__name{margin-top:10px;font-size:12px}
.jc-svc__count{margin-top:5px;color:var(--jc-green);font-size:10px}
.jc-svc__del{top:7px;right:7px}

/* Clients — dense business register */
.jc-clients-search-form,.jc-sortbar{border:1px solid var(--jc-border);background:#0a1410}
.jc-clients-search-form{padding:8px;border-radius:7px;margin-bottom:9px}
.jc-sortbar{padding:8px 10px;border-radius:7px;margin-bottom:10px}
.jc-clients{display:grid;gap:7px}
.jc-client{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(300px,1.4fr) auto;align-items:center;gap:12px;padding:10px 12px;border-radius:7px;background:#09130e}
.jc-client__top{min-width:0}
.jc-avatar{width:34px;height:34px;font-size:13px;border-radius:50%}
.jc-client__name{font-size:12px}
.jc-client__meta,.jc-client__contact{font-size:9px}
.jc-client__badges{gap:4px}
.jc-csubs{display:flex;gap:5px;min-width:0;margin:0}
.jc-csub2{flex:1;min-width:170px;padding:7px;border-radius:5px}
.jc-csub2__logo{width:27px;height:27px}
.jc-csub2__line,.jc-csub2__pass{font-size:9px}
.jc-client__foot{justify-content:flex-end;margin:0;padding:0;border:0}
.jc-cbtn{width:30px;height:30px;padding:0;overflow:hidden;gap:8px;white-space:nowrap;color:transparent}
.jc-cbtn .material-symbols-outlined{flex:0 0 30px;color:var(--jc-muted);font-size:15px}
.jc-cbtn--del .material-symbols-outlined{color:#ff6874}

/* Email inventory — reference dashboard/table */
.jc-stock-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:8px;margin-bottom:10px}
.jc-stock-summary>.jc-panel{min-height:75px;padding:11px!important;border-radius:7px!important}
.jc-stock-total{background:linear-gradient(145deg,rgba(18,38,27,.98),rgba(9,19,14,.98))!important}
.jc-stock-service{text-decoration:none;color:inherit}
.jc-stock-service.is-selected{border-color:var(--jc-green);box-shadow:inset 0 0 0 1px rgba(32,223,127,.25)}
.jc-filterbar{display:grid;grid-template-columns:minmax(220px,1fr) 190px 160px auto;gap:7px;align-items:center;margin-bottom:10px;padding:8px;border:1px solid var(--jc-border);border-radius:7px;background:#09130e}
.jc-filterbar .jc-search-box{min-width:0}
.jc-filterbar select{height:36px!important;border-radius:6px!important}
.jc-stock-table{padding:0!important;overflow:auto;border-radius:7px}
.jc-stock-table table{width:100%;border-collapse:collapse;font-size:11px}
.jc-stock-table thead tr{color:#789184;background:#08110d;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.05em}
.jc-stock-table th,.jc-stock-table td{padding:9px 11px!important;border-bottom:1px solid rgba(133,181,154,.08)}
.jc-stock-table tbody tr:hover{background:rgba(32,223,127,.035)}
.jc-stock-table .jc-btn{min-height:28px;padding:5px 8px;font-size:9px}
.jc-stock-table .material-symbols-outlined{font-size:14px}

/* Telegram — linked automation centre */
.jc-page-head--telegram{position:relative;min-height:110px;padding-right:150px}
.jc-telegram-mark{position:absolute;right:30px;top:-10px;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;color:#04120b;background:radial-gradient(circle at 32% 28%,#57f2a4,#10bd6c 65%,#087b48);box-shadow:0 0 50px rgba(32,223,127,.18)}
.jc-telegram-mark:before,.jc-telegram-mark:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(32,223,127,.2)}
.jc-telegram-mark:before{inset:-10px}.jc-telegram-mark:after{inset:-22px}
.jc-telegram-mark .material-symbols-outlined{font-size:55px;transform:rotate(-8deg)}
.jc-telegram-layout{max-width:760px}
.jc-telegram-card{padding:25px;border-radius:9px}
.jc-telegram-linked{display:flex;align-items:center;gap:18px}
.jc-telegram-linked h2{margin:8px 0 4px;font-size:19px}
.jc-telegram-linked p{margin:0;color:var(--jc-green);font-size:12px;font-weight:700}
.jc-telegram-orb{position:relative;flex:0 0 78px;height:78px;border-radius:50%;display:grid;place-items:center;color:white;background:radial-gradient(circle at 30% 25%,#37efa0,#0aa860 68%,#075d38);box-shadow:0 0 0 9px rgba(32,223,127,.035),0 0 36px rgba(32,223,127,.17)}
.jc-telegram-orb>span{font-size:39px;transform:rotate(-8deg)}
.jc-telegram-orb i{position:absolute;right:-1px;bottom:1px;width:22px;height:22px;border:3px solid #0b1510;border-radius:50%;display:grid;place-items:center;color:#062013;background:var(--jc-green);font-size:14px;font-style:normal}
.jc-telegram-security{display:flex;gap:10px;margin:22px 0 16px;padding:13px;border:1px solid rgba(32,223,127,.1);border-radius:7px;background:#08120d;color:#779486}
.jc-telegram-security>span{color:var(--jc-green)}
.jc-telegram-security p{margin:0;font-size:11px;line-height:1.55}.jc-telegram-security strong{color:#a8bcb1}
.jc-telegram-action{width:100%;justify-content:center}
.jc-btn--danger-outline{color:#f26770;border-color:rgba(242,103,112,.22);background:transparent}
.jc-page-head--whatsapp{position:relative;min-height:110px;padding-right:150px}
.jc-whatsapp-mark{display:grid;place-items:center;position:absolute;right:28px;top:10px;width:84px;height:84px;border-radius:24px;background:#16a866;color:#06130c;box-shadow:0 16px 34px -16px rgba(22,168,102,.75)}
.jc-whatsapp-mark .material-symbols-outlined{font-size:42px}
.jc-wa-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px}
.jc-wa-connection{display:flex;flex-direction:column;justify-content:space-between;min-height:230px}
.jc-wa-status{display:flex;align-items:flex-start;gap:16px}.jc-wa-status h2{margin:9px 0 3px}.jc-wa-status p{margin:0}
.jc-wa-orb{display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:15px;background:rgba(53,229,143,.1);color:#35e58f}
.jc-wa-feedback{min-height:20px;margin:10px 0 0!important;color:#e3a84d!important}
.jc-wa-settings{grid-row:span 2}.jc-wa-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.jc-wa-section-head h2{margin:0 0 4px}.jc-wa-section-head p{margin:0}
.jc-wa-switch{display:flex;align-items:center;gap:7px;color:#b9c7bf;font-size:12px;font-weight:650}.jc-wa-switch input{accent-color:#35e58f}
.jc-wa-fields{display:grid;grid-template-columns:1fr 110px;gap:12px;margin-top:14px}
.jc-wa-safety{display:flex;gap:12px;padding:15px;border:1px solid rgba(53,229,143,.15);border-radius:12px;background:rgba(53,229,143,.045);color:#35e58f}.jc-wa-safety strong{color:#dce9e1}.jc-wa-safety p{margin:3px 0 0;color:#7f9187;font-size:12px;line-height:1.5}
@media(max-width:800px){.jc-wa-layout{grid-template-columns:1fr}.jc-wa-settings{grid-row:auto}.jc-page-head--whatsapp{padding-right:90px}.jc-whatsapp-mark{right:8px;width:66px;height:66px;border-radius:18px}.jc-wa-fields{grid-template-columns:1fr}}

/* Support desk finishing pass */
.jc-support-filters a{min-height:44px}.jc-status-actions button{min-height:44px;padding:9px 10px}.jc-status-actions button:disabled{color:#00ff88;cursor:default;background:rgba(0,255,136,.08);border-radius:10px}.jc-resolved-note{margin:0;color:#aab6af}.jc-mobile-ticket-back{display:none}.jc-support-links{display:flex;flex-direction:column;max-height:min(760px,calc(100dvh - 32px))}.jc-support-links>.jc-modal__body{flex:1;min-height:0;overflow:auto}.jc-conversation-head>div{min-width:0}.jc-conversation-head p{overflow-wrap:anywhere}.jc-support-badge{flex:none}
@media(max-width:800px){.jc-support-layout:not(.has-mobile-ticket) .jc-conversation{display:none}.jc-support-layout.has-mobile-ticket .jc-ticket-list{display:none}.jc-support-layout .jc-ticket-list{max-height:none}.jc-support-layout .jc-conversation{margin-top:0}.jc-mobile-ticket-back{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;color:#aab6af;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.08)}}

/* Public renewal and reseller payment desk */
.jc-renewal-body{margin:0;background:#080c0a;color:#f4f7f5;font-family:Inter,sans-serif}.jc-renewal-public{width:min(620px,calc(100% - 28px));margin:0 auto;padding:22px 0 48px}.jc-renewal-public>header{display:flex;align-items:center;gap:11px;margin-bottom:22px}.jc-renewal-public>header strong,.jc-renewal-public>header small{display:block}.jc-renewal-public>header small{color:#8d9c94;margin-top:2px}.jc-renewal-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#00ff88;color:#07110c;font-weight:800}.jc-renewal-hero,.jc-renewal-choice,.jc-renewal-pay,.jc-renewal-result{background:#111713;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:24px}.jc-renewal-hero>.material-symbols-outlined{color:#00ff88;font-size:38px}.jc-renewal-hero>p{margin:12px 0 3px;color:#00ff88;font:600 12px/1 "JetBrains Mono",monospace}.jc-renewal-hero h1{margin:0 0 22px;font:700 34px/1.1 "Space Grotesk",sans-serif}.jc-renewal-hero dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0}.jc-renewal-hero dl div{min-width:0}.jc-renewal-hero dt{font-size:11px;color:#89978f}.jc-renewal-hero dd{margin:5px 0 0;font-weight:600;overflow-wrap:anywhere}.jc-renewal-choice,.jc-renewal-pay,.jc-renewal-result{margin-top:14px}.jc-renewal-choice h2,.jc-renewal-pay h2,.jc-renewal-result h2{margin:0 0 6px}.jc-renewal-choice>p,.jc-renewal-pay>p,.jc-renewal-result p{color:#9ba9a1}.jc-renewal-choice form{display:grid;gap:10px;margin-top:20px}.jc-renewal-choice button,.jc-renewal-primary{min-height:50px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#171e1a;color:#eff5f1;font-weight:700;cursor:pointer}.jc-renewal-choice .jc-renewal-primary,.jc-renewal-primary{display:flex;align-items:center;justify-content:center;gap:8px;background:#00ff88;color:#07110c;border-color:#00ff88}.jc-payment-methods{display:grid;gap:10px;margin:20px 0}.jc-payment-methods article{position:relative;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#0b100d}.jc-payment-methods strong,.jc-payment-methods small{display:block}.jc-payment-methods small{margin-top:3px;color:#8d9c94}.jc-payment-methods pre{white-space:pre-wrap;color:#e6eee9;font:500 13px/1.5 Inter,sans-serif}.jc-payment-methods img{display:block;width:min(180px,100%);border-radius:12px;margin:12px auto}.jc-payment-methods button{min-height:40px;padding:0 12px;border:1px solid rgba(0,255,136,.25);border-radius:10px;background:transparent;color:#00ff88}.jc-proof-form{display:grid;gap:14px}.jc-proof-form label{display:grid;gap:7px;color:#aeb9b3;font-size:13px}.jc-proof-form select,.jc-proof-form input{min-height:48px}.jc-renewal-error{margin:14px 0;padding:13px;border-radius:12px;background:rgba(255,77,77,.1);color:#ff8585}.jc-renewal-result{text-align:center;padding:36px 24px}.jc-renewal-result>.material-symbols-outlined{font-size:48px;color:#00ff88}.jc-renewal-public>footer{text-align:center;color:#738078;font-size:12px;margin-top:20px}.jc-renewals-page{max-width:1320px;margin:auto;padding:24px 0 100px}.jc-renewals-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:18px}.jc-renewal-list,.jc-payment-settings{padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#0d1210}.jc-renewal-list>h2,.jc-payment-settings>h2{margin:0 0 16px}.jc-renewal-list>article,.jc-payment-settings>article{padding:16px 0;border-top:1px solid rgba(255,255,255,.07)}.jc-renewal-row-head{display:flex;justify-content:space-between;gap:14px}.jc-renewal-row-head span>b,.jc-renewal-row-head span>strong,.jc-renewal-row-head span>small{display:block}.jc-renewal-row-head b{font:600 11px/1 "JetBrains Mono",monospace;color:#00ff88}.jc-renewal-row-head strong{margin-top:6px}.jc-renewal-row-head small{margin-top:4px;color:#8d9c94}.jc-renewal-row-head i{font-style:normal;align-self:start}.jc-proof-link{display:inline-flex;align-items:center;gap:6px;color:#00ff88;margin-top:10px}.jc-review-actions{display:flex;align-items:end;gap:8px;margin-top:14px}.jc-review-actions label{display:grid;gap:4px;color:#8d9c94;font-size:11px}.jc-review-actions input{width:72px;min-height:42px}.jc-review-actions button{min-height:42px;border:0;border-radius:10px;padding:0 12px;background:#00ff88;color:#07110c;font-weight:700}.jc-review-actions button:last-child{background:#281719;color:#ff8585}.jc-payment-settings article strong,.jc-payment-settings article small{display:block}.jc-payment-settings article small{color:#8d9c94;margin-top:3px}.jc-payment-settings pre{white-space:pre-wrap;color:#cbd5cf;font:13px/1.5 Inter,sans-serif}.jc-payment-settings img{width:min(160px,100%);border-radius:12px}.jc-payment-settings form button{background:transparent;border:0;color:#ff8585;padding:8px 0}.jc-renewal-status--proof_sent{color:#f5be4f}.jc-renewal-status--approved{color:#00ff88}.jc-renewal-status--rejected,.jc-renewal-status--declined{color:#ff8585}
@media(max-width:760px){.jc-renewal-public{width:min(100% - 20px,620px);padding-top:12px}.jc-renewal-hero,.jc-renewal-choice,.jc-renewal-pay{padding:20px}.jc-renewal-hero h1{font-size:29px}.jc-renewal-hero dl{grid-template-columns:1fr}.jc-renewals-page{padding:10px 0 100px}.jc-renewals-grid{grid-template-columns:1fr}.jc-renewal-list,.jc-payment-settings{padding:16px}.jc-renewal-row-head{align-items:flex-start}.jc-review-actions{align-items:stretch;flex-direction:column}.jc-review-actions input{width:100%}.jc-review-actions button{min-height:46px}}
.jc-amount-due{display:grid;gap:4px;margin:18px 0;padding:16px;border-radius:14px;background:#0a0f0c;border:1px solid rgba(0,255,136,.2)}.jc-amount-due span,.jc-amount-due small{color:#91a098}.jc-amount-due strong{font:700 28px/1.2 "Space Grotesk",sans-serif;color:#00ff88}.jc-help-request{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.jc-help-request label{display:grid;gap:7px;color:#aab6af}.jc-help-request textarea{min-height:70px}.jc-help-request button{width:100%;margin-top:9px}.jc-proof-form small{color:#7f8b85}.jc-proof-form button:disabled{opacity:.55;cursor:wait}.jc-phone-warning{display:inline-flex;align-items:center;min-height:34px;padding:0 8px;border-radius:8px;background:rgba(255,190,79,.1);color:#f5be4f;font-size:10px;white-space:nowrap}
.jc-alert-window{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:20px 0;padding:14px;border:1px solid var(--jc-border);border-radius:7px}
.jc-alert-window legend{padding:0 7px;color:#9db2a7;font-size:11px}.jc-alert-window label{font-size:11px}
.jc-telegram-open{margin:10px 0 0}.jc-telegram-open .jc-btn{width:100%;justify-content:center}
.jc-telegram-note{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;border:1px solid var(--jc-border);border-radius:7px;background:#09130e}
.jc-telegram-note>span:first-child{color:var(--jc-green)}.jc-telegram-note div{flex:1}
.jc-telegram-note strong{font-size:11px}.jc-telegram-note p{margin:3px 0 0;color:var(--jc-muted);font-size:10px}

/* Billing — same hierarchy as supplied reference */
.jc-plan-card{margin-bottom:10px!important;padding:18px 20px!important;border-radius:8px!important}
.jc-plan-card>div:first-child{min-height:58px}
.jc-plan-card [style*="font-size:34px"]{color:#07160e!important;background:var(--jc-green)!important;border-radius:50%!important}
.jc-billing-grid{gap:10px!important;align-items:stretch!important}
.jc-payment-card,.jc-upload-card{min-height:315px;border-radius:8px!important}
.jc-payment-card img{max-width:180px!important;border:8px solid #fff!important;border-radius:5px!important}
.jc-payment-card>div:nth-of-type(2){text-align:center!important;color:#8da296!important}
.jc-payment-card>div:nth-of-type(2) strong{display:block;color:var(--jc-green);font-size:23px}
.jc-upload-card form{display:flex;min-height:240px;flex-direction:column;justify-content:center}
.jc-upload-card input[type=file]{min-height:120px;padding:40px 16px;text-align:center;border-style:dashed}
.jc-payment-history{margin-top:10px!important;border-radius:8px!important}
.jc-payment-history .jc-table{font-size:11px}

/* Login — one product, same dark identity */
.lg-wrap{max-width:410px!important;margin:48px auto!important}
.lg-card{padding:32px!important;border:1px solid rgba(32,223,127,.16)!important;border-radius:12px!important;background:#0a1510!important;box-shadow:0 25px 70px rgba(0,0,0,.42)!important}
.lg-card:before{background:radial-gradient(420px 190px at 50% -15%,rgba(32,223,127,.14),transparent 62%)!important}
.lg-logo{width:72px!important;height:72px!important;border-radius:18px!important;background:#20df7f!important;box-shadow:0 0 35px rgba(32,223,127,.18)!important}
.lg-brand{font-size:20px!important}.lg-tag{color:#789286!important}
.lg-field label{color:#9db2a7!important}.lg-input{height:47px!important;border:1px solid rgba(133,181,154,.14)!important;border-radius:7px!important;background:#07100c!important;box-shadow:none!important}
.lg-input input{color:#eaf4ee!important}.lg-btn{height:47px!important;border-radius:7px!important;background:#20df7f!important;color:#06120c!important;box-shadow:0 10px 30px rgba(32,223,127,.13)!important}

@media(max-width:900px){
  .jc-main{padding:18px 12px 96px}
  .jc-page-head{padding-bottom:13px;margin-bottom:13px}
  .jc-page-head h1{font-size:21px}.jc-page-head p{font-size:10px}
  .jc-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .jc-svc{min-height:155px}.jc-svc__img,.jc-svc__ph{height:88px}
  .jc-client{grid-template-columns:1fr;padding:10px}
  .jc-csubs{overflow:auto}.jc-client__foot{justify-content:flex-start}
  .jc-cbtn{width:auto;padding:0 9px;color:var(--jc-muted)}.jc-cbtn .material-symbols-outlined{flex-basis:auto}
  .jc-filterbar{grid-template-columns:1fr 1fr}.jc-filterbar .jc-search-box{grid-column:1/-1}
  .jc-stock-summary{grid-template-columns:repeat(2,1fr)}
  .jc-stock-table{margin-inline:-12px;border-radius:0}
  .jc-page-head--telegram{min-height:105px;padding-right:100px}
  .jc-telegram-mark{right:6px;top:2px;width:82px;height:82px}.jc-telegram-mark .material-symbols-outlined{font-size:42px}
  .jc-telegram-card{padding:18px 14px}.jc-telegram-orb{flex-basis:64px;height:64px}
  .jc-alert-window{grid-template-columns:1fr}
  .jc-billing-grid{grid-template-columns:1fr!important}
}

/* JHELIZCONTROLTV 6.0 — exact screen-density pass */
.jc-page-head--emails,.jc-page-head--clients,.jc-page-head--billing{
  min-height:62px;margin-bottom:10px;padding:0 0 11px;border-bottom:0
}
.jc-page-head--emails h1,.jc-page-head--clients h1,.jc-page-head--billing h1{font-size:22px}
.jc-page-head--emails .jc-eyebrow,.jc-page-head--clients .jc-eyebrow,.jc-page-head--billing .jc-eyebrow{font-size:7px}
.jc-page-head--emails p,.jc-page-head--clients p,.jc-page-head--billing p{font-size:9px}

/* Correos: KPI row + compact searchable inventory */
.jc-page-head--emails~.jc-stock-summary{grid-template-columns:1.05fr repeat(4,1fr);gap:7px}
.jc-page-head--emails~.jc-stock-summary>.jc-panel{height:76px;min-height:76px;padding:10px!important;border-radius:6px!important}
.jc-page-head--emails~.jc-stock-summary .jc-stock-total>div:first-child{font-size:8px!important}
.jc-page-head--emails~.jc-stock-summary [style*="font-size:20px"]{font-size:17px!important}
.jc-page-head--emails~.jc-filterbar{height:44px;margin:0 0 7px;padding:5px 6px;border-radius:6px}
.jc-page-head--emails~.jc-filterbar input,.jc-page-head--emails~.jc-filterbar select{height:32px!important;font-size:9px!important}
.jc-page-head--emails~.jc-stock-table{border-radius:6px}
.jc-page-head--emails~.jc-stock-table table{font-size:9px}
.jc-page-head--emails~.jc-stock-table thead tr{background:#07100b!important;color:#668174!important;font-size:7px!important}
.jc-page-head--emails~.jc-stock-table th{padding:8px 9px!important}
.jc-page-head--emails~.jc-stock-table td{height:39px;padding:6px 9px!important;color:#a9bbb1!important}
.jc-page-head--emails~.jc-stock-table td:nth-child(2){color:#e1ece6!important;font-weight:650}
.jc-page-head--emails~.jc-stock-table td:nth-child(3){font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#718b7d!important}
.jc-page-head--emails~.jc-stock-table td [style*="background:#d1fae5"]{background:rgba(32,223,127,.09)!important;color:#27df83!important}
.jc-page-head--emails~.jc-stock-table td [style*="background:#fee2e2"]{background:rgba(255,80,93,.09)!important;color:#ff6672!important}
.jc-page-head--emails~.jc-stock-table .jc-btn{height:25px;min-height:25px;border-radius:5px}

/* Clientes: identical dashboard strip and dense row register */
.jc-page-head--clients~.jc-board-stats{margin-bottom:8px}
.jc-page-head--clients~.jc-board-stats .jc-board-stat{height:67px;min-height:67px}
.jc-page-head--clients~.jc-register-shell{padding:7px;border-radius:6px}
.jc-page-head--clients~.jc-register-shell .jc-clients-search-form{height:38px}
.jc-page-head--clients~.jc-register-shell .jc-sortbar{min-height:34px}
.jc-page-head--clients~.jc-register-shell .jc-client{min-height:67px;padding:7px 9px}
.jc-page-head--clients~.jc-register-shell .jc-avatar{width:30px;height:30px}
.jc-page-head--clients~.jc-register-shell .jc-client__name{font-size:10px}
.jc-page-head--clients~.jc-register-shell .jc-csub2{min-height:39px;padding:5px}
.jc-page-head--clients~.jc-register-shell .jc-csub2__logo{width:24px;height:24px}

/* Subscription: plan banner, equal payment cards, history strip */
.jc-page-head--billing~.jc-plan-card{padding:13px 15px!important}
.jc-page-head--billing~.jc-plan-card>div:first-child{min-height:48px}
.jc-page-head--billing~.jc-plan-card [style*="font-size:34px"]{font-size:25px!important;padding:8px!important}
.jc-page-head--billing~.jc-plan-card [style*="font-size:16px"]{font-size:13px!important}
.jc-page-head--billing~.jc-billing-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}
.jc-page-head--billing~.jc-billing-grid>.jc-panel{min-height:280px;padding:13px!important}
.jc-page-head--billing~.jc-billing-grid .jc-section-title{font-size:10px!important}
.jc-page-head--billing~.jc-billing-grid .jc-payment-qr,
.jc-page-head--billing~.jc-billing-grid img{width:145px!important;max-width:145px!important}
.jc-page-head--billing~.jc-payment-history{padding:11px!important}
.jc-page-head--billing~.jc-payment-history .jc-section-title{font-size:10px!important}
.jc-page-head--billing~.jc-payment-history .jc-table th{font-size:7px}
.jc-page-head--billing~.jc-payment-history .jc-table td{font-size:9px}

@media(max-width:720px){
  .jc-page-head--emails~.jc-stock-summary{grid-template-columns:repeat(2,1fr)}
  .jc-page-head--emails~.jc-stock-summary>.jc-panel:first-child{grid-column:1/-1}
  .jc-page-head--emails~.jc-filterbar{height:auto}
  .jc-page-head--clients~.jc-board-stats{grid-template-columns:repeat(2,1fr)}
  .jc-page-head--clients~.jc-register-shell .jc-client{min-height:auto}
  .jc-page-head--billing~.jc-billing-grid{grid-template-columns:1fr!important}
}

/* JHELIZCONTROLTV 5.0 — reference composition rebuild */
.jc-workspace{background:
  radial-gradient(900px 480px at 46% -10%,rgba(20,168,91,.055),transparent 72%),
  #050b08}
.jc-topbar{height:64px;border-bottom-color:rgba(79,129,101,.14);background:rgba(5,12,8,.94)}
.jc-sidebar{width:214px;border-right-color:rgba(83,139,107,.13);background:#07100b}
.jc-brand{min-height:64px;padding:14px 15px;border-bottom:1px solid rgba(83,139,107,.11)}
.jc-logo svg{width:30px;height:30px}.jc-brand__txt strong{font-size:12px}.jc-brand__txt small{font-size:8px}
.jc-tabs{padding:13px 9px}.jc-tab{min-height:37px;padding:9px;border-radius:6px;font-size:10px}
.jc-tab.is-active{color:#25e184;background:rgba(25,209,117,.11);box-shadow:inset 3px 0 #22df80}
.jc-nav-label{margin:12px 9px 5px;font-size:7px;letter-spacing:.15em}
.jc-main{max-width:none;padding:24px 30px 45px}
.jc-page-head--board{margin-bottom:12px}
.jc-page-head--board h1{font-size:25px}.jc-page-head--board .jc-btn{align-self:flex-end}

.jc-board-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
.jc-board-stat{min-height:78px;display:flex;align-items:center;gap:11px;padding:12px;border:1px solid rgba(92,151,116,.12);border-radius:7px;background:linear-gradient(145deg,#0b1710,#08110c)}
.jc-board-stat>.material-symbols-outlined{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;color:#22df80;background:rgba(34,223,128,.08);font-size:18px}
.jc-board-stat div{min-width:0}.jc-board-stat strong{display:block;color:#eef8f2;font-size:17px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jc-board-stat small{display:block;margin-top:5px;color:#6e897b;font-size:8px;text-transform:uppercase;letter-spacing:.045em}
.jc-board-stat:nth-child(2)>.material-symbols-outlined{color:#ffbe55;background:rgba(255,190,85,.07)}
.jc-board-stat:nth-child(3)>.material-symbols-outlined{color:#72a8ff;background:rgba(114,168,255,.07)}
.jc-board-stat:nth-child(4)>.material-symbols-outlined{color:#a995ff;background:rgba(169,149,255,.07)}

.jc-catalog-shell,.jc-register-shell{padding:12px;border:1px solid rgba(92,151,116,.11);border-radius:8px;background:rgba(7,16,11,.78)}
.jc-catalog-shell .jc-cat:first-child{margin-top:0}.jc-catalog-shell .jc-cat:last-child{margin-bottom:0}
.jc-catalog-shell .jc-services{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}
.jc-catalog-shell .jc-svc{min-height:168px;border-color:rgba(96,145,117,.12);background:#0a1510;box-shadow:none}
.jc-catalog-shell .jc-svc:hover{transform:translateY(-2px);border-color:rgba(32,223,127,.38);box-shadow:0 13px 32px rgba(0,0,0,.22),0 0 0 1px rgba(32,223,127,.06)}
.jc-catalog-shell .jc-svc__img,.jc-catalog-shell .jc-svc__ph{height:96px;background-color:#06100a}
.jc-catalog-shell .jc-svc__name{color:#dcebe3;font-size:10px}
.jc-catalog-shell .jc-svc__count{font-size:8px}

.jc-register-shell{padding:9px}
.jc-register-shell .jc-clients-search-form{margin:0 0 7px;padding:6px}
.jc-register-shell .jc-sortbar{margin-bottom:7px}
.jc-register-shell .jc-client{grid-template-columns:230px minmax(340px,1fr) 108px;border-color:rgba(87,140,109,.10);background:#08120d}
.jc-register-shell .jc-client:hover{border-color:rgba(32,223,127,.24);background:#0a1710}
.jc-register-shell .jc-client__top{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px}
.jc-register-shell .jc-client__badges{grid-column:2;justify-content:flex-start}
.jc-register-shell .jc-client__foot{display:grid;grid-template-columns:repeat(3,30px);gap:4px}

.jc-metrics{gap:8px}.jc-metric{min-height:88px;padding:14px;border-radius:7px;background:linear-gradient(145deg,#0b1710,#07100b)}
.jc-metric__icon{width:38px;height:38px;border-radius:8px}.jc-metric__v{font-size:20px}.jc-metric__l{font-size:9px}
.jc-chart{height:260px;border-radius:7px;background:linear-gradient(180deg,rgba(32,223,127,.018),transparent)}

.jc-stock-summary{grid-template-columns:repeat(5,minmax(0,1fr))}
.jc-stock-summary>.jc-panel{min-height:82px;background:#09140e!important}
.jc-stock-table{border-color:rgba(87,140,109,.12);background:#07110c}
.jc-stock-table tbody tr{height:46px}
.jc-stock-table tbody tr:nth-child(even){background:rgba(255,255,255,.008)}

.jc-payment-card,.jc-upload-card,.jc-payment-history,.jc-plan-card{background:linear-gradient(145deg,#0b1811,#07100b)!important}
.jc-billing-grid{grid-template-columns:minmax(280px,.85fr) minmax(320px,1.15fr)!important}
.jc-payment-card{text-align:left}.jc-payment-card>div:first-of-type{text-align:center}
.jc-upload-card input[type=file]{border:1px dashed rgba(32,223,127,.23)!important;background:rgba(32,223,127,.025)!important}

@media(max-width:1050px){
  .jc-board-stats{grid-template-columns:repeat(2,1fr)}
  .jc-register-shell .jc-client{grid-template-columns:1fr}
  .jc-register-shell .jc-client__foot{justify-content:start}
  .jc-stock-summary{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .jc-sidebar{width:auto}.jc-main{padding:15px 10px 90px}
  .jc-board-stats{gap:6px}.jc-board-stat{min-height:65px;padding:9px}.jc-board-stat strong{font-size:14px}
  .jc-board-stat>.material-symbols-outlined{width:30px;height:30px;font-size:16px}
  .jc-catalog-shell,.jc-register-shell{margin-inline:-2px;padding:7px}
  .jc-catalog-shell .jc-services{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jc-catalog-shell .jc-svc{min-height:150px}.jc-catalog-shell .jc-svc__img,.jc-catalog-shell .jc-svc__ph{height:85px}
  .jc-stock-summary{grid-template-columns:repeat(2,1fr)}
  .jc-billing-grid{grid-template-columns:1fr!important}
}

/* JHELIZCONTROLTV 7.0 — final cascade fix for Correos + Mi suscripción */
body .jc-page-head--emails~.jc-stock-summary{grid-template-columns:1.05fr repeat(4,minmax(0,1fr));gap:7px}
body .jc-page-head--emails~.jc-stock-summary>.jc-panel{height:76px;min-height:76px;padding:10px!important;border-radius:6px!important;background:#09140e!important}
body .jc-page-head--emails~.jc-filterbar{height:44px;margin:0 0 7px;padding:5px 6px;border-radius:6px}
body .jc-page-head--emails~.jc-stock-table{border-radius:6px;background:#07110c}
body .jc-page-head--emails~.jc-stock-table table{font-size:9px}
body .jc-page-head--emails~.jc-stock-table thead tr{background:#07100b!important;color:#668174!important;font-size:7px!important}
body .jc-page-head--emails~.jc-stock-table th{padding:8px 9px!important}
body .jc-page-head--emails~.jc-stock-table td{height:39px;padding:6px 9px!important;color:#a9bbb1!important}
body .jc-page-head--emails~.jc-stock-table td:nth-child(2){color:#e1ece6!important;font-weight:650}
body .jc-page-head--emails~.jc-stock-table td:nth-child(3){font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#718b7d!important}
body .jc-page-head--emails~.jc-stock-table .jc-btn{height:25px;min-height:25px;border-radius:5px}

/* Inventario de correos */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.jc-inventory-overview{display:grid;grid-template-columns:210px minmax(0,1fr);gap:9px;margin-bottom:9px}
.jc-inventory-total,.jc-inventory-platforms{border:1px solid var(--jc-border);border-radius:10px;background:#09130e}
.jc-inventory-total{padding:15px 16px}
.jc-inventory-total__label{display:block;color:#7d9588;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.jc-inventory-total>strong{display:block;margin:2px 0 8px;color:#edf8f1;font-size:27px;line-height:1;font-variant-numeric:tabular-nums}
.jc-inventory-total>div{display:flex;flex-wrap:wrap;gap:5px 12px;color:#91a69a;font-size:10px}
.jc-inventory-total>div span{display:inline-flex;align-items:center;gap:5px}
.jc-inventory-total i{width:6px;height:6px;border-radius:50%}
.jc-inventory-total i.is-available{background:#20df7f}.jc-inventory-total i.is-sold{background:#ff6672}
.jc-inventory-platforms{display:flex;align-items:stretch;gap:1px;overflow-x:auto;padding:6px}
.jc-inventory-platform{display:flex;align-items:center;gap:8px;min-width:150px;padding:9px 10px;border:1px solid transparent;border-radius:7px;color:inherit;text-decoration:none;transition:background-color .16s ease,border-color .16s ease}
.jc-inventory-platform:hover{background:rgba(32,223,127,.04)}
.jc-inventory-platform.is-selected{border-color:rgba(32,223,127,.38);background:rgba(32,223,127,.06)}
.jc-inventory-platform__mark{display:inline-flex;flex:0 0 28px;width:28px;height:28px;align-items:center;justify-content:center;border-radius:7px;background-size:cover;background-position:center;color:#fff;font-size:11px;font-weight:800}
.jc-inventory-platform strong{display:block;max-width:112px;overflow:hidden;color:#dceae2;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.jc-inventory-platform small{display:block;margin-top:2px;color:#71877b;font-size:9px;white-space:nowrap}
.jc-inventory-platforms__empty{margin:auto;color:var(--jc-muted);font-size:11px}
.jc-inventory-filters{display:grid;grid-template-columns:minmax(220px,1fr) 170px 135px 180px auto;gap:7px;align-items:center;margin-bottom:14px;padding:7px;border:1px solid var(--jc-border);border-radius:9px;background:#08110c}
.jc-inventory-filters label{min-width:0}
.jc-inventory-filters input,.jc-inventory-filters select{width:100%;height:36px;border:1px solid rgba(133,181,154,.13);border-radius:6px;background:#0d1812;color:#b9cbc1;font-size:10px;outline:none}
.jc-inventory-filters input:focus,.jc-inventory-filters select:focus{border-color:var(--jc-green);box-shadow:0 0 0 2px rgba(32,223,127,.12)}
.jc-inventory-search{position:relative}
.jc-inventory-search .material-symbols-outlined{position:absolute;top:10px;left:10px;color:#60776a;font-size:16px;pointer-events:none}
.jc-inventory-search input{padding-left:32px}
.jc-inventory-groups{display:grid;gap:18px}
.jc-inventory-group{min-width:0}
.jc-inventory-group__head{display:flex;align-items:center;justify-content:space-between;margin:0 1px 8px;padding-bottom:7px;border-bottom:1px solid rgba(133,181,154,.11)}
.jc-inventory-group__head>div{display:flex;align-items:center;gap:8px}
.jc-inventory-group__head .jc-inventory-platform__mark{width:23px;height:23px;flex-basis:23px;border-radius:6px;font-size:9px}
.jc-inventory-group__head h2{margin:0;color:#e6f1eb;font-size:13px;letter-spacing:-.01em}
.jc-inventory-group__head>span{color:#657c70;font-size:9px}
.jc-inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.jc-email-card{position:relative;min-width:0;border:1px solid rgba(133,181,154,.12);border-radius:11px;background:#09130e;overflow:hidden;transition:border-color .16s ease,background-color .16s ease}
.jc-email-card:hover{border-color:rgba(133,181,154,.24);background:#0a1610}
.jc-email-card__head{display:flex;align-items:center;justify-content:space-between;padding:10px 11px 8px}
.jc-email-card__number{color:#758d80;font-size:9px;font-weight:750;font-variant-numeric:tabular-nums}
.jc-email-card__status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}
.jc-email-card__status i{width:5px;height:5px;border-radius:50%}
.jc-email-card.is-available .jc-email-card__status{background:rgba(32,223,127,.08);color:#2adf86}.jc-email-card.is-available .jc-email-card__status i{background:#20df7f}
.jc-email-card.is-sold .jc-email-card__status{background:rgba(255,102,114,.08);color:#ff7b86}.jc-email-card.is-sold .jc-email-card__status i{background:#ff6672}
.jc-email-card__identity,.jc-email-card__password{display:flex;align-items:center;gap:5px;margin:0 11px}
.jc-email-card__identity strong{min-width:0;overflow:hidden;color:#eef7f2;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.jc-email-card__identity button,.jc-email-card__password button{display:inline-flex;flex:0 0 40px;width:40px;height:40px;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:#657c70;cursor:pointer}
.jc-email-card__identity button:hover,.jc-email-card__password button:hover{background:rgba(255,255,255,.04);color:#c9d9d0}
.jc-email-card__identity .material-symbols-outlined,.jc-email-card__password .material-symbols-outlined{font-size:14px}
.jc-email-card__password{margin-top:1px;color:#789084;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}
.jc-email-card__password>[data-jc-secret]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jc-email-card__meta{display:grid;grid-template-columns:1fr 1fr;margin:10px 11px 0;border-top:1px solid rgba(133,181,154,.08)}
.jc-email-card__meta>div{min-width:0;padding:9px 0}.jc-email-card__meta>div+div{padding-left:10px;border-left:1px solid rgba(133,181,154,.08)}
.jc-email-card__meta dt{margin-bottom:2px;color:#60776a;font-size:8px;text-transform:uppercase;letter-spacing:.05em}
.jc-email-card__meta dd{margin:0;overflow:hidden;color:#b6c7be;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.jc-email-card__meta .jc-muted{color:#667c70}
.jc-email-card__actions{display:flex;align-items:center;gap:5px;padding:8px 10px;border-top:1px solid rgba(133,181,154,.08);background:#07100b}
.jc-email-card__actions>form:first-child,.jc-email-card__actions>.jc-btn:first-child{margin-right:auto}
.jc-email-card__actions .jc-btn{min-height:40px;padding:7px 10px;font-size:10px}
.jc-email-card__actions .material-symbols-outlined{font-size:14px}
.jc-icon-btn{display:inline-flex;flex:0 0 40px;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid rgba(133,181,154,.11);border-radius:7px;background:#0b1710;color:#7f9589;cursor:pointer}
.jc-icon-btn:hover{border-color:rgba(133,181,154,.25);color:#d4e2da}.jc-icon-btn.is-danger:hover{border-color:rgba(255,102,114,.24);color:#ff7b86}
.jc-modal__box--compact{max-width:430px}
.jc-modal-context{margin:0 0 16px;color:#8da296;font-size:12px}.jc-modal-context strong{color:#dce9e2}
.jc-inventory-empty h2{margin:10px 0 4px;font-size:16px}.jc-inventory-empty p{margin:0 0 14px;color:var(--jc-muted);font-size:11px}
.jc-copy-feedback{position:fixed;right:18px;bottom:18px;z-index:1200;padding:9px 12px;border:1px solid rgba(32,223,127,.28);border-radius:7px;background:#102319;color:#dff7e9;font-size:10px;box-shadow:0 12px 35px rgba(0,0,0,.28)}

/* Clientes: la acción principal nunca desaparece en pantallas táctiles. */
.jc-client-add{flex:none}
@media(max-width:760px){
  .jc-page-head--clients .jc-client-add{
    position:fixed;
    right:max(14px,env(safe-area-inset-right));
    bottom:calc(82px + env(safe-area-inset-bottom));
    z-index:120;
    width:56px;
    height:56px;
    min-height:56px;
    padding:0;
    justify-content:center;
    border-radius:16px;
    box-shadow:0 16px 36px -12px rgba(0,255,136,.55);
  }
  .jc-page-head--clients .jc-client-add .material-symbols-outlined{font-size:25px}
  .jc-page-head--clients .jc-client-add__label{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
  }
}

.jc-theme-light .jc-inventory-total,.jc-theme-light .jc-inventory-platforms,.jc-theme-light .jc-inventory-filters,.jc-theme-light .jc-email-card{border-color:rgba(25,61,42,.12);background:#fff}
.jc-theme-light .jc-inventory-total>strong,.jc-theme-light .jc-inventory-platform strong,.jc-theme-light .jc-inventory-group__head h2,.jc-theme-light .jc-email-card__identity strong{color:#17231d}
.jc-theme-light .jc-inventory-filters input,.jc-theme-light .jc-inventory-filters select{border-color:rgba(25,61,42,.14);background:#f7faf8;color:#25342c}
.jc-theme-light .jc-email-card:hover{background:#fbfdfc}.jc-theme-light .jc-email-card__actions{background:#f6f9f7}.jc-theme-light .jc-icon-btn{background:#fff}

@media(max-width:1100px){.jc-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jc-inventory-filters{grid-template-columns:minmax(200px,1fr) repeat(3,145px)}.jc-inventory-filters>.jc-btn{grid-column:1/-1;justify-self:start}}
@media(max-width:760px){.jc-inventory-overview{grid-template-columns:1fr}.jc-inventory-platforms{min-height:68px}.jc-inventory-filters{grid-template-columns:1fr 1fr}.jc-inventory-search{grid-column:1/-1}.jc-inventory-grid{grid-template-columns:1fr}}
@media(max-width:460px){.jc-inventory-filters{grid-template-columns:1fr}.jc-inventory-search{grid-column:auto}.jc-inventory-platform{min-width:140px}.jc-email-card__meta{grid-template-columns:1fr}.jc-email-card__meta>div+div{padding-top:0;padding-left:0;border-left:0}}

body .jc-page-head--billing~.jc-plan-card{padding:13px 15px!important;background:linear-gradient(145deg,#0b1811,#07100b)!important}
body .jc-page-head--billing~.jc-billing-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}
body .jc-page-head--billing~.jc-billing-grid>.jc-panel{min-height:280px;padding:13px!important;background:linear-gradient(145deg,#0b1811,#07100b)!important}
body .jc-page-head--billing~.jc-billing-grid .jc-section-title{font-size:10px!important}
body .jc-page-head--billing~.jc-billing-grid img{width:145px!important;max-width:145px!important;border-radius:5px!important}
body .jc-page-head--billing~.jc-payment-history{margin-top:7px!important;padding:11px!important;background:linear-gradient(145deg,#0b1811,#07100b)!important}
body .jc-page-head--billing~.jc-payment-history .jc-section-title{font-size:10px!important}

@media(max-width:720px){
  body .jc-page-head--emails~.jc-stock-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  body .jc-page-head--emails~.jc-stock-summary>.jc-panel:first-child{grid-column:1/-1}
  body .jc-page-head--emails~.jc-filterbar{height:auto}
  body .jc-page-head--billing~.jc-billing-grid{grid-template-columns:1fr!important}
}

/* Correos — adaptación visual fiel al proyecto Lovable.
   El alcance queda aislado al inventario; no altera formularios ni acciones. */
.jc-page-head--emails{
  align-items:flex-end;
  margin-bottom:30px;
}
.jc-page-head--emails .jc-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#00ff88;
  font-size:11px;
  font-weight:700;
  letter-spacing:.2em;
}
.jc-page-head--emails .jc-eyebrow::before{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#00ff88;
  content:"";
}
.jc-page-head--emails h1{
  margin-top:8px;
  font-family:"Inter",system-ui,sans-serif;
  font-size:clamp(38px,4vw,44px);
  font-weight:700;
  line-height:1.05;
  letter-spacing:-.035em;
}
.jc-page-head--emails>div>p:last-child{
  max-width:560px;
  margin-top:8px;
  color:#969b98;
  font-size:14px;
}
.jc-page-head--emails>.jc-btn{
  min-height:44px;
  padding:0 20px;
  border:0;
  border-radius:12px;
  background:#00ff88;
  color:#06130c;
  font-size:14px;
  font-weight:700;
  box-shadow:0 14px 28px -16px rgba(0,255,136,.65);
}
.jc-page-head--emails>.jc-btn:hover{
  background:#19ff95;
  transform:translateY(-1px);
}
.jc-inventory-overview{
  grid-template-columns:280px minmax(0,1fr);
  gap:16px;
  margin-bottom:24px;
}
.jc-inventory-total,
.jc-inventory-platforms{
  border-color:rgba(255,255,255,.09);
  border-radius:16px;
  background:#141416;
}
.jc-inventory-total{padding:20px}
.jc-inventory-total__label{
  color:#8b908d;
  font-size:10px;
  letter-spacing:.18em;
}
.jc-inventory-total__label::before{
  display:inline-block;
  width:12px;
  height:10px;
  margin-right:8px;
  border:2px solid #00ff88;
  border-radius:2px;
  content:"";
  vertical-align:-1px;
}
.jc-inventory-total>strong{
  margin:10px 0 13px;
  color:#f4f6f5;
  font-size:48px;
  letter-spacing:-.045em;
}
.jc-inventory-total>div{
  gap:8px 16px;
  color:#8b908d;
  font-size:12px;
}
.jc-inventory-total i{width:8px;height:8px}
.jc-inventory-total i.is-available{background:#00ff88}
.jc-inventory-total i.is-sold{background:#ff4d5f}
.jc-inventory-platforms{
  gap:10px;
  padding:12px;
  scrollbar-color:rgba(255,255,255,.18) transparent;
}
.jc-inventory-platform{
  min-width:190px;
  gap:11px;
  padding:12px;
  border-color:transparent;
  border-radius:12px;
}
.jc-inventory-platform:hover{
  border-color:rgba(255,255,255,.08);
  background:#1b1b1e;
}
.jc-inventory-platform.is-selected{
  border-color:rgba(0,255,136,.35);
  background:rgba(0,255,136,.07);
}
.jc-inventory-platform__mark{
  flex-basis:38px;
  width:38px;
  height:38px;
  border-radius:10px;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);
}
.jc-inventory-platform strong{
  max-width:135px;
  color:#eff2f0;
  font-size:13px;
}
.jc-inventory-platform small{
  margin-top:4px;
  color:#858b87;
  font-size:10px;
}
.jc-inventory-filters{
  grid-template-columns:minmax(260px,1fr) 190px 160px 190px auto;
  gap:8px;
  margin-bottom:32px;
  padding:12px;
  border-color:rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(20,20,22,.72);
}
.jc-inventory-filters input,
.jc-inventory-filters select{
  height:40px;
  padding-inline:12px;
  border-color:rgba(255,255,255,.09);
  border-radius:8px;
  background:#101012;
  color:#e6e9e7;
  font-size:13px;
}
.jc-inventory-filters input::placeholder{color:#747a76}
.jc-inventory-search .material-symbols-outlined{
  top:12px;
  left:12px;
  color:#858b87;
  font-size:16px;
}
.jc-inventory-search input{padding-left:38px}
.jc-inventory-groups{gap:40px}
.jc-inventory-group__head{
  margin:0 0 16px;
  padding:0;
  border:0;
}
.jc-inventory-group__head>div{gap:12px}
.jc-inventory-group__head .jc-inventory-platform__mark{
  width:32px;
  height:32px;
  flex-basis:32px;
  border-radius:8px;
  font-size:10px;
}
.jc-inventory-group__head h2{
  color:#f2f4f3;
  font-size:17px;
  font-weight:650;
  letter-spacing:-.02em;
}
.jc-inventory-group__head>span{
  color:#858b87;
  font-size:11px;
  font-weight:500;
}
.jc-inventory-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.jc-email-card{
  padding:20px;
  border-color:rgba(255,255,255,.09);
  border-radius:16px;
  background:#141416;
  overflow:hidden;
  box-shadow:none;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.jc-email-card::before{
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,255,136,.55),transparent);
  content:"";
}
.jc-email-card.is-sold::before{
  background:linear-gradient(90deg,transparent,rgba(255,77,95,.4),transparent);
}
@media(hover:hover){
  .jc-email-card:hover{
    border-color:rgba(255,255,255,.17);
    background:#161619;
    box-shadow:0 22px 48px -28px rgba(0,0,0,.85);
    transform:translateY(-2px);
  }
}
.jc-email-card__head{padding:0 0 17px}
.jc-email-card__number{
  color:#8b908d;
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:11px;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.jc-email-card__status{
  gap:6px;
  padding:4px 10px;
  border:1px solid;
  font-size:10px;
  font-weight:750;
  letter-spacing:.08em;
}
.jc-email-card__status i{width:6px;height:6px}
.jc-email-card.is-available{border-color:rgba(0,255,136,.22)}
.jc-email-card.is-available .jc-email-card__status{
  border-color:rgba(0,255,136,.28);
  background:rgba(0,255,136,.09);
  color:#00ff88;
}
.jc-email-card.is-available .jc-email-card__status i{background:#00ff88}
.jc-email-card.is-sold .jc-email-card__status{
  border-color:rgba(255,77,95,.28);
  background:rgba(255,77,95,.09);
  color:#ff5969;
}
.jc-email-card.is-sold .jc-email-card__status i{background:#ff4d5f}
.jc-email-card__label{
  display:block;
  margin-bottom:6px;
  color:#858b87;
  font-size:10px;
  font-weight:650;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.jc-email-card__label--password{margin-top:18px}
.jc-email-card__identity,
.jc-email-card__password{
  margin:0;
  gap:8px;
}
.jc-email-card__identity strong{
  flex:1;
  color:#f3f5f4;
  font-size:17px;
  font-weight:650;
  letter-spacing:-.025em;
}
.jc-email-card__password>[data-jc-secret]{
  min-height:38px;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:#0d0d0f;
  color:#e5e8e6;
  line-height:18px;
}
.jc-email-card__identity button,
.jc-email-card__password button{
  flex-basis:38px;
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:#1c1c1f;
  color:#9ba19d;
}
.jc-email-card__identity button:hover,
.jc-email-card__password button:hover{
  border-color:rgba(0,255,136,.3);
  background:rgba(0,255,136,.08);
  color:#00ff88;
}
.jc-email-card__identity .material-symbols-outlined,
.jc-email-card__password .material-symbols-outlined{font-size:17px}
.jc-email-card__password{
  margin-top:0;
  color:#dfe3e1;
  font-size:12px;
  letter-spacing:.13em;
}
.jc-email-card__meta{
  grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);
  gap:14px;
  margin:18px 0 0;
  border:0;
}
.jc-email-card__meta>div{padding:0}
.jc-email-card__meta>div+div{
  padding:0;
  border:0;
}
.jc-email-card__meta dt{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:6px;
  color:#858b87;
  font-size:10px;
  font-weight:650;
  letter-spacing:.14em;
}
.jc-email-card__meta dt .material-symbols-outlined{font-size:13px}
.jc-email-card__meta dd{
  color:#e0e4e1;
  font-size:12px;
  font-weight:550;
}
.jc-email-card__meta .jc-muted{color:#777e79}
.jc-email-card__actions{
  margin:20px -20px -20px;
  gap:6px;
  padding:14px 20px;
  border-color:rgba(255,255,255,.07);
  background:#101012;
}
.jc-email-card__actions .jc-btn{
  min-height:36px;
  padding:7px 11px;
  border-radius:8px;
  font-size:11px;
}
.jc-email-card__actions .jc-btn:first-child{
  border-color:rgba(0,255,136,.28);
  background:rgba(0,255,136,.09);
  color:#00ff88;
}
.jc-email-card__actions .jc-btn:first-child:hover{
  background:rgba(0,255,136,.16);
}
.jc-email-card__actions .material-symbols-outlined{font-size:15px}
.jc-email-card__actions .jc-icon-btn{
  flex-basis:36px;
  width:36px;
  height:36px;
  border-color:rgba(255,255,255,.08);
  border-radius:8px;
  background:#19191c;
  color:#929894;
}
.jc-email-card__actions .jc-icon-btn:hover{
  border-color:rgba(255,255,255,.16);
  color:#f1f3f2;
}
.jc-email-card__actions .jc-icon-btn.is-danger:hover{
  border-color:rgba(255,77,95,.3);
  background:rgba(255,77,95,.08);
  color:#ff5969;
}
.jc-inventory-empty{
  border-style:dashed;
  border-color:rgba(255,255,255,.12);
  border-radius:16px;
  background:#111113;
}
.jc-copy-feedback{
  right:20px;
  bottom:20px;
  padding:11px 14px;
  border-color:rgba(0,255,136,.28);
  border-radius:10px;
  background:#14261d;
  color:#e4fff1;
  font-size:12px;
}
@media(max-width:1180px){
  .jc-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jc-inventory-filters{grid-template-columns:minmax(220px,1fr) repeat(3,150px)}
  .jc-inventory-filters>.jc-btn{grid-column:1/-1;justify-self:start}
}
@media(max-width:760px){
  .jc-main:has(.jc-page-head--emails){
    padding-bottom:calc(104px + env(safe-area-inset-bottom));
  }
  .jc-page-head--emails{
    align-items:flex-start;
    gap:20px;
    margin-bottom:24px;
  }
  .jc-page-head--emails h1{font-size:36px}
  .jc-page-head--emails>div>p:last-child{
    max-width:34ch;
    font-size:13px;
    line-height:1.55;
  }
  .jc-page-head--emails>.jc-btn{
    width:100%;
    justify-content:center;
  }
  .jc-inventory-overview{grid-template-columns:1fr;gap:12px}
  .jc-inventory-total{padding:18px}
  .jc-inventory-total>strong{font-size:42px}
  .jc-inventory-platforms{min-height:auto}
  .jc-inventory-platform{min-width:180px}
  .jc-inventory-filters{
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-bottom:28px;
    padding:10px;
  }
  .jc-inventory-search{grid-column:1/-1}
  .jc-inventory-grid{grid-template-columns:1fr}
  .jc-email-card{padding:18px}
  .jc-email-card__actions{margin:20px -18px -18px;padding:13px 18px}
}
@media(max-width:430px){
  .jc-page-head--emails h1{font-size:34px}
  .jc-inventory-filters{grid-template-columns:1fr}
  .jc-inventory-search{grid-column:auto}
  .jc-email-card__identity strong{font-size:15px}
  .jc-email-card__meta{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px}
  .jc-email-card__actions{flex-wrap:wrap}
  .jc-email-card__actions>form:first-child,
  .jc-email-card__actions>.jc-btn:first-child{
    flex:1;
    margin-right:0;
  }
  .jc-email-card__actions .jc-btn:first-child{width:100%;justify-content:center}
}
@media(pointer:coarse){
  .jc-email-card__identity button,
  .jc-email-card__password button,
  .jc-email-card__actions .jc-icon-btn{
    min-width:44px;
    width:44px;
    height:44px;
    flex-basis:44px;
  }
  .jc-email-card__actions .jc-btn{min-height:44px}
}