/* cloner-panel — estilos propios (sobre Bootstrap 5.3) */
:root { --panel-radius: 1rem; }
body { min-height: 100vh; display: flex; flex-direction: column; }
main { flex: 1; }
.brand-badge { display:inline-flex; align-items:center; justify-content:center; width:2rem; height:2rem; border-radius:.6rem; background:linear-gradient(135deg,#0d6efd,#6f42c1); color:#fff; font-size:1.1rem; }
.brand-badge-lg { width:3.5rem; height:3.5rem; border-radius:1rem; font-size:1.8rem; }
.login-wrap { min-height: calc(100vh - 6rem); display:flex; align-items:center; justify-content:center; }
.login-card { width:100%; max-width:420px; border-radius: var(--panel-radius); }

/* tarjetas del escritorio */
.tarjeta { border-radius: var(--panel-radius); transition: transform .12s ease, box-shadow .12s ease; overflow:hidden; }
.tarjeta:hover { transform: translateY(-2px); box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.12); }
.tarjeta-cab { height: 110px; display:flex; align-items:center; justify-content:center; position:relative; background: var(--bs-tertiary-bg); }
.tarjeta-cab img { width:100%; height:100%; object-fit:cover; }
.tarjeta-cab img.tarjeta-icono { width:64px; height:64px; border-radius:1rem; object-fit:contain; background:#fff; box-shadow:0 .25rem .75rem rgba(0,0,0,.15); }
.tarjeta-avatar { width:64px; height:64px; border-radius:1rem; display:flex; align-items:center; justify-content:center; color:#fff; font-size:1.8rem; font-weight:700; letter-spacing:-.03em; box-shadow:0 .25rem .75rem rgba(0,0,0,.2); }
.tarjeta-cab .chips { position:absolute; top:.5rem; right:.5rem; display:flex; gap:.25rem; }
.tarjeta .titulo { font-weight:600; font-size:1.05rem; }
.tarjeta .dominio { font-size:.85rem; }
.chip { font-size:.7rem; padding:.2rem .45rem; border-radius:.4rem; font-weight:600; letter-spacing:.02em; text-transform:uppercase; }
.php-botones .btn { font-variant-numeric: tabular-nums; }
.form-switch .form-check-input { cursor:pointer; width:2.6em; height:1.4em; }
.cron-on { color: var(--bs-success); }
.cron-off { color: var(--bs-secondary); }

/* cabecera de resumen */
.kpi { border-radius: var(--panel-radius); }
.kpi .valor { font-size:1.6rem; font-weight:700; line-height:1; }
.kpi .etiqueta { font-size:.75rem; text-transform:uppercase; letter-spacing:.06em; }

/* página de proyecto */
.nav-tabs .nav-link { border-top-left-radius:.6rem; border-top-right-radius:.6rem; }
.dl-grid { display:grid; grid-template-columns: max-content 1fr; gap:.35rem 1rem; }
.dl-grid dt { color: var(--bs-secondary-color); font-weight:500; }
.dl-grid dd { margin:0; word-break: break-word; }
pre.ficha { max-height: 32rem; overflow:auto; font-size:.8rem; background: var(--bs-tertiary-bg); padding:1rem; border-radius:.6rem; }
.fase-ok { color: var(--bs-success); }
.fase-no { color: var(--bs-secondary-color); }
.en-construccion { border: 2px dashed var(--bs-border-color); border-radius: var(--panel-radius); }