:root{--paper:#f2eee5;--ink:#171717;--red:#d9342b;--blue:#1746a2;--yellow:#f4c430}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Arial,sans-serif;background-image:radial-gradient(circle at 92% 8%,var(--red) 0 58px,transparent 59px),linear-gradient(90deg,transparent 0 96%,var(--blue) 96% 100%);background-attachment:fixed}.bauhaus-wrap{max-width:980px;margin:auto;padding:34px 22px 80px}.bauhaus-brand{display:flex;align-items:center;gap:14px}.bauhaus-brand img{width:64px;height:64px;object-fit:contain;background:var(--yellow);border:3px solid var(--ink);border-radius:50%}.bauhaus-brand strong{font:900 36px/1 Arial;letter-spacing:-.08em}.bauhaus-brand span{display:block;font:700 11px monospace;letter-spacing:.15em;text-transform:uppercase}.bauhaus-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center;padding:72px 0 48px}.bauhaus-hero h1{font:900 clamp(42px,7vw,82px)/.92 Arial;margin:0;letter-spacing:-.08em;text-transform:uppercase}.bauhaus-hero h1 em{font-style:normal;color:var(--red)}.bauhaus-hero p{font-size:20px;max-width:500px}.bauhaus-shape{min-height:280px;background:var(--blue);border:4px solid var(--ink);position:relative;box-shadow:14px 14px 0 var(--ink)}.bauhaus-shape:before{content:'';position:absolute;width:150px;height:150px;border-radius:50%;background:var(--red);border:4px solid var(--ink);right:22px;top:22px}.bauhaus-shape:after{content:'';position:absolute;width:110px;height:110px;background:var(--yellow);border:4px solid var(--ink);left:32px;bottom:25px;transform:rotate(45deg)}.bauhaus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bauhaus-card{background:#fffdf7;border:3px solid var(--ink);padding:22px;box-shadow:7px 7px 0 var(--blue)}.bauhaus-card h2{font:900 23px/1 Arial;margin:0 0 10px;text-transform:uppercase}.bauhaus-btn{display:inline-block;margin-top:12px;padding:13px 17px;background:var(--red);border:3px solid var(--ink);color:#fff;text-decoration:none;font-weight:900;box-shadow:4px 4px 0 var(--ink)}.bauhaus-btn.alt{background:var(--yellow);color:var(--ink)}.bauhaus-footer{border-top:3px solid var(--ink);margin-top:54px;padding-top:18px}.bauhaus-footer a{color:var(--blue);font-weight:700}@media(max-width:700px){.bauhaus-hero{grid-template-columns:1fr;padding-top:48px}.bauhaus-grid{grid-template-columns:1fr}.bauhaus-shape{min-height:220px}}

/* ---- Painel do bar: mesma linguagem Bauhaus da home, aplicada a uma pagina de trabalho ---- */
.bh-panel .w{width:100%;margin:0;padding:22px clamp(16px,3vw,48px) 70px;box-sizing:border-box}
.bh-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}
.bh-col{min-width:0}
@media(max-width:980px){.bh-columns{grid-template-columns:1fr}}
.bh-panel .logo{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.bh-panel .logo b{font:900 34px/1 Arial;letter-spacing:-.07em;text-transform:uppercase}
.bh-panel .logo i{width:38px;height:38px;border-radius:50%;background:var(--yellow);border:3px solid var(--ink);flex:none}
.bh-panel .c{background:#fffdf7;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--blue);padding:22px;margin:20px 0}
.bh-panel .c.accent{box-shadow:7px 7px 0 var(--red)}
.bh-panel h2{font:900 23px/1 Arial;margin:0 0 10px;text-transform:uppercase;letter-spacing:-.02em}
.bh-panel h3{font:900 16px/1 Arial;margin:20px 0 8px;text-transform:uppercase}
.bh-panel label{display:block;font:700 11px/1.4 monospace;letter-spacing:.12em;text-transform:uppercase;margin:12px 0 5px}
.bh-panel input,.bh-panel select,.bh-panel textarea{width:100%;padding:11px;border:3px solid var(--ink);border-radius:0;background:#fff;color:var(--ink);font:16px Arial,sans-serif}
.bh-panel input[type=file]{padding:8px;background:#fffdf7}
.bh-panel input[type=checkbox]{width:auto;accent-color:var(--red)}
.bh-panel button{padding:12px 16px;border:3px solid var(--ink);border-radius:0;background:var(--red);color:#fff;font:900 14px Arial;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;box-shadow:4px 4px 0 var(--ink)}
.bh-panel button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.bh-panel button.alt{background:var(--yellow);color:var(--ink)}
.bh-panel button.plain{background:#fffdf7;color:var(--ink)}
.bh-panel .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.bh-panel .item{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:2px solid var(--ink)}
.bh-panel .paid{border-left:9px solid var(--red);padding-left:12px}
.bh-panel .muted{color:#5f5a52}
.bh-panel .err{background:var(--red);color:#fff;border:3px solid var(--ink);padding:12px;font-weight:700;box-shadow:4px 4px 0 var(--ink)}
.bh-panel .grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.bh-panel a{color:var(--blue);font-weight:700}
@media(max-width:760px){.bh-panel .grid{grid-template-columns:1fr}}

/* ---- Login: cartao centralizado, sem parecer formulario administrativo generico ---- */
.bh-login{max-width:440px;margin:40px auto}
.bh-login-tag{text-align:center;color:#5f5a52;margin:-4px 0 16px;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.1em}
.bh-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:var(--ink);font-weight:900;text-transform:uppercase;padding:13px;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);text-decoration:none;margin-bottom:14px}
.bh-divider{display:flex;align-items:center;gap:10px;color:#8a8578;font:700 11px monospace;letter-spacing:.12em;text-transform:uppercase;margin:14px 0}
.bh-divider:before,.bh-divider:after{content:'';flex:1;height:1px;background:#d8d3ca}

/* ---- Cabecalho do painel: status da tela, fila, atalho para a TV ---- */
.bh-statusrow{margin-top:14px;gap:14px}
.bh-statusrow .pill{display:inline-flex;align-items:center;gap:8px;background:#fffdf7;border:1px solid #d8d3ca;border-radius:999px;padding:7px 13px;font-weight:700;font-size:13px}
.bh-statusrow .dot{width:9px;height:9px;border-radius:50%;background:#b7b1a3;flex:none}
.bh-statusrow .dot.on{background:#2fa84f}
.bh-statusrow a.alt{background:var(--yellow);color:var(--ink);border:1px solid var(--ink);border-radius:6px;padding:9px 14px;font-weight:800;text-decoration:none;font-size:13px}
.bh-sectiondivider{margin:30px 0 4px;padding-top:14px;border-top:2px solid #d8d3ca;font:800 13px/1 Arial;letter-spacing:.1em;text-transform:uppercase;color:#8a8578}

/* Modo discreto: Bauhaus presente nos detalhes, sem excesso de formas e sombras. */
body{background-image:none}
.bh-panel .logo b{font:800 28px/1.1 Arial;letter-spacing:-.03em;text-transform:none}
.bh-panel .c{border:1px solid #d8d3ca;box-shadow:0 3px 12px rgba(36,36,36,.08)}
.bh-panel h2{font:800 21px/1.15 Arial;letter-spacing:-.01em;text-transform:none}
.bh-panel button{border:1px solid var(--red);border-radius:6px;box-shadow:none;font-weight:700;text-transform:none}
.bh-panel button:active{transform:translateY(1px);box-shadow:none}