/* ============================================================
   RodoWall PAD — Detalhe do Motorista
   ------------------------------------------------------------
   Cartão de pontuação, composição, barra de progresso e filtro de período.
   ============================================================ */

/*  DETAIL  */
.detail{flex:1;overflow-y:auto;background:var(--bg);}
.detail-inner{padding:24px;max-width:920px;}
.empty-st{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text3);}
.empty-icon{font-size:40px;opacity:.3;}

.dh{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--sp-5);}
.dh-name{font-family:"Montserrat",sans-serif;font-size:27px;letter-spacing:.5px;color:var(--text);line-height:1.1;font-weight:800;}
.dh-meta{font-size:11px;color:var(--text2);margin-top:var(--sp-1);font-family:'Poppins',sans-serif;}
.dh-right{display:flex;gap:var(--sp-2);align-items:center;flex-shrink:0;}
.pill{padding:4px 11px;border-radius:var(--r-full);font-size:9px;text-transform:uppercase;letter-spacing:.8px;font-weight:600;font-family:'Poppins',sans-serif;}
.pill-g{background:var(--green-dim);color:var(--green);}
.pill-r{background:var(--red-dim);color:var(--red);}
.btn{padding:7px 15px;border-radius:var(--r-sm);border:1px solid var(--border2);background:var(--surface);color:var(--text);font-size:12px;cursor:pointer;transition:all var(--t-base);font-family:'Poppins',sans-serif;font-weight:500;}
.btn:hover{border-color:var(--mustard);color:var(--mustard);}
.btn.primary{background:var(--mustard);color:var(--navy);border-color:var(--mustard);font-weight:600;}
.btn.primary:hover{background:var(--mustard2);}
.btn.danger{background:var(--red-dim);color:var(--red);border-color:rgba(232,97,95,.25);}
.btn.danger:hover{background:rgba(232,97,95,.18);}

/* SCORE CARD — peça central da tela do motorista */
.score-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);margin-bottom:var(--sp-4);display:grid;grid-template-columns:108px 1fr;gap:var(--sp-5);box-shadow:var(--elev);}
.ring-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);}
.ring-svg{position:relative;width:96px;height:96px;}
.ring-svg svg{transform:rotate(-90deg);}
.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.ring-num{font-family:"Montserrat",sans-serif;font-size:24px;line-height:1;font-weight:800;}
.ring-lbl{font-size:9px;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;font-family:'Poppins',sans-serif;}
.acao-tag{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;padding:5px 9px;border-radius:var(--r-xs);text-align:center;line-height:1.4;max-width:102px;font-family:'Poppins',sans-serif;}
.bd-section{display:flex;flex-direction:column;justify-content:center;gap:var(--sp-2);}
.bd-row{display:flex;align-items:center;gap:var(--sp-2);}
.bd-lbl{font-size:11px;color:var(--text2);width:65px;flex-shrink:0;font-family:'Poppins',sans-serif;}
.bd-bar{flex:1;background:var(--surface2);border-radius:var(--r-full);height:5px;overflow:hidden;}
.bd-fill{height:100%;border-radius:var(--r-full);transition:width var(--t-slow);}
.bd-val{font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:600;width:28px;text-align:right;flex-shrink:0;}
.prog-track{background:var(--surface2);border-radius:var(--r-full);height:6px;position:relative;overflow:visible;margin-top:var(--sp-2);}
.prog-fill{height:100%;border-radius:var(--r-full);transition:width var(--t-slow);}
.prog-mk{position:absolute;top:-2px;width:2px;height:10px;background:var(--border2);border-radius:1px;}
.prog-lbl{display:flex;justify-content:space-between;font-size:9px;color:var(--text3);font-family:"JetBrains Mono",monospace;padding-top:3px;}

/* DATE FILTER BAR */
.dfbar{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:10px 14px;margin-bottom:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.dfbar-lbl{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text2);flex-shrink:0;font-weight:600;}
.df-inp{
  background:var(--surface3) !important;border:1px solid var(--border);
  border-radius:6px;padding:6px 9px;color:var(--text) !important;
  font-size:12px;outline:none;transition:border-color .2s;
  color-scheme:dark;-webkit-text-fill-color:var(--text);
}
.df-inp:focus{border-color:var(--mustard);}
.df-inp::-webkit-datetime-edit{color:var(--text);}
.df-inp::-webkit-datetime-edit-fields-wrapper{background:transparent;}
.df-inp::-webkit-calendar-picker-indicator{filter:invert(0.6) sepia(1) saturate(2) hue-rotate(175deg);cursor:pointer;opacity:.6;}
.df-inp::-webkit-datetime-edit-year-field,
.df-inp::-webkit-datetime-edit-month-field,
.df-inp::-webkit-datetime-edit-day-field{color:var(--text);background:transparent;}
.df-inp::-webkit-datetime-edit-text{color:var(--text2);}
.df-sep{color:var(--text3);font-size:11px;}
.df-clr{padding:5px 9px;border-radius:6px;border:none;background:none;color:var(--text3);font-size:11px;cursor:pointer;transition:color .15s;}
.df-clr:hover{color:var(--red);}
.active-filter-tag{background:var(--mustard-dim);color:var(--mustard);border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600;}