/* ============================================================
   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:16px;}
.dh-name{font-family:"Montserrat";font-size:28px;letter-spacing:1px;color:var(--navy);line-height:1.1;}
.dh-meta{font-size:11px;color:var(--text2);margin-top:3px;}
.dh-right{display:flex;gap:6px;align-items:center;flex-shrink:0;}
.pill{padding:3px 10px;border-radius:20px;font-size:9px;text-transform:uppercase;letter-spacing:.8px;font-weight:700;}
.pill-g{background:var(--green-dim);color:var(--green);}
.pill-r{background:var(--red-dim);color:var(--red);}
.btn{padding:6px 14px;border-radius:7px;border:1px solid var(--border2);background:var(--surface);color:var(--text);font-size:12px;cursor:pointer;transition:all .15s;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:700;}
.btn.primary:hover{background:var(--mustard2);}
.btn.danger{background:var(--red-dim);color:var(--red);border-color:rgba(192,57,43,.2);}
.btn.danger:hover{background:rgba(192,57,43,.15);}

/* SCORE CARD */
.score-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:14px;display:grid;grid-template-columns:108px 1fr;gap:18px;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.ring-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;}
.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";font-size:24px;line-height:1;}
.ring-lbl{font-size:9px;color:var(--text2);text-transform:uppercase;}
.acao-tag{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:4px 9px;border-radius:5px;text-align:center;line-height:1.4;max-width:102px;}
.bd-section{display:flex;flex-direction:column;justify-content:center;gap:6px;}
.bd-row{display:flex;align-items:center;gap:8px;}
.bd-lbl{font-size:11px;color:var(--text2);width:65px;flex-shrink:0;}
.bd-bar{flex:1;background:var(--surface2);border-radius:3px;height:5px;overflow:hidden;}
.bd-fill{height:100%;border-radius:3px;}
.bd-val{font-family:"JetBrains Mono";font-size:12px;font-weight:600;width:28px;text-align:right;flex-shrink:0;}
.prog-track{background:var(--surface2);border-radius:3px;height:6px;position:relative;overflow:visible;margin-top:8px;}
.prog-fill{height:100%;border-radius:3px;}
.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";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;}