/*
 * Final, Professional Stylesheet for Advanced Contracts Manager
 * Version: 1.5.0
 * This version includes payment status styles.
*/

/* ==========================================================================
   Global Font and Container Styles
   ========================================================================== */
.acm-table-container,
.acm-table-container * { font-family: 'Yekan Bakh', Arial, sans-serif !important; box-sizing: border-box; }
.acm-table-container { direction: rtl; }

/* ==========================================================================
   Gravity Form Readonly Field Style
   ========================================================================== */
.gform_wrapper .acm-readonly-field input[type="text"] { background-color: #e9ecef !important; cursor: not-allowed !important; color: #495057 !important; border-color: #ced4da !important; pointer-events: none; }

/* ==========================================================================
   Main Contracts & Latest Clients Tables
   ========================================================================== */
.acm-table-container table { width: 100%; border-collapse: collapse; border: 1px solid #e1e1e1; }
.acm-table-container th, .acm-table-container td { border: 1px solid #e1e1e1; padding: 12px 10px; text-align: center; vertical-align: middle; white-space: nowrap; }
.acm-table-container th { font-weight: bold; background-color: #f8f9fa; color: #333; }
.acm-table-container #acm-latest-clients-table .acm-copy-id { cursor: pointer; color: #0073aa; }
.acm-table-container #acm-latest-clients-table .acm-copy-id:hover { text-decoration: underline; }

/* ==========================================================================
   Buttons - Professional Styling
   ========================================================================== */
.acm-table-container .acm-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; padding: 8px 16px !important; text-decoration: none !important; border-radius: 6px !important; color: white !important; border: none !important; cursor: pointer !important; font-size: 13px !important; font-weight: normal !important; line-height: 1.5 !important; -webkit-font-smoothing: antialiased; transition: all 0.2s ease-in-out !important; box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important; }
.acm-table-container a.acm-button:hover, .acm-table-container button.acm-button:hover { color: white !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important; }
.acm-button::before { font-size: 16px; line-height: 1; }
.acm-download-applicant { background-color: #28a745 !important; } .acm-download-applicant::before { content: '\21E9'; }
.acm-download-company { background-color: #17a2b8 !important; } .acm-download-company::before { content: '\21E9'; }
.acm-edit-button { background-color: #ffc107 !important; color: #212529 !important; } .acm-edit-button::before { content: '\270E'; }
.acm-delete-button { background-color: #dc3545 !important; } .acm-delete-button::before { content: '\00D7'; font-weight: bold; }

/* ==========================================================================
   Payment Status Styles
   ========================================================================== */
.acm-status-paid, .acm-status-unpaid { display: inline-block; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1.5; }
.acm-status-paid { background-color: #28a745; }
.acm-status-unpaid { background-color: #dc3545; }

/* ==========================================================================
   Filters and Pagination & other stuff ...
   ========================================================================== */
.acm-table-container .acm-filters { display: flex; gap: 15px; margin-bottom: 20px; align-items: center; }
.acm-table-container .acm-filters input, .acm-table-container .acm-filters select, .acm-table-container #acm-filter-button { padding: 10px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; }
.acm-table-container #acm-filter-button { cursor: pointer; background-color: #f8f9fa; color: #333; }
.acm-table-container .acm-pagination { margin-top: 20px; text-align: center; }
.acm-table-container .acm-pagination .page-numbers { display: inline-block; padding: 8px 14px; margin: 0 3px; border: 1px solid #ddd; text-decoration: none; border-radius: 6px; color: #555; transition: all 0.2s ease; }
.acm-table-container .acm-pagination .page-numbers.current, .acm-table-container .acm-pagination .page-numbers:hover { background-color: #28a745; color: #fff; border-color: #28a745; }
.acm-table-container .table-wrapper, .acm-table-container .acm-table-wrapper { overflow-x: auto; width: 100%; }
.acm-table-container .draft-icon::after { content: " \270E"; margin-right: 5px; color: #ffc107; font-weight: bold; font-size: 16px; }
@media (max-width: 768px) {
    .acm-table-container #acm-contracts-table { min-width: 800px; }
    .acm-table-container .acm-button { padding: 8px 12px !important; font-size: 12px !important; }
    .acm-table-container .acm-filters { flex-direction: column; align-items: stretch; }
}