/* Stage checklists (assets/js/gateChecklist.js): task window, move popup, card count. */
.gcl-column + .gcl-column { margin-top: 1rem; }
.gcl-column-name { font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; opacity: .75; margin-bottom: .4rem; }
.gcl-item { border: 1px solid rgba(128, 128, 128, .3); border-left: 3px solid #d97706; border-radius: 6px; padding: .6rem .75rem; margin-bottom: .5rem; }
.gcl-item.is-done { border-left-color: #10b981; }
.gcl-item-head { display: flex; align-items: flex-start; gap: .5rem; flex-wrap: wrap; }
.gcl-tick { display: flex; align-items: flex-start; gap: .5rem; margin: 0; cursor: pointer; flex: 1 1 14rem; font-weight: 600; }
.gcl-tick .form-check-input { position: static; float: none; margin: .15rem 0 0 0; flex: none; width: 1.1rem; height: 1.1rem; cursor: pointer; }
.gcl-item.is-done .gcl-label { text-decoration: line-through; opacity: .7; }
.gcl-badges { display: flex; gap: .3rem; flex-wrap: wrap; }
.gcl-badge { font-size: .7rem; padding: .1rem .45rem; border-radius: 999px; border: 1px solid rgba(128, 128, 128, .45); white-space: nowrap; }
.gcl-badge-enforced { border-color: #d97706; color: #d97706; }
.gcl-guidance { font-size: .8rem; opacity: .8; margin: .25rem 0 0 1.6rem; }
.gcl-warning { font-size: .8rem; color: #d97706; margin: .25rem 0 0 1.6rem; }
.gcl-evidence { margin: .45rem 0 0 1.6rem; }
.gcl-note { resize: vertical; min-height: 2rem; }
.gcl-docs { display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; margin-top: .4rem; }
.gcl-doc { display: inline-flex; align-items: center; gap: .2rem; font-size: .8rem; padding: .1rem .2rem .1rem .5rem; border-radius: 4px; background: rgba(128, 128, 128, .15); max-width: 100%; }
.gcl-doc a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gcl-doc-remove { border: 0; background: none; color: inherit; opacity: .6; padding: 0 .3rem; line-height: 1; }
.gcl-doc-remove:hover { opacity: 1; }
.gcl-status { font-size: .75rem; opacity: .65; margin: .35rem 0 0 1.6rem; }
.gcl-override { margin-top: 1rem; padding-top: .75rem; border-top: 1px solid rgba(128, 128, 128, .3); }
.card-meta-item.gate-indicator { color: #d97706; }
.card-meta-item.gate-indicator.complete { color: #10b981; }
.gcl-confirm { border-top: 3px solid #dc3545; }
.gcl-confirm-list { margin: 0 0 .75rem; padding-left: 1.2rem; }
/* Configure Columns: one checklist item. */
.gate-row .gate-guidance-input { flex: 1 1 16rem; }