soltos).
dentro de (e.g. hist-note) sao preservados. */
.workspace-grid .painelTabTexto > br,
.workspace-grid .painelTabTexto2 > br {
display: none;
}
/* Ocultar ![]()
diretas do corpo (passo51/52 em Configuracoes) */
.workspace-grid .painelTabTexto2 > img,
.workspace-grid .painelTabTexto > img {
display: none;
}
/* ---- Configuracoes: badge numerico (1) (2) nos 2 primeiros links --- */
/* Os links que seguem ![]()
(mesmo oculta) recebem contador */
.workspace-grid .painelTabTexto2 {
counter-reset: cfg-step;
}
.workspace-grid .painelTabTexto2 > img + a {
counter-increment: cfg-step;
padding-left: 34px;
position: relative;
}
.workspace-grid .painelTabTexto2 > img + a::before {
content: counter(cfg-step);
position: absolute;
left: 8px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 18px;
height: 18px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.6);
border: 1.5px solid #8aaa38;
font-size: 10px;
font-weight: bold;
color: #1d3a00;
font-family: Lato, Arial, sans-serif;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
line-height: 1;
}
/* ---- Historico Escolar: badge numerico (1)-(4) ----------- */
.workspace-grid .painelTabTexto.hist-numbered {
counter-reset: hist-step;
}
.workspace-grid .painelTabTexto.hist-numbered > a {
counter-increment: hist-step;
padding-left: 34px;
position: relative;
}
.workspace-grid .painelTabTexto.hist-numbered > a::before {
content: counter(hist-step);
position: absolute;
left: 8px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 18px;
height: 18px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.6);
border: 1.5px solid #8aaa38;
font-size: 10px;
font-weight: bold;
color: #1d3a00;
font-family: Lato, Arial, sans-serif;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
line-height: 1;
}
/* Nota explicativa abaixo dos links do Historico */
.workspace-grid .painelTabTexto .hist-note {
margin: 10px 0 2px 0;
padding: 8px 10px;
border-top: 1px dashed #c4d47e;
font-size: 12px;
color: #4a6200;
font-family: Lato, Arial, sans-serif;
line-height: 1.5;
}
.workspace-grid .painelTabTexto .hist-note a {
color: #1d5a00;
font-weight: bold;
}
.workspace-grid .painelTabTexto .hist-note a:hover {
text-decoration: underline;
}
/* ----
genericos dentro de paineis ---------------------- */
.workspace-grid .painelTabTexto p,
.workspace-grid .painelTabTexto2 p {
margin: 4px 0;
font-size: 13px;
font-family: Lato, Arial, sans-serif;
color: #2a2a2a;
line-height: 1.6;
}
.workspace-grid .painelTabTexto p a,
.workspace-grid .painelTabTexto2 p a {
color: #1d5a00;
text-decoration: none;
}
.workspace-grid .painelTabTexto p a:hover,
.workspace-grid .painelTabTexto2 p a:hover {
text-decoration: underline;
color: #0f2e00;
}
/* ---- Responsividade --------------------------------------- */
@media only screen and (min-width: 481px) {
.workspace-welcome {
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.workspace-grid .painelTab {
width: calc(50% - 7px);
}
}
@media only screen and (min-width: 769px) {
.workspace-grid .painelTab {
width: calc(33.333% - 10px);
}
}
/* ============================================================
TOOLBAR (#bar)
============================================================ */
#bar {
background: linear-gradient(to bottom, #d8ea96 0%, #c6d580 100%);
border-bottom: 1px solid #a8bc52;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
/* Logo com altura controlada */
.pagelogo img {
max-height: 34px;
width: auto;
vertical-align: middle;
margin-top: 4px;
}
/* Tecnica: mede a largura exata da scrollbar (100vw = viewport, 100% = body sem scrollbar).
A variavel e herdada por todos os elementos, incluindo os filhos do #bar (position:fixed). */
body {
--scrollbar-w: calc(100vw - 100%);
}
/* Wrapper interno: alinha ao .container (92.53% do body).
#bar e position:fixed (100% da viewport), entao subtraimos a scrollbar para igualar. */
.bar-inner {
width: calc(92.53% - var(--scrollbar-w, 0px));
margin: 0 auto;
height: 41px;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* Logo: comportamento normal dentro do flex */
.bar-inner .pagelogo {
float: none;
position: static;
line-height: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
/* Menu desktop: empurrado para a direita com margin-left: auto */
.bar-inner .menubar {
position: static;
float: none;
top: auto;
left: auto;
margin-left: auto;
font-family: Lato, Arial, sans-serif;
}
/* Botao hamburger mobile: posicionado ao final do flex row.
Visibilidade (hidden 481px+) ja controlada pelo style.css original. */
.bar-inner .menubar2 {
position: static;
left: auto;
float: none;
margin-left: 12px;
}
/* Links do menu desktop — pill hover */
.menubar a {
border-radius: 6px;
font-family: Lato, Arial, sans-serif;
font-size: 13px;
color: #1d3a00 !important;
-webkit-transition: background 0.15s ease, color 0.15s ease;
transition: background 0.15s ease, color 0.15s ease;
}
.menubar a:hover {
background: rgba(0, 0, 0, 0.11);
color: #0f2000 !important;
border-radius: 6px;
}
/* Separador | entre links */
.menubar {
color: #5a7a00;
font-family: Lato, Arial, sans-serif;
}
/* ============================================================
PAINEL CONTEXTUAL (.painel-contextbar)
Aparece em sub-paginas com info do usuario e navegacao rapida
============================================================ */
.painel.painel-contextbar {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 95%;
float: none;
margin: 0 2.5% 12px 2.5%;
background: linear-gradient(135deg, #f5f9e8 0%, #eef3d8 100%);
border: 1px solid #c4d47e;
border-left: 4px solid #8aaa38;
border-radius: 8px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.07);
display: -webkit-flex;
display: flex;
-webkit-align-items: stretch;
align-items: stretch;
padding: 0;
}
.painel.painel-contextbar .painel_texto {
-webkit-flex: 1;
flex: 1;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
padding: 10px 14px;
font-family: Lato, Arial, sans-serif;
}
/* Nome do usuario */
.painel.painel-contextbar .pc-greeting {
font-size: 13px;
color: #1d3a00;
white-space: nowrap;
}
/* Badge de perfil */
.painel.painel-contextbar .pc-badge {
display: inline-block;
padding: 2px 10px;
border-radius: 20px;
background: #8aaa38;
color: #fff;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.4px;
font-family: Lato, Arial, sans-serif;
white-space: nowrap;
}
/* Grupo de links de acao */
.painel.painel-contextbar .pc-actions {
display: -webkit-flex;
display: flex;
gap: 6px;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.painel.painel-contextbar .pc-link {
font-size: 12px;
color: #1d5a00;
text-decoration: none;
border: 1px solid #b0c460;
padding: 3px 10px;
border-radius: 5px;
background: rgba(255,255,255,0.5);
font-family: Lato, Arial, sans-serif;
white-space: nowrap;
-webkit-transition: background 0.15s ease, color 0.15s ease;
transition: background 0.15s ease, color 0.15s ease;
}
.painel.painel-contextbar .pc-link:hover {
background: #8aaa38;
color: #fff;
border-color: #8aaa38;
text-decoration: none;
}
/* Select de escola (painel SME) */
.painel.painel-contextbar .pc-escola-form {
display: -webkit-inline-flex;
display: inline-flex;
}
.painel.painel-contextbar .pc-escola-select {
font-size: 12px;
font-family: Lato, Arial, sans-serif;
border: 1px solid #b0c460;
border-radius: 5px;
padding: 3px 8px;
background: #f5f9e8;
color: #1d3a00;
cursor: pointer;
max-width: 260px;
-webkit-transition: border-color 0.15s ease;
transition: border-color 0.15s ease;
}
.painel.painel-contextbar .pc-escola-select:focus {
border-color: #7a9c00;
outline: none;
}
/* Botao × fechar */
.painel.painel-contextbar #btn_fechar1 {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
padding: 0 14px;
border-left: 1px solid #d0dc90;
width: auto;
margin: 0;
float: none;
}
.painel.painel-contextbar #btn_fechar1 a {
font-size: 20px;
color: #7a9c00;
text-decoration: none;
line-height: 1;
width: 28px;
height: 28px;
border-radius: 50%;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-transition: background 0.15s ease, color 0.15s ease;
transition: background 0.15s ease, color 0.15s ease;
font-weight: normal;
}
.painel.painel-contextbar #btn_fechar1 a:hover {
background: rgba(138, 170, 56, 0.25);
color: #1d3a00;
}
/* ============================================================
FOOTER
============================================================ */
footer {
background: linear-gradient(to bottom, #d9e2a9 0%, #c6d580 100%);
border-top: 1px solid #b0c460;
box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.06);
padding: 12px 0;
}
.footer-inner {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
font-family: Lato, Arial, sans-serif;
font-size: 12px;
color: #2d4a00;
}
.footer-brand {
font-weight: bold;
color: #1d3a00;
}
.footer-dot {
color: #7a9c00;
font-size: 14px;
line-height: 1;
}
.footer-site {
color: #3a6000;
}
.footer-year {
color: #4a6200;
}
/* Remover estilos antigos do footer dentro deste contexto */
footer p,
footer address,
footer div {
margin: 0;
padding: 0;
font-style: normal;
}
/* ---- Seletor de escola SME -------------------------------- */
.workspace-escola-selector {
margin: 8px 2% 14px 2%;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
gap: 10px;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.workspace-escola-selector label {
font-size: 13px;
font-family: Lato, Arial, sans-serif;
color: #1d3a00;
font-weight: bold;
white-space: nowrap;
}
.workspace-escola-selector select {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 15px;
font-family: Arial, sans-serif;
border: 1px solid #b0c460;
border-radius: 7px;
padding: 6px 10px;
background: #f5f9e8;
color: #1d3a00;
min-width: 280px;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.06);
cursor: pointer;
-webkit-transition: border-color 0.15s ease, box-shadow 0.15s ease;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.workspace-escola-selector select:focus {
border-color: #7a9c00;
box-shadow: 0 0 0 3px rgba(122, 156, 0, 0.15);
outline: none;
}