/* ===== افزونه فروش اقساطی – استایل فرانت‌اند ===== */

/* تنظیمات عمومی */
body {
    font-family: Vazir, Yekan, Tahoma, sans-serif;
    direction: rtl;
    text-align: right;
}

.installment-form,
.installment-wallet,
.installment-status,
.installment-vendor-dashboard,
.installment-vendor-gateway,
.installment-support-center,
.installment-doc-upload,
.installment-wallet-selector,
.installment-invoice-preview,
.installment-chat-box {
    margin: 20px 0;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
}

/* فیلدهای فرم */
.installment-form .field,
.installment-doc-upload .field,
.installment-support-center .field {
    margin-bottom: 12px;
}

.installment-form label,
.installment-doc-upload label,
.installment-support-center label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.installment-form input[type="text"],
.installment-form input[type="number"],
.installment-form select,
.installment-form textarea,
.installment-doc-upload input[type="file"],
.installment-support-center textarea {
    width: 100%;
    max-width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

/* دکمه‌ها */
.installment-form button,
.installment-doc-upload button,
.installment-support-center button,
.installment-wallet button,
.installment-chat-box button {
    padding: 8px 14px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.button-primary {
    background: #0073aa;
    color: #fff;
}

.button-primary:hover {
    background: #005177;
}

/* پیام‌ها */
.installment-success {
    background: #e7f7e7;
    border: 1px solid #46b450;
    color: #2d6a2d;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 15px;
}

.installment-error {
    background: #fbeaea;
    border: 1px solid #dc3232;
    color: #a00;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 15px;
}

/* تایم‌لاین وضعیت */
.installment-status .timeline {
    list-style: none;
    padding: 0;
    margin: 0;
}

.installment-status .timeline li {
    border-right: 3px solid #0073aa;
    padding: 10px;
    margin: 5px 0;
    background: #f9f9f9;
    border-radius: 4px;
}

/* جدول‌ها */
table.widefat {
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
}

table.widefat th,
table.widefat td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}

/* چت */
.installment-chat-box .chat-messages {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #ccc;
    background: #fdfdfd;
    padding: 10px;
    margin-bottom: 10px;
}

.installment-chat-box .chat-message {
    margin-bottom: 8px;
    padding: 8px;
    border-radius: 5px;
    font-size: 13px;
}

.installment-chat-box .chat-message.me {
    background: #e1f5fe;
    text-align: right;
}

.installment-chat-box .chat-message.other {
    background: #f1f1f1;
    text-align: left;
}

/* موبایل‌فرست */
@media (max-width: 600px) {
    .installment-form input,
    .installment-form select,
    .installment-form textarea,
    .installment-doc-upload input,
    .installment-doc-upload select,
    .installment-support-center textarea {
        font-size: 12px;
    }
    table.widefat th, table.widefat td {
        font-size: 12px;
        padding: 5px;
    }
}

/* ====== Installment Plugin – Admin/Frontend shared minimal styles ====== */

/* Modal */
.installment-modal {
  position: fixed; inset: 0;
  background: rgba(15,18,24,0.55);
  display: none;
  z-index: 100000;
}
.installment-modal__dialog {
  width: min(980px, 92vw);
  margin: 6vh auto;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
  padding: 18px;
  position: relative;
}
.installment-modal__title {
  margin: 0 0 12px;
  font-size: 18px;
}
.installment-modal .close {
  position: absolute; top: 8px; inset-inline-end: 10px;
  background: transparent; border: 0; font-size: 22px; cursor: pointer;
}

/* Grid */
.installment-form-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 12px;
  margin-bottom: 14px;
}
.installment-form-grid .field { grid-column: span 4; }
.installment-form-grid .field label { display:block; margin-bottom:6px; font-weight:600; }
.installment-form-grid .field input[type=text],
.installment-form-grid .field select,
.installment-form-grid .field input[type=number] {
  width: 100%; padding: 8px 10px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff;
}

/* Terms table */
.terms-box { margin: 14px 0; }
.terms-box__header { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
#terms-table .row { display:flex; gap:6px; align-items:center; }
#terms-table input[type=number], #terms-table input[type=text], #terms-table select { width: 100%; }
#terms-table .remove-term { color: #ef4444; }

/* Preview */
.preview-box { margin-top: 14px; }
.preview-box .preview-tools { margin-bottom: 8px; }
.preview-box input.preview-amount {
  border:1px solid #e5e7eb; border-radius:8px; padding:6px 10px; width:220px;
}

/* Toolbar inline form */
.installment-inline-form input[type=file] {
  padding: 5px 0;
}

/* Misc */
.req { color:#ef4444; }
.installment-modal-open { overflow: hidden; }