:root {
    color-scheme: light;
    font-family: Arial, sans-serif;
    --habilito-azul-escuro: #082f63;
    --habilito-azul: #0f64bd;
    --habilito-azul-claro: #28c2f6;
    --habilito-amarelo: #eccf2a;
    --habilito-fundo: #f4f6f8;
    --habilito-texto: #172033;
    color: var(--habilito-texto);
    background: var(--habilito-fundo);
}

.hf-icone { display: inline-block; width: 1.35em; height: 1.35em; flex: 0 0 auto; vertical-align: -.22em; color: inherit; }
.menu-frota-sidebar .hf-icone { width: 21px; height: 21px; }
.menu-frota-sino .hf-icone { width: 20px; height: 20px; }
.menu-frota-sair .hf-icone { width: 19px; height: 19px; }
.dashboard-icone .hf-icone { width: 29px; height: 29px; }
.dashboard-acoes i .hf-icone { width: 25px; height: 25px; }

* { box-sizing: border-box; }
body { margin: 0; background: var(--habilito-fundo); }
body:not(.pagina-autenticacao):not(:has(.menu-frota))::before { content: "HABILITO  FROTA"; display: block; min-height: 72px; padding: 0 24px; line-height: 72px; background: var(--habilito-azul-escuro); color: #fff; font-size: 20px; font-weight: 800; letter-spacing: .08em; box-shadow: 0 4px 18px #082f6330; }
.painel { width: min(100% - 32px, 1100px); margin: 0 auto 48px; }
.menu-frota { min-height: 72px; margin: 0 -16px 32px; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; background: var(--habilito-azul-escuro); box-shadow: 0 4px 18px #082f6330; }
.marca-frota { color: #fff; text-decoration: none; font-size: 20px; font-weight: 800; letter-spacing: .08em; }
.marca-frota span { color: var(--habilito-amarelo); font-size: 13px; letter-spacing: .12em; }
.menu-frota-links { display: flex; align-items: center; gap: 8px; }
.menu-frota-links a { color: #fff; padding: 9px 12px; border-radius: 7px; text-decoration: none; font-weight: 700; font-size: 14px; }
.menu-frota-links a:hover { background: #ffffff1c; }
button, input, select, textarea { font: inherit; }

.pagina-autenticacao {
    display: grid;
    min-height: 100vh;
    place-items: center;
    padding: 24px;
    background: linear-gradient(135deg, var(--habilito-azul), var(--habilito-azul-claro));
}
.cartao-autenticacao, .cartao { width: min(100%, 420px); padding: 28px; border-radius: 12px; background: #fff; box-shadow: 0 8px 24px #00000012; }
.cartao-autenticacao h1, .painel h1 { margin: 0; color: var(--habilito-azul-escuro); }
.cartao-autenticacao p { color: #526070; }
label { display: block; margin-top: 16px; font-weight: 600; }
input, select, textarea { width: 100%; margin-top: 6px; padding: 11px; border: 1px solid #d9e1ea; border-radius: 8px; }
input:focus, select:focus, textarea:focus { outline: 2px solid var(--habilito-azul-claro); border-color: var(--habilito-azul); }
button { margin-top: 20px; padding: 11px 16px; border: 0; border-radius: 8px; background: linear-gradient(135deg, var(--habilito-azul), var(--habilito-azul-claro)); color: #fff; font-weight: 700; cursor: pointer; }
button:hover { filter: brightness(.95); }
.mensagem-erro { padding: 10px; border-radius: 8px; background: #fce8e8; color: #b42318; }
.mensagem-sucesso { padding: 10px; border-radius: 8px; background: #e7f6ed; color: #166534; }
.cabecalho-painel { display: flex; align-items: start; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.cabecalho-painel p { margin: 6px 0 0; color: #526070; }
.cabecalho-painel form button { margin-top: 0; }
.cartao { width: 100%; }
.link-voltar { color: var(--habilito-azul); font-weight: 700; text-decoration: none; }
.link-voltar:hover { color: var(--habilito-azul-escuro); text-decoration: underline; }
.campos-grade { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.periodos { display: grid; gap: 10px; }
.botao-secundario { background: #e8f3ff; color: var(--habilito-azul-escuro); margin-top: 12px; }
button:disabled { cursor: not-allowed; opacity: .55; }
@media (max-width: 560px) { .campos-grade { grid-template-columns: 1fr; } .menu-frota { align-items: flex-start; flex-direction: column; padding: 16px 20px; } .menu-frota-links { width: 100%; overflow-x: auto; } .menu-frota-links a { white-space: nowrap; } }

/* Menu hambúrguer padrão das telas autenticadas. */
body:has(.menu-frota) { padding-top: 0; }
body:has(.menu-frota) .painel { margin-top: 96px; }
.menu-frota { position: fixed; inset: 0 0 auto; z-index: 1000; min-height: 0; margin: 0; padding: 0; display: block; background: var(--habilito-azul-escuro); box-shadow: 0 2px 10px #0002; }
.menu-frota-barra { width: min(100% - 32px, 1100px); min-height: 72px; margin: auto; display: grid; grid-template-columns: 42px 1fr 120px; align-items: center; gap: 18px; }
.menu-frota-titulo { color: #fff; font-size: 20px; font-weight: 800; letter-spacing: 1px; text-align: center; text-decoration: none; }
.menu-frota-marca { justify-self: end; color: var(--habilito-amarelo); font-size: 13px; font-weight: 800; letter-spacing: 2px; }
.menu-frota-hamburger { width: 42px; height: 42px; margin: 0; padding: 8px; display: grid; align-content: center; gap: 5px; background: transparent; border: 1px solid #ffffff55; border-radius: 8px; }
.menu-frota-hamburger span { display: block; height: 2px; background: #fff; border-radius: 2px; }
.menu-frota-sidebar { position: fixed; inset: 0 auto 0 0; z-index: 1200; width: min(300px, 86vw); padding-top: 72px; background: var(--habilito-azul-escuro); color: #fff; transform: translateX(-100%); transition: transform .25s ease; box-shadow: 4px 0 18px #0003; }
.menu-frota-sidebar.aberto { transform: translateX(0); }
.menu-frota-perfil { padding: 22px 20px; border-bottom: 1px solid #ffffff26; display: grid; gap: 4px; }
.menu-frota-perfil span { color: #dcecff; font-size: 14px; overflow-wrap: anywhere; }
.menu-frota-sidebar > a { display: block; padding: 14px 20px; color: #fff; font-weight: 700; text-decoration: none; }
.menu-frota-sidebar > a:hover { background: #ffffff1a; }
.menu-frota-sair-form { margin: 18px 20px; }
.menu-frota-sair { width: 100%; margin: 0; border: 1px solid #ff7070; background: transparent; color: #ff9a9a; }
.menu-frota-versao { display: block; margin: 8px 16px 16px; color: #ffffff99; font-size: .72rem; text-align: center; }
.acao-versionamento { margin: 0; }
.acao-versionamento button { width: 100%; text-align: left; }
.acao-versionamento button small { display: block; margin-top: 4px; opacity: .9; }
.menu-frota-overlay { position: fixed; inset: 0; z-index: 1100; display: none; background: #0006; }
.menu-frota-overlay.aberto { display: block; }
@media (max-width: 560px) { body:has(.menu-frota) .painel { margin-top: 82px; } .menu-frota-barra { min-height: 64px; grid-template-columns: 42px 1fr 84px; gap: 10px; } .menu-frota-titulo { font-size: 16px; } .menu-frota-marca { font-size: 11px; letter-spacing: 1px; } }
.grade-modulos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.modulo { display: grid; gap: 8px; min-height: 128px; color: var(--habilito-texto); text-decoration: none; border-left: 5px solid var(--habilito-azul); }
.modulo strong { color: var(--habilito-azul-escuro); font-size: 18px; }.modulo span { color: #526070; }
.lista-acoes { display: grid; gap: 12px; }.permissoes-grade { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }.permissao { display:flex; align-items:flex-start; gap:10px; margin:0; padding:12px; border:1px solid #d9e1ea; border-radius:8px; font-weight:400; }.permissao input { width:auto; margin:3px 0 0; }.permissao span { display:grid; gap:3px; }.permissao small { color:#526070; }
@media (max-width: 700px) { .grade-modulos, .permissoes-grade { grid-template-columns: 1fr; } }
.mapa-rodas { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.roda h2 { margin:0; }.roda form { display:grid; gap:8px; }.roda form button { margin-top:0; }
@media (max-width: 560px) { .mapa-rodas { grid-template-columns:1fr; } }
.ocorrencia { margin-bottom: 16px; }
.ocorrencia-titulo { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.ocorrencia h2 { margin: 0; color: var(--habilito-azul-escuro); }
.status { background: #e8f3ff; border-radius: 99px; color: var(--habilito-azul-escuro); font-size: 13px; font-weight: 700; padding: 5px 9px; }
.acao-inline { display: flex; align-items: end; gap: 10px; }
.acao-inline select { flex: 1; }
.acao-inline button { margin-top: 6px; }

/* Acabamento visual unificado — desktop e mobile. */
:root {
    font-family: "Segoe UI", Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --habilito-superficie: #ffffff;
    --habilito-superficie-suave: #f8fbff;
    --habilito-borda: #dce6f2;
    --habilito-texto-suave: #617087;
    --habilito-sombra: 0 18px 42px rgba(8, 47, 99, .08);
    --habilito-raio: 18px;
}

body {
    min-width: 320px;
    min-height: 100vh;
    color: var(--habilito-texto);
    background:
        radial-gradient(circle at 0 0, rgba(40, 194, 246, .10), transparent 26rem),
        linear-gradient(180deg, #f7faff 0, var(--habilito-fundo) 38rem);
    line-height: 1.5;
}

button, input, select, textarea { font-family: inherit; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }

.painel {
    width: min(100% - 48px, 1180px);
    margin-bottom: 64px;
}

.cabecalho-painel {
    align-items: center;
    margin-bottom: 28px;
}

.cabecalho-painel h1,
.cartao-autenticacao h1 {
    font-size: clamp(1.7rem, 3vw, 2.35rem);
    letter-spacing: -.035em;
    line-height: 1.1;
}

.cabecalho-painel p {
    max-width: 680px;
    font-size: .97rem;
    line-height: 1.6;
}

.cartao,
.cartao-autenticacao {
    border: 1px solid rgba(220, 230, 242, .92);
    border-radius: var(--habilito-raio);
    box-shadow: var(--habilito-sombra);
    background: rgba(255, 255, 255, .96);
}

.cartao {
    padding: clamp(20px, 3vw, 30px);
}

.painel > .cartao + .cartao,
.painel > .cartao + form,
.painel > .cartao + .lista-acoes,
.painel > .grade-modulos + .cartao {
    margin-top: 18px;
}

.cartao h2,
.cartao h3 {
    color: var(--habilito-azul-escuro);
    letter-spacing: -.018em;
}

.cartao h2 { margin: 0 0 16px; font-size: 1.22rem; }
.cartao h3 { margin: 0 0 7px; font-size: 1rem; }
.cartao p { color: var(--habilito-texto-suave); }

label {
    margin-top: 0;
    color: #26344a;
    font-size: .9rem;
    font-weight: 700;
}

input, select, textarea {
    min-height: 46px;
    margin-top: 8px;
    padding: 11px 13px;
    border: 1px solid var(--habilito-borda);
    border-radius: 10px;
    color: var(--habilito-texto);
    background: #fff;
    box-shadow: 0 1px 1px rgba(8, 47, 99, .02);
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

textarea { min-height: 108px; resize: vertical; }
input::placeholder, textarea::placeholder { color: #99a7b8; }
input:hover, select:hover, textarea:hover { border-color: #b4c9e1; }
input:focus, select:focus, textarea:focus {
    outline: 0;
    border-color: var(--habilito-azul);
    box-shadow: 0 0 0 4px rgba(40, 194, 246, .16);
}

button {
    min-height: 44px;
    margin-top: 18px;
    padding: 10px 17px;
    border: 1px solid transparent;
    border-radius: 10px;
    box-shadow: 0 7px 15px rgba(15, 100, 189, .18);
    transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

button:hover { transform: translateY(-1px); box-shadow: 0 10px 19px rgba(15, 100, 189, .24); }
button:active { transform: translateY(0); box-shadow: none; }

.link-voltar {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid #cfe0f5;
    border-radius: 10px;
    background: #f6faff;
    font-size: .88rem;
    text-decoration: none;
    transition: background .16s ease, border-color .16s ease, transform .16s ease;
}

.link-voltar:hover { border-color: #a8c9ec; background: #eaf5ff; text-decoration: none; transform: translateY(-1px); }

.campos-grade {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    align-items: end;
}

.grade-modulos { gap: 18px; }
.modulo {
    position: relative;
    overflow: hidden;
    min-height: 148px;
    padding: 24px;
    border: 1px solid var(--habilito-borda);
    border-left: 0;
    border-radius: var(--habilito-raio);
    box-shadow: 0 12px 30px rgba(8, 47, 99, .06);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.modulo::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: linear-gradient(180deg, var(--habilito-azul-claro), var(--habilito-azul));
}

.modulo::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    right: -42px;
    bottom: -48px;
    border-radius: 50%;
    background: rgba(40, 194, 246, .10);
}

.modulo:hover { border-color: #b8d8f2; box-shadow: 0 18px 35px rgba(8, 47, 99, .12); transform: translateY(-3px); }
.modulo strong { font-size: 1.08rem; }
.modulo span { position: relative; z-index: 1; line-height: 1.55; }

.lista-acoes { gap: 10px; }
.lista-acoes > a,
.lista-acoes > article,
.item-estoque,
.solicitacao {
    padding: 15px 16px;
    border: 1px solid var(--habilito-borda);
    border-radius: 12px;
    background: var(--habilito-superficie-suave);
}

.lista-acoes > a { color: var(--habilito-azul-escuro); }
.lista-acoes > a:hover { background: #eef8ff; }

.ocorrencia { padding: 22px; border: 1px solid var(--habilito-borda); border-radius: var(--habilito-raio); background: #fff; box-shadow: 0 8px 22px rgba(8, 47, 99, .045); }
.ocorrencia + .ocorrencia { margin-top: 16px; }
.ocorrencia-titulo { align-items: flex-start; }
.status { flex: 0 0 auto; border: 1px solid #cae2f7; background: #eef8ff; color: #07589f; padding: 6px 10px; }

.acao-inline {
    flex-wrap: wrap;
    align-items: end;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e6edf5;
}
.acao-inline input, .acao-inline select { min-width: 150px; }
.acao-inline button { margin-top: 0; }

.permissoes-grade { gap: 12px; }
.permissao { padding: 14px; border-radius: 12px; background: #fbfdff; transition: border-color .16s ease, background .16s ease; }
.permissao:hover { border-color: #a9caea; background: #f1f9ff; }
.permissao input { accent-color: var(--habilito-azul); }

.mapa-rodas { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.roda { min-height: 230px; background: linear-gradient(145deg, #fff, #f5faff); }
.roda h2 { display: inline-flex; padding: 6px 10px; border-radius: 9px; background: #eaf6ff; font-size: 1rem; }
.roda form { margin-top: 15px; }

.mensagem-erro, .mensagem-sucesso {
    margin: 16px 0;
    border: 1px solid transparent;
    border-radius: 11px;
    font-weight: 600;
}
.mensagem-erro { border-color: #f2c7c5; }
.mensagem-sucesso { border-color: #bfe8cf; }

.pagina-autenticacao {
    background:
        radial-gradient(circle at 20% 15%, rgba(40, 194, 246, .55), transparent 28rem),
        linear-gradient(135deg, #062653, #0f64bd 60%, #159bd2);
}
.pagina-autenticacao .cartao {
    width: min(100%, 500px);
    padding: clamp(26px, 5vw, 38px);
    border: 1px solid rgba(255, 255, 255, .45);
}
.pagina-autenticacao .cartao h1 { margin: 0 0 10px; }
.pagina-autenticacao .cartao > p { color: var(--habilito-texto-suave); }
.acao-versionamento button { margin-top: 0; padding: 15px 16px; }

.menu-frota { background: linear-gradient(100deg, #062957, var(--habilito-azul-escuro) 55%, #0b407f); box-shadow: 0 4px 20px rgba(8, 47, 99, .22); }
.menu-frota-barra { min-height: 76px; }
.menu-frota-hamburger { border-color: rgba(255, 255, 255, .32); transition: background .16s ease, border-color .16s ease; }
.menu-frota-hamburger:hover { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .75); box-shadow: none; transform: none; }
.menu-frota-sidebar { background: linear-gradient(180deg, #082f63, #062957); }
.menu-frota-perfil { padding: 26px 22px; }
.menu-frota-sidebar > a { position: relative; padding: 15px 22px; color: #eef7ff; transition: background .14s ease, padding-left .14s ease; }
.menu-frota-sidebar > a:hover { padding-left: 27px; background: rgba(255, 255, 255, .10); }
.menu-frota-sair { box-shadow: none; }

@media (max-width: 780px) {
    .painel { width: min(100% - 32px, 620px); margin-bottom: 40px; }
    body:has(.menu-frota) .painel { margin-top: 92px; }
    .cabecalho-painel { align-items: flex-start; flex-direction: column; gap: 12px; }
    .campos-grade, .mapa-rodas { grid-template-columns: 1fr; }
    .grade-modulos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .acao-inline { display: grid; grid-template-columns: 1fr; }
    .acao-inline input, .acao-inline select { min-width: 0; }
    .acao-inline button { width: 100%; }
}

@media (max-width: 560px) {
    .painel { width: min(100% - 24px, 520px); }
    body:has(.menu-frota) .painel { margin-top: 84px; }
    .menu-frota-barra { width: min(100% - 24px, 1100px); min-height: 66px; grid-template-columns: 42px 1fr auto; gap: 8px; }
    .menu-frota-titulo { font-size: .98rem; }
    .menu-frota-marca { font-size: .64rem; letter-spacing: 1.3px; }
    .cabecalho-painel { margin-bottom: 20px; }
    .cabecalho-painel h1 { font-size: 1.72rem; }
    .cartao { padding: 19px; border-radius: 15px; }
    .grade-modulos { grid-template-columns: 1fr; gap: 12px; }
    .modulo { min-height: 116px; padding: 20px; }
    .ocorrencia { padding: 17px; }
    .ocorrencia-titulo { flex-direction: column; gap: 8px; }
    .pagina-autenticacao { padding: 16px; }
    .pagina-autenticacao .cartao { padding: 25px 21px; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

.rodape-sistema {
    width: min(100% - 48px, 1180px);
    margin: -28px auto 28px;
    padding: 15px 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-top: 1px solid var(--habilito-borda);
    color: #8190a4;
    font-size: .78rem;
}

.rodape-sistema nav { display: flex; flex-wrap: wrap; gap: 14px; }
.rodape-sistema a { color: #5e718c; text-decoration: none; }
.rodape-sistema a:hover { color: var(--habilito-azul); text-decoration: underline; }

.admin-versao-cartao { width: min(100%, 540px) !important; }
.admin-versao-marca { display: block; margin-bottom: 24px; color: var(--habilito-azul-escuro); font-size: .82rem; font-weight: 900; letter-spacing: .15em; }
.admin-versao-marca b { color: var(--habilito-amarelo); }
.admin-versao-topo { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.admin-versao-topo h1 { margin: 0; }
.admin-versao-topo p { margin: 7px 0 0; }
.admin-versao-topo form { flex: 0 0 auto; }
.admin-versao-topo .botao-secundario { margin: 0; }
.admin-versao-atual { display: flex; align-items: center; justify-content: space-between; margin: 22px 0; padding: 16px 18px; border: 1px solid #cfe4f6; border-radius: 13px; background: linear-gradient(135deg, #f5fbff, #e9f6ff); }
.admin-versao-atual span { color: #58718d; font-size: .85rem; font-weight: 700; }
.admin-versao-atual strong { color: var(--habilito-azul-escuro); font-size: 1.35rem; letter-spacing: -.03em; }
.admin-versao-voltar { display: block; margin-top: 22px; color: #5e718c; font-size: .86rem; text-align: center; text-decoration: none; }
.admin-versao-voltar:hover { color: var(--habilito-azul); text-decoration: underline; }

@media (max-width: 560px) {
    .rodape-sistema { width: min(100% - 24px, 520px); margin-top: -16px; align-items: flex-start; flex-direction: column; gap: 8px; }
    .admin-versao-topo { flex-direction: column; }
}

/* Dashboard operacional e navegação lateral. */
.menu-frota-barra { grid-template-columns: 44px minmax(170px, 1fr) auto auto; }
.menu-frota-titulo { justify-self: start; font-style: italic; letter-spacing: -.04em; }
.menu-frota-titulo span, .menu-frota-lateral-marca span { color: var(--habilito-amarelo); }
.menu-frota-usuario { display: flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; }
.menu-frota-usuario:hover { color: #fff; opacity: .9; }
.menu-frota-marca { display: inline-flex; align-items: center; gap: 7px; }
.menu-frota-marca img { width: 28px; height: 28px; object-fit: contain; }
.menu-frota-sino { display: grid; width: 32px; height: 32px; place-items: center; border-right: 1px solid #ffffff38; font-size: 20px; }
.menu-frota-avatar { display: grid; width: 36px; height: 36px; flex: 0 0 36px; place-items: center; border-radius: 50%; background: linear-gradient(145deg, #fff, #ccecff); color: var(--habilito-azul-escuro); font-size: .76rem; font-weight: 900; }
.menu-frota-identificacao { display: grid; gap: 2px; max-width: 220px; }
.menu-frota-identificacao strong { overflow: hidden; font-size: .82rem; text-overflow: ellipsis; white-space: nowrap; }
.menu-frota-identificacao small { color: #c9ddf7; font-size: .7rem; }
.menu-frota-lateral-marca { padding: 22px 22px 18px; color: #fff; font-size: 1.35rem; font-style: italic; font-weight: 900; letter-spacing: -.05em; }
.menu-frota-sidebar { display: flex; flex-direction: column; padding-top: 0; }
.menu-frota-perfil { align-items: center; grid-template-columns: 42px 1fr; gap: 11px; padding: 16px 22px 22px; }
.menu-frota-perfil > div { display: grid; gap: 2px; min-width: 0; }
.menu-frota-perfil strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.menu-frota-links { display: block; flex: 1; padding: 2px 12px 18px; overflow-y: auto; }
.menu-frota-sidebar > .menu-frota-links > a { display: flex; align-items: center; gap: 13px; margin: 2px 0; padding: 11px 13px; border-radius: 9px; color: #edf6ff; font-size: .9rem; }
.menu-frota-sidebar > .menu-frota-links > a i { display: grid; width: 22px; place-items: center; color: #fff; font-size: 1.16rem; font-style: normal; }
.menu-frota-sidebar > .menu-frota-links > a:hover { padding-left: 13px; background: linear-gradient(90deg, #1265c4, #0f56a6); }
.menu-frota-links > p { margin: 21px 12px 8px; color: #a6c8ef; font-size: .66rem; font-weight: 800; letter-spacing: .09em; }
.menu-frota-rodape { margin-top: auto; padding: 14px 0 3px; border-top: 1px solid #ffffff2e; }
.menu-frota-sair-form { margin: 0 18px; }
.menu-frota-sair { display: flex; align-items: center; gap: 12px; justify-content: flex-start; padding-left: 12px; border: 0; color: #fff; font-size: .9rem; }

.dashboard-boas-vindas { position: relative; min-height: 140px; overflow: hidden; margin-bottom: 16px; padding: 24px 30px; border: 1px solid #b9d3ee; border-radius: 16px; background: linear-gradient(95deg, #fff 0%, rgba(255,255,255,.89) 45%, rgba(210,239,255,.18) 70%), url('/img/banner2-desktop-v3.webp') center/cover; box-shadow: 0 12px 30px rgba(8, 47, 99, .09); }
.dashboard-boas-vindas-conteudo { position: relative; z-index: 1; }
.dashboard-sobrelinha { color: var(--habilito-azul); font-size: .68rem; font-weight: 900; letter-spacing: .12em; }
.dashboard-boas-vindas h1 { margin: 3px 0 5px; color: var(--habilito-azul-escuro); font-size: clamp(2rem, 3.5vw, 2.75rem); letter-spacing: -.05em; }
.dashboard-boas-vindas p { margin: 0; color: #173d74; font-size: 1.05rem; }.dashboard-boas-vindas small { color: #537092; }
.dashboard-boas-vindas-marca { position: absolute; z-index: 1; right: 28px; bottom: 22px; color: var(--habilito-azul-escuro); font-size: clamp(1.15rem, 2.5vw, 2.1rem); font-style: italic; font-weight: 900; letter-spacing: -.07em; }.dashboard-boas-vindas-marca b { color: var(--habilito-amarelo); }
.dashboard-indicadores { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.dashboard-indicador { display: flex; gap: 13px; min-height: 130px; padding: 17px; border: 1px solid var(--habilito-borda); border-radius: 13px; background: #fff; box-shadow: 0 8px 20px rgba(8, 47, 99, .06); color: var(--habilito-texto); text-decoration: none; transition: transform .16s ease, box-shadow .16s ease; }.dashboard-indicador:hover { color: var(--habilito-texto); box-shadow: 0 14px 28px rgba(8, 47, 99, .12); transform: translateY(-2px); }
.dashboard-icone { display: grid; width: 48px; height: 48px; flex: 0 0 48px; place-items: center; border-radius: 12px; color: #0969cc; background: #e7f4ff; font-size: 1.55rem; font-weight: 900; }.dashboard-indicador span:last-child { display: grid; align-content: start; }.dashboard-indicador small { color: #27436e; font-size: .7rem; font-weight: 900; text-transform: uppercase; }.dashboard-indicador strong { margin-top: 3px; color: var(--habilito-azul-escuro); font-size: 2rem; line-height: 1; }.dashboard-indicador em { margin-top: 7px; color: #58708d; font-size: .76rem; font-style: normal; }.dashboard-indicador.roxo .dashboard-icone { color: #7444d8; background: #eee7ff; }.dashboard-indicador.verde .dashboard-icone { color: #069c58; background: #e3f8ec; }.dashboard-indicador.amarelo .dashboard-icone { color: #d67900; background: #fff3d8; }
.dashboard-acesso-rapido { margin-bottom: 18px; }.dashboard-titulo-secao { display: flex; align-items: baseline; gap: 12px; margin-bottom: 17px; }.dashboard-titulo-secao h2 { margin: 0; }.dashboard-titulo-secao p { margin: 0; font-size: .88rem; }
.dashboard-acoes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }.dashboard-acoes > a { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 12px; min-height: 82px; padding: 12px; border: 1px solid #dce8f3; border-radius: 12px; background: #fff; color: var(--habilito-texto); text-decoration: none; transition: border-color .16s ease, background .16s ease, transform .16s ease; }.dashboard-acoes > a:hover { border-color: #91c8ef; background: #f6fbff; color: var(--habilito-texto); transform: translateY(-1px); }.dashboard-acoes i { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 11px; color: #0969cc; background: #e7f4ff; font-size: 1.35rem; font-style: normal; font-weight: 900; }.dashboard-acoes span { display: grid; gap: 3px; min-width: 0; }.dashboard-acoes strong { overflow: hidden; color: #102b5b; font-size: .88rem; text-overflow: ellipsis; white-space: nowrap; }.dashboard-acoes small { color: #5f7794; font-size: .72rem; }.dashboard-acoes b { color: #47709e; font-size: 1.8rem; font-weight: 400; }
.dashboard-alertas { display: grid; grid-template-columns: 1.25fr .75fr; gap: 18px; }.dashboard-alertas .cartao { min-height: 176px; }.dashboard-linha-resumo { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-top: 1px solid #e6edf5; color: #506984; font-size: .88rem; }.dashboard-linha-resumo strong { display: grid; min-width: 29px; height: 25px; place-items: center; border-radius: 99px; background: #fff1ed; color: #e04b35; font-size: .78rem; }.dashboard-sem-empresa { max-width: 620px; }

@media (min-width: 1000px) { body:has(.menu-frota) .menu-frota-sidebar { top: 76px; width: 300px; transform: none; box-shadow: 4px 0 20px rgba(8, 47, 99, .15); } body:has(.menu-frota) .menu-frota-hamburger { display: none; } body:has(.menu-frota) .menu-frota-barra { width: calc(100% - 32px); grid-template-columns: 1fr auto auto; } body:has(.menu-frota) .menu-frota-titulo { justify-self: start; } body:has(.menu-frota) .painel { width: auto; max-width: 1280px; margin: 100px 26px 64px 326px; } body:has(.menu-frota) .rodape-sistema { width: auto; margin: -28px 26px 28px 326px; } }
@media (max-width: 999px) { .menu-frota-usuario { display: none; }.menu-frota-barra { grid-template-columns: 44px 1fr auto; }.dashboard-indicadores { grid-template-columns: repeat(2, minmax(0, 1fr)); }.dashboard-acoes { grid-template-columns: repeat(2, minmax(0, 1fr)); }.dashboard-alertas { grid-template-columns: 1fr; }.menu-frota-sidebar { width: min(310px, 88vw); } }
@media (max-width: 620px) { .dashboard-boas-vindas { min-height: 178px; padding: 22px 20px; background: linear-gradient(115deg, #fff 0%, rgba(255,255,255,.9) 68%, rgba(255,255,255,.2)), url('/img/banner2-mobile-v3.webp') center/cover; }.dashboard-boas-vindas-marca { right: 20px; bottom: 16px; font-size: 1.1rem; }.dashboard-indicadores, .dashboard-acoes { grid-template-columns: 1fr; }.dashboard-indicador { min-height: 104px; }.dashboard-titulo-secao { display: block; }.dashboard-titulo-secao p { margin-top: 4px; }.dashboard-acoes > a { min-height: 74px; } }

/* A lateral fica recolhida por padrão em qualquer largura de tela. */
@media (min-width: 1000px) {
    body:has(.menu-frota) .menu-frota-sidebar { top: 0; transform: translateX(-100%); }
    body:has(.menu-frota) .menu-frota-sidebar.aberto { transform: translateX(0); }
    body:has(.menu-frota) .menu-frota-hamburger { display: grid; }
    body:has(.menu-frota) .menu-frota-barra { width: min(100% - 32px, 1180px); grid-template-columns: 44px minmax(170px, 1fr) auto auto; }
    body:has(.menu-frota) .painel { width: min(100% - 48px, 1180px); margin: 100px auto 64px; }
    body:has(.menu-frota) .rodape-sistema { width: min(100% - 48px, 1180px); margin: -28px auto 28px; }
}

.perfil-resumo { position: relative; min-height: 210px; overflow: hidden; display: flex; align-items: end; gap: 16px; margin-bottom: 18px; border-color: #9dd3f5; background: linear-gradient(90deg, rgba(4, 35, 78, .92) 0%, rgba(8, 47, 99, .72) 43%, rgba(8, 47, 99, .08) 76%), url('/img/perfil-frota-desktop-v1.png') center/cover; }
.perfil-resumo > * { position: relative; z-index: 1; }.perfil-resumo h2 { margin-bottom: 4px; color: #fff; }.perfil-resumo p { margin: 0; color: #e4f3ff; }
.perfil-avatar { display: grid; width: 58px; height: 58px; flex: 0 0 58px; place-items: center; border: 3px solid rgba(255,255,255,.8); border-radius: 50%; background: linear-gradient(145deg, #fff, #d8f2ff); color: var(--habilito-azul-escuro); font-size: 1.35rem; font-weight: 900; box-shadow: 0 6px 18px #0004; }
.perfil-grade { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }.perfil-grade .cartao { margin: 0; }.perfil-grade small { color: var(--habilito-texto-suave); font-weight: 500; }
@media (max-width: 700px) { .perfil-resumo { min-height: 270px; align-items: end; background: linear-gradient(180deg, rgba(4,35,78,.1) 0%, rgba(4,35,78,.9) 74%), url('/img/perfil-frota-mobile-v1.png') center 45%/cover; }.perfil-grade { grid-template-columns: 1fr; } }

/* Borracharia: identidade, mapa de rodas e linha do tempo. */
.borracharia-pagina { max-width:1180px; }.borracharia-sobrelinha { display:block;margin-bottom:4px;color:var(--habilito-azul);font-size:.68rem;font-weight:900;letter-spacing:.12em; }
.borracharia-abas { position:sticky;z-index:20;top:82px;display:flex;gap:7px;margin:0 0 18px;padding:9px;overflow-x:auto;border:1px solid #d8e6f3;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 8px 22px rgba(8,47,99,.08);scrollbar-width:thin; }.borracharia-abas a { flex:0 0 auto;padding:9px 12px;border-radius:9px;color:#294c77;font-size:.76rem;font-weight:800;text-decoration:none;text-transform:uppercase; }.borracharia-abas a:hover { color:#fff;background:var(--habilito-azul); }
.borracharia-indicadores { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px; }.borracharia-indicadores a { display:grid;min-height:116px;padding:17px;border:1px solid var(--habilito-borda);border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(8,47,99,.06);color:inherit;text-decoration:none; }.borracharia-indicadores small { color:#58718d;font-size:.7rem;font-weight:900;text-transform:uppercase; }.borracharia-indicadores strong { color:var(--habilito-azul-escuro);font-size:2rem;line-height:1.1; }.borracharia-indicadores span { color:#6b7f98;font-size:.76rem; }
.borracharia-titulo { display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px; }.borracharia-titulo h2 { margin:0 0 4px; }.borracharia-titulo p { margin:0; }.selo-contagem,.status-pilula { display:inline-flex;align-items:center;width:max-content;padding:5px 9px;border-radius:99px;background:#e8f4ff;color:#0866bd;font-size:.69rem;font-weight:900;text-transform:uppercase; }
.borracharia-veiculos,.borracharia-pneus { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }.borracharia-veiculos>a,.pneu-lista { display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;min-height:78px;padding:13px;border:1px solid #dce8f3;border-radius:12px;color:#153861;background:#fff;text-decoration:none; }.borracharia-veiculos>a:hover,.pneu-lista:hover { border-color:#8ac8f3;background:#f5fbff; }.borracharia-veiculos i,.pneu-icone { display:grid;width:42px;height:42px;place-items:center;border-radius:10px;background:#e7f4ff;color:#0870d5;font-size:1.25rem;font-style:normal; }.borracharia-veiculos span,.pneu-lista>span:nth-child(2) { display:grid;gap:2px;min-width:0; }.borracharia-veiculos small,.pneu-lista small,.pneu-lista em { overflow:hidden;color:#687f9b;font-size:.7rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap; }.borracharia-veiculos b,.pneu-lista b { color:#6384a8;font-size:1.6rem;font-weight:400; }
.borracharia-filtros { display:grid;grid-template-columns:minmax(200px,1fr) 210px auto auto;gap:10px;margin-bottom:15px; }.borracharia-filtros .botao-secundario { display:grid;place-items:center;margin:0; }.campo-checkbox { display:flex!important;align-items:center;gap:9px;margin:13px 0; }.campo-checkbox input { width:auto;margin:0; }.borracharia-atalhos { display:flex;flex-wrap:wrap;gap:10px; }.borracharia-atalhos a { padding:10px 13px;border:1px solid #b9d7ef;border-radius:9px;color:var(--habilito-azul);font-weight:800;text-decoration:none; }
.borracharia-servicos-lista { display:grid;gap:8px;margin-top:20px; }.borracharia-servicos-lista article { display:grid;grid-template-columns:auto 1fr;gap:12px;padding:13px 0;border-top:1px solid #e6edf5; }.borracharia-servicos-lista p { margin:3px 0; }.borracharia-servicos-lista small { color:#70849b; }.borracharia-duas-colunas { display:grid;grid-template-columns:1fr 1fr;gap:18px; }.borracharia-duas-colunas .cartao { margin-top:0; }.aviso-permissao,.ajuda-fluxo { padding:11px 13px;border-radius:9px;background:#fff5da;color:#795711;font-size:.84rem; }.estado-vazio { color:#718399; }
.borracharia-material { margin-top:20px;border:1px solid #cfe3f3;border-radius:12px;background:#f8fcff; }.borracharia-material summary { padding:13px 15px;color:#0a62b5;cursor:pointer;font-weight:900; }.borracharia-material form { padding:0 15px 15px; }
.borracharia-filtros-relatorio { grid-template-columns:1.2fr 1fr 1fr auto;align-items:end; }.relatorio-eventos { display:grid;gap:7px; }.relatorio-eventos>a { display:grid;grid-template-columns:1.1fr 1fr auto;gap:14px;align-items:center;padding:12px 14px;border:1px solid #e0e9f2;border-radius:10px;color:#173b66;text-decoration:none; }.relatorio-eventos>a:hover { border-color:#8dc7ef;background:#f6fbff; }.relatorio-eventos span { display:grid;gap:2px; }.relatorio-eventos small { color:#71869f;font-size:.72rem; }.relatorio-eventos b { color:#4e789f;font-size:1.5rem;font-weight:400; }
.mapa-rodas-cartao { overflow:hidden; }.mapa-visual { position:relative;display:grid;grid-template-columns:minmax(190px,1fr) 170px minmax(190px,1fr);gap:14px 25px;align-items:center;max-width:920px;min-height:540px;margin:auto;padding:20px 0; }.mapa-silhueta { grid-column:2;grid-row:1 / span 3;align-self:stretch;position:relative;display:flex;justify-content:center;border:3px solid #a9bad0;border-radius:62px 62px 34px 34px;background:linear-gradient(90deg,#e4eaf1,#fff 45%,#ccd7e4);box-shadow:inset 0 0 0 8px #f5f8fb; }.mapa-silhueta:before { content:"";position:absolute;top:55px;width:105px;height:115px;border:2px solid #b5c4d6;border-radius:35px 35px 10px 10px;background:#dce7f2; }.mapa-silhueta span { position:absolute;bottom:55px;width:108px;height:150px;border:2px solid #b5c4d6;border-radius:10px; }.mapa-silhueta i { position:absolute;top:14px;color:#65809f;font-size:.58rem;font-style:normal;font-weight:900;letter-spacing:.1em; }
.roda-visual { position:relative;z-index:2;overflow:hidden;border:2px solid #d7e3ef;border-radius:14px;background:#fff;box-shadow:0 8px 18px rgba(8,47,99,.07); }.roda-visual.ocupada { border-color:#72cba1; }.roda-codigo { padding:7px 12px;background:#0b477f;color:#fff;font-size:.76rem;font-weight:900; }.roda-visual>a,.roda-sem-pneu { display:grid;gap:3px;padding:12px;color:#18395f;text-decoration:none; }.roda-visual>a span,.roda-sem-pneu span { color:#687e97;font-size:.75rem; }.borracha-nivel { margin-top:4px;color:#10895b!important;font-weight:900; }.roda-visual details { border-top:1px solid #e0e9f2; }.roda-visual summary { padding:9px 12px;color:#0968c2;cursor:pointer;font-size:.75rem;font-weight:800; }.roda-visual form { padding:0 11px 12px; }.roda-visual form label { margin-top:7px;font-size:.68rem; }.roda-visual form button { width:100%;margin-top:10px;padding:9px; }.mapa-visual-4 .roda-1,.mapa-visual-6 .roda-1 { grid-column:1;grid-row:1; }.mapa-visual-4 .roda-2,.mapa-visual-6 .roda-2 { grid-column:3;grid-row:1; }.mapa-visual-4 .roda-3 { grid-column:1;grid-row:3; }.mapa-visual-4 .roda-4 { grid-column:3;grid-row:3; }.mapa-visual-6 .roda-3 { grid-column:1;grid-row:2; }.mapa-visual-6 .roda-4 { grid-column:1;grid-row:3; }.mapa-visual-6 .roda-5 { grid-column:3;grid-row:2; }.mapa-visual-6 .roda-6 { grid-column:3;grid-row:3; }
.linha-tempo { display:grid; }.linha-tempo article { position:relative;display:grid;grid-template-columns:18px 1fr auto;gap:13px;min-height:94px;padding:2px 0 20px; }.linha-tempo article:before { content:"";position:absolute;top:17px;bottom:-2px;left:6px;width:2px;background:#b9d9ed; }.linha-tempo article:last-child:before { display:none; }.linha-tempo article>i { position:relative;z-index:1;width:14px;height:14px;margin-top:4px;border:3px solid #e4f7ee;border-radius:50%;background:#27b574; }.linha-tempo article>div { display:grid;gap:3px; }.linha-tempo time { color:#7588a0;font-size:.72rem; }.linha-tempo p { margin:0;color:#3f5e80; }.linha-tempo small { color:#7588a0; }.linha-tempo article>a { align-self:start;color:#0870ce;font-size:.75rem;font-weight:800;text-decoration:none; }.linha-tempo .evento-atual { padding:13px;border-radius:12px;background:#eef7ff; }.linha-tempo .evento-atual:before { left:19px; }.linha-tempo .evento-atual>i { margin-top:2px; }
.pneu-detalhe { display:grid;grid-template-columns:120px 1fr;gap:22px; }.pneu-detalhe-icone { display:grid;width:120px;height:150px;place-items:center;border-radius:46%;background:radial-gradient(ellipse,#34475e 0 35%,#101b28 37% 55%,#26384d 58%);color:#92a7be;font-size:2.5rem; }.pneu-detalhe-grade { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px; }.pneu-detalhe-grade div { display:grid;gap:2px; }.pneu-detalhe-grade small { color:#74869c;font-size:.71rem;text-transform:uppercase; }.pneu-observacao,.pneu-detalhe>.link-voltar { grid-column:1/-1; }
@media(max-width:850px){.borracharia-indicadores,.borracharia-veiculos,.borracharia-pneus { grid-template-columns:repeat(2,minmax(0,1fr)); }.mapa-visual { grid-template-columns:minmax(145px,1fr) 115px minmax(145px,1fr);gap:10px; }.pneu-detalhe-grade { grid-template-columns:repeat(2,minmax(0,1fr)); }}
@media(max-width:620px){.borracharia-abas { top:73px;margin-left:-5px;margin-right:-5px; }.borracharia-indicadores { grid-template-columns:repeat(2,minmax(0,1fr)); }.borracharia-indicadores a { min-height:96px;padding:13px; }.borracharia-veiculos,.borracharia-pneus,.borracharia-duas-colunas { grid-template-columns:1fr; }.borracharia-filtros { grid-template-columns:1fr; }.borracharia-titulo { display:grid; }.mapa-visual { display:grid;grid-template-columns:1fr 1fr;min-height:0;gap:10px;padding-top:125px; }.mapa-silhueta { position:absolute;top:0;left:50%;width:74px;height:112px;border-radius:28px 28px 15px 15px;transform:translateX(-50%); }.mapa-silhueta:before { top:27px;width:48px;height:37px; }.mapa-silhueta span { bottom:14px;width:49px;height:35px; }.mapa-visual .roda-visual { grid-column:auto!important;grid-row:auto!important;align-self:start; }.pneu-detalhe { grid-template-columns:1fr; }.pneu-detalhe-icone { width:82px;height:100px;margin:auto; }.pneu-detalhe-grade { grid-template-columns:1fr 1fr; }.linha-tempo article { grid-template-columns:18px 1fr; }.linha-tempo article>a,.linha-tempo article>.status-pilula { grid-column:2; }.pneu-detalhe>.link-voltar,.pneu-observacao { grid-column:auto; }.relatorio-eventos>a { grid-template-columns:1fr auto; }.relatorio-eventos>a span:nth-child(2) { grid-column:1; }.relatorio-eventos>a b { grid-column:2;grid-row:1/span 2; }}

/* Campos de senha com controle acessível de visibilidade. */
.campo-senha { position:relative;display:block;width:100%; }.campo-senha input { width:100%;padding-right:50px; }.alternar-senha { position:absolute;top:50%;right:7px;width:38px;height:38px;margin:0;padding:0;border:0;border-radius:9px;background:transparent;color:#4f6f91;transform:translateY(-50%);box-shadow:none; }.alternar-senha:hover,.alternar-senha:focus-visible { background:#eaf5ff;color:#075fae;transform:translateY(-50%); }.alternar-senha span { position:relative;display:block;width:22px;height:14px;margin:auto;border:2px solid currentColor;border-radius:50% / 60%;font-size:0; }.alternar-senha span:after { content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background:currentColor;transform:translate(-50%,-50%); }.alternar-senha.senha-visivel span:before { content:"";position:absolute;z-index:2;top:5px;left:-3px;width:26px;height:2px;background:currentColor;transform:rotate(-38deg); }.ajuda-campo { display:block;margin:6px 0 2px;color:#687e97;font-size:.76rem; }

/* Almoxarifado: central responsiva, pedidos, ferramentas e rastreabilidade. */
.almoxarifado-pagina{max-width:1180px}.almox-sobrelinha{display:block;margin-bottom:4px;color:var(--habilito-azul);font-size:.68rem;font-weight:900;letter-spacing:.12em}.almox-abas{position:sticky;z-index:20;top:82px;display:flex;gap:7px;margin:0 0 18px;padding:9px;overflow-x:auto;border:1px solid #d8e6f3;border-radius:14px;background:#fffffff5;box-shadow:0 8px 22px #082f6314;scrollbar-width:thin}.almox-abas a{flex:0 0 auto;padding:9px 12px;border-radius:9px;color:#294c77;font-size:.74rem;font-weight:800;text-decoration:none;text-transform:uppercase}.almox-abas a:hover{color:#fff;background:var(--habilito-azul)}.almox-indicadores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.almox-indicadores a{display:grid;min-height:116px;padding:17px;border:1px solid #d9e6f1;border-radius:14px;background:#fff;box-shadow:0 8px 22px #082f630f;color:inherit;text-decoration:none}.almox-indicadores small{color:#58718d;font-size:.68rem;font-weight:900;text-transform:uppercase}.almox-indicadores strong{color:var(--habilito-azul-escuro);font-size:2rem}.almox-indicadores span{color:#6b7f98;font-size:.76rem}.almox-secao{width:100%;margin-bottom:18px;scroll-margin-top:145px}.almox-titulo{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.almox-titulo h2{margin:0}.almox-titulo p{margin:4px 0 0}.almox-titulo input{max-width:310px;margin:0}.almox-tabela{display:grid;gap:7px}.almox-linha{display:grid;grid-template-columns:.7fr 1.6fr 1fr .8fr .65fr .9fr;gap:12px;align-items:center;padding:11px 12px;border:1px solid #e0e9f2;border-radius:10px}.almox-cabecalho{border:0;background:#eef5fa;color:#57708c;font-size:.7rem;font-weight:900;text-transform:uppercase}.almox-linha strong{display:grid}.almox-linha small{color:#72869d;font-weight:400}.status-pilula.alerta{background:#fff1cf;color:#a96500}.status-pilula.ok{background:#e5f8ef;color:#08764a}.almox-pedidos,.almox-ferramentas,.almox-inventarios,.almox-baixo{display:grid;gap:10px}.almox-pedidos>article,.almox-ferramentas>article,.almox-inventarios>article,.almox-baixo>article{padding:15px;border:1px solid #dce8f3;border-radius:12px;background:#fbfdff}.almox-pedidos header,.almox-ferramentas>article,.almox-inventarios>article,.almox-baixo>article{display:flex;align-items:center;justify-content:space-between;gap:12px}.almox-pedidos header>div,.almox-ferramentas article>div,.almox-inventarios article>div{display:grid}.almox-pedidos small,.almox-ferramentas small,.almox-inventarios small,.almox-baixo small{color:#6f849c}.almox-pedidos p{margin:8px 0;color:#45627f}.almox-forma-inline{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:9px;align-items:end;margin-top:10px}.almox-forma-inline>*{margin-top:0}.almox-forma-inline button{height:43px}.entrega-pedido{padding-top:10px;border-top:1px dashed #c8dcec}.arquivo-compacto{font-size:.72rem}.arquivo-compacto input{padding:8px;font-size:.72rem}.almox-duas-colunas{display:grid;grid-template-columns:1fr 1fr;gap:18px}.almox-duas-colunas .cartao{margin-top:0}.botao-link{display:inline-flex;margin-top:12px;padding:11px 15px;border-radius:9px;background:linear-gradient(135deg,var(--habilito-azul),var(--habilito-azul-claro));color:#fff;font-weight:800;text-decoration:none}.almox-ferramentas .almox-forma-inline{flex:1;grid-template-columns:repeat(4,minmax(100px,1fr))}.almox-baixo>article{display:grid;grid-template-columns:1fr auto auto}.almox-historico{display:grid}.almox-historico article{display:grid;grid-template-columns:15px 1fr auto;gap:12px;padding:13px 0;border-bottom:1px solid #e1eaf2}.almox-historico i{width:11px;height:11px;margin-top:5px;border-radius:50%;background:#1aa365}.almox-historico .tipo-saida{background:#f04444}.almox-historico .tipo-devolucao{background:#197ed1}.almox-historico article>div{display:grid;gap:3px}.almox-historico p{margin:0;color:#44617f}.almox-historico small{color:#70859c}.almox-historico a{color:#0870ce;font-size:.78rem;font-weight:800}.mensagem-sucesso{padding:12px 15px;border:1px solid #9cdbba;border-radius:10px;background:#ebfaf2;color:#09693f}
@media(max-width:850px){.almox-indicadores{grid-template-columns:repeat(2,minmax(0,1fr))}.almox-duas-colunas{grid-template-columns:1fr}.almox-forma-inline,.almox-ferramentas .almox-forma-inline{grid-template-columns:repeat(2,minmax(0,1fr))}.almox-cabecalho{display:none}.almox-linha{grid-template-columns:repeat(2,minmax(0,1fr))}.almox-linha>*:before{content:attr(data-label);display:block;color:#7890a7;font-size:.62rem;font-weight:900;text-transform:uppercase}}
@media(max-width:600px){.almox-abas{top:73px;margin-left:-5px;margin-right:-5px}.almox-indicadores{grid-template-columns:repeat(2,minmax(0,1fr))}.almox-indicadores a{min-height:100px;padding:13px}.almox-titulo{display:grid}.almox-titulo input{max-width:none}.almox-forma-inline,.almox-ferramentas .almox-forma-inline{grid-template-columns:1fr}.almox-pedidos header,.almox-ferramentas>article,.almox-inventarios>article{align-items:flex-start;flex-wrap:wrap}.almox-linha{grid-template-columns:1fr 1fr;padding:13px}.almox-baixo>article{grid-template-columns:1fr}.almox-historico article{grid-template-columns:15px 1fr}.almox-historico article>a{grid-column:2}.almox-secao{padding:20px}}
.menu-frota-area-usuario{display:flex;align-items:center;gap:8px}.menu-frota-area-usuario .menu-frota-sino{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:#fff;text-decoration:none}.menu-frota-area-usuario .menu-frota-sino:hover{background:#ffffff1c}.notificacao-item{display:grid;gap:4px;padding:13px;border-bottom:1px solid #e1eaf2;color:#183a61;text-decoration:none}.notificacao-item:hover{background:#f4faff}.notificacao-item.nao-lida{border-left:4px solid var(--habilito-azul-claro);background:#eef8ff}.notificacao-item span,.notificacao-item small{color:#647c96}.notificacao-detalhe{display:grid;grid-template-columns:120px 1fr;gap:10px}.notificacao-detalhe dt{color:#6c8299}.notificacao-detalhe dd{margin:0;font-weight:700}

/* Registro por voz offline. */
.cabecalho-atalhos{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.cabecalho-atalhos .botao-link{margin-top:0}
.voz-pagina{max-width:980px}.voz-sobrelinha{display:block;margin-bottom:5px;color:var(--habilito-azul);font-size:.7rem;font-weight:900;letter-spacing:.13em}.voz-captura,.voz-revisao{margin-bottom:20px}.voz-captura-cabecalho{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.voz-captura-cabecalho p{margin:0;max-width:650px}.voz-offline{flex:0 0 auto;padding:6px 10px;border-radius:99px;background:#e6f8ef;color:#08764a;font-size:.72rem;font-weight:900}.voz-controles{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.voz-controles button{margin:0}.voz-botao{display:inline-flex;align-items:center;gap:8px}.voz-botao span{font-size:1.15rem}.voz-controles #voz-status{flex:1;min-width:220px;color:#617087;font-size:.86rem}.voz-controles #voz-status[data-tipo="gravando"]{color:#c73535;font-weight:800}.voz-controles #voz-status[data-tipo="ok"]{color:#08764a}.voz-controles #voz-status[data-tipo="erro"]{color:#b42318}.voz-privacidade{padding:10px 12px;border-radius:10px;background:#f3f8fd;font-size:.8rem}.voz-etapa{display:flex;align-items:flex-start;gap:14px}.voz-etapa>span{display:grid;flex:0 0 36px;height:36px;place-items:center;border-radius:50%;background:var(--habilito-azul);color:#fff;font-weight:900}.voz-etapa h2{margin:0}.voz-etapa p{margin:5px 0 15px}.voz-pendencias{margin:12px 0;padding:14px;border:1px solid #f2ca70;border-radius:12px;background:#fff8e7;color:#76510c}.voz-pendencias ul{margin:8px 0 0;padding-left:20px}.voz-confirmar-check{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:13px;border:1px solid #c9dced;border-radius:11px;background:#f8fbff}.voz-confirmar-check input{width:auto;min-height:0;margin:3px 0 0}.voz-acoes{display:flex;gap:10px}.voz-cancelar button{margin-top:10px;border:1px solid #d6e1ec;background:#fff;color:#526070}.voz-resultados{display:grid;gap:9px}.voz-resultados article{display:flex;gap:12px;flex-wrap:wrap;padding:13px;border:1px solid #dce8f3;border-radius:11px;background:#fbfdff}.voz-resultados article span{display:grid;min-width:110px}.voz-resultados small{color:#71849a;text-transform:capitalize}.voz-resultados strong{color:#173f70;font-size:.9rem}@media(max-width:600px){.voz-captura-cabecalho{display:grid}.voz-offline{justify-self:start}.voz-controles{align-items:stretch}.voz-controles button{flex:1}.voz-controles #voz-status{flex-basis:100%}.voz-etapa{display:grid}.voz-resultados article{display:grid;grid-template-columns:1fr 1fr}.voz-resultados article span{min-width:0}}
.borracharia-veiculos i .hf-icone,.pneu-icone .hf-icone{width:23px;height:23px}.pneu-detalhe-icone .hf-icone{width:54px;height:54px}.botao-link .hf-icone,.link-voltar .hf-icone{width:18px;height:18px}