/* Explicit publication review, independent of the existing image/export tools. */
#interviewListSection .image-interview-heading { display:block; min-width:0; }
#interviewListSection .image-interview-actions { display:grid; grid-template-columns:max-content max-content max-content minmax(44px,1fr); align-items:end; gap:10px; margin-top:16px; min-width:0; width:100%; }
#interviewListSection .image-interview-actions > label { grid-column:1 / -1; width:100%; max-width:280px; min-width:0; }
#interviewListSection .image-interview-actions select { width:100%; min-width:0; min-height:44px; font-size:16px; border-radius:6px; }
#interviewListSection .image-interview-actions > button { display:inline-flex; align-items:center; justify-content:center; gap:8px; height:44px; min-height:44px; min-width:0; width:auto; padding:0 14px; border-radius:6px; font-size:14px; line-height:1.25; letter-spacing:0; white-space:nowrap; word-break:normal; }
#interviewListSection .image-interview-actions svg { width:18px; height:18px; flex:0 0 18px; }
#interviewListSection .image-interview-actions .publication-tool-secondary { color:#243247; background:#fff; border:1px solid #cad5e3; }
#interviewListSection .image-interview-actions .publication-tool-secondary:hover { background:#eef4f8; }
#interviewListSection #closeInterviewListBtn { width:44px; padding:0; justify-self:end; }
#interviewListSection .image-interview-actions > button:focus-visible { outline:3px solid #79b9cb; outline-offset:2px; }
#interviewPublicationPanel .publication-selection-bar { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; padding:8px 0 14px; }
#interviewPublicationPanel .publication-select-all { display:flex; flex-direction:row; align-items:center; gap:10px; min-height:44px; cursor:pointer; white-space:nowrap; }
#publicationSelectionCount { color:#536074; font-size:14px; white-space:nowrap; font-variant-numeric:tabular-nums; }
#interviewPublicationPanel #publicationClearSelection { margin-left:auto; padding:0 12px; font-size:14px; border-radius:6px; }
#interviewPublicationPanel { min-width:0; margin:16px 0; padding:16px 0; border-block:1px solid #d5deea; }
#interviewPublicationPanel[hidden] { display:none; }
#interviewPublicationPanel .publication-heading, #interviewPublicationPanel .publication-footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
#interviewPublicationPanel h3 { margin:0; font-size:18px; }
#interviewPublicationPanel .publication-filters { display:grid; grid-template-columns:minmax(150px,180px) minmax(180px,1fr) auto; gap:12px; align-items:end; margin-block:16px; }
#interviewPublicationPanel label { display:flex; gap:6px; flex-direction:column; min-width:0; padding:0; border:0; border-radius:0; background:transparent; }
#interviewPublicationPanel input, #interviewPublicationPanel select, #interviewPublicationPanel button { font-size:16px; min-width:0; max-width:100%; letter-spacing:0; }
#interviewPublicationPanel input:not([type=checkbox]), #interviewPublicationPanel select { width:100%; box-sizing:border-box; min-height:44px; }
#interviewPublicationPanel button { min-height:44px; height:auto; white-space:normal; }
#interviewPublicationPanel input[type=checkbox] { width:22px; height:22px; min-height:22px; flex:0 0 22px; margin:0; }
#interviewPublicationPanel .publication-row { display:grid; grid-template-columns:22px minmax(0,1fr) auto auto; gap:12px; align-items:center; padding:14px 0; border-top:1px solid #d5deea; }
#interviewPublicationPanel .publication-copy { display:flex; flex-direction:column; gap:5px; min-width:0; overflow-wrap:anywhere; line-height:1.5; }
#interviewPublicationPanel .publication-copy strong { font-size:16px; }
#interviewPublicationPanel .publication-images { display:flex; gap:8px; flex-wrap:wrap; }
#interviewPublicationPanel .publication-images img { width:88px; height:120px; object-fit:contain; background:#f4f6f8; }
#interviewPublicationPanel .publication-state { color:#536074; font-size:13px; font-weight:700; }
#interviewPublicationPanel .publication-state[data-status=published] { color:#007c58; }
#interviewPublicationPanel .publication-state[data-status=changed], #interviewPublicationPanel .publication-state[data-status=failed], #interviewPublicationPanel .publication-problem { color:#9b4912; }
#interviewPublicationPanel .publication-problem { margin:0; font-size:14px; }
#interviewPublicationPanel .publication-approval { flex-direction:row; align-items:center; line-height:1.5; }
#interviewPublicationPanel .publication-footer { padding-top:16px; border-top:1px solid #d5deea; }
#interviewPublicationPanel .publication-orphan { display:flex; justify-content:space-between; align-items:center; gap:12px; border-left:3px solid #ba6326; padding:12px; margin-block:8px; background:#fff5e9; overflow-wrap:anywhere; }
#publicationMessage { overflow-wrap:anywhere; line-height:1.6; }
@media (min-width:701px) and (max-width:1100px) {
  #interviewListSection .image-interview-actions { grid-template-columns:minmax(0,1fr) max-content 44px; }
  #interviewListSection #closeInterviewListBtn { grid-column:3; grid-row:2; }
  #interviewListSection #openInterviewPublicationBtn { grid-column:1 / -1; grid-row:3; }
}
@media (max-width:700px) {
  #interviewListSection .image-interview-actions { grid-template-columns:minmax(0,1fr) max-content 44px; }
  #interviewListSection .image-interview-actions > label { max-width:none; }
  #interviewListSection #closeInterviewListBtn { grid-column:3; grid-row:2; }
  #interviewListSection #openInterviewPublicationBtn { grid-column:1 / -1; grid-row:3; }
  #interviewPublicationPanel .publication-filters { grid-template-columns:minmax(0,1fr); }
  #interviewPublicationPanel .publication-row { grid-template-columns:22px minmax(0,1fr); align-items:start; }
  #interviewPublicationPanel .publication-images, #interviewPublicationPanel .publication-row > button { grid-column:2; justify-self:start; }
  #interviewPublicationPanel .publication-orphan { flex-wrap:wrap; }
}