/* 1.2.0 — Page Redirections : tableau (chemins, cibles), lignes désactivées,
   drawer d'ajout (test en direct, suggestions), réglages. Chargé après
   admin.css (Essiow_Admin::enqueue_assets → assets/css/pages/redirects.css). */

/* Tableaux */
#essiow-redirects-page .essiow-card__padded .essiow-filters { margin-bottom: 0; }
#essiow-rd-table td:nth-child(2), #essiow-rd-table td:nth-child(3) { max-width: 320px; }
#essiow-404-table td:nth-child(2) { max-width: 360px; }
#essiow-404-table td:nth-child(5) { max-width: 240px; }
.essiow-rd-path { display: inline-block; max-width: 100%; overflow-wrap: anywhere; word-break: break-all; line-height: 1.4; }
.essiow-rd-target, .essiow-rd-referer { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; }
.essiow-rd-row--off td { opacity: 0.6; }
.essiow-rd-row--off td:last-child, .essiow-rd-row--off td:nth-child(8), .essiow-rd-row--off td:first-child { opacity: 1; }
.essiow-rd-row--off .essiow-rd-path { text-decoration: line-through; text-decoration-color: var(--essiow-border-strong); }
.essiow-rd-404-actions { opacity: 1; }
#essiow-rd-pagination.essiow-hidden, #essiow-404-pagination.essiow-hidden { display: none; }
#essiow-rd-pagination, #essiow-404-pagination { justify-content: flex-end; }
#essiow-rd-pagination .essiow-pagination, #essiow-404-pagination .essiow-pagination { width: 100%; }

/* 1.2.0 — Onglet « Lost links » (404 dont le referer est un site externe) */
#essiow-lost-table td:nth-child(1) { max-width: 320px; min-width: 180px; }
#essiow-lost-table td:nth-child(2) { max-width: 240px; }
#essiow-lost-table td:nth-child(4) { max-width: 300px; }
#essiow-lost-table .essiow-rd-suggest__label { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
/* Une action en cours marque sa ligne jusqu'à la fin */
.essiow-rd-row--busy { background: var(--essiow-surface-2); }
.essiow-rd-row--busy td:first-child { box-shadow: inset 2px 0 0 var(--essiow-primary); }
#essiow-lost-pagination.essiow-hidden { display: none; }
#essiow-lost-pagination { justify-content: flex-end; }
#essiow-lost-pagination .essiow-pagination { width: 100%; }

/* Drawer : formulaire */
.essiow-rd-form .essiow-field__control > select + select,
.essiow-rd-form .essiow-field__control > input + select { margin-top: 8px; }
.essiow-rd-field--disabled { opacity: 0.5; }
.essiow-rd-test { margin-top: 10px; padding: 10px 12px; border: 1px solid var(--essiow-border); border-radius: var(--essiow-radius); background: var(--essiow-surface-2); display: flex; flex-direction: column; gap: 6px; }
.essiow-rd-test__title { font-size: var(--essiow-fs-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--essiow-text-3); }
.essiow-rd-test__line { display: flex; align-items: flex-start; gap: 8px; font-size: var(--essiow-fs-xs); color: var(--essiow-text-2); line-height: 1.5; }
.essiow-rd-test__line .essiow-icon { flex-shrink: 0; margin-top: 2px; }
.essiow-rd-test__line code { overflow-wrap: anywhere; }
.essiow-rd-test__line--success { color: var(--essiow-success-text); }
.essiow-rd-test__line--success .essiow-icon { color: var(--essiow-success); }
.essiow-rd-test__line--warning { color: var(--essiow-warning-text); }
.essiow-rd-test__line--warning .essiow-icon { color: var(--essiow-warning); }
.essiow-rd-test__line--danger { color: var(--essiow-danger-text); }
.essiow-rd-test__line--danger .essiow-icon { color: var(--essiow-danger); }
.essiow-rd-test__line .essiow-btn { margin-left: 6px; vertical-align: middle; }
.essiow-rd-suggest { margin-top: 10px; }
.essiow-rd-suggest__title { display: block; font-size: var(--essiow-fs-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--essiow-text-3); margin-bottom: 6px; }
.essiow-rd-suggest__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.essiow-rd-suggest__list li { display: flex; align-items: center; gap: 8px; padding: 6px 10px; border: 1px solid var(--essiow-border); border-radius: var(--essiow-radius); background: var(--essiow-surface); font-size: var(--essiow-fs-xs); }
.essiow-rd-suggest__label { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.essiow-rd-suggest__label strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.essiow-rd-suggest__label code { font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.essiow-rd-import__text { font-family: SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; }
#essiow-rd-import-result .essiow-callout { margin-top: 12px; }
#essiow-rd-import-result ul { margin: 4px 0 0 18px; list-style: disc; }

/* Réglages */
.essiow-rd-settings__group { border: 0; margin: 0; padding: 0; min-width: 0; }
.essiow-rd-settings__group[disabled] { opacity: 0.6; }
.essiow-rd-settings__sep { margin-top: var(--essiow-space-4); border-top: 1px solid var(--essiow-border); padding-top: var(--essiow-space-4); }

/* 1.3.0 — la colonne Actions tient sur UNE ligne à 1280 px (convention
   inter-lots) : « Edit » + corbeille passaient à la ligne faute de largeur. */
#essiow-rd-table td.essiow-td-actions, #essiow-rd-table th.essiow-td-actions { width: 132px; }
#essiow-rd-table .essiow-row-actions,
#essiow-404-table .essiow-row-actions,
#essiow-lost-table .essiow-row-actions { flex-wrap: nowrap; }

/* 1.2.0 (lot 5) — sous 1100 px la carte ne contient plus les 9 colonnes :
   défilement horizontal (en-tête non sticky), chemin source lisible */
#essiow-rd-table td:nth-child(2) { min-width: 180px; }
@media screen and (max-width: 1100px) {
    #essiow-redirects-page .essiow-table-scroll--sticky { overflow-x: auto; }
    #essiow-rd-table { min-width: 900px; }
    #essiow-404-table { min-width: 760px; }
    #essiow-lost-table { min-width: 760px; }
    #essiow-redirects-page .essiow-table thead th { position: static; }
}
@media screen and (max-width: 782px) {
    .essiow-rd-target, .essiow-rd-referer { white-space: normal; overflow-wrap: anywhere; }
}
