.relation-import .pl-dialog { width: min(90vw,1600px); max-width: none }
.relation-import .pl-dialog-content { padding: clamp(20px,5vw,65px); max-height: 88vh; overflow: auto }
.relation-import h2 { font-size: 24px; margin: 0 0 24px; font-weight: 600 }
.import-filters { display: flex; align-items: end; gap: 13px; flex-wrap: wrap }
.import-filters label:has(select) { display: grid; gap: 5px; flex: 1; min-width: 110px }
.import-filters label { font-size: 13px }
.import-filters > button img, .relations-tools img { width: 20px; height: 20px; vertical-align: middle }
.import-filters > button { padding: 8px; margin-left: auto }
.import-tools, .relation-import footer { display: flex; align-items: center; justify-content: flex-end; gap: 15px; margin: 20px 0 }
.import-file { margin-right: auto; display: grid; gap: 8px }
.import-tools [data-add] { background: #55ab80; color: white; height: 40px; min-width: 113px }
.import-scroll { overflow: auto; max-height: 45vh }
.import-scroll table { width: max-content; min-width: 100%; border-collapse: collapse }
.import-scroll th { background: #55ab80; color: white; position: sticky; top: 0; font-size: 12px; padding: 12px; text-align: left }
.import-scroll td { padding: 8px; border-bottom: 1px solid #ddd }
.import-scroll input:not([type=checkbox]), .import-scroll select { width: 145px }
.import-scroll select[multiple] { height: 60px }
.relation-import nav { display: flex; align-items: center; gap: 10px; margin: 15px 0 }
.relation-import nav select { margin-left: auto; width: auto }
.relation-import footer { margin-bottom: 0 }
.relation-import footer button { min-height: 32px }
.relation-import [role=alert] { color: #b42318 }
.import-settings .pl-dialog { width: min(450px,94vw) }
.import-settings .pl-dialog-content { padding: 30px; overflow: auto; max-height: 85vh }
.import-settings label { display: flex; align-items: center; gap: 8px; padding: 5px 0 }
.import-settings .primary { display: block; margin: 18px 0 0 auto }
#relations-main .relations-table thead th { background: #2f8b5d; font-weight: 600 }
#relations-main .relations-table tbody td { color: #233148; border-bottom: 1px solid #e9edf1 }
#relations-main .relations-table tbody tr:nth-child(even) td { background: #f7f8fa }
#relations-main .relations-table tbody tr:hover td { background: #deebe2 }
#relations-main .relations-tools button, #relations-main .relation-new {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: white; color: #26744d; border: 1px solid #a3d2b6; border-radius: 10px;
  height: 40px; font-size: 13px; font-weight: 600;
}
#relations-main .relation-new img, .directory-main [data-add] .dir-glyph { filter: brightness(0) saturate(100%) invert(39%) sepia(38%) saturate(711%) hue-rotate(96deg) }
@media(max-width:650px) { .relation-import .pl-dialog { width: 96vw } .import-filters label:has(select) { min-width: 45% } }