/* ============================================================
   DARK THEME STYLES  —  loads after common-styles.css
   Primary background:  #111828 / #0f1624
   Panel background:    #1d2532
   Primary text:        #ffffff
   Accent:              #f09b4b / #ffab40
   ============================================================ */

/* ---- Backgrounds ----------------------------------------- */
body {
  background-color: #111828;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='234' height='156' viewBox='0 0 900 600'%3E%3Cg%3E%3Cpath fill='%230F1624' d='M306.9 210.2c-1.2-22.8-13.5-42.7-40.8-41.1c-18.3 1.1-35.9 3.6-47.5 20.1c-5.2 7.4-10.6 15.6-11.4 24.9c-0.5 5.8 0.2 12 1.2 17.7c9 49.6 85.3 46.7 96.4 0.2C306.6 224.9 307.3 217.4 306.9 210.2z'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
}

div#aione_header {
  background-color: #0f1624;
}

.aione-pagetitle {
  background-color: #0f1624 !important;
}

.aione-page-title {
  background-color: #0f1624;
}

.profile-aside {
  background-color: #09101e;
}

.new-menu aside {
  background: #09101e;
}

/* ---- Text ------------------------------------------------- */
.date-dashboard {
  color: #fff;
}

.field label,
.field-label h5,
form label {
  color: #d1d5db;
}

.section-title {
  color: #9f9898;
}

.dashboard h4 {
  color: #9f9898;
}

.balance-main-dashboard h4,
.wallet-page .balance h4 {
  color: #9f9898;
}

.dashboard-box,
.support-title {
  color: #fff;
}

.dashboard-box span:after {
  color: #000;
}

.dashboard .card .count {
  color: #fff;
}

.no-balance .payment {
  color: #fff;
}

.verification-page p {
  color: #fff;
}

.profile-section .profile-detail div {
  color: #fff;
}

.pickup-detail-page .scanned-item {
  color: #fff;
}

.section-privacy,
.section-support,
.section-support a {
  color: #e7e7e7;
}

/* ---- Inputs ---------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
select,
textarea {
  background-color: #0f1624;
  border-color: #374151;
  color: #ffffff;
}

textarea#input_address,
.field input[type=text],
.field input[type=checkbox],
.field textarea {
  color: #fff !important;
  background: #1d2532 !important;
  border-color: #babdbf;
}

.recipient-detail textarea#recipient-address {
  color: #fff;
}

/* ---- Checkbox / radio ------------------------------------ */
.checkbox-wrapper {
  color: #fff;
  --background-color: #000;
}

.checkbox-wrapper label,
.delivered-form .delivery-spot-div label {
  color: #fff;
}

.delivered-form div.delivery-spot-div {
  color: #fff;
}

/* ---- Panels / cards -------------------------------------- */
.wallet-page .no-balance,
.wallet-cad-date .cad-date,
.balance-main-dashboard .no-balance,
.balance-main-dashboard .pending,
.wallet-page .balance .pending,
.wallet-details-section .wallet-fees,
.dashboard .card,
.section-support .contact-card {
  background-color: #1d2532;
}

.wallet-fees {
  color: #9f9898;
}

.value {
  color: #ffffff;
}

.balance-main-dashboard .balance,
.balance-main-dashboard .balance>*,
.wallet-page .balance,
.wallet-details-section .content {
  color: #fff;
}

.wallet-details-section .shipment-number,
.wallet-details-section .date {
  color: #9f9898;
}

.wallet-details-section .aione-tabs.horizontal.theme-bold>.nav {
  background: #1d2532;
}

.wallet-details-section .aione-tabs.horizontal>.nav>* {
  color: #fff;
}

/* ---- Verification form buttons --------------------------- */
.verification-form #agent_save {
  color: #2e2d2d;
  background-color: #f1f1f1;
}

.verification-form #agent_save:hover {
  color: #191e21;
  background-color: #fff;
}

/* ---- Itinerary tabs -------------------------------------- */
.itinerary-page .aione-tabs.horizontal.align-center>.nav {
  background-color: #1d2532;
}

.itinerary-page .aione-tabs.horizontal.theme-bold>.nav>.active {
  background: #27303e;
  color: #fff;
}

.itinerary-page .aione-tabs.horizontal.theme-bold>.nav>.active:hover,
.itinerary-page .aione-tabs.horizontal.theme-bold>.nav> :hover {
  background: #27303e;
}

.itinerary-page .aione-tabs.horizontal.margin>.nav>* {
  color: #9f9898;
}

.itinerary-page .stop-summary {
  border-bottom: 1px solid #fff;
  color: #fff;
}

/* ---- Stops tab ------------------------------------------- */
#stops_tab .pickups .pickup-item,
#stops_tab .drop-offs .drop-off-item {
  background-color: #1d2532;
}

#stops_tab .pickups .pickup-item .location-title,
#stops_tab .drop-offs .drop-off-item .location-title {
  color: #fff;
}

#stops_tab .pickups .pickup-item .location-address,
#stops_tab .drop-offs .drop-off-item .location-address {
  color: #fff;
}

#stops_tab .pickups .pickup-item a div.location-address,
#stops_tab .pickups .pickup-item a .package-count {
  color: #ffab40;
}

#stops_tab .drop-off button,
#stops_tab .drop-off:has(.active) button {
  background-color: #ffab40;
}

#stops_tab .drop-offs .drop-off-item {
  border-left: 3px solid #ffab40;
}

#stops_tab .drop-offs .drop-off-item.active {
  border-left: 3px solid #ffab40;
}

#stops_tab .drop-offs .drop-off-item.active .location-title,
#stops_tab .drop-offs .drop-off-item.active .location-address {
  color: #d5caca;
}

/* ---- Availability switch --------------------------------- */
.availability .btn-color-mode-switch>label.btn-color-mode-switch-inner {
  background-color: #1d2532;
  color: #fff;
  margin: 0;
  width: 250px;
  height: 40px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  font-weight: 600;
  transition: all 0.3s ease;
  display: block;
}

.availability .btn-color-mode-switch input[type="checkbox"]:checked+label.btn-color-mode-switch-inner {
  background: #1d2532;
  color: #fff;
}

/* ---- Pickup detail page ---------------------------------- */
.pickup-detail-page .outer-div {
  background-color: #1d2532;
}

.pickup-detail-page .nav {
  border-bottom: 3px solid #fff;
}

.pickup-detail-page .nav button,
.itinerary-page .stop-summary button,
.delivery-proof-outer input[type=button],
.delivery-proof-outer input[type=submit] {
  color: #000;
  background-color: #f1f1f1;
}

.pickup-detail-page h3 {
  color: #ffab40;
}

.pickup-detail-page .package-count{
  color: #a8a8a8;
}

.pickup-detail-page .location-address a#locationMap,
.pickup-detail-page .contact-name,
.pickup-detail-page .contact-number,
.pickup-detail-page .item-detail,
.pod-delivery-master-grid {
  color: #fff;
}

.pickup-detail-page .item-detail .item-number .thumbnail img {
  border: 3px solid #fff;
}

.pickup-detail-page .scan-remaning p span {
  color: #fff;
}

.pickup-detail-page .scan-remaning p span.value {
  color: #f09b4b;
}

.pickup-detail-page .pickup-image .item-detail svg {
  color: #ffab40;
}

.pickup-detail-page button.scan {
  border: 2px solid #1d2532;
  background-color: #fff;
  color: #1d2532;
}

.thumb-item .thumb-delete {
  color: #111828;
}

/* ---- Delivery proof / images ----------------------------- */
.delivery-proof-outer .id_proof_wrapper,
.delivery-proof-outer .delivery_image_wrapper {
  color: #000;
  background-color: #fff;
}

.delivery-proof-outer .id_proof svg {
  color: black;
}

.delivery_image_outer h4 {
  color: #fff;
}

.id_proof h4,
.delivery_image h4 {
  color: #000;
}

.delivered-form div.delivery-spot-div {
  color: #fff;
}

/* ---- Signature wrapper ----------------------------------- */
.signature_btn button {
  background-color: #fff;
  color: #000;
}

.signature_wrapper_write {
  background-color: #0f1624;
}

.deliveries-detail-page .signature_wrapper_main {
  background-color: #27303e;
  padding: 10px;
  border: 1px solid #27303e;
  border-radius: 5px;
  margin-bottom: 10px;
}

/* ---- POD slots ------------------------------------------- */
.pod-slot,
.delivered-form div.signature-pad-slot,
.delivered-form .spot-card-trigger {
  background: #2d3647;
}

.pod-slot__icon,
.delivered-form div.signature-icon {
  color: #7b8291;
}

.pod-slot__label,
.delivered-form div.signature-label {
  color: #ffffff;
}