/* V21.08 — Painel da Empresa (MEL OS) e Área do cliente. Cores próprias e alto contraste em qualquer tema. */
.pe{--pn:#0F0E12;--pg:#1B1920;--pg2:#25222B;--pl:#3A3542;--po:#C9A24A;--pm:#E6C77A;--pi:#F5F0E6;--pt:#ECE6DA;--ps:#CFC5B3;color:var(--pt);font-family:'Jost','DM Sans','Century Gothic',Arial,sans-serif;display:grid;gap:16px;max-width:1180px}
.pe *{box-sizing:border-box}
.pe-blk{background:var(--pg);border:1px solid var(--pl);border-radius:18px;padding:18px;color:var(--pt);min-width:0}
.pe-blk h3{margin:0 0 12px;font:500 21px/1.2 'Bodoni Moda',Didot,Georgia,serif;color:var(--pi)}
.pe-blk h3 small{font:500 13px 'Jost',sans-serif;color:var(--ps)}
.pe-blk summary{cursor:pointer;font:500 19px 'Bodoni Moda',Georgia,serif;color:var(--pi)}
.pe-blk[open] summary{margin-bottom:12px}
.pe-h{margin:0;font:500 clamp(26px,5vw,38px)/1.1 'Bodoni Moda',Didot,Georgia,serif;color:var(--pi)}
.pe-k{margin:0;font:600 11px/1 'Jost',sans-serif;letter-spacing:.28em;text-transform:uppercase;color:var(--po)}
.pe-lead{margin:0;font-size:16px;line-height:1.6;color:var(--pt)}
.pe-mut{color:var(--ps);font-size:14px;margin:6px 0 0}
.pe-vz{color:var(--ps);margin:0}
.pe-av{margin:0;padding:12px 14px;border-radius:12px;background:#2a1f12;border:1px solid rgba(242,196,107,.55);color:var(--pi)}
.pe-av a{color:var(--pm)}
.pe-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}
.pe-top p{margin:0;color:var(--pt)}
.pe-volta a{color:var(--pm);text-decoration:none;font-weight:600}
.pe-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pe-acts form,.pe-top form{margin:0}
.pe-b{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:10px 15px;border-radius:10px;border:1px solid var(--pl);background:var(--pg2);color:var(--pi)!important;font:600 14px 'Jost',sans-serif;text-decoration:none;cursor:pointer}
.pe-b.ouro{background:var(--po);border-color:var(--po);color:#0F0E12!important}
.pe-b:focus-visible,.pe a:focus-visible,.pe input:focus-visible,.pe select:focus-visible,.pe textarea:focus-visible,.pe summary:focus-visible{outline:2px solid var(--pm);outline-offset:2px}
.pe-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px}
.pe-emp{display:grid;gap:10px;padding:16px;border-radius:16px;background:var(--pg);border:1px solid var(--pl);color:var(--pt)!important;text-decoration:none}
.pe-emp:hover{border-color:var(--po)}
.pe-emp small{font:600 11px 'Jost',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--po)}
.pe-emp h3{margin:2px 0 0;font:500 22px 'Bodoni Moda',Georgia,serif;color:var(--pi)}
.pe-emp p{margin:2px 0 0;color:var(--ps);font-size:14px}
.pe-emp-n{display:flex;flex-wrap:wrap;gap:6px}
.pe-emp-n span:not(.pe-tag){font-size:13px;color:var(--pt);background:var(--pg2);border-radius:8px;padding:5px 9px}
.pe-tag{display:inline-block;font:700 11.5px/1 'Jost',sans-serif;letter-spacing:.04em;padding:6px 10px;border-radius:999px;border:1px solid currentColor}
.pe-ok{color:#6FD39A}.pe-me{color:#F2C46B}.pe-cr{color:#F08A7E}.pe-sd{color:#CFC5B3}
.pe-gs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));gap:10px}
.pe-g{display:grid;justify-items:center;gap:4px;text-align:center;background:var(--pn);border:1px solid var(--pl);border-radius:14px;padding:12px 10px}
.pe-g svg{width:120px;height:70px}
.pe-g b{font:600 14px 'Jost',sans-serif;color:var(--pi)}
.pe-g small{font-size:12.5px;line-height:1.4;color:var(--ps)}
.pe-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:10px;margin-bottom:12px}
.pe-card{background:var(--pn);border:1px solid var(--pl);border-radius:12px;padding:12px;display:grid;gap:3px;min-width:0}
.pe-card small{font:600 11px 'Jost',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ps)}
.pe-card b{font:600 22px 'Jost',sans-serif;color:var(--pi);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pe-card span{font-size:12.5px;color:var(--ps)}
.pe-graf{background:var(--pn);border:1px solid var(--pl);border-radius:12px;padding:10px 12px;margin-top:10px}
.pe-graf p{margin:0 0 6px;font-size:13px;color:var(--ps)}
.pe-svg{width:100%;height:auto;display:block}
.pe-sug{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:12px;border-radius:12px;background:var(--pn);border:1px solid var(--pl);margin-top:8px}
.pe-sug>div:first-child{flex:1 1 320px;min-width:0}
.pe-sug b{display:block;margin-top:6px;color:var(--pi);font-size:16px}
.pe-sug p{margin:4px 0 0;color:var(--ps);font-size:14px}
.pe-tw{overflow-x:auto}
.pe-t{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.pe-t th,.pe-t td{text-align:left;padding:8px 10px 8px 0;border-bottom:1px solid var(--pl);color:var(--pt)}
.pe-t th{color:var(--ps);font-weight:600}
.pe-tl{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.pe-tl li{display:grid;grid-template-columns:78px 1fr;gap:10px;padding:10px 12px;border-radius:12px;background:var(--pn);border:1px solid var(--pl)}
.pe-tl time{font:600 12.5px 'Jost',sans-serif;color:var(--po)}
.pe-tl b{color:var(--pi)}.pe-tl p{margin:4px 0 0;color:var(--pt);font-size:14px}.pe-tl small{display:block;margin-top:4px;color:var(--ps);font-size:12.5px}
.pe-mini{display:flex;gap:6px;margin-top:6px}.pe-mini select{width:auto}
.pe-f{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;align-items:end}
.pe-f1{display:grid;gap:12px}
.pe-f label,.pe-f1 label{display:grid;gap:5px;font-size:13.5px;color:var(--ps);min-width:0}
.pe-f .pe-w{grid-column:1/-1}
.pe-f .pe-chk{display:flex;align-items:center;gap:8px;color:var(--pt)}
.pe-f .pe-chk input{width:18px;height:18px;accent-color:var(--po)}
.pe input,.pe select,.pe textarea,.pt-login input{font:500 15px 'Jost',sans-serif;color:var(--pi);background:var(--pn);border:1px solid var(--pl);border-radius:10px;padding:10px 12px;width:100%;min-width:0}
.pe input::placeholder,.pe textarea::placeholder{color:var(--ps);opacity:1}
.pe-hero{background:linear-gradient(160deg,#2a2213,#17151b 70%);border-color:rgba(201,162,74,.6)}
.pe-hero h2{margin:8px 0 10px;font:500 clamp(24px,4.5vw,32px)/1.15 'Bodoni Moda',Georgia,serif;color:var(--pi)}
.pe-foco{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:rgba(15,14,18,.6);color:var(--pi)}
.pe-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}
.pe-ler dl{margin:0;display:grid;gap:8px}.pe-ler dt{font-weight:600;color:var(--pi)}.pe-ler dd{margin:0 0 4px;color:var(--pt)}
/* Área do cliente */
.pt-pg{margin:0;background:#0F0E12;color:#ECE6DA;font-family:'Jost','Century Gothic',Arial,sans-serif;padding-inline:16px}
.pt-wrap{max-width:1100px;margin:0 auto;padding:18px 0 48px;display:grid;gap:18px}
.pt-wrap .pe{max-width:none}
.pt-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #3A3542}
.pt-top .pe-b{--pl:#3A3542;--pg2:#25222B;--pi:#F5F0E6}
.pt-marca{display:flex;align-items:center;gap:10px;color:#F5F0E6;text-decoration:none}
.pt-marca .ma-marca svg{width:40px;height:40px;display:block}
.pt-marca strong{display:block;font:500 20px 'Bodoni Moda',Georgia,serif;letter-spacing:.06em}.pt-marca strong i{font-style:normal;color:#C9A24A;margin-left:4px}
.pt-marca small{display:block;font:600 11px 'Jost',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#CFC5B3}
.pt-login{max-width:420px;width:100%;margin:6vh auto 0;background:#1B1920;border:1px solid #3A3542;border-radius:18px;padding:22px;--pn:#0F0E12;--pl:#3A3542;--pi:#F5F0E6;--po:#C9A24A;--ps:#CFC5B3}
.pt-login h1{margin:0 0 14px;font:500 30px 'Bodoni Moda',Georgia,serif;color:#F5F0E6}
.pt-login label{color:#CFC5B3}
.pt-login .pe-b{width:100%;justify-content:center;background:#C9A24A;border-color:#C9A24A;color:#0F0E12!important}
.pt-login .pe-mut{color:#CFC5B3}
.pt-erro{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#3a1714;border:1px solid #F08A7E;color:#FBE3DF}
.pt-sara{margin:0;padding:10px 14px;border-radius:12px;background:#2a1f12;border:1px solid rgba(242,196,107,.55);color:#F5F0E6}.pt-sara a{color:#E6C77A}
.pt-emp .pe-k{color:#C9A24A}.pt-emp .pe-h{color:#F5F0E6}.pt-emp .pe-mut{color:#CFC5B3}
.pt-pg .pe-blk h1.pe-h{margin-bottom:12px}
.pt-pg>.pt-wrap>.pe-blk{--pg:#1B1920;--pl:#3A3542;--pi:#F5F0E6;--pt:#ECE6DA;--ps:#CFC5B3;--po:#C9A24A;--pn:#0F0E12;background:#1B1920;border:1px solid #3A3542;border-radius:18px;padding:18px}
.pt-rod{color:#CFC5B3;font-size:13px;text-align:center;border-top:1px solid #3A3542;padding-top:14px}
@media(max-width:520px){.pe-tl li{grid-template-columns:1fr}.pe-blk{padding:14px}}
/* contraste fora dos blocos + campos sempre escuros, mesmo com o tema do MEL OS */
.pe>.pe-top{background:var(--pg);border:1px solid var(--pl);border-radius:16px;padding:12px 16px}
.pe-volta{margin:0}.pe-volta a{display:inline-block;background:#1B1920;border:1px solid #3A3542;padding:9px 13px;border-radius:10px;color:#E6C77A!important}
.pe .pe-f input,.pe .pe-f select,.pe .pe-f textarea,.pe .pe-mini select,.pt-login .pe-f1 input{background:#0F0E12!important;color:#F5F0E6!important;border:1px solid #3A3542!important;box-shadow:none!important}
.pe .pe-mini select{width:auto!important;min-height:36px;padding:6px 10px!important;font-size:13px!important}
.pe .pe-mini .pe-b{min-height:36px;padding:6px 12px}