/* ═══════════════════════════════════════════════════════════
   DTISoft — Famille Remise Tiers Detail Popup
   ═══════════════════════════════════════════════════════════ */
.frm-overlay {
    position: fixed; inset: 0; z-index: 9000;
    background: rgba(0,0,0,.35); display: flex; align-items: center; justify-content: center;
}
.frm-box {
    background: var(--white); border-radius: 6px; width: 400px;
    box-shadow: 0 8px 32px rgba(0,0,0,.25);
}
.frm-loading { padding: 30px; text-align: center; color: var(--gray-400); }
.frm-header {
    padding: 10px 14px; display: flex; align-items: center; gap: 8px;
    background: var(--gray-50); border-bottom: 1px solid var(--gray-200);
    border-radius: 6px 6px 0 0;
}
.frm-title { font-weight: 700; font-size: 14px; flex: 1; display: flex; align-items: center; gap: 6px; }
.frm-close { border: none; background: none; cursor: pointer; font-size: 15px; color: var(--gray-500); }
.frm-close:hover { color: var(--gray-800); }
.frm-body { padding: 16px; display: flex; flex-direction: column; gap: 10px; }
.frm-fld { display: flex; flex-direction: column; gap: 2px; }
.frm-fld label { font-size: 11px; color: var(--gray-500); }
.frm-fld input {
    border: 1px solid var(--gray-200); border-radius: 3px; padding: 6px 8px;
    font-size: 13px; font-family: inherit; background: var(--white);
}
.frm-fld input:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 1px var(--primary); }
.frm-chks { display: flex; gap: 16px; padding-top: 4px; }
.frm-chk { font-size: 13px; color: var(--gray-600); display: flex; align-items: center; gap: 5px; cursor: pointer; }
.frm-footer {
    padding: 10px 14px; display: flex; justify-content: flex-end; gap: 8px;
    border-top: 1px solid var(--gray-200);
}
.frm-cancel {
    padding: 6px 16px; border: 1px solid var(--gray-300); border-radius: 4px;
    background: var(--white); cursor: pointer; font-size: 13px;
}
.frm-cancel:hover { background: var(--gray-50); }
.frm-save {
    padding: 6px 18px; border: 1px solid #222; border-radius: 4px;
    background: #222; color: #fff; cursor: pointer; font-size: 13px; font-weight: 600;
    display: flex; align-items: center; gap: 5px;
}
.frm-save:hover { background: #444; }