/**
 * modules/ar/styles.css
 *
 * CSS เฉพาะของโมดูลบัญชีลูกหนี้ ตั้ง prefix .ar- ทั้งหมดเพื่อไม่ให้ชนกับโมดูลอื่น
 */
/* ป้ายบอกสถานะบัญชี */
.ar-badge {
    display: inline-block;
    margin-left: var(--space-1, 4px);
    padding: 0 var(--space-2, 8px);
    border-radius: var(--radius-sm, 4px);
    font-size: .8em;
    line-height: 1.8;
    white-space: nowrap;
}
.ar-badge.ar-closed {
    background: var(--secondary, #6c757d);
    color: #fff;
}
.ar-badge.ar-held {
    background: var(--warning, #f0ad4e);
    color: #fff;
}
/* ติดต่อลูกหนี้ไม่ได้ เป็นแค่การปิดเสียงการทวง ไม่ใช่การหยุดบัญชี
   จึงใช้สีกลาง ๆ ไม่ใช่สีเตือนแบบบัญชีที่พักไว้ */
.ar-badge.ar-dormant {
    background: var(--dark, #495057);
    color: #fff;
}
.ar-badge.ar-installment {
    background: var(--info, #17a2b8);
    color: #fff;
}
.ar-closed-note {
    color: var(--danger, #dc3545);
    font-weight: bold;
}
.ar-hold-note {
    color: var(--warning, #f0ad4e);
    font-weight: bold;
}
.ar-dormant-note {
    color: var(--secondary, #6c757d);
    font-weight: bold;
}
.ar-relation-note a {
    margin-left: var(--space-1, 4px);
}
/* ── ข้อตกลงยุติดอก ──────────────────────────────────── */
/* สรุปเงื่อนไขข้อตกลง วางเป็นแถวเดียวบนหัวตารางรายละเอียดบัญชี */
.ar-plan {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2, 8px) var(--space-4, 16px);
    margin-bottom: var(--space-3, 12px);
    padding: var(--space-3, 12px);
    border-radius: var(--radius-sm, 4px);
    background: var(--color-border, rgba(0, 0, 0, .06));
}
.ar-plan > div {
    display: flex;
    flex-direction: column;
}
.ar-plan span {
    font-size: .85em;
    opacity: .75;
}
.ar-plan .ar-overdue strong {
    color: var(--danger, #dc3545);
}
.ar-settlement-note p {
    margin: 0 0 var(--space-1, 4px);
}
.ar-settlement-creditors ul {
    margin: var(--space-1, 4px) 0 0;
    padding-left: 1.2em;
}
/* คอลัมน์เลือกแถวของตารางรายละเอียดบัญชี */
.ar-check-column {
    width: 2.5em;
}
/* แถวรายการปิดบัญชี */
.ar-row-close td {
    background: var(--success-bg, rgba(40, 167, 69, .08));
}
/* แถวยอดไถ่ถอน */
.ar-due td {
    font-weight: bold;
}
.ar-due td.ar-total {
    font-size: 1.1em;
}
/* รายงานประจำเดือนมีคอลัมน์ตามจำนวนเจ้าหนี้ จึงเลื่อนตารางในแนวนอนได้ */
.ar-scroll {
    overflow-x: auto;
}
/* ช่องเลือกแม่แบบสัญญาข้างปุ่มพิมพ์ */
.form-control.ar-print {
    display: inline-flex;
    width: auto;
    min-width: 12em;
    vertical-align: middle;
}
.ar-print-map {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1, 4px);
    white-space: nowrap;
}
.ar-print-map input {
    margin: 0;
}
/* ── รูปภาพที่แนบไว้กับบัญชี ────────────────────────────── */
.ar-images {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2, 8px);
    margin-bottom: var(--space-2, 8px);
}
.ar-image {
    position: relative;
    width: 140px;
}
.ar-image-preview {
    display: block;
    margin: 0;
    cursor: pointer;
}
.ar-image-preview img {
    display: block;
    width: 100%;
    height: 140px;
    object-fit: cover;
    border: 3px solid transparent;
    border-radius: var(--radius-sm, 4px);
    background: var(--color-border, rgba(0, 0, 0, .1));
}
/* กรอบสีบอกว่ารูปไหนจะถูกแนบไปกับสัญญาที่สั่งพิมพ์ */
.ar-image-preview input:checked + img {
    border-color: var(--color-primary, #2563eb);
}
.ar-image-preview input:not(:checked) + img {
    opacity: .4;
}
.ar-image-preview input {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 1;
    width: 1.2em;
    height: 1.2em;
    cursor: pointer;
}
.ar-image-tools {
    position: absolute;
    right: 4px;
    bottom: 8px;
    display: flex;
    gap: 4px;
}
.ar-image-tools a,
.ar-image-tools button {
    width: 1.9em;
    height: 1.9em;
    padding: 0;
    border: 0;
    border-radius: 50em;
    background: rgba(0, 0, 0, .65);
    color: #fff;
    line-height: 1.9em;
    justify-content: center;
    cursor: pointer;
}
.ar-image-tools a:before,
.ar-image-tools button:before {
    margin: 0;
}
.ar-image-actions {
    margin-bottom: var(--space-2, 8px);
}
/* ── แผนที่ปักหมุดที่ตั้ง ──────────────────────────────── */
.ar-map {
    height: min(60vh, 420px);
    border-radius: var(--radius-sm, 4px);
    /* z-index ของ Leaflet สูงกว่าเมนูของระบบ ถ้าไม่คุมไว้แผนที่จะทับ dropdown */
    z-index: 0;
}
.ar-map-failed {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 4em;
    background: var(--color-border, rgba(0, 0, 0, .1));
}
.ar-map-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2, 8px);
    margin-bottom: var(--space-2, 8px);
}
/* ยอดรวมทั้งเดือนต่อเจ้าหนี้ใต้รายงานรายเดือน (ar/monthlyreport.html) */
.ar-summary {
  text-align: right;
}
.ar-summary-item + .ar-summary-item::before {
  content: ' · ';
}