#personal-view-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 24px;border-bottom:1px solid var(--border,#d6e1de);background:#fff;font-size:13px}.personal-view-label{font-weight:700;margin-right:8px}.personal-view-label small{font-weight:400;color:#71827e;margin-left:8px}.view-save-state{color:#71827e;margin-left:auto}.view-active{background:#e7f3ef!important;color:#176b5b!important;border-color:#9bcbbd!important}.view-dialog{padding:0;border:1px solid #d1ded9;border-radius:18px;box-shadow:0 24px 80px #143e3433;width:min(950px,94vw);max-height:88vh;color:#20362f;background:white}.view-dialog::backdrop{background:#203c3666}.view-dialog header,.view-dialog footer{display:flex;align-items:center;gap:12px;padding:20px 24px}.view-dialog header{justify-content:space-between;border-bottom:1px solid #d8e1dd}.view-dialog h2{margin:4px 0;font-size:23px}.view-dialog small{color:#71827e}.view-dialog footer{border-top:1px solid #d8e1dd}.view-dialog footer>span{flex:1}.view-dialog-body{padding:22px 24px;overflow:auto;max-height:55vh}.view-dialog-body>p:first-child{margin-top:0;color:#667c73;font-size:14px;line-height:1.7}.view-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:16px 24px 0}.view-column-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.view-column-list label,.typed-choice-list label{display:flex;align-items:center;gap:12px;border:1px solid #e1e9e5;border-radius:8px;padding:12px}.view-column-list small{margin-left:auto}.view-rule{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1ef;margin-bottom:10px}.view-rule select,.view-rule input{min-width:100px;flex:1;width:auto;border:1px solid #c5d5cf;padding:10px;border-radius:8px;font:inherit;background:#fff}.view-rule [data-prop=color]{flex:0 1 90px}.view-rule [data-prop=target]{flex:1 1 140px}.view-rule [data-prop=value]{flex:1 1 170px}.view-dialog .field{display:flex;flex-direction:column;gap:8px}.view-dialog input:not([type=checkbox]),.view-dialog select,.view-dialog textarea{border:1px solid #c5d5cf;border-radius:8px;padding:10px;font:inherit;max-width:100%;box-sizing:border-box}.view-dialog input[type=checkbox]{width:18px;height:18px;accent-color:#166f5d}.view-group-row th{text-align:left;padding:10px 18px;background:#edf4f0!important;color:#295b4b;border-bottom:1px solid #d6e2da}.view-group-row small{margin-left:14px;color:#60796d;font-weight:400}.typed-config-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.typed-tag{display:inline-block;background:#e8f0ed;color:#275a4c;padding:3px 8px;border-radius:5px;margin:2px;overflow-wrap:anywhere;font-size:13px}.typed-value{white-space:pre-wrap;overflow-wrap:anywhere;max-height:120px;overflow:auto}.typed-cell-meta{color:#7e8d86;font-size:12px;padding-top:5px}.typed-edit{font-size:12px;padding:4px 0}.typed-error{color:#a1522c;font-size:13px}.typed-choice-list{border:0;padding:0;display:grid;gap:8px}.typed-choice-list legend{margin-bottom:10px;font-weight:600}.typed-value-dialog{width:min(660px,94vw)}
.view-fill-yellow{--view-fill:#fff5d7}.view-fill-green{--view-fill:#e6f4e9}.view-fill-blue{--view-fill:#e9f2fd}.view-fill-purple{--view-fill:#f0eafb}.view-fill-red{--view-fill:#fbeaea}.view-fill-gray{--view-fill:#eef0f0}#grid-body tr[class*="view-fill-"]>td,#grid-body td[class*="view-fill-"]{background:var(--view-fill)}#grid-body tr.row-selected>td{box-shadow:inset 0 2px #bad9ce,inset 0 -2px #bad9ce}#grid-body td.cell-selected{outline:2px solid #6672b4;outline-offset:-2px}.view-dialog [hidden],#typed-column-settings [hidden],#drawer-body [hidden],#drawer-footer [hidden]{display:none!important}@media(max-width:700px){.view-column-list,.typed-config-row{grid-template-columns:1fr}.view-dialog header,.view-dialog footer,.view-dialog-body{padding:16px}.view-rule{display:grid;grid-template-columns:1fr 1fr}.view-rule input{grid-column:1/-1}.view-save-state{display:none}#personal-view-toolbar{padding:10px 16px}.view-dialog footer{flex-wrap:wrap}}

/* Grid siblings must not inherit the unequal last-field bottom margin. */
#typed-column-settings .typed-config-row { align-items:start; margin-bottom:13px; }
#typed-column-settings .typed-config-row > .field { margin-bottom:0; min-width:0; align-content:start; }
#typed-column-settings .typed-config-row:has(> .field[hidden]) { grid-template-columns:minmax(0,1fr); }

/* Use the workbench's available width, including when a drawer is open. */
#workbench-header { container-type: inline-size; }
#workbench-header .toolbar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: "primary view secondary";
  gap: 12px 20px;
  align-items: center;
}
#workbench-header .toolbar-primary { grid-area: primary; flex-wrap: wrap; }
#workbench-header .toolbar-secondary { grid-area: secondary; justify-self: end; }
#personal-view-toolbar {
  grid-area: view; min-width: 0; padding: 0 16px;
  border: 0; border-left: 1px solid var(--line); gap: 8px 12px;
}
.personal-view-label { margin: 0; white-space: nowrap; }
.personal-view-tools, .personal-view-actions { display: flex; align-items: center; gap: 8px; }
.personal-view-tools { flex-wrap: wrap; }
.personal-view-actions { margin-left: auto; white-space: nowrap; }
.personal-view-actions .view-save-state { margin-left: 0; font-size: 12px; }
#personal-view-toolbar .typed-error { flex-basis: 100%; margin: 0; }
@container (max-width: 1180px) {
  #workbench-header .toolbar {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "primary secondary" "view view";
  }
  #personal-view-toolbar { border-left: 0; padding: 0; }
}
@container (max-width: 600px) {
  #workbench-header .toolbar {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "primary" "view" "secondary";
    padding: 10px 16px; gap: 10px;
  }
  .personal-view-tools { gap: 6px; }
  .personal-view-actions { margin-left: 0; }
}

/* Row density bounds previews, rather than asking a content-sized table to shrink. */
.row-height-control { display:flex; align-items:center; gap:6px; white-space:nowrap; font-size:12px; color:var(--ink-soft); }
.row-height-control select { font:inherit; color:var(--ink); padding:7px 24px 7px 9px; border:1px solid var(--line); border-radius:8px; background:#fff; }
#data-grid { --view-row-height:96px; --view-preview-height:80px; --view-lines:3; }
#data-grid[data-row-height="compact"] { --view-row-height:64px; --view-preview-height:48px; --view-lines:1; }
#data-grid[data-row-height="comfortable"] { --view-row-height:144px; --view-preview-height:128px; --view-lines:6; }
#data-grid #grid-body tr[data-record-id]>td { height:var(--view-row-height); padding:7px 10px!important; box-sizing:border-box; }
#data-grid #grid-body .screening-preview,
#data-grid #grid-body .extract-cell,
#data-grid #grid-body .typed-preview { height:var(--view-preview-height); min-height:0; display:flex; flex-direction:column; justify-content:center; overflow:hidden; }
#data-grid #grid-body .extract-cell { overflow:visible; }
#data-grid #grid-body .cell-value { min-height:16px; max-height:calc(var(--view-lines) * 16px); line-height:16px; -webkit-line-clamp:var(--view-lines); flex:1 1 auto; }
#data-grid #grid-body .cell-status-row { flex:0 0 17px; margin-top:2px; }
#data-grid #grid-body .cell-history-label,
#data-grid #grid-body .cell-new-candidates { flex:0 0 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:13px; margin:0; }
#data-grid[data-row-height="compact"] #grid-body .cell-history-label { display:none; }
#data-grid #grid-body .screening-badge { flex:0 0 auto; align-self:flex-start; padding:3px 7px; line-height:18px; }
#data-grid #grid-body .screening-reason { flex:0 1 auto; min-height:0; margin-top:3px; line-height:17px; -webkit-line-clamp:var(--view-lines); }
#data-grid #grid-body .screening-cell small { flex:0 0 auto; line-height:14px; margin-top:3px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#data-grid[data-row-height="compact"] #grid-body .screening-cell small { display:none; }
#data-grid #grid-body .typed-value { flex:1 1 auto; min-height:16px; max-height:none; line-height:18px; overflow:auto; }
#data-grid #grid-body .typed-cell-meta { flex:0 0 auto; line-height:14px; padding-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#data-grid #grid-body .typed-cell-meta:empty { display:none; }
#data-grid #grid-body .typed-edit { flex:0 0 auto; padding:2px 0; line-height:16px; align-self:flex-start; }
#data-grid #grid-body .file-cell,
#data-grid #grid-body .attachment-cell { min-height:0; max-height:var(--view-preview-height); overflow:hidden; }
#data-grid #grid-body .file-upload-action { height:var(--view-preview-height); min-height:0; padding:0; }
#data-grid #grid-body .file-name-link,
#data-grid #grid-body .file-name { -webkit-line-clamp:var(--view-lines); }
#workbench-filter-summary { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; }
#workbench-filter-summary[hidden] { display:none; }
.view-filter-chip { border:1px solid #c6ddd4; border-radius:6px; padding:4px 8px; color:var(--teal); background:#eef7f3; font:inherit; max-width:100%; overflow-wrap:anywhere; cursor:pointer; }