/* ==================================================================
   Delivery Boy addon — brand customisation
   Loaded ONLY on delivery-boy routes (frontend /deliveryboy/login and
   /delivery-boy/*, plus the admin delivery-boy pages), so these rules
   cannot leak onto the rest of the site. Kept light on purpose.
   Brand: #FB7701 / #E06800 / #FF4800 / ink #1F2937.
   ================================================================== */

/* ---- login card ----------------------------------------------------- */
.rz-dboy-auth .card,
.deliveryboy-login .card {
    border: 1px solid #EFEFF2;
    border-radius: 18px;
    box-shadow: 0 18px 44px -18px rgba(17, 24, 39, .22);
    overflow: hidden;
}

/* ---- cards ---------------------------------------------------------- */
.card {
    border: 1px solid #EFEFF2;
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(17, 24, 39, .04);
    background: #fff;
}
.card-header {
    background: #FAFAFB;
    border-bottom: 1px solid #F0F0F4;
    padding: 14px 18px;
    font-weight: 700;
    color: #1F2937;
}
.card-header h5,
.card-header h6,
.card-header .card-title {
    font-weight: 700;
    color: #1F2937;
    margin: 0;
    letter-spacing: -.1px;
}
.card-body { padding: 18px; }

/* ---- headings ------------------------------------------------------- */
.aiz-titlebar h1,
.aiz-titlebar h2,
h1.page-title,
.page-title {
    font-weight: 800;
    color: #1F2937;
    letter-spacing: -.3px;
}

/* ---- form controls -------------------------------------------------- */
.form-control {
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    padding: 9px 13px;
    height: auto;
    min-height: 44px;
    font-size: 14px;
    color: #1F2937;
    background: #fff;
    transition: border-color .16s ease, box-shadow .16s ease;
}
.form-control:focus {
    border-color: #FB7701;
    box-shadow: 0 0 0 3px rgba(251, 119, 1, .16);
    outline: 0;
}
.form-control::placeholder { color: #9CA3AF; }
label,
.form-group > label {
    font-weight: 600;
    font-size: 13.5px;
    color: #374151;
    margin-bottom: 6px;
}
.required:after,
label.required:after { color: #FF4800; }

/* ---- buttons -------------------------------------------------------- */
.btn {
    border-radius: 10px;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 22px;
    transition: background .16s ease, box-shadow .16s ease, transform .16s ease;
}
.btn-primary,
.btn-styled {
    background: linear-gradient(135deg, #FF9A55 0%, #FB7701 55%, #E06800 100%);
    border: 0;
    color: #fff;
    box-shadow: 0 4px 14px -4px rgba(251, 119, 1, .5);
}
.btn-primary:hover,
.btn-styled:hover {
    background: linear-gradient(135deg, #FFAA6E 0%, #FB7701 52%, #E06800 100%);
    color: #fff;
    transform: translateY(-1px);
}
.btn-secondary,
.btn-light {
    background: #F4F4F7;
    border: 1px solid #E5E7EB;
    color: #374151;
}
.btn-secondary:hover,
.btn-light:hover { background: #EDEDF1; color: #1F2937; }

/* ---- tables: order lists, collections, earnings --------------------- */
.table { margin-bottom: 0; color: #374151; font-size: 14px; }
.table thead th {
    background: #FAFAFB;
    border-top: 0;
    border-bottom: 1px solid #EFEFF2;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #6B7280;
    padding: 12px 14px;
    white-space: nowrap;
}
.table tbody td {
    border-top: 1px solid #F4F4F7;
    padding: 13px 14px;
    vertical-align: middle;
}
.table tbody tr:hover { background: #FFFBF7; }
.table-responsive { border-radius: 14px; }

/* money reads in the brand colour */
.table td .text-primary,
.rz-amount { font-weight: 800; color: #FB7701 !important; letter-spacing: -.2px; }

/* ---- status pills --------------------------------------------------- */
.badge {
    border-radius: 999px;
    font-weight: 700;
    font-size: 11.5px;
    padding: 5px 11px;
    letter-spacing: .2px;
}
.badge-success { background: #ECFDF5; color: #047857; }
.badge-warning { background: #FFFBEB; color: #B45309; }
.badge-danger  { background: #FEF2F2; color: #B91C1C; }
.badge-info    { background: #EFF6FF; color: #1D4ED8; }
.badge-secondary { background: #F4F4F7; color: #6B7280; }

/* ---- delivery-boy dashboard stat figures ---------------------------- */
.card-body h3,
.card-body h4 { font-weight: 800; color: #1F2937; letter-spacing: -.4px; }

/* ---- small screens -------------------------------------------------- */
@media (max-width: 575.98px) {
    .card { border-radius: 14px; }
    .card-body { padding: 14px; }
    .btn { padding: 10px 18px; }
    .form-control { min-height: 42px; }
}
