/* Syn360 · Central por cidade — CSS da casca (20/09/2026). Origem: proposta do Codex (style.css 88f8dd8b), extraída sem as regras de simulação/prévia.
   Convive com o CSS herdado do r29 (legado-r29.css: gaveta, v2-*, tc-*, rec-*) e com o CSS injetado pela Central (gestor-operacao.js) e pelo SynUI. */
*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#1d2c30;font:14px/1.45 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #309d85;outline-offset:3px}button{border:0}button:disabled{cursor:default}#sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#142b29;color:#d4e0dc;display:flex;flex-direction:column;z-index:40}.brand{height:77px;padding:20px 24px 6px}.brand img{width:130px;background:white;border-radius:6px;padding:4px 8px}.brand-sub{font-size:9px;letter-spacing:2px;color:#96aaa1;padding:3px 24px 17px}nav{overflow:auto;padding:0 12px 18px;flex:1}nav small{display:block;font-size:9px;letter-spacing:1.4px;color:#8fa69e;margin:18px 13px 6px}nav button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 13px;background:transparent;color:#d8e4df;border-radius:7px;font-size:14px;margin:2px 0;min-height:44px}nav button span{width:18px;text-align:center;font-size:18px;color:#96b8aa}nav button:hover{background:#213e37}nav button.active{background:#d6efdf;color:#184c3e;font-weight:650;box-shadow:inset 3px 0 #8ecb87}nav button.active span{color:#1d6952}.sidebar-foot{border-top:1px solid #2d423c;display:flex;gap:10px;padding:17px 22px;font-size:12px}.sidebar-foot small{display:block;color:#99afa6;font-size:10px}.avatar{width:32px;height:32px;background:#304c43;display:grid;place-items:center;border-radius:50%}.workspace{margin-left:232px}header{height:78px;background:#fff;border-bottom:1px solid #e0e7e6;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 30px}.header-left,.header-right{display:flex;align-items:center;gap:16px}.city-field label{display:block;font-size:9px;color:#6b7c79;letter-spacing:1.6px;margin-bottom:2px}.city-field select{border:0;font-size:17px;font-weight:650;color:#213d34;padding:2px 30px 2px 0;background:white;max-width:100%}.live{color:#246a53;font-size:11px}.header-right button{background:#f1f5f3;border:1px solid #dce5df;padding:7px 12px;border-radius:6px;font-size:11px;min-height:36px}main{max-width:1650px;padding:26px 30px 40px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}#breadcrumb{font-size:11px;color:#6b7a77;margin-bottom:5px}h1{font-size:28px;letter-spacing:-.8px;margin:0;font-weight:700}.page-heading p{margin:5px 0 0;color:#7a8781;font-size:12px}.page-tools{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.page-tools small{font-size:10px;color:#7b8780}.outline{background:white;color:#355c4c;border:1px solid #d8e2dc;border-radius:7px;padding:9px 13px;font-size:12px;min-height:40px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.metric{background:white;border:1px solid #e0e7e3;border-radius:10px;padding:16px 18px;text-align:left;color:#344b42;min-height:92px}.metric label{font-size:11px;display:block;color:#748378;cursor:inherit}.metric strong{font-size:30px;letter-spacing:-1px;display:block;line-height:1.3}.metric small{font-size:10px;color:#8b968e}.metric.warn{background:#fff8f5;border-color:#f1dacf}.metric.warn strong{color:#ad503b}.metric.selected{outline:2px solid #31745d}.operation-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px;align-items:start}.panel{background:white;border:1px solid #e0e7e3;border-radius:10px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px;gap:8px}h2{font-size:14px;margin:0;font-weight:650}.panel-heading h2 span{margin-left:6px;font-size:11px;color:#7b8d83;background:#f1f5f2;border-radius:5px;padding:3px 7px}.quiet{font-size:9px;color:#829187}.tabs{display:flex;gap:6px;overflow-x:auto;padding:0 16px 15px;white-space:nowrap}.tabs button{font-size:11px;padding:8px 11px;background:#f5f7f5;color:#708074;border-radius:6px;min-height:34px}.tabs button.selected{color:white;background:#24684f}.search-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf1ed;padding:12px 17px}.search-row input{border:1px solid #e0e7e1;border-radius:6px;padding:8px 11px;max-width:310px;width:100%;font-size:12px;background:#fbfcfb}.search-row span{font-size:10px;color:#7a897e;white-space:nowrap}.table-head,.delivery-row{display:grid;grid-template-columns:1.15fr 1.05fr 1fr 65px;gap:12px;align-items:center}.table-head{background:#f9faf9;padding:10px 18px;color:#879389;font-size:9px;letter-spacing:.5px;border-top:1px solid #eef1ee}.delivery-row{padding:17px 18px;border-top:1px solid #eef1ee;min-height:91px;border-left:3px solid transparent}.delivery-row.critical{border-left-color:#cb795f;background:#fffaf8}.delivery-row b{font-size:12px;font-weight:650}.delivery-row small{display:block;font-size:10px;color:#859186;margin-top:5px}.delivery-row .person{color:#718273}.delivery-row .alert-text{color:#a86542;font-size:10px;display:block;margin-top:4px}.delivery-row button{border:1px solid #d5e3d9;color:#28674c;background:white;border-radius:6px;padding:8px 5px;font-size:11px;min-height:36px}.badge{display:inline-block;font-size:10px;padding:4px 7px;border-radius:5px;line-height:1.25}.amber{background:#fff0d6;color:#97620d}.blue{background:#eaf1fa;color:#406788}.green{background:#e4f4eb;color:#367555}.red{background:#fbe9e2;color:#a45039}.list-foot{font-size:9px;color:#929d94;border-top:1px solid #eef1ee;padding:13px 18px;display:flex;justify-content:space-between;gap:10px}.list-foot span{font-size:8px}.right-column{display:flex;flex-direction:column;gap:16px}.priority-item{margin:0 15px 13px;padding:13px;background:#fff7f2;border-radius:7px;border:1px solid #f0e2d7}.priority-item b{display:block;color:#8f513b;font-size:12px}.priority-item p{font-size:10px;color:#8b7c6e;margin:5px 0}.priority-item button{padding:8px 0 0;background:transparent;color:#9d593d;font-size:11px;text-align:left}.activity-caption{font-size:10px;color:#9aa297;margin:-5px 18px 12px}.activity ol{list-style:none;padding:0 18px 5px;margin:0}.activity li{position:relative;border-left:1px solid #e3e9e1;padding:0 0 19px 16px;margin-left:4px;font-size:11px}.activity li:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#65a289;left:-4px;top:5px;border:2px solid white;box-sizing:content-box}.activity li small{display:block;font-size:9px;color:#94a08e;margin-top:4px}.live-dot{width:6px;height:6px;background:#66a889;border-radius:50%}.map-note{display:flex;gap:12px;padding:3px 8px;color:#8a9589}.map-note>span{font-size:24px}.map-note b{font-size:10px;font-weight:600}.map-note p{font-size:10px;margin:4px 0}.primary{background:#21654b;color:white;border-radius:7px;padding:12px 18px;font-weight:600}.empty{padding:35px;text-align:center;color:#798879}.city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.city-card{background:white;border:1px solid #dce5de;border-radius:10px;padding:22px}.city-card h2{font-size:18px}.city-card p{color:#788779;font-size:12px}.city-card button{margin-top:12px}.info-panel{padding:25px}.info-panel p{color:#6b7f70;max-width:700px}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.person-card{padding:20px;border:1px solid #dfe7df;border-radius:10px;background:white}.person-card h2{font-size:15px;margin-bottom:8px}.person-card p{font-size:12px;color:#738475}.info-panel table{border-collapse:collapse;width:100%;font-size:13px}.info-panel td,.info-panel th{padding:15px 10px;border-bottom:1px solid #e4ebe5;text-align:left}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;z-index:100;background:white;padding:15px}#open-menu,#close-menu{display:none}dialog{inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;max-width:100%;width:480px;border:0;padding:0;box-shadow:-10px 0 60px #152e291a;color:#293e34}dialog::backdrop{background:#132e284f}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:25px;border-bottom:1px solid #e1e8e2;position:sticky;top:0;background:white;z-index:1}.detail-header small{font-size:11px;color:#7a897b}.detail-header h2{font-size:24px;margin-top:4px}.detail-header button{width:40px;height:40px;border-radius:7px;font-size:24px;background:#f1f5f1;color:#5b7765}#detail-content{padding:25px 25px 110px}#detail-content h3{font-size:15px;margin-top:25px}#detail-content p{color:#768676;font-size:13px}#detail-content dl{display:grid;grid-template-columns:1fr 1fr;font-size:13px;gap:13px}#detail-content dt{color:#859080}#detail-content dd{margin:0}.timeline{padding-left:20px;border-left:2px solid #dbe9dc;margin:25px 0}.timeline p{padding:5px 0}.detail-footer{position:fixed;bottom:0;width:min(480px,100vw);padding:20px 25px;background:white;border-top:1px solid #e1e8e2;display:flex;align-items:center;justify-content:space-between;gap:10px}.detail-footer span{font-size:10px;color:#8b9687}[hidden]{display:none!important}@media(min-width:1550px){.operation-grid{grid-template-columns:minmax(0,1fr) 315px}.delivery-row{min-height:98px}}@media(max-width:1180px){#sidebar{width:215px}.workspace{margin-left:215px}main{padding:24px 20px}.operation-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr}.map-note{grid-column:1/-1}.metric{padding:13px}.people{grid-template-columns:1fr 1fr}}@media(max-width:900px){#sidebar{transform:translateX(-100%);width:255px}body.menu-open #sidebar{transform:translateX(0)}.workspace{margin:0}#open-menu,#close-menu{display:block;background:transparent;color:#33684f;font-size:22px;padding:7px;min-height:44px}#close-menu{float:right;color:#d9e6dd}.brand{padding-right:15px}header{padding:0 20px;height:72px}.shade{position:fixed;inset:0;background:#11292370;z-index:35}.city-grid{grid-template-columns:1fr}.page-heading{gap:10px}}@media(max-width:600px){main{padding:20px 15px}.header-right{gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:140px}.header-right .header-right .live{font-size:9px}.header-right button{font-size:10px;padding:5px 10px}.header-left{gap:5px}.city-field select{font-size:14px;padding-right:4px}.city-field label{font-size:8px}header{padding:0 12px}.page-heading{align-items:flex-start}.page-tools{max-width:120px}.page-tools button{font-size:10px;padding:7px}.page-tools small{font-size:8px}h1{font-size:25px}.page-heading p{font-size:11px}.metrics{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}.metric{min-height:81px;padding:12px 14px}.metric strong{font-size:26px}.metric label{font-size:10px}.metric small{font-size:9px}.table-head{display:none}.delivery-row{grid-template-columns:1fr auto;gap:10px;padding:16px}.delivery-row>div:nth-child(2){grid-row:2;grid-column:1}.delivery-row>div:nth-child(3){grid-row:3;grid-column:1}.delivery-row>button{grid-column:2;grid-row:2;min-width:64px;min-height:44px}.delivery-row b{font-size:13px}.delivery-row small{font-size:11px}.badge{font-size:11px}.delivery-row .alert-text{font-size:11px}.right-column{display:flex}.search-row{flex-wrap:wrap}.quiet{display:none}.tabs button{min-height:42px}.people{grid-template-columns:1fr}.info-panel{padding:18px}.info-panel table{font-size:11px}.info-panel td,.info-panel th{padding:12px 6px}.detail-footer{padding:16px}.list-foot{font-size:9px}.city-field{min-width:0}.panel-heading h2{font-size:13px}}@media(prefers-reduced-motion:reduce){}
/* Leitura e densidade: manter hierarquia sem consumir a primeira dobra. */
header{height:64px}main{padding-top:18px}.page-heading{margin-bottom:10px}.page-heading p{display:none}.metrics{margin-bottom:16px;gap:12px}.metric{min-height:78px;padding:10px 16px}.metric strong{font-size:27px}.panel-heading{padding-top:14px;padding-bottom:12px}.search-row{padding-top:9px;padding-bottom:9px}.delivery-row{min-height:82px}.delivery-row b{font-size:13px}.delivery-row small{font-size:12px}.delivery-row .alert-text,.badge{font-size:11px}.table-head{font-size:11px}.priority-item b{font-size:13px}.priority-item p,.activity li,.activity-caption{font-size:12px}.activity li small{font-size:11px}.brand{height:65px;padding-top:15px}.brand-sub{padding-bottom:8px}nav small{margin-top:12px;font-size:10px}nav button{padding-top:9px;padding-bottom:9px;font-size:15px;line-height:1.4;min-height:44px}.sidebar-foot{padding-top:12px;padding-bottom:12px}nav button svg{width:18px;height:18px;flex-shrink:0}.metric label{font-size:12px}.metric small{font-size:11px}.tabs button{font-size:12px}.search-row input{font-size:13px}.city-field label{font-size:10px}.header-right .live{font-size:12px}#breadcrumb{font-size:12px}.list-foot{font-size:11px}.people .outline{min-height:44px}#detail-content dt,#detail-content dd{font-size:14px}
/* Monitoramento em linhas: rolagem só dentro da tabela, sem cartões. */
.operation-grid{grid-template-columns:minmax(0,1fr)}.right-column{display:grid;grid-template-columns:1fr 1fr}.map-note{grid-column:1/-1}.deliveries{min-width:0}.table-scroll{overflow:auto;max-height:560px}.delivery-table{min-width:1235px}.table-head,.delivery-row{display:grid;grid-template-columns:95px 145px 112px 90px 155px 120px 75px 145px 130px 75px;gap:8px}.table-head{position:sticky;top:0;z-index:2;padding:12px 15px;background:#eef2f0;color:#425a4b;font-size:12px;font-weight:600}.delivery-row{min-height:58px;padding:10px 15px;font-size:12px;border-left:3px solid #d9e1db}.delivery-row>div{grid-row:auto!important;grid-column:auto!important;min-width:0;overflow-wrap:anywhere}.delivery-row:nth-child(even){background:#fafcfb}.delivery-row:hover{background:#edf5f0}.delivery-id{font-weight:700;color:#244f3c}.time-cell{font-variant-numeric:tabular-nums;font-weight:600}.attention-cell{color:#a44928;font-size:11px;font-weight:600}.quiet-cell{color:#8b978e}.delivery-row button{min-height:36px;width:100%;padding:7px}.stage-busca{border-left-color:#d5a137}.stage-coleta{border-left-color:#528dcc}.stage-na_loja{border-left-color:#976ab4}.stage-rota{border-left-color:#27938f}.purple{background:#f0e6f9;color:#72438f}.teal{background:#dcf3f1;color:#216e70}.cancelled{background:#fbe8e9;color:#a73d4b}.status-key{display:flex;gap:8px;flex-wrap:wrap;padding:10px 17px;border-top:1px solid #e8eeea}.status-key .badge{font-size:10px}.delivery-row .badge{font-size:11px;padding:5px 7px}.list-foot{font-size:10px}@media(min-width:1650px){.table-head,.delivery-row{grid-template-columns:100px 1.1fr 120px .8fr 160px 1fr 80px 1.1fr 1fr 75px}}@media(max-width:600px){.right-column{display:flex}.table-scroll{max-height:440px}.table-head{display:grid}.delivery-row{display:grid;min-height:62px}.delivery-row button{min-height:44px}.status-key{gap:6px}.table-head>span:first-child,.delivery-row>div:first-child{position:sticky;left:0;background:#f4f8f5;z-index:1;align-self:stretch;display:flex;align-items:center;padding-left:5px}.table-head>span:first-child{z-index:3}.delivery-table{min-width:1235px}}
.table-head,.delivery-row{grid-template-columns:95px 145px 112px 90px 155px 120px 75px 125px 125px 115px 145px 130px 75px}.delivery-table{min-width:1740px}.geo-preview{background:#f0f5f1;border:1px solid #dbe5de;border-radius:9px;padding:16px}.geo-preview b{font-size:13px}.geo-preview small{font-size:11px;color:#687e6e}.geo-preview p{margin:9px 0}
/* Listas gerenciais: linhas consistentes e rolagem restrita à tabela. */
#other{min-width:0}.data-scroll{max-width:100%;overflow:auto;border:1px solid #dce5df;border-radius:10px;background:#fff;max-height:580px}.data-table{border-collapse:separate;border-spacing:0;min-width:1450px;width:100%;font-size:13px}.data-table caption{text-align:left;padding:14px 16px;font-weight:650;background:#fff}.data-table th{position:sticky;top:0;background:#edf3ef;color:#466053;z-index:2;text-align:left;white-space:nowrap;font-size:12px}.data-table td,.data-table th{padding:13px 15px;border-bottom:1px solid #e5ebe7;vertical-align:middle}.data-table td{min-width:105px}.data-table td:first-child{font-weight:650;min-width:155px;position:sticky;left:0;background:#fff;z-index:1}.data-table tr:nth-child(even) td{background:#f8faf9}.data-table tbody tr:hover td{background:#edf5f0}.data-table button{min-height:40px;white-space:nowrap}.list-context{color:#607669;font-size:12px;margin:12px 0}.history-tools{display:flex;gap:12px;margin:12px 0;flex-wrap:wrap}.history-tools input,.history-tools select,.courier-form input{padding:11px;border:1px solid #cbd9d0;border-radius:7px;background:white;min-height:44px}.history-tools input{flex:1;min-width:220px}.courier-form{display:grid;gap:13px}.courier-form label{display:grid;gap:5px}.courier-form button{min-height:44px}.profile-actions{display:flex;gap:10px;margin:15px 0}.profile-actions button{min-height:44px}.profile-history{padding-left:20px}.profile-history li{margin:10px 0}@media(max-width:600px){.data-scroll{max-height:480px}.data-table td,.data-table th{padding:12px}.data-table button{min-height:44px}.list-context{font-size:12px}}
.courier-form select{padding:11px;border:1px solid #cbd9d0;border-radius:7px;background:white;min-height:44px}.courier-form h3{padding-top:14px;border-top:1px solid #e0e8e2}.courier-form p{font-size:12px;color:#59705f}
.column-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;font-size:12px;color:#5b7164}.column-tools button{min-height:36px;padding:8px 12px}.adjustable-column{position:relative;cursor:grab;padding-right:18px!important;user-select:none;overflow:hidden;text-overflow:ellipsis}.adjustable-column.dragging{opacity:.45}.column-resize{position:absolute;right:0;top:0;bottom:0;width:10px;cursor:col-resize;touch-action:none;border-right:2px solid #b8cdbf}.column-resize:hover{background:#94c7aa}.data-table td{overflow-wrap:anywhere;min-width:0}.data-table td:first-child{min-width:0}.data-table th{white-space:normal}.column-tools span{max-width:70%}
.nav-group{margin-top:15px}.nav-group summary{cursor:pointer;padding:10px 13px;font-size:11px;letter-spacing:1px;color:#b6d5c7}.nav-group button{padding-left:24px;font-size:14px}.nav-group.planned summary{color:#95aaa0}.finance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:18px 0}.finance-card{background:white;border:1px solid #d9e5dc;border-radius:10px;padding:20px;display:grid;gap:8px}.finance-card strong{font-size:25px;color:#21624c}.finance-card small{color:#617a6c}.finance-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}.finance-panels button{display:block;margin:10px 0;min-height:44px}.profile-tabs{display:flex;gap:6px;overflow-x:auto;padding:12px 0;position:sticky;top:0;background:white;z-index:4}.profile-tabs button{flex-shrink:0;padding:9px;min-height:44px}.profile-tabs .selected{background:#196653;color:white}@media(max-width:700px){.finance-panels{grid-template-columns:1fr}.finance-cards{grid-template-columns:1fr 1fr}.finance-card{padding:12px}.finance-card strong{font-size:20px}}
.column-picker{position:relative;background:#fff;border:1px solid #cedbd1;border-radius:7px;padding:8px;min-width:180px}.column-picker summary{cursor:pointer}.column-picker[open]{min-width:230px}.column-picker label{display:flex;align-items:center;gap:8px;padding:6px}.column-picker input{min-width:18px;min-height:18px}.column-tools{align-items:flex-start;flex-wrap:wrap}.empty-feature{padding:18px;border:1px dashed #b8cabc;background:#f7faf8;border-radius:9px;margin:15px 0}.empty-feature strong{color:#627e6b}.empty-feature p{color:#61766a}.view-modes{display:flex;gap:8px;margin:10px 0}.view-modes button{min-height:40px;padding:9px 16px}.view-modes [aria-pressed=true],.profile-tabs [aria-pressed=true]{background:#196653;color:#fff}.map-empty{min-height:270px;display:grid;place-items:center;border-radius:12px;background:#edf2ef;padding:25px;margin:15px 0}.courier-form textarea{min-height:110px;border:1px solid #cad8cf;border-radius:7px;padding:10px;font:inherit}.info-panel>button{margin:6px;min-height:42px}.history-tools input[type=date]{flex:0 1 160px;min-width:150px}
@media(min-width:1100px){#operation[data-mode=Dividido]{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:16px;align-items:start}#operation[data-mode=Dividido]>.view-modes{grid-column:1/-1}#operation[data-mode=Dividido]>.map-empty{position:sticky;top:80px;margin-top:0}#operation[data-mode=Dividido]>.operation-grid{min-width:0}}

/* Ajustes de integração (casca real): módulos herdados ocupam a largura do main; menus/gaveta/modais existentes acima da casca */
.wrap{padding:0;max-width:none}#view-vin,#view-rec,#view-cid{max-width:none}
.modulo{min-width:0}.modulo[hidden]{display:none!important}
.gaveta{z-index:60}.fundo{z-index:55}.su-modal-bg{z-index:70}.su-toast{z-index:80}
.sidebar-foot b{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header-right .env{font-size:9px;letter-spacing:1px;background:#f0edf9;color:#75618e;padding:4px 7px;border-radius:4px}
.header-right .upd{color:#246a53;font-size:11px;background:#f1f5f3;border:1px solid #dce5df;padding:7px 12px;border-radius:6px;min-height:36px;display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}
.header-right .upd.off{color:#a44928;background:#fff5f2;border-color:#f1dacf}
.header-right .upd i{width:7px;height:7px;border-radius:50%;background:#66a889;display:inline-block}.header-right .upd.off i{background:#c96a4f}
.page-tools .outline{min-height:40px}
.empty-feature strong{display:block;margin:6px 0}
.integracao-pendente{padding:22px;border:1px dashed #b8cabc;background:#f7faf8;border-radius:10px;margin:16px 0;max-width:760px}
.integracao-pendente h3{margin:0 0 6px;font-size:15px}.integracao-pendente p{color:#61766a;font-size:13px;margin:6px 0}
.integracao-pendente ul{color:#61766a;font-size:13px;padding-left:18px}
#aviso{margin:0 0 16px}
nav button .n{margin-left:auto;background:#fde68a;color:#92400e;border-radius:10px;padding:0 7px;font-size:11px;font-weight:800}
@media(max-width:600px){.header-right .upd{font-size:9px;padding:5px 8px}}

/* ── M9 · Localização e disponibilidade ─────────────────────────────────── */
.loc-filtros label{display:inline-flex;align-items:center;gap:6px;font-size:13px;margin-right:12px}
.loc-filtros select{font:inherit;font-size:13px;padding:4px 6px;border:1px solid var(--linha,#d7dee8);border-radius:8px;background:#fff}
.loc-corpo{display:block}
.loc-corpo.loc-dividido{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:14px;align-items:start}
.loc-selo{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}
.loc-online_disponivel{background:#e6f4ea;color:#1e6b36}
.loc-ocupado{background:#e7eefc;color:#1e4a8f}
.loc-pausado{background:#fdf3e0;color:#8a5a12}
.loc-offline{background:#eef1f5;color:#5b6b7f}
.loc-suspenso{background:#fbe9e9;color:#9b2222}
.loc-mapa-cx,.loc-mapa-vazio{border:1px solid var(--linha,#d7dee8);border-radius:12px;padding:12px;background:#fff}
.loc-plano{position:relative;height:340px;margin:10px 0;border-radius:10px;
  background:repeating-linear-gradient(0deg,#f6f8fb 0 23px,#eef2f7 23px 24px),repeating-linear-gradient(90deg,#f6f8fb 0 23px,#eef2f7 23px 24px)}
.loc-ponto{position:absolute;transform:translate(-50%,-50%);min-width:30px;height:30px;line-height:30px;text-align:center;
  border-radius:999px;font-size:12px;font-weight:700;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px rgba(16,24,40,.22)}
.loc-ponto:focus{outline:2px solid #2f6fd0;outline-offset:2px}
.loc-detalhe{margin-top:14px}
.loc-detalhe .cfg-meta dt{font-weight:600}
@media (max-width:900px){ .loc-corpo.loc-dividido{grid-template-columns:1fr} }
@media (max-width:640px){
  .loc-filtros label{display:flex;margin:0 0 8px}
  #loc-tab thead{display:none}
  #loc-tab,#loc-tab tbody,#loc-tab tr,#loc-tab td{display:block;width:auto}
  #loc-tab tr{border:1px solid var(--linha,#d7dee8);border-radius:12px;margin-bottom:10px;padding:8px 10px;background:#fff}
  #loc-tab td{border:0;padding:3px 0;display:flex;justify-content:space-between;gap:10px}
  #loc-tab td::before{content:attr(data-r);font-size:12px;color:#5b6b7f}
}

/* ── M10 · Fechamentos e relatórios ─────────────────────────────────────── */
.fech-rascunho{background:#eef1f5;color:#5b6b7f}
.fech-preparado{background:#e7eefc;color:#1e4a8f}
.fech-com_divergencia{background:#fdf3e0;color:#8a5a12}
.fech-em_revisao{background:#f0eafc;color:#5a2f97}
.fech-concluido{background:#e6f4ea;color:#1e6b36}
.fech-reaberto{background:#fdf3e0;color:#8a5a12}
.fech-cancelado{background:#fbe9e9;color:#9b2222}
.loc-filtros input[type="date"],.loc-filtros input[type="text"]{font:inherit;font-size:13px;padding:4px 6px;border:1px solid var(--linha,#d7dee8);border-radius:8px;background:#fff}
@media (max-width:640px){
  #fech-tab thead,#rel-tab thead{display:none}
  #fech-tab,#fech-tab tbody,#fech-tab tr,#fech-tab td,
  #rel-tab,#rel-tab tbody,#rel-tab tr,#rel-tab td{display:block;width:auto}
  #fech-tab tr,#rel-tab tr{border:1px solid var(--linha,#d7dee8);border-radius:12px;margin-bottom:10px;padding:8px 10px;background:#fff}
  #fech-tab td,#rel-tab td{border:0;padding:3px 0;display:flex;justify-content:space-between;gap:10px}
  #fech-tab td::before,#rel-tab td::before{content:attr(data-r);font-size:12px;color:#5b6b7f}
}

/* ── M11 · Provedores e desempenho ──────────────────────────────────────── */
.prov-cartoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin:12px 0}
.prov-cartao{border:1px solid var(--linha,#d7dee8);border-radius:12px;padding:12px 14px;background:#fff}
.prov-cartao h4{margin:0 0 8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.prov-cartao code{font-size:12px;background:#f4f6f9;padding:1px 5px;border-radius:5px}
@media (max-width:640px){
  #prov-tab thead,#des-tab thead{display:none}
  #prov-tab,#prov-tab tbody,#prov-tab tr,#prov-tab td,
  #des-tab,#des-tab tbody,#des-tab tr,#des-tab td{display:block;width:auto}
  #prov-tab tr,#des-tab tr{border:1px solid var(--linha,#d7dee8);border-radius:12px;margin-bottom:10px;padding:8px 10px;background:#fff}
  #prov-tab td,#des-tab td{border:0;padding:3px 0;display:flex;justify-content:space-between;gap:10px}
  #prov-tab td::before,#des-tab td::before{content:attr(data-r);font-size:12px;color:#5b6b7f}
}

/* ── M11-B · Credencial de provedor ─────────────────────────────────────── */
.cred-campo{display:flex;flex-direction:column;gap:4px;margin:10px 0;max-width:640px}
.cred-campo span{font-size:13px;color:#5b6b7f}
.cred-campo input{font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--linha,#d7dee8);border-radius:8px;background:#fff}
.cred-campo input[type="password"]{letter-spacing:.08em}
.cred-campo .ap-btn{align-self:flex-start;margin-top:4px}
#cred-cartao{margin-top:22px}
@media (max-width:640px){
  .cred-campo{max-width:100%}
  #pol-tab thead{display:none}
  #pol-tab,#pol-tab tbody,#pol-tab tr,#pol-tab td{display:block;width:auto}
  #pol-tab tr{border:1px solid var(--linha,#d7dee8);border-radius:12px;margin-bottom:10px;padding:8px 10px;background:#fff}
  #pol-tab td{border:0;padding:3px 0;display:flex;justify-content:space-between;gap:10px}
  #pol-tab td::before{content:attr(data-r);font-size:12px;color:#5b6b7f}
}

/* ── modo cartão no telefone: desfazer a largura mínima da grade ── */
@media (max-width:640px){
  #loc-tab,#fech-tab,#rel-tab,#prov-tab,#des-tab,#pol-tab{min-width:0;width:100%;border-collapse:collapse}
  #loc-tab td,#fech-tab td,#rel-tab td,#prov-tab td,#des-tab td,#pol-tab td{min-width:0;overflow-wrap:anywhere}
  #loc-tab td:first-child,#fech-tab td:first-child,#rel-tab td:first-child,#prov-tab td:first-child,#des-tab td:first-child,#pol-tab td:first-child{position:static;left:auto;min-width:0;background:transparent}
  #loc-tab td:last-child,#fech-tab td:last-child,#rel-tab td:last-child,#prov-tab td:last-child,#des-tab td:last-child,#pol-tab td:last-child{border-bottom:0}
  /* rótulo em cima, valor embaixo */
  #loc-tab td,#fech-tab td,#rel-tab td,#prov-tab td,#des-tab td,#pol-tab td{display:block;text-align:left}
  #loc-tab td::before,#fech-tab td::before,#rel-tab td::before,#prov-tab td::before,#des-tab td::before,#pol-tab td::before{display:block;margin-bottom:1px;letter-spacing:.2px}
  #loc-tab tbody tr,#fech-tab tbody tr,#rel-tab tbody tr,#prov-tab tbody tr,#des-tab tbody tr,#pol-tab tbody tr{padding:10px 12px}
  #loc-tab tr:nth-child(even) td,#fech-tab tr:nth-child(even) td,#rel-tab tr:nth-child(even) td,#prov-tab tr:nth-child(even) td,#des-tab tr:nth-child(even) td,#pol-tab tr:nth-child(even) td,#loc-tab tbody tr:hover td,#fech-tab tbody tr:hover td,#rel-tab tbody tr:hover td,#prov-tab tbody tr:hover td,#des-tab tbody tr:hover td,#pol-tab tbody tr:hover td{background:transparent}
  .data-scroll:has(#loc-tab),.data-scroll:has(#fech-tab),.data-scroll:has(#rel-tab),.data-scroll:has(#prov-tab),.data-scroll:has(#des-tab),.data-scroll:has(#pol-tab){overflow:visible;max-height:none;border:0;background:transparent}
}
/* três colunas: cabem na tela, sem rolagem lateral */
#prov-tab,#pol-tab{min-width:0}
#prov-tab td:first-child,#pol-tab td:first-child{min-width:0;max-width:340px}
#prov-tab td,#pol-tab td{overflow-wrap:anywhere}
/* o token é mascarado por ESTILO, não por semântica de senha: assim o navegador não oferece
   preenchimento automático nem guarda o valor, e o aviso de formulário de senha some. */
input.cred-mascarado{-webkit-text-security:disc;text-security:disc;letter-spacing:.12em}
/* a tabela de chamadas entra no mesmo modo cartão das outras no telefone */
#cons-tab{min-width:0}
@media (max-width:640px){
  #cons-tab thead{display:none}
  #cons-tab,#cons-tab tbody,#cons-tab tr,#cons-tab td{display:block;width:auto;min-width:0}
  #cons-tab tr{border:1px solid var(--linha,#d7dee8);border-radius:12px;margin-bottom:10px;padding:10px 12px;background:#fff}
  #cons-tab td{border:0;padding:3px 0;text-align:left;overflow-wrap:anywhere}
  #cons-tab td:first-child{position:static;left:auto;background:transparent}
  #cons-tab td::before{content:attr(data-r);display:block;font-size:12px;color:#5b6b7f}
  .data-scroll:has(#cons-tab){overflow:visible;max-height:none;border:0;background:transparent}
}

/* ═══ M12 · Lojas da Malha e do Foods ════════════════════════════════════════════════════════
   Sem largura fixa em lugar nenhum: a tabela rola dentro do próprio container no desktop e vira
   cartão no celular. O que some no cartão são as colunas longas — as quatro curtas ficam. */
.mlj-pagina { display: flex; flex-direction: column; gap: 14px; }

.mlj-saude { border: 1px solid var(--linha, #d9e2dd); border-radius: 10px; padding: 12px 14px;
             background: var(--cartao, #fff); }
.mlj-saude-topo { display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
                  justify-content: space-between; }
.mlj-saude h3 { margin: 0; font-size: 1.05rem; display: flex; gap: 8px; align-items: center;
                flex-wrap: wrap; }
.mlj-campos { display: grid; gap: 8px 14px; margin-top: 10px;
              grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); }
.mlj-campo { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mlj-campo span { font-size: .78rem; color: var(--suave, #5d6b64); }
.mlj-campo strong { font-size: .92rem; font-weight: 600; overflow-wrap: anywhere; }
.mlj-aviso { margin: 10px 0 0; padding: 8px 10px; border-radius: 8px;
             background: #fff6e5; border: 1px solid #f0d49a; font-size: .88rem; }
.mlj-sem-acao { margin: 0; max-width: 46ch; font-size: .82rem; }

.mlj-selo { display: inline-block; padding: 1px 7px; border-radius: 999px; font-size: .72rem;
            font-weight: 600; line-height: 1.5; white-space: nowrap; }
.mlj-selo.ok     { background: #e3f4ea; color: #1d5b39; }
.mlj-selo.aviso  { background: #fff3d8; color: #7a5300; }
.mlj-selo.alerta { background: #ffe9db; color: #8a3c0b; }
.mlj-selo.grave  { background: #fde3e3; color: #8c1d1d; }
.mlj-selo.neutro { background: #eceff1; color: #45524c; }

.mlj-pedido { margin: 10px 0 0; font-size: .86rem; display: flex; flex-wrap: wrap; gap: 6px;
              align-items: center; }
.mlj-pedido code, .mlj-uuid { font-size: .76rem; background: #f2f5f3; padding: 1px 5px;
                              border-radius: 4px; overflow-wrap: anywhere; }
.mlj-form-pedido { margin-top: 10px; display: flex; flex-direction: column; gap: 6px; }
.mlj-form-pedido textarea { width: 100%; box-sizing: border-box; font: inherit; padding: 6px 8px;
                            border: 1px solid var(--linha, #d9e2dd); border-radius: 6px; }
.mlj-form-acoes { display: flex; flex-wrap: wrap; gap: 8px; }
.mlj-erro { color: #8c1d1d; font-weight: 600; }

.mlj-filtros { border: 1px solid var(--linha, #d9e2dd); border-radius: 10px; padding: 8px 12px; }
.mlj-filtros summary { cursor: pointer; font-weight: 600; }
#mlj-form-filtros { display: grid; gap: 10px 14px; margin-top: 10px;
                    grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); }
#mlj-form-filtros label { display: flex; flex-direction: column; gap: 3px; font-size: .84rem;
                          min-width: 0; }
#mlj-form-filtros input[type=search], #mlj-form-filtros select {
  font: inherit; padding: 5px 7px; border: 1px solid var(--linha, #d9e2dd); border-radius: 6px;
  width: 100%; box-sizing: border-box; }
#mlj-form-filtros .mlj-check { flex-direction: row; align-items: center; gap: 6px; }
#mlj-form-filtros .mlj-form-acoes { grid-column: 1 / -1; }

.mlj-resumo { font-size: .86rem; color: var(--suave, #5d6b64); }
.mlj-scroll { overflow-x: auto; }
.mlj-tabela { width: 100%; border-collapse: collapse; }
.mlj-tabela th, .mlj-tabela td { text-align: left; padding: 7px 9px; vertical-align: top;
                                 border-bottom: 1px solid var(--linha, #eef2f0); font-size: .86rem; }
.mlj-div { margin: 0; padding-left: 16px; }
.mlj-div li { margin: 0 0 2px; }

.mlj-vazio { border: 1px dashed var(--linha, #d9e2dd); border-radius: 10px; padding: 16px;
             text-align: center; }
.mlj-vazio h3 { margin: 0 0 6px; }
.mlj-erro-painel { border: 1px solid #f0c0c0; background: #fff7f7; border-radius: 10px; padding: 16px; }
.mlj-paginacao { display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
                 justify-content: center; font-size: .86rem; }
.mlj-rodape { font-size: .8rem; }

/* ── celular: a tabela vira cartão, e as colunas longas saem da primeira leitura ───────────── */
@media (max-width: 640px) {
  .mlj-tabela thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .mlj-tabela, .mlj-tabela tbody, .mlj-tabela tr, .mlj-tabela td { display: block; width: auto; }
  .mlj-tabela tr { border: 1px solid var(--linha, #d9e2dd); border-radius: 10px;
                   padding: 8px 10px; margin-bottom: 10px; background: var(--cartao, #fff); }
  .mlj-tabela td { border: 0; padding: 4px 0; display: flex; gap: 10px; align-items: baseline; }
  .mlj-tabela td::before { content: attr(data-rotulo); flex: 0 0 42%; max-width: 42%;
                           font-size: .74rem; color: var(--suave, #5d6b64); }
  .mlj-tabela td.mlj-longa { display: none; }
  .mlj-tabela tr.mlj-aberta td.mlj-longa { display: flex; }
  .mlj-scroll { overflow-x: visible; }
  .mlj-campos { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 380px) {
  .mlj-campos { grid-template-columns: 1fr; }
  .mlj-tabela td::before { flex-basis: 50%; max-width: 50%; }
}

/* ── M12-I · confirmação de coordenada ───────────────────────────────────────────────────────── */
.mlj-coord-acoes { display: flex; gap: 10px; margin-top: 6px; flex-wrap: wrap; }
.mlj-link { background: none; border: 0; padding: 0; font: inherit; color: var(--acao, #1c6b4b);
  text-decoration: underline; cursor: pointer; }
.mlj-link:hover { text-decoration: none; }
.mlj-coord-painel { border: 1px solid var(--linha, #d9e2dd); border-radius: 10px; padding: 12px 14px;
  margin-bottom: 14px; background: var(--fundo-cartao, #fff); }
.mlj-coord-cab { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.mlj-coord-cab h3 { margin: 0 0 8px; font-size: 1.05rem; }
.mlj-coord-nota { margin: 0 0 10px; font-size: .9rem; }
.mlj-coord-estado { display: grid; grid-template-columns: max-content 1fr; gap: 4px 14px; margin: 0 0 12px; }
.mlj-coord-estado dt { font-weight: 600; }
.mlj-coord-estado dd { margin: 0; }
.mlj-form-coord { display: flex; flex-direction: column; gap: 6px; }
.mlj-form-coord label { font-weight: 600; margin-top: 6px; }
.mlj-form-coord textarea, .mlj-form-coord input, .mlj-form-coord select { width: 100%; max-width: 100%;
  box-sizing: border-box; font: inherit; padding: 6px 8px; }
.mlj-coord-hist { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 10px; }
@media (max-width: 640px) {
  .mlj-coord-estado { grid-template-columns: 1fr; }
  .mlj-coord-estado dt { margin-top: 6px; }
}