/* ================================================================================
   Invoice dialog styles (Register payment / Cancel / Rectificativa / Duplicate / QR)
   These classes (idr-*) are used by dialogs opened from multiple pages (invoice detail
   AND invoice list). They must live in a global stylesheet so the CSS is always loaded
   regardless of which page opened the dialog.
   ================================================================================ */

.idr-dialog-info { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 10px; background: #F7F7FB; }
.idr-dialog-info.green { background: #ECFDF5; }
.idr-dialog-info.orange { background: #FEF3C7; }
.idr-info-title { font-size: 12px; font-weight: 500; color: #2D2B3D; }
.idr-info-sub { font-size: 10px; color: #5A5672; }
.idr-field { display: flex; flex-direction: column; gap: 4px; }
.idr-field-label { font-size: 11px; font-weight: 500; color: #5A5672; }
.idr-method-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.idr-method-card { padding: 10px 8px; border: 1px solid #ECEAF2; border-radius: 10px; background: white; cursor: pointer; transition: all .15s; display: flex; flex-direction: column; align-items: center; gap: 4px; font-family: inherit; font-size: 10px; color: #5A5672; }
.idr-method-card:hover { border-color: #594AE2; }
.idr-method-card.selected { background: #EDE7F6; border-color: #594AE2; color: #594AE2; font-weight: 600; border-width: 1.5px; }
.idr-method-card .mud-icon-root { font-size: 20px !important; color: #9994AD; }
.idr-method-card.selected .mud-icon-root { color: #594AE2; }

.idr-rect-methods { display: flex; gap: 10px; }
.idr-rect-method { flex: 1; padding: 12px; border-radius: 10px; border: 1px solid #ECEAF2; background: white; cursor: pointer; transition: all .15s; display: flex; flex-direction: column; gap: 4px; text-align: left; font-family: inherit; }
.idr-rect-method:hover { border-color: #594AE2; }
.idr-rect-method.selected { background: #EDE7F6; border-color: #594AE2; border-width: 2px; padding: 11px; }
.idr-rect-method-hdr { display: flex; align-items: center; gap: 6px; color: #5A5672; }
.idr-rect-method.selected .idr-rect-method-hdr { color: #594AE2; }
.idr-rect-method-title { font-size: 13px; font-weight: 500; color: #5A5672; }
.idr-rect-method.selected .idr-rect-method-title { color: #594AE2; font-weight: 600; }
.idr-rect-method-desc { font-size: 10px; color: #9994AD; padding-left: 24px; line-height: 1.4; }
.idr-rect-method.selected .idr-rect-method-desc { color: #5A5672; }
.idr-rect-explain { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; border-radius: 10px; background: #F7F7FB; }
.idr-rect-explain-title { font-size: 12px; font-weight: 600; color: #2D2B3D; }
.idr-rect-explain-desc { font-size: 10px; color: #5A5672; line-height: 1.4; margin-top: 2px; }

.idr-dup-list { display: flex; flex-direction: column; gap: 6px; }
.idr-dup-item { display: flex; align-items: center; gap: 8px; font-size: 12px; }
.idr-dup-item.yes { color: #2D2B3D; }
.idr-dup-item.no { color: #9994AD; }

.idr-qr-body { padding: 16px 24px; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.idr-qr-box { width: 200px; height: 200px; border-radius: 14px; background: #F7F7FB; border: 1px solid #ECEAF2; display: flex; align-items: center; justify-content: center; }
.idr-qr-title { font-size: 13px; font-weight: 600; color: #2D2B3D; }
.idr-qr-sub { font-size: 11px; color: #9994AD; }
.idr-qr-badge { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 10px; font-size: 12px; font-weight: 600; }
.idr-qr-badge.accepted { background: #ECFDF5; color: #10B981; }
.idr-qr-desc { font-size: 11px; color: #9994AD; line-height: 1.5; }
.idr-qr-hash { background: #F7F7FB; border-radius: 8px; padding: 10px 14px; width: 100%; display: flex; flex-direction: column; gap: 4px; }
.idr-qr-hash-row { display: flex; align-items: center; font-size: 10px; }
.idr-qr-hash-row .k { color: #9994AD; }
.idr-qr-hash-row .sp { flex: 1; height: 1px; margin: 0 8px; }
.idr-qr-hash-row .v { color: #2D2B3D; font-weight: 500; }