/* Subiendo Driver Trips — historial del conductor. Reutiliza wallet-pro.css. */

.dv-page{touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:1rem 1rem calc(6.5rem + env(safe-area-inset-bottom,0px));flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;background:var(--bg,#f4f7fb)}
.dv-page > *{flex-shrink:0}
.dv-header{padding:52px 1.25rem .75rem 1.25rem;background:var(--white,#fff);border-bottom:1px solid var(--border,#e2e8f0)}
.dv-header h1{margin:0;font-size:1.2rem;font-weight:800;line-height:1.2}

.dv-hero{
  min-height:0;
  background:
    radial-gradient(120% 140% at 100% 0%,rgba(34,211,238,.4) 0%,transparent 55%),
    radial-gradient(90% 120% at 0% 100%,rgba(99,102,241,.35) 0%,transparent 60%),
    linear-gradient(135deg,#071333 0%,#0a2a6b 52%,#1d4ed8 100%);
  box-shadow:0 18px 40px rgba(29,78,216,.3),inset 0 1px 0 rgba(255,255,255,.18);
}
.dv-hero .wx-brand b{color:#67e8f9}
.dv-stats{margin-top:.9rem;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.dv-stat{
  padding:.55rem .65rem;border-radius:14px;min-width:0;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);
}
.dv-stat small{display:block;font-size:.6rem;font-weight:600;letter-spacing:.04em;opacity:.75}
.dv-stat b{display:block;margin-top:.15rem;font-size:1.05rem;font-weight:800;font-variant-numeric:tabular-nums}

.dv-reservas.reservas-entry-btn{
  display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;margin:0;
  padding:.9rem 1rem;border-radius:16px;cursor:pointer;text-align:left;font:inherit;color:#fff;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(120% 140% at 100% 0%,rgba(251,191,36,.35) 0%,transparent 55%),
    linear-gradient(135deg,#1e3a8a 0%,#2563eb 60%,#4f46e5 100%);
  box-shadow:0 12px 28px rgba(37,99,235,.28);
}
.dv-reservas.reservas-entry-btn:active{transform:scale(.98)}
.dv-reservas-title{font-size:.92rem;font-weight:800}
.dv-reservas-sub{font-size:.72rem;opacity:.85;margin-top:.15rem}

.dv-filters{
  display:flex;gap:.2rem;padding:.2rem;border-radius:12px;
  background:var(--surface,#f1f5f9);border:1px solid var(--border,#e2e8f0);
}
.dv-filters .viajes-filter-btn{
  flex:1;border:0;background:transparent;color:var(--text3,#64748b);
  border-radius:9px;padding:.5rem .4rem;font-size:.74rem;font-weight:700;cursor:pointer;
}
.dv-filters .viajes-filter-btn.active{
  background:var(--white,#fff);color:var(--blue,#2563eb);box-shadow:0 2px 8px rgba(15,23,42,.1);
}

.dv-list{display:flex;flex-direction:column;gap:.55rem}
.dv-trip{
  position:relative;display:flex;align-items:flex-start;gap:.75rem;width:100%;
  padding:.85rem .9rem .85rem 1rem;border-radius:18px;cursor:pointer;text-align:left;font:inherit;
  background:var(--white,#fff);border:1px solid var(--border,#e2e8f0);color:var(--text,#0f172a);
  box-shadow:0 6px 18px rgba(15,23,42,.05);
}
.dv-trip:active{transform:scale(.985)}
.dv-trip::before{
  content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;
  background:linear-gradient(180deg,#22d3ee,#2563eb);
}
.dv-trip.is-cancel::before{background:linear-gradient(180deg,#f87171,#dc2626)}
.dv-trip-ico{
  flex:0 0 40px;width:40px;height:40px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;font-size:1.05rem;
  background:linear-gradient(135deg,#06b6d4,#2563eb);color:#fff;
  box-shadow:0 6px 14px rgba(37,99,235,.25);
}
.dv-trip.is-cancel .dv-trip-ico{background:linear-gradient(135deg,#fca5a5,#dc2626);filter:grayscale(.2)}
.dv-trip-main{flex:1;min-width:0}
.dv-trip-dest{font-size:.9rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dv-trip-meta{font-size:.72rem;color:var(--text3,#64748b);margin-top:.2rem;line-height:1.4}
.dv-trip-amount{font-size:.92rem;font-weight:800;color:#059669;font-variant-numeric:tabular-nums;white-space:nowrap}
.dv-trip.is-cancel .dv-trip-amount{color:var(--text3,#94a3b8);text-decoration:line-through}
.dv-empty{padding:2rem 1rem;text-align:center;color:var(--text3,#64748b);font-size:.85rem;line-height:1.45}

/* Reservas screen shares hero polish lightly */
#screen-reservas .viajes-hero{
  padding:1.15rem 1.25rem 1rem;
  background:
    radial-gradient(120% 140% at 100% 0%,rgba(34,211,238,.35) 0%,transparent 55%),
    linear-gradient(135deg,#071333 0%,#0a2a6b 52%,#1d4ed8 100%);
}
#screen-reservas .viajes-filters{
  display:flex;gap:.2rem;padding:.2rem;margin:.85rem 1rem .35rem;border-radius:12px;
  background:var(--surface,#f1f5f9);border:1px solid var(--border,#e2e8f0);
}
#screen-reservas .viajes-filter-btn{
  flex:1;border:0;background:transparent;color:var(--text3,#64748b);
  border-radius:9px;padding:.45rem .25rem;font-size:.7rem;font-weight:700;
}
#screen-reservas .viajes-filter-btn.active{
  background:var(--white,#fff);color:var(--blue,#2563eb);box-shadow:0 2px 8px rgba(15,23,42,.1);
}

html[data-theme="dark"] #screen-viajes .dv-page{background:var(--bg) !important}
html[data-theme="dark"] #screen-viajes .dv-header{background:var(--card) !important;border-color:var(--border)}
html[data-theme="dark"] #screen-viajes .dv-filters{background:var(--surface);border-color:var(--border)}
html[data-theme="dark"] #screen-viajes .dv-filters .viajes-filter-btn.active{background:var(--card);color:#60a5fa}
html[data-theme="dark"] #screen-viajes .dv-trip{background:var(--card);border-color:var(--border);color:var(--text) !important}
html[data-theme="dark"] #screen-viajes .dv-trip-amount{color:#34d399}
html[data-theme="dark"] #screen-viajes .dv-reservas{color:#fff !important}
html[data-theme="dark"] #screen-reservas .viajes-filters{background:var(--surface);border-color:var(--border)}
html[data-theme="dark"] #screen-reservas .viajes-filter-btn.active{background:var(--card);color:#60a5fa}