/* ARMAGEDÃO UI 3.2 — acabamento do tema claro no app do motoboy */

/* Componentes base do painel do motoboy */
html[data-theme="light"] .dispatch-mode-card {
  background: linear-gradient(145deg,#fffdf4,#fff9dc) !important;
  color: #17191d !important;
  border-color: #ead46b !important;
  box-shadow: 0 10px 28px rgba(24,28,33,.07) !important;
}
html[data-theme="light"] .dispatch-mode-card strong,
html[data-theme="light"] .dispatch-mode-card p { color: #17191d !important; }
html[data-theme="light"] .dispatch-mode-card p { color: #68707b !important; }
html[data-theme="light"] .dispatch-mode-state.off {
  background: #eef1f5 !important;
  color: #525b67 !important;
  border: 1px solid #d9dee5 !important;
}
html[data-theme="light"] .dispatch-mode-state.on {
  background: #e7f8ed !important;
  color: #11743c !important;
  border: 1px solid #a9dfbb !important;
}

/* Cabeçalho e ganho do pedido */
html[data-theme="light"] .driver-earning {
  background: linear-gradient(145deg,#fffdf3,#fff8d7) !important;
  color: #17191d !important;
  border-color: #e4cb54 !important;
  box-shadow: 0 10px 25px rgba(24,28,33,.07) !important;
}
html[data-theme="light"] .driver-earning small { color: #66707c !important; }
html[data-theme="light"] .driver-earning b { color: #a67f00 !important; }
html[data-theme="light"] .driver-order-status {
  background: #eef1f5 !important;
  color: #333b45 !important;
  border: 1px solid #d8dde4 !important;
}

/* Card principal e rota */
html[data-theme="light"] .driver-order-main,
html[data-theme="light"] .driver-next-action {
  background: #fff !important;
  color: #17191d !important;
  border-color: #dfe4ea !important;
  box-shadow: 0 12px 32px rgba(24,28,33,.07) !important;
}
html[data-theme="light"] .driver-route {
  background: #fff !important;
  color: #17191d !important;
}
html[data-theme="light"] .driver-route-stop small { color: #66707c !important; }
html[data-theme="light"] .driver-route-stop b { color: #17191d !important; }
html[data-theme="light"] .route-connector { border-color: #d9dee5 !important; }
html[data-theme="light"] .map-buttons a {
  background: #f6f8fa !important;
  color: #17191d !important;
  border-color: #dfe4ea !important;
}
html[data-theme="light"] .map-buttons a:hover {
  background: #fff6c8 !important;
  border-color: #e0c335 !important;
}

/* Distância, tempo e pagamento */
html[data-theme="light"] .driver-order-facts {
  background: #f8fafc !important;
  border-top-color: #e1e6ec !important;
  border-bottom-color: #e1e6ec !important;
}
html[data-theme="light"] .driver-order-facts > div {
  background: #f8fafc !important;
  color: #17191d !important;
  border-color: #e1e6ec !important;
}
html[data-theme="light"] .driver-order-facts small { color: #66707c !important; }
html[data-theme="light"] .driver-order-facts b { color: #17191d !important; }

/* Passageiro, remetente, destinatário e pacote */
html[data-theme="light"] .driver-order-details {
  background: #e1e6ec !important;
}
html[data-theme="light"] .driver-order-details > div {
  background: #fff !important;
  color: #17191d !important;
}
html[data-theme="light"] .driver-order-details span,
html[data-theme="light"] .driver-order-details small { color: #66707c !important; }
html[data-theme="light"] .driver-order-details b { color: #17191d !important; }
html[data-theme="light"] .driver-order-details a { color: #9a7600 !important; }
html[data-theme="light"] .driver-back-button {
  background: #fff !important;
  color: #17191d !important;
  border: 1px solid #d9dee5 !important;
}

/* Chat do pedido */
html[data-theme="light"] .chat-shell {
  background: #fff !important;
  color: #17191d !important;
  border-color: #dfe4ea !important;
  box-shadow: 0 12px 32px rgba(24,28,33,.07) !important;
}
html[data-theme="light"] .chat-status-line {
  color: #66707c !important;
  background: #fff !important;
  padding: 14px 18px 0 !important;
  margin: 0 !important;
}
html[data-theme="light"] .chat-messages {
  background: #f4f6f8 !important;
  color: #17191d !important;
}
html[data-theme="light"] .chat-message {
  background: #fff !important;
  color: #17191d !important;
  border: 1px solid #dfe4ea !important;
  box-shadow: 0 3px 12px rgba(24,28,33,.06) !important;
}
html[data-theme="light"] .chat-message.mine {
  background: #fff5be !important;
  color: #17191d !important;
  border-color: #e1c84c !important;
}
html[data-theme="light"] .chat-message small,
html[data-theme="light"] .chat-message time,
html[data-theme="light"] .chat-message footer { color: #66707c !important; }
html[data-theme="light"] .chat-quick-replies {
  background: #fff !important;
  border-top: 1px solid #e1e6ec !important;
  padding: 12px 16px 8px !important;
}
html[data-theme="light"] .chat-quick-replies button {
  background: #fff !important;
  color: #17191d !important;
  border-color: #d8dee6 !important;
}
html[data-theme="light"] .chat-quick-replies button:hover {
  background: #fff6c8 !important;
  color: #17191d !important;
  border-color: #dfc339 !important;
}
html[data-theme="light"] .chat-form {
  background: #fff !important;
  border-top-color: #e1e6ec !important;
}
html[data-theme="light"] .chat-form input {
  background: #f8fafc !important;
  color: #17191d !important;
  border: 1px solid #d8dee6 !important;
  border-radius: 12px !important;
}
html[data-theme="light"] .chat-form input::placeholder { color: #8a929d !important; }

/* Tema escuro preservado e padronizado */
html[data-theme="dark"] .dispatch-mode-card,
html[data-theme="dark"] .driver-earning,
html[data-theme="dark"] .driver-order-facts,
html[data-theme="dark"] .driver-order-details > div,
html[data-theme="dark"] .chat-messages,
html[data-theme="dark"] .chat-form,
html[data-theme="dark"] .chat-quick-replies {
  color: #f5f7fa;
}

/* Melhor aproveitamento no celular */
@media (max-width: 640px) {
  .driver-order-page { width: min(100% - 24px,1120px) !important; }
  .driver-order-facts > div { padding: 15px 18px !important; }
  .driver-order-details > div { padding: 17px 18px !important; }
  .chat-page { width: min(100% - 20px,1180px) !important; }
  .chat-messages {
    height: min(49vh,470px) !important;
    min-height: 300px !important;
    padding: 14px !important;
  }
  .chat-quick-replies { gap: 7px !important; }
  .chat-quick-replies button { padding: 9px 13px !important; }
  .chat-form { padding: 12px !important; }
  .chat-form .btn { min-height: 48px !important; }
}