/* Reutiliza a identidade e os blocos da landing existente sem alterar páginas publicadas. */
@import url('./laudos-landing.css');

.public-page .orders-breadcrumb { padding-top: 24px; }
.work-orders-landing .landing-hero { padding-top: 36px; }
.work-orders-landing .orders-overview { list-style: none; padding: 0; margin: 0; }
.work-orders-landing .orders-overview li { display: flex; align-items: start; gap: 16px; padding-block: 20px; border-bottom: 1px solid var(--line); }
.work-orders-landing .orders-overview li:first-child { padding-top: 4px; }
.work-orders-landing .orders-overview li:last-child { border-bottom: 0; }
.work-orders-landing .orders-overview-number { display: grid; place-items: center; flex: 0 0 38px; height: 38px; border: 1px solid #b5c8c3; border-radius: 8px; color: var(--accent); font-size: .78rem; font-weight: 700; }
.work-orders-landing .orders-overview strong { color: var(--ink); font-size: 1rem; }
.work-orders-landing .orders-overview p { margin-top: 6px; font-size: .88rem; }
.work-orders-landing .orders-intro { max-width: 780px; margin-top: 18px; }
.work-orders-landing .orders-record { padding: 32px; background: #fff; border: 1px solid var(--line); border-radius: 12px; }
.work-orders-landing .orders-record dl { margin: 0; }
.work-orders-landing .orders-record dt { color: var(--ink); font-weight: 650; margin-top: 22px; }
.work-orders-landing .orders-record dd { margin: 6px 0 0; color: var(--muted); font-size: .94rem; }
.work-orders-landing .orders-record .orders-record-note { padding-top: 22px; margin-top: 24px; border-top: 1px solid var(--line); font-size: .82rem; }
.work-orders-landing .orders-flow { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.work-orders-landing .orders-flow li { padding: 22px; }
.work-orders-landing .orders-related { margin-top: 24px; font-size: .94rem; }
@media (max-width: 1000px) {
    .work-orders-landing .orders-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .public-page .orders-breadcrumb { font-size: .75rem; flex-wrap: wrap; }
    .work-orders-landing .landing-hero { padding-top: 28px; }
    .work-orders-landing .orders-record { padding: 22px; }
    .work-orders-landing .orders-flow { grid-template-columns: 1fr; }
}
