/* Three-type Document Workflow Dashboard. All selectors are page-scoped. */
.document-center-page{
  --workflow-navy:#132f5f;--workflow-gold:#d2a63a;--workflow-bg:#f7f3ea;
  --workflow-panel:#fff;--workflow-line:#e8dfd0;--workflow-text:#223247;
  --workflow-muted:#6b7483;--workflow-radius:18px;
  color:var(--hcf-text-meta);
  padding:4px;max-width:1240px;margin:0 auto;
}
.document-center-page *{box-sizing:border-box}
.document-center-page button{cursor:pointer}
.document-center-page .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.workflow-heading{padding:22px 24px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}
.workflow-heading h1{margin:2px 0 0;line-height:1.15}
.workflow-heading p{margin:7px 0 0;color:var(--hcf-text-meta);font-size:var(--hcf-text-table)}
.workflow-eyebrow{color:var(--hcf-text-meta);font-size:var(--hcf-text-caption);font-weight:var(--hcf-weight-label);letter-spacing:var(--hcf-tracking-caps);text-transform:uppercase}
.workflow-heading-mark{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;flex:none;margin-left:18px;background:linear-gradient(145deg,#f8e6ad,#d2a63a);color:var(--hcf-text-meta);font-size:var(--hcf-text-page-title);font-weight:var(--hcf-weight-bold);box-shadow:inset 0 0 0 1px rgba(19,47,95,.08)}

.workflow-feedback{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 16px;padding:12px 15px;border-radius:13px;font-size:var(--hcf-text-table);font-weight:var(--hcf-weight-bold)}
.workflow-feedback.success{background:#eaf7ef;color:var(--hcf-text-success)}.workflow-feedback.warning{background:#fff4dc;color:var(--hcf-text-warning)}.workflow-feedback.error{background:#fdeceb;color:var(--hcf-text-danger)}
.workflow-feedback button{border:0;background:none;color:inherit;font-size:var(--hcf-text-modal-title);line-height:1}

.workflow-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.workflow-type-card{min-width:0;padding:18px;text-align:left;color:inherit;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;transition:transform .15s ease}
.workflow-type-card:hover{transform:translateY(-2px)}
.workflow-type-card.active{outline:2px solid var(--workflow-gold);outline-offset:-1px}
.type-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:var(--hcf-weight-bold);color:var(--hcf-text-meta)}
.type-icon.predicate{background:#e8eef8}.type-icon.npp{background:#f8edcd}.type-icon.warrant{background:#ece8f6}
.type-copy{min-width:0;display:grid;gap:5px}.type-copy strong{color:var(--hcf-text-meta);font-size:var(--hcf-text-panel-title)}.type-copy small{color:var(--hcf-text-meta);font-size:var(--hcf-text-caption);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.type-count{font-size:var(--hcf-text-page-title);font-weight:var(--hcf-weight-bold);color:var(--hcf-text-meta);font-variant-numeric:tabular-nums}

.workflow-filters{padding:18px;margin-bottom:16px}
.filter-grid{display:grid;grid-template-columns:minmax(250px,2fr) minmax(150px,1fr) minmax(150px,1fr) minmax(180px,1fr) auto;gap:10px}
.filter-grid label{margin:0;position:relative}
.filter-grid input,.filter-grid select,.workflow-modal input,.workflow-modal select{width:100%}
.search-field .workflow-icon{position:absolute;width:18px;height:18px;left:13px;top:11px;fill:none;stroke:var(--workflow-muted);stroke-width:1.8}
.search-field input{padding-left:40px}
.workflow-button:disabled{opacity:.5;cursor:not-allowed}
.workflow-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}
.workflow-chip{padding:7px 12px;border:1px solid transparent;border-radius:999px;background:#eef2f7;color:var(--hcf-text-meta);font-size:var(--hcf-text-caption);font-weight:var(--hcf-weight-label)}
.workflow-chip:hover,.workflow-chip.active{background:#fff6dc;border-color:var(--workflow-gold)}

.workflow-table-panel{overflow:hidden;margin-bottom:16px}
.table-heading{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 4px}
.table-heading h2{margin:0}.table-heading p{margin:3px 0 0;color:var(--hcf-text-meta);font-size:var(--hcf-text-caption)}
.loading-pill{padding:5px 9px;border-radius:999px;background:#eef2f7;color:var(--hcf-text-meta);font-size:var(--hcf-text-caption);font-weight:var(--hcf-weight-label)}
.workflow-table-scroll{overflow:auto;padding:0 18px}
.workflow-table{width:100%;min-width:850px;border-collapse:separate;border-spacing:0 10px}
.workflow-table th{padding:0 13px;text-align:left}
.workflow-table th:first-child{width:42px}
.workflow-table td{padding:13px;background:#fcfbf8;border-top:1px solid #eee6d8;border-bottom:1px solid #eee6d8;vertical-align:middle}
.workflow-table td:first-child{border-left:1px solid #eee6d8;border-radius:12px 0 0 12px}.workflow-table td:last-child{border-right:1px solid #eee6d8;border-radius:0 12px 12px 0}
.workflow-table tr.selected td{background:#fffbef;border-color:#e7cf91}
.workflow-table td strong{display:block;color:var(--hcf-text-meta)}.workflow-table td small{display:block;color:var(--hcf-text-meta);margin-top:3px;max-width:230px}
.workflow-table input[type=checkbox]{width:17px;height:17px;accent-color:var(--workflow-navy)}
.workflow-type-label{display:inline-flex;padding:5px 8px;border-radius:8px;font-size:var(--hcf-text-caption);font-weight:var(--hcf-weight-label);color:var(--hcf-text-meta)}
.workflow-type-label.predicate{background:#e8eef8}.workflow-type-label.npp{background:#f8edcd}.workflow-type-label.warrant{background:#ece8f6}
.workflow-status{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:var(--hcf-text-caption);font-weight:var(--hcf-weight-label);white-space:nowrap}
.workflow-status.ready{background:#eaf7ef;color:var(--hcf-text-success)}.workflow-status.pending{background:#fff4dc;color:var(--hcf-text-warning)}.workflow-status.issue{background:#fdeceb;color:var(--hcf-text-danger)}
.blocking-note{font-size:var(--hcf-text-caption)!important;line-height:1.3}
.workflow-empty{padding:45px 18px;display:grid;justify-items:center;gap:5px;color:var(--hcf-text-meta)}.workflow-empty strong{color:var(--hcf-text-meta)}
.workflow-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px 18px;border-top:1px solid #f0e9dc}
.workflow-actions>div:first-child{display:flex;flex-direction:column;font-size:var(--hcf-text-small)}.workflow-actions>div:first-child span{color:var(--hcf-text-meta);font-size:var(--hcf-text-caption);margin-top:2px}
.action-buttons{display:flex;gap:10px;flex-wrap:wrap}

.workflow-modal-panel>header h2{margin:2px 0 0}
.workflow-modal-body{padding:19px;display:grid;gap:14px;min-height:0;overflow:auto}.workflow-modal-body label{display:grid;gap:6px}.workflow-modal-body p{margin:0;color:var(--hcf-text-meta);font-size:var(--hcf-text-column);line-height:1.5}
.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}

@media(max-width:1050px){.filter-grid{grid-template-columns:2fr 1fr 1fr}.filter-grid>.workflow-button{grid-column:3}.workflow-type-card{grid-template-columns:auto 1fr}.type-count{grid-column:2}}
@media(max-width:760px){.workflow-type-grid{grid-template-columns:1fr}.workflow-type-card{grid-template-columns:auto 1fr auto}.type-count{grid-column:auto}.filter-grid{grid-template-columns:1fr 1fr}.filter-grid>.workflow-button{grid-column:auto}.workflow-actions{align-items:stretch;flex-direction:column}.action-buttons{display:grid;grid-template-columns:1fr}.workflow-button{width:100%}}
@media(max-width:520px){.document-center-page{padding:0}.workflow-heading{padding:18px}.workflow-heading-mark{display:none}.filter-grid,.modal-grid{grid-template-columns:1fr}.workflow-type-card{grid-template-columns:auto 1fr}.type-count{grid-column:2}.workflow-chips{gap:6px}.workflow-table-scroll{padding:0 12px}}