:root{--hplc-blue:#123f5a;--hplc-blue-2:#1f6684;--hplc-cyan:#dff3f4;--hplc-ink:#17303e;--hplc-muted:#607580;--hplc-line:#d9e4e8;--hplc-bg:#f4f7f7;--hplc-green:#3f8d69}
*{box-sizing:border-box}.hplc-page{margin:0;background:var(--hplc-bg);color:var(--hplc-ink);font-family:"IBM Plex Sans",sans-serif}.hplc-nav{background:#fff;border-bottom:1px solid #e3eaec}.hplc-hero{background:linear-gradient(125deg,#0c354e,#165a73 70%,#277f8d);color:#fff;padding:64px 0 58px;overflow:hidden;position:relative}.hplc-hero:after{content:"HPLC";position:absolute;right:-20px;bottom:-52px;font:700 12rem/1 "IBM Plex Sans";color:rgba(255,255,255,.045);letter-spacing:-.08em}.hplc-hero-inner,.hplc-shell{width:min(1120px,calc(100% - 32px));margin:auto}.hplc-hero-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;position:relative;z-index:1}.hplc-kicker{display:block;font:500 .72rem/1.2 "IBM Plex Mono";letter-spacing:.16em;text-transform:uppercase;color:#9ee2df;margin-bottom:15px}.hplc-hero h1{font-size:clamp(2.6rem,6vw,5.2rem);line-height:.95;letter-spacing:-.055em;margin:0 0 18px}.hplc-hero p{font-size:1.08rem;line-height:1.65;max-width:680px;margin:0;color:#d8eaf0}.hplc-whatsapp{flex:0 0 auto;display:flex;align-items:center;gap:13px;color:#103a35;background:#a9e5c3;text-decoration:none;border-radius:13px;padding:13px 18px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.15)}.hplc-whatsapp>span:first-child{font-size:1.5rem}.hplc-whatsapp small{display:block;font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em}.hplc-shell{margin-top:-1px;padding-bottom:70px}.hplc-tabs{display:flex;background:#fff;border:1px solid var(--hplc-line);border-top:0;border-radius:0 0 15px 15px;padding:7px;gap:5px;position:sticky;top:0;z-index:10;box-shadow:0 9px 24px rgba(29,63,78,.06)}.hplc-tabs button{flex:1;border:0;border-radius:10px;background:transparent;padding:14px 12px;color:var(--hplc-muted);font:600 .92rem "IBM Plex Sans";cursor:pointer}.hplc-tabs button.active{background:var(--hplc-blue);color:#fff}.hplc-panel{margin-top:24px;background:#fff;border:1px solid var(--hplc-line);border-radius:18px;padding:clamp(20px,4vw,42px);box-shadow:0 14px 40px rgba(29,63,78,.055)}.hplc-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:25px;border-bottom:1px solid var(--hplc-line);margin-bottom:28px}.hplc-panel-heading>div{display:grid;grid-template-columns:auto 1fr;column-gap:14px}.hplc-step{grid-row:1/3;background:var(--hplc-cyan);color:var(--hplc-blue-2);width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font:600 .8rem "IBM Plex Mono"}.hplc-panel h2{margin:0;font-size:1.45rem;letter-spacing:-.025em}.hplc-panel-heading p{margin:5px 0 0;color:var(--hplc-muted)}.hplc-secure{font-size:.76rem;color:var(--hplc-green);border:1px solid #bfe0d0;background:#f1faf5;padding:7px 10px;border-radius:99px}.hplc-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hplc-form label,.hplc-manage-gate label{display:grid;gap:7px}.hplc-form label>span,.hplc-manage-gate label>span{font-size:.78rem;font-weight:700;color:#415964}.hplc-form input,.hplc-form textarea,.hplc-manage-gate input,.hplc-manage-card input,.hplc-manage-card select,.hplc-manage-card textarea{width:100%;border:1px solid #cddcdf;border-radius:9px;background:#fbfdfd;padding:12px 13px;font:inherit;color:var(--hplc-ink);outline:none}.hplc-form input:focus,.hplc-form textarea:focus,.hplc-manage-gate input:focus,.hplc-manage-card :is(input,select,textarea):focus{border-color:#3693a7;box-shadow:0 0 0 3px rgba(54,147,167,.13)}.hplc-form textarea{min-height:118px;resize:vertical}.hplc-form .wide{grid-column:1/-1}.hplc-form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.hplc-form-footer p{margin:0;color:#b24949}.hplc-primary,.hplc-secondary{border:0;border-radius:9px;padding:12px 17px;font:600 .88rem "IBM Plex Sans";cursor:pointer}.hplc-primary{background:var(--hplc-blue);color:#fff}.hplc-primary:disabled{opacity:.55;cursor:wait}.hplc-secondary{background:#edf3f5;color:var(--hplc-blue);margin-left:6px}.hplc-success{display:flex;gap:18px;align-items:flex-start;background:#eff9f3;border:1px solid #bde2cc;border-radius:13px;padding:22px}.hplc-success>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--hplc-green);color:#fff}.hplc-success h2{margin-bottom:5px}.hplc-success p{margin:0;color:#47675a}.hplc-calendar-toolbar{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:18px}.hplc-calendar-toolbar button{width:36px;height:36px;border:1px solid var(--hplc-line);background:#fff;border-radius:50%;cursor:pointer}.hplc-calendar-toolbar strong{text-transform:capitalize;min-width:180px;text-align:center}.hplc-calendar-week,.hplc-calendar{display:grid;grid-template-columns:repeat(7,1fr)}.hplc-calendar-week span{font:600 .67rem "IBM Plex Mono";color:#778b93;text-align:center;padding:8px}.hplc-day{min-height:112px;border:1px solid #e1e9eb;margin:-1px 0 0 -1px;padding:9px;background:#fff}.hplc-day.muted{background:#f7f9f9;color:#a4b0b5}.hplc-day.today .hplc-day-number{background:var(--hplc-blue);color:#fff}.hplc-day-number{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;font-size:.78rem;font-weight:600}.hplc-slot{display:block;margin-top:6px;border-radius:6px;background:#dff1f2;color:#17566a;padding:5px 6px;font-size:.7rem;line-height:1.2}.hplc-calendar-status{text-align:center;color:var(--hplc-muted);font-size:.82rem}.hplc-manage-gate{text-align:center;max-width:440px;margin:25px auto}.hplc-lock{display:grid;place-items:center;margin:0 auto 15px;width:56px;height:56px;border-radius:50%;background:var(--hplc-cyan);font-size:1.7rem}.hplc-manage-gate p{color:var(--hplc-muted)}.hplc-manage-gate form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px;text-align:left;margin-top:25px}.hplc-manager-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.hplc-manager-head p{margin:5px 0 0;color:var(--hplc-muted)}.hplc-filters{display:flex;gap:7px;overflow:auto;margin:22px 0}.hplc-filters button{border:1px solid var(--hplc-line);background:#fff;border-radius:99px;padding:8px 12px;white-space:nowrap;cursor:pointer}.hplc-filters button.active{background:var(--hplc-blue);color:#fff;border-color:var(--hplc-blue)}.hplc-request-list{display:grid;gap:13px}.hplc-manage-card{border:1px solid var(--hplc-line);border-radius:13px;padding:18px}.hplc-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.hplc-card-top h3{margin:0 0 5px}.hplc-card-top p{margin:0;color:var(--hplc-muted);font-size:.8rem}.hplc-status-pill{border-radius:99px;padding:6px 9px;font-size:.72rem;font-weight:700;background:#edf3f5}.hplc-status-pill.agendado{background:#def1f5;color:#166176}.hplc-status-pill.realizado{background:#fff1cc;color:#755b13}.hplc-status-pill.validado{background:#e1f3e7;color:#286446}.hplc-status-pill.cancelado{background:#f5e7e7;color:#854646}.hplc-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px;margin:17px 0}.hplc-card-grid div{font-size:.84rem}.hplc-card-grid small{display:block;color:var(--hplc-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.hplc-card-method{background:#f5f8f8;border-radius:8px;padding:11px;font-size:.83rem;white-space:pre-wrap}.hplc-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.hplc-card-actions textarea{grid-column:1/-1;min-height:70px}.hplc-file-line{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.8rem}.hplc-empty{text-align:center;color:var(--hplc-muted);padding:40px 15px}
@media(max-width:720px){.hplc-nav .b-sub,.hplc-nav .nav-links a:not(.current){display:none}.hplc-hero{padding:42px 0}.hplc-hero-inner{display:block}.hplc-whatsapp{margin-top:24px;width:max-content}.hplc-tabs{top:0}.hplc-panel{padding:20px 15px}.hplc-form{grid-template-columns:1fr}.hplc-form .wide{grid-column:auto}.hplc-panel-heading{display:block}.hplc-secure{display:inline-block;margin-top:13px}.hplc-form-footer{display:grid}.hplc-primary{width:100%}.hplc-day{min-height:70px;padding:4px}.hplc-day-number{width:23px;height:23px;font-size:.7rem}.hplc-slot{font-size:.61rem;padding:4px 3px}.hplc-manage-gate form{grid-template-columns:1fr}.hplc-manager-head{align-items:flex-start;display:block}.hplc-manager-head>div+div{margin-top:12px}.hplc-card-grid,.hplc-card-actions{grid-template-columns:1fr}.hplc-card-actions textarea,.hplc-file-line{grid-column:auto}}

.hplc-tabs .hplc-manage-tab{flex:0 0 auto;align-self:center;margin-left:8px;padding:9px 12px;color:#819198;font-size:.74rem;font-weight:500;border-left:1px solid var(--hplc-line);border-radius:0;background:transparent}
.hplc-tabs .hplc-manage-tab.active{color:var(--hplc-blue);background:#eef4f5;border-left-color:transparent;border-radius:8px}
.hplc-tabs .hplc-manage-tab span{margin-right:4px}
@media(max-width:720px){.hplc-nav .nav-agenda-menu a{display:block!important}.hplc-tabs .hplc-manage-tab{margin-left:2px;padding:8px;font-size:.68rem}.hplc-tabs .hplc-manage-tab span{display:none}}

.hplc-page [hidden],.hplc-success[hidden],.hplc-tabs button[hidden]{display:none!important}
.hplc-mini-feed{margin:26px 0 30px;padding:20px;border:1px solid var(--hplc-line);border-radius:14px;background:#f8fbfb}
.hplc-feed-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:14px}
.hplc-feed-head span{display:block;color:var(--hplc-blue-2);font:600 .65rem "IBM Plex Mono";letter-spacing:.09em;text-transform:uppercase;margin-bottom:4px}
.hplc-feed-head h3,.hplc-requests-heading h3{margin:0;font-size:1.05rem}
.hplc-feed-head small{color:var(--hplc-muted)}
.hplc-feed-composer{padding:13px;border:1px solid var(--hplc-line);border-radius:11px;background:#fff}
.hplc-feed-composer textarea{width:100%;min-height:78px;padding:10px;border:0;outline:0;resize:vertical;font:inherit;color:var(--hplc-ink)}
.hplc-feed-composer>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid #e6edef}
.hplc-feed-composer .hplc-primary{width:auto}
.hplc-feed-file input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.hplc-feed-file span{display:inline-block;padding:9px 11px;border-radius:8px;background:#edf3f5;color:var(--hplc-blue);font-size:.78rem;font-weight:600;cursor:pointer}
.hplc-feed-composer>p{min-height:18px;margin:7px 0 0;color:var(--hplc-muted);font-size:.75rem}
.hplc-feed-list{display:grid;gap:9px;margin-top:13px}
.hplc-feed-post{padding:13px;border:1px solid #dce6e8;border-radius:10px;background:#fff}
.hplc-feed-post header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.hplc-feed-post header strong{font-size:.84rem}.hplc-feed-post header time{color:var(--hplc-muted);font-size:.7rem}
.hplc-feed-post p{margin:0;white-space:pre-wrap;font-size:.84rem;line-height:1.5}
.hplc-feed-attachment{display:inline-flex;margin-top:9px;border:0;border-radius:7px;background:#eaf2f5;color:var(--hplc-blue);padding:8px 10px;font:600 .75rem "IBM Plex Sans";cursor:pointer}
.hplc-requests-heading{padding-top:3px}
.hplc-managed-identity{display:flex;align-items:center;padding:0 12px;border:1px solid var(--hplc-line);border-radius:9px;background:#f6f9fa;color:var(--hplc-muted);font-size:.76rem}.hplc-managed-identity strong{margin-left:4px;color:var(--hplc-ink)}
@media(max-width:720px){.hplc-mini-feed{padding:14px}.hplc-feed-head{align-items:flex-start;flex-direction:column}.hplc-feed-composer>div{align-items:stretch;flex-direction:column}.hplc-feed-file span{display:block;text-align:center}.hplc-feed-composer .hplc-primary{width:100%}}

/* V72 · Slot do calendário com quem marcou e a observação. */
.hplc-slot{display:block;margin-top:6px;border-radius:6px;background:#dff1f2;color:#17566a;padding:5px 6px;font-size:.7rem;line-height:1.25}
.hplc-slot b{display:block;font-weight:700}
.hplc-slot i{display:block;font-style:normal;font-weight:600;color:#1d6a80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hplc-slot em{display:block;margin-top:2px;font-style:normal;font-size:.64rem;line-height:1.3;color:#4a707c}
.hplc-card-actions input[data-field="schedule_note"]{grid-column:1/-1}
@media(max-width:720px){
  .hplc-slot em{display:none}
  .hplc-slot i{font-size:.6rem}
}

/* V74 · Card do gerenciamento: campos com rótulo, estado do calendário e
   filtros com contagem. Antes dava para preencher os horários, salvar, e
   nada acontecer — porque a etapa continuava "Solicitado". */
.hplc-cal-flag{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  margin:14px 0 0;padding:9px 11px;border-radius:9px;
  border:1px solid #E4D9C2;background:#FDFAF3;color:#8A6520;
  font-size:.76rem;font-weight:600;line-height:1.4;
}
.hplc-cal-flag b{font-weight:800}
.hplc-cal-flag.is-on{border-color:#BFDFC9;background:#F2FAF5;color:#2C6A47}

.hplc-campo{display:grid;gap:5px;min-width:0}
.hplc-campo>span{font-size:.72rem;font-weight:700;color:#41596a}
.hplc-campo>span small{font-weight:500;color:var(--hplc-muted)}
.hplc-campo.wide{grid-column:1/-1}

.hplc-card-botoes{grid-column:1/-1;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.hplc-card-botoes .hplc-primary{flex:0 0 auto}
.hplc-card-botoes .hplc-secondary{margin-left:0}

.hplc-managed-identity{align-self:end;padding-bottom:11px;font-size:.74rem;color:var(--hplc-muted)}

.hplc-filters button.is-vazio{opacity:.5}

@media(max-width:720px){
  .hplc-campo.wide{grid-column:auto}
  .hplc-card-botoes{grid-column:auto;display:grid}
  .hplc-card-botoes .hplc-primary,.hplc-card-botoes .hplc-secondary{width:100%}
}

/* V75 · Gerenciar HPLC: lista compacta em vez de tudo aberto ao mesmo tempo.
   Cada solicitação é um <details>: fechada mostra quem pediu, o protocolo, a
   etapa e se está no calendário; aberta mostra o pedido de um lado e o
   agendamento do outro. */
.hplc-manager-bar{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding-bottom:16px;border-bottom:1px solid var(--hplc-line);
}
.hplc-manager-bar p{margin:0;color:var(--hplc-muted);font-size:.84rem}
.hplc-manager-acoes{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hplc-manager-acoes .hplc-secondary{margin-left:0;text-decoration:none;display:inline-flex;align-items:center}

.hplc-subtabs{display:flex;gap:4px;margin:16px 0 4px;padding:4px;border-radius:11px;background:#EFF4F5;width:max-content;max-width:100%}
.hplc-subtabs button{border:0;border-radius:8px;background:transparent;padding:9px 15px;color:var(--hplc-muted);font:600 .82rem "IBM Plex Sans";cursor:pointer}
.hplc-subtabs button.active{background:#fff;color:var(--hplc-blue);box-shadow:0 1px 3px rgba(29,63,78,.12)}

.hplc-manage-card{border:1px solid var(--hplc-line);border-radius:12px;background:#fff;padding:0;overflow:hidden}
.hplc-manage-card+.hplc-manage-card{margin-top:9px}
.hplc-manage-card[open]{border-color:#c9dde2}

.hplc-card-resumo{display:flex;align-items:center;gap:11px;padding:13px 15px;cursor:pointer;list-style:none}
.hplc-card-resumo::-webkit-details-marker{display:none}
.hplc-card-resumo:hover{background:#FAFCFC}
.hplc-card-resumo-main{flex:1;min-width:0;display:grid;gap:2px}
.hplc-card-resumo-main strong{font-size:.92rem;line-height:1.25}
.hplc-card-resumo-main small{color:var(--hplc-muted);font-size:.71rem}
.hplc-card-chevron{flex:0 0 auto;width:7px;height:7px;border-right:1.7px solid #9BB0B8;border-bottom:1.7px solid #9BB0B8;transform:rotate(45deg);transition:transform .22s ease}
.hplc-manage-card[open] .hplc-card-chevron{transform:rotate(-135deg)}

.hplc-mini-flag{flex:0 0 auto;border-radius:999px;padding:3px 9px;font-size:.65rem;font-weight:700;
  background:#FBF3E4;color:#8A6520;white-space:nowrap}
.hplc-mini-flag.is-on{background:#EAF6EE;color:#2C6A47}

.hplc-card-corpo{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:0;
  border-top:1px solid #EDF2F3}
.hplc-card-pedido{padding:16px;border-right:1px solid #EDF2F3;background:#FBFDFD}
.hplc-card-acao{padding:16px}
.hplc-card-corpo h4{margin:0 0 12px;font-size:.68rem;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;color:#8199a3}

.hplc-card-corpo .hplc-card-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:0}
.hplc-card-corpo .hplc-card-grid div{font-size:.82rem;line-height:1.45}

.hplc-card-corpo .hplc-cal-flag{margin-top:0;margin-bottom:13px}
.hplc-card-corpo .hplc-card-actions{margin-top:0}
.hplc-card-corpo .hplc-file-line{margin-top:13px;padding-top:13px;border-top:1px solid #EDF2F3}
.hplc-card-autor{margin:11px 0 0;color:var(--hplc-muted);font-size:.72rem}
.hplc-card-autor strong{color:#41596a}

@media(max-width:900px){
  .hplc-card-corpo{grid-template-columns:1fr}
  .hplc-card-pedido{border-right:0;border-bottom:1px solid #EDF2F3}
}
@media(max-width:720px){
  .hplc-manager-bar{align-items:flex-start;flex-direction:column}
  .hplc-manager-acoes{width:100%}
  .hplc-manager-acoes .hplc-secondary{flex:1;justify-content:center}
  .hplc-subtabs{width:100%}
  .hplc-subtabs button{flex:1}
  .hplc-card-resumo{flex-wrap:wrap}
  .hplc-card-resumo-main{flex:1 1 100%}
}

/* V76 · Atalho para o gerenciamento, na agenda pública. */
.hplc-gestao-link{
  flex:0 0 auto;align-self:center;margin-left:0;
  text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap;
}

/* V77 · Marcar como realizada, aba de resultados e aviso da V70. */
.hplc-realizar-bloco{
  grid-column:1/-1;display:grid;gap:10px;margin-top:12px;padding:13px;
  border:1px solid #D9E6E9;border-radius:11px;background:#F8FBFC;
}
.hplc-realizar-bloco .hplc-primary{justify-self:start}
.hplc-card-botoes .hplc-realizar{border:1px solid #CFE0D6;background:#F1F9F4;color:#2C6A47}

.hplc-result-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:18px 0 13px}
.hplc-result-head h3{margin:0;font-size:1.02rem}
.hplc-result-head p{margin:3px 0 0;color:var(--hplc-muted);font-size:.8rem}
.hplc-result-list{display:grid;gap:10px}
.hplc-result-card{border:1px solid var(--hplc-line);border-radius:12px;background:#fff;padding:15px 16px}
.hplc-result-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.hplc-result-top strong{display:block;font-size:.94rem}
.hplc-result-top small{display:block;margin-top:2px;color:var(--hplc-muted);font-size:.74rem}
.hplc-result-obs{margin:11px 0 0;color:#546c78;font-size:.85rem;line-height:1.55;white-space:pre-wrap}
.hplc-result-card .hplc-secondary{margin:12px 0 0}

.hplc-feed-setup{
  margin:0 0 14px;padding:10px 12px;border-radius:9px;
  border:1px solid #E4D9C2;background:#FDFAF3;color:#8A6520;font-size:.78rem;line-height:1.45;
}

/* V78 · O seletor de arquivo agora diz o que foi escolhido. Antes o input
   era invisível e o rótulo nunca mudava: escolher o PDF não mudava nada na
   tela, e ficava idêntico a "não funcionou". */
.hplc-feed-file-wrap{display:inline-flex;align-items:center;gap:8px;min-width:0}
.hplc-feed-file span.is-set{background:#e6f2ea;color:#2C6A47;max-width:min(420px,52vw);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hplc-feed-file-clear{border:0;background:none;padding:4px 6px;border-radius:6px;
  color:#9aa9b0;font:inherit;font-size:.73rem;font-weight:700;cursor:pointer}
.hplc-feed-file-clear:hover{color:#b24949;background:#fdf0f0}
@media(max-width:720px){
  .hplc-feed-file-wrap{width:100%}
  .hplc-feed-file{flex:1;min-width:0}
  .hplc-feed-file span.is-set{max-width:100%}
}

/* V79 · Card do agendamento alinhado: Etapa, Início e Término dividem a
   linha em três, e o anexo deixa de ser o input cru do navegador. */
/* Etapa é um select curto; os datetime-local é que precisam de espaço.
   min-width:0 é obrigatório: sem ele o Chrome dá largura intrínseca ao
   datetime-local e ele estoura a coluna. */
.hplc-card-actions.is-trio{grid-template-columns:minmax(0,140px) minmax(0,1fr) minmax(0,1fr)}
.hplc-card-actions.is-trio .hplc-campo.wide{grid-column:1/-1}
.hplc-campo input,.hplc-campo select,.hplc-campo textarea{min-width:0;width:100%}
.hplc-manage-card .hplc-campo input[type="datetime-local"]{padding-left:10px;padding-right:6px}

.hplc-resultado-bloco{
  display:grid;gap:9px;margin-top:14px;padding:13px;
  border:1px solid #E4EBEE;border-radius:11px;background:#FBFDFD;
}
.hplc-resultado-titulo{font-size:.68rem;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;color:#8199a3}
.hplc-arquivo-vazio{color:var(--hplc-muted);font-size:.8rem}
.hplc-arquivo-atual{
  justify-self:start;border:1px solid #CFE0D6;border-radius:8px;background:#F1F9F4;
  padding:8px 11px;color:#2C6A47;font:600 .79rem "IBM Plex Sans";cursor:pointer;
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.hplc-arquivo-atual:hover{background:#E7F4EC}

.hplc-resultado-envio{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hplc-arquivo-botao{flex:1;min-width:0}
.hplc-arquivo-botao input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.hplc-arquivo-botao span{
  display:block;padding:9px 11px;border-radius:8px;background:#edf3f5;
  color:var(--hplc-blue);font-size:.78rem;font-weight:600;cursor:pointer;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.hplc-arquivo-botao span.is-set{background:#e6f2ea;color:#2C6A47}
.hplc-resultado-envio .hplc-secondary{margin-left:0;flex:0 0 auto}

@media(max-width:1240px){
  .hplc-card-actions.is-trio{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hplc-card-actions.is-trio .hplc-campo:first-child{grid-column:1/-1}
}
@media(max-width:720px){
  .hplc-card-actions.is-trio{grid-template-columns:1fr}
}

/* V80 · Trilha de etapas. Um passo por vez: cada etapa mostra só os campos
   e o botão daquele momento, em vez da fileira inteira de ações. */
.hplc-trilha{
  display:flex;align-items:center;gap:0;list-style:none;margin:0 0 14px;padding:0;
}
.hplc-trilha li{
  flex:1;min-width:0;display:flex;align-items:center;gap:7px;position:relative;
  padding-right:8px;color:#9BAEB6;font-size:.72rem;font-weight:600;
}
.hplc-trilha li b{
  flex:0 0 auto;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;
  border:1.5px solid #D6E1E5;background:#fff;font-size:.66rem;font-weight:800;
}
.hplc-trilha li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hplc-trilha li:not(:last-child)::after{
  content:"";position:absolute;right:2px;top:10px;width:4px;height:4px;border-radius:50%;background:#DDE6E9;
}
.hplc-trilha li.is-feito{color:#4E7F63}
.hplc-trilha li.is-feito b{border-color:#BFDFC9;background:#EAF6EE;color:#2C6A47}
.hplc-trilha li.is-atual{color:var(--hplc-blue-2)}
.hplc-trilha li.is-atual b{border-color:var(--hplc-blue);background:var(--hplc-blue);color:#fff}

.hplc-trilha.is-cancelada{
  display:grid;gap:3px;padding:10px 12px;border-radius:9px;
  border:1px solid #EBD3D3;background:#FDF5F5;color:#8B4A4A;font-size:.78rem;font-weight:700;
}
.hplc-trilha.is-cancelada small{font-weight:500;color:#9A6363;line-height:1.45}

.hplc-nota-solta{display:grid;gap:5px;margin-top:13px}

.hplc-cancelar{
  margin-left:auto;border:0;background:none;padding:8px 4px;border-radius:7px;
  color:#a8b8c1;font:inherit;font-size:.76rem;font-weight:700;cursor:pointer;
}
.hplc-cancelar:hover{color:#b24949;background:#fdf0f0}

.hplc-cancelar-bloco{
  display:grid;gap:10px;margin-top:12px;padding:13px;
  border:1px solid #EBD3D3;border-radius:11px;background:#FDF7F7;
}
.hplc-cancelar-bloco .hplc-primary{justify-self:start;background:#A44A4A}

@media(max-width:720px){
  .hplc-trilha{flex-wrap:wrap;gap:6px 10px}
  .hplc-trilha li{flex:0 0 auto}
  .hplc-cancelar{margin-left:0}
}

/* V81 · Aba Validadas: o resultado ainda pode ser corrigido. */
.hplc-result-arquivo{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
/* V83 substitui o card aberto por uma linha que expande. */
.hplc-result-excluir{
  border:0;background:none;padding:6px 8px;border-radius:7px;
  color:#a8b8c1;font:inherit;font-size:.74rem;font-weight:700;cursor:pointer;
}
.hplc-result-excluir:hover{color:#b24949;background:#fdf0f0}
.hplc-result-card .hplc-nota-solta{margin-top:13px}
.hplc-result-card .hplc-card-botoes{margin-top:13px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.hplc-result-card .hplc-secondary{margin-left:0}

/* V82 · O card da aba Validadas não é .hplc-manage-card, então os campos
   dele ficavam de fora da regra que estiliza input/select/textarea: o
   textarea aparecia com a fonte e a borda cruas do navegador. */
.hplc-result-card input,
.hplc-result-card select,
.hplc-result-card textarea{
  width:100%;
  border:1px solid #cddcdf;
  border-radius:9px;
  background:#fbfdfd;
  padding:12px 13px;
  font:inherit;
  color:var(--hplc-ink);
  outline:none;
  resize:vertical;
}
.hplc-result-card :is(input,select,textarea):focus{
  border-color:#3693a7;
  box-shadow:0 0 0 3px rgba(54,147,167,.13);
}

/* X para apagar um registro interno. */
.hplc-feed-post header{display:flex;align-items:center;gap:9px}
.hplc-feed-post header time{margin-right:auto}
.hplc-feed-excluir{
  flex:0 0 auto;border:0;background:none;padding:2px 7px;border-radius:6px;
  color:#b3c0c6;font-size:1.05rem;line-height:1;cursor:pointer;
  transition:color .16s ease,background .16s ease;
}
.hplc-feed-excluir:hover{color:#b24949;background:#fdf0f0}
.hplc-feed-excluir:disabled{opacity:.4;cursor:wait}

/* =====================================================================
   V83 · Aba Validadas em linha compacta
   O card abria com tudo exposto — arquivo, seletor, observação e botões —
   e ocupava meia tela por análise. Agora é uma linha; o resto abre no
   clique, como nas Solicitações.
   ===================================================================== */
.hplc-result-card{
  border:1px solid var(--hplc-line);border-radius:12px;background:#fff;
  padding:0;overflow:hidden;
}
.hplc-result-card+.hplc-result-card{margin-top:8px}
.hplc-result-card[open]{border-color:#c9dde2}

.hplc-result-resumo{
  display:flex;align-items:center;gap:10px;padding:11px 13px;cursor:pointer;list-style:none;
}
.hplc-result-resumo::-webkit-details-marker{display:none}
.hplc-result-resumo:hover{background:#FAFCFC}
.hplc-result-resumo-main{flex:1;min-width:0;display:grid;gap:1px}
.hplc-result-resumo-main strong{font-size:.9rem;line-height:1.25}
.hplc-result-resumo-main small{color:var(--hplc-muted);font-size:.71rem;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.hplc-result-corpo{
  display:grid;gap:11px;padding:13px;border-top:1px solid #EDF2F3;background:#FBFDFD;
}
.hplc-result-corpo .hplc-nota-solta{margin-top:0}
.hplc-result-corpo .hplc-card-botoes{margin-top:0;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.hplc-result-corpo .hplc-secondary{margin-left:0}
.hplc-result-corpo textarea{min-height:0}

@media(max-width:720px){
  .hplc-result-resumo{flex-wrap:wrap}
  .hplc-result-resumo-main{flex:1 1 100%}
}

/* =====================================================================
   V84 · Topo da página de HPLC
   Era uma faixa azul de 122px de altura com o título em até 5.2rem e um
   "HPLC" de 12rem marca-d'água atrás. Ocupava a primeira tela inteira só
   para dizer o nome do serviço. Agora acompanha o fundo claro do resto da
   página e cabe em pouco mais de um terço disso.
   ===================================================================== */
.hplc-hero{
  padding:34px 0 30px;
  background:#fff;
  border-bottom:1px solid var(--hplc-line);
  color:var(--hplc-ink);
}

.hplc-hero:after{content:none;}

.hplc-hero-inner{
  align-items:center;
  gap:26px;
}

.hplc-hero .hplc-kicker{
  margin-bottom:9px;
  color:#5C8A99;
  font-size:.66rem;
  letter-spacing:.14em;
}

.hplc-hero h1{
  margin:0 0 10px;
  color:#173F55;
  font-size:clamp(1.65rem,3vw,2.25rem);
  font-weight:650;
  line-height:1.1;
  letter-spacing:-.03em;
}

.hplc-hero p{
  max-width:600px;
  color:#63808C;
  font-size:.9rem;
  line-height:1.6;
}

/* O WhatsApp deixa de ser um bloco verde cheio e vira um botão de contorno. */
.hplc-hero .hplc-whatsapp{
  gap:10px;
  padding:10px 14px;
  border:1px solid #C3E4CF;
  border-radius:11px;
  background:#F4FBF6;
  color:#2C6A47;
  box-shadow:none;
  font-weight:700;
  transition:background .18s ease,border-color .18s ease;
}

.hplc-hero .hplc-whatsapp:hover{background:#EAF6EE;border-color:#A9D6BB;}
.hplc-hero .hplc-whatsapp>span:first-child{font-size:1rem;color:#4E9068;}
.hplc-hero .hplc-whatsapp small{color:#6C9A80;font-size:.6rem;}
.hplc-hero .hplc-whatsapp span:last-child{font-size:.85rem;}

@media(max-width:720px){
  .hplc-hero{padding:24px 0 22px;}
  .hplc-hero-inner{align-items:flex-start;}
  .hplc-hero .hplc-whatsapp{margin-top:16px;}
}