/* ============================================================================
   enquetes-vidro.css - efeito "vidro" nos cabecalhos e no rodape do Enquetes.
   Aplicado em 05/11/2026, replicando ocomon-vidro.css do Helpdesk (opcao B:
   vidro so na moldura; o conteudo fica em painel solido).
   Regra herdada do Helpdesk: o vidro NAO usa tons avermelhados. Fundo e
   molduras em neutros; o vinho (#682a2c) continua so na marca e nos textos.
   Carregado DEPOIS de visual-siseventos.css nas duas areas:
     publico ...: templates/default/startpage.pstpl e
                  upload/templates/padrao_ufv/startpage.pstpl
     admin .....: application/views/admin/super/header.php e
                  application/views/layouts/main.php
   Rollback: remover o link/registerCssFile desses quatro arquivos.
   ============================================================================ */

:root {
  --enq-vidro-bg: rgba(255, 255, 255, .58);
  --enq-vidro-bg-forte: rgba(255, 255, 255, .9);
  --enq-vidro-borda: rgba(255, 255, 255, .75);
  --enq-vidro-brilho: rgba(255, 255, 255, .85);
  --enq-vidro-blur: blur(22px) saturate(160%);
  --enq-vidro-sombra: 0 10px 40px rgba(15, 23, 42, .10), 0 2px 8px rgba(15, 23, 42, .06);
  --enq-vidro-fundo:
    radial-gradient(900px 520px at 6% -8%, rgba(148, 163, 184, .30), transparent 60%),
    radial-gradient(760px 540px at 100% 6%, rgba(203, 213, 225, .45), transparent 60%),
    radial-gradient(820px 620px at 55% 112%, rgba(100, 116, 139, .20), transparent 60%),
    linear-gradient(160deg, #f5f6f8 0%, #e8ebef 100%);
  --enq-vidro-raio: 20px;
  /* Recuo lateral unico: cabecalho, menu, conteudo e rodape no mesmo alinhamento. */
  --enq-vidro-lado: 16px;
}

/* ----------------------------------------------------------------- fundo */
body.enq-public,
body.enq-admin {
  background: var(--enq-vidro-fundo) !important;
  background-attachment: fixed !important;
}
/* A casca do admin era branca e cobria o degrade. O recuo lateral fica NELA,
   para que tambem o conteudo das telas legadas (que nao tem #content) acompanhe
   o alinhamento do cabecalho e do rodape. */
body.enq-admin .wrapper {
  box-sizing: border-box;
  /* o tema antigo forca width:100%, que somava ao padding e estourava 32px
     para a direita (cabecalho e conteudo cortados). */
  width: auto !important;
  padding: 0 var(--enq-vidro-lado);
  background: transparent !important;
  background-image: none !important;
}

/* ------------------------------------------------------------- cabecalho */
body.enq-public .enq-cab {
  margin: 12px var(--enq-vidro-lado) 0;
}
body.enq-admin .enq-cab {
  margin: 12px 0 0;
}
body.enq-public .enq-cab,
body.enq-admin .enq-cab {
  border: 1px solid var(--enq-vidro-borda);
  border-bottom: 1px solid var(--enq-vidro-borda);
  border-radius: 22px;
  background: var(--enq-vidro-bg);
  -webkit-backdrop-filter: var(--enq-vidro-blur);
  backdrop-filter: var(--enq-vidro-blur);
  box-shadow: var(--enq-vidro-sombra), inset 0 1px 0 var(--enq-vidro-brilho);
  overflow: hidden;
}
/* Botao "Area administrativa": pilula de vidro, como o "Sair" do Helpdesk. */
body.enq-public:has(.survey-list-table) .enq-cab .enq-admin-link {
  border: 0;
  border-radius: 999px;
  padding: .45rem 1.1rem;
  background: var(--enq-vidro-bg-forte);
  box-shadow: inset 0 0 0 1px rgba(104, 42, 44, .25), 0 4px 12px rgba(15, 23, 42, .08);
}
body.enq-public:has(.survey-list-table) .enq-cab .enq-admin-link:hover,
body.enq-public:has(.survey-list-table) .enq-cab .enq-admin-link:focus-visible {
  color: #fff;
  background: #682a2c;
}

/* Barra de titulo das telas legadas da administracao. */
body.enq-admin .maintitle,
body.enq-admin .maintitle.titlebar {
  margin: 10px 0 0;
  border: 1px solid var(--enq-vidro-borda);
  border-bottom: 1px solid var(--enq-vidro-borda);
  border-radius: 18px;
  background: var(--enq-vidro-bg);
  -webkit-backdrop-filter: var(--enq-vidro-blur);
  backdrop-filter: var(--enq-vidro-blur);
  box-shadow: var(--enq-vidro-sombra), inset 0 1px 0 var(--enq-vidro-brilho);
}

/* Menu da administracao: mesma moldura flutuante, mantendo o vinho e o
   texto branco (legibilidade do menu vem do contraste, nao do vidro). */
body.enq-admin .menubar {
  width: auto;
  box-sizing: border-box;
  margin: 10px 0 0;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 18px;
  box-shadow: var(--enq-vidro-sombra);
}

/* O jqGrid grava larguras em pixel medidas na janela inteira, sem contar o
   recuo da casca; sem isto a grade e os paginadores furam a margem direita. */
body.enq-admin .ui-jqgrid,
body.enq-admin .ui-jqgrid-view,
body.enq-admin .ui-jqgrid-hdiv,
body.enq-admin .ui-jqgrid-bdiv,
body.enq-admin .ui-jqgrid-pager,
body.enq-admin .ui-jqgrid-toppager,
body.enq-admin .ui-pager-control { max-width: 100% !important; box-sizing: border-box; }
body.enq-admin .ui-jqgrid-bdiv { overflow-x: auto; }

/* ------------------------------------------------- conteudo (solido) */
body.enq-public .outerframe {
  margin: 14px var(--enq-vidro-lado) 0;
  box-sizing: border-box;
  border: 1px solid var(--enq-vidro-borda);
  border-radius: var(--enq-vidro-raio);
  background: #fff;
  box-shadow: var(--enq-vidro-sombra);
}
body.enq-admin #content {
  margin: 14px 0 0;
  padding: 16px clamp(12px, 2vw, 20px);
  box-sizing: border-box;
  border: 1px solid var(--enq-vidro-borda);
  border-radius: var(--enq-vidro-raio);
  background: #fff;
  box-shadow: var(--enq-vidro-sombra);
}

/* Indice de perguntas: desce por causa do cabecalho flutuante e usa o mesmo recuo. */
body.enq-public .withindex.outerframe {
  margin-right: calc(25em + var(--enq-vidro-lado) + 12px);
}
body.enq-public #index {
  right: var(--enq-vidro-lado);
  top: 104px;
  bottom: 72px;
  border: 1px solid var(--enq-vidro-borda);
  border-radius: 16px;
  background: var(--enq-vidro-bg-forte);
  -webkit-backdrop-filter: var(--enq-vidro-blur);
  backdrop-filter: var(--enq-vidro-blur);
  box-shadow: var(--enq-vidro-sombra);
  overflow: auto;
}
body.enq-public #index h2 { border-radius: 15px 15px 0 0; }

/* ---------------------------------------------------------------- rodape */
body.enq-public .enq-rodape,
body.enq-admin .enq-rodape,
body.enq-admin .footer {
  left: var(--enq-vidro-lado);
  right: var(--enq-vidro-lado);
  bottom: 8px;
  width: auto;
  border: 1px solid var(--enq-vidro-borda);
  border-top: 1px solid var(--enq-vidro-borda);
  border-radius: 16px;
  background: var(--enq-vidro-bg-forte);
  -webkit-backdrop-filter: var(--enq-vidro-blur);
  backdrop-filter: var(--enq-vidro-blur);
  box-shadow: var(--enq-vidro-sombra);
}

/* --------------------------------------------------------------- celular */
@media (max-width: 640px) {
  :root { --enq-vidro-lado: 6px; }
  body.enq-public .enq-cab { margin: 6px var(--enq-vidro-lado) 0; border-radius: 16px; }
  body.enq-admin .enq-cab { margin: 6px 0 0; border-radius: 16px; }
  body.enq-admin .maintitle,
  body.enq-admin .maintitle.titlebar,
  body.enq-admin .menubar { margin: 6px 0 0; border-radius: 14px; }
  body.enq-public .outerframe { margin: 8px var(--enq-vidro-lado) 0; border-radius: 14px; }
  body.enq-admin #content { margin: 8px 0 0; border-radius: 14px; }
  body.enq-public .withindex.outerframe { margin-right: var(--enq-vidro-lado); }
  body.enq-public #index { position: static; top: auto; bottom: auto; right: auto; margin: 8px var(--enq-vidro-lado) 0; border-radius: 14px; }
  body.enq-public .enq-rodape,
  body.enq-admin .enq-rodape,
  body.enq-admin .footer { left: var(--enq-vidro-lado); right: var(--enq-vidro-lado); bottom: 4px; border-radius: 12px; }
}

/* Sem backdrop-filter: o vidro vira painel quase opaco. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body.enq-public .enq-cab,
  body.enq-admin .enq-cab,
  body.enq-admin .maintitle,
  body.enq-public #index { background: var(--enq-vidro-bg-forte) !important; }
}

/* ---------------------------------------------------------------- impressao */
@media print {
  body.enq-public,
  body.enq-admin { background: #fff !important; }
  body.enq-public .enq-cab,
  body.enq-admin .enq-cab,
  body.enq-admin .maintitle,
  body.enq-public .outerframe,
  body.enq-admin #content,
  body.enq-public .enq-rodape,
  body.enq-admin .enq-rodape,
  body.enq-admin .footer {
    margin: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}