:root{--bg:#f5f7fb;--surface:#fff;--surface-alt:#f9fbfe;--ink:#1c2940;--muted:#687891;--muted2:#94a1b2;--primary:#335ce7;--primary-d:#2947bd;--primary-light:#eaf0ff;--line:#e8edf4;--green:#148454;--green-bg:#e6f6ee;--red:#ca5348;--red-bg:#fff0ed;--amber:#a96b12;--amber-bg:#fff6e6;--shadow:0 8px 30px rgba(23,44,91,.045);--radius:16px}
*,*::before,*::after{box-sizing:border-box}
html{font-size:14px;-webkit-text-size-adjust:100%;width:100%;min-height:100%}
body{margin:0;min-height:100vh;min-height:100dvh;width:100%;max-width:100vw;overflow-x:hidden;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.46}
[hidden]{display:none!important}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}input,select{min-width:0;color:var(--ink)}:focus-visible{outline:3px solid #9aaffb;outline-offset:2px}p{margin:0}h1,h2,h3{margin:0;letter-spacing:-.035em}h1{font-size:clamp(1.75rem,2.7vw,2.35rem);line-height:1.22}h2{font-size:1.2rem}h3{font-size:1rem}small{font-size:.78rem}svg{max-width:100%}
.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:12px;background:var(--primary);color:white;font-weight:900;font-size:23px;letter-spacing:-.12em;padding-right:3px;box-shadow:0 5px 12px rgba(51,92,231,.17)}.brand-text{font-size:1.34rem;font-weight:900;letter-spacing:-.055em;line-height:1.04;display:flex;flex-direction:column;white-space:nowrap}.brand-text small{font-size:.59rem;font-weight:800;letter-spacing:.09em;margin-top:4px;color:var(--muted)}
.login-screen{width:100%;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:white;position:relative;overflow:hidden}.login-panel{position:relative;z-index:1;padding:clamp(24px,4.5vw,65px);display:flex;flex-direction:column;min-width:0}.login-content{width:100%;max-width:425px;margin:auto;align-self:center;padding:30px 0}.login-content h1{font-size:clamp(2.1rem,4vw,3.2rem);margin:17px 0 16px;line-height:1.14}.accent{color:var(--primary)}.login-content>p{color:var(--muted);font-size:1.02rem;max-width:410px;line-height:1.7;margin-bottom:29px}.eyebrow{font-size:.7rem;letter-spacing:.15em;color:var(--primary);font-weight:800;display:inline-flex;align-items:center;gap:7px}.live-dot,.tiny-pulse{display:inline-block;flex:0 0 8px;height:8px;border-radius:50%;background:#1cbb82;box-shadow:0 0 0 4px #e4f8f0}.login-content form{display:flex;flex-direction:column;gap:9px}.login-content label{font-size:.86rem;color:#3b4c65;font-weight:700;margin-top:10px}.login-content input{width:100%;border:1px solid #dae2ec;background:#f9fbfe;border-radius:11px;padding:14px 15px;font-size:1rem;min-height:48px}.login-content input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px #eaf0ff}.login-content .btn{margin-top:17px;height:50px;font-size:.99rem}.login-footnote{margin-top:27px;color:var(--muted2);font-size:.76rem;text-align:center}.login-art{min-width:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#315ae4,#173baf 65%,#1d2e6c);color:white}.art-spotlight{position:absolute;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle,rgba(172,196,255,.26),transparent 65%);right:-200px;top:-150px}.art-card{z-index:1;width:min(80%,480px);padding:40px;border:1px solid #ffffff40;border-radius:24px;background:linear-gradient(160deg,#ffffff20,#ffffff0a);backdrop-filter:blur(9px);box-shadow:0 35px 80px #06195233}.art-card>span{font-size:.74rem;letter-spacing:.17em;font-weight:700;color:#c6d4ff}.art-card strong{display:block;font-size:clamp(1.8rem,3vw,3rem);line-height:1.25;letter-spacing:-.055em;margin:24px 0 28px}.art-card p{color:#dce5ff;margin-top:26px}.art-line{height:14px;background:#ffffff30;border-radius:20px}.art-line span{height:14px;width:76%;display:block;background:#95ffd1;border-radius:20px}.art-ornament{position:absolute;width:280px;height:280px;border:1px solid #ffffff19;border-radius:50%}.art-ornament-one{top:-110px;left:-100px}.art-ornament-two{bottom:-160px;right:-110px}
.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh;min-height:100dvh;width:100%;max-width:100%;overflow:clip}.sidebar{background:white;border-right:1px solid var(--line);height:100vh;height:100dvh;position:sticky;top:0;display:flex;flex-direction:column;padding:25px 14px;z-index:20;min-width:0}.sidebar-top{padding:1px 12px 38px}.sidebar-section-label{margin:7px 12px 13px;font-size:.68rem;letter-spacing:.13em;font-weight:850;color:#96a3b4}.nav-label{margin-top:34px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;background:transparent;color:#5b6a82;border:0;border-radius:10px;font-weight:650;text-align:left;padding:12px 14px;min-height:45px;transition:background .15s;color .15s;margin:3px 0}.nav-item:hover{background:#f5f7fc}.nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:800}.nav-icon{font-size:1.25rem;width:21px;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-weight:500}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:22px 12px 5px}.sidebar-info{color:#526681;font-size:.78rem;display:flex;align-items:center;gap:9px;font-weight:650}.sidebar-info .tiny-pulse{width:6px;height:6px;flex-basis:6px}.sidebar-version{margin-top:10px;color:#a5afbc;font-size:.73rem}.app-main{min-width:0;width:100%;display:flex;flex-direction:column}.topbar{min-height:74px;border-bottom:1px solid var(--line);background:#ffffffeb;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(16px,3vw,38px);gap:12px;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.topbar-left,.topbar-right{display:flex;align-items:center;min-width:0;gap:18px}.breadcrumb{font-size:.76rem;font-weight:750;letter-spacing:.075em;color:#9ca7b7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb b{color:#51647f;letter-spacing:0;font-size:.86rem}.breadcrumb-slash{color:#cdd5df;margin:0 9px}.time-chip{display:flex;align-items:center;gap:10px;font-size:.85rem;color:#576783;font-weight:800;white-space:nowrap;background:#f7f9fd;padding:10px 13px;border:1px solid #edf1f8;border-radius:10px}.time-chip .live-dot{width:6px;height:6px;flex-basis:6px;box-shadow:0 0 0 3px #e4f8f0}.time-chip-date{font-weight:600;color:#9aa6b6}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e8eefd;border:1px solid #d7e3fb;color:#3159c9;font-weight:800;font-size:.76rem;flex:0 0 38px}.icon-btn{border:0;background:#f1f5fa;border-radius:9px;min-width:38px;min-height:38px;color:#425573;font-size:1.3rem}.only-mobile{display:none}.page-container{flex:1;min-width:0;padding:clamp(18px,3vw,36px);width:100%;max-width:100%}.app-footer{padding:21px clamp(16px,3vw,38px);border-top:1px solid var(--line);font-size:.73rem;color:#9daab9;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px}
.page-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:25px}.overline{display:block;font-size:.69rem;letter-spacing:.14em;font-weight:850;color:var(--primary);margin-bottom:9px}.page-intro p{color:var(--muted);margin-top:8px;font-size:.94rem}.intro-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.btn{background:white;border:1px solid #dfe6f1;display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:10px;padding:11px 16px;min-height:39px;font-size:.86rem;line-height:1.2;font-weight:750;color:#41536d;white-space:nowrap;transition:background .18s,border-color .18s,transform .18s}.btn:hover:not(:disabled){background:#f8faff;transform:translateY(-1px);border-color:#b8c6e3}.btn-primary{background:var(--primary);border-color:var(--primary);color:white;box-shadow:0 5px 13px #335ce726}.btn-primary:hover:not(:disabled){background:var(--primary-d);border-color:var(--primary-d)}.btn-block{width:100%}.btn-quiet{border-color:transparent;background:var(--surface-alt)}.btn-small{padding:7px 10px;min-height:30px;font-size:.76rem;border-radius:8px}.btn-danger{background:var(--red-bg);border-color:#ffd7d0;color:#bd5146}.btn-green{background:var(--green-bg);border-color:#bfe9d3;color:#10784b}.btn-green:hover:not(:disabled){background:#d4f3e4}.form-error{background:var(--red-bg);color:#bd5146;padding:10px 12px;border-radius:9px;font-size:.84rem}.muted{color:var(--muted)}.subtext{font-size:.8rem;color:var(--muted)}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:21px}.stat{padding:20px 22px 18px;background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.stat-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.stat-label{color:#6d7d96;font-size:.8rem;font-weight:700}.stat-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#edf2ff;color:var(--primary);font-size:1.2rem;font-weight:750}.stat.stat-confirm .stat-icon{background:var(--green-bg);color:var(--green)}.stat.stat-late .stat-icon{background:var(--red-bg);color:var(--red)}.stat.stat-pending .stat-icon{background:var(--amber-bg);color:var(--amber)}.stat-value{font-size:clamp(1.65rem,2.4vw,2.2rem);font-weight:850;letter-spacing:-.055em;margin:11px 0 3px;line-height:1}.stat-note{font-size:.74rem;color:#9ba7b6}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px 22px;border-bottom:1px solid var(--line)}.panel-heading p{color:var(--muted);margin-top:4px;font-size:.8rem}.panel-body{padding:20px 22px}.progress-row{display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:.77rem;color:var(--muted);margin-bottom:9px}.progress-row strong{color:var(--ink)}.progress-track{height:8px;border-radius:10px;background:#edf1f7;overflow:hidden}.progress-track>div{height:100%;background:linear-gradient(90deg,#4873ef,#25b990);border-radius:10px;transition:width .5s}
.filters{padding:17px 20px;display:grid;grid-template-columns:minmax(180px,1.8fr) repeat(3,minmax(110px,1fr)) auto;gap:11px;background:#fbfcfe;border-bottom:1px solid var(--line);align-items:end}.filter{display:flex;flex-direction:column;gap:6px;min-width:0}.filter label{font-size:.73rem;font-weight:750;color:#72839b}.filter input,.filter select,.form-field input,.form-field select{display:block;width:100%;height:41px;border:1px solid #dfe7f1;border-radius:9px;background:white;padding:0 12px;font-size:.84rem;outline:none;min-width:0}.filter input:focus,.filter select:focus,.form-field input:focus,.form-field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #edf1ff}.filter-search input{padding-left:14px}.filter-actions{align-self:end}.panel-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.count-badge{background:#edf2fc;color:#47668c;padding:5px 10px;border-radius:100px;font-size:.73rem;font-weight:850;white-space:nowrap}.table-wrap{width:100%;max-width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;table-layout:auto;text-align:left}.data-table th{padding:13px 15px;color:#7b8ba1;font-size:.69rem;letter-spacing:.07em;font-weight:800;background:#f9fbfe;text-transform:uppercase;white-space:nowrap}.data-table td{padding:14px 15px;border-top:1px solid #eef1f7;vertical-align:middle;font-size:.84rem}.data-table tbody tr:hover{background:#fbfcff}.data-table th:first-child,.data-table td:first-child{padding-left:22px}.data-table th:last-child,.data-table td:last-child{padding-right:22px}.data-table .name{font-weight:760;color:#2b3b55;line-height:1.36}.table-muted{color:#97a5b8;font-size:.75rem}.time-value{display:inline-flex;align-items:center;gap:8px;color:#304563;font-weight:850;letter-spacing:.02em;font-size:.98rem;white-space:nowrap}.time-dot{width:7px;height:7px;background:var(--primary);border-radius:50%}.tag{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;background:#f2f5fb;color:#57708f;border-radius:7px;font-size:.73rem;font-weight:760;white-space:nowrap}.tag-shift{background:#ecf0ff;color:#5267ab}.status{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:7px;font-size:.74rem;font-weight:800;white-space:nowrap}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-confirmed{background:var(--green-bg);color:var(--green)}.status-pending{background:var(--amber-bg);color:var(--amber)}.status-late{background:var(--red-bg);color:var(--red)}.action-flex{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.mobile-cards{display:none}.mobile-card{border-top:1px solid var(--line);padding:16px}.mobile-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-card .name{font-weight:800;margin:9px 0 5px;font-size:.91rem}.mobile-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 13px}.mobile-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.empty-state{padding:50px 24px;text-align:center}.empty-icon{font-size:2.3rem;line-height:1.1;color:#b8c7d9}.empty-state h3{margin-top:13px}.empty-state p{margin:7px auto 0;color:var(--muted);max-width:460px}.empty-state .btn{margin-top:15px}
.tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.tab{border:1px solid transparent;background:transparent;color:#64778f;border-radius:8px;padding:10px 13px;font-size:.83rem;font-weight:750}.tab.active{background:var(--primary-light);color:var(--primary)}.segment{padding:7px;background:#f6f8fd;border-radius:11px;display:inline-flex;max-width:100%;overflow-x:auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-field{min-width:0;display:flex;flex-direction:column;gap:7px}.form-field label{font-size:.8rem;font-weight:720;color:#425572}.form-field small{color:var(--muted)}.form-field.full{grid-column:1/-1}.form-field input,.form-field select{height:43px}.form-controls{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:19px;margin-top:19px}.panel-head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.input-times{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.time-field-wrap{display:flex;align-items:center;gap:4px;min-width:113px}.time-field-wrap input{width:112px}.remove-time{border:0;background:var(--red-bg);color:var(--red);height:35px;width:30px;border-radius:8px;font-size:1.2rem}.hint{color:var(--muted);font-size:.78rem;line-height:1.5}.check-row{display:flex;gap:9px;align-items:flex-start;color:#4a5e7a;font-size:.84rem}.check-row input{width:16px;height:16px;flex:0 0 16px;accent-color:var(--primary)}.history-items{display:grid;gap:9px;padding:18px}.history-item{border:1px solid var(--line);padding:15px 17px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.history-item b{font-size:.94rem}.history-item p{color:var(--muted);font-size:.76rem;margin-top:4px}.history-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:10px}.notice{padding:14px 17px;border:1px solid #e2eafd;border-radius:11px;background:#f4f7ff;color:#566a93;font-size:.83rem;line-height:1.6}.notice-warn{background:#fff8ec;border-color:#ffebc5;color:#95743b}.audit-list{list-style:none;padding:0;margin:0}.audit-list li{padding:12px 0;border-top:1px solid var(--line);font-size:.81rem}.audit-list li:first-child{border-top:0}.audit-list b{font-weight:800}.audit-list small{display:block;color:var(--muted);margin-top:4px}
.dialog{width:min(96vw,530px);max-width:calc(100vw - 20px);max-height:min(86dvh,780px);padding:0;border:1px solid #dfe5f0;border-radius:19px;box-shadow:0 25px 100px #1c294044;overflow:auto;background:white;color:var(--ink)}.dialog::backdrop{background:rgba(20,37,69,.48);backdrop-filter:blur(3px)}.dialog-header{padding:24px 26px 16px}.dialog-header h2{font-size:1.3rem;margin-bottom:8px}.dialog-header p{color:var(--muted);line-height:1.65;font-size:.9rem}.dialog-body{padding:6px 26px 20px}.dialog-actions{border-top:1px solid var(--line);padding:15px 25px 21px;display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.dialog form{margin:0}.dialog .form-field{margin-bottom:14px}.toast-layer{position:fixed;z-index:1000;right:16px;bottom:18px;left:auto;width:min(390px,calc(100vw - 32px));display:grid;gap:8px;pointer-events:none}.toast{background:#273d5c;color:white;border-radius:11px;padding:15px 17px;box-shadow:0 10px 35px #21324f33;font-size:.87rem;line-height:1.5;animation:slide-up .2s ease-out}.toast.success{background:#15734f}.toast.error{background:#b84840}@keyframes slide-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1240px){.stats-grid{gap:10px}.stat{padding:16px}.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.filters .filter-search{grid-column:span 2}.filters .filter-actions{grid-column:auto}.data-table td,.data-table th{padding-right:9px;padding-left:9px}}
@media(max-width:970px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:22px 9px}.sidebar-top{padding-left:10px}.brand-text small{font-size:.51rem}.page-container{padding:18px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-table{display:none}.mobile-cards{display:block}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filters .filter-search{grid-column:span 2}.time-chip-date{display:none}}
@media(max-width:700px){.app-shell{display:block;overflow:clip}.sidebar{width:min(84vw,288px);max-width:288px;position:fixed;top:0;left:0;bottom:0;box-shadow:18px 0 45px #1c294026;transform:translateX(-103%);transition:transform .2s;z-index:51}.sidebar.open{transform:translateX(0)}.sidebar-overlay{position:fixed;inset:0;background:#1423437c;z-index:50}.only-mobile{display:inline-flex;align-items:center;justify-content:center}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:0 8px 34px}.topbar{min-height:62px;padding:10px 14px}.topbar-left,.topbar-right{gap:10px}.breadcrumb{font-size:.66rem;max-width:43vw}.breadcrumb b{font-size:.77rem}.time-chip{padding:8px 9px;gap:7px;font-size:.78rem}.avatar{width:32px;height:32px;flex-basis:32px;font-size:.67rem}.page-container{padding:18px 12px}.page-intro{flex-direction:column;gap:13px;margin-bottom:18px}.intro-actions{width:100%;justify-content:flex-start}.intro-actions .btn{flex:1 1 auto}.page-intro h1{font-size:1.65rem}.page-intro p{font-size:.85rem}.stats-grid{gap:8px}.stat{padding:13px 13px 14px;border-radius:12px}.stat-label{font-size:.7rem}.stat-icon{width:28px;height:28px;font-size:1rem}.stat-value{font-size:1.78rem;margin-top:12px}.stat-note{font-size:.69rem}.panel-heading{padding:16px 14px}.panel-body{padding:16px 14px}.filters{padding:14px;gap:10px}.filter-search{grid-column:span 2}.filter input,.filter select{height:41px}.filter-actions{grid-column:span 2}.filter-actions .btn{width:100%}.mobile-card{padding:15px 14px}.app-footer{padding:18px 14px}.login-screen{display:block;min-height:100dvh}.login-panel{min-height:100dvh;padding:24px 24px;justify-content:flex-start}.login-content{padding:20px 0;margin:auto}.login-content h1{font-size:2.38rem}.login-art{display:none}.form-grid{grid-template-columns:minmax(0,1fr)}.dialog{width:calc(100vw - 20px)}.dialog-header{padding:20px 19px 13px}.dialog-body{padding:4px 19px 15px}.dialog-actions{padding:13px 19px 19px}.history-item{padding:12px}.toast-layer{left:12px;right:12px;bottom:14px;width:auto}}
@media(max-width:370px){.breadcrumb{max-width:34vw}.time-chip{font-size:.72rem}.topbar-left,.topbar-right{gap:6px}.avatar{display:none}.stat{padding:11px}.stat-label{font-size:.65rem}.stat-value{font-size:1.55rem}.tag{font-size:.7rem}.login-panel{padding:19px}.login-content h1{font-size:2.1rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ========================================================================
 * VMG 1.1.0 — RESPONSIVIDADE SEM ROLAGEM HORIZONTAL
 * Restrições de largura e quebras explícitas para Safari iOS, Android e PC.
 * Não interfere com dados, API PHP, autenticação ou histórico.
 * ======================================================================== */
:root { --touch-target: 44px; }
html { max-width: 100%; overflow-x: clip; }
body { max-width: 100%; overflow-x: clip; }
#app, .app-shell, .app-main, .page-container, .page-intro,
.page-intro > div, .intro-actions, .stats-grid, .stat, .stat-head,
.panel, .panel-heading, .panel-heading > div, .panel-body,
.filters, .filter, #daily-results, .mobile-cards, .mobile-card,
.mobile-card-head, .mobile-card-footer, .mobile-tags, .action-flex,
.history-items, .history-list, .history-item, .notice,
.form-grid, .form-field, .dialog, #dialog-content {
  min-width: 0;
  max-width: 100%;
}
.page-intro h1, .page-intro p, .panel-heading h2, .panel-heading p,
.stat-label, .stat-note, .mobile-card .name, .mobile-card .subtext,
.mobile-card-head b, .history-item, .notice, .dialog-header,
.dialog-header h2, .dialog-header p, .audit-list,
.form-field label, .progress-row span, .progress-row strong {
  overflow-wrap: anywhere;
}
.stats-grid, .filters, .form-grid, .history-list { min-width: 0; }
.stat-head > *, .mobile-card-head > *, .mobile-card-footer > *,
.panel-heading > *, .history-item > *, .dialog-actions > * { min-width: 0; }
.stat-label { flex: 1 1 auto; }
.stat-icon { flex: 0 0 auto; }
.mobile-tags .tag { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.mobile-card .name { line-height: 1.4; }
.mobile-card-head { flex-wrap: wrap; }
.mobile-card-footer { flex-wrap: wrap; }
.mobile-card .action-flex { justify-content: flex-end; }
.page-intro > div:first-child { flex: 1 1 auto; }
.intro-actions .btn { min-width: 0; }
.breadcrumb { min-width: 0; }
.topbar-left { flex: 1 1 auto; }
.topbar-right { flex: 0 0 auto; }
.panel-tools, .panel-head-actions { min-width: 0; max-width: 100%; }
.segment { flex-wrap: wrap; overflow-x: visible; }
.tab { min-width: 0; white-space: normal; }
.dialog { margin-inline: auto; }
.dialog form, .dialog-body, .dialog-header, .dialog-actions { min-width: 0; }
.filter input, .filter select, .form-field input, .form-field select { max-width: 100%; }

/* Telas de notebooks: substitui tabela muito larga por cartões legíveis. */
@media (min-width: 971px) and (max-width: 1350px) {
  .desktop-table { display: none; }
  .mobile-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mobile-card { border-right: 1px solid var(--line); }
  .mobile-card-footer { align-items: flex-start; }
}

/* Em tablets, cartões usam toda a largura da coluna de conteúdo. */
@media (min-width: 701px) and (max-width: 970px) {
  .desktop-table { display: none; }
  .mobile-cards { display: block; }
  .mobile-card-footer .action-flex { margin-left: auto; }
}

/* Dispositivos móveis: nenhum componente força a largura da viewport. */
@media (max-width: 700px) {
  .app-shell { width: 100%; max-width: 100%; overflow: visible; }
  .app-main { width: 100%; max-width: 100%; }
  .page-container { width: 100%; max-width: 100%; padding: 16px 12px 24px; }
  .page-intro { width: 100%; display: flex; flex-direction: column; gap: 14px; }
  .page-intro > div { width: 100%; }
  .page-intro h1 { font-size: clamp(1.35rem, 6.1vw, 1.75rem); line-height: 1.2; }
  .page-intro p { max-width: 100%; line-height: 1.5; }
  .intro-actions { display: grid; width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .intro-actions .btn { display: flex; width: 100%; min-height: var(--touch-target); padding: 10px 8px; white-space: normal; text-align: center; overflow-wrap: anywhere; line-height: 1.25; }
  .stats-grid { width: 100%; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .stat { min-width: 0; padding: 13px 11px; }
  .stat-head { min-width: 0; gap: 5px; align-items: flex-start; }
  .stat-label { min-width: 0; font-size: .78rem; line-height: 1.25; }
  .stat-icon { width: 26px; height: 26px; font-size: 1rem; }
  .stat-value { font-size: clamp(1.55rem, 6vw, 1.9rem); }
  .stat-note { line-height: 1.3; }
  .panel-heading { padding: 14px 13px; }
  .panel-heading > div { flex: 1 1 100%; }
  .panel-tools, .panel-head-actions { width: 100%; }
  .panel-body { padding: 15px 13px; }
  .progress-row { flex-wrap: wrap; }
  .filters, .filters[style] { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px; padding: 13px; }
  .filters .filter-search, .filters .filter-search[style] { grid-column: 1/-1 !important; }
  .filters .filter-actions { grid-column: auto; align-self: end; }
  .filters .filter-actions .btn { min-height: var(--touch-target); }
  .filter input, .filter select { width: 100%; font-size: 16px; /* evita zoom automático de campos no iOS */ }
  .mobile-cards { width: 100%; display: block; }
  .mobile-card { padding: 15px 13px; width: 100%; }
  .mobile-card-head { gap: 8px; align-items: center; }
  .mobile-card .name { margin-top: 11px; }
  .mobile-tags { gap: 6px; }
  .mobile-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
  .mobile-card-footer > .subtext { flex: 1 1 auto; }
  .mobile-card-footer > .action-flex { flex: 0 1 auto; gap: 8px; }
  .mobile-card-footer .btn { min-height: var(--touch-target); }
  .mobile-card .action-flex > .btn { white-space: normal; overflow-wrap: anywhere; }
  .history-list { grid-template-columns: minmax(0,1fr); }
  .history-item { align-items: flex-start; }
  .dialog-actions .btn { min-height: var(--touch-target); white-space: normal; }
  .form-grid { grid-template-columns: minmax(0,1fr); }
  .form-field.full { grid-column: 1; }
  .time-field-wrap { max-width: 100%; }
  .app-footer { min-width: 0; }
}

/* Telefones compactos: botões em coluna, ações inteiramente visíveis. */
@media (max-width: 420px) {
  .topbar { gap: 8px; padding: 10px 12px; }
  .topbar-left, .topbar-right { gap: 8px; }
  .breadcrumb { font-size: 0; letter-spacing: 0; max-width: min(32vw,120px); }
  .breadcrumb-slash { display: none; }
  .breadcrumb b { font-size: .82rem; letter-spacing: 0; }
  .time-chip { padding: 8px; gap: 6px; }
  .avatar { display: none; }
  .intro-actions { grid-template-columns: minmax(0,1fr); }
  .stat { padding: 12px 10px; }
  .stat-label { font-size: .74rem; }
  .stat-icon { width: 23px; height: 23px; }
  .mobile-card-footer { display: grid; grid-template-columns: minmax(0,1fr); }
  .mobile-card-footer > .action-flex { width: 100%; justify-content: flex-start; }
  .mobile-card-footer > .action-flex .btn:first-child { flex: 1 1 auto; }
  .mobile-card-footer > .action-flex .btn:last-child { flex: 0 0 auto; min-width: var(--touch-target); }
  .mobile-card-footer .subtext { width: 100%; }
  .history-item > .btn { width: 100%; }
  .dialog-actions { display: grid; grid-template-columns: minmax(0,1fr); }
  .dialog-actions .btn { width: 100%; }
}

/* Larguras ainda menores e ampliação de fonte/acessibilidade. */
@media (max-width: 340px) {
  .page-container { padding-inline: 10px; }
  .topbar { padding-inline: 9px; }
  .topbar-left { gap: 5px; }
  .time-chip { font-size: .75rem; }
  .stats-grid { grid-template-columns: minmax(0,1fr); }
  .stat-head { align-items: center; }
  .stat-value { font-size: 1.8rem; }
  .filters, .filters[style] { grid-template-columns: minmax(0,1fr) !important; }
  .filters > *, .filters .filter-search, .filters .filter-actions { grid-column: 1/-1 !important; }
  .mobile-card-head .status { white-space: normal; }
  .btn { white-space: normal; }
}

/* ========================================================================
   VMG 1.2 — EXECUÇÃO POR TITULAR, FOLGUISTA OU RESERVA E ALERTA SONORO
   Compatível com Safari iOS / Android / notebooks; não ultrapassa viewport.
   ======================================================================== */
.driver-title-label{display:block;letter-spacing:.085em;font-size:.61rem;font-weight:850;color:#76859b;margin-bottom:3px}
.titular-name{color:#17243b;font-weight:850;line-height:1.4;overflow-wrap:anywhere}
.executor-detail{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:7px 0 5px;font-size:.79rem;max-width:100%;min-width:0}
.executor-pill{display:inline-flex;align-items:center;border:1px solid #d8e5f2;border-radius:7px;padding:4px 8px;line-height:1.2;font-size:.7rem;font-weight:850;color:#496587;background:#f2f6fb;white-space:nowrap}
.executor-pill.type-titular{color:#117a4a;background:#e7f7ee;border-color:#d0efdc}
.executor-pill.type-folguista{color:#905a0e;background:#fff4de;border-color:#f9e4ba}
.executor-pill.type-reserva{color:#3650b3;background:#eaf0ff;border-color:#d3ddff}
.executor-name{color:#536782;min-width:0;overflow-wrap:anywhere}
.executor-name strong{color:#1e304d}
.confirm-role-actions{display:flex;gap:6px;flex-wrap:wrap;max-width:100%;min-width:0;align-items:center}
.confirm-role-actions .btn{min-height:36px;white-space:nowrap;padding:8px 10px;font-size:.76rem}
.btn-folguista{background:#fff4dc!important;border-color:#efd69b!important;color:#86540b!important}
.btn-reserva{background:#ebf0ff!important;border-color:#cfdaff!important;color:#304ea8!important}
.confirm-role-actions .audit-button{width:36px;min-width:36px;padding-left:6px;padding-right:6px}
.titular-notice{font-size:.83rem;overflow-wrap:anywhere}
.titular-in-notice{font-size:1.02rem;font-weight:850;color:#192b48;margin:4px 0}
.audit-executor{font-size:.8rem;color:#384f72;margin-top:4px;font-weight:700;overflow-wrap:anywhere}
.btn-sound{background:#f1f5ff;border-color:#cad7fc;color:#2a4cb0;font-weight:850}
.btn-sound.alarm-is-on{background:#e5f7ed;border-color:#b4e6cb;color:#147b4d}
.late-alarm-notice{padding:12px 16px;margin:0 0 17px;background:#fff1ec;border:1px solid #f4c4b9;box-shadow:0 4px 14px #dd573c0d;border-radius:13px;display:flex;align-items:center;gap:13px;max-width:100%;overflow-wrap:anywhere}
.late-alarm-notice[hidden]{display:none!important}
.late-alarm-symbol{flex:0 0 35px;width:35px;height:35px;display:grid;place-items:center;background:#c4412b;color:#fff;font-size:1.26rem;font-weight:900;border-radius:10px}
.late-alarm-message{min-width:0;flex:1 1 auto}
.late-alarm-message strong{font-size:.89rem;color:#962c22}
.late-alarm-message p{font-size:.77rem;margin-top:3px;color:#9f5a4e;line-height:1.4}
.mobile-card .driver-title-label{margin:10px 0 0}
.mobile-card .titular-name{margin:2px 0 4px;font-size:clamp(.91rem,2.5vw,1.03rem)}
.mobile-card .executor-detail{margin:7px 0 8px}
.mobile-card .mobile-card-footer{align-items:flex-start}
.mobile-card .mobile-card-footer > .confirm-role-actions{max-width:100%}
.data-table td:last-child{min-width:190px;max-width:310px}
.data-table td .confirm-role-actions{width:100%;justify-content:flex-start}
@media (max-width: 700px){
  .confirm-role-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(32px,36px);gap:6px}
  .confirm-role-actions.actions-confirmed{grid-template-columns:minmax(0,1fr) minmax(38px,48px)}
  .confirm-role-actions .btn{width:100%;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;min-height:43px;padding:8px 5px;font-size:clamp(.74rem,2.75vw,.84rem)}
  .confirm-role-actions .audit-button{width:100%;min-width:0}
  .mobile-card-footer{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
  .mobile-card-footer > .confirm-role-actions{width:100%;max-width:100%}
  .mobile-card-footer > .confirm-role-actions .btn:first-child{flex:unset}
  .mobile-card-footer > .confirm-role-actions .btn:last-child{flex:unset;min-width:0}
  .page-intro .btn-sound{flex:1 1 100%}
  .late-alarm-notice{padding:12px;align-items:flex-start}
}
@media (max-width: 350px){
  .confirm-role-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .confirm-role-actions.actions-confirmed{grid-template-columns:minmax(0,1fr) minmax(38px,48px)}
  .confirm-role-actions .audit-button{grid-column:auto}
  .mobile-card .executor-name{display:block;width:100%}
}

/* v1.3 - separação da fila operacional e histórico completo */
.stats-grid-pending{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}
.text-link{font:inherit;color:var(--primary);text-decoration:underline;text-underline-offset:3px;font-weight:750;padding:0;border:0;background:transparent;white-space:normal}
.text-link:hover{text-decoration-thickness:2px}
.history-detail{margin-top:22px;min-width:0}
.history-date-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap;min-width:0}
.history-date-heading h2{font-size:1.5rem;line-height:1.2}
.history-date-heading p{color:var(--muted);margin-top:6px;line-height:1.5;max-width:680px}
#history-detail .stats-grid{margin-bottom:18px}
#history-results,.history-date-heading{min-width:0;max-width:100%}
@media(max-width:650px){.stats-grid-pending{grid-template-columns:repeat(2,minmax(0,1fr))}.history-date-heading{align-items:stretch}.history-date-heading .btn{width:100%}}
@media(max-width:340px){.stats-grid-pending{grid-template-columns:minmax(0,1fr)}}


/* ========================================================================
 * VMG v1.3.1 — CORREÇÃO DE MODAIS NO SAFARI iOS / ANDROID
 * Corrige zoom automático do teclado, corte horizontal e modal fora da
 * área visual. Não modifica informações de motoristas nem confirmações.
 * ======================================================================== */
.dialog,
.dialog #dialog-content,
.dialog .dialog-header,
.dialog .dialog-body,
.dialog .dialog-actions,
.dialog .form-field,
.dialog .notice {box-sizing:border-box;min-width:0;}
.dialog #dialog-content {width:100%;max-width:100%;overflow-wrap:anywhere;}
.dialog .notice, .dialog .titular-in-notice, .dialog .dialog-header p,
.dialog .dialog-header h2, .dialog .form-field label {overflow-wrap:anywhere;white-space:normal;}
/* Campos de 16px impedem o zoom automático do Safari ao receber foco. */
.dialog input:not([type="checkbox"]),.dialog select,.dialog textarea {font-size:16px!important;max-width:100%;}
.dialog input {box-sizing:border-box;}
@media(max-width:700px){
 .dialog[open]{
  position:fixed!important;
  inset:auto!important;
  left:50%!important;
  top:var(--vmg-view-center, 50dvh)!important;
  transform:translate(-50%,-50%);
  margin:0!important;
  width:min(420px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  max-height:calc(var(--vmg-view-height, 100dvh) - 20px)!important;
  min-height:0;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  border-radius:16px;
 }
 .dialog .dialog-header {padding:17px 16px 10px;}
 .dialog .dialog-header h2{font-size:1.23rem;line-height:1.25;}
 .dialog .dialog-header p{font-size:.85rem;line-height:1.45;}
 .dialog .dialog-body {padding:4px 16px 11px;}
 .dialog .notice{padding:11px 12px;line-height:1.42;}
 .dialog .dialog-actions {padding:11px 16px calc(12px + env(safe-area-inset-bottom,0px));}
 .dialog-alternate .dialog-header .overline{font-size:.67rem;letter-spacing:.12em;}
 .dialog-alternate .titular-notice{font-size:.81rem;line-height:1.4;}
 .dialog-alternate .titular-in-notice{font-size:.95rem;line-height:1.35;}
 .dialog-alternate .form-field{margin-bottom:4px;}
 .dialog-alternate .form-field label{font-size:.88rem;}
 .dialog-alternate .form-field small{font-size:.77rem;line-height:1.35;}
 .dialog-alternate #alternate-name{min-height:48px;height:48px;padding:9px 12px;font-size:16px!important;}
 .dialog-alternate .dialog-actions{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:8px;
  background:#fff;
  position:sticky;
  bottom:0;
  z-index:1;
 }
 .dialog-alternate .dialog-actions .btn{
  width:100%;min-width:0;max-width:100%;min-height:46px;
  padding:9px 8px;font-size:.88rem;line-height:1.25;
  white-space:normal;overflow-wrap:anywhere;
 }
 .dialog-alternate.dialog-keyboard-open .dialog-header{padding-top:10px;padding-bottom:6px;}
 .dialog-alternate.dialog-keyboard-open .dialog-header p{display:none;}
 .dialog-alternate.dialog-keyboard-open .dialog-body{padding-bottom:5px;}
 .dialog-alternate.dialog-keyboard-open .dialog-actions{padding-top:8px;padding-bottom:8px;}
}
@media(max-width:325px){
 .dialog[open]{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;}
 .dialog-alternate .dialog-actions{grid-template-columns:minmax(0,1fr);}
 .dialog-alternate .dialog-header{padding-inline:13px;}
 .dialog-alternate .dialog-body{padding-inline:13px;}
}

/* VMG v1.4 — validação opcional da frota na mesma janela responsiva aprovada */
.dialog .vehicle-validation {min-width:0;max-width:100%;margin-top:16px;padding:13px;border:1px solid #dce5f3;border-radius:12px;background:#f8faff;overflow-wrap:anywhere;}
.dialog .vehicle-primary-label {font-size:.72rem;letter-spacing:.06em;color:#526587;font-weight:800;}
.dialog .vehicle-primary-value {font-size:1.06rem;color:#1c3155;font-weight:650;margin:4px 0 12px;}
.dialog .vehicle-primary-value strong {font-size:1.27em;color:#1f51bb;}
.dialog .vehicle-confirm-label {font-weight:700;font-size:.87rem;color:#273b5e;margin-bottom:9px;}
.dialog .vehicle-choice {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;}
.dialog .vehicle-choice-option{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d8e0ed;border-radius:9px;padding:10px 5px;background:#fff;cursor:pointer;min-width:0;min-height:44px;}
.dialog .vehicle-choice-option:has(input:checked){background:#e9f0ff;border-color:#3868e6;color:#174fbe;}
.dialog .vehicle-choice-option input {flex:none;max-width:17px;margin:0;accent-color:#3868e6;}
.dialog .vehicle-choice-option span {font-size:.78rem;font-weight:750;min-width:0;overflow-wrap:anywhere;line-height:1.18;}
.dialog .vehicle-change-fields {margin-top:14px;}
.dialog .vehicle-change-fields[hidden] {display:none!important;}
.dialog .substitute-name {margin-top:14px;}
.dialog .planned-route {font-size:.8rem;margin-top:4px;}
.vehicle-planned-label {font-size:.67rem;text-transform:uppercase;letter-spacing:.04em;color:#61708a;font-weight:700;}
.vehicle-executed-label {margin-top:5px;font-size:.8rem;color:#2556b4;font-weight:600;overflow-wrap:anywhere;}
.vehicle-changed-tag {display:inline-block;font-size:.61rem;padding:2px 5px;vertical-align:middle;color:#825400;background:#fff0d8;border-radius:5px;font-weight:800;}
.mobile-tags .vehicle-executed-label {flex:1 0 100%;padding:3px 0;}
.audit-vehicle {font-size:.86rem;color:#364767;margin-top:4px;}
@media (max-width:700px){
 .dialog .vehicle-validation {padding:10px 11px;margin-top:10px;}
 .dialog .vehicle-primary-value{margin-bottom:8px;}
 .dialog .vehicle-primary-label {font-size:.65rem;}
 .dialog .vehicle-confirm-label{font-size:.81rem;margin-bottom:7px;}
 .dialog .vehicle-choice{gap:6px;}
 .dialog .vehicle-choice-option{padding:7px 4px;}
 .dialog .vehicle-choice-option span{font-size:.72rem;}
 .dialog .vehicle-change-fields{margin-top:9px;}
 .dialog .substitute-name{margin-top:10px;}
}
@media(max-width:325px){.dialog .vehicle-choice {grid-template-columns:minmax(0,1fr);}}

/* VMG v1.5 — Linhas com realce e ações diárias de IGNORAR sem alterar layout */
.route-chip{
  appearance:none;display:inline-flex;align-items:center;justify-content:center;
  width:auto;max-width:100%;min-width:0;min-height:34px;
  padding:7px 12px;border:1px solid #adc4ff;border-radius:10px;
  background:linear-gradient(155deg,#e8efff,#dbe7ff);
  color:#1746a8;font-size:.82rem;font-weight:900;letter-spacing:.015em;
  box-shadow:0 2px 5px rgba(36,84,181,.08);line-height:1.12;
  overflow-wrap:anywhere;white-space:normal;text-align:center;
}
button.route-chip:hover{background:#cadbff;border-color:#6e98fc;transform:translateY(-1px)}
button.route-chip:focus-visible{outline:3px solid #7c9fff;outline-offset:2px}
.route-chip-static{cursor:default}
.mobile-tags .route-chip{flex:0 1 auto;max-width:100%}
.btn-ignore{background:#fff8e6;border:1px solid #edce7a;color:#875c04;font-weight:850}
.btn-ignore:hover:not(:disabled){background:#ffefc9;border-color:#d9a840}
.btn-restore{background:#f3f0ff;border:1px solid #d4c6ff;color:#6551a4}
.status-ignored{color:#7355a2;background:#f4eeff}
.stat-ignored .stat-icon{background:#f1eaff;color:#7259aa}
.ignored-meta{margin-top:5px;color:#795a9a;font-size:.76rem;font-weight:730;overflow-wrap:anywhere}
.confirm-role-actions{align-items:center;max-width:100%}
@media (min-width:1241px){.history-detail .stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:700px){
  .mobile-card-footer{align-items:flex-start;flex-wrap:wrap}
  .mobile-card-footer>.action-flex.confirm-role-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:7px}
  .confirm-role-actions .btn{min-width:0;width:100%;min-height:42px;padding:9px 5px;white-space:normal;overflow-wrap:anywhere;line-height:1.18}
  .confirm-role-actions .audit-button{min-height:40px}
  .mobile-tags .route-chip{font-size:.8rem;padding:8px 11px}
}
@media(max-width:320px){.mobile-card-footer>.action-flex.confirm-role-actions{gap:5px}}


/* VMG v1.5.1 — Em computadores, todos os botões de ação na mesma linha.
   A tabela reserva espaço PARA os botões dentro da largura do painel.
   As regras para celular (até 700px) permanecem intactas. */
@media (min-width: 1351px) {
  .operations-table { width: 100%; table-layout: fixed; }
  .operations-table th, .operations-table td { padding-inline: 6px; min-width: 0; max-width: none; overflow-wrap: anywhere; }
  .operations-table th { white-space: normal; overflow-wrap: normal; word-break: normal; line-height: 1.3; vertical-align: middle; font-size: .65rem; }
  .operations-table th:first-child, .operations-table td:first-child { width: 8%; padding-left: 12px; }
  .operations-table th:nth-child(2), .operations-table td:nth-child(2) { width: 18%; }
  .operations-table th:nth-child(3), .operations-table td:nth-child(3) { width: 9%; }
  .operations-table th:nth-child(4), .operations-table td:nth-child(4) { width: 8%; }
  .operations-table th:nth-child(5), .operations-table td:nth-child(5) { width: 10%; }
  .operations-table th:nth-child(6), .operations-table td:nth-child(6) { width: 7%; }
  .operations-table th:nth-child(7), .operations-table td:nth-child(7) { width: 10%; }
  .operations-table th:last-child, .operations-table td:last-child { width: 30%; padding-right: 10px; min-width: 0; max-width: none; }
  .operations-table td .confirm-role-actions { display: flex; width: 100%; max-width: 100%; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 4px; }
  .operations-table .confirm-role-actions > .btn { min-width: 0; flex: 0 1 auto; padding: 8px 6px; min-height: 34px; font-size: .72rem; white-space: nowrap; }
  .operations-table .confirm-role-actions > .audit-button { width: 28px; flex: 0 0 28px; padding-inline: 3px; }
  .operations-table .route-chip { max-width: 100%; padding: 7px 6px; font-size: .76rem; }
  .operations-table .status { padding: 6px 7px; font-size: .7rem; }
  .operations-table .time-value { font-size: .87rem; gap: 5px; }
  .operations-table .tag { padding-inline: 6px; }
}
/* Notebooks com cartões duplos: as ações ocupam uma faixa própria e única. */
@media (min-width: 971px) and (max-width: 1350px) {
  .mobile-card-footer { display: flex; flex-direction: column; align-items: stretch; gap: 9px; }
  .mobile-card-footer > .confirm-role-actions { display: flex; width: 100%; flex-wrap: nowrap; gap: 5px; justify-content: flex-start; }
  .mobile-card-footer > .confirm-role-actions .btn { min-width: 0; flex: 0 1 auto; font-size: .7rem; padding: 8px 5px; white-space: nowrap; }
  .mobile-card-footer > .confirm-role-actions .audit-button { flex: 0 0 27px; min-width: 27px; padding-inline: 3px; }
}

/* VMG v1.6: identidade visual reforçada das linhas, sem alterar a grade responsiva aprovada. */
.route-chip,
.operations-table .route-chip,
.mobile-tags .route-chip {
  background:linear-gradient(135deg,#1749cd 0%,#2f65f5 100%);
  border:1px solid #184cc9;
  color:#fff;
  font-weight:900;
  letter-spacing:.025em;
  border-radius:11px;
  box-shadow:0 3px 0 rgba(19,51,134,.16), 0 5px 13px rgba(37,82,205,.18);
  text-shadow:0 1px 1px rgba(10,31,95,.18);
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.2;
}
.route-chip::before {
  content:"";
  display:inline-block;
  width:6px;height:6px;
  border-radius:50%;
  background:#cfe1ff;
  box-shadow:0 0 0 2px rgba(255,255,255,.20);
  margin-right:7px;
  flex-shrink:0;
}
button.route-chip:hover {
  background:linear-gradient(135deg,#123da9 0%,#1749cd 100%);
  border-color:#0d3496;
  color:#fff;
  box-shadow:0 4px 12px rgba(25,64,164,.28);
}
button.route-chip:focus-visible {outline:3px solid #86b8ff;outline-offset:3px}
/* Responsável registrado na própria jornada: desktop e mobile. */
.supervisor-trace {
  display:flex;flex-wrap:wrap;align-items:baseline;column-gap:5px;row-gap:2px;
  margin-top:7px;padding:7px 8px;
  max-width:100%;min-width:0;
  background:#eef5ff;border-left:3px solid #3568e9;border-radius:6px;
  font-size:.71rem;line-height:1.3;color:#345077;overflow-wrap:anywhere;
}
.supervisor-trace span {font-size:.68rem;font-weight:700}
.supervisor-trace strong {font-size:.75rem;color:#173d93;font-weight:850}
.supervisor-trace small {display:block;flex:1 1 100%;font-size:.66rem;color:#647d9e;overflow-wrap:anywhere}
.supervisor-trace.ignored-trace {background:#f6f1ff;border-color:#8061bb}
.supervisor-trace.ignored-trace strong {color:#66479e}
@media (min-width:1351px) {
  .operations-table .route-chip {padding:8px 5px;}
  .operations-table .route-chip::before {width:5px;height:5px;margin-right:4px}
}
@media (max-width:700px) {
  .mobile-tags .route-chip {padding:9px 12px;font-size:.82rem}
  .mobile-tags .route-chip::before {margin-right:6px}
}