/* Portal do cliente/fornecedor: janela própria, separada do SDP e do SDO. */
:root{--navy:#0A2A5B;--azul:#0B4EA2;--texto:#1F2937;--cinza:#6B7280;--borda:#DDE3EC;--fundo:#EEF2F8;--branco:#FFFFFF;--verde:#1E8E5A;--verde-bg:#E3F5EC;--amarelo-bg:#FFF4D6;--amarelo:#9A6700;--vermelho:#B42318;--vermelho-bg:#FDE8E8;}
*{box-sizing:border-box;}
body{margin:0;font-family:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;background:var(--fundo);color:var(--texto);font-size:14.5px;line-height:1.45;}
a{color:var(--azul);}
.p-carregando{padding:40px;text-align:center;color:var(--cinza);}
.p-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;}
.p-login-cartao{background:var(--branco);border-radius:16px;box-shadow:0 12px 40px rgba(10,42,91,.18);padding:34px 32px;width:100%;max-width:400px;border-top:5px solid var(--azul);}
.p-login-cartao h1{margin:12px 0 4px;font-size:21px;color:var(--navy);}
.p-login-cartao p{margin:0 0 18px;color:var(--cinza);font-size:13px;}
.p-logo{background:var(--navy);border-radius:10px;padding:10px 14px;display:inline-block;}
.p-logo img{height:36px;display:block;}
.p-campo{display:flex;flex-direction:column;gap:5px;margin-bottom:13px;min-width:0;}
.p-campo label{font-size:12.5px;font-weight:600;color:var(--navy);}
.p-campo input,.p-campo select,.p-campo textarea{font:inherit;padding:9px 11px;border:1px solid var(--borda);border-radius:8px;background:var(--branco);color:var(--texto);width:100%;min-width:0;}
.p-campo input:focus,.p-campo select:focus,.p-campo textarea:focus{outline:2px solid var(--azul);outline-offset:0;border-color:var(--azul);}
.p-campo .dica{font-size:11.5px;color:var(--cinza);}
.p-botao{font:inherit;font-weight:600;padding:9px 16px;border-radius:8px;border:1px solid var(--azul);background:var(--azul);color:#fff;cursor:pointer;text-decoration:none;display:inline-block;}
.p-botao:hover{filter:brightness(1.08);}
.p-botao.sec{background:var(--branco);color:var(--azul);}
.p-botao.perigo{background:var(--branco);color:var(--vermelho);border-color:var(--vermelho);}
.p-botao:disabled{opacity:.55;cursor:default;}
.p-erro{color:var(--vermelho);font-size:13px;margin:6px 0 0;min-height:18px;}
.p-topo{background:var(--navy);color:#fff;display:flex;align-items:center;gap:16px;padding:10px 22px;flex-wrap:wrap;}
.p-topo .p-logo{background:transparent;padding:0;}
.p-topo .empresa{flex:1;min-width:160px;}
.p-topo .empresa b{display:block;font-size:15.5px;}
.p-topo .empresa span{font-size:12px;opacity:.8;}
.p-topo .usuario{font-size:13px;opacity:.95;text-align:right;}
.p-nav{background:var(--branco);border-bottom:1px solid var(--borda);display:flex;gap:2px;padding:0 16px;overflow-x:auto;}
.p-nav button{font:inherit;background:none;border:none;border-bottom:3px solid transparent;padding:13px 15px;cursor:pointer;color:var(--cinza);font-weight:600;white-space:nowrap;}
.p-nav button.ativo{color:var(--navy);border-bottom-color:var(--azul);}
.p-nav .selo{background:var(--vermelho);color:#fff;border-radius:10px;padding:1px 7px;font-size:11px;margin-left:6px;}
main{max-width:1060px;margin:22px auto;padding:0 16px 60px;}
.p-cartao{background:var(--branco);border-radius:12px;box-shadow:0 1px 3px rgba(10,42,91,.1);padding:20px 22px;margin-bottom:18px;}
.p-cartao h2{margin:0 0 4px;font-size:17px;color:var(--navy);}
.p-cartao h3{margin:0 0 10px;font-size:15px;color:var(--navy);}
.p-sub{color:var(--cinza);font-size:13px;margin:0 0 14px;}
.p-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px 22px;}
.p-grade2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;}
@media(max-width:640px){.p-grade2{grid-template-columns:1fr;}}
.p-par span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--cinza);}
.p-par b{font-weight:600;}
.p-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px;}
.p-kpi{background:var(--branco);border-radius:12px;padding:14px 16px;box-shadow:0 1px 3px rgba(10,42,91,.1);border-left:4px solid var(--azul);}
.p-kpi b{display:block;font-size:26px;color:var(--navy);line-height:1.1;}
.p-kpi span{font-size:12.5px;color:var(--cinza);}
.p-kpi.alerta{border-left-color:var(--vermelho);}
.p-tabela-caixa{overflow-x:auto;}
table.p{width:100%;border-collapse:collapse;font-size:13.5px;}
table.p th{background:var(--navy);color:#fff;text-align:left;padding:9px 11px;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;}
table.p td{padding:9px 11px;border-bottom:1px solid var(--borda);vertical-align:top;}
table.p tr:nth-child(even) td{background:#F8FAFD;}
.p-dir{text-align:right;white-space:nowrap;}
.p-selo{display:inline-block;border-radius:10px;padding:2px 9px;font-size:11.5px;font-weight:600;background:#E8EDF5;color:var(--navy);}
.p-selo.ok{background:var(--verde-bg);color:var(--verde);}
.p-selo.atencao{background:var(--amarelo-bg);color:var(--amarelo);}
.p-selo.ruim{background:var(--vermelho-bg);color:var(--vermelho);}
.p-vazio{padding:26px;text-align:center;color:var(--cinza);}
.p-barra{height:8px;background:#E3E8F0;border-radius:6px;overflow:hidden;min-width:90px;}
.p-barra i{display:block;height:100%;background:var(--azul);}
.p-projeto{border:1px solid var(--borda);border-radius:10px;padding:14px 16px;margin-bottom:12px;}
.p-projeto h3{margin:0 0 6px;}
.p-linha{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.p-msgs{display:flex;flex-direction:column;gap:10px;max-height:460px;overflow-y:auto;padding:4px 2px 10px;}
.p-msg{max-width:78%;padding:9px 13px;border-radius:12px;background:#E8EDF5;white-space:pre-wrap;word-wrap:break-word;}
.p-msg.minha{align-self:flex-end;background:#D4E6FB;}
.p-msg small{display:block;color:var(--cinza);font-size:11.5px;margin-bottom:3px;}
.p-msg.nova{outline:2px solid var(--azul);}
.p-avisos{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:50;max-width:min(380px,92vw);}
.p-aviso{background:var(--navy);color:#fff;padding:11px 15px;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.25);font-size:13.5px;}
.p-aviso.err{background:var(--vermelho);}
.p-atividade li{padding:5px 0;border-bottom:1px dashed var(--borda);font-size:13px;list-style:none;}
.p-atividade{margin:0;padding:0;}
.p-assina{border:2px dashed #9DB0CC;border-radius:10px;background:#fff;touch-action:none;width:100%;max-width:520px;height:auto;display:block;cursor:crosshair;}
.p-assina-ok{border-color:var(--verde);}
.p-versao{border-left:3px solid var(--borda);padding:6px 0 6px 12px;margin:8px 0;}
.p-versao.atual{border-left-color:var(--azul);}
.p-painel{background:#F6F8FC;border:1px solid var(--borda);border-radius:10px;padding:14px 16px;margin-top:10px;}
.p-checagem{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;margin:10px 0;}
.p-checagem input{margin-top:3px;width:auto;}
details.p-detalhe summary{cursor:pointer;color:var(--azul);font-weight:600;}