/* Area: batches */
.xbat-check { padding: 6px 0; }
.xbat-check-row { display: flex; gap: 12px; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.xbat-check-row:last-child { border-bottom: 0; }
.xbat-check-row .grow { min-width: 0; flex: 1 1 200px; }
.xbat-check-row strong, .xbat-check-row small { display: block; }
.xbat-check-row small { overflow-wrap: anywhere; }
.xbat-tick { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--red-soft); color: var(--red); flex: none; }
.xbat-check-row.ok .xbat-tick { background: var(--leaf-soft); color: var(--leaf); }
.xbat-dots { display: flex; gap: 6px; margin-top: 10px; flex-wrap: wrap; }
.xbat-dot { width: 22px; height: 6px; border-radius: 3px; background: var(--line-strong); }
.xbat-dot.ok { background: var(--leaf); }
.xbat-wrap { flex-wrap: wrap; gap: 8px; }
.xbat-off { opacity: .55; }
.xbat-hols .line-row, .xbat-mats .line-row { gap: 8px; flex-wrap: wrap; }
.xbat-hols .line-row .grow, .xbat-mats .line-row .grow { flex: 1 1 180px; min-width: 0; }
.xbat-url { word-break: break-all; white-space: pre-wrap; font-size: 13px; }
.xbat-inline.field { display: flex; flex-direction: row; gap: 10px; align-items: center; align-self: end; }
.xbat-inline input { width: 22px; height: 22px; }
.xbat-link { text-decoration: none; color: inherit; }
.xbat-changes summary { cursor: pointer; padding: 4px 0; }
.xbat-changes .line-row { flex-wrap: wrap; gap: 6px; }
.xbat-timing { padding: 0; }
.xbat-timing > .form-grid { margin: 0; }
.xbat-remote select { max-width: 100%; }
.xbat-remote .row select { flex: 1 1 220px; min-width: 0; padding: 9px 10px; border-radius: 10px; border: 1px solid var(--line-strong); background: var(--paper); color: var(--ink); font: inherit; }
@media (max-width: 520px) {
  .xbat-check-row { padding: 10px 12px; }
  .xbat-check-row > .btn, .xbat-check-row > .btn-row { margin-left: 44px; }
}
@media print {
  .sidebar, .topbar, .tabbar, .bt-tabs, .page-actions, .page-head .back-link, .xbat-remote .btn { display: none !important; }
}
.xbat-sub .grow { flex: 1 1 220px; min-width: 0; }
.xbat-sub .grow strong, .xbat-sub .grow small { display: block; }
/* batch → By department */
.xdept-t{width:100%;border-collapse:collapse;font-size:14px}.xdept-t th,.xdept-t td{padding:8px 10px;border-bottom:1px solid var(--line,#E6DCC4);text-align:left;vertical-align:top}
.xdept-t th{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted,#5E6577);font-weight:600}.xdept-t td:first-child{width:32px;color:var(--muted,#5E6577)}
.xdept-t td small{display:block}

/* Edit batch → Department SPOC e-mails */
.xspoc-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 6px 14px; margin-top: 8px; }
.xspoc-item { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; line-height: 1.3; cursor: pointer; }
.xspoc-item input { margin-top: 2px; flex: none; }
.xspoc-item small { display: block; }
.xspoc-item .xspoc-mail { overflow-wrap: anywhere; font-size: 12px; }
.xspoc-freq { display: flex; flex-wrap: wrap; gap: 10px 16px; margin-top: 10px; }
.xspoc-freq label { display: flex; flex-direction: column; gap: 4px; min-width: 200px; flex: 1 1 200px; }
.xspoc-freq .label { font-size: 12px; }
.xspoc-freq label[hidden], .xspoc-freq[hidden], .xspoc-list[hidden] { display: none; }