body.visa-license-reference-page {
    background: #fbfbfc;
    color: #202124;
    padding-bottom: 76px;
}

.visa-license-reference-page > .visa-public-header {
    display: none;
}

.visa-license-tracking.has-license-reference {
    background: transparent;
    box-shadow: none;
    margin: 0 auto;
    max-width: 1105px;
    min-height: calc(100vh - 76px);
    padding: 26px 0 80px;
    width: calc(100% - 40px);
}

.visa-license-tracking.has-license-reference > .visa-tracking-hero,
.visa-license-tracking.has-license-reference > .visa-tracking-overview,
.visa-license-tracking.has-license-reference > .visa-tracking-section,
.visa-license-tracking.has-license-reference > .visa-tracking-grid {
    display: none;
}

.license-reference {
    display: grid;
    gap: 36px;
}

.license-reference__header {
    align-items: center;
    border-bottom: 1px solid #e2e3e5;
    display: flex;
    justify-content: space-between;
    padding-bottom: 28px;
}

.license-reference__eyebrow,
.license-reference section > h2,
.license-reference__documents > header h2 {
    color: #73767d;
    font-family: Arial, sans-serif;
    font-size: .67rem;
    font-weight: 700;
    letter-spacing: .13em;
    margin: 0;
    text-transform: uppercase;
}

.license-reference__header h1 {
    color: #202124;
    font-family: Arial, sans-serif;
    font-size: clamp(1.45rem, 2.5vw, 1.78rem);
    font-weight: 650;
    letter-spacing: -.025em;
    line-height: 1.2;
    margin: 7px 0 0;
}

.license-reference__status {
    align-items: center;
    background: #f1f2f3;
    border: 1px solid #e0e1e3;
    border-radius: 5px;
    color: #60636a;
    display: inline-flex;
    font-size: .67rem;
    font-weight: 750;
    gap: 7px;
    padding: 7px 10px;
    text-transform: uppercase;
}

.license-reference__status i {
    background: currentColor;
    border-radius: 50%;
    height: 5px;
    width: 5px;
}

.license-reference__status.is-issued {
    background: #eaf8f0;
    border-color: #cfeadd;
    color: #087443;
}

.license-reference__metadata {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: -12px 0 0;
}

.license-reference__metadata div,
.license-reference__summary dl div,
.license-reference__issued dl div {
    display: grid;
    gap: 7px;
}

.license-reference dt {
    color: #74777e;
    font-size: .66rem;
    font-weight: 500;
}

.license-reference dd {
    color: #202124;
    font-size: .82rem;
    font-weight: 600;
    margin: 0;
}

.license-reference dd.is-risk {
    color: #a35f00;
    text-transform: uppercase;
}

.license-reference__summary-grid {
    border-top: 1px solid #e2e3e5;
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr;
    padding-top: 36px;
}

.license-reference__summary-grid > section {
    display: grid;
    gap: 14px;
}

.license-reference__card {
    background: #fff;
    border: 1px solid #e0e1e3;
    border-radius: 9px;
    min-height: 164px;
    padding: 20px;
}

.license-reference__summary dl {
    display: grid;
    gap: 14px;
    margin: 0;
}

.license-reference__summary p,
.license-reference__issued p {
    color: #71747b;
    font-size: .78rem;
    line-height: 1.55;
    margin: 16px 0 0;
}

.license-reference__issued {
    overflow: hidden;
    position: relative;
}

.license-reference__issued.is-valid {
    background: #eff9f4;
    border-color: #d4ebe0;
}

.license-reference__issued dl {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
    margin: 0;
}

.license-reference__issued > strong {
    color: #202124;
    font-size: .9rem;
}

.license-reference__issued a {
    color: #087443;
    display: inline-flex;
    font-size: .72rem;
    font-weight: 650;
    margin-top: 14px;
    text-decoration: none;
}

.license-reference__stamp {
    border: 3px solid rgba(8, 116, 67, .16);
    color: rgba(8, 116, 67, .23);
    font-size: .88rem;
    font-weight: 800;
    letter-spacing: .05em;
    padding: 5px 12px;
    position: absolute;
    right: -4px;
    top: 9px;
    transform: rotate(13deg);
}

.license-reference__documents {
    display: grid;
    gap: 14px;
}

.license-reference__documents > header {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.license-reference__documents > header span {
    color: #74777e;
    font-size: .66rem;
}

.license-reference__document-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.license-reference__document {
    background: #fff;
    border: 1px solid #e0e1e3;
    border-radius: 9px;
    display: flex;
    flex-direction: column;
    min-height: 158px;
    padding: 15px;
}

.license-reference__document-top {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.license-reference__file-type {
    background: #f3f4f5;
    border-radius: 3px;
    color: #777a81;
    font-size: .5rem;
    font-weight: 750;
    padding: 7px 6px;
}

.license-reference__document-status {
    background: #f1f2f3;
    border-radius: 3px;
    color: #666970;
    font-size: .5rem;
    font-weight: 750;
    padding: 7px 6px;
    text-transform: uppercase;
}

.license-reference__document-status.status-aprovado {
    background: #def6e9;
    color: #087443;
}

.license-reference__document-status.status-recusado,
.license-reference__document-status.status-necessita-substituicao {
    background: #fee8e6;
    color: #b3261e;
}

.license-reference__document h3 {
    color: #202124;
    font-family: Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    line-height: 1.35;
    margin: 14px 0;
}

.license-reference__document-actions {
    border-top: 1px solid #e7e8ea;
    display: grid;
    gap: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: auto;
    padding-top: 11px;
    text-align: center;
}

.license-reference__document-actions > * {
    color: #6f7279;
    font-size: .64rem;
    padding: 0 7px;
    text-decoration: none;
}

.license-reference__document-actions > * + * {
    border-left: 1px solid #e7e8ea;
}

.license-reference__access {
    align-items: end;
    background: #f6f7f7;
    border: 1px solid #e0e1e3;
    border-radius: 9px;
    display: grid;
    gap: 28px;
    grid-template-columns: minmax(0, .8fr) minmax(360px, 1.2fr);
    padding: 20px;
}

.license-reference__access h2 {
    color: #202124;
    font-family: Arial, sans-serif;
    font-size: .98rem;
    margin: 7px 0 5px;
}

.license-reference__access p {
    color: #74777e;
    font-size: .72rem;
    line-height: 1.45;
    margin: 0;
}

.license-reference__access form {
    display: grid;
    gap: 7px;
}

.license-reference__access label {
    color: #55585e;
    font-size: .67rem;
    font-weight: 650;
}

.license-reference__access form > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
}

.license-reference__access input,
.license-reference__access button {
    border: 1px solid #d0d2d5;
    border-radius: 6px 0 0 6px;
    font: inherit;
    min-height: 40px;
    padding: 9px 11px;
}

.license-reference__access button {
    background: #202124;
    border-color: #202124;
    border-radius: 0 6px 6px 0;
    color: #fff;
    cursor: pointer;
    font-size: .7rem;
    font-weight: 650;
}

.license-reference-footer {
    align-items: center;
    background: rgba(255, 255, 255, .98);
    border-top: 1px solid #e0e1e3;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 12px max(20px, calc(50vw - 552.5px));
    position: fixed;
    right: 0;
    z-index: 20;
}

.license-reference-footer > div {
    align-items: center;
    display: flex;
    gap: 11px;
}

.license-reference-footer__avatar {
    align-items: center;
    background: #eef0f1;
    border-radius: 50%;
    color: #54575d;
    display: flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.license-reference-footer p {
    display: grid;
    gap: 2px;
    margin: 0;
}

.license-reference-footer strong {
    color: #292b2f;
    font-size: .7rem;
}

.license-reference-footer small {
    color: #777a80;
    font-size: .64rem;
}

.license-reference-footer > a {
    background: #202124;
    border-radius: 6px;
    color: #fff;
    font-size: .72rem;
    font-weight: 650;
    padding: 11px 16px;
    text-decoration: none;
}

@media (max-width: 820px) {
    .license-reference__document-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .license-reference__access {
        align-items: stretch;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .visa-license-tracking.has-license-reference {
        padding-top: 18px;
        width: calc(100% - 24px);
    }

    .license-reference {
        gap: 26px;
    }

    .license-reference__header {
        align-items: flex-start;
        gap: 16px;
    }

    .license-reference__metadata,
    .license-reference__summary-grid {
        gap: 20px;
        grid-template-columns: 1fr 1fr;
    }

    .license-reference__document-grid {
        grid-template-columns: 1fr;
    }

    .license-reference__access form > div {
        gap: 8px;
        grid-template-columns: 1fr;
    }

    .license-reference__access input,
    .license-reference__access button {
        border-radius: 6px;
    }

    .license-reference-footer {
        padding: 10px 12px;
    }

    .license-reference-footer small {
        display: none;
    }
}