/* Estilo comum das telas da Fábrica de Páginas (painel da equipe, formulário e aprovação do aluno) */
:root{
  --fundo:#F5F3EF; --cartao:#FFFFFF; --tinta:#1D1B18; --suave:#6B665E; --linha:#E4DFD6; --linha-forte:#CFC8BC;
  --verde:#2F5D50; --verde-2:#244A40; --verde-claro:#E4EEEA;
  --ambar:#9A6412; --ambar-claro:#FBF0DC; --vermelho:#B3261E; --vermelho-claro:#FBE9E7; --azul:#2B5C9E; --azul-claro:#E6EEF9;
  --r:14px; --sombra:0 1px 2px rgba(29,27,24,.06),0 8px 24px -12px rgba(29,27,24,.18);
  --sans:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--tinta);font:400 15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
h1,h2,h3{margin:0;line-height:1.15;letter-spacing:-.015em;text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:var(--verde)}
button,input,select,textarea{font:inherit;color:inherit}
[hidden]{display:none!important}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 16px;border-radius:10px;border:1px solid var(--linha-forte);background:var(--cartao);font-weight:600;font-size:14px;cursor:pointer;text-decoration:none;color:var(--tinta);white-space:nowrap;transition:background .15s,border-color .15s,filter .15s}
.btn:hover{border-color:var(--suave)}
.btn:disabled{opacity:.55;cursor:not-allowed}
.btn--pri{background:var(--verde);border-color:var(--verde);color:#fff}
.btn--pri:hover{background:var(--verde-2);border-color:var(--verde-2)}
.btn--perigo{color:var(--vermelho);border-color:#E8C3BF}
.btn--leve{border-color:transparent;background:transparent}
.btn--leve:hover{background:rgba(29,27,24,.06);border-color:transparent}
.btn--pequeno{min-height:32px;padding:5px 11px;font-size:13px;border-radius:8px}
.btn--grande{min-height:52px;padding:14px 24px;font-size:16px;border-radius:12px}

.campo{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--tinta)}
.campo small{font-weight:400;color:var(--suave)}
.entrada,select.entrada,textarea.entrada{width:100%;background:#fff;border:1.5px solid var(--linha);border-radius:10px;padding:10px 12px;font-size:15px;font-weight:400;transition:border-color .15s,box-shadow .15s}
textarea.entrada{min-height:84px;resize:vertical;line-height:1.45}
.entrada:focus{outline:0;border-color:var(--verde);box-shadow:0 0 0 3px rgba(47,93,80,.15)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:500;cursor:pointer}
.check input{width:18px;height:18px;margin-top:2px;accent-color:var(--verde);flex:none}

.cartao{background:var(--cartao);border:1px solid var(--linha);border-radius:var(--r);box-shadow:var(--sombra)}
.etiqueta{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--fundo);color:var(--suave);white-space:nowrap}
.etiqueta--verde{background:var(--verde-claro);color:var(--verde)}
.etiqueta--ambar{background:var(--ambar-claro);color:var(--ambar)}
.etiqueta--vermelho{background:var(--vermelho-claro);color:var(--vermelho)}
.etiqueta--azul{background:var(--azul-claro);color:var(--azul)}

.aviso{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);opacity:0;background:var(--tinta);color:#fff;padding:12px 18px;border-radius:12px;font-weight:500;font-size:14px;z-index:50;transition:all .2s;max-width:calc(100% - 32px);box-shadow:0 12px 30px -10px rgba(0,0,0,.4);pointer-events:none}
.aviso.on{opacity:1;transform:translateX(-50%)}
.aviso.erro{background:var(--vermelho)}
.girando{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:gira .7s linear infinite;flex:none}
@keyframes gira{to{transform:rotate(360deg)}}