/* ============================================================
   legal-calc-embed.css
   Casca de artigo (decreto 1B): o card simples .prazo-inline--casca
   mostra os campos REAIS (realocados) da calculadora juridica, que
   roda OCULTA. O look base do card vem de css/prazo-inline.css; aqui
   so tratamos o motor oculto + o layout dos campos realocados.
   ============================================================ */

/* Motor real: presente e funcional, porém fora da tela. NÃO usar
   display:none (quebraria medições/render do calendário). */
.pi-engine {
    position: absolute !important;
    left: -99999px !important;
    top: 0 !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    pointer-events: none;
}

/* O rótulo de data próprio do card é redundante: os grupos realocados
   (data, localização, tribunal) já trazem seus próprios rótulos. */
.prazo-inline--casca .pi-date-label { display: none; }

/* Gatilhos de ajuda "?" não fazem sentido na casca (o modal vive no engine
   oculto e o texto é o da calculadora completa). O driver os remove; isto é
   fallback caso o JS ainda não tenha rodado. */
.prazo-inline--casca .legal-field-help-trigger { display: none !important; }

/* Link discreto para a calculadora completa, à direita da linha dos selos. */
.prazo-inline--casca .pi-badges {
    flex: 1 1 100%;
    align-items: center;
}
.prazo-inline--casca .pi-link-completa {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--primary-color, #0071e3);
    text-decoration: none;
    white-space: nowrap;
}
.prazo-inline--casca .pi-link-completa:hover { text-decoration: underline; }
.prazo-inline--casca .pi-link-completa i { font-size: 0.82em; }
@media (max-width: 560px) {
    .prazo-inline--casca .pi-link-completa { margin-left: 0; flex-basis: 100%; }
}

/* Layout dos campos realocados dentro do card. */
/* Data SOZINHA na 1a linha (rotulo longo); localizacao + tribunal lado a lado
   na 2a linha (rotulos curtos, inputs alinhados); botao na 3a linha. */
.prazo-inline--casca .pi-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 16px;
    align-items: start;
}
.prazo-inline--casca .pi-slot-date { grid-column: 1 / -1; }
.prazo-inline--casca .pi-slot-loc  { grid-column: 1 / 2; }
.prazo-inline--casca .pi-slot-trib { grid-column: 2 / 3; }
.prazo-inline--casca .pi-slot-date input[type="date"] { max-width: 240px; }
.prazo-inline--casca .pi-form .pi-slot { min-width: 0; }
.prazo-inline--casca .pi-form .pi-slot:empty { display: none; }
.prazo-inline--casca .pi-form .form-group {
    margin: 0;
    width: 100%;
}
.prazo-inline--casca .pi-form label {
    display: block;
    line-height: 1.3;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--secondary-color, #6e6e73);
    margin-bottom: 6px;
}
.prazo-inline--casca .pi-slot input[type="date"],
.prazo-inline--casca .pi-slot input[type="text"],
.prazo-inline--casca .pi-slot select {
    width: 100%;
    box-sizing: border-box;
}
.prazo-inline--casca .pi-btn {
    grid-column: 1 / -1;
    justify-self: start;
    align-self: end;
}

/* dica curta abaixo do form */
.prazo-inline--casca .pi-hint {
    font-size: 0.8rem;
    line-height: 1.4;
    color: var(--secondary-color, #6e6e73);
    margin: 2px 0 0;
}

/* O calendário multi-mês do motor, ao ser movido para .pi-mini-cal,
   herda os estilos rmc-* globais. Garante respiro. */
.prazo-inline--casca .pi-mini-cal #resultMultiCalendarCalc { width: 100%; }

/* Sugestões de cidade (autocomplete) posicionam-se sobre o wrap. */
.prazo-inline--casca .calc-location-input-wrap { position: relative; }

@media (max-width: 560px) {
    .prazo-inline--casca .pi-form { grid-template-columns: 1fr; }
    .prazo-inline--casca .pi-slot-date,
    .prazo-inline--casca .pi-slot-loc,
    .prazo-inline--casca .pi-slot-trib { grid-column: 1 / -1; }
}