:root{--navy:#123b78;--blue:#2165c5;--green:#159172;--yellow:#f1ae1f;--red:#d94964;--purple:#7052c4;--ink:#172033;--muted:#6d778a;--line:#e3e8f0;--soft:#f3f6fa;--shadow:0 12px 30px rgba(24,47,86,.09)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:var(--soft);color:var(--ink)}button,input,select,textarea{font:inherit}button,a{transition:.2s}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;z-index:30;display:flex;flex-direction:column;background:linear-gradient(180deg,#123e82,#10346d);color:#fff;box-shadow:8px 0 28px rgba(15,47,98,.12)}.sidebar>header{height:94px;padding:12px 22px;display:flex;align-items:center;background:#fff;border-bottom:4px solid var(--yellow)}.sidebar>header img{width:180px;max-height:70px;object-fit:contain}.sidebar>header button{display:none;margin-left:auto;border:0;background:none;font-size:25px}.workspace{margin:17px 13px;padding:10px;display:flex;align-items:center;gap:10px;border:1px solid #ffffff18;border-radius:10px;background:#ffffff0d}.workspace>b,.user>b{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--green))}.workspace span,.user span{display:flex;flex-direction:column;gap:3px}.workspace strong,.user strong{font-size:12px}.workspace small,.user small{font-size:10px;color:#b8cae2}.sidebar nav{padding:2px 11px;overflow:auto}.sidebar nav>small{display:block;margin:20px 13px 8px;color:#88a4cc;font-size:9px;font-weight:bold;letter-spacing:.13em}.sidebar nav a{height:43px;padding:0 12px;display:flex;align-items:center;gap:12px;border-radius:8px;color:#d0dced;text-decoration:none;font-size:12px;font-weight:600}.sidebar nav a i{width:22px;font-size:17px;font-style:normal;text-align:center;color:#a9c2e2}.sidebar nav a:hover,.sidebar nav a.active{background:#3471c274;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 #55d0a3}.sidebar>footer{margin-top:auto;padding:14px;border-top:1px solid #ffffff18;display:flex;align-items:center;gap:10px}.sidebar>footer .user{display:flex;align-items:center;gap:9px;flex:1}.sidebar>footer>a{color:#c8d7ea;font-size:11px}.main{min-height:100vh;margin-left:260px}.topbar{height:94px;padding:0 30px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;background:#fffffff2;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.topbar h1{margin:0;font-size:23px}.topbar p{margin:6px 0 0;color:var(--muted);font-size:12px}.topbar>aside{margin-left:auto;display:flex;gap:9px}.hamb{display:none}.search{height:40px;width:285px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;background:#f9fafc;color:#7a8597}.search input{min-width:0;flex:1;border:0;outline:0;background:transparent}.bell{width:40px;border:1px solid var(--line);border-radius:9px;background:#fff}.content{padding:26px 30px 42px;max-width:1580px;margin:auto}.btn{min-height:40px;padding:0 15px;border:1px solid transparent;border-radius:9px;cursor:pointer;font-weight:700;font-size:12px}.btn.primary{background:linear-gradient(135deg,var(--blue),#1856ad);color:#fff;box-shadow:0 7px 15px #2166c72c}.btn.soft{background:#edf1f7;color:#526076}.btn:disabled{opacity:.5;cursor:not-allowed}.full{width:100%}.alert{margin-bottom:16px;padding:13px 15px;border-radius:9px;font-size:13px}.alert.success{background:#e5f7ef;color:#13765f;border:1px solid #bce9d8}.alert.danger{background:#ffeaee;color:#b52d48;border:1px solid #f4c2cc}.panel{border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 4px 15px #1d355a0a;overflow:hidden}.panel>header{min-height:72px;padding:19px 21px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #edf0f4}.panel>header h2{margin:0;font-size:15px}.panel>header p{margin:5px 0 0;color:var(--muted);font-size:11px}.panel>header a{font-size:11px;color:var(--blue);font-weight:bold;text-decoration:none}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.metric{min-height:115px;padding:19px;display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:13px;background:#fff}.metric>i{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;font-style:normal;font-weight:bold}.metric>i.blue{background:#e5efff;color:var(--blue)}.metric>i.green{background:#e1f5ee;color:var(--green)}.metric>i.purple{background:#eee9fa;color:var(--purple)}.metric>i.yellow{background:#fff2d6;color:#a06a00}.metric span{display:flex;flex-direction:column;gap:7px}.metric small{font-size:11px;color:var(--muted)}.metric strong{font-size:21px}.grid-main{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.list>div{padding:14px 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #eef1f5}.list>div>i{width:9px;height:40px;border-radius:5px}.list span{display:flex;flex:1;flex-direction:column;gap:4px}.list b{font-size:12px}.list small,.list em{font-size:11px;color:var(--muted);font-style:normal}.quick{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick button,.quick a{min-height:62px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fafbfd;text-align:left;color:#344155;text-decoration:none;font-size:12px;font-weight:bold;cursor:pointer}.quick button:hover,.quick a:hover{border-color:#a9c6ed;background:#f1f7ff}.empty{padding:42px 20px;text-align:center;color:var(--muted);font-size:12px}.actionbar{min-height:52px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between}.actionbar span{font-size:12px;color:var(--muted)}.board{display:grid;grid-auto-flow:column;grid-auto-columns:290px;gap:13px;overflow-x:auto;padding-bottom:15px}.column{min-height:520px;border:1px solid var(--line);border-radius:12px;background:#eaf0f7}.column>header{height:52px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:12px 12px 0 0;border-bottom:1px solid var(--line);font-size:11px}.column>header span{display:flex;align-items:center;gap:7px;font-weight:bold}.column>header i{width:8px;height:8px;border-radius:50%}.column>header b{padding:4px 7px;border-radius:7px;background:#edf1f5}.dropzone{min-height:460px;padding:10px}.dropzone.over{background:#dce9f8}.travel-card{margin-bottom:9px;padding:14px;border:1px solid #dfe5ed;border-radius:10px;background:#fff;box-shadow:0 5px 12px #123a7810;cursor:grab}.travel-card.dragging{opacity:.45}.travel-card b,.travel-card strong{display:block;font-size:12px}.travel-card p{margin:8px 0;font-size:11px}.travel-card small{display:block;color:var(--muted);font-size:10px}.travel-card strong{margin-top:11px;color:var(--navy)}.table{overflow-x:auto}.table table{width:100%;border-collapse:collapse}.table th{padding:13px 16px;background:#f7f9fc;color:#69758a;font-size:9px;letter-spacing:.07em;text-align:left;white-space:nowrap}.table td{padding:14px 16px;border-top:1px solid #edf0f4;font-size:11px;white-space:nowrap}.table td.positive{color:var(--green);font-weight:bold}.calc-grid{display:grid;grid-template-columns:1.5fr .65fr;gap:18px;margin-bottom:18px}.form-panel form{padding:20px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal label,.form-panel label,.setup-card label,.login-card label{display:flex;flex-direction:column;gap:6px;margin-bottom:13px;color:#556176;font-size:10px;font-weight:bold}.modal input,.modal select,.modal textarea,.form-panel input,.form-panel select,.setup-card input,.login-card input{width:100%;height:41px;padding:0 11px;border:1px solid #d9e0ea;border-radius:8px;background:#fff;color:var(--ink);outline:none}.modal textarea{height:75px;padding-top:10px}.modal input:focus,.modal select:focus,.form-panel input:focus,.form-panel select:focus,.setup-card input:focus,.login-card input:focus{border-color:#6ea2e3;box-shadow:0 0 0 3px #dceaff}.calculator{padding:22px;background:linear-gradient(160deg,#123e82,#102f63);color:#fff}.calculator h2{margin:0 0 20px}.calculator>div span{padding:12px 0;display:flex;justify-content:space-between;border-bottom:1px solid #ffffff18;font-size:11px}.calculator>div span.final{margin:9px -10px;padding:15px 10px;border:0;border-radius:8px;background:#ffffff13;color:#ffe08a}.calculator small{display:block;margin-top:18px;color:#b8cae2;font-size:10px;line-height:1.5}.calendar .timeline{padding:12px 20px 24px}.timeline article{padding:14px 0;display:flex;align-items:center;gap:18px;border-bottom:1px solid #edf0f4}.timeline time{width:95px;color:var(--blue);font-size:11px;font-weight:bold}.timeline span{display:flex;flex-direction:column;gap:4px}.timeline b{font-size:12px}.timeline small{font-size:10px;color:var(--muted)}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.integration{padding:20px}.integration>i{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#e7f0fe;color:var(--blue);font-style:normal}.integration h2{font-size:15px;margin:16px 0 7px}.integration p{min-height:34px;color:#4d596c;font-size:11px;line-height:1.5}.integration small{min-height:30px;display:block;color:var(--muted);font-size:9px;line-height:1.5}.integration button{margin-top:15px}.placeholder{padding:55px;text-align:center}.placeholder img{width:220px}.placeholder h2{margin-top:25px}.placeholder p,.placeholder span{display:block;color:var(--muted);font-size:12px}.placeholder span{margin-top:10px}.login,.setup{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#edf4ff,#f7fafc 55%,#e8f7f0)}.login-card,.setup-card{width:min(100%,430px);padding:34px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 25px 60px #163a741a}.setup-card{width:min(100%,680px)}.login-card>img,.setup-card>img{display:block;width:240px;max-height:105px;object-fit:contain;margin:auto}.login-card>p{text-align:center;color:var(--muted);font-size:12px;margin:7px 0 25px}.login-card>small{display:block;margin-top:22px;text-align:center;color:#98a1af;font-size:9px}.setup-card h1{text-align:center}.setup-card h2{margin:24px 0 14px;font-size:14px}.setup-card form>.full{margin-top:10px}dialog{padding:0;border:0;border-radius:14px;box-shadow:0 30px 80px #102a5680}dialog::backdrop{background:#0c234573;backdrop-filter:blur(2px)}.modal{width:min(92vw,590px);padding:0 22px 22px}.modal>header{margin:0 -22px 20px;padding:18px 22px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line)}.modal h2{margin:0;font-size:17px}.modal header p{margin:5px 0 0;color:var(--muted);font-size:10px}.modal header button{border:0;background:none;font-size:23px;cursor:pointer}
@media(max-width:1100px){.metrics{grid-template-columns:1fr 1fr}.calc-grid,.grid-main{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.sidebar{width:280px;transform:translateX(-105%);transition:.25s}.sidebar.open{transform:none}.sidebar>header button{display:block}.main{margin-left:0}.topbar{height:78px;padding:0 15px}.hamb{display:block;width:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:#fff}.topbar h1{font-size:18px}.topbar p{display:none}.topbar .search{display:none}.content{padding:16px 12px 30px}.metrics{grid-template-columns:1fr}.metric{min-height:90px}.grid2{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr}.quick{grid-template-columns:1fr}.table{border-radius:10px}.setup-card,.login-card{padding:24px 18px}}

/* Legibilidade do Kanban — WA Viagens v2.1 */
.content{width:100%;max-width:none;margin:0}
.btn{min-height:42px;padding:0 16px;font-size:14px}
.actionbar{min-height:56px}
.actionbar span{font-size:14px}
.board{grid-auto-columns:minmax(330px,1fr);gap:16px;padding-bottom:18px;scrollbar-gutter:stable}
.column{min-height:560px;border-radius:13px}
.column>header{height:58px;padding:0 16px;border-radius:13px 13px 0 0;font-size:14px}
.column>header span{gap:9px;font-weight:700}
.column>header i{width:9px;height:9px}
.column>header b{min-width:28px;padding:5px 8px;text-align:center;font-size:13px}
.dropzone{min-height:500px;padding:12px}
.travel-card{margin-bottom:12px;padding:17px 16px;border-radius:11px;line-height:1.35}
.travel-card:hover{border-color:#b9cbe1;box-shadow:0 9px 20px #123a781a;transform:translateY(-1px)}
.travel-card b{font-size:16px;line-height:1.3;color:#172033}
.travel-card p{margin:10px 0;font-size:14px;color:#344155}
.travel-card small{font-size:13px;line-height:1.4;color:#5f6b7e}
.travel-card strong{margin-top:13px;font-size:15px}

@media(max-width:1100px){.board{grid-auto-columns:320px}}

/* WA Viagens v3 — fluxo simplificado, prazos e gestão */
.bell{position:relative;cursor:pointer}.bell b{min-width:18px;height:18px;padding:0 4px;position:absolute;right:-6px;top:-7px;display:grid;place-items:center;border-radius:10px;background:#dc2626;color:#fff;font-size:10px}
.dashboard-grid,.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.agenda-list article{min-height:68px;padding:13px 20px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #edf0f4}.agenda-list time,.agenda-list>article>i{width:75px;color:var(--blue);font-size:12px;font-style:normal;font-weight:700}.agenda-list span{display:flex;flex:1;flex-direction:column;gap:4px}.agenda-list span b{font-size:14px}.agenda-list span small{font-size:12px;color:var(--muted)}.agenda-list a{font-size:11px;color:var(--green);font-weight:bold;text-decoration:none}
.actionbar>div{display:flex;gap:9px}.board{grid-auto-columns:minmax(315px,1fr)}.board.list-mode{display:block;overflow:visible}.board.list-mode .column{min-height:0;margin-bottom:14px}.board.list-mode .dropzone{min-height:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.board.list-mode .travel-card{margin:0}
.travel-card{position:relative;border-left:5px solid transparent}.travel-card.ontime{border-left-color:#16a34a}.travel-card.warning{border-left-color:#f59e0b}.travel-card.late{border-left-color:#dc2626;background:#fff8f8}.travel-card.late:after{content:"ATRASADO";position:absolute;right:12px;top:12px;color:#dc2626;font-size:10px;font-weight:800}.card-open{width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.card-open .product{display:inline-block;margin-bottom:8px;padding:4px 8px;border-radius:99px;background:#edf4ff;color:var(--blue);font-size:10px;font-weight:800;text-transform:uppercase}.card-open b{padding-right:72px}.travel-card strong{font-size:17px}.full2{grid-column:1/-1}
.mini{min-height:32px;padding:0 10px;border:1px solid #ccd7e5;border-radius:7px;background:#fff;color:#24415f;cursor:pointer;font-size:11px;font-weight:700}.mini.danger{border-color:#fecaca;color:#b91c1c;background:#fff7f7}.inline{display:inline-block;margin-left:5px}.badge{padding:5px 8px;border-radius:99px;background:#eef4ff;color:var(--blue);font-size:10px;font-weight:700}
.calendar-v3 .calendar-list{padding:4px 20px 22px}.calendar-list article{min-height:90px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #edf0f4}.calendar-list time{width:58px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;background:#eaf2ff;color:var(--blue)}.calendar-list time b{font-size:20px}.calendar-list time small{font-size:9px}.calendar-list span{display:flex;flex-direction:column;gap:5px}.calendar-list span em{color:var(--green);font-size:9px;font-style:normal;font-weight:800;text-transform:uppercase}.calendar-list span b{font-size:14px}.calendar-list span small{color:var(--muted);font-size:11px}
.notification-panel{width:min(390px,100vw);position:fixed;z-index:70;right:0;top:0;bottom:0;padding-bottom:20px;overflow:auto;transform:translateX(105%);transition:.25s;background:#fff;box-shadow:-15px 0 45px #102a5630}.notification-panel.open{transform:none}.notification-panel header{height:75px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.notification-panel header h2{font-size:17px}.notification-panel header button{border:0;background:none;font-size:23px}.notification-panel article{padding:16px 18px;display:flex;flex-direction:column;gap:5px;border-bottom:1px solid #edf0f4;border-left:5px solid var(--yellow)}.notification-panel article.red{border-left-color:#dc2626;background:#fff8f8}.notification-panel article b{font-size:13px}.notification-panel article span{font-size:12px}.notification-panel article small{color:var(--muted);font-size:10px}
.card-detail{width:min(920px,95vw)}.card-detail #card-body{padding:0 0 24px}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.detail-grid p{margin:0;padding:13px;border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column;gap:5px}.detail-grid small{color:var(--muted);font-size:10px}.detail-grid b{font-size:13px}.postpone{margin:16px 0;padding:13px;display:flex;align-items:end;gap:10px;border-radius:9px;background:#fff8e6}.postpone label{flex:1;margin:0}.card-detail details{margin-top:16px;border:1px solid var(--line);border-radius:10px}.card-detail summary{padding:16px;cursor:pointer;color:var(--navy);font-size:14px;font-weight:800}.emission-inline{padding:0 16px 18px}.calc-preview{margin:10px 0 14px;padding:13px;display:flex;justify-content:space-between;border-radius:8px;background:#f2f6fb}.calc-preview span{display:flex;gap:8px;font-size:12px}.danger-zone{margin-top:18px;padding-top:15px;border-top:1px solid #fee2e2}.permissions{margin:12px 0;padding:13px;display:grid;grid-template-columns:1fr 1fr;gap:9px;border-radius:9px;background:#f4f7fb}.permissions label{margin:0}.check{display:flex!important;flex-direction:row!important;align-items:center!important}.check input{width:18px!important;height:18px!important}.form-panel form{padding:20px}
@media(max-width:1000px){.dashboard-grid,.settings-grid{grid-template-columns:1fr}.board.list-mode .dropzone{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.board.list-mode .dropzone,.detail-grid{grid-template-columns:1fr}.actionbar{align-items:flex-start;gap:12px;flex-direction:column}.actionbar>div{width:100%}.actionbar>div .btn{flex:1}.postpone,.calc-preview{align-items:stretch;flex-direction:column}.permissions{grid-template-columns:1fr}}