/* INFOMAX Transportes 1.0 */
:root{--azul:#1673e6;--azul2:#0b5fd6;--navy:#0b2358;--navy2:#061a44;--fundo:#f2f6fb;--card:#fff;--txt:#10213f;--muted:#5e7090;--borda:#dbe5f1;--ok:#15803d;--okbg:#e7f7ed;--bad:#b91c1c;--badbg:#fdecec;--warn:#b45309;--warnbg:#fff4e0;--info:#1d4ed8;--infobg:#e8f0ff;--cinza:#64748b;--cinzabg:#eef2f7;--sombra:0 6px 24px rgba(16,50,100,.08);--raio:14px}
*{box-sizing:border-box}html,body{margin:0}body{font:14px/1.45 Inter,"Segoe UI",Roboto,Arial,sans-serif;color:var(--txt);background:var(--fundo);-webkit-text-size-adjust:100%}
a{color:var(--azul)}button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{margin:0;line-height:1.2}
.muted{color:var(--muted)}.small{font-size:12px}.right{text-align:right}.nowrap{white-space:nowrap}.mono{font-family:ui-monospace,Consolas,monospace;font-size:12px;word-break:break-all}
.hide{display:none!important}

/* ---------- login (1.1.1: mesmo padrão visual da Locadora Web) */
.login-body{min-height:100vh;background:linear-gradient(135deg,#f7fbff,#e8f1fb)}
.login-wrap{display:grid;grid-template-columns:56% 44%;min-height:100vh}
.login-brand{background:#eef5fb url('login-transportes-bg.jpg') left center/cover no-repeat;position:sticky;top:0;height:100vh;align-self:start}
.login-side{display:grid;place-items:center;padding:34px 28px;background:radial-gradient(circle at top right,#fff 0%,#f7fbff 38%,#eef5fb 100%)}
.login-card{width:min(560px,96%);background:#fff;border:1px solid #d8e6f3;border-radius:28px;padding:38px 38px 28px;box-shadow:0 25px 60px rgba(25,84,145,.12)}
.login-card .secure{display:flex;justify-content:center;gap:8px;color:#0b77ea;font-weight:800;letter-spacing:3px;font-size:13px;margin-bottom:10px}
.login-card h1{text-align:center;font-size:64px;line-height:1;letter-spacing:-2px;color:#092459;margin:0}
.login-card .sub{text-align:center;color:#6980a3;font-size:16px;margin:12px 0 26px}
.login-card .lbl{display:block;font-weight:800;color:#0f2347;margin:16px 0 8px;font-size:14px}
.login-card .lf{display:flex;align-items:center;background:#fff;border:1px solid #cfe0ef;border-radius:14px;overflow:hidden;min-height:58px;transition:border-color .15s,box-shadow .15s}
.login-card .lf:focus-within{border-color:#087cf1;box-shadow:0 0 0 3px rgba(8,124,241,.14)}
.login-card .fi{width:56px;flex:0 0 56px;align-self:stretch;display:grid;place-items:center;background:#fbfdff;border-right:1px solid #dce8f3;font-size:18px}
.login-card .lf input,.login-card .lf select{border:0;outline:none;min-height:56px;width:100%;padding:0 16px;background:transparent;color:#112650;font-weight:600}
.login-card .eye{flex:0 0 48px;height:48px;border:0;background:transparent;cursor:pointer;font-size:18px;opacity:.65}.login-card .eye:hover{opacity:1}
.login-btn{width:100%;min-height:62px;margin-top:26px;border:0;border-radius:16px;background:linear-gradient(90deg,#0a86fb,#0a63e6);color:#fff;font-weight:800;font-size:20px;cursor:pointer;box-shadow:0 14px 30px rgba(8,124,241,.22)}
.login-btn:hover{filter:brightness(1.03)}.login-btn:disabled{opacity:.6}
.login-msg{color:#c33;text-align:center;margin-top:10px;min-height:20px}
.ixl-login{text-align:center;margin-top:22px;border-top:1px solid #e3eaf4;padding-top:20px}.ixl-login img{height:62px;max-width:100%}.ixl-login p{margin:8px 0 0;color:#4b5a73;font-size:14px}
.login-note{margin-top:14px;text-align:center;color:#8797b0;font-size:12px;line-height:1.5}
@media(max-width:1200px){.login-wrap{grid-template-columns:50% 50%}.login-card h1{font-size:52px}}
@media(max-width:980px){.login-wrap{display:block}.login-brand{position:static;height:auto;min-height:0;aspect-ratio:1059/854;max-height:460px;background-size:cover;background-position:left top}.login-side{padding:16px 14px 24px}.login-card{margin:-40px auto 0;position:relative;width:min(640px,100%);padding:30px 22px 24px}.login-card h1{font-size:46px}}
@media(max-width:600px){.login-card h1{font-size:40px}.login-card .sub{font-size:14px}.login-btn{font-size:18px;min-height:56px}}

/* ---------- estrutura */
.app{display:flex;min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,var(--navy),var(--navy2));color:#dbe7ff;display:flex;flex-direction:column;z-index:40;transition:transform .2s}
.logo{padding:16px 14px 10px;background:#fff;margin:12px;border-radius:12px;text-align:center}.logo img{max-width:100%;height:42px}
.sidebar nav{flex:1;overflow-y:auto;padding:6px 10px 10px}
.nav-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;margin:2px 0;border:0;border-radius:10px;background:transparent;color:#cfdcf7;text-align:left;cursor:pointer;font-weight:600}
.nav-btn .i{width:22px;text-align:center;font-size:16px}
.nav-btn:hover{background:rgba(255,255,255,.08);color:#fff}.nav-btn.active{background:linear-gradient(90deg,#1f7bff,#1063de);color:#fff;box-shadow:0 6px 16px rgba(20,110,240,.35)}
.nav-sep{height:1px;background:rgba(255,255,255,.12);margin:8px 6px}
.nav-tit{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#8ea6d6;padding:10px 12px 2px}
.side-foot{padding:12px 16px;font-size:11px;color:#8ea6d6;border-top:1px solid rgba(255,255,255,.1)}
main{flex:1;margin-left:250px;min-width:0}
.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:12px 24px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--borda)}
.top-title{flex:1;min-width:0}.top-title h1{font-size:20px}.top-title p{margin:2px 0 0;color:var(--muted);font-size:12px}
.top-right{display:flex;align-items:center;gap:12px}
.company{background:var(--infobg);color:var(--info);padding:6px 12px;border-radius:999px;font-weight:700;font-size:12px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user{display:flex;align-items:center;gap:8px}.user b{display:block;font-size:13px}.user small{color:var(--muted);font-size:11px}
.avatar{width:34px;height:34px;border-radius:50%;background:var(--infobg);display:grid;place-items:center}
.menu-toggle{display:none;border:0;background:var(--infobg);color:var(--navy);width:40px;height:40px;border-radius:10px;font-size:20px;cursor:pointer}
#content{padding:22px 24px 60px;max-width:1500px}
.backdrop{display:none}
@media(max-width:980px){
  .sidebar{transform:translateX(-100%)}.sidebar.open{transform:none}
  .backdrop.show{display:block;position:fixed;inset:0;background:rgba(5,15,40,.45);z-index:35}
  main{margin-left:0}.menu-toggle{display:block}.company,.user div,.user,#pageSub{display:none}
  .top{padding:10px 14px}#content{padding:14px 12px 70px}
}

/* ---------- componentes */
.card{background:var(--card);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra);padding:18px;margin-bottom:16px}
.card h2{font-size:16px;margin-bottom:12px}.card h3{font-size:14px;margin:14px 0 8px}
.card-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.card-head h2{margin:0;flex:1}
.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:16px}
.kpi{background:#fff;border:1px solid var(--borda);border-radius:var(--raio);padding:16px;box-shadow:var(--sombra);cursor:default}
.kpi.link{cursor:pointer}.kpi.link:hover{border-color:var(--azul)}
.kpi small{display:block;color:var(--muted);font-weight:600;font-size:12px}.kpi b{display:block;font-size:24px;margin:4px 0 2px;letter-spacing:-.5px}.kpi span{font-size:12px;color:var(--muted)}
.kpi.ok b{color:var(--ok)}.kpi.bad b{color:var(--bad)}.kpi.warn b{color:var(--warn)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:1300px){.kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.kpis{grid-template-columns:1fr 1fr}.kpi b{font-size:19px}}
@media(max-width:1100px){.grid2,.grid3{grid-template-columns:1fr}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 14px;border-radius:10px;border:1px solid var(--borda);background:#fff;color:var(--txt);font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn:hover{border-color:var(--azul);color:var(--azul)}.btn:disabled{opacity:.55;cursor:not-allowed}
.btn.pri{background:linear-gradient(90deg,#1a7bff,#0b5fd6);border-color:transparent;color:#fff}.btn.pri:hover{color:#fff;filter:brightness(1.05)}
.btn.ok{background:var(--ok);border-color:transparent;color:#fff}.btn.danger{color:var(--bad);border-color:#f3c4c4}.btn.danger:hover{background:var(--badbg)}
.btn.sm{min-height:30px;padding:4px 10px;font-size:12px;border-radius:8px}.btn.lg{min-height:52px;font-size:16px;padding:12px 20px}
.btns{display:flex;flex-wrap:wrap;gap:8px}
.filtros{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:12px}
.filtros label,.form label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:#35486b}
input,select,textarea{border:1px solid #cddbeb;border-radius:9px;padding:8px 10px;min-height:38px;background:#fff;max-width:100%}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(22,115,230,.15);border-color:var(--azul)}
textarea{min-height:80px;resize:vertical}
.filtros .grow{flex:1;min-width:200px}
.form{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.form .s2{grid-column:span 2}.form .s4{grid-column:1/-1}
.form label.chk{flex-direction:row;align-items:center;gap:8px;font-weight:600;font-size:13px}.form label.chk input{min-height:auto;width:18px;height:18px}
@media(max-width:800px){.form{grid-template-columns:1fr 1fr}.form .s2,.form .s4{grid-column:1/-1}}
@media(max-width:480px){.form{grid-template-columns:1fr}}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.tab{border:1px solid var(--borda);background:#fff;border-radius:999px;padding:7px 14px;font-weight:700;cursor:pointer;font-size:13px}
.tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}.tab .n{opacity:.7;margin-left:4px}

/* tabelas (viram cartões no celular) */
.tabela-wrap{overflow-x:auto;border:1px solid var(--borda);border-radius:12px;background:#fff}
table.t{width:100%;border-collapse:collapse;font-size:13px}
.t th{background:#f4f7fc;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#51658a;padding:10px;border-bottom:1px solid var(--borda);white-space:nowrap}
.t td{padding:9px 10px;border-bottom:1px solid #edf2f8;vertical-align:top}
.t tr:hover td{background:#fafcff}.t tr.sel td{background:#eef5ff}
.t td.num,.t th.num{text-align:right;white-space:nowrap}
.t tfoot td{font-weight:800;background:#f4f7fc;border-top:2px solid var(--borda)}
.t .acoes{white-space:nowrap;text-align:right}
@media(max-width:760px){
  .tabela-wrap.cards{border:0;background:transparent;overflow:visible}
  .cards table.t,.cards .t tbody,.cards .t tr,.cards .t td{display:block;width:100%}
  .cards .t thead{display:none}
  .cards .t tr{background:#fff;border:1px solid var(--borda);border-radius:12px;margin-bottom:10px;padding:8px 10px;box-shadow:var(--sombra)}
  .cards .t td{border:0;padding:4px 0;text-align:right;overflow:hidden}
  .cards .t td::before{content:attr(data-l);float:left;margin-right:12px;font-weight:700;color:var(--muted);font-size:11px;text-transform:uppercase;text-align:left;line-height:20px}
  .cards .t td.acoes{padding-top:8px}.cards .t td.acoes::before{display:none}
  .cards .t tfoot{display:block}.cards .t tfoot tr{background:#f4f7fc}
}
.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.2px;white-space:nowrap}
.b-ok{background:var(--okbg);color:var(--ok)}.b-bad{background:var(--badbg);color:var(--bad)}.b-warn{background:var(--warnbg);color:var(--warn)}.b-info{background:var(--infobg);color:var(--info)}.b-cinza{background:var(--cinzabg);color:var(--cinza)}
.pag{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;flex-wrap:wrap}
.totais{display:flex;flex-wrap:wrap;gap:8px 18px;padding:10px 12px;background:#f7faff;border:1px solid var(--borda);border-radius:10px;margin-bottom:12px;font-size:13px}.totais b{color:var(--navy)}
.alerta{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:10px;margin-bottom:8px;font-size:13px;border:1px solid transparent}
.alerta.bad{background:var(--badbg);border-color:#f6caca;color:#7f1d1d}.alerta.warn{background:var(--warnbg);border-color:#f5d9a8;color:#78350f}.alerta.info{background:var(--infobg);border-color:#c7d8fb;color:#1e3a8a}.alerta.ok{background:var(--okbg);border-color:#bfe6cc;color:#14532d}
.alerta a{font-weight:700;margin-left:auto;white-space:nowrap}
.vazio{text-align:center;color:var(--muted);padding:34px 10px}.loading{padding:40px;text-align:center;color:var(--muted)}
.chart{display:flex;align-items:flex-end;gap:6px;height:190px;padding:8px 4px 0;border-bottom:1px solid var(--borda)}
.chart .bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}
.chart .bar i{display:block;width:70%;max-width:38px;background:linear-gradient(180deg,#3b8cff,#0b5fd6);border-radius:6px 6px 0 0;min-height:2px}
.chart .bar span{font-size:10px;color:var(--muted);margin-top:4px;white-space:nowrap}.chart .bar em{font-style:normal;font-size:10px;color:var(--navy);font-weight:700;margin-bottom:3px;white-space:nowrap}
.dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px 18px}.dl div small{display:block;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.dl div b{font-weight:600;word-break:break-word}
.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;padding:0 0 14px 22px;border-left:2px solid var(--borda);margin-left:6px}
.timeline li::before{content:'';position:absolute;left:-7px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--azul)}.timeline li.bad::before{background:var(--bad)}.timeline li.ok::before{background:var(--ok)}
.fotos{display:flex;flex-wrap:wrap;gap:10px}.fotos img{width:150px;height:110px;object-fit:cover;border-radius:10px;border:1px solid var(--borda);cursor:zoom-in}
.assinatura-img{max-width:100%;height:120px;object-fit:contain;background:#fff;border:1px dashed var(--borda);border-radius:10px}
.drop{border:2px dashed #9dbcf0;border-radius:16px;padding:34px 16px;text-align:center;background:#f7fbff;cursor:pointer;transition:.15s}
.drop.over{background:#e8f1ff;border-color:var(--azul)}.drop b{font-size:17px;display:block;margin:6px 0}
.codigo{font-family:ui-monospace,Consolas,monospace;font-size:15px;background:#0b2358;color:#bff0ff;padding:12px;border-radius:10px;word-break:break-all;user-select:all}
.rel-grupos{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.rel-item{display:block;width:100%;text-align:left;border:1px solid var(--borda);background:#fff;border-radius:10px;padding:10px 12px;margin-bottom:8px;cursor:pointer}
.rel-item:hover{border-color:var(--azul);background:#f7fbff}.rel-item b{display:block;font-size:13px}.rel-item span{font-size:12px;color:var(--muted)}
.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--borda);border-radius:12px;box-shadow:0 14px 40px rgba(10,30,70,.18);min-width:220px;z-index:60;padding:6px}
.dropdown-menu button{display:flex;gap:8px;width:100%;text-align:left;border:0;background:none;padding:9px 10px;border-radius:8px;cursor:pointer;font-weight:600}.dropdown-menu button:hover{background:#f1f6ff;color:var(--azul)}

/* modal e avisos */
.modal{position:fixed;inset:0;background:rgba(6,20,48,.55);display:flex;align-items:flex-start;justify-content:center;padding:4vh 12px;z-index:100;overflow-y:auto}
.modal-card{background:#fff;border-radius:18px;width:min(900px,100%);box-shadow:0 30px 90px rgba(0,0,0,.35)}.modal-card.small{width:min(520px,100%)}.modal-card.large{width:min(1150px,100%)}
.modal-card header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--borda)}.modal-card header h2{flex:1;font-size:17px}
.modal-card .x{border:0;background:var(--cinzabg);width:36px;height:36px;border-radius:10px;font-size:20px;cursor:pointer}
.modal-body{padding:18px 20px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:0 20px 18px;flex-wrap:wrap}
#toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:200;max-width:calc(100vw - 32px)}
.toast{background:#0f1f3a;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:.4s;max-width:420px}
.toast.bad{background:#991b1b}.toast.out{opacity:0;transform:translateY(10px)}

/* aplicativo do motorista */
.mot{max-width:640px;margin:0 auto;min-height:100vh;background:var(--fundo)}
.mot-top{position:sticky;top:0;z-index:20;background:linear-gradient(90deg,var(--navy),#123a86);color:#fff;padding:12px 14px;display:flex;align-items:center;gap:10px}
.mot-top img{height:30px;background:#fff;border-radius:8px;padding:3px 6px}.mot-top div{flex:1;min-width:0}.mot-top b{display:block;font-size:15px}.mot-top small{opacity:.8;font-size:12px}
.mot-top button{border:0;background:rgba(255,255,255,.15);color:#fff;border-radius:10px;padding:8px 10px;font-weight:700}
.mot-body{padding:12px}
.ent-card{background:#fff;border:1px solid var(--borda);border-radius:14px;padding:14px;margin-bottom:10px;box-shadow:var(--sombra)}
.ent-card h3{font-size:16px;margin:0 0 4px}.ent-card p{margin:2px 0;color:#34466a;font-size:14px}
.ent-card .linha{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}
.big-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.big-actions .btn{min-height:54px;font-size:15px}
.fila{background:var(--warnbg);color:var(--warn);border:1px solid #f5d9a8;border-radius:12px;padding:10px 12px;margin-bottom:10px;font-weight:700}
.passo{background:#fff;border:1px solid var(--borda);border-radius:14px;padding:14px;margin-bottom:12px}
.passo h3{font-size:15px;margin:0 0 10px;display:flex;align-items:center;gap:8px}.passo h3 .n{background:var(--azul);color:#fff;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:13px}
.passo label{display:flex;flex-direction:column;gap:5px;font-weight:700;font-size:13px;margin-bottom:10px}.passo input,.passo select,.passo textarea{min-height:48px;font-size:16px}
.thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.thumbs div{position:relative}.thumbs img{width:92px;height:92px;object-fit:cover;border-radius:10px;border:1px solid var(--borda)}
.thumbs button{position:absolute;top:-6px;right:-6px;width:26px;height:26px;border-radius:50%;border:0;background:var(--bad);color:#fff;font-weight:800}
.assin{position:relative;border:2px dashed #9dbcf0;border-radius:12px;background:#fff;touch-action:none}.assin canvas{display:block;width:100%;height:200px;border-radius:12px}
.assin span{position:absolute;left:12px;bottom:8px;color:#9aa9c3;font-size:12px;pointer-events:none}
.gps{font-size:13px;padding:8px 10px;border-radius:10px;background:var(--cinzabg);color:var(--cinza)}.gps.ok{background:var(--okbg);color:var(--ok)}

/* verificação pública */
.verif{display:grid;place-items:center;min-height:100vh;padding:16px;background:#eef4fb}
.verif-card{background:#fff;border-radius:18px;padding:26px;max-width:560px;width:100%;box-shadow:var(--sombra)}.verif-logo{height:48px;display:block;margin:0 auto 16px}
.verif h1{font-size:20px;text-align:center}.verif .ok{color:var(--ok);text-align:center;font-weight:700}.verif .bad{color:var(--bad);text-align:center}
.verif dl{display:grid;grid-template-columns:140px 1fr;gap:8px 12px}.verif dt{color:var(--muted);font-weight:700;font-size:12px}.verif dd{margin:0}.verif code{word-break:break-all;font-size:11px}
@media print{.sidebar,.top,.no-print,.filtros,.pag,.btns{display:none!important}main{margin:0}#content{padding:0}.card{box-shadow:none;border:0}}

/* 1.1.2: perfis de acesso editáveis */
.perfil-box{border:1px solid var(--borda);border-radius:12px;padding:12px 14px}.perfil-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.perfil-box ul{margin:8px 0;padding-left:18px}
.perm-lista{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;margin-top:6px}.perm-grupo{grid-column:1/-1;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted,#6f809e);margin-top:8px;border-bottom:1px solid var(--borda);padding-bottom:3px}
@media(max-width:700px){.perm-lista{grid-template-columns:1fr}}