/* V2_gsala_estilos.css */
:root{--gsala-fundo:#07111f;--gsala-card:#101d2f;--gsala-card-2:#152641;--gsala-borda:rgba(255,255,255,.1);--gsala-texto:#edf5ff;--gsala-suave:#a9bad0;--gsala-azul:#5eb7ff;--gsala-verde:#52d6a0;--gsala-amarelo:#ffc857;--gsala-vermelho:#ff6b7a;--gsala-sombra:0 22px 55px rgba(0,0,0,.28)}
*{box-sizing:border-box}.gsala-app{min-height:72vh;background:radial-gradient(circle at 15% 5%,rgba(38,136,214,.2),transparent 34%),linear-gradient(160deg,#07111f,#0a1627 52%,#07111f);color:var(--gsala-texto);padding:22px 14px 56px}.gsala-wrap{width:min(1180px,100%);margin:0 auto}.gsala-menu{display:flex;gap:8px;overflow:auto;padding:6px;margin-bottom:22px;border:1px solid var(--gsala-borda);border-radius:18px;background:rgba(7,17,31,.72);backdrop-filter:blur(14px);position:sticky;top:8px;z-index:20}.gsala-menu a{color:var(--gsala-suave);text-decoration:none;white-space:nowrap;padding:10px 14px;border-radius:12px;font-weight:700;font-size:14px}.gsala-menu a:hover,.gsala-menu a.ativo{color:#061320;background:linear-gradient(135deg,var(--gsala-verde),#87d8ff)}
.gsala-hero,.gsala-card{border:1px solid var(--gsala-borda);background:linear-gradient(145deg,rgba(19,36,60,.96),rgba(10,24,42,.96));border-radius:22px;box-shadow:var(--gsala-sombra)}.gsala-hero{padding:clamp(24px,5vw,54px);display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:center}.gsala-etiqueta{display:inline-flex;align-items:center;gap:7px;color:#07111f;background:var(--gsala-verde);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.gsala-hero h1,.gsala-topo h1{font-size:clamp(30px,5vw,56px);line-height:1.02;margin:16px 0 12px}.gsala-hero p,.gsala-topo p,.gsala-card p{color:var(--gsala-suave);line-height:1.62}.gsala-hero-visual{min-height:260px;border-radius:22px;display:grid;place-items:center;background:radial-gradient(circle,rgba(94,183,255,.33),transparent 64%),#0a1729;position:relative;overflow:hidden}.gsala-hero-visual::before,.gsala-hero-visual::after{content:"";position:absolute;border:2px solid rgba(94,183,255,.45);border-radius:50%}.gsala-hero-visual::before{width:190px;height:190px}.gsala-hero-visual::after{width:120px;height:120px}.gsala-hero-visual span{font-size:64px;font-weight:900;z-index:1;color:var(--gsala-verde)}
.gsala-topo{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:20px 0}.gsala-topo h1{font-size:clamp(28px,4vw,44px);margin:4px 0 6px}.gsala-acoes{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.gsala-btn{appearance:none;border:0;border-radius:13px;padding:11px 16px;font:inherit;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,var(--gsala-azul),#81e1ff);color:#07111f;min-height:44px}.gsala-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.gsala-btn.verde{background:linear-gradient(135deg,var(--gsala-verde),#92efc9)}.gsala-btn.perigo{background:linear-gradient(135deg,var(--gsala-vermelho),#ff9a86)}.gsala-btn.secundario{color:var(--gsala-texto);background:#1b2c46;border:1px solid var(--gsala-borda)}.gsala-btn.pequeno{min-height:34px;padding:7px 11px;font-size:13px}.gsala-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.gsala-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gsala-grid.duas{grid-template-columns:repeat(2,minmax(0,1fr))}.gsala-card{padding:20px}.gsala-card h2,.gsala-card h3{margin-top:0}.gsala-card.destaque{border-color:rgba(82,214,160,.44);background:linear-gradient(145deg,rgba(26,70,70,.88),rgba(11,31,47,.96))}.gsala-lista{display:grid;gap:12px}.gsala-item{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:17px;border:1px solid var(--gsala-borda);border-radius:17px;background:rgba(8,19,34,.74)}.gsala-item strong{font-size:17px}.gsala-item small{color:var(--gsala-suave);display:block;margin-top:5px}.gsala-status{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;color:var(--gsala-suave);background:#1b2c46}.gsala-status.ativa,.gsala-status.na_sala,.gsala-status.admitido,.gsala-status.concluida{color:#062219;background:var(--gsala-verde)}.gsala-status.aguardando,.gsala-status.iniciando,.gsala-status.agendada{color:#352300;background:var(--gsala-amarelo)}.gsala-status.gravando{color:#fff;background:var(--gsala-vermelho);animation:gsala-pulso 1.4s infinite}.gsala-status.recusado,.gsala-status.falhou,.gsala-status.cancelada{color:#fff;background:#a73850}@keyframes gsala-pulso{50%{box-shadow:0 0 0 8px rgba(255,107,122,0)}}
.gsala-form{display:grid;gap:15px}.gsala-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.gsala-campo{display:grid;gap:7px}.gsala-campo.span-2{grid-column:span 2}.gsala-campo label,.gsala-campo>span{font-weight:800;font-size:14px}.gsala-input,.gsala-select,.gsala-textarea{width:100%;border:1px solid var(--gsala-borda);border-radius:13px;background:#081526;color:var(--gsala-texto);padding:12px 13px;font:inherit;outline:none}.gsala-input:focus,.gsala-select:focus,.gsala-textarea:focus{border-color:var(--gsala-azul);box-shadow:0 0 0 3px rgba(94,183,255,.15)}.gsala-textarea{min-height:120px;resize:vertical}.gsala-check{display:flex;gap:10px;align-items:flex-start;color:var(--gsala-suave);line-height:1.45}.gsala-check input{width:20px;height:20px;accent-color:var(--gsala-verde);flex:0 0 auto}.gsala-alerta{border-radius:15px;padding:14px 16px;margin:14px 0;background:#17304e;border:1px solid var(--gsala-borda);line-height:1.5}.gsala-alerta.sucesso{background:#123d36;border-color:rgba(82,214,160,.45)}.gsala-alerta.erro{background:#4a1d2c;border-color:rgba(255,107,122,.5)}.gsala-alerta.aviso{background:#493b19;border-color:rgba(255,200,87,.5)}.gsala-vazio{padding:25px;text-align:center;color:var(--gsala-suave);border:1px dashed var(--gsala-borda);border-radius:16px}
.gsala-preparo{display:grid;grid-template-columns:1fr 1fr;gap:18px}.gsala-preview{min-height:320px;background:#030914;border-radius:19px;overflow:hidden;position:relative;display:grid;place-items:center}.gsala-preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.gsala-preview span{color:var(--gsala-suave);padding:20px;text-align:center}.gsala-sala-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px}.gsala-palco{min-width:0}.gsala-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:460px}.gsala-video-item{background:#020712;border:1px solid var(--gsala-borda);border-radius:18px;overflow:hidden;position:relative;min-height:210px}.gsala-video-item video{width:100%;height:100%;object-fit:cover;display:block}.gsala-video-item .gsala-video-nome{position:absolute;left:9px;bottom:9px;padding:5px 8px;border-radius:9px;background:rgba(0,0,0,.64);font-size:12px;font-weight:800}.gsala-video-item.local video{transform:scaleX(-1)}.gsala-controles{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:12px;padding:10px;border-radius:18px;background:rgba(5,13,24,.86);border:1px solid var(--gsala-borda)}.gsala-lateral{display:grid;align-content:start;gap:12px}.gsala-espera-lista{display:grid;gap:9px}.gsala-espera-item{padding:11px;border-radius:13px;background:#0a1728;border:1px solid var(--gsala-borda)}.gsala-espera-item strong{display:block}.gsala-gravando-aviso{display:none;align-items:center;justify-content:center;gap:8px;background:#a72f48;color:#fff;padding:9px 12px;font-weight:900;border-radius:12px;margin-bottom:10px}.gsala-gravando-aviso.ativo{display:flex}.gsala-tabela-wrap{overflow:auto;border:1px solid var(--gsala-borda);border-radius:17px}.gsala-tabela{border-collapse:collapse;width:100%;min-width:720px;background:rgba(8,19,34,.7)}.gsala-tabela th,.gsala-tabela td{text-align:left;padding:13px;border-bottom:1px solid var(--gsala-borda)}.gsala-tabela th{color:var(--gsala-suave);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
@media(max-width:900px){.gsala-hero,.gsala-preparo,.gsala-sala-layout{grid-template-columns:1fr}.gsala-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gsala-lateral{grid-template-columns:repeat(2,minmax(0,1fr))}.gsala-video-grid{min-height:380px}}
@media(max-width:620px){.gsala-app{padding:12px 9px 42px}.gsala-menu{top:4px}.gsala-hero{padding:24px 18px}.gsala-hero-visual{min-height:180px}.gsala-grid,.gsala-grid.duas,.gsala-form-grid,.gsala-lateral{grid-template-columns:1fr}.gsala-campo.span-2{grid-column:auto}.gsala-topo{display:grid}.gsala-item{grid-template-columns:1fr}.gsala-video-grid{grid-template-columns:1fr;min-height:300px}.gsala-video-item{min-height:240px}.gsala-btn{width:100%}.gsala-acoes .gsala-btn,.gsala-controles .gsala-btn{width:auto;flex:1 1 120px}}

/* Experiência compacta estilo aplicativo no celular */
.gsala-app,.gsala-wrap,.gsala-hero,.gsala-card,.gsala-item,.gsala-preparo,.gsala-sala-layout,.gsala-palco,.gsala-lateral{min-width:0;max-width:100%}
.gsala-app{overflow-x:clip}
.gsala-app img,.gsala-app video,.gsala-app canvas,.gsala-app iframe{max-width:100%}
.gsala-preview,.gsala-video-grid,.gsala-video-item{width:100%;max-width:100%}

@media(max-width:760px){
  .gsala-app{min-height:calc(100dvh - 52px);padding:8px 8px calc(82px + env(safe-area-inset-bottom));background:linear-gradient(165deg,#07111f,#0a1627 58%,#07111f)}
  .gsala-wrap{width:100%;margin:0}
  .gsala-menu{position:fixed;inset:auto 8px max(7px,env(safe-area-inset-bottom)) 8px;top:auto;width:auto;max-width:560px;margin:0 auto;padding:5px;gap:3px;border-radius:18px;box-shadow:0 14px 38px rgba(0,0,0,.55);z-index:100;overscroll-behavior-x:contain}
  .gsala-menu a{flex:1 0 auto;min-width:max-content;padding:8px 9px;border-radius:13px;font-size:11px;text-align:center}

  .gsala-topo{display:flex;align-items:center;margin:7px 0 10px;gap:8px}
  .gsala-topo>div:first-child{flex:1;min-width:0}
  .gsala-topo h1,.gsala-sala-layout~h1{font-size:clamp(21px,6.5vw,27px)!important;line-height:1.12;margin:5px 0 2px}
  .gsala-topo p{font-size:12px;line-height:1.35;margin:3px 0}
  .gsala-topo>.gsala-btn{flex:0 0 auto;white-space:nowrap}
  .gsala-etiqueta,.gsala-status{padding:4px 7px;font-size:10px}

  .gsala-hero{display:block;padding:16px;border-radius:18px;box-shadow:none}
  .gsala-hero h1{font-size:clamp(25px,8vw,34px);line-height:1.05;margin:10px 0 8px}
  .gsala-hero p{font-size:13px;line-height:1.45;margin:0 0 12px}
  .gsala-hero-visual{display:none}
  .gsala-hero .gsala-acoes{display:grid;grid-template-columns:1fr 1fr}

  #recursos{margin-top:11px!important}
  #recursos .gsala-grid,.gsala-grid.duas{display:flex;grid-template-columns:none;gap:9px;overflow-x:auto;padding:1px 1px 8px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
  #recursos .gsala-grid::-webkit-scrollbar,.gsala-grid.duas::-webkit-scrollbar,.gsala-lateral::-webkit-scrollbar{display:none}
  #recursos .gsala-card,.gsala-grid.duas>.gsala-card{flex:0 0 min(82vw,310px);scroll-snap-align:start}
  .gsala-grid{grid-template-columns:1fr;gap:9px}
  .gsala-card{padding:13px;border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.2)}
  .gsala-card[style*="margin-top"]{margin-top:10px!important}
  .gsala-card h2,.gsala-card h3{font-size:16px;line-height:1.2;margin:0 0 6px}
  .gsala-card p{font-size:12.5px;line-height:1.42;margin:6px 0}
  .gsala-card>.gsala-lista{max-height:290px;overflow:auto;overscroll-behavior:contain}

  .gsala-acoes{gap:6px}
  .gsala-btn{width:auto;min-height:38px;padding:8px 10px;border-radius:11px;font-size:12px}
  .gsala-acoes .gsala-btn{width:auto;flex:1 1 auto}
  .gsala-btn.pequeno{min-height:34px;padding:6px 8px;font-size:11px}
  .gsala-lista{gap:8px}
  .gsala-item{grid-template-columns:1fr;padding:10px;gap:8px;border-radius:13px}
  .gsala-item h2{font-size:16px!important;line-height:1.2;margin:6px 0 2px!important}
  .gsala-item strong{font-size:14px}
  .gsala-item small{font-size:11.5px;line-height:1.35;margin-top:3px}
  .gsala-item .gsala-acoes .gsala-btn{width:100%}
  .gsala-alerta{padding:10px 11px;margin:8px 0;border-radius:12px;font-size:12px;line-height:1.4}
  .gsala-vazio{padding:15px 11px;border-radius:13px;font-size:12px}

  .gsala-form{gap:10px}
  .gsala-form-grid{grid-template-columns:1fr;gap:10px}
  .gsala-campo.span-2{grid-column:auto}
  .gsala-campo{gap:5px}
  .gsala-campo label,.gsala-campo>span{font-size:12px}
  .gsala-input,.gsala-select,.gsala-textarea{padding:10px 11px;border-radius:11px;font-size:16px}
  .gsala-textarea{min-height:78px}
  .gsala-check{gap:8px;font-size:12px;line-height:1.35}
  .gsala-check input{width:18px;height:18px}
  .gsala-form>.gsala-acoes{display:grid;grid-template-columns:1fr 1fr}

  .gsala-preparo{grid-template-columns:1fr;gap:9px}
  .gsala-preparo>.gsala-card{padding:10px}
  .gsala-preview{min-height:0;height:auto;aspect-ratio:4/3;max-height:48dvh;border-radius:13px}
  .gsala-preview video{width:100%;height:100%;max-width:100%;object-fit:cover}

  .gsala-sala-layout{grid-template-columns:1fr;gap:8px}
  .gsala-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(118px,25dvh);gap:5px;min-height:0;height:auto;max-height:56dvh;overflow-y:auto;overscroll-behavior:contain}
  .gsala-video-grid>.gsala-vazio{grid-column:1/-1;min-height:210px;display:grid;place-items:center}
  .gsala-video-item{min-height:0;aspect-ratio:3/4;border-radius:12px}
  .gsala-video-item:only-child{grid-column:1/-1;aspect-ratio:16/10;max-height:54dvh}
  .gsala-video-item video{width:100%;height:100%;max-width:100%;object-fit:cover}
  .gsala-video-item .gsala-video-nome{left:6px;bottom:6px;padding:4px 6px;border-radius:7px;font-size:10px}
  .gsala-gravando-aviso{margin:5px 0;padding:7px 9px;border-radius:10px;font-size:11px}
  .gsala-controles{position:sticky;bottom:calc(66px + env(safe-area-inset-bottom));z-index:30;margin-top:6px;padding:6px;gap:5px;border-radius:14px}
  .gsala-controles .gsala-btn{width:auto;min-width:0;flex:1 1 calc(50% - 5px);padding:7px 5px;font-size:11px}
  [data-gsala-conexao-status]{font-size:11px!important;line-height:1.3;margin:5px 0 0}
  .gsala-lateral{display:flex;grid-template-columns:none;gap:8px;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
  .gsala-lateral>.gsala-card{flex:0 0 min(86vw,340px);scroll-snap-align:start}
  .gsala-espera-lista{gap:6px}
  .gsala-espera-item{padding:8px;border-radius:10px;font-size:12px}

  .gsala-tabela-wrap{border-radius:13px}
  .gsala-tabela{min-width:620px;font-size:12px}
  .gsala-tabela th,.gsala-tabela td{padding:9px}
}

@media(max-width:380px){
  .gsala-app{padding-left:6px;padding-right:6px}
  .gsala-menu{left:6px;right:6px}
  .gsala-menu a{padding:8px 7px;font-size:10px}
  .gsala-hero{padding:14px}
  .gsala-hero .gsala-acoes,.gsala-form>.gsala-acoes{grid-template-columns:1fr}
}