.ws-workspace {
  --ws-ink:#14212c;
  --ws-muted:#475769;
  --ws-line:#c6ced5;
  --ws-aqua:#93efd9;
  max-width:1560px;
  margin:0 auto;
  color:var(--ws-ink);
}
.ws-heading,.ws-directory-tools,.ws-results-bar,.ws-results-bar nav,.ws-card-footer,.ws-stage-top,.ws-queue-panel header,.ws-queue-panel header a,.ws-card-footer a {
  display:flex;
  align-items:center;
  gap:12px;
}
.ws-heading,.ws-results-bar,.ws-queue-panel header,.ws-card-footer {justify-content:space-between}
.ws-heading {margin-bottom:20px}
.ws-heading h1 {font-size:clamp(31px,4vw,52px);font-weight:800;letter-spacing:-.053em;line-height:1.04;margin:0 0 5px}
.ws-heading p,.ws-person-grade {margin:0;color:var(--ws-muted);font-weight:650}
.ws-heading p {font-size:14px}
.ws-workspace a:focus-visible,.ws-workspace summary:focus-visible {outline:3px solid #3475cf;outline-offset:3px}
.ws-directory-tools {padding:12px;background:#fff;border:1px solid var(--ws-line);border-radius:12px;flex-wrap:wrap}
.ws-directory-tools label {display:flex;align-items:center;gap:8px;flex:1 1 170px;max-width:440px}
.ws-directory-tools label .icon {margin-left:5px;color:var(--ws-muted)}
.ws-directory-tools input,.ws-directory-tools select {border:1px solid #b7c3cc;background:white;color:var(--ws-ink);border-radius:7px;font:inherit;font-size:14px;padding:10px 12px;min-height:42px}
.ws-directory-tools input {width:100%;min-width:0}
.ws-directory-tools select {margin-left:auto}
.ws-results-bar {margin:15px 0;font-size:12px;color:var(--ws-muted);font-weight:650;gap:8px;flex-wrap:wrap}
.ws-results-bar nav {gap:8px}
.ws-directory-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:14px;align-items:start}
.ws-person-card {min-width:0;background:#fff;border:1px solid #b8c4ce;border-radius:13px;box-shadow:0 3px 9px #18273712;overflow:hidden}
.ws-person-head {display:grid;grid-template-columns:80px minmax(0,1fr);gap:13px;align-items:center;padding:12px;background:#1b2835;color:#fff}
.ws-cover {width:80px;height:86px;border:1px solid #73828e;border-radius:7px;overflow:hidden;display:block;background:#30404c}
.ws-cover img,.ws-cover .ws-image-empty {width:100%;height:100%;object-fit:cover;object-position:center 35%}
.ws-person-grade {color:#bad3db;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.ws-person-head h2 {font-size:clamp(16px,1.6vw,20px);letter-spacing:-.04em;line-height:1.17;overflow-wrap:anywhere;margin:4px 0 8px;color:#fff}
.ws-person-head h2 a {text-decoration:none}
.ws-person-head h2 a:hover,.ws-card-footer a:hover,.ws-queue-panel header a:hover {text-decoration:underline}
.ws-pill {font-size:11px;font-weight:750;line-height:1.3;padding:4px 8px;display:inline-flex;align-items:center;gap:5px;border-radius:5px;color:#18395d;background:#d9eafa}
.ws-pill i {width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto}
.ws-status-approved {color:#084735;background:#bbf3d8}
.ws-status-waiting,.ws-status-deferred {color:#694200;background:#ffe4a3}
.ws-status-syncing,.ws-status-empty {color:#553a76;background:#eedfff}
.ws-status-excluded {color:#7c2533;background:#fbdbe3}
.ws-person-metrics {display:flex;flex-wrap:wrap;gap:8px 13px;padding:12px;color:var(--ws-muted);font-size:12px}
.ws-person-metrics b {color:var(--ws-ink);font-size:15px;font-weight:800}
.ws-frames {border-top:1px solid #d4dce1;padding:0 12px}
.ws-frames summary {display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;min-height:44px;font-size:12px;font-weight:700;color:#154f76;list-style:none}
.ws-frames summary::-webkit-details-marker {display:none}
.ws-frames summary>span:last-child::after {content:' +';margin-left:3px}
.ws-frames[open] summary>span:last-child::after {content:' −'}
.ws-strip {display:flex;align-items:center}
.ws-strip img,.ws-strip .ws-image-empty {width:27px;height:31px;object-fit:cover;object-position:center 35%;border-radius:3px;border:1px solid white}
.ws-image-empty {background:#dde4ea;color:#3f5365;display:inline-flex;align-items:center;justify-content:center}
.ws-frame-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:7px;padding:4px 0 12px}
.ws-frame-grid>* {min-width:0;color:var(--ws-ink);text-decoration:none}
.ws-frame-grid img,.ws-frame-grid .ws-image-empty {width:100%;height:auto;aspect-ratio:3/4;border-radius:4px;object-fit:cover;object-position:center 35%}
.ws-frame-grid a>span,.ws-frame-grid div>span:not(.ws-image-empty) {display:block;font-size:10px;overflow-wrap:anywhere;font-weight:700}
.ws-frame-grid small {display:block;font-size:9px;color:var(--ws-muted);line-height:1.4}
.ws-card-footer {border-top:1px solid #d4dce1;background:#f1f5f7;padding:3px 12px;gap:5px}
.ws-card-footer small {font-size:11px;color:var(--ws-muted);overflow-wrap:anywhere}
.ws-card-footer a,.ws-queue-panel header a {color:#164f81;font-size:13px;font-weight:750;text-decoration:none;min-height:42px;gap:5px}
.ws-card-footer a .icon,.ws-queue-panel header a .icon {width:15px;height:15px}
.ws-progress {background:#172531;color:#f8fbff;border-radius:16px;overflow:hidden;display:grid;grid-template-columns:minmax(150px,.85fr) minmax(0,1fr);align-items:center;gap:clamp(22px,6vw,110px);padding:clamp(22px,3vw,42px);box-shadow:0 5px 17px #152b3920}
.ws-progress-main,.ws-continue {min-width:0}
.ws-kicker {font-size:13px;color:#bad6d7;font-weight:720}
.ws-progress-main p {margin:6px 0 14px;line-height:1;letter-spacing:-.065em}
.ws-progress-main p strong {font-size:clamp(40px,5vw,68px);font-weight:760;color:#fff}
.ws-progress-main p span {font-size:clamp(23px,2.5vw,36px);color:#bac9d4}
.ws-progress-main progress {width:100%;max-width:360px;height:7px;display:block;border:0;border-radius:9px;background:#425564;accent-color:var(--ws-aqua);overflow:hidden;appearance:none}
.ws-progress-main progress::-webkit-progress-bar {background:#425564}
.ws-progress-main progress::-webkit-progress-value {background:var(--ws-aqua);border-radius:9px}
.ws-progress-main progress::-moz-progress-bar {background:var(--ws-aqua);border-radius:9px}
.ws-continue {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px}
.ws-continue strong {display:block;font-size:clamp(19px,2vw,27px);letter-spacing:-.035em;line-height:1.15}
.ws-continue small {display:block;margin-top:5px;color:#d5e0e8;font-size:12px;overflow-wrap:anywhere}
.ws-continue .button {background:var(--ws-aqua);color:#13372c;border:1px solid var(--ws-aqua);font-weight:750;text-decoration:none}
.ws-continue .button:hover {background:#b7ffe5;color:#102b25}
.ws-workflow {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.ws-stage {display:block;position:relative;text-decoration:none;padding:16px 16px 18px;background:#fff;color:var(--ws-ink);border:1px solid #becad2;border-radius:12px}
.ws-stage:hover,.ws-queue:hover {border-color:#508199;background:#eef9f7}
.ws-stage-top {padding-right:15px;font-size:13px;font-weight:700;gap:8px}
.ws-stage-top .icon {color:#2c5869;width:17px;height:17px}
.ws-stage strong {display:block;font-size:clamp(27px,3vw,40px);font-weight:780;line-height:1;letter-spacing:-.045em;margin:16px 0 7px}
.ws-stage-note {display:block;font-size:12px;line-height:1.4;color:var(--ws-muted)}
.ws-stage-arrow {position:absolute;right:12px;top:12px;color:#4e6576}
.ws-queue-panel,.ws-empty {border:1px solid var(--ws-line);background:#fff;border-radius:12px;padding:15px 18px}
.ws-queue-panel header {margin:0 0 5px;flex-wrap:wrap}
.ws-queue-panel h2,.ws-empty h2 {font-size:19px;line-height:1.25;margin:0;font-weight:760;letter-spacing:-.035em}
.ws-queue {display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;border-top:1px solid #dce2e7;padding:10px 2px;text-decoration:none}
.ws-queue>b {font-size:17px;font-variant-numeric:tabular-nums;line-height:1.2}
.ws-empty {padding:28px 20px;display:grid;gap:12px;justify-items:start}
.ws-membership-tools {margin:12px 0 18px;background:#e6ecf0;border:1px solid #b9c7d1;border-radius:12px;padding:12px}
.ws-filter-chips {display:flex;gap:7px;flex-wrap:wrap}
.ws-filter-chips button,.ws-group-tabs button {border:1px solid #aab9c5;background:#fff;color:#253e50;border-radius:7px;padding:9px 11px;font:inherit;font-size:12px;font-weight:750;cursor:pointer;min-height:40px}
.ws-filter-chips button[aria-pressed=true],.ws-group-tabs button[aria-pressed=true] {background:#162e3c;border-color:#162e3c;color:#fff}
.ws-filter-chips b {display:inline-block;background:#dfeaf0;border-radius:4px;color:#203c4b;min-width:20px;padding:2px 4px;margin-left:3px}
.ws-filter-chips button[aria-pressed=true] b {background:#91f1d3;color:#10382d}
.ws-grade-controls {display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-top:12px}
.ws-grade-controls label {display:grid;gap:5px;color:#3a5060;font-size:11px;font-weight:750;flex:1 1 180px;max-width:320px;min-width:0}
.ws-grade-controls select,.ws-group-tools input {min-height:42px;width:100%;border:1px solid #adbdc8;border-radius:7px;padding:8px 11px;color:#1b3344;background:#fff;font:inherit;font-size:13px}
.ws-grade-controls>a {display:flex;align-items:center;gap:6px;margin-left:auto;font-size:12px;font-weight:750;color:#125877;min-height:42px;text-decoration:none}
.ws-membership-note {font-size:11px;line-height:1.4;margin:0 12px 9px;background:#fff2cd;color:#65440d;border-left:3px solid #c98b20;padding:7px 8px}
.ws-membership-link {display:flex;align-items:center;gap:6px;font-size:11px;font-weight:750;color:#165d7c;padding:0 12px 9px;text-decoration:none}
.ws-membership-link .icon {width:14px;height:14px}
.ws-grade-batch {margin:0 0 22px}
.ws-grade-batch>h2 {background:#263c4c;color:#fff;border-radius:9px;padding:12px 14px;font-size:17px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ws-grade-batch>h2 span {margin-left:auto;color:#c6dce7;font-size:12px;font-weight:600}
.ws-group-tools {display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px;background:#e6ecf0;border:1px solid #b9c7d1;border-radius:12px}
.ws-group-tabs {display:flex;gap:5px;flex:0 0 auto}
.ws-group-tabs button {padding:11px 20px;font-size:14px}
.ws-group-tools label {max-width:360px;flex:1;min-width:0}
.ws-group-tools .sr-only {position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.ws-group-explainer {font-size:12px;color:#40596b;line-height:1.55;margin:13px 2px 19px;max-width:850px}
.ws-family-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:14px;align-items:start}
.ws-group-card {border:1px solid #acbccc;border-top:4px solid #8865e7;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #18304414;background:white;min-width:0}
.ws-group-card>header {padding:13px 15px;background:#2c2544;color:white}
.ws-group-kicker {font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#c8bee7}
.ws-group-card h2 {font-size:21px;letter-spacing:-.04em;line-height:1.15;margin:6px 0}
.ws-group-card>header p {margin:0;color:#e3dbee;font-size:12px}
.ws-group-cover {background:#dce3e9;height:220px}
.ws-group-cover img,.ws-group-cover>.ws-image-empty {display:flex;width:100%;height:100%;object-fit:contain}
.ws-group-cover .ws-image-empty {flex-direction:column;gap:8px}
.ws-group-cover .ws-image-empty small {font-size:12px}
.ws-group-members {padding:5px 12px;max-height:235px;overflow:auto;overscroll-behavior:contain}
.ws-member {display:grid;grid-template-columns:minmax(0,1fr) 17px;gap:3px 8px;padding:9px 0;border-bottom:1px solid #e0e5eb;text-decoration:none;color:#1e3447}
.ws-member>span {font-size:12px;font-weight:800;overflow-wrap:anywhere}
.ws-member>small {font-size:10px;color:#526879;grid-column:1}
.ws-member>.icon {grid-row:1 / span 2;grid-column:2;width:16px;height:16px;align-self:center;color:#315d74}
.ws-member:hover>span {text-decoration:underline}
.ws-group-card>footer {padding:10px 12px;background:#f0edf7;color:#4b3f62;font-size:10px;line-height:1.45}
.ws-group-frames {padding:0 12px;border-top:1px solid #d3dce3}
.ws-group-frames>summary,.ws-grade-shared>summary {display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:800;min-height:44px;cursor:pointer;color:#26465d;list-style:none}
.ws-group-frames>summary::-webkit-details-marker,.ws-grade-shared>summary::-webkit-details-marker {display:none}
.ws-group-frames>summary span {font-size:20px}
.ws-group-frames[open]>summary span {transform:rotate(45deg)}
.ws-group-photo-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:7px;padding-bottom:10px}
.ws-group-photo-grid>* {min-width:0;text-decoration:none;color:#304a5e}
.ws-group-photo-grid img,.ws-group-photo-grid .ws-image-empty {display:flex;width:100%;height:90px;object-fit:contain;background:#e6ecf0;border-radius:4px}
.ws-group-photo-grid>a>span,.ws-group-photo-grid>div>span:last-child {display:block;font-size:10px;overflow-wrap:anywhere;padding-top:4px}
.ws-group-photo-grid .ws-image-empty small {font-size:9px}
.ws-group-pager {display:flex;align-items:center;justify-content:center;gap:9px;margin:18px 0;font-size:11px;color:#496071;flex-wrap:wrap}
.ws-grade-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,175px),1fr));gap:10px}
.ws-grade-tile {text-align:left;min-width:0;background:#fff;border:1px solid #aebfcb;border-radius:10px;padding:14px;cursor:pointer;font:inherit;color:#1b3448;box-shadow:0 2px 6px #16374b0b}
.ws-grade-tile>span {font-size:13px;font-weight:800;display:block}
.ws-grade-tile>strong {font-size:35px;letter-spacing:-.06em;line-height:1.2;display:block;margin:6px 0}
.ws-grade-tile>small {display:block;font-size:10px;line-height:1.4;color:#476073}
.ws-grade-tile.is-unassigned {border-left:4px solid #d09620;background:#fff8e9}
.ws-grade-tile.is-selected {background:#173143;color:#fff;border-color:#173143;box-shadow:0 0 0 2px #65c7b0}
.ws-grade-tile.is-selected small {color:#cfdee9}
.ws-grade-tile.is-selected strong {color:#91f1d3}
.ws-group-hint {padding:13px 16px;border:1px solid #b5c9d5;border-radius:9px;background:#eef5f9;color:#3c586a;font-size:12px;line-height:1.5;margin:15px 0}
.ws-grade-detail {margin-top:22px;border:1px solid #bac9d4;background:#fff;border-radius:12px;overflow:hidden}
.ws-grade-detail>header {padding:18px;background:#1b2e3f;color:white;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.ws-grade-detail>header h2 {font-size:27px;letter-spacing:-.05em;margin:5px 0}
.ws-grade-detail>header p {font-size:12px;color:#c2d8e6;margin:0}
.ws-grade-detail>header .ws-group-kicker {color:#96dfd1}
.ws-grade-detail>header .button {background:#e9f4f5;border-color:#e9f4f5;color:#173c49}
.ws-grade-detail>.ws-group-hint {margin:12px}
.ws-grade-members {padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:9px}
.ws-grade-person {display:grid;grid-template-columns:58px minmax(0,1fr) 16px;align-items:center;gap:11px;border:1px solid #bbc9d3;border-radius:8px;background:#f7f9fb;overflow:hidden;text-decoration:none;padding:7px;color:#1c3749;min-width:0}
.ws-grade-person>img,.ws-grade-person>.ws-image-empty {width:58px;height:70px;object-fit:cover;border-radius:4px}
.ws-grade-person b {display:block;font-size:13px;overflow-wrap:anywhere}
.ws-grade-person small {display:block;font-size:10px;line-height:1.45;color:#4e6576;margin:4px 0}
.ws-grade-person div>span {font-size:10px;color:#37536a;display:block;line-height:1.4}
.ws-grade-person .icon {width:16px;height:16px}
.ws-grade-person:hover {border-color:#306e91;background:#edf6fa}
.ws-grade-shared {border-top:1px solid #c6d1db;padding:4px 12px 12px}
.ws-grade-shared>summary {font-size:14px;min-height:52px}
.ws-grade-shared>summary b {border-radius:5px;background:#e6def5;color:#563d86;padding:4px 7px}
.ws-grade-shared>p {font-size:12px;color:#506578;line-height:1.5;margin:0 0 13px}
@media(max-width:980px) {
  .ws-workflow {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px) {
  .ws-group-tools {flex-wrap:wrap}
  .ws-group-tools label,.ws-group-tabs {width:100%;max-width:none;flex:1 1 100%}
  .ws-group-tabs button {flex:1}
  .ws-grade-controls label {max-width:none;flex:1 1 100%}
  .ws-grade-controls>a {margin-left:0}
  .ws-filter-chips button {flex:1 1 135px;min-height:44px;text-align:left}
  .ws-grade-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ws-grade-tile {padding:12px}
  .ws-grade-detail>header {padding:15px}
  .ws-group-cover {height:240px}
  .ws-directory-tools label,.ws-directory-tools select {width:100%;max-width:none}
  .ws-directory-grid {grid-template-columns:1fr}
  .ws-heading {align-items:flex-start;gap:8px}
  .ws-heading .button {font-size:12px}
  .ws-progress {grid-template-columns:1fr;gap:18px;padding:20px}
  .ws-progress-main progress {max-width:none}
  .ws-continue {border-top:1px solid #405363;padding-top:15px}
  .ws-continue .button {min-height:44px}
  .ws-workflow {gap:8px;margin:10px 0}
  .ws-stage {padding:12px}
  .ws-stage-arrow {display:none}
  .ws-stage-top {padding-right:0;font-size:12px}
  .ws-stage-top .icon {flex:0 0 auto}
  .ws-queue-panel {padding:10px 14px}
}