/* Identidade visual da landing page fuel-control-landing-page. */
.ap-brand {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: #15191d;
    font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 1.13rem;
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 1.3;
    white-space: nowrap;
}
.ap-brand:hover { color: #15191d; text-decoration: none; }
.ap-brand strong { color: #d92f32; font-weight: 700; }
.ap-brand-mark {
    position: relative;
    display: grid;
    flex: 0 0 35px;
    width: 35px;
    height: 35px;
    place-items: center;
    border-radius: 9px;
    background: #15191d;
}
.ap-brand-mark::before {
    width: 14px;
    height: 18px;
    border: 2px solid #fff;
    border-radius: 2px;
    content: "";
}
.ap-brand-mark span {
    position: absolute;
    width: 8px;
    height: 3px;
    margin-top: 2px;
    background: #d92f32;
    box-shadow: 0 6px 0 #d92f32;
}
.main-sidebar .ap-brand-link,
.main-sidebar .ap-brand-link:hover {
    background: #f7f8f6;
    border-bottom-color: #dfe3df;
}
.brand-link .ap-brand { margin-left: 10px; }
.sidebar-collapse .brand-link .ap-brand > span:last-child { display: none; }
.sidebar-collapse .main-sidebar:hover .brand-link .ap-brand > span:last-child { display: inline; }