/* ====== Paleta (derivada del logo) ====== */
:root{
  --brand-900:#BF5E00;   /* sombra naranja oscuro */
  --brand-700:#FF7A00;   /* naranja principal */
  --brand-600:#FF8C1A;
  --brand-500:#FFA335;   /* acento botones */
  --brand-400:#FFB84D;
  --brand-300:#FFC766;   /* resaltes suaves */
  --brand-200:#FFD98F;
  --brand-100:#FFE8B3;
  --brand-050:#FFF4D6;
  --brand-grad-a:#FF8A00; /* gradiente superior */
  --brand-grad-b:#FFC300; /* gradiente inferior */
  --ink-900:#1f2d3d;
  --ink-700:#34495e;
  --ink-500:#5f6b7a;
  --paper:#ffffff;
  --muted:#8a97a0;
}

/* ====== Base ====== */
html,body{ height:100%; }
body{
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--ink-900);
  background: #fafafa;
}
a{ color: var(--brand-700); }
a:hover{ color: var(--brand-900); }

/* ====== Botones Bootstrap override ====== */
.btn-primary{
  background: var(--brand-700);
  border-color: var(--brand-700);
}
.btn-primary:hover,.btn-primary:focus{ background: var(--brand-500); border-color: var(--brand-500); }

.btn-success{
  background: #26a65b; border-color:#26a65b;
}
.btn-success:hover{ background:#1f8a4b; border-color:#1f8a4b; }

.btn-warning{
  background: var(--brand-500); border-color: var(--brand-500);
}
.btn-warning:hover{ background: var(--brand-700); border-color: var(--brand-700); }

.btn-info{
  background:#2980b9; border-color:#2980b9;
}
.btn-info:hover{ background:#1f6694; border-color:#1f6694; }

/* ====== Inputs ====== */
.form-control:focus{
  border-color: var(--brand-600);
  box-shadow: 0 0 0 2px rgba(255,163,53,.25);
}

/* ====== Paneles / tarjetas ====== */
.panel{
  border-radius:10px;
  border:1px solid #eee;
  box-shadow: 0 2px 6px rgba(0,0,0,.05);
}
.panel-heading{
  background: linear-gradient(135deg, var(--brand-grad-a), var(--brand-grad-b));
  color:#fff; font-weight:600; border-top-left-radius:10px; border-top-right-radius:10px;
}
.well{ border-radius:10px; border-color:#f2f2f2; }

/* ====== Tablas ====== */
.table>thead>tr>th{
  background: linear-gradient(180deg, var(--brand-300), var(--brand-200));
  border-bottom: 2px solid var(--brand-400);
  color:#5a3b00;
}
.table>tbody>tr:hover td{ background:#fffdf5; }

/* Estados pedidos (admin/driver) */
.label-estado{ display:inline-block; padding:3px 8px; border-radius:12px; font-size:12px; }
.label-pendiente{ background:#f0ad4e; color:#fff; }
.label-asignado{  background:#5bc0de; color:#fff; }
.label-en_camino{ background:#337ab7; color:#fff; }
.label-entregado{ background:#5cb85c; color:#fff; }
.label-cancelado{ background:#d9534f; color:#fff; }

/* ====== Navbar superior (admin) ====== */
.navbar-inverse{
  background: linear-gradient(135deg, var(--brand-grad-a), var(--brand-grad-b));
  border-color: transparent;
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav>li>a{ color:#fff; text-shadow:none; }
.navbar-inverse .navbar-nav>li>a:hover{ background: rgba(0,0,0,.06); }

/* ====== Botonería de acceso rápido en admin/index ====== */
.btn-dashboard{
  border:none; color:#fff; padding:14px 10px; font-weight:600;
  border-radius:10px; box-shadow:0 4px 10px rgba(0,0,0,.08);
}
.btn-dashboard .glyphicon{ font-size:18px; margin-right:6px; }
.btn-dashboard.primary{ background: var(--brand-700); }
.btn-dashboard.success{ background: #26a65b; }
.btn-dashboard.warning{ background: var(--brand-500); }
.btn-dashboard.info{ background:#2980b9; }
.btn-dashboard:hover{ filter: brightness(.92); }

/* ====== LOGIN ====== */
.login-wrap{
  min-height:100vh;
  display:flex; align-items:center; justify-content:center;
  background:
    radial-gradient(60% 80% at 10% 10%, rgba(255,255,255,.15), transparent 60%),
    radial-gradient(50% 70% at 90% 20%, rgba(255,255,255,.12), transparent 60%),
    linear-gradient(135deg, var(--brand-grad-a), var(--brand-grad-b));
}
.login-card{
  width:100%; max-width:420px;
  background:#fff; border-radius:16px; padding:22px 20px;
  box-shadow: 0 12px 30px rgba(0,0,0,.12);
  border:1px solid #f3f3f3;
}
.login-logo{
  display:block; margin:0 auto 12px; width:120px; height:auto;
  filter: drop-shadow(0 4px 8px rgba(0,0,0,.15));
}
.login-title{
  text-align:center; margin:6px 0 16px; color:var(--ink-900); font-weight:700;
}
.login-btn{
  background: var(--brand-700); border:none;
  padding:10px; font-weight:600; border-radius:8px;
}
.login-btn:hover{ background: var(--brand-500); }

/* Pie pequeño */
.footer-note{
  text-align:center; color:#ffffffd9; font-size:12px; margin-top:14px;
}

/* ====== Driver: barra inferior estilo app ====== */
.navbar-bottom{
  position:fixed; bottom:0; left:0; right:0; height:56px;
  background:#2c3e50; border-top:2px solid #1a252f; z-index:1000;
  display:flex; justify-content:space-around; align-items:center;
}
.navbar-bottom a{ flex:1; text-align:center; color:#ecf0f1; text-decoration:none; font-size:12px; }
.navbar-bottom a:hover{ background:#34495e; }
.navbar-bottom i{ display:block; font-size:18px; margin-bottom:2px; }
body.has-bottombar{ padding-bottom:60px; }

/* ====== Driver: tarjetas ====== */
.card{
  border:2px solid #eee; border-radius:10px; padding:12px; margin-bottom:14px; background:#fff;
  box-shadow:0 2px 5px rgba(0,0,0,.08); transition:transform .2s, border-color .2s;
}
.card:hover{ transform:scale(1.01); border-color:var(--brand-700); }
.card .direccion{ font-weight:700; color:#16a085; }
.card .muted{ color:#888; font-size:12px; }
.btn-tomar{ background:#27ae60; color:#fff !important; border:none; width:100%; padding:10px; border-radius:6px; }
.btn-tomar:hover{ background:#1f8a4b; }
.btn-maps{ background:#2980b9; color:#fff !important; border:none; width:100%; padding:10px; border-radius:6px; margin-top:6px; }
.btn-maps:hover{ background:#1f6694; }