@charset "UTF-8";
/* پنل مدیریت — رنگ‌های ثابت به توکن‌های zycation.css نگاشت شدند
   تا پنل‌ها هم پالت اناری و حالت تیره را بگیرند. */
.admin-menu {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 14px 18px;
    margin-bottom: 8px;
    border-radius: 18px;
    transition: .25s;
}

    .admin-menu:hover {
        background: var(--surface-2);
    }

    .admin-menu.active {
        background: var(--accent-strong);
        color: white;
    }

.admin-card {
    background: var(--surface);
    padding: 30px;
    border-radius: 24px;
    box-shadow: 0 10px 25px rgba(0,0,0,.05);
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.admin-title {
    font-size: .95rem;
    color: #666;
}

.admin-number {
    font-size: 2rem;
    font-weight: 800;
    color: var(--accent-strong);
}
.admin-sidebar {
    background: #0f172a;
    border-radius: 30px;
    padding: 30px;
    color: white;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.admin-profile {
    text-align: center;
}

    .admin-profile img {
        width: 90px;
        height: 90px;
        border-radius: 50%;
        border: 4px solid white;
        object-fit: cover;
        margin: auto;
        box-shadow: 0 10px 30px rgba(0,0,0,.35);
    }

    .admin-profile h3 {
        margin-top: 15px;
        font-size: 20px;
        font-weight: 700;
    }

    .admin-profile span {
        opacity: .7;
    }

.admin-link {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border: none;
    background: none;
    border-radius: 18px;
    color: white;
    transition: .25s;
    cursor: pointer;
    font-weight: 600;
}

    .admin-link:hover {
        background: #1e293b;
        transform: translateX(-6px);
    }

    .admin-link.active {
        background: var(--accent);
        box-shadow: 0 10px 25px rgba(37,99,235,.35);
    }

.admin-table {
    width: 100%;
    border-collapse: collapse;
}

    .admin-table th {
        padding: 18px;
        background: var(--surface-2);
        font-weight: 700;
        color: #475569;
    }

    .admin-table td {
        padding: 18px;
    }

.admin-row {
    transition: .2s;
    border-bottom: 1px solid var(--line);
}

    .admin-row:nth-child(even) {
        background: var(--surface-2);
    }

    .admin-row:hover {
        background: var(--accent-soft);
    }

.admin-search {
    width: 320px;
    padding: 14px 20px;
    border-radius: 15px;
    border: 1px solid var(--line);
    outline: none;
    transition: .25s;
}

    .admin-search:focus {
        border-color: var(--accent);
        box-shadow: 0 0 0 5px rgba(37,99,235,.15);
    }

.badge-admin {
    background: var(--danger-soft);
    color: var(--danger);
    padding: 8px 15px;
    border-radius: 999px;
    font-weight: 700;
}

.badge-user {
    background: var(--accent-soft);
    color: var(--accent);
    padding: 8px 15px;
    border-radius: 999px;
    font-weight: 700;
}

/* ⚠ .btn هم مثل .input عمداً اینجا تعریف نمی‌شود — همان تداخل ویژگی.
   نسخه‌ی قبلی `border-radius: 12px` می‌گذاشت و همه‌ی دکمه‌های سیستم را
   از حالت قرص (pill) خارج می‌کرد. تعریف معتبر در zycation.css بخش ۱۳ است.
   کلاس‌های .btn-edit / .btn-delete / .btn-verify زیر، فقط رنگ می‌دهند و
   شکل دکمه را از .btn سیستم می‌گیرند. */

.btn-edit {
    background: var(--accent);
    color: white;
}

    .btn-edit:hover {
        background: #1d4ed8;
    }

.btn-delete {
    background: var(--danger);
    color: white;
}

    .btn-delete:hover {
        background: var(--danger);
    }

.btn-verify {
    background: #10b981;
    color: white;
}

    .btn-verify:hover {
        background: #059669;
    }

/* ===== کلاس‌های عمومی فرم که در فرم‌های ادمین/صاحب‌کسب‌وکار استفاده می‌شن ===== */

/* ⚠ .input عمداً اینجا تعریف نمی‌شود.
   این فایل بعد از zycation.css لود می‌شود و چون هر دو تک‌کلاسی‌اند
   (ویژگی ۰،۱،۰)، هرچه اینجا نوشته شود سیستم طراحی را بی‌صدا کنار می‌زند.
   نسخه‌ی قبلی همین‌جا `background: white` می‌گذاشت و در حالت تیره همه‌ی
   ورودی‌های فرم سفید می‌ماندند، و `border-radius: 15px` هم گردی را از
   مقیاس توکن‌ها خارج می‌کرد. تعریف معتبر در zycation.css بخش ۱۵ است. */

.btn-primary {
    padding: 14px 20px;
    border: none;
    border-radius: 15px;
    background: var(--accent);
    color: white;
    font-weight: 700;
    cursor: pointer;
    transition: .2s;
}

    .btn-primary:hover {
        background: #74472a;
        transform: translateY(-2px);
    }

    .btn-primary:disabled {
        opacity: .6;
        cursor: not-allowed;
        transform: none;
    }

.btn-outline {
    padding: 12px 18px;
    border-radius: 15px;
    border: 1px solid var(--accent);
    background: var(--surface);
    color: var(--accent);
    font-weight: 600;
    cursor: pointer;
    transition: .2s;
}

    .btn-outline:hover {
        background: var(--accent-soft);
    }

.badge-content-writer {
    background: var(--surface-3);
    color: #7c3aed;
    padding: 8px 15px;
    border-radius: 999px;
    font-weight: 700;
}

.badge-business-owner {
    background: var(--warn-soft);
    color: var(--warn);
    padding: 8px 15px;
    border-radius: 999px;
    font-weight: 700;
}

.badge-pending {
    background: var(--warn-soft);
    color: var(--warn);
    padding: 6px 14px;
    border-radius: 999px;
    font-weight: 700;
    font-size: .8rem;
}

.badge-approved {
    background: var(--success-soft);
    color: #16a34a;
    padding: 6px 14px;
    border-radius: 999px;
    font-weight: 700;
    font-size: .8rem;
}

.badge-rejected {
    background: var(--danger-soft);
    color: var(--danger);
    padding: 6px 14px;
    border-radius: 999px;
    font-weight: 700;
    font-size: .8rem;
}