/* Workflows.
   The table is .ct-table from Call Logs and the page shell is Campaigns'
   (.cmp-page / .cmp-wrap / .cmp-pagination), so this file only sizes the
   columns and styles the two cells that are specific to a workflow: the
   assigned numbers and the row actions. */

.wf-toolbar{padding:12px 24px 14px}
.wf-toolbar .ct-btn-ghost{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.wf-new{height:32px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}

.wf-table tbody td{vertical-align:middle}
.wf-table .ct-th-check{width:44px}
.wf-col-name{min-width:220px}
.wf-col-status{width:120px}
.wf-col-num{width:230px}
.wf-col-date{width:190px}
.wf-col-by{width:190px}
/* Sized to the two buttons plus the cell's own padding, so the column doesn't
   stretch and leave the actions floating away from the row. */
.wf-col-act{width:104px}

.wf-name{font-size:13px;font-weight:500;color:var(--text-primary)}
/* A draft has no number and no owner yet. An em dash says "nothing here" where
   a blank cell just looks like a rendering fault. */
.wf-empty{color:var(--text-tertiary,#98A2B3)}

/* Status — .ct-status carries the shape and type; only the dot colour differs
   per state, matching how Campaigns does it. */
.wf-st .ct-status-dot{width:7px;height:7px;border-radius:50%;flex:0 0 7px}
.wf-st-active .ct-status-dot{background:#12B76A}
.wf-st-default .ct-status-dot{background:var(--brand-blue,#004CE6)}
.wf-st-draft .ct-status-dot{background:#98A2B3}

/* Assigned numbers — the first with its flag, the rest as a +N chip. */
/* Flex lives on this wrapper, never on the td — a flex td drops out of the
   table's row-height calculation and stretches the rows (same trap
   .cmp-cell-row exists to avoid). It also centres the +N chip against the
   number instead of hanging it off the text baseline. */
.wf-num-row{display:flex;align-items:center;gap:8px;min-width:0}
.wf-num{display:inline-flex;align-items:center;font-size:13px;
  color:var(--text-primary);white-space:nowrap}
.wf-flag{width:20px;height:20px;margin-right:8px;flex:0 0 20px}
.wf-num-more{display:inline-flex;align-items:center;height:20px;padding:0 7px;
  border-radius:6px;background:#F2F4F7;color:#475467;
  font-size:11px;font-weight:600;cursor:default;flex:0 0 auto}

.wf-by-cell .st-name-cell{display:inline-flex;align-items:center;gap:8px;
  font-size:13px;color:var(--text-primary)}
.wf-by-cell .st-avatar{width:24px;height:24px;font-size:10px;margin-right:0;flex:0 0 24px}

/* Actions — the two icon buttons sit right-aligned as one group. */
.wf-actions{display:inline-flex;align-items:center;gap:2px}
.wf-act{width:30px;height:30px}
.wf-act-del:hover:not(:disabled){background:#FEF3F2;color:#D92D20}
/* The built-in workflow can't be deleted. Disabled rather than removed, so the
   column keeps one shape down the table. */
.wf-act:disabled{opacity:.35;cursor:not-allowed}
.wf-act:disabled:hover{background:transparent}

body.theme-dark .wf-num-more{background:#23262C;color:#9BA1AC}
body.theme-dark .wf-act-del:hover:not(:disabled){background:#3A1D1B;color:#F97066}