:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#10213f;background:#e8eff8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% -10%,#b9d7ff 0,transparent 32%),radial-gradient(circle at 100% 16%,#d4c5ff 0,transparent 32%),linear-gradient(145deg,#edf4fc 0,#dfe9f5 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.24) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#0004,transparent 70%)}main{max-width:760px;margin:auto;padding:28px 18px 48px;position:relative}.card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,250,255,.88));border:1px solid rgba(255,255,255,.9);border-radius:24px;padding:22px;margin:16px 0;box-shadow:14px 16px 30px rgba(52,83,125,.13),-8px -8px 22px rgba(255,255,255,.86),inset 0 1px rgba(255,255,255,.8)}.card:first-child{background:linear-gradient(135deg,#09234e 0%,#174d94 55%,#2175d9 100%);border:1px solid rgba(255,255,255,.26);color:#fff;padding:30px 25px;box-shadow:18px 20px 38px rgba(19,49,92,.28),inset 1px 1px rgba(255,255,255,.18),inset -1px -1px rgba(2,21,53,.25)}.card:first-child:after{content:"";position:absolute;width:240px;height:240px;right:-106px;top:-100px;border-radius:50%;background:radial-gradient(circle at 36% 35%,#fff9 0 2%,#fff2 3% 15%,transparent 43%);border:1px solid rgba(255,255,255,.17);box-shadow:0 0 0 24px rgba(255,255,255,.04),0 0 0 48px rgba(255,255,255,.03)}.card:first-child:before{content:"FERRAGISTA SÃO LUÍS  ·  COLABORADOR";position:relative;z-index:1;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:850;letter-spacing:.13em;color:#c9e2ff;margin-bottom:13px}.card:first-child h1,.card:first-child p,.card:first-child .acoes{position:relative;z-index:1}.card:first-child p{color:#e2efff;max-width:490px}.card:first-child .sec{color:#f1f7ff;background:linear-gradient(145deg,rgba(255,255,255,.21),rgba(255,255,255,.08));border-color:rgba(255,255,255,.32);box-shadow:inset 0 1px rgba(255,255,255,.24),0 6px 12px rgba(3,23,57,.15)}h1{font-size:28px;letter-spacing:-.05em;line-height:1.04;margin:0 0 8px}h2{font-size:15px;letter-spacing:-.01em;margin:0 0 12px;color:#123461}p{color:#62738d;line-height:1.55;margin:8px 0 0}.acoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.acoes button,button{min-height:50px;border:0;border-radius:14px;padding:12px 15px;font:inherit;font-size:14px;font-weight:800;color:#fff;background:linear-gradient(145deg,#2893ff,#0762d6);box-shadow:0 7px 0 #064ba8,0 12px 18px rgba(15,88,189,.24),inset 0 1px 1px rgba(255,255,255,.42);cursor:pointer;transition:transform .13s ease,box-shadow .13s ease,filter .13s ease}button:hover{filter:brightness(1.04);transform:translateY(-1px)}button:active{transform:translateY(5px);box-shadow:0 2px 0 #064ba8,0 5px 9px rgba(15,88,189,.2),inset 0 1px 2px rgba(2,41,99,.35)}button.sec{background:linear-gradient(145deg,#fff,#eaf2fc);color:#185aa9;border:1px solid #c6d9ef;box-shadow:0 5px 0 #bbd0e8,0 9px 14px rgba(55,91,138,.11),inset 0 1px #fff}.acoes button[data-s]{grid-column:span 2;background:linear-gradient(145deg,#3aa4ff,#0870ee);box-shadow:0 7px 0 #0755bd,0 12px 20px rgba(9,98,215,.28),inset 0 1px rgba(255,255,255,.5)}.acoes button[data-f]{background:linear-gradient(145deg,#16b4b4,#087b8b);box-shadow:0 7px 0 #056172,0 12px 19px rgba(5,117,135,.25),inset 0 1px rgba(255,255,255,.4)}.acoes button[data-x]{color:#b42318;border-color:#ffd2cd;background:linear-gradient(145deg,#fff,#fff4f2);box-shadow:0 5px 0 #f5c5be,0 9px 14px rgba(158,49,32,.10)}.item{position:relative;display:grid;gap:5px;border-top:1px solid #e5edf7;padding:14px 4px 14px 15px;color:#40536d;font-size:14px}.item:before{content:"";position:absolute;left:0;top:17px;width:5px;height:31px;border-radius:999px;background:linear-gradient(#40a4ff,#1470da);box-shadow:0 2px 5px #1470da55}.item:first-of-type{border-top:0}.item strong{display:block;color:#153861;font-size:13px;text-transform:capitalize}.item strong:before{content:"ATUALIZAÇÃO";font-size:9px;letter-spacing:.06em;color:#2777ce;border-radius:5px;background:#e7f2ff;padding:3px 5px;margin-right:7px}label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#233c5e;margin:16px 0}input,select,textarea{width:100%;font:inherit;font-size:16px;padding:13px;border:1px solid #c9d8eb;border-radius:13px;background:linear-gradient(145deg,#fff,#f2f7fd);box-shadow:inset 2px 2px 5px rgba(34,70,112,.07),inset -2px -2px 4px #fff;outline:none}input:focus,select:focus,textarea:focus{border-color:#2587f4;box-shadow:0 0 0 4px rgba(37,135,244,.14),inset 1px 1px 4px rgba(34,70,112,.05)}textarea{min-height:116px;resize:vertical}form>button{width:100%;margin-top:9px}.erro{color:#b42318!important;background:#fff1f0;border:1px solid #ffd5d1;border-radius:11px;padding:10px}.ok{color:#087443}.portal-frota{max-width:none}.portal-frota iframe{border-radius:18px}@media(max-width:480px){main{padding:17px 12px 36px}.card{border-radius:20px;padding:19px}.card:first-child{padding:26px 20px}h1{font-size:25px}.acoes{gap:10px}.acoes button{font-size:13px;padding:10px}.acoes button[data-s]{grid-column:span 2}}@media(orientation:landscape) and (max-height:620px){main{max-width:1040px;padding:15px}.card{margin:10px 0}.card:first-child{padding:20px 24px}.acoes{grid-template-columns:repeat(4,1fr)}.acoes button[data-s]{grid-column:auto}}
.sync-global{position:fixed;right:12px;top:12px;z-index:9999;padding:8px 12px;border-radius:999px;background:#e8f7ee;color:#146c3a;font:700 12px/1.2 system-ui;box-shadow:0 6px 20px #0b254033;pointer-events:none}.sync-global[data-estado="sincronizando"]{background:#e8f1ff;color:#1456a0}.sync-global[data-estado="aguardando"]{background:#fff5d6;color:#805b00}.sync-global[data-estado="erro"]{background:#ffe6e6;color:#a32121}@media(max-width:600px){.sync-global{top:auto;right:10px;bottom:76px}}
.sync-global{min-height:0;border:0;pointer-events:auto;cursor:pointer}
.sync-global[data-estado="erro"]{display:grid;gap:3px;max-width:min(92vw,430px);text-align:left;white-space:normal}.sync-global span{font-size:11px;font-weight:600;line-height:1.3}.sync-global small{font-size:10px;opacity:.8}