/*
Theme Name: SOPHYS Twenty Twenty Child
Theme URI: https://sophys.com.br/
Author: Equipe SOPHYS
Author URI: https://sophys.com.br/
Description: Tema filho baseado no Twenty Twenty para total controle do frontend do APP SOPHYS.
Version: 1.0
Template: twentytwenty
*/

/* Layout tablet centralizado */
.sophys-dashboard-wrapper {
  min-height: 100vh;
  background: #f0f4f8;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}

.sophys-dashboard-tablet {
  background: #ffffff;
  border-radius: 2rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  max-width: 980px;
  width: 100%;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* Títulos */
.sophys-dashboard-header h1 {
  font-size: 1.8rem;
  color: #003349;
  margin: 0;
}

h3 {
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
  color: #005580;
}

/* Gráficos */
.sophys-dashboard-graficos {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: space-between;
}

.grafico-pizza, .grafico-barras {
  flex: 1 1 45%;
  background: #eee;
  border-radius: 1rem;
  padding: 1rem;
  text-align: center;
}

.barra {
  width: 30%;
  display: inline-block;
  margin: 0 4px;
  border-radius: 0.3rem;
}

.barra.orange { background: #FF9130; }
.barra.blue   { background: #004F71; }
.barra.green  { background: #2FA357; }

/* Matrizes */
.sophys-dashboard-matrizes {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.matriz-risco-inerente,
.matriz-risco-residual {
  flex: 1 1 45%;
  background: #eee;
  border-radius: 1rem;
  padding: 1rem;
  overflow-x: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

table th, table td {
  border: 1px solid #ccc;
  padding: 0.4rem;
  text-align: center;
  min-width: 40px;
}

td.baixo { background: #2FA357; color: white; }
td.moderado { background: #FF9130; color: white; }
td.alto { background: #C0392B; color: white; }

/* Login */
.sophys-dashboard-login {
  background: #f8f8f8;
  padding: 1.5rem;
  border-radius: 1rem;
}

.sophys-dashboard-login h2 {
  font-size: 1.3rem;
  margin-bottom: 1rem;
}

.sophys-dashboard-login input {
  display: block;
  width: 100%;
  padding: 0.6rem;
  margin-bottom: 1rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 1rem;
}

.sophys-dashboard-login button {
  width: 100%;
  background: #005580;
  color: white;
  padding: 0.8rem;
  border: none;
  border-radius: 6px;
  font-weight: bold;
  font-size: 1rem;
  cursor: pointer;
}

/* Rodapé */
.sophys-dashboard-footer {
  text-align: center;
  font-size: 0.85rem;
  color: #999;
}
/* Esconde widgets, rodapés extras e elementos do WordPress no frontend */
#wpfooter,
#colophon,
.site-footer,
.footer-nav-widgets-wrapper,
.footer-widgets,
#footer,
#wpadminbar,
#adminmenuwrap,
#adminmenu,
#wpbody,
#wpbody-content > .wrap > h1,
#wpbody-content > .wrap > .about-text,
#wpbody-content > .wrap > .welcome-panel,
#wpbody-content > .wrap > .dashboard-widgets-wrap,
#wpbody-content > .wrap > .welcome-panel-content,
#wpbody-content > .wrap > .welcome-panel-close,
#wpbody-content > .wrap > .dashboard-widgets,
#secondary,
.widget-area {
    display: none !important;
}