.pending-page { max-width: 96rem; margin: 0 auto; padding: var(--ft-space-10); }
.pending-header { display: flex; align-items: end; justify-content: space-between; gap: var(--ft-space-8); margin-bottom: var(--ft-space-8); }
.pending-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: var(--ft-space-4); margin-bottom: var(--ft-space-7); }
.pending-summary > div { position: relative; display: grid; min-height: 6.5rem; align-content: center; padding: var(--ft-space-4) var(--ft-space-5); border: 1px solid var(--ft-border); border-radius: var(--ft-radius-md); background: var(--ft-surface); overflow: hidden; }
.pending-summary > div::before { position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--ft-gold-500); content: ""; }
.pending-summary > .pending-summary-alert::before { background: var(--ft-warning-600); }
.pending-summary span,.pending-summary small { color: var(--ft-text-muted); font-size: var(--ft-font-xs); }
.pending-summary strong { color: var(--ft-brown-900); font-size: var(--ft-font-xl); font-weight: 650; line-height: 1.1; }

.pending-toolbar { display: flex; align-items: center; gap: var(--ft-space-3); margin-bottom: var(--ft-space-7); padding: var(--ft-space-3); border: 1px solid var(--ft-border); border-radius: var(--ft-radius-md); background: var(--ft-surface); box-shadow: var(--ft-shadow-soft); }
.pending-search { display: flex; flex: 1 1 22rem; align-items: center; gap: var(--ft-space-2); min-width: 14rem; padding: 0 var(--ft-space-3); border: 1px solid var(--ft-border); border-radius: var(--ft-radius-sm); background: var(--ft-surface-soft); color: var(--ft-text-muted); }
.pending-search:focus-within { border-color: var(--ft-gold-500); box-shadow: 0 0 0 3px rgba(197,154,74,.13); }
.pending-search input { width: 100%; height: 2.6rem; border: 0; outline: 0; background: transparent; color: var(--ft-brown-900); }
.pending-filter-group { display: flex; gap: .25rem; padding: .2rem; border-radius: var(--ft-radius-sm); background: var(--ft-surface-soft); }
.pending-filter-group button { display: inline-flex; align-items: center; gap: .4rem; min-height: 2.35rem; padding: 0 .8rem; border: 0; border-radius: .45rem; background: transparent; color: var(--ft-text-secondary); font-size: var(--ft-font-xs); font-weight: 650; cursor: pointer; }
.pending-filter-group button b { display: grid; min-width: 1.25rem; height: 1.25rem; place-items: center; border-radius: 999px; background: var(--ft-surface); font-size: .68rem; }
.pending-filter-group button.is-active { background: var(--ft-brown-800); color: #fff; }
.pending-order { display: flex; align-items: center; gap: var(--ft-space-2); color: var(--ft-text-muted); font-size: var(--ft-font-xs); }
.pending-order select { min-height: 2.4rem; padding: 0 2rem 0 .7rem; border: 1px solid var(--ft-border); border-radius: var(--ft-radius-sm); background: var(--ft-surface); color: var(--ft-brown-900); }

.pending-board { display: grid; gap: var(--ft-space-8); }
.pending-group { --group-color: var(--ft-green-600); }
.pending-group-danger { --group-color: var(--ft-red-600); }
.pending-group-heading { display: grid; width: 100%; grid-template-columns: auto auto auto 1fr; align-items: center; gap: var(--ft-space-2); margin-bottom: var(--ft-space-2); padding: .25rem .2rem; border: 0; background: transparent; color: var(--group-color); text-align: left; cursor: pointer; }
.pending-group-heading strong { font-size: var(--ft-font-lg); }
.pending-group-heading b { display: grid; min-width: 1.6rem; height: 1.6rem; place-items: center; border-radius: 999px; background: color-mix(in srgb,var(--group-color) 12%,white); font-size: var(--ft-font-xs); }
.pending-group-heading small { color: var(--ft-text-muted); }
.pending-chevron { font-size: 1.25rem; transition: transform .18s ease; }
.pending-group.is-collapsed .pending-chevron { transform: rotate(-90deg); }
.pending-group.is-collapsed .pending-table-wrap { display: none; }
.pending-table-wrap { border: 1px solid var(--ft-border); border-left: 5px solid var(--group-color); border-radius: var(--ft-radius-md); background: var(--ft-surface); box-shadow: var(--ft-shadow-soft); overflow: hidden; }
.pending-table-header,.pending-row { display: grid; grid-template-columns: minmax(19rem,2.1fr) minmax(12rem,1.1fr) minmax(8rem,.8fr) minmax(10rem,1fr) minmax(8rem,.7fr) 7.5rem; align-items: stretch; }
.pending-table-header { min-height: 2.75rem; border-bottom: 1px solid var(--ft-border); background: var(--ft-surface-soft); color: var(--ft-text-muted); font-size: var(--ft-font-xs); font-weight: 650; }
.pending-table-header span { display: flex; align-items: center; padding: 0 var(--ft-space-4); border-right: 1px solid var(--ft-border); }
.pending-row { min-height: 5.4rem; border-bottom: 1px solid var(--ft-border); transition: background .15s ease,box-shadow .15s ease; }
.pending-row:last-child { border-bottom: 0; }
.pending-row:hover { position: relative; z-index: 1; background: color-mix(in srgb,var(--ft-gold-100) 35%,white); box-shadow: inset 3px 0 var(--ft-gold-500); }
.pending-row > div { display: flex; align-items: center; min-width: 0; padding: var(--ft-space-3) var(--ft-space-4); border-right: 1px solid var(--ft-border); }
.pending-row > div:last-child { border-right: 0; }
.pending-task-cell { gap: var(--ft-space-3); }
.pending-task-avatar,.pending-person-icon { display: grid; flex: 0 0 auto; width: 2.35rem; height: 2.35rem; place-items: center; border-radius: .65rem; background: linear-gradient(145deg,var(--ft-brown-700),var(--ft-brown-900)); color: var(--ft-gold-500); font-size: .72rem; font-weight: 750; }
.pending-task-cell > div,.pending-responsibility > div { min-width: 0; }
.pending-form { display: block; color: var(--ft-text-muted); font-size: .68rem; font-weight: 650; text-transform: uppercase; letter-spacing: .04em; }
.pending-task-cell h2 { margin: .12rem 0; overflow: hidden; color: var(--ft-brown-900); font-size: var(--ft-font-sm); font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.pending-task-cell p { margin: 0; overflow: hidden; color: var(--ft-text-secondary); font-size: var(--ft-font-xs); text-overflow: ellipsis; white-space: nowrap; }
.pending-task-cell .pending-step-description { color: var(--ft-text-secondary); }
.pending-submission-title { display: block; margin-top: .1rem; overflow: hidden; color: var(--ft-text-muted); font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }
.pending-responsibility { gap: var(--ft-space-2); }
.pending-person-icon { width: 2rem; height: 2rem; border-radius: 50%; background: var(--ft-gold-100); color: var(--ft-brown-800); }
.pending-responsibility small,.pending-assigned small { display: block; color: var(--ft-text-muted); font-size: .68rem; }
.pending-responsibility strong,.pending-assigned strong { display: block; overflow: hidden; color: var(--ft-text-secondary); font-size: var(--ft-font-xs); font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.pending-state { display: grid; width: 100%; min-height: 2rem; place-items: center; padding: .25rem .5rem; border-radius: .4rem; font-size: var(--ft-font-xs); font-weight: 700; }
.pending-state-success { background: var(--ft-green-100); color: var(--ft-green-600); }
.pending-state-warning { background: var(--ft-gold-100); color: var(--ft-warning-600); }
.pending-state-danger { background: var(--ft-red-100); color: var(--ft-red-600); }
.pending-due { display: grid; gap: .08rem; }
.pending-due strong { font-size: var(--ft-font-xs); }
.pending-due span { font-size: var(--ft-font-xs); font-weight: 700; }
.pending-due small { color: var(--ft-text-muted); font-size: .68rem; }
.pending-due-success { color: var(--ft-green-600); }.pending-due-warning { color: var(--ft-warning-600); }.pending-due-danger { color: var(--ft-red-600); }
.pending-no-due { color: var(--ft-text-muted); font-size: var(--ft-font-xs); }
.pending-assigned { display: grid !important; align-content: center; }
.pending-row-action { justify-content: center; }
.pending-row-action .ui-button { min-height: 2.35rem; padding: 0 .8rem; white-space: nowrap; }
.pending-no-results { display: grid; place-items: center; gap: .25rem; min-height: 12rem; margin-top: var(--ft-space-5); border: 1px dashed var(--ft-border); border-radius: var(--ft-radius-md); color: var(--ft-text-muted); }
.pending-no-results strong { color: var(--ft-brown-900); }
.pending-row[hidden],.pending-group[hidden],.pending-no-results[hidden] { display: none !important; }

@media (max-width:1200px) {
  .pending-table-wrap { overflow-x: auto; }
  .pending-table-header,.pending-row { min-width: 67rem; }
}
@media (max-width:991.98px) {
  .pending-page { padding: var(--ft-space-8) var(--ft-space-6); }
  .pending-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pending-toolbar { flex-wrap: wrap; }
  .pending-search { flex-basis: 100%; }
}
@media (max-width:767.98px) {
  .pending-page { padding: var(--ft-space-5) var(--ft-space-4) var(--ft-space-8); }
  .pending-header { align-items: start; flex-direction: column; gap: var(--ft-space-5); }
  .pending-summary { grid-template-columns: 1fr 1fr; gap: var(--ft-space-2); }
  .pending-summary > div { min-height: 5.6rem; padding: var(--ft-space-3) var(--ft-space-4); }
  .pending-filter-group { width: 100%; overflow-x: auto; }
  .pending-filter-group button { flex: 1 0 auto; justify-content: center; }
  .pending-order { width: 100%; justify-content: space-between; }
  .pending-table-header { display: none; }
  .pending-table-wrap { border-left-width: 4px; overflow: visible; }
  .pending-row { display: grid; min-width: 0; grid-template-columns: 1fr 1fr; padding: var(--ft-space-4); gap: var(--ft-space-3); }
  .pending-row > div { padding: 0; border: 0; }
  .pending-task-cell { grid-column: 1/-1; }
  .pending-responsibility { grid-column: 1/-1; padding-bottom: var(--ft-space-3) !important; border-bottom: 1px solid var(--ft-border) !important; }
  .pending-row-action { grid-column: 1/-1; }
  .pending-row-action .ui-button { width: 100%; }
  .pending-group-heading { grid-template-columns: auto auto auto; }
  .pending-group-heading small { display: none; }
}