/* MoveMaster — ajustes visuais da primeira fase
   Arquivo único com o conteúdo de refinamento.css, refinamento-2.css, refinamento-3.css, NA MESMA ORDEM em
   que eram carregados (issue #155): o resultado na tela é idêntico, com
   menos arquivos para baixar. Ajustes novos continuam no refinamento-* mais
   recente. */

/* ===================== (antigo refinamento.css) ===================== */
body::before{filter:blur(6px) brightness(0.5) saturate(1.05) contrast(1.05);transform:scale(1.06)}body::after{background:radial-gradient(ellipse 900px 520px at 12% -12%,rgba(255,106,0,0.10),transparent 62%),linear-gradient(180deg,rgba(10,10,12,0.86) 0%,rgba(10,10,12,0.93) 45%,rgba(10,10,12,0.97) 100%)}[data-tema="claro"] body::before{filter:blur(8px) brightness(1.05) saturate(0.9)}.login-overlay{background:radial-gradient(ellipse 700px 480px at 50% 0%,rgba(255,106,0,0.16),transparent 62%),linear-gradient(180deg,rgba(6,6,8,0.55),rgba(6,6,8,0.8)),var(--hero-image) center / cover no-repeat;backdrop-filter:none;-webkit-backdrop-filter:none;padding:1.5rem}.login-card{background:linear-gradient(160deg,rgba(22,22,27,0.82),rgba(14,14,18,0.9));border:1px solid rgba(255,255,255,0.08);border-top:1px solid rgba(255,106,0,0.45);border-radius:16px;padding:2.6rem 2.4rem 2.4rem;max-width:396px;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 32px 80px rgba(0,0,0,0.65)}.login-logo-img{height:60px;animation:none;filter:drop-shadow(0 6px 18px rgba(0,0,0,0.55))}.login-title{font-size:0.72rem;letter-spacing:0.18em;color:var(--text-tertiary);margin-bottom:1.6rem}.login-group label{font-weight:600;color:var(--text-secondary)}.login-group input{border-radius:var(--radius);padding:0.8rem 0.95rem}.login-btn{font-family:'Oswald','Inter',sans-serif;text-transform:uppercase;letter-spacing:0.08em;font-size:1rem;padding:0.95rem;border-radius:var(--radius)}h1,h2,h3,.card h2,.card-header-row h2{font-family:'Oswald','Inter',sans-serif;letter-spacing:0.01em;line-height:1.2}.card h2,.card-header-row h2{font-size:1.05rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-primary)}.header{background:rgba(10,10,13,0.68);border-bottom:1px solid rgba(255,255,255,0.07);box-shadow:0 1px 0 rgba(255,106,0,0.18),0 10px 30px rgba(0,0,0,0.45);padding:0.9rem 0}.tab-btn,.nav-tab,.tabs button{position:relative;border-radius:var(--radius-full);padding:0.5rem 1rem;font-weight:600;font-size:0.85rem;color:var(--text-secondary);background:transparent;border:1px solid transparent;transition:color 0.15s ease,background 0.15s ease,border-color 0.15s ease}.tab-btn:hover,.nav-tab:hover,.tabs button:hover{color:var(--text-primary);background:rgba(255,255,255,0.05)}.tab-btn.active,.nav-tab.active,.tabs button.active{color:var(--accent);background:var(--accent-soft);border-color:rgba(255,106,0,0.45);box-shadow:none}.card{background:color-mix(in srgb,var(--surface-1) 92%,transparent);border-color:var(--border-soft);border-radius:var(--radius-lg);padding:1.35rem 1.5rem}.card:hover{border-color:var(--border)}.table thead th,table thead th{background:var(--surface-2);color:var(--text-tertiary);position:sticky;top:0;z-index:2}.table tbody tr:nth-child(even),table tbody tr:nth-child(even){background:rgba(255,255,255,0.018)}.table tbody tr:hover,table tbody tr:hover{background:rgba(255,106,0,0.09)}.btn-primary{box-shadow:0 2px 10px rgba(255,106,0,0.22)}.btn-primary:hover{box-shadow:0 4px 16px rgba(255,106,0,0.32);transform:translateY(-1px)}.btn:active,.btn-primary:active{transform:translateY(0)}.btn:focus-visible,.btn-primary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.tab-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kpi-card{border-radius:var(--radius-lg);padding:1rem 1.15rem}.kpi-card .kpi-num{font-family:'Oswald','Inter',sans-serif;font-size:1.9rem;font-weight:600}.selo,.badge,.pill{padding:0.2rem 0.6rem;letter-spacing:0.03em}*{scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary);background-clip:content-box}::-webkit-scrollbar-track{background:transparent}::selection{background:rgba(255,106,0,0.3);color:var(--text-primary)}@media (prefers-reduced-motion:reduce){.btn-primary:hover{transform:none}.kpi-card:hover{transform:none}}.login-erro:empty{min-height:0}[data-tema="claro"] .log-grupo-abas,[data-tema="claro"] .log-tabs,[data-tema="claro"] .cad-subtabs,[data-tema="claro"] .nav-tabs{background:rgba(15,17,21,0.04);border-color:rgba(15,17,21,0.1)}[data-tema="claro"] .log-tab-btn:hover,[data-tema="claro"] .cad-subtab-btn:hover,[data-tema="claro"] .titulo-colapsavel:hover,[data-tema="claro"] .checklist-item:hover,[data-tema="claro"] .custom-select-option:hover{background:rgba(15,17,21,0.06)}[data-tema="claro"] .log-tab-btn.active,[data-tema="claro"] .cad-subtab-btn.active{background:#fff;border-color:rgba(255,122,0,0.4);box-shadow:inset 0 -2px 0 0 var(--accent,var(--orange)),0 1px 2px rgba(15,17,21,0.06)}[data-tema="claro"] .mover-opcao,[data-tema="claro"] .perfil-acesso-card,[data-tema="claro"] .epi-motorista-form,[data-tema="claro"] .filtro-select,[data-tema="claro"] .manut-toolbar-campo,[data-tema="claro"] .acomp-filtro,[data-tema="claro"] .ocup-busca{background:#fff;border-color:rgba(15,17,21,0.12)}[data-tema="claro"] .mover-opcao:hover,[data-tema="claro"] .perfil-acesso-card:hover{box-shadow:0 8px 18px rgba(15,17,21,0.1)}[data-tema="claro"] #listaAgendamentos>p.text-muted,[data-tema="claro"] #listaEmergenciasManut>p.text-muted,[data-tema="claro"] #listaTabelaPrecos>p.text-muted,[data-tema="claro"] #listaCorredores>p.text-muted,[data-tema="claro"] #listaEquipes>p.text-muted,[data-tema="claro"] #painelSolicitacoesEdicao>p.text-muted{background:rgba(15,17,21,0.03);border-color:rgba(15,17,21,0.14);color:#5b5f66}[data-tema="claro"] *{scrollbar-color:rgba(15,17,21,0.28) transparent}[data-tema="claro"] *::-webkit-scrollbar-thumb{background:rgba(15,17,21,0.24)}[data-tema="claro"] .nav-btn{color:#4b5058}[data-tema="claro"] .nav-btn:hover:not(.active){color:#111}[data-tema="claro"] .usuario-logado{color:#4b5058}.status-badge,.badge-status,.chip-status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 10px;font-size:0.72rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;line-height:1.6;border:1px solid transparent}.status-badge::before,.badge-status::before,.chip-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto}.table tbody tr{transition:background 0.14s ease}.table th{font-size:0.74rem;letter-spacing:0.1em;text-transform:uppercase}.card h2,.card h3{letter-spacing:0.01em}.card p,.card li,.form-group label{line-height:1.55}.form-group label{font-size:0.78rem;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:var(--text-tertiary,var(--text-muted))}hr,.divider{border:none;border-top:1px solid var(--border-soft,rgba(255,255,255,0.1));margin:1rem 0}.card{transition:border-color 0.18s ease,box-shadow 0.18s ease}a{transition:color 0.14s ease}a:hover{color:var(--accent,var(--orange))}::selection{background:color-mix(in srgb,var(--accent,var(--orange)) 32%,transparent)}input::placeholder,textarea::placeholder{color:var(--text-tertiary,#8b8b93);opacity:0.85}@media (max-width:640px){.status-badge,.badge-status,.chip-status{font-size:0.68rem;padding:3px 8px}}

/* ===================== (antigo refinamento-2.css) ===================== */
/* ============================================================
   REFINAMENTO ESTETICO — ETAPA 2
   Dashboards, tabelas, formularios e modais.
   Usa somente tokens (--surface-*, --border*, --accent) para
   funcionar igual no tema escuro e no tema claro.
   Carregar DEPOIS de styles.css e de refinamento.css.
   ============================================================ */

.dash-card,
.ocup-resumo-card,
.perfil-acesso-card,
.dir-bloco {
    border-radius: 14px;
    border: 1px solid var(--border-soft);
    background: var(--surface-1);
    box-shadow: 0 8px 24px -20px rgba(0, 0, 0, 0.55);
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.dash-card:hover,
.ocup-resumo-card:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 106, 0, 0.4);
    box-shadow: 0 14px 30px -22px rgba(0, 0, 0, 0.6);
}

.dash-card {
    position: relative;
    overflow: hidden;
    padding: 1.05rem 1.15rem;
}
.dash-card::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, var(--accent), rgba(255, 106, 0, 0));
    opacity: .6;
}

.dash-valor,
.ocup-resumo-num {
    font-family: 'Oswald', 'Inter', sans-serif;
    font-weight: 600;
    font-size: clamp(1.6rem, 2.4vw, 2.05rem);
    line-height: 1.05;
    letter-spacing: -0.01em;
    font-variant-numeric: tabular-nums;
}

.dash-label,
.ocup-resumo-label {
    font-size: .72rem;
    letter-spacing: .09em;
    text-transform: uppercase;
    opacity: .8;
}

.dash-info { font-size: .78rem; opacity: .7; }

.dir-bloco-titulo,
.form-secao-titulo {
    font-family: 'Oswald', 'Inter', sans-serif;
    font-weight: 500;
    letter-spacing: .03em;
    text-transform: none;
    font-size: 1.02rem;
    display: flex;
    align-items: center;
    gap: .55rem;
}

.painel-header-bar {
    border-bottom: 1px solid var(--border-soft);
    padding-bottom: .7rem;
    margin-bottom: 1rem;
    gap: .75rem;
    flex-wrap: wrap; /* #543: no celular o botão desce em vez de sair cortado */
}

.table-container,
.tabela-scroll,
.ocup-tabela {
    border-radius: 12px;
    border: 1px solid var(--border-soft);
    overflow: auto;
    background: var(--surface-1);
}

.table-container table,
.tabela-scroll table,
.ocup-tabela table,
table.table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    font-size: .86rem;
}

.table-container thead th,
.tabela-scroll thead th,
.ocup-tabela thead th,
table.table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--surface-2);
    font-family: 'Oswald', 'Inter', sans-serif;
    font-weight: 500;
    font-size: .72rem;
    letter-spacing: .07em;
    text-transform: uppercase;
    padding: .6rem .75rem;
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
}

.table-container tbody td,
.tabela-scroll tbody td,
.ocup-tabela tbody td,
table.table tbody td {
    padding: .58rem .75rem;
    border-bottom: 1px solid var(--border-soft);
    font-variant-numeric: tabular-nums;
}

.table-container tbody tr:hover,
.tabela-scroll tbody tr:hover,
.ocup-tabela tbody tr:hover,
table.table tbody tr:hover {
    background: var(--accent-soft, rgba(255, 106, 0, 0.08));
}

.form-secao {
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    padding: 1rem 1.1rem 1.15rem;
    margin-bottom: 1rem;
    background: var(--surface-1);
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    gap: .85rem;
}
.form-row > .form-group { flex: 1 1 220px; min-width: 0; }
.form-group { margin-bottom: .85rem; }

.form-group > label {
    display: block;
    font-size: .74rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    opacity: .78;
    margin-bottom: .32rem;
}

.form-group input:not([type="checkbox"]):not([type="radio"]),
.form-group select,
.form-group textarea,
.filtro-select {
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--border);
    background: var(--surface-2);
    padding: .56rem .7rem;
    font-size: .9rem;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.form-group input:hover:not([type="checkbox"]):not([type="radio"]),
.form-group select:hover,
.form-group textarea:hover,
.filtro-select:hover { border-color: var(--border-strong); }

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus,
.filtro-select:focus {
    outline: none;
    border-color: rgba(255, 106, 0, 0.65);
    box-shadow: 0 0 0 3px rgba(255, 106, 0, 0.15);
}

.form-group input::placeholder,
.form-group textarea::placeholder { opacity: .45; }

.form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    justify-content: flex-end;
    padding-top: .9rem;
    margin-top: .4rem;
    border-top: 1px solid var(--border-soft);
}

.fg-inline { display: flex; align-items: center; gap: .45rem; }

.checklist-item {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .5rem .65rem;
    border: 1px solid var(--border-soft);
    border-radius: 10px;
    margin-bottom: .45rem;
    background: var(--surface-1);
}
.checklist-item:hover { border-color: rgba(255, 106, 0, 0.32); }

.ocup-chip,
.patio-qtd {
    border-radius: 999px;
    font-size: .74rem;
    letter-spacing: .03em;
    padding: .22rem .6rem;
}

.modal {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.modal-content {
    border-radius: 16px;
    border: 1px solid var(--border);
    box-shadow: 0 40px 90px -45px rgba(0, 0, 0, 0.8);
    animation: rf-modal-in .18s ease-out;
}

@keyframes rf-modal-in {
    from { opacity: 0; transform: translateY(8px) scale(.985); }
    to { opacity: 1; transform: none; }
}

.modal-content .close {
    opacity: .6;
    transition: opacity .15s ease, transform .15s ease;
}
.modal-content .close:hover { opacity: 1; transform: rotate(90deg); }

@media (max-width: 640px) {
    .form-row { gap: .6rem; }
    .form-secao { padding: .85rem .9rem 1rem; }
    .dash-card { padding: .9rem 1rem; }
    .form-actions { justify-content: stretch; }
    .form-actions .btn { flex: 1 1 auto; }
}

@media (prefers-reduced-motion: reduce) {
    .dash-card, .ocup-resumo-card, .modal-content {
        transition: none;
        animation: none;
        transform: none;
    }
}

/* ===================== (antigo refinamento-3.css) ===================== */
/* Refinamento etapas 3 e 4 - camada visual aditiva */
.nav-tabs {
gap: 0.35rem;
padding: 0.35rem;
border-radius: 12px;
background: color-mix(in srgb, var(--text-light) 6%, transparent);
border: 1px solid var(--border-color);
align-items: center;
}
.nav-btn {
border: 1px solid transparent;
border-radius: 8px;
padding: 0.55rem 1rem;
letter-spacing: 0.04em;
font-size: 0.82rem;
color: var(--text-light);
position: relative;
transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}
.nav-btn:hover:not(.active) {
background-color: color-mix(in srgb, var(--orange) 12%, transparent);
border-color: color-mix(in srgb, var(--orange) 28%, transparent);
color: var(--white);
}
.nav-btn.active {
box-shadow: 0 6px 18px -12px color-mix(in srgb, var(--orange) 70%, transparent);
border-color: var(--orange);
}
.nav-btn:focus-visible,
.btn:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
outline: 2px solid color-mix(in srgb, var(--orange) 65%, transparent);
outline-offset: 2px;
}
.selo-aba {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 1.15rem;
height: 1.15rem;
margin-left: 0.4rem;
padding: 0 0.3rem;
border-radius: 999px;
font-size: 0.68rem;
font-weight: 700;
line-height: 1;
background: var(--danger-color, #ef4444);
color: #fff;
}
.btn {
border-radius: 8px;
padding: 0.7rem 1.4rem;
letter-spacing: 0.05em;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.45rem;
transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.btn:hover {
transform: translateY(-1px);
}
.btn:active {
transform: translateY(0);
}
.btn-sm {
border-radius: 6px;
}
.btn:disabled,
.btn[disabled] {
opacity: 0.45;
filter: saturate(0.6);
box-shadow: none;
}
.badge,
.badge-perfil {
border-radius: 999px;
padding: 0.2rem 0.6rem;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.06em;
line-height: 1.5;
white-space: nowrap;
}
* {
scrollbar-width: thin;
scrollbar-color: color-mix(in srgb, var(--text-light) 35%, transparent) transparent;
}
*::-webkit-scrollbar {
width: 9px;
height: 9px;
}
*::-webkit-scrollbar-track {
background: transparent;
}
*::-webkit-scrollbar-thumb {
background: color-mix(in srgb, var(--text-light) 30%, transparent);
border-radius: 999px;
}
*::-webkit-scrollbar-thumb:hover {
background: color-mix(in srgb, var(--orange) 55%, transparent);
}
@media (max-width: 900px) {
.nav-tabs {
flex-wrap: nowrap;
overflow-x: auto;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.nav-tabs::-webkit-scrollbar {
display: none;
}
.nav-btn {
flex: 0 0 auto;
padding: 0.5rem 0.85rem;
font-size: 0.78rem;
}
.btn {
width: auto;
padding: 0.65rem 1.1rem;
}
}
@media (max-width: 620px) {
.form-row {
grid-template-columns: 1fr;
}
.dash-card {
padding: 0.9rem;
}
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}
}
/* ETAPA 4: mobile, estados vazios/carregando, impressao */
.table td.text-center:only-child,
.table td[colspan] {
padding: 2.4rem 1rem;
text-align: center;
color: var(--text-tertiary, #8b8b93);
font-size: 0.9rem;
letter-spacing: 0.02em;
}
.table td[colspan],
.text-muted {
transition: opacity 0.2s ease;
}
.table td[colspan]:not(:empty) {
animation: mmPulse 1.6s ease-in-out infinite;
}
@keyframes mmPulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.55; }
}
#listaAgendamentos > p.text-muted,
#listaEmergenciasManut > p.text-muted,
#listaTabelaPrecos > p.text-muted,
#listaCorredores > p.text-muted,
#listaEquipes > p.text-muted,
#painelSolicitacoesEdicao > p.text-muted {
display: block;
margin: 0;
padding: 2rem 1.25rem;
text-align: center;
border: 1px dashed var(--border-color, rgba(255, 255, 255, 0.12));
border-radius: 12px;
background: color-mix(in srgb, var(--surface-2, #16161b) 60%, transparent);
font-size: 0.9rem;
}
.message:not(:empty) {
padding: 0.8rem 1rem;
border-radius: 10px;
border-left: 3px solid var(--orange, #ff6a00);
background: color-mix(in srgb, var(--orange, #ff6a00) 10%, transparent);
font-size: 0.9rem;
margin-bottom: 1rem;
}
.header-content {
row-gap: 0.75rem;
align-items: center;
}
.header-right {
display: flex;
align-items: center;
gap: 0.6rem;
flex-wrap: wrap;
}
.usuario-logado {
font-size: 0.82rem;
color: var(--text-secondary, #c9c9d1);
max-width: 22ch;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.badge-perfil {
font-size: 0.68rem;
letter-spacing: 0.08em;
text-transform: uppercase;
padding: 0.3rem 0.6rem;
border-radius: 999px;
}
.btn-logout {
border-radius: 999px;
padding: 0.4rem 0.9rem;
font-size: 0.82rem;
}
.card-header-row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
margin-bottom: 1rem;
}
.card-header-row h2 {
margin: 0;
}
@media (max-width: 1024px) {
.main-content {
padding-left: 1rem;
padding-right: 1rem;
}
.card {
padding: 1.25rem;
}
.table {
font-size: 0.86rem;
}
}
@media (max-width: 640px) {
.header-content {
flex-direction: column;
align-items: flex-start;
gap: 0.6rem;
padding: 0.85rem 1rem;
}
.logo-img {
height: 34px;
}
.logo-brand {
font-size: 1.05rem;
}
.logo-tagline {
font-size: 0.6rem;
}
.header-right {
width: 100%;
justify-content: space-between;
gap: 0.5rem;
}
.usuario-logado {
max-width: 14ch;
}
.nav-tabs {
display: flex;
flex-direction: row;
width: 100%;
overflow-x: auto;
flex-wrap: nowrap;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.nav-tabs::-webkit-scrollbar {
display: none;
}
.nav-btn {
flex: 0 0 auto;
white-space: nowrap;
min-height: 40px;
}
.main-content {
padding: 0.9rem 0.75rem 2.5rem;
}
.card {
padding: 1rem;
border-radius: 12px;
}
.card-header-row {
align-items: stretch;
}
.card-header-row .btn {
width: 100%;
}
.form-row,
.form-grid {
grid-template-columns: 1fr !important;
display: grid;
gap: 0.75rem;
}
input,
select,
textarea,
.btn {
min-height: 44px;
font-size: 0.95rem;
}
.table-container,
.tabela-scroll {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border-radius: 10px;
background: linear-gradient(to right, transparent 85%, color-mix(in srgb, var(--orange, #ff6a00) 8%, transparent));
}
.table th,
.table td {
white-space: nowrap;
padding: 0.6rem 0.7rem;
}
.modal-content {
width: 100%;
max-width: 100%;
max-height: 92vh;
border-radius: 14px 14px 0 0;
margin-top: auto;
}
.login-card {
padding: 2rem 1.4rem;
border-radius: 14px;
}
}
@media print {
body::before,
body::after,
.header,
.nav-tabs,
.btn,
.btn-logout,
.modal,
.toast,
.fab {
display: none !important;
}
body,
.card,
.table {
background: #fff !important;
color: #111 !important;
box-shadow: none !important;
}
.card {
border: 1px solid #ddd !important;
break-inside: avoid;
page-break-inside: avoid;
}
.table th {
background: #f2f2f2 !important;
color: #111 !important;
}
.table-container,
.tabela-scroll {
overflow: visible !important;
max-height: none !important;
}
}
/* Etapa 5 */
.log-grupo-abas,.log-tabs,.cad-subtabs{display:flex;flex-wrap:wrap;gap:6px;padding:5px;background:var(--surface-1,rgba(255,255,255,0.04));border:1px solid var(--border-soft,rgba(255,255,255,0.08));border-radius:12px;}.log-tab-btn,.cad-subtab-btn{border:1px solid transparent;border-radius:9px;padding:8px 14px;font-size:0.86rem;font-weight:600;letter-spacing:0.01em;color:var(--text-secondary,var(--text-muted));background:transparent;transition:background 0.18s ease,color 0.18s ease,border-color 0.18s ease;}.log-tab-btn:hover,.cad-subtab-btn:hover{color:var(--text-primary,var(--text-light));background:var(--surface-2,rgba(255,255,255,0.07));}.log-tab-btn.active,.cad-subtab-btn.active{color:var(--text-primary,var(--text-light));background:var(--surface-3,rgba(255,255,255,0.1));border-color:var(--accent-soft,var(--orange-dim,rgba(255,122,0,0.35)));box-shadow:inset 0 -2px 0 0 var(--accent,var(--orange));}.log-grupo-rotulo{font-size:0.72rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-tertiary,var(--text-muted));margin-bottom:6px;}.log-grupo{padding-bottom:4px;}.log-tab-content,.tab-content{animation:mm5-fade 0.2s ease both;}@keyframes mm5-fade{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:none;}}.log-passo{position:relative;padding-left:14px;border-left:2px solid var(--border-soft,rgba(255,255,255,0.1));}.log-passo.active,.log-passo.ativo{border-left-color:var(--accent,var(--orange));}.custom-select-option{padding:9px 12px;border-radius:8px;font-size:0.88rem;cursor:pointer;transition:background 0.14s ease,color 0.14s ease;}.custom-select-option:hover,.custom-select-option.highlight{background:var(--surface-2,rgba(255,255,255,0.07));color:var(--text-primary,var(--text-light));}.custom-select-option[aria-selected="true"],.custom-select-option.selected{background:var(--accent-soft,rgba(255,122,0,0.14));color:var(--text-primary,var(--text-light));font-weight:600;}.filtro-select,.manut-toolbar-campo,.acomp-filtro,.ocup-busca{border-radius:9px;border:1px solid var(--border-soft,rgba(255,255,255,0.1));background:var(--surface-1,rgba(255,255,255,0.04));transition:border-color 0.16s ease,box-shadow 0.16s ease;}.filtro-select:focus,.manut-toolbar-campo:focus,.acomp-filtro:focus,.ocup-busca:focus,.filtro-select:focus-within,.manut-toolbar-campo:focus-within{outline:none;border-color:var(--accent,var(--orange));box-shadow:0 0 0 3px var(--accent-soft,rgba(255,122,0,0.16));}.titulo-colapsavel{display:flex;align-items:center;gap:8px;cursor:pointer;border-radius:9px;padding:8px 10px;transition:background 0.16s ease;user-select:none;}.titulo-colapsavel:hover{background:var(--surface-1,rgba(255,255,255,0.05));}.mover-opcao,.perfil-acesso-card{border:1px solid var(--border-soft,rgba(255,255,255,0.1));border-radius:12px;background:var(--surface-1,rgba(255,255,255,0.04));transition:transform 0.16s ease,border-color 0.16s ease,box-shadow 0.16s ease;}.mover-opcao:hover,.perfil-acesso-card:hover{transform:translateY(-2px);border-color:var(--accent-soft,rgba(255,122,0,0.4));box-shadow:var(--shadow-md,0 8px 20px rgba(0,0,0,0.25));}.mover-icon,.dash-icon,.perfil-icon,.ocup-resumo-ico{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--accent-soft,rgba(255,122,0,0.12));color:var(--accent,var(--orange));}.modal .close,.modal-content .close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;line-height:1;color:var(--text-secondary,var(--text-muted));background:transparent;transition:background 0.16s ease,color 0.16s ease;}.modal .close:hover,.modal-content .close:hover{background:var(--danger-soft,rgba(239,68,68,0.14));color:var(--danger,#ef4444);}.comercial-dashboard,.dir-kpis{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}.ocup-resumo-topo{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));}.checklist-item{border-radius:9px;padding:8px 10px;transition:background 0.14s ease;}.checklist-item:hover{background:var(--surface-1,rgba(255,255,255,0.05));}.ocup-chip,.patio-qtd{border-radius:999px;font-variant-numeric:tabular-nums;}.dash-valor,.ocup-resumo-num,.table td,.ocup-tabela td{font-variant-numeric:tabular-nums;}.epi-motorista-form{border:1px solid var(--border-soft,rgba(255,255,255,0.1));border-radius:12px;padding:14px;background:var(--surface-1,rgba(255,255,255,0.03));}.manut-acoes{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}@media (max-width:640px){.log-grupo-abas,.log-tabs,.cad-subtabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.log-grupo-abas::-webkit-scrollbar,.log-tabs::-webkit-scrollbar,.cad-subtabs::-webkit-scrollbar{display:none;}.log-tab-btn,.cad-subtab-btn{flex:0 0 auto;}.comercial-dashboard,.dir-kpis,.ocup-resumo-topo{grid-template-columns:1fr 1fr;}}@media (prefers-reduced-motion:reduce){.log-tab-content,.tab-content,.mover-opcao,.perfil-acesso-card{animation:none !important;transition:none !important;transform:none !important;}}
/* Etapa 7 */
form,.form-wrapper,.tab-content{counter-reset:secao}.form-secao{counter-increment:secao;position:relative;background:var(--surface-1,rgba(255,255,255,0.03));border:1px solid var(--border-soft,rgba(255,255,255,0.08));border-radius:12px;padding:18px 18px 14px;margin-bottom:18px}.form-secao>h3,.form-secao>h4,.form-secao>.form-secao-titulo{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--border-soft,rgba(255,255,255,0.08));font-size:0.98rem;letter-spacing:0.02em}.form-secao>h3::before,.form-secao>h4::before,.form-secao>.form-secao-titulo::before{content:counter(secao);flex:0 0 auto;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent,#ff7a18);color:#0f1115;font-size:0.8rem;font-weight:700;font-variant-numeric:tabular-nums}.form-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-soft,rgba(255,255,255,0.08))}.form-actions .btn-secundario,.form-actions .btn-cancelar,.form-actions [data-acao="cancelar"]{margin-right:auto}.log-passo{background:var(--surface-1,rgba(255,255,255,0.03));border:1px solid var(--border-soft,rgba(255,255,255,0.08));border-radius:12px;padding:16px;margin-bottom:16px}.log-passo>h3,.log-passo>h4{display:flex;align-items:center;gap:10px;margin:0 0 12px}.log-passo-num{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent,#ff7a18);color:#0f1115;font-size:0.8rem;font-weight:700}.perfil-acesso-card{transition:transform 0.18s ease,box-shadow 0.18s ease,border-color 0.18s ease;cursor:pointer}.perfil-acesso-card:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--accent,#ff7a18) 45%,transparent);box-shadow:0 10px 24px rgba(0,0,0,0.22)}.perfil-acesso-card:hover svg,.perfil-acesso-card:hover i{transform:scale(1.08);transition:transform 0.18s ease}.rota-tipo-btn{border-radius:999px !important;padding:8px 16px;border:1px solid var(--border-soft,rgba(255,255,255,0.12));background:transparent;transition:background 0.15s ease,border-color 0.15s ease,color 0.15s ease}.rota-tipo-btn:hover{border-color:color-mix(in oklab,var(--accent,#ff7a18) 50%,transparent)}.rota-tipo-btn.ativo,.rota-tipo-btn.active,.rota-tipo-btn[aria-pressed="true"]{background:var(--accent,#ff7a18);border-color:var(--accent,#ff7a18);color:#0f1115;font-weight:600}.checklist-item,.opcao-mov{border-radius:10px;padding:8px 10px;transition:background 0.15s ease}.checklist-item:hover,.opcao-mov:hover{background:color-mix(in oklab,var(--accent,#ff7a18) 8%,transparent)}[data-tema="claro"] .form-secao,[data-tema="claro"] .log-passo{background:#fff;border-color:rgba(15,17,21,0.10)}[data-tema="claro"] .form-secao>h3,[data-tema="claro"] .form-secao>h4,[data-tema="claro"] .form-actions,[data-tema="claro"] .form-secao>.form-secao-titulo{border-color:rgba(15,17,21,0.08)}[data-tema="claro"] .rota-tipo-btn{border-color:rgba(15,17,21,0.14)}[data-tema="claro"] .perfil-acesso-card:hover{box-shadow:0 10px 24px rgba(15,17,21,0.10)}@media (max-width:640px){.form-secao,.log-passo{padding:14px 12px;border-radius:10px}.form-actions{flex-direction:column-reverse;align-items:stretch}.form-actions>*{width:100%;min-height:44px}.form-actions .btn-secundario,.form-actions .btn-cancelar,.form-actions [data-acao="cancelar"]{margin-right:0}.rota-tipo-btn{min-height:40px}}