:root{--t360-green:#08783e;--t360-green2:#0b9b50;--t360-ink:#17251d;--t360-soft:#f3f7f4;--t360-line:#dce7df}
*{box-sizing:border-box}
html{margin:0!important;padding:0!important;background:#fff}
body{margin:0;padding:0;color:var(--t360-ink);font-family:Inter,"Segoe UI",Arial,sans-serif;background:#f5f8f6}
a{color:var(--t360-green)}
.t360-theme-header{height:76px;background:#fff;border-bottom:1px solid var(--t360-line);display:flex;align-items:center;padding:0 28px}
.t360-theme-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--t360-ink)}
.t360-theme-brand .mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--t360-green),var(--t360-green2));color:#fff;font-weight:900}
.t360-theme-brand strong,.t360-theme-brand small{display:block}.t360-theme-brand strong{font-size:19px}.t360-theme-brand small{font-size:11px;color:#6c7871;margin-top:2px}
.t360-theme-content{width:min(1200px,calc(100% - 40px));margin:42px auto;min-height:calc(100vh - 190px)}
.t360-theme-article{background:#fff;border:1px solid var(--t360-line);border-radius:22px;padding:34px;box-shadow:0 18px 55px rgba(8,73,39,.08)}
.t360-theme-article>h1:first-child{margin-top:0;color:#123524}
.t360-theme-footer{min-height:70px;background:#08291d;color:#d6e8dd;display:flex;justify-content:space-between;align-items:center;padding:20px 28px;font-size:12px}

/* CANVAS DE LA APLICACIÓN */
body.turnos360-display-app{background:#fff!important;margin:0!important;padding:0!important;overflow-x:hidden}
body.turnos360-display-app .turnos360-theme-canvas{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;min-width:0}
body.turnos360-display-app .turnos360-theme-canvas.is-workstation{min-height:100vh;padding:24px!important;background:linear-gradient(145deg,#f7fbf8,#edf5f0)!important}
body.turnos360-display-app .turnos360-theme-canvas.is-workstation>.ct-shell{width:min(1500px,100%)!important;margin:0 auto!important;min-height:calc(100vh - 48px)!important}

/* TV: pantalla completa real, sin wrapper ni título del tema. */
html:has(body.turnos360-display-tv),body.turnos360-display-tv{width:100%;height:100%;overflow:hidden!important;background:#fff!important}
body.turnos360-display-tv .turnos360-theme-canvas,
body.turnos360-display-tv .turnos360-theme-canvas.is-tv{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important}
body.turnos360-display-tv .ct-tv{width:100vw!important;max-width:none!important;height:100vh!important;min-height:100vh!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.turnos360-display-tv .ct-tv-head{width:100%!important}
body.turnos360-display-tv .ct-tv-body{width:100%!important;min-width:0!important;grid-template-columns:minmax(0,3fr) minmax(240px,1fr)!important}
body.turnos360-display-tv .ct-queues{min-width:0!important;width:100%!important}
body.turnos360-display-tv .ct-video-wrap{min-width:0!important;width:100%!important;height:100%!important;min-height:0!important}
body.turnos360-display-tv .ct-video-wrap video{display:block;width:100%!important;height:100%!important;object-fit:cover!important}
body.turnos360-display-tv .ct-popup{position:absolute!important;inset:0!important}

/* La captura del usuario estaba alrededor de 835 px de ancho. El plugin original
   cambia a una sola columna por debajo de 900 px. Para TV mantenemos 3/4 + 1/4
   hasta 700 px para que la previsualización siga pareciendo una pantalla 16:9. */
@media (min-width:700px) and (max-width:1100px){
  body.turnos360-display-tv .ct-tv{grid-template-rows:82px 1fr 48px!important}
  body.turnos360-display-tv .ct-tv-head{padding:12px 18px!important}
  body.turnos360-display-tv .ct-brand b{font-size:25px!important}
  body.turnos360-display-tv .ct-brand span{font-size:19px!important}
  body.turnos360-display-tv .ct-brand small{font-size:11px!important}
  body.turnos360-display-tv .ct-clock{font-size:13px!important;text-align:right;max-width:44%}
  body.turnos360-display-tv .ct-tv-body{grid-template-columns:minmax(0,3fr) minmax(205px,1fr)!important;gap:12px!important;padding:12px 14px!important}
  body.turnos360-display-tv .ct-video-wrap{min-height:0!important}
  body.turnos360-display-tv .ct-section-title{font-size:17px!important}
  body.turnos360-display-tv .ct-wait-title{margin-top:12px!important}
  body.turnos360-display-tv .ct-row{grid-template-columns:17% 25% 32% 26%!important;min-height:48px!important;padding:6px 9px!important;font-size:11px!important}
  body.turnos360-display-tv .ct-row-head{min-height:31px!important;font-size:9px!important}
  body.turnos360-display-tv .ct-row strong{font-size:19px!important}
  body.turnos360-display-tv .ct-video-title{padding:10px 11px!important;font-size:14px!important}
  body.turnos360-display-tv .ct-tv-foot{padding:6px 14px!important;gap:6px!important}
  body.turnos360-display-tv .ct-tv-foot span{padding:5px 7px!important;font-size:9px!important}
  body.turnos360-display-tv .ct-popup-card{width:min(680px,82vw)!important}
  body.turnos360-display-tv .ct-popup-body{grid-template-columns:150px 1fr!important;gap:18px!important;padding:20px!important}
  body.turnos360-display-tv .ct-photo img,body.turnos360-display-tv .ct-photo #ct-popup-avatar{width:150px!important;height:165px!important}
  body.turnos360-display-tv .ct-popup-code{font-size:68px!important}
  body.turnos360-display-tv .ct-popup-name{font-size:25px!important}
  body.turnos360-display-tv .ct-popup-dest{font-size:21px!important}
}

@media(max-width:699px){
  body.turnos360-display-tv{overflow:auto!important}
  body.turnos360-display-tv .turnos360-theme-canvas.is-tv{position:relative!important;height:auto!important;min-height:100vh!important;overflow:visible!important}
  body.turnos360-display-tv .ct-tv{height:auto!important;min-height:100vh!important}
  body.turnos360-display-tv .ct-tv-body{grid-template-columns:1fr!important}
  body.turnos360-display-tv .ct-video-wrap{min-height:260px!important}
}

@media(max-width:782px){body.turnos360-display-workstation .turnos360-theme-canvas.is-workstation{padding:12px!important}}