.cms-operations-summary { margin-bottom: 24px; }
.cms-operations-summary .panel-heading { align-items: center; gap: 12px; flex-wrap: wrap; }
.cms-queue-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 155px), 1fr)); gap: 10px; }
.cms-queue { min-width: 0; white-space: normal; justify-content: flex-start; text-align: left; }
.cms-queue[aria-pressed="true"] { background: #364F91; border-color: #364F91; color: #fff; }
.cms-operations-note { color: #616c81; font-size: 13px; margin: 12px 0 20px; }
.cms-operation-list { display: grid; }
.cms-operation-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 0; border-bottom: 1px solid #e5e9f1; }
.cms-operation-row > div { min-width: 0; overflow-wrap: anywhere; }
.cms-operation-row p { color: #616c81; font-size: 13px; margin: 6px 0 0; }
.cms-operation-row button { flex-shrink: 0; }
.cms-operations-pagination { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 12px; padding-top: 18px; }
.cms-flow { margin-top: 24px; }
.cms-flow .panel-heading { display: block; }
.cms-flow-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 24px; padding-left: 24px; margin: 0; }
.cms-flow-stage { padding-left: 4px; overflow-wrap: anywhere; }
.cms-flow-stage::marker { color: #364F91; font-weight: 600; }
.cms-flow-stage h3 { margin: 0 0 8px; font-size: 16px; }
.cms-flow-stage p { margin: 8px 0; }
.cms-flow-owner { color: #616c81; font-size: 13px; }
.cms-flow-stage details { margin: 12px 0; }
.cms-flow-stage summary { cursor: pointer; color: #364F91; }
@media (max-width: 480px) {
  .cms-operation-row { align-items: flex-start; flex-direction: column; gap: 10px; }
  .cms-queue { min-height: 44px; }
  .cms-operations-pagination { justify-content: flex-start; }
}

/* Queue counts are readable independently from labels. Instructions stay available on demand. */
.cms-queue-grid { grid-template-columns:repeat(auto-fit,minmax(155px,1fr)); gap:10px; }
.cms-queue { display:flex; justify-content:space-between; text-align:left; gap:12px; padding:14px 16px; white-space:normal; min-height:66px; }
.cms-queue-title { font-size:14px; line-height:1.5; }
.cms-queue-count { font-size:24px; font-weight:650; line-height:1.2; font-variant-numeric:tabular-nums; }
.cms-queue.is-empty { background:#fafbfd; color:#627087; }
.cms-queue[aria-pressed="true"] { background:var(--blue); color:#fff; border-color:var(--blue); }
.cms-operations-note { font-size:12px; line-height:1.7; }
.cms-operations-detail .panel-heading { align-items:flex-start; }
.cms-operation-next { color:var(--ink); font-size:14px; margin-top:8px; }
.cms-queue-explain { font-size:13px; margin-top:12px; color:var(--muted); }
.cms-queue-explain summary,.cms-flow-toggle { cursor:pointer; }
.cms-flow { margin-top:24px; }
.cms-flow-toggle { padding:18px 20px; color:var(--blue); font-size:14px; font-weight:600; }
.cms-flow:not([open]) .panel-heading { display:none; }
.cms-flow-stage p { font-size:14px; line-height:1.7; }
.cms-operation-row>div { min-width:0; overflow-wrap:anywhere; }
.cms-operation-row strong { font-size:15px; }
.cms-operation-row p { font-size:13px; margin-top:5px; }
.cms-operations-pagination { flex-wrap:wrap; font-size:13px; }
@media(max-width:720px) {
 .cms-queue-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .cms-queue { padding:12px; gap:7px; }
 .cms-queue-count { font-size:22px; }
 .cms-operation-row { align-items:stretch; gap:12px; }
 .cms-operation-row>.button { align-self:flex-start; }
 .cms-flow-list { grid-template-columns:1fr; }
}

.cms-operation-list { padding:0 22px; }
.cms-operations-pagination { padding:18px 22px; }
.cms-queue-filter { display:flex; align-items:center; gap:8px; min-height:44px; margin-bottom:8px; font-size:14px; color:var(--muted); }
.cms-queue-filter input { width:18px; height:18px; accent-color:var(--blue); }
.cms-flow[open] { padding-bottom:22px; }
.cms-flow-list { margin:0 22px; }
@media(max-width:600px) { .cms-operations>.page-heading>.button { align-self:flex-start; } .cms-operation-list { padding:0 16px; } }