#suporte-escola{position:fixed;right:18px;bottom:18px;max-width:calc(100% - 24px);z-index:8000;font:15px/1.5 system-ui,sans-serif;color:#e8eef9;text-align:left}#suporte-escola *{box-sizing:border-box}#suporte-escola button,#suporte-escola select,#suporte-escola textarea{font:inherit}#suporte-escola button{cursor:pointer;border:1px solid #3f546b;background:#244768;color:#fff;border-radius:10px;padding:9px 12px}#suporte-escola button:hover{background:#315d87}#suporte-escola button:focus-visible,#suporte-escola textarea:focus-visible,#suporte-escola select:focus-visible{outline:3px solid #8ac8ff;outline-offset:2px}#suporte-escola .sup-abrir{border-radius:30px;padding:12px 18px;box-shadow:0 4px 24px #0005}#suporte-escola .sup-janela{display:flex;flex-direction:column;width:370px;height:min(650px,80dvh);max-width:100%;background:#111e2e;border:1px solid #3b526c;border-radius:16px;box-shadow:0 12px 50px #0006;overflow:hidden}#suporte-escola [hidden]{display:none!important}#suporte-escola .sup-topo{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#1a3048}#suporte-escola .sup-topo strong{font-size:16px}#suporte-escola .sup-controles{padding:8px 12px;border-bottom:1px solid #33465d}#suporte-escola select{width:100%;background:#172b40;color:#fff;border:1px solid #4d6984;border-radius:7px;padding:6px;margin:3px 0}#suporte-escola .sup-historico{flex:1;overflow:auto;padding:12px;overscroll-behavior:contain;min-height:90px}#suporte-escola .sup-mensagem{margin:0 0 12px;background:#1d334b;border-radius:10px;padding:10px;white-space:pre-wrap;overflow-wrap:anywhere}#suporte-escola .sup-mensagem.aluno{background:#254b50;margin-left:22px}#suporte-escola .sup-mensagem small{display:block;color:#b5cce0;font-size:12px;margin-bottom:5px}#suporte-escola .sup-status{padding:7px 12px;margin:0;font-size:12px;color:#b8d1e7}#suporte-escola .sup-status a{color:#c6e1ff}#suporte-escola form{padding:10px 12px;background:#17283b}#suporte-escola textarea{display:block;width:100%;resize:vertical;min-height:65px;max-height:180px;background:#0c1724;color:#fff;border:1px solid #506881;border-radius:8px;padding:8px;margin-bottom:7px}#suporte-escola .sup-acoes{display:flex;gap:6px;flex-wrap:wrap}#suporte-escola .sup-acoes button{font-size:12px;padding:6px 9px}#suporte-escola .sup-avaliar{padding:4px 12px;font-size:12px}#suporte-escola .sup-avaliar button{font-size:12px;padding:3px 8px;margin:3px}#suporte-escola .sup-anteriores{display:block;margin:0 auto 12px;font-size:12px}#suporte-escola a{color:#b8dcff}@media(max-width:480px){#suporte-escola{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}#suporte-escola .sup-janela{width:calc(100vw - 24px);height:min(680px,85dvh)}#suporte-escola .sup-historico{padding:9px}}

#suporte-escola .sup-expediente{padding:7px 12px;margin:0;font-size:12px;color:#b8d1e7}#suporte-escola button:disabled{opacity:.5;cursor:default}#suporte-escola textarea:disabled{opacity:.6}

/* Aviso compacto: estado, próxima abertura e horários em blocos legíveis. */
#suporte-escola .sup-pedidos{display:grid;gap:8px;padding:4px 0 12px}
#suporte-escola .sup-pedidos-titulo{margin:0;font-size:18px;font-weight:600;color:#eef3fb}
#suporte-escola .sup-pedidos-explicacao{margin:0 0 4px;font-size:13px;color:#b8c8da}
#suporte-escola .sup-pedidos button{min-height:44px;text-align:left;font-size:14px;line-height:1.4;background:#172b40;border-color:#506881;padding:10px 12px}
#suporte-escola .sup-pedidos button:hover:not(:disabled){background:#244768;border-color:#8ac8ff}
#suporte-escola .sup-topo{gap:12px;padding:14px 16px}
#suporte-escola .sup-topo strong{line-height:1.3}
#suporte-escola .sup-topo>span{display:flex;gap:6px;flex-shrink:0}
#suporte-escola .sup-topo button{width:44px;height:44px;padding:0}
#suporte-escola .sup-topo,#suporte-escola .sup-status,#suporte-escola .sup-expediente,#suporte-escola form{flex-shrink:0}
#suporte-escola .sup-status-compacto{padding:18px 20px 14px}
#suporte-escola .sup-status-compacto p{margin:0}
#suporte-escola .sup-estado{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.5;color:#b8c8da}
#suporte-escola .sup-estado:before{content:'';width:6px;height:6px;border-radius:50%;background:#a2b0bf;flex-shrink:0}
#suporte-escola .sup-estado-aberto:before{background:#8cd4b6}
#suporte-escola .sup-status-compacto .sup-proxima{margin-top:12px;font-size:18px;line-height:1.3;font-weight:600;letter-spacing:-.3px;color:#eef3fb}
#suporte-escola .sup-status-compacto .sup-proxima-data{margin-top:4px;font-size:14px;line-height:1.5;color:#e8eef9}
#suporte-escola .sup-expediente-compacto{padding:0 20px 18px}
#suporte-escola .sup-horarios{border-top:1px solid #2d4054;margin:0;padding-top:14px;display:grid;gap:10px}
#suporte-escola .sup-horarios>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px 12px}
#suporte-escola .sup-horarios dt,#suporte-escola .sup-horarios dd{margin:0;font-size:12px;line-height:1.5}
#suporte-escola .sup-horarios dt{color:#b8c8da}
#suporte-escola .sup-horarios dd{color:#e8eef9}
#suporte-escola .sup-fuso{margin:10px 0 0;font-size:12px;line-height:1.5;color:#b8c8da}
#suporte-escola .sup-expediente-compacto>.sup-estado{margin:7px 0 12px}
#suporte-escola .sup-historico{min-height:0}
@media(max-height:600px){#suporte-escola .sup-janela{display:block;overflow-y:auto;overscroll-behavior:contain}#suporte-escola .sup-historico{min-height:90px;max-height:200px}}

/* A janela do chat não herda o espaçamento das seções da página. */
#suporte-escola .sup-janela{padding:0;margin:0}