/* ========================================================================== 
   DigitalCartórios - Design System de Consultas
   Uma camada única para cabeçalho, etapas, formulários, resultados e alertas.
   ========================================================================== */

:root {
    --consult-max: 1240px;
    --consult-result-max: 1240px;
    --consult-radius: 22px;
    --consult-radius-sm: 16px;
    --consult-shadow: 0 20px 54px rgba(15, 23, 42, .10), 0 3px 10px rgba(15, 23, 42, .035);
    --consult-shadow-soft: 0 12px 34px rgba(15, 23, 42, .075);
}

/* Navegação global mais visível e próxima das extremidades úteis da página */
.page-navigation-bar {
    width: calc(100% + 20px);
    margin: -10px -10px 18px;
    min-height: 52px;
}
.page-back-button,
.page-home-link {
    min-height: 50px;
    padding: 0 18px;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 800;
    box-shadow: 0 9px 24px rgba(15, 23, 42, .10);
}
.page-back-button {
    border-color: color-mix(in srgb, var(--primary) 18%, var(--line));
    background: var(--surface);
}
.page-home-link {
    color: #fff;
    border-color: var(--primary);
    background: linear-gradient(135deg, color-mix(in srgb,var(--primary) 88%,#fff), var(--primary));
    box-shadow: 0 10px 25px color-mix(in srgb,var(--primary) 24%,transparent);
}
.page-home-link:hover {
    color: #fff;
    background: var(--primary-dark, var(--primary));
    border-color: var(--primary-dark, var(--primary));
}
.page-back-button svg,
.page-home-link svg { width: 20px; height: 20px; }

/* Cabeçalho público das consultas */
.consult-ds-header {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 96px;
    align-items: center;
    gap: 30px;
    max-width: var(--consult-result-max);
    min-height: 184px;
    margin: 0 auto 20px;
    padding: 28px 32px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--primary) 13%, var(--line));
    border-radius: 22px;
    background:
        radial-gradient(circle at 88% 20%, color-mix(in srgb,var(--primary) 12%,transparent) 0 10%, transparent 33%),
        linear-gradient(135deg, color-mix(in srgb,var(--primary) 4.5%,var(--surface)), var(--surface) 62%);
    box-shadow: 0 14px 38px rgba(15,23,42,.06);
}
.consult-ds-header::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    right: -82px;
    bottom: -140px;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb,var(--primary) 12%,transparent);
    pointer-events: none;
}
.consult-ds-header-copy { min-width: 0; position: relative; z-index: 1; }
.consult-ds-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    color: var(--primary);
    font-size: 12.5px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .075em;
}
.consult-ds-kicker svg { width: 17px; height: 17px; }
.consult-ds-header h1 {
    margin: 0;
    max-width: 860px;
    color: var(--text);
    font-family: Manrope, Inter, sans-serif;
    font-size: clamp(34px, 4vw, 48px);
    line-height: 1.07;
    letter-spacing: -.045em;
}
.consult-ds-header p {
    max-width: 840px;
    margin: 9px 0 0;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.6;
}
.consult-ds-benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 18px;
    margin-top: 17px;
}
.consult-ds-benefits span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: color-mix(in srgb,var(--text) 72%,var(--muted));
    font-size: 13px;
    font-weight: 700;
}
.consult-ds-benefits svg { width: 16px; height: 16px; color: var(--primary); }
.consult-ds-header-icon {
    position: relative;
    z-index: 1;
    width: 86px;
    height: 86px;
    display: grid;
    place-items: center;
    justify-self: end;
    border-radius: 24px;
    border: 1px solid color-mix(in srgb, currentColor 20%, var(--line));
    box-shadow: 0 16px 38px color-mix(in srgb,currentColor 11%,transparent), inset 0 0 0 1px color-mix(in srgb,currentColor 6%,transparent);
}
.consult-ds-header-icon svg { width: 38px; height: 38px; stroke-width: 1.9; }

/* Guia de etapas */
.consult-ds-stepper {
    display: grid;
    grid-template-columns: minmax(0,1fr) 26px minmax(0,1fr) 26px minmax(0,1fr);
    align-items: center;
    gap: 14px;
    max-width: var(--consult-result-max);
    margin: 0 auto 24px;
    padding: 15px 20px;
    border: 1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius: 18px;
    background: var(--surface);
    box-shadow: var(--consult-shadow-soft);
}
.consult-ds-step {
    display: grid;
    grid-template-columns: 48px minmax(0,1fr);
    gap: 13px;
    align-items: center;
    min-height: 66px;
}
.consult-ds-step b {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg, color-mix(in srgb,var(--primary) 82%,#fff), var(--primary));
    box-shadow: 0 9px 22px color-mix(in srgb,var(--primary) 24%,transparent);
    font-size: 17px;
}
.consult-ds-step span { display: grid; gap: 3px; min-width: 0; }
.consult-ds-step strong { color: var(--text); font-size: 15px; line-height: 1.3; }
.consult-ds-step small { color: var(--muted); font-size: 12.5px; line-height: 1.4; }
.consult-ds-step-arrow { width: 19px; height: 19px; color: color-mix(in srgb,var(--primary) 38%,var(--muted-2)); }

/* Card de entrada: uma linguagem comum para todas as consultas */
.title-query-shell-centered,
.consultation-generic-shell,
.nfe-query-shell,
.response-access-shell {
    width: min(100%, var(--consult-max));
    margin-left: auto;
    margin-right: auto;
}
.title-query-shell-centered .title-access-card,
.consultation-generic-shell .consultation-main-card,
.nfe-query-card.consultation-main-card,
.response-access-card.consultation-main-card {
    width: 100%;
    max-width: none;
    padding: 36px 38px 32px;
    border: 1px solid color-mix(in srgb,var(--primary) 15%,var(--line));
    border-radius: var(--consult-radius);
    background: var(--surface);
    box-shadow: var(--consult-shadow);
}
.consultation-card-heading {
    grid-template-columns: 82px minmax(0,1fr);
    gap: 20px;
    margin-bottom: 24px;
}
.consultation-card-heading .query-icon {
    width: 82px;
    height: 82px;
    border-radius: 22px;
    box-shadow: 0 14px 32px color-mix(in srgb,currentColor 12%,transparent);
}
.consultation-card-heading .query-icon svg { width: 36px; height: 36px; stroke-width: 1.95; }
.consultation-card-heading h2 { font-size: 29px; }
.consultation-card-heading p { font-size: 16px; }
.title-access-tab,
.nfe-mode-option {
    min-height: 94px;
    border-radius: 16px;
    padding: 18px 20px;
}
.title-access-tab strong,
.nfe-mode-option strong { font-size: 16px; }
.title-access-tab small,
.nfe-mode-option small { font-size: 13.5px; }
.title-mode-copy { font-size: 15px !important; }
.title-query-shell-centered .field > span,
.consultation-generic-shell .field > span,
.nfe-query-card .field > span,
.response-access-card .field > span { font-size: 14.5px; }
.title-query-shell-centered .field input,
.title-query-shell-centered .field select,
.title-query-shell-centered .input-icon,
.consultation-generic-shell .field input,
.consultation-generic-shell .field select,
.consultation-generic-shell .input-icon,
.nfe-query-card .field input,
.nfe-query-card .field select,
.nfe-query-card .input-icon,
.response-access-card .field input,
.response-access-card .input-icon {
    min-height: 58px;
    height: 58px;
    border-radius: 14px;
    font-size: 16px;
}
.title-query-shell-centered .query-form > .btn-primary,
.consultation-generic-shell .query-form > .btn-primary,
.nfe-query-card .nfe-submit,
.response-access-card .query-form > .btn-primary {
    min-height: 58px;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 850;
    box-shadow: 0 13px 28px color-mix(in srgb,var(--primary) 22%,transparent);
}

/* Resultados: fundo branco, hierarquia simples e menos caixas */
.title-query-shell-result-only { width: min(100%, var(--consult-result-max)); }
.title-focused-toolbar,
.consult-ds-result-toolbar,
.response-history-head.consult-ds-result-toolbar {
    max-width: var(--consult-result-max);
    margin-left: auto;
    margin-right: auto;
    padding: 17px 20px;
    border: 1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius: 17px;
    background: var(--surface);
    box-shadow: var(--consult-shadow-soft);
}
.title-focused-toolbar {
    grid-template-columns: minmax(0,1fr) auto;
}
.title-focused-toolbar-title span { font-size: 12px; letter-spacing: .08em; }
.title-focused-toolbar-title strong { font-size: 18px; }

.title-result-focused {
    width: 100%;
    padding: 36px;
    border-radius: 24px;
    border: 1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
    background: var(--surface);
    box-shadow: var(--consult-shadow);
}
.title-result-focused .title-result-hero {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 20px;
    align-items: start;
    padding: 4px 0 24px;
    border-bottom: 1px solid var(--line);
    background: transparent;
    box-shadow: none;
}
.title-result-focused .title-result-hero > div > span {
    color: var(--muted);
    font-size: 14px;
    font-weight: 700;
}
.title-result-focused .title-result-hero h3 {
    margin-top: 6px;
    font-size: clamp(42px,5vw,54px);
    line-height: 1.04;
    letter-spacing: -.04em;
}
.title-result-focused .title-result-hero small { margin-top: 8px; font-size: 15px; }
.title-result-focused .title-stage-badge {
    max-width: 260px;
    padding: 13px 18px !important;
    border-radius: 999px;
    font-size: 14px !important;
    line-height: 1.35;
    text-align: center;
}
.title-result-focused .title-simple-status-card {
    grid-template-columns: 62px minmax(0,1fr);
    gap: 16px;
    margin: 22px 0 14px;
    padding: 20px;
    border-radius: 17px;
}
.title-result-focused .title-simple-status-icon { width: 62px; height: 62px; border-radius: 17px; }
.title-result-focused .title-simple-status-icon svg { width: 28px; height: 28px; }
.title-result-focused .title-simple-status-card span,
.title-result-focused .title-action-card > div:first-child > span { font-size: 12.5px; }
.title-result-focused .title-simple-status-card strong { font-size: 22px; line-height: 1.42; }
.title-result-focused .title-action-card {
    padding: 19px 20px;
    border-radius: 17px;
    background: var(--surface);
}
.title-result-focused .title-action-card strong { font-size: 18px; line-height: 1.5; }
.title-action-card.action-success {
    border-color: color-mix(in srgb,#10b981 34%,var(--line));
    background: color-mix(in srgb,#10b981 5%,var(--surface));
}
.title-action-card.action-warning {
    border-color: color-mix(in srgb,#f59e0b 38%,var(--line));
    background: color-mix(in srgb,#f59e0b 6%,var(--surface));
}
.title-action-card.action-danger {
    border-color: color-mix(in srgb,#ef4444 38%,var(--line));
    background: color-mix(in srgb,#ef4444 5%,var(--surface));
}
.title-progress-steps.title-progress-steps-6 { grid-template-columns: repeat(6,minmax(0,1fr)); }
.title-progress-steps.title-progress-steps-5 { grid-template-columns: repeat(5,minmax(0,1fr)); }
.title-progress-steps.title-progress-steps-4 { grid-template-columns: repeat(4,minmax(0,1fr)); }
.title-progress-steps.title-progress-steps-dynamic { grid-template-columns: repeat(var(--step-count, 3),minmax(0,1fr)); }
.title-result-focused .title-progress-step {
    min-height: 84px;
    padding: 13px 10px;
    border-radius: 15px;
}
.title-result-focused .title-progress-step > svg { width: 18px; height: 18px; }
.title-result-focused .title-progress-step > span { font-size: 12.5px; }
.title-result-focused .title-result-section {
    padding: 21px 0;
    border-top: 1px solid var(--line);
    background: transparent;
}
.title-result-focused .title-result-section-head strong { font-size: 19px; }
.title-result-focused .title-result-section-head span { font-size: 14px; }
.title-result-focused .detail-box span,
.title-result-focused .title-info-grid span,
.title-result-focused .title-values-grid span { font-size: 12.5px; }
.title-result-focused .detail-box strong,
.title-result-focused .title-info-grid strong { font-size: 16px; }
.title-result-focused .title-values-grid strong { font-size: 17px; }
.title-result-focused .title-current-movement-head strong { font-size: 16px; }
.title-result-focused .title-current-movement-head time { font-size: 13px; }
.title-result-focused .title-current-movement-card > p,
.title-result-focused .title-movement-note > p,
.title-result-focused .title-movement-return > div { font-size: 14.5px; line-height: 1.7; }
.title-result-focused .title-history-master { border-radius: 17px; }

/* NFS-e e respostas usam o mesmo peso visual */
.nfe-result-page,
.response-history-grid { max-width: var(--consult-result-max); }
.consult-ds-result-hero,
.nfe-info-card,
.nfe-result-footer,
.response-item.result-card {
    border-radius: 18px;
    background: var(--surface);
    box-shadow: var(--consult-shadow-soft);
}
.nfe-result-main h1 { font-size: clamp(32px,4vw,42px); }
.nfe-data-list dt { font-size: 12px; }
.nfe-data-list dd { font-size: 15px; }
.response-history-head h2 { font-size: 28px; }
.response-history-head p { font-size: 15px; }
.response-item .result-head h3 { font-size: 20px; }
.response-item .detail-box strong { font-size: 15px; }
.response-item .response-message-block p { font-size: 15px; }

/* Resultado genérico renderizado pelo JS */
.consultation-generic-shell .consultation-result-slot { margin-top: 24px; }
.consultation-generic-shell .consultation-result-slot .result-card {
    padding: 32px;
    border-radius: 22px;
    background: var(--surface);
    box-shadow: var(--consult-shadow);
}
.consultation-generic-shell .consultation-result-slot .result-head h3 { font-size: 30px; }
.consultation-generic-shell .consultation-result-slot .detail-box strong { font-size: 15px; }
.consultation-generic-shell .consultation-result-slot .stage strong { font-size: 15px; }
.consultation-generic-shell .consultation-result-slot .stage small { font-size: 13px; }

html[data-theme="dark"] .consult-ds-header,
html[data-theme="dark"] .consult-ds-stepper,
html[data-theme="dark"] .title-result-focused,
html[data-theme="dark"] .title-focused-toolbar,
html[data-theme="dark"] .consult-ds-result-toolbar {
    background: var(--surface);
}

@media (max-width: 980px) {
    .page-navigation-bar { width: 100%; margin: -6px 0 16px; }
    .consult-ds-header { grid-template-columns: minmax(0,1fr) 78px; min-height: 164px; padding: 24px; gap: 20px; }
    .consult-ds-header-icon { width: 74px; height: 74px; border-radius: 20px; }
    .consult-ds-header-icon svg { width: 32px; height: 32px; }
    .consult-ds-stepper { grid-template-columns: 1fr; gap: 0; padding: 10px 18px; }
    .consult-ds-step { min-height: 62px; padding: 8px 0; border-top: 1px solid var(--line); }
    .consult-ds-step:first-child { border-top: 0; }
    .consult-ds-step-arrow { display: none; }
    .title-query-shell-centered .title-access-card,
    .consultation-generic-shell .consultation-main-card,
    .nfe-query-card.consultation-main-card,
    .response-access-card.consultation-main-card { padding: 28px 26px; }
}

@media (max-width: 700px) {
    .page-back-button,
    .page-home-link { min-height: 46px; padding: 0 14px; font-size: 14px; }
    .consult-ds-header { grid-template-columns: 1fr; padding: 22px 18px; min-height: auto; }
    .consult-ds-header h1 { font-size: 32px; }
    .consult-ds-header p { font-size: 15px; }
    .consult-ds-header-icon { position: absolute; top: 18px; right: 18px; width: 54px; height: 54px; border-radius: 15px; opacity: .18; }
    .consult-ds-header-icon svg { width: 25px; height: 25px; }
    .consult-ds-benefits { padding-right: 0; gap: 9px 13px; }
    .consult-ds-benefits span { font-size: 12px; }
    .consult-ds-step { grid-template-columns: 42px minmax(0,1fr); gap: 11px; }
    .consult-ds-step b { width: 42px; height: 42px; font-size: 15px; }
    .consult-ds-step strong { font-size: 14px; }
    .consult-ds-step small { font-size: 12px; }
    .title-query-shell-centered .title-access-card,
    .consultation-generic-shell .consultation-main-card,
    .nfe-query-card.consultation-main-card,
    .response-access-card.consultation-main-card { padding: 21px 17px; border-radius: 18px; }
    .consultation-card-heading { grid-template-columns: 60px minmax(0,1fr); gap: 14px; }
    .consultation-card-heading .query-icon { width: 60px; height: 60px; border-radius: 17px; }
    .consultation-card-heading .query-icon svg { width: 28px; height: 28px; }
    .consultation-card-heading h2 { font-size: 23px; }
    .title-access-tabs,
    .nfe-mode-switch { grid-template-columns: 1fr; }
    .title-focused-toolbar { grid-template-columns: 1fr; }
    .title-focused-toolbar .btn { width: 100%; }
    .title-result-focused { padding: 22px 18px; border-radius: 19px; }
    .title-result-focused .title-result-hero { grid-template-columns: 1fr; }
    .title-result-focused .title-result-hero h3 { font-size: 38px; }
    .title-result-focused .title-stage-badge { width: fit-content; max-width: 100%; }
    .title-result-focused .title-simple-status-card { grid-template-columns: 50px minmax(0,1fr); padding: 16px; }
    .title-result-focused .title-simple-status-icon { width: 50px; height: 50px; border-radius: 14px; }
    .title-result-focused .title-simple-status-card strong { font-size: 18px; }
    .title-result-focused .title-action-card { align-items: flex-start; flex-direction: column; }
    .title-result-focused .title-progress-steps.title-progress-steps-6,
    .title-result-focused .title-progress-steps.title-progress-steps-5,
    .title-result-focused .title-progress-steps.title-progress-steps-4,
    .title-result-focused .title-progress-steps.title-progress-steps-dynamic { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .consultation-generic-shell .consultation-result-slot .result-card { padding: 22px 18px; }
}

/* Blocos de linguagem simples para resultados genéricos */
.consult-ds-generic-result .result-head small {
    display:block;
    margin-top:7px;
    color:var(--muted);
    font-size:14px;
}
.consult-ds-simple-result,
.consult-ds-next-action {
    display:grid;
    grid-template-columns:56px minmax(0,1fr);
    gap:14px;
    align-items:center;
    margin-top:18px;
    padding:18px;
    border-radius:16px;
    border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));
    background:color-mix(in srgb,var(--primary) 5%,var(--surface));
}
.consult-ds-simple-icon {
    width:56px;
    height:56px;
    display:grid;
    place-items:center;
    border-radius:15px;
    color:var(--primary);
    background:color-mix(in srgb,var(--primary) 10%,var(--surface));
}
.consult-ds-simple-icon svg { width:25px; height:25px; }
.consult-ds-simple-result > div,
.consult-ds-next-action > div { display:grid; gap:4px; }
.consult-ds-simple-result small,
.consult-ds-next-action small {
    color:var(--primary);
    font-size:12px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.055em;
}
.consult-ds-simple-result strong,
.consult-ds-next-action strong { font-size:18px; line-height:1.5; }
.consult-ds-next-action {
    grid-template-columns:minmax(0,1fr) 32px;
    border-color:color-mix(in srgb,#10b981 32%,var(--line));
    background:color-mix(in srgb,#10b981 5%,var(--surface));
}
.consult-ds-next-action > svg { width:27px; height:27px; color:#059669; }
.consult-ds-generic-result .stage-list { margin-top:20px; }

@media (max-width:700px) {
    .consult-ds-simple-result { grid-template-columns:46px minmax(0,1fr); padding:15px; }
    .consult-ds-simple-icon { width:46px; height:46px; border-radius:13px; }
    .consult-ds-simple-result strong,
    .consult-ds-next-action strong { font-size:16px; }
}

/* ========================================================================== */
/* Consulta de Títulos - Nota Devolutiva em modal + impressão oficial        */
/* ========================================================================== */
.devolutiva-callout {
    display: grid;
    grid-template-columns: 58px minmax(0,1fr) auto;
    gap: 16px;
    align-items: center;
    margin: 16px 0;
    padding: 18px 20px;
    border: 1px solid color-mix(in srgb,#ef4444 30%,var(--line));
    border-radius: 17px;
    background: color-mix(in srgb,#ef4444 4%,var(--surface));
}
.devolutiva-callout-icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: #dc2626;
    background: color-mix(in srgb,#ef4444 10%,var(--surface));
}
.devolutiva-callout-icon svg { width: 27px; height: 27px; }
.devolutiva-callout-copy { display: grid; gap: 3px; }
.devolutiva-callout-copy > span {
    color: #dc2626;
    font-size: 12px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.devolutiva-callout-copy > strong { color: var(--text); font-size: 17px; line-height: 1.4; }
.devolutiva-callout-copy > small { color: var(--muted); font-size: 13px; line-height: 1.45; }
.devolutiva-open-btn {
    color: #fff;
    border-color: #dc2626;
    background: linear-gradient(135deg,#ef4444,#dc2626);
    box-shadow: 0 10px 24px rgba(220,38,38,.20);
    white-space: nowrap;
}
.devolutiva-open-btn:hover { color: #fff; transform: translateY(-1px); box-shadow: 0 14px 28px rgba(220,38,38,.24); }
.title-movement-return-link > div { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.title-movement-return-link p { margin: 0; color: var(--text); font-size: 14px; line-height: 1.55; }
.title-movement-return-link .btn { flex: 0 0 auto; }

body.devolutiva-modal-open { overflow: hidden; }
.devolutiva-modal[hidden] { display: none !important; }
.devolutiva-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: grid;
    place-items: center;
    padding: 22px;
    opacity: 0;
    transition: opacity .16s ease;
}
.devolutiva-modal.is-open { opacity: 1; }
.devolutiva-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(8,15,30,.66);
    backdrop-filter: blur(7px);
}
.devolutiva-modal-panel {
    position: relative;
    z-index: 1;
    width: min(100%, 1040px);
    max-height: calc(100vh - 44px);
    display: grid;
    grid-template-rows: auto minmax(0,1fr) auto;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 22px;
    background: #fff;
    color: #111827;
    box-shadow: 0 28px 90px rgba(2,6,23,.28);
    transform: translateY(10px) scale(.992);
    transition: transform .16s ease;
}
.devolutiva-modal.is-open .devolutiva-modal-panel { transform: translateY(0) scale(1); }
.devolutiva-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px;
    border-bottom: 1px solid #fecaca;
    background: linear-gradient(135deg,#fff7f7,#fff 68%);
}
.devolutiva-modal-title { display: flex; align-items: center; gap: 12px; }
.devolutiva-modal-title-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: #dc2626;
    background: #fee2e2;
}
.devolutiva-modal-title-icon svg { width: 23px; height: 23px; }
.devolutiva-modal-title > div { display: grid; gap: 2px; }
.devolutiva-modal-title span { color: #b91c1c; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.devolutiva-modal-title h2 { margin: 0; color: #111827; font-family: Manrope,Inter,sans-serif; font-size: 24px; line-height: 1.2; }
.devolutiva-modal-close {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    color: #475569;
    cursor: pointer;
}
.devolutiva-modal-close:hover { color: #dc2626; border-color: #fecaca; background: #fff7f7; }
.devolutiva-modal-close svg { width: 20px; height: 20px; }
.devolutiva-modal-body { overflow: auto; padding: 20px; background: #f8fafc; }
.devolutiva-alert {
    display: grid;
    grid-template-columns: 36px minmax(0,1fr);
    gap: 11px;
    align-items: start;
    margin-bottom: 16px;
    padding: 14px 16px;
    border: 1px solid #fecaca;
    border-radius: 14px;
    background: #fff1f2;
    color: #7f1d1d;
}
.devolutiva-alert > svg { width: 23px; height: 23px; margin-top: 1px; }
.devolutiva-alert > div { display: grid; gap: 2px; }
.devolutiva-alert strong { font-size: 14px; }
.devolutiva-alert span { font-size: 13px; line-height: 1.5; }
.devolutiva-print-area { display: grid; gap: 18px; }
.devolucao-document {
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15,23,42,.06);
}
.devolucao-document-meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px 16px;
    padding: 12px 16px;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #475569;
    font-size: 12.5px;
}
.devolucao-document-meta span { display: inline-flex; align-items: center; gap: 6px; }
.devolucao-document-meta svg { width: 15px; height: 15px; color: #dc2626; }
.devolucao-document-meta strong { color: #111827; margin-right: 2px; }
.devolucao-print-sheet { padding: 26px; }
.devolucao-print-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding-bottom: 18px;
    margin-bottom: 22px;
    border-bottom: 1px solid #e2e8f0;
}
.devolucao-print-logo { display: block; max-width: 190px; max-height: 64px; object-fit: contain; }
.devolucao-logo-fallback {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #315efb;
    background: #eef2ff;
}
.devolucao-logo-fallback svg { width: 26px; height: 26px; }
.devolucao-print-header > div { display: grid; gap: 3px; }
.devolucao-print-header strong { color: #111827; font-size: 18px; line-height: 1.3; }
.devolucao-print-header span { color: #64748b; font-size: 13px; }
.devolucao-print-content {
    min-height: 220px;
    color: #111827;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 1.65;
    overflow-wrap: anywhere;
}
.devolucao-print-content p { margin: 0 0 10px; }
.devolucao-print-content table { max-width: 100% !important; border-collapse: collapse; }
.devolucao-print-content img { max-width: 100% !important; height: auto !important; }
.devolucao-print-footer {
    margin-top: 24px;
    padding-top: 13px;
    border-top: 1px solid #e2e8f0;
    color: #64748b;
    text-align: center;
    font-size: 11px;
}
.devolutiva-modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 15px 20px;
    border-top: 1px solid #e2e8f0;
    background: #fff;
}
.devolutiva-print-frame { position: fixed; width: 1px; height: 1px; right: 0; bottom: 0; border: 0; opacity: 0; pointer-events: none; }

@media (max-width: 760px) {
    .devolutiva-callout { grid-template-columns: 50px minmax(0,1fr); padding: 15px; }
    .devolutiva-callout-icon { width: 50px; height: 50px; border-radius: 14px; }
    .devolutiva-open-btn { grid-column: 1 / -1; width: 100%; }
    .title-movement-return-link > div { align-items: flex-start; flex-direction: column; }
    .title-movement-return-link .btn { width: 100%; }
    .devolutiva-modal { padding: 8px; }
    .devolutiva-modal-panel { max-height: calc(100vh - 16px); border-radius: 17px; }
    .devolutiva-modal-header { padding: 14px; }
    .devolutiva-modal-title-icon { width: 40px; height: 40px; }
    .devolutiva-modal-title h2 { font-size: 20px; }
    .devolutiva-modal-body { padding: 12px; }
    .devolucao-document-meta { flex-direction: column; }
    .devolucao-print-sheet { padding: 18px 15px; }
    .devolucao-print-header { align-items: flex-start; justify-content: flex-start; flex-direction: column; }
    .devolutiva-modal-footer { display: grid; grid-template-columns: 1fr 1fr; padding: 12px; }
}

/* Nota Devolutiva legada TX Text Control (TX_RTF32) */
.txrtf-document {
    width: 100%;
    color: #111827;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.65;
}
.txrtf-document p { margin: 0 0 10px; }
.txrtf-office-title {
    margin-bottom: 5px !important;
    text-align: center;
    font-size: 16px;
    letter-spacing: .015em;
}
.txrtf-title {
    margin: 20px 0 3px;
    text-align: center;
    color: #111827;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
    line-height: 1.25;
    letter-spacing: .02em;
}
.txrtf-subtitle {
    margin-bottom: 18px !important;
    text-align: center;
    color: #475569;
    font-size: 13px;
}
.txrtf-separator {
    height: 1px;
    margin: 16px 0;
    border: 0;
    background: #cbd5e1;
}
.txrtf-warning {
    margin: 12px 0 16px;
    padding: 10px 12px;
    border: 1px solid #fecaca;
    border-radius: 10px;
    background: #fff7f7;
    color: #991b1b;
    font-size: 12.5px;
    font-weight: 800;
    text-align: center;
}
.txrtf-field {
    padding: 3px 0;
    font-size: 14px;
}
.txrtf-field strong { color: #111827; }
.txrtf-bullet {
    position: relative;
    padding-left: 17px;
}
.txrtf-bullet::before {
    content: "•";
    position: absolute;
    left: 2px;
    top: 0;
    color: #dc2626;
    font-weight: 900;
}
.txrtf-document a {
    color: #2563eb;
    text-decoration: underline;
    text-underline-offset: 2px;
    overflow-wrap: anywhere;
}

/* Nota Devolutiva TX_RTF32 - estrutura sem resíduos binários */
.txrtf-requirements-title {
    margin: 20px 0 12px;
    padding: 12px 14px;
    border-left: 4px solid #dc2626;
    border-radius: 0 10px 10px 0;
    background: #fff7f7;
    color: #7f1d1d;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.55;
}
.txrtf-requirement {
    position: relative;
    margin: 0 0 12px !important;
    padding: 14px 16px 14px 38px;
    border: 1px solid #fecaca;
    border-radius: 12px;
    background: #fffafa;
    color: #1f2937;
    line-height: 1.65;
}
.txrtf-requirement::before {
    content: "!";
    position: absolute;
    left: 13px;
    top: 14px;
    width: 18px;
    height: 18px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #dc2626;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
}
.txrtf-guidance {
    margin-top: 20px;
    padding: 14px 16px;
    border: 1px solid #bfdbfe;
    border-radius: 12px;
    background: #f8fbff;
    color: #334155;
}
.txrtf-guidance p { margin: 0 0 7px; }
.txrtf-guidance p:last-child { margin-bottom: 0; }
.txrtf-empty {
    padding: 16px;
    border: 1px solid #fecaca;
    border-radius: 12px;
    background: #fff7f7;
    color: #991b1b;
}

/* ========================================================================== */
/* V1.5.0 - Resultado RI com andamentos por cor + devolutiva por conteúdo     */
/* ========================================================================== */
.title-result-focused .title-current-movement-card,
.title-result-focused .title-history-item {
    --movement-accent: var(--primary);
    --movement-soft: color-mix(in srgb, var(--primary) 6%, var(--surface));
    --movement-border: color-mix(in srgb, var(--primary) 24%, var(--line));
}

.title-result-focused .movement-tone-return {
    --movement-accent: #dc2626;
    --movement-soft: color-mix(in srgb, #ef4444 7%, var(--surface));
    --movement-border: color-mix(in srgb, #ef4444 34%, var(--line));
}
.title-result-focused .movement-tone-payment,
.title-result-focused .movement-tone-warning {
    --movement-accent: #d97706;
    --movement-soft: color-mix(in srgb, #f59e0b 8%, var(--surface));
    --movement-border: color-mix(in srgb, #f59e0b 38%, var(--line));
}
.title-result-focused .movement-tone-registered,
.title-result-focused .movement-tone-success {
    --movement-accent: #059669;
    --movement-soft: color-mix(in srgb, #10b981 7%, var(--surface));
    --movement-border: color-mix(in srgb, #10b981 34%, var(--line));
}
.title-result-focused .movement-tone-withdrawn {
    --movement-accent: #7c3aed;
    --movement-soft: color-mix(in srgb, #8b5cf6 7%, var(--surface));
    --movement-border: color-mix(in srgb, #8b5cf6 32%, var(--line));
}
.title-result-focused .movement-tone-info {
    --movement-accent: #0891b2;
    --movement-soft: color-mix(in srgb, #06b6d4 7%, var(--surface));
    --movement-border: color-mix(in srgb, #06b6d4 30%, var(--line));
}
.title-result-focused .movement-tone-secondary,
.title-result-focused .movement-tone-light {
    --movement-accent: #64748b;
    --movement-soft: color-mix(in srgb, #64748b 5%, var(--surface));
    --movement-border: color-mix(in srgb, #64748b 24%, var(--line));
}
.title-result-focused .movement-tone-dark {
    --movement-accent: #334155;
    --movement-soft: color-mix(in srgb, #334155 7%, var(--surface));
    --movement-border: color-mix(in srgb, #334155 28%, var(--line));
}

.title-result-focused .title-current-movement-card {
    position: relative;
    border: 1px solid var(--movement-border);
    border-left: 6px solid var(--movement-accent);
    border-radius: 18px;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--movement-accent) 8%, transparent);
    overflow: hidden;
}
.title-result-focused .title-current-movement-head {
    padding: 18px 20px;
    border-bottom-color: var(--movement-border);
    background: linear-gradient(110deg, var(--movement-soft), var(--surface) 74%);
}
.title-result-focused .title-current-movement-head > div > span {
    color: var(--movement-accent);
    font-weight: 850;
}
.title-result-focused .title-current-movement-head strong {
    color: var(--text);
    font-size: 18px;
}

.title-result-focused .title-history-master {
    border-color: color-mix(in srgb, var(--primary) 20%, var(--line));
    box-shadow: 0 12px 28px rgba(15, 23, 42, .055);
}
.title-result-focused .title-history-master > summary {
    background: linear-gradient(120deg,
        color-mix(in srgb, var(--primary) 8%, var(--surface)),
        var(--surface) 72%);
}
.title-result-focused .title-history-master[open] > summary {
    border-bottom: 0;
}
.title-result-focused .title-history-master > .title-history-list {
    display: grid;
    gap: 12px;
    padding: 16px;
    background: color-mix(in srgb, var(--primary) 1.8%, var(--surface));
}

.title-result-focused .title-history-item {
    position: relative;
    border: 1px solid var(--movement-border);
    border-left: 5px solid var(--movement-accent);
    border-radius: 15px;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .045);
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.title-result-focused .title-history-item:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 24px color-mix(in srgb, var(--movement-accent) 9%, transparent);
}
.title-result-focused .title-history-item[open] {
    border-color: var(--movement-border);
    box-shadow: 0 12px 28px color-mix(in srgb, var(--movement-accent) 10%, transparent);
}
.title-result-focused .title-history-item > summary {
    min-height: 72px;
    padding: 15px 17px;
    background: linear-gradient(100deg, var(--movement-soft), var(--surface) 72%);
}
.title-result-focused .title-history-summary-main {
    grid-template-columns: 15px minmax(0, 1fr);
    gap: 11px;
}
.title-result-focused .title-history-dot {
    width: 12px;
    height: 12px;
    color: var(--movement-accent);
    background: var(--movement-accent);
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--movement-accent) 13%, transparent);
}
.title-result-focused .title-history-summary-main strong {
    font-size: 15px;
}
.title-result-focused .title-history-summary-main span {
    margin-top: 2px;
    font-size: 12.5px;
}
.title-result-focused .title-history-summary-status .title-flag {
    min-height: 29px;
    padding: 5px 10px;
    border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
    font-size: 11.5px;
}
.title-result-focused .title-history-body {
    padding-top: 15px;
    border-top-color: var(--movement-border);
    background: var(--surface);
}

.title-result-focused .title-movement-return-link {
    border-color: color-mix(in srgb, #ef4444 38%, var(--line));
    box-shadow: inset 4px 0 0 #ef4444;
}
.title-result-focused .title-movement-return-link > span {
    font-size: 13px;
}
.title-result-focused .title-movement-return-link .btn {
    min-height: 42px;
    margin-top: 8px;
    color: #fff;
    border-color: #dc2626;
    background: linear-gradient(135deg, #ef4444, #dc2626);
    box-shadow: 0 8px 20px rgba(220, 38, 38, .18);
}
.title-result-focused .title-movement-return-link .btn:hover {
    color: #fff;
    transform: translateY(-1px);
}

.title-result-focused .devolutiva-callout {
    border-width: 1px;
    box-shadow: 0 12px 28px rgba(220, 38, 38, .08);
}
.title-result-focused .devolutiva-open-btn {
    min-height: 46px;
    padding-inline: 18px;
    font-weight: 850;
}

@media (max-width: 700px) {
    .title-result-focused .title-history-master > .title-history-list { padding: 10px; gap: 10px; }
    .title-result-focused .title-history-item > summary { min-height: 64px; padding: 13px; }
    .title-result-focused .title-current-movement-head { padding: 15px 16px; }
    .title-result-focused .title-history-summary-status { width: 100%; justify-content: flex-start; }
}

/* ==========================================================
   Consulta de Títulos - rastreador estilo e-commerce (v1.8.4)
   ========================================================== */
.title-result-focused .title-commerce-tracker {
    margin: 22px 0 24px;
    padding: 22px 22px 18px;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #fff;
    color: #0f172a;
    box-shadow: 0 8px 24px rgba(15,23,42,.05);
}

.title-commerce-tracker-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.title-commerce-tracker-head > div {
    display: grid;
    gap: 4px;
}

.title-commerce-tracker-head > div > span {
    color: #2563eb;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.title-commerce-tracker-head > div > strong {
    color: #0f172a;
    font-size: 17px;
    line-height: 1.4;
}

.title-commerce-current-label {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 7px 12px;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 800;
}

.title-commerce-tracker-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 4px 2px 10px;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
    -webkit-overflow-scrolling: touch;
}

.title-commerce-tracker-scroll::-webkit-scrollbar { height: 6px; }
.title-commerce-tracker-scroll::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 999px; }

.title-commerce-track {
    --tracker-fill: 0%;
    position: relative;
    display: grid;
    grid-template-columns: repeat(6,minmax(122px,1fr));
    min-width: 800px;
    padding-top: 2px;
}

.title-commerce-line,
.title-commerce-line-fill {
    position: absolute;
    top: 23px;
    left: 8.333%;
    height: 4px;
    border-radius: 999px;
    pointer-events: none;
}

.title-commerce-line {
    right: 8.333%;
    background: #e2e8f0;
}

.title-commerce-line-fill {
    width: var(--tracker-fill);
    background: linear-gradient(90deg,#10b981,#22c55e);
    box-shadow: 0 0 0 1px rgba(16,185,129,.05);
    transition: width .35s ease;
}

.title-commerce-step {
    position: relative;
    z-index: 2;
    display: grid;
    justify-items: center;
    align-content: start;
    gap: 9px;
    min-width: 0;
    padding: 0 8px;
    text-align: center;
}

.title-commerce-marker {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border: 3px solid #e2e8f0;
    border-radius: 50%;
    background: #fff;
    color: #94a3b8;
    box-shadow: 0 0 0 5px #fff;
    transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
}

.title-commerce-marker svg { width: 19px; height: 19px; }

.title-commerce-copy {
    display: grid;
    justify-items: center;
    gap: 3px;
    max-width: 150px;
}

.title-commerce-copy strong {
    color: #64748b;
    font-size: 13px;
    line-height: 1.25;
}

.title-commerce-copy small {
    min-height: 30px;
    color: #94a3b8;
    font-size: 11px;
    line-height: 1.3;
}

.title-commerce-copy em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 9.5px;
    font-style: normal;
    font-weight: 800;
    white-space: nowrap;
}

.title-commerce-step.is-complete .title-commerce-marker {
    border-color: #10b981;
    background: #ecfdf5;
    color: #047857;
}

.title-commerce-step.is-complete .title-commerce-copy strong { color: #047857; }
.title-commerce-step.is-complete .title-commerce-copy small { color: #4b7d6b; }
.title-commerce-step.is-complete .title-commerce-copy em { background: #ecfdf5; color: #047857; }

.title-commerce-step.is-current .title-commerce-marker {
    border-color: #2563eb;
    background: #2563eb;
    color: #fff;
    transform: scale(1.07);
    box-shadow: 0 0 0 5px #fff, 0 0 0 9px rgba(37,99,235,.12);
}

.title-commerce-step.is-current .title-commerce-copy strong { color: #1d4ed8; }
.title-commerce-step.is-current .title-commerce-copy small { color: #475569; }
.title-commerce-step.is-current .title-commerce-copy em { background: #eff6ff; color: #1d4ed8; }

.title-commerce-step.is-issue .title-commerce-marker {
    border-color: #f97316;
    background: #fff7ed;
    color: #c2410c;
    box-shadow: 0 0 0 5px #fff, 0 0 0 9px rgba(249,115,22,.12);
}
.title-commerce-step.is-issue .title-commerce-copy strong { color: #c2410c; }
.title-commerce-step.is-issue .title-commerce-copy em { background: #fff7ed; color: #c2410c; }

.title-commerce-step.is-reanalysis .title-commerce-marker {
    border-color: #7c3aed;
    background: #7c3aed;
    color: #fff;
    box-shadow: 0 0 0 5px #fff, 0 0 0 9px rgba(124,58,237,.12);
}
.title-commerce-step.is-reanalysis .title-commerce-copy strong { color: #6d28d9; }
.title-commerce-step.is-reanalysis .title-commerce-copy em { background: #f5f3ff; color: #6d28d9; }

.title-commerce-step.is-issue-resolved .title-commerce-marker {
    border-color: #f59e0b;
    background: #fffbeb;
    color: #b45309;
}
.title-commerce-step.is-issue-resolved .title-commerce-copy strong { color: #a16207; }
.title-commerce-step.is-issue-resolved .title-commerce-copy em { background: #fffbeb; color: #a16207; }

.title-commerce-step.is-skipped .title-commerce-marker {
    border-color: #cbd5e1;
    border-style: dashed;
    background: #f8fafc;
    color: #64748b;
}
.title-commerce-step.is-skipped .title-commerce-copy strong { color: #475569; }
.title-commerce-step.is-skipped .title-commerce-copy em { background: #f8fafc; color: #64748b; }

.title-commerce-step.is-upcoming .title-commerce-marker {
    border-color: #e2e8f0;
    background: #fff;
    color: #94a3b8;
}
.title-commerce-step.is-upcoming .title-commerce-copy strong,
.title-commerce-step.is-upcoming .title-commerce-copy small { color: #94a3b8; }
.title-commerce-step.is-optional .title-commerce-copy em { border: 1px dashed #cbd5e1; background: #fff; }

.title-commerce-step.is-complete-final .title-commerce-marker {
    border-color: #059669;
    background: #059669;
    color: #fff;
    box-shadow: 0 0 0 5px #fff, 0 0 0 9px rgba(5,150,105,.12);
}

.title-commerce-tracker-help {
    display: block;
    margin-top: 4px;
    color: #64748b;
    font-size: 11px;
    line-height: 1.45;
}

@media (max-width: 860px) {
    .title-result-focused .title-commerce-tracker { padding: 18px 16px 14px; }
    .title-commerce-tracker-head { flex-direction: column; gap: 10px; }
    .title-commerce-current-label { align-self: flex-start; }
    .title-commerce-track { min-width: 760px; }
    .title-commerce-tracker-scroll { margin-right: -6px; padding-bottom: 12px; }
    .title-commerce-tracker-help::before { content: "Deslize as etapas para o lado no celular. "; font-weight: 800; color:#475569; }
}

/* ========================================================================== */
/* V1.8.5 - Hierarquia visual: andamento > situação > dados do processo       */
/* Cards permanecem brancos; a cor é usada como guia visual de leitura.       */
/* ========================================================================== */
.title-result-focused .title-current-movement {
    margin-top: 18px;
    padding: 18px;
    border: 1px solid color-mix(in srgb, var(--movement-accent, var(--primary)) 24%, #dbe3f1);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 9px 24px rgba(15, 23, 42, .045);
}
.title-result-focused .title-current-movement > .title-result-section-head > svg {
    width: 38px;
    height: 38px;
    padding: 9px;
    border-radius: 11px;
    color: var(--movement-accent, #2563eb);
    background: color-mix(in srgb, var(--movement-accent, #2563eb) 9%, #ffffff);
    border: 1px solid color-mix(in srgb, var(--movement-accent, #2563eb) 20%, #e2e8f0);
}

.title-result-focused .title-process-section {
    margin-top: 16px;
    padding: 18px;
    border: 1px solid #cfe3ff;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 9px 24px rgba(37, 99, 235, .045);
}
.title-result-focused .title-process-section .title-result-section-head > svg {
    width: 38px;
    height: 38px;
    padding: 9px;
    border-radius: 11px;
    color: #2563eb;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
}
.title-result-focused .title-process-section .title-result-section-head strong { color:#1e3a8a; }
.title-result-focused .title-process-section .title-info-grid > div {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-top-width: 3px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .035);
}
.title-result-focused .title-process-section .title-info-grid > div:nth-child(3n+1) { border-top-color:#3b82f6; }
.title-result-focused .title-process-section .title-info-grid > div:nth-child(3n+2) { border-top-color:#8b5cf6; }
.title-result-focused .title-process-section .title-info-grid > div:nth-child(3n+3) { border-top-color:#06b6d4; }
.title-result-focused .title-process-section .title-info-grid > div:nth-child(3n+1) span { color:#1d4ed8; }
.title-result-focused .title-process-section .title-info-grid > div:nth-child(3n+2) span { color:#6d28d9; }
.title-result-focused .title-process-section .title-info-grid > div:nth-child(3n+3) span { color:#0e7490; }

.title-result-focused .title-values-section {
    padding: 18px;
    border: 1px solid #fde3ad;
    border-radius: 18px;
    background: #ffffff;
}
.title-result-focused .title-values-section .title-result-section-head > svg {
    width: 38px;
    height: 38px;
    padding: 9px;
    border-radius: 11px;
    color:#b45309;
    background:#fffbeb;
    border:1px solid #fde68a;
}
.title-result-focused .title-values-section .title-result-section-head strong { color:#92400e; }
.title-result-focused .title-values-section .title-values-grid > div {
    background:#ffffff;
    border:1px solid #fde7b2;
    border-left:4px solid #f59e0b;
}
.title-result-focused .title-values-section .title-values-grid span { color:#a16207; }
.title-result-focused .title-values-section .title-values-grid strong { color:#78350f; }

@media (max-width: 680px) {
    .title-result-focused .title-current-movement,
    .title-result-focused .title-process-section,
    .title-result-focused .title-values-section {
        padding: 14px;
        border-radius: 15px;
    }
}


/* ========================================================================== */
/* V1.8.6 - Consulta de Certidão: rastreador e-commerce e hierarquia cidadã  */
/* ========================================================================== */
.title-commerce-step.is-payment .title-commerce-marker {
    border-color:#f59e0b;
    background:#f59e0b;
    color:#fff;
    box-shadow:0 0 0 5px #fff, 0 0 0 9px rgba(245,158,11,.13);
}
.title-commerce-step.is-payment .title-commerce-copy strong { color:#b45309; }
.title-commerce-step.is-payment .title-commerce-copy small { color:#7c5a18; }
.title-commerce-step.is-payment .title-commerce-copy em { background:#fffbeb; color:#b45309; }

/* ========================================================================== */
/* V1.8.8 - Consulta de Títulos: etapa de pagamento no rastreador            */
/* ========================================================================== */
.title-commerce-track.is-seven-steps {
    grid-template-columns: repeat(7, minmax(118px, 1fr));
    min-width: 930px;
}

.title-commerce-track.is-seven-steps .title-commerce-line,
.title-commerce-track.is-seven-steps .title-commerce-line-fill {
    left: 7.143%;
}

.title-commerce-track.is-seven-steps .title-commerce-line {
    right: 7.143%;
}

.title-commerce-status-stack {
    display: flex !important;
    flex-direction: column;
    align-items: flex-end;
    gap: 7px !important;
}

.title-commerce-tracker-head > .title-commerce-status-stack > span {
    letter-spacing: 0;
    text-transform: none;
    font-size: 12px;
}

.title-commerce-payment-label {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 6px 11px;
    border: 1px solid #a7f3d0;
    border-radius: 999px;
    background: #ecfdf5;
    color: #047857 !important;
    font-weight: 800;
}

.title-commerce-payment-label svg {
    width: 14px;
    height: 14px;
}

@media (max-width: 860px) {
    .title-commerce-status-stack {
        align-items: flex-start;
    }

    .title-commerce-track.is-seven-steps {
        min-width: 900px;
    }
}