/*!* ==========================================================*/
/*   تشییع و اسکان*/
/*   ========================================================== *!*/

/*!*==============================*/
/*    Fonts & Variables*/
/*==============================*!*/

/*:root {*/
/*    --primary-gold: #D7B86A;*/
/*    --primary-gold-dark: #B9953D;*/
/*    --primary-green: #0f3029;*/
/*    --primary-green-light: #1d5b4e;*/
/*    --bg: #071512;*/
/*    --bg2: #10241e;*/
/*    --white: #ffffff;*/
/*    --text: #f6f3ec;*/
/*    --text-muted: #b7b3aa;*/
/*    --glass: rgba(255, 255, 255, .05);*/
/*    --glass-border: rgba(255, 255, 255, .08);*/
/*    --radius: 24px;*/
/*}*/

/*!*==============================*/
/*    Base*/
/*==============================*!*/

/** {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    box-sizing: border-box;*/
/*}*/

/*html,*/
/*body {*/
/*    font-family: 'Vazirmatn', sans-serif;*/
/*    background: var(--bg);*/
/*    color: var(--text);*/
/*    overflow-y: auto;*/
/*}*/

/*body {*/
/*    font-family: 'Vazirmatn', sans-serif;*/
/*    background: var(--bg);*/
/*    color: var(--text);*/
/*}*/

/*!*==============================*/
/*    Background*/
/*==============================*!*/

/*.app-background {*/
/*    position: relative;*/
/*    height: 100vh;*/
/*    overflow: hidden;*/
/*    background: linear-gradient(*/
/*            180deg,*/
/*            #081814 0%,*/
/*            #0e231d 35%,*/
/*            #102821 65%,*/
/*            #081814 100%*/
/*    );*/
/*}*/

/*.background-image {*/
/*    position: fixed;*/
/*    inset: 0;*/
/*    background: url("../img/background.png") center center;*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    z-index: 0;*/
/*    opacity: .28;*/
/*    transform: scale(1.03);*/
/*}*/

/*.overlay {*/
/*    position: fixed;*/
/*    inset: 0;*/
/*    z-index: 1;*/
/*    background: linear-gradient(*/
/*            to bottom,*/
/*            rgba(4, 10, 8, .35),*/
/*            rgba(5, 16, 13, .55),*/
/*            rgba(5, 14, 12, .75)*/
/*    );*/
/*}*/

/*!*==============================*/
/*    Content Wrapper - بالاتر از overlay*/
/*==============================*!*/

/*.content-wrapper {*/
/*    position: relative;*/
/*    z-index: 10; !* ← بالاتر از overlay *!*/
/*    min-height: 100vh;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    padding: 40px 20px 60px;*/
/*}*/

/*!*.overlay {*!*/
/*!*    position: fixed;*!*/
/*!*    inset: 0;*!*/
/*!*    z-index: 1;*!*/
/*!*    background: linear-gradient(*!*/
/*!*            to bottom,*!*/
/*!*            rgba(4, 10, 8, 0.3),  !* ← کمتر *!*!*/
/*!*            rgba(5, 16, 13, 0.5), !* ← کمتر *!*!*/
/*!*            rgba(5, 14, 12, 0.7) !* ← کمتر *!*!*/
/*!*    );*!*/
/*!*}*!*/

/*!*==============================*/
/*    Login Wrapper*/
/*==============================*!*/

/*.login-wrapper {*/
/*    position: relative;*/
/*    z-index: 10;*/
/*    height: 100vh;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    padding: 20px;*/
/*}*/

/*.login-container {*/
/*    width: 100%;*/
/*    max-width: 420px;*/
/*    margin: auto;*/
/*}*/

/*!*==============================*/
/*    Logo*/
/*==============================*!*/

/*.logo {*/
/*    width: 90px;*/
/*    margin: 0 auto 10px auto; !* ← فاصله پایین لوگو کم شد *!*/
/*    display: block;*/
/*}*/

/*!*==============================*/
/*    Glass Card - ارتفاع کمتر*/
/*==============================*!*/

/*.login-card {*/
/*    background: var(--glass);*/
/*    backdrop-filter: blur(18px);*/
/*    border: 1px solid rgba(215, 184, 106, .18);*/
/*    border-radius: 28px;*/
/*    box-shadow: 0 25px 60px rgba(0, 0, 0, .45),*/
/*    inset 0 1px rgba(255, 255, 255, .05);*/
/*    padding: 20px 30px 30px 30px !important; !* ← پدینگ داخلی کمتر *!*/
/*}*/

/*!*==============================*/
/*    Titles - فاصله کمتر*/
/*==============================*!*/

/*.page-title {*/
/*    color: white;*/
/*    font-size: 1.5rem;*/
/*    font-weight: 800;*/
/*    margin-bottom: 0px; !* ← فاصله کمتر *!*/
/*}*/

/*.page-subtitle {*/
/*    color: #d7cdbd;*/
/*    opacity: .9;*/
/*    font-size: 0.85rem;*/
/*    margin-top: 2px !important; !* ← فاصله کمتر *!*/
/*}*/

/*!*==============================*/
/*    خوش آمدید - فاصله کمتر*/
/*==============================*!*/

/*.login-card .text-center.mb-4 {*/
/*    margin-bottom: 12px !important; !* ← فاصله کمتر *!*/
/*}*/

/*.login-card .text-center.mb-4 h5 {*/
/*    font-size: 1rem;*/
/*    margin-bottom: 2px;*/
/*}*/

/*.login-card .text-center.mb-4 p {*/
/*    margin-top: 2px !important;*/
/*    font-size: 0.85rem;*/
/*}*/

/*!*==============================*/
/*    Forms*/
/*==============================*!*/

/*.form-control {*/
/*    background: rgba(255, 255, 255, .06);*/
/*    color: white;*/
/*    border: 1px solid rgba(215, 184, 106, .15);*/
/*    border-radius: 18px;*/
/*    min-height: 44px; !* ← کوچک‌تر *!*/
/*    padding: .5rem 1rem;*/
/*    font-size: 0.9rem;*/
/*}*/

/*.form-control::placeholder {*/
/*    color: #a4aaa6;*/
/*}*/

/*.form-control:focus {*/
/*    background: rgba(255, 255, 255, .08);*/
/*    border-color: var(--primary-gold);*/
/*    color: white;*/
/*    box-shadow: 0 0 0 .18rem rgba(215, 184, 106, .12);*/
/*}*/

/*.input-group-text {*/
/*    background: transparent !important;*/
/*    border: none !important;*/
/*    color: var(--primary-gold) !important;*/
/*    padding-left: 0;*/
/*    padding-right: 8px;*/
/*}*/

/*.form-label {*/
/*    font-size: 0.85rem;*/
/*    margin-bottom: 4px;*/
/*    color: var(--text-muted);*/
/*}*/

/*!*==============================*/
/*    Buttons*/
/*==============================*!*/

/*.btn {*/
/*    border-radius: 18px;*/
/*    min-height: 44px; !* ← کوچک‌تر *!*/
/*    font-weight: 700;*/
/*    transition: .3s;*/
/*    font-size: 0.9rem;*/
/*}*/

/*.btn-primary {*/
/*    border: none;*/
/*    color: #1d1d1d;*/
/*    background: linear-gradient(*/
/*            135deg,*/
/*            #efd88d,*/
/*            #d7b86a,*/
/*            #bc9541*/
/*    );*/
/*}*/

/*.btn-primary:hover {*/
/*    transform: translateY(-2px);*/
/*    box-shadow: 0 12px 30px rgba(215, 184, 106, .28);*/
/*}*/

/*.btn-outline-gold {*/
/*    border: 2px solid var(--primary-gold);*/
/*    color: var(--primary-gold);*/
/*    background: transparent;*/
/*}*/

/*.btn-outline-gold:hover {*/
/*    background: var(--primary-gold);*/
/*    color: #111;*/
/*}*/

/*!*==============================*/
/*    Links - فاصله کمتر*/
/*==============================*!*/

/*a {*/
/*    text-decoration: none;*/
/*}*/

/*.text-gold {*/
/*    color: var(--primary-gold) !important;*/
/*    font-size: 0.85rem;*/
/*}*/

/*.text-muted {*/
/*    color: var(--text-muted) !important;*/
/*}*/

/*.form-check-label {*/
/*    color: var(--text-muted);*/
/*    font-size: 0.85rem;*/
/*}*/

/*.form-check-input {*/
/*    background-color: rgba(255, 255, 255, .1);*/
/*    border-color: rgba(215, 184, 106, .3);*/
/*}*/

/*.form-check-input:checked {*/
/*    background-color: var(--primary-gold);*/
/*    border-color: var(--primary-gold);*/
/*}*/

/*!*==============================*/
/*    فاصله‌های بین بخش‌ها*/
/*==============================*!*/

/*.mb-3 {*/
/*    margin-bottom: 10px !important;*/
/*}*/

/*.mb-4 {*/
/*    margin-bottom: 12px !important;*/
/*}*/

/*.my-4 {*/
/*    margin-top: 10px !important;*/
/*    margin-bottom: 10px !important;*/
/*}*/

/*.mt-4 {*/
/*    margin-top: 10px !important;*/
/*}*/

/*.mt-2 {*/
/*    margin-top: 2px !important;*/
/*}*/

/*!* ===== جداکننده "یا" ===== *!*/
/*.login-card .text-center.my-4 span {*/
/*    font-size: 0.8rem;*/
/*}*/

/*!*==============================*/
/*    Scrollbar*/
/*==============================*!*/

/*::-webkit-scrollbar {*/
/*    width: 0;*/
/*    height: 0;*/
/*}*/

/*!*==============================*/
/*    Responsive*/
/*==============================*!*/

/*@media (max-width: 768px) {*/
/*    .background-image {*/
/*        opacity: .18;*/
/*    }*/

/*    .login-wrapper {*/
/*        padding: 10px;*/
/*    }*/

/*    .login-container {*/
/*        max-width: 100%;*/
/*        padding: 0 5px;*/
/*    }*/

/*    .login-card {*/
/*        padding: 15px 20px 20px 20px !important;*/
/*        border-radius: 20px;*/
/*    }*/

/*    .logo {*/
/*        width: 70px;*/
/*        margin-bottom: 6px;*/
/*    }*/

/*    .page-title {*/
/*        font-size: 1.2rem;*/
/*    }*/

/*    .page-subtitle {*/
/*        font-size: 0.8rem;*/
/*    }*/

/*    .login-card .text-center.mb-4 h5 {*/
/*        font-size: 0.9rem;*/
/*    }*/

/*    .btn,*/
/*    .form-control {*/
/*        min-height: 40px;*/
/*        font-size: 0.85rem;*/
/*    }*/

/*    .form-label {*/
/*        font-size: 0.8rem;*/
/*    }*/

/*    .mb-3 {*/
/*        margin-bottom: 8px !important;*/
/*    }*/

/*    .mb-4 {*/
/*        margin-bottom: 10px !important;*/
/*    }*/
/*}*/

/*@media (max-width: 400px) {*/
/*    .login-card {*/
/*        padding: 12px 15px 15px 15px !important;*/
/*    }*/

/*    .logo {*/
/*        width: 60px;*/
/*    }*/

/*    .page-title {*/
/*        font-size: 1rem;*/
/*    }*/

/*    .btn,*/
/*    .form-control {*/
/*        min-height: 38px;*/
/*        font-size: 0.8rem;*/
/*        border-radius: 14px;*/
/*    }*/
/*}*/

/*!* ==========================================================*/
/*   استایل‌های سرویس‌گیرنده*/
/*   ========================================================== *!*/

/*!* ===== کارت‌های سرویس‌گیرنده ===== *!*/
/*.receiver-card {*/
/*    background: var(--glass);*/
/*    backdrop-filter: blur(12px);*/
/*    border: 1px solid rgba(215, 184, 106, .12);*/
/*    border-radius: 20px;*/
/*    box-shadow: 0 8px 30px rgba(0, 0, 0, .3);*/
/*}*/

/*.receiver-card .card-header {*/
/*    background: rgba(215, 184, 106, .05);*/
/*    border-bottom: 1px solid rgba(215, 184, 106, .1);*/
/*    border-radius: 20px 20px 0 0 !important;*/
/*    padding: 14px 20px;*/
/*}*/

/*.receiver-card .card-header h5 {*/
/*    color: var(--text);*/
/*}*/

/*.receiver-card .card-header h5 .text-gold {*/
/*    color: var(--primary-gold) !important;*/
/*}*/

/*!* ===== عکس پروفایل ===== *!*/
/*.profile-photo {*/
/*    width: 120px;*/
/*    height: 120px;*/
/*    border-radius: 50%;*/
/*    object-fit: cover;*/
/*    border: 3px solid var(--primary-gold);*/
/*    box-shadow: 0 0 30px rgba(215, 184, 106, .15);*/
/*}*/

/*.profile-photo-placeholder {*/
/*    width: 120px;*/
/*    height: 120px;*/
/*    border-radius: 50%;*/
/*    background: rgba(215, 184, 106, .05);*/
/*    border: 3px dashed rgba(215, 184, 106, .3);*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    margin: 0 auto;*/
/*}*/

/*!* ===== آیتم‌های اطلاعاتی ===== *!*/
/*.info-item {*/
/*    margin-bottom: 6px;*/
/*    font-size: 0.9rem;*/
/*}*/

/*.info-item i {*/
/*    width: 24px;*/
/*}*/

/*.info-item .text-muted {*/
/*    margin: 0 4px;*/
/*}*/

/*!* ===== وضعیت وعده‌های غذایی ===== *!*/
/*.meal-stat {*/
/*    padding: 15px 10px;*/
/*    border-radius: 16px;*/
/*    background: rgba(255, 255, 255, .03);*/
/*    border: 1px solid rgba(255, 255, 255, .05);*/
/*    transition: all .3s ease;*/
/*}*/

/*.meal-stat:hover {*/
/*    background: rgba(255, 255, 255, .06);*/
/*    transform: translateY(-2px);*/
/*}*/

/*.meal-stat .fa-sun {*/
/*    color: #f1c40f;*/
/*}*/

/*.meal-stat .fa-cloud-sun {*/
/*    color: #f39c12;*/
/*}*/

/*.meal-stat .fa-moon {*/
/*    color: #bdc3c7;*/
/*}*/

/*.meal-done {*/
/*    border-color: rgba(46, 204, 113, .2);*/
/*}*/

/*.meal-pending {*/
/*    opacity: .5;*/
/*}*/

/*!* ===== Badge طلایی ===== *!*/
/*.bg-gold {*/
/*    background: var(--primary-gold) !important;*/
/*    color: #1d1d1d !important;*/
/*}*/

/*!* ===== ریسپانسیو ===== *!*/
/*@media (max-width: 768px) {*/
/*    .profile-photo,*/
/*    .profile-photo-placeholder {*/
/*        width: 90px;*/
/*        height: 90px;*/
/*    }*/

/*    .receiver-card .card-body {*/
/*        padding: 16px !important;*/
/*    }*/

/*    .info-item {*/
/*        font-size: 0.8rem;*/
/*    }*/

/*    .meal-stat {*/
/*        padding: 10px 5px;*/
/*    }*/

/*    .meal-stat h6 {*/
/*        font-size: 0.8rem;*/
/*    }*/
/*}*/
/* ==========================================================
   تشییع و اسکان
   ========================================================== */

/*==============================
    Fonts & Variables
==============================*/

:root {
    --primary-gold: #D7B86A;
    --primary-gold-dark: #B9953D;
    --primary-green: #0f3029;
    --primary-green-light: #1d5b4e;
    --bg: #071512;
    --bg2: #10241e;
    --white: #ffffff;
    --text: #f6f3ec;
    --text-muted: #b7b3aa;
    --glass: rgba(255, 255, 255, .05);
    --glass-border: rgba(255, 255, 255, .08);
    --radius: 24px;
}

/*==============================
    Base
==============================*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    height: 100%;
    font-family: 'Vazirmatn', sans-serif;
    background: var(--bg);
    color: var(--text);
}

body {
    overflow-y: auto; /* ← اسکرول فعال */
}

/*==============================
    Background
==============================*/

.app-background {
    position: relative;
    min-height: 100vh; /* ← تغییر از height به min-height */
    overflow: hidden;
    background: linear-gradient(
            180deg,
            #081814 0%,
            #0e231d 35%,
            #102821 65%,
            #081814 100%
    );
}

.background-image {
    position: fixed;
    inset: 0;
    background: url("../img/background.png") center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    opacity: .28;
    transform: scale(1.03);
}

.overlay {
    position: fixed;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
            to bottom,
            rgba(4, 10, 8, .35),
            rgba(5, 16, 13, .55),
            rgba(5, 14, 12, .75)
    );
}

/*==============================
    Content Wrapper
==============================*/

.content-wrapper {
    position: relative;
    z-index: 10;
    min-height: 100vh; /* ← ارتفاع کامل */
    display: flex;
    flex-direction: column;
    padding: 40px 20px 60px;
}

/*==============================
    Login Wrapper (فقط برای صفحه لاگین)
==============================*/

.login-wrapper {
    position: relative;
    z-index: 10;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.login-container {
    width: 100%;
    max-width: 420px;
    margin: auto;
}

/*==============================
    Logo
==============================*/

.logo {
    width: 90px;
    margin: 0 auto 10px auto;
    display: block;
}

/*==============================
    Glass Card
==============================*/

.login-card {
    background: var(--glass);
    backdrop-filter: blur(18px);
    border: 1px solid rgba(215, 184, 106, .18);
    border-radius: 28px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .45),
    inset 0 1px rgba(255, 255, 255, .05);
    padding: 20px 30px 30px 30px !important;
}

/*==============================
    Titles
==============================*/

.page-title {
    color: white;
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: 0px;
}

.page-subtitle {
    color: #d7cdbd;
    opacity: .9;
    font-size: 0.85rem;
    margin-top: 2px !important;
}

/*==============================
    خوش آمدید
==============================*/

.login-card .text-center.mb-4 {
    margin-bottom: 12px !important;
}

.login-card .text-center.mb-4 h5 {
    font-size: 1rem;
    margin-bottom: 2px;
}

.login-card .text-center.mb-4 p {
    margin-top: 2px !important;
    font-size: 0.85rem;
}

/*==============================
    Forms
==============================*/

.form-control {
    background: rgba(255, 255, 255, .06);
    color: white;
    border: 1px solid rgba(215, 184, 106, .15);
    border-radius: 18px;
    min-height: 44px;
    padding: .5rem 1rem;
    font-size: 0.9rem;
}

.form-control::placeholder {
    color: #a4aaa6;
}

.form-control:focus {
    background: rgba(255, 255, 255, .08);
    border-color: var(--primary-gold);
    color: white;
    box-shadow: 0 0 0 .18rem rgba(215, 184, 106, .12);
}

.input-group-text {
    background: transparent !important;
    border: none !important;
    color: var(--primary-gold) !important;
    padding-left: 0;
    padding-right: 8px;
}

.form-label {
    font-size: 0.85rem;
    margin-bottom: 4px;
    color: var(--text-muted);
}

/*==============================
    Buttons
==============================*/

.btn {
    border-radius: 18px;
    min-height: 44px;
    font-weight: 700;
    transition: .3s;
    font-size: 0.9rem;
}

.btn-primary {
    border: none;
    color: #1d1d1d;
    background: linear-gradient(
            135deg,
            #efd88d,
            #d7b86a,
            #bc9541
    );
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(215, 184, 106, .28);
}

.btn-outline-gold {
    border: 2px solid var(--primary-gold);
    color: var(--primary-gold);
    background: transparent;
}

.btn-outline-gold:hover {
    background: var(--primary-gold);
    color: #111;
}

/*==============================
    Links
==============================*/

a {
    text-decoration: none;
}

.text-gold {
    color: var(--primary-gold) !important;
    font-size: 0.85rem;
}

.text-muted {
    color: var(--text-muted) !important;
}

.form-check-label {
    color: var(--text-muted);
    font-size: 0.85rem;
}

.form-check-input {
    background-color: rgba(255, 255, 255, .1);
    border-color: rgba(215, 184, 106, .3);
}

.form-check-input:checked {
    background-color: var(--primary-gold);
    border-color: var(--primary-gold);
}

/*==============================
    فاصله‌ها
==============================*/

.mb-3 {
    margin-bottom: 10px !important;
}

.mb-4 {
    margin-bottom: 12px !important;
}

.my-4 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mt-4 {
    margin-top: 10px !important;
}

.mt-2 {
    margin-top: 2px !important;
}

.login-card .text-center.my-4 span {
    font-size: 0.8rem;
}

/*==============================
    Scrollbar
==============================*/

::-webkit-scrollbar {
    width: 0;
    height: 0;
}

/*==============================
    Responsive
==============================*/

@media (max-width: 768px) {
    .background-image {
        opacity: .18;
    }

    .login-wrapper {
        padding: 10px;
    }

    .login-container {
        max-width: 100%;
        padding: 0 5px;
    }

    .login-card {
        padding: 15px 20px 20px 20px !important;
        border-radius: 20px;
    }

    .logo {
        width: 70px;
        margin-bottom: 6px;
    }

    .page-title {
        font-size: 1.2rem;
    }

    .page-subtitle {
        font-size: 0.8rem;
    }

    .login-card .text-center.mb-4 h5 {
        font-size: 0.9rem;
    }

    .btn,
    .form-control {
        min-height: 40px;
        font-size: 0.85rem;
    }

    .form-label {
        font-size: 0.8rem;
    }

    .mb-3 {
        margin-bottom: 8px !important;
    }

    .mb-4 {
        margin-bottom: 10px !important;
    }
}

@media (max-width: 400px) {
    .login-card {
        padding: 12px 15px 15px 15px !important;
    }

    .logo {
        width: 60px;
    }

    .page-title {
        font-size: 1rem;
    }

    .btn,
    .form-control {
        min-height: 38px;
        font-size: 0.8rem;
        border-radius: 14px;
    }
}

/* ==========================================================
   استایل‌های سرویس‌گیرنده
   ========================================================== */

/* ===== کارت‌های سرویس‌گیرنده ===== */
.receiver-card {
    background: var(--glass);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(215, 184, 106, .12);
    border-radius: 20px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .3);
}

.receiver-card .card-header {
    background: rgba(215, 184, 106, .05);
    border-bottom: 1px solid rgba(215, 184, 106, .1);
    border-radius: 20px 20px 0 0 !important;
    padding: 14px 20px;
}

.receiver-card .card-header h5 {
    color: var(--text);
}

.receiver-card .card-header h5 .text-gold {
    color: var(--primary-gold) !important;
}

/* ===== عکس پروفایل ===== */
.profile-photo {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--primary-gold);
    box-shadow: 0 0 30px rgba(215, 184, 106, .15);
}

.profile-photo-placeholder {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: rgba(215, 184, 106, .05);
    border: 3px dashed rgba(215, 184, 106, .3);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

/* ===== آیتم‌های اطلاعاتی ===== */
.info-item {
    margin-bottom: 6px;
    font-size: 0.9rem;
}

.info-item i {
    width: 24px;
}

.info-item .text-muted {
    margin: 0 4px;
}

/* ===== وضعیت وعده‌های غذایی ===== */
.meal-stat {
    padding: 15px 10px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .05);
    transition: all .3s ease;
}

.meal-stat:hover {
    background: rgba(255, 255, 255, .06);
    transform: translateY(-2px);
}

.meal-stat .fa-sun {
    color: #f1c40f;
}

.meal-stat .fa-cloud-sun {
    color: #f39c12;
}

.meal-stat .fa-moon {
    color: #bdc3c7;
}

.meal-done {
    border-color: rgba(46, 204, 113, .2);
}

.meal-pending {
    opacity: .5;
}

/* ===== Badge طلایی ===== */
.bg-gold {
    background: var(--primary-gold) !important;
    color: #1d1d1d !important;
}

/* ===== ریسپانسیو ===== */
@media (max-width: 768px) {
    .profile-photo,
    .profile-photo-placeholder {
        width: 90px;
        height: 90px;
    }

    .receiver-card .card-body {
        padding: 16px !important;
    }

    .info-item {
        font-size: 0.8rem;
    }

    .meal-stat {
        padding: 10px 5px;
    }

    .meal-stat h6 {
        font-size: 0.8rem;
    }
}

/* ==========================================================
   استایل‌های داشبورد مدیریت
   ========================================================== */

/* ===== کارت‌های آماری ===== */
.stat-card {
    border: 1px solid rgba(215, 184, 106, .15) !important;
    border-radius: 16px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.stat-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}

.stat-card .card-body {
    padding: 20px !important;
}

.stat-card h3 {
    font-size: 2rem;
}

.stat-card i {
    opacity: 0.3;
}

/* ===== کارت‌های داشبورد ===== */
.dashboard-card {
    background: var(--glass);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(215, 184, 106, .12);
    border-radius: 20px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .3);
}

.dashboard-card .card-header {
    background: rgba(215, 184, 106, .05);
    border-bottom: 1px solid rgba(215, 184, 106, .1);
    border-radius: 20px 20px 0 0 !important;
    padding: 14px 20px;
}

.dashboard-card .card-header h6 {
    color: var(--text);
    margin: 0;
}

.dashboard-card .card-header h6 .text-gold {
    color: var(--primary-gold) !important;
}

/* ===== رنگ‌های کارت‌های آماری ===== */
.bg-primary-dashboard {
    background: linear-gradient(135deg, #1a3a5c, #0d1f33) !important;
}

.bg-success-dashboard {
    background: linear-gradient(135deg, #1a5c3a, #0d3320) !important;
}

.bg-warning-dashboard {
    background: linear-gradient(135deg, #b8860b, #8b6900) !important;
}

.bg-danger-dashboard {
    background: linear-gradient(135deg, #5c1a1a, #330d0d) !important;
}

/* ===== Badge طلایی ===== */
.bg-gold {
    background: var(--primary-gold) !important;
    color: #1d1d1d !important;
}
/* ============================================
   استایل Select / Dropdown (متن مشکی)
   ============================================ */

/* ===== استایل کلی Select ===== */
.form-select {
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #1a1a1a !important;
    border: 1px solid rgba(215, 184, 106, 0.3) !important;
    border-radius: 18px !important;
    min-height: 44px;
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    appearance: auto;
    cursor: pointer;
}

/* ===== استایل Options داخل Select ===== */
.form-select option {
    background-color: #ffffff !important;
    color: #1a1a1a !important;
    padding: 8px 12px;
}

/* ===== هاور روی Options ===== */
.form-select option:hover,
.form-select option:focus,
.form-select option:checked {
    background-color: var(--primary-gold) !important;
    color: #1a1a1a !important;
}

/* ===== استایل Select در حالت Focus ===== */
.form-select:focus {
    background-color: #ffffff !important;
    border-color: var(--primary-gold) !important;
    color: #1a1a1a !important;
    box-shadow: 0 0 0 0.18rem rgba(215, 184, 106, 0.12);
}

/* ===== استایل Select غیرفعال ===== */
.form-select:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ===== تنظیم Arrow Select ===== */
.form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231a1a1a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: left 0.75rem center !important;
    background-size: 16px 12px !important;
    padding-left: 2.5rem !important;
    direction: rtl;
}

/* ===== برای حالت LTR (اعداد) ===== */
.form-select[dir="ltr"] {
    direction: ltr;
    background-position: right 0.75rem center !important;
    padding-right: 2.5rem !important;
    padding-left: 1rem !important;
}