/* Skills Shop Portal Project Workspace Styles
   Split from 00-v4-app-shell.css in v4.3.21. */

/* v4.2.0 Project Flow Pass
   Tighten sidebar width and merge duplicated task rows into the project flow. */
@media (min-width:721px){
  .ssp-root--v4-app{
    --ssp-v415-sidebar:270px;
    --ssp-v416-sidebar:270px;
    --ssp-v417-sidebar:270px;
    --ssp-v418-sidebar:270px;
    --ssp-v420-sidebar:270px;
  }
  .ssp-root--workspace-first .ssp-shell-grid,
  .ssp-root--v4-app .ssp-shell-grid,
  .ssp-shell-grid--workspace-first{
    grid-template-columns:var(--ssp-v420-sidebar) minmax(0,1fr);
  }
  .ssp-root--workspace-first .ssp-sidebar,
  .ssp-root--v4-app .ssp-sidebar{
    width:var(--ssp-v420-sidebar);
    min-width:var(--ssp-v420-sidebar);
  }
  .ssp-root--v4-app.ssp-project-workspace-open .ssp-modal-overlay--workspace:has(.ssp-project-pane--v41){
    left:var(--ssp-v420-sidebar);
  }
}
@media (min-width:1101px){
  .ssp-root--v4-app{
    --ssp-v415-sidebar:292px;
    --ssp-v416-sidebar:292px;
    --ssp-v417-sidebar:292px;
    --ssp-v418-sidebar:292px;
    --ssp-v420-sidebar:292px;
  }
}
.ssp-root--v4-app .ssp-project-pane--v41 .ssp-v41-title-block--no-avatar{gap:0;align-items:flex-start}
.ssp-root--v4-app .ssp-project-pane--v41 .ssp-v41-project-flow-card{min-height:0}
.ssp-root--v4-app .ssp-project-pane--v41 .ssp-v41-flow-actions{margin:8px 0 16px}
.ssp-root--v4-app .ssp-project-pane--v41 .ssp-v41-flow-list{display:grid;gap:8px}
.ssp-root--v4-app .ssp-project-pane--v41 .ssp-v41-flow-row{
  appearance:none;
  width:100%;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:48px;
  border:1px solid rgba(10,38,64,.08);
  border-radius:13px;
  background:#fff;
  color:var(--ssp-v41-ink);
  padding:8px 10px;
  text-align:left;
  box-shadow:none;
  cursor:pointer;
}
.ssp-root--v4-app .ssp-project-pane--v41 .ssp-v41-flow-row:hover{border-color:rgba(12,198,222,.28);background:#fbfdfe}
.ssp-root--v4-app .ssp-project-pane--v41 .ssp-v41-flow-row__icon{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#f1f8fb;
  color:var(--ssp-v41-brand);
}
.ssp-root--v4-app .ssp-project-pane--v41 .ssp-v41-flow-row__icon svg{width:16px;height:16px}
.ssp-root--v4-app .ssp-project-pane--v41 .ssp-v41-flow-row__main{min-width:0}
.ssp-root--v4-app .ssp-project-pane--v41 .ssp-v41-flow-row__main strong{
  display:block;
  color:var(--ssp-v41-ink);
  font-size:13px;
  line-height:1.25;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ssp-root--v4-app .ssp-project-pane--v41 .ssp-v41-flow-row__main small{
  display:block;
  margin-top:2px;
  color:var(--ssp-v41-muted);
  font-size:11px;
  font-weight:700;
}
.ssp-root--v4-app .ssp-project-pane--v41 .ssp-v41-flow-row em{
  color:#c02020;
  font-style:normal;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
@media (min-width:1025px){
  .ssp-root--v4-app .ssp-project-pane--v41 .ssp-v41-docs-card{grid-column:1 / span 2}
  .ssp-root--v4-app .ssp-project-pane--v41 .ssp-v41-details-card,
  .ssp-root--v4-app .ssp-project-pane--v41 .ssp-v41-timeline-card,
  .ssp-root--v4-app .ssp-project-pane--v41 .ssp-v41-activity-card,
  .ssp-root--v4-app .ssp-project-pane--v41 .ssp-v41-docs-card{min-width:0}
}

/* v4.2.1 Project pane mockup rebuild */
.ssp-root--v4-app .ssp-project-pane--v42{display:grid;gap:18px;max-width:100%;padding:28px;color:var(--ssp-v41-ink)}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-topbar{margin:0;display:flex;align-items:center;justify-content:space-between;gap:20px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-head{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-title-area h2{margin:0;font-size:clamp(26px,2.35vw,38px);line-height:1.06;letter-spacing:-.045em;font-weight:900;color:var(--ssp-v41-ink)}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:14px;color:var(--ssp-v41-muted);font-size:14px;font-weight:750}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-meta strong{color:var(--ssp-v41-ink);font-weight:850}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ssp-v41-line);background:#fff;border-radius:18px;box-shadow:0 14px 34px rgba(7,26,47,.05);overflow:hidden}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card div{padding:20px 22px;border-right:1px solid var(--ssp-v41-line)}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card div:last-child{border-right:0}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card span{display:block;color:var(--ssp-v41-muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card strong{display:block;font-size:28px;line-height:1;color:var(--ssp-v41-ink);font-weight:900;letter-spacing:-.035em}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card small{display:block;margin-top:10px;color:var(--ssp-v41-muted);font-weight:750}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-next-action{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:18px;align-items:center;border:1px solid rgba(245,141,20,.26);border-radius:18px;background:linear-gradient(90deg,rgba(255,247,237,.9),rgba(255,255,255,.96));box-shadow:0 14px 34px rgba(7,26,47,.04);padding:18px 20px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-next-icon{width:58px;height:58px;border:1px solid rgba(245,141,20,.25);border-radius:16px;background:#fff;display:grid;place-items:center;color:#e17a00}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-next-icon svg{width:25px;height:25px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-next-action h3{margin:4px 0 6px;font-size:20px;line-height:1.2;color:var(--ssp-v41-ink);font-weight:900;letter-spacing:-.02em}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-next-action span{color:var(--ssp-v41-muted);font-size:13px;font-weight:800}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-tabs{border:0;border-bottom:1px solid var(--ssp-v41-line);border-radius:0;background:transparent;box-shadow:none;gap:18px;overflow:visible}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-tabs button{min-height:46px;padding:0 0;border-bottom-width:2px;color:#53677c;background:transparent}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-tabs button.is-active{color:#0b5fd3;border-bottom-color:#0b6ee8;background:transparent}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-workspace{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:22px;align-items:start}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-panel{border:1px solid var(--ssp-v41-line);background:#fff;border-radius:18px;box-shadow:0 14px 34px rgba(7,26,47,.05);padding:20px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-panel-head h3{margin:4px 0 0;font-size:18px;font-weight:900;color:var(--ssp-v41-ink);letter-spacing:-.015em}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-flow-grid{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid rgba(10,38,64,.08);border-radius:16px;overflow:hidden}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-column{border-right:1px solid rgba(10,38,64,.08);background:#fbfcfe;padding:16px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-action-column{padding:16px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-column>p,.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-action-column>p{margin:0 0 14px;color:var(--ssp-v41-muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v41-stage-rail{margin:0;gap:0}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v41-stage{min-height:62px;border-left:2px solid #dce6ee;padding-left:0}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v41-stage.is-active{border-left-color:#0b6ee8;background:#fff}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v41-flow-list{display:grid;gap:0;margin-bottom:8px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v41-flow-row{border:0;border-bottom:1px solid rgba(10,38,64,.08);border-radius:0;background:#fff;box-shadow:none;min-height:54px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-cockpit-milestones-inline{margin-top:10px;border:0;padding:0;background:transparent;box-shadow:none}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-milestone-list--jobs{gap:0}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-milestone{background:#fff;border-bottom:1px solid rgba(10,38,64,.08);border-radius:0;padding:10px 0}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-activity-actions{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(10,38,64,.08);border-radius:14px;overflow:hidden;margin-bottom:14px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-activity-action{min-height:66px;border:0;border-right:1px solid rgba(10,38,64,.08);background:#fff;color:var(--ssp-v41-brand);display:grid;place-items:center;gap:5px;font-weight:850;font-size:12px;box-shadow:none}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-activity-action:last-child{border-right:0}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-activity-action svg{width:18px;height:18px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-activity-panel .ssp-activity-composer{margin-bottom:16px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-hidden-control{display:none}
@media (max-width:1200px){.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-head,.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-workspace{grid-template-columns:1fr}.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card{max-width:460px}.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-flow-grid{grid-template-columns:1fr}.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-column{border-right:0;border-bottom:1px solid rgba(10,38,64,.08)}}

/* v4.2.2 Right rail intelligence pass */
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-workspace-main{display:grid;gap:18px;align-content:start}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-workspace-side{min-width:0}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-workspace .ssp-v42-next-action{margin:0}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-activity-panel{overflow:hidden;padding:18px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-activity-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgba(10,38,64,.08);border-radius:16px;overflow:hidden;margin-bottom:14px;background:#fff}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-activity-action{min-width:0;min-height:62px;padding:10px 6px;border:0;border-right:1px solid rgba(10,38,64,.08);background:#fff;color:var(--ssp-v41-brand);display:grid;place-items:center;gap:6px;font-weight:850;font-size:11.5px;line-height:1.1;box-shadow:none;cursor:pointer}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-activity-action:last-child{border-right:0}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-activity-action svg{width:19px;height:19px;display:block}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-activity-action span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-activity-action:hover,
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-activity-action.is-active{background:#f5fbfd;color:var(--ssp-v41-brand)}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-rail-stack{margin-bottom:16px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-rail-workspace[hidden]{display:none}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-rail-workspace .ssp-activity-composer{margin:0}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-rail-empty,
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-rail-subhead,
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-commercial-card{border:1px solid rgba(10,38,64,.08);border-radius:16px;background:#fbfcfe;padding:14px;margin-bottom:12px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-rail-empty{display:grid;gap:10px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-rail-empty strong,
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-rail-subhead strong{display:block;color:var(--ssp-v41-ink);font-size:14px;font-weight:900}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-rail-empty span,
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-rail-subhead span{display:block;margin-top:4px;color:var(--ssp-v41-muted);font-size:12.5px;line-height:1.35;font-weight:650}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-commercial-card{display:grid;gap:12px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-commercial-card h3{margin:0;font-size:18px;color:var(--ssp-v41-ink);font-weight:900;letter-spacing:-.02em}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-commercial-card div{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(10,38,64,.07);padding-top:10px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-commercial-card span{color:var(--ssp-v41-muted);font-size:12px;font-weight:800}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-commercial-card strong{color:var(--ssp-v41-ink);font-size:13px;font-weight:900;text-align:right}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-activity-type-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-activity-type{min-width:0;width:100%;height:34px;padding:0;display:grid;place-items:center}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-activity-type svg{width:16px;height:16px}
@media (max-width:1380px){.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-workspace{grid-template-columns:minmax(0,1fr) 390px}.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-activity-action{font-size:11px;padding-inline:4px}.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-next-action{grid-template-columns:50px minmax(0,1fr) auto}.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-next-icon{width:50px;height:50px}}

/* v4.2.3 Right rail workspace polish */
.ssp-root--v4-app .ssp-project-pane--v42{gap:14px;padding-top:22px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-topbar{min-height:22px;margin-bottom:-2px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-head{grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-title-area h2{font-size:clamp(25px,2.05vw,34px)}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-meta{margin-top:10px;gap:14px;font-size:13px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card{border-radius:15px;box-shadow:0 10px 26px rgba(7,26,47,.04)}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card div{padding:14px 16px;min-height:74px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card span{font-size:10.5px;margin-bottom:8px;letter-spacing:.08em}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card strong{font-size:24px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card small{margin-top:7px;font-size:11px;line-height:1.2}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-tabs button{min-height:38px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-workspace{grid-template-columns:minmax(0,1fr) 400px;gap:18px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-activity-panel{padding:16px;overflow:visible}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-panel-head{margin-bottom:14px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-activity-actions{border-radius:14px;margin-bottom:12px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-activity-action{min-height:52px;padding:8px 6px;font-size:11px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-activity-action:hover,
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-activity-action.is-active{background:#fff;box-shadow:inset 0 -2px 0 var(--ssp-v41-action);color:var(--ssp-v41-brand)}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-rail-stack{margin-bottom:12px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-rail-workspace .ssp-activity-composer{border:1px solid rgba(10,38,64,.08);border-radius:16px;background:#fff;padding:10px;box-shadow:none;margin:0 0 12px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-activity-type-row--comms{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-activity-type-row--note{display:none}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-activity-type-row--comms .ssp-activity-type{height:40px;border:1px solid rgba(10,38,64,.08);border-radius:11px;background:#fff;color:var(--ssp-v41-brand);display:grid;grid-template-columns:1fr;place-items:center;box-shadow:none;padding:0}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-activity-type-row--comms .ssp-activity-type span{display:none}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-activity-type-row--comms .ssp-activity-type:hover,
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-activity-type-row--comms .ssp-activity-type.is-active{border-color:rgba(12,198,222,.55);background:#fff;box-shadow:inset 0 -2px 0 var(--ssp-v41-action)}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-activity-composer__body[hidden]{display:none}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-activity-composer--channel-waiting{padding:10px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-activity-composer--channel-waiting .ssp-activity-source-toggle,
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-activity-composer--channel-waiting textarea,
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-activity-composer--channel-waiting .ssp-activity-composer__foot{display:none}
@media (max-width:1380px){.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-workspace{grid-template-columns:minmax(0,1fr) 370px}.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-head{grid-template-columns:minmax(0,1fr) 300px}}
@media (max-width:1200px){.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-head,.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-workspace{grid-template-columns:1fr}.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card{max-width:420px}}

/* v4.2.4 Project header and smart next action pass */
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-head{
  align-items:start;
  margin-top:-2px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card{
  align-self:start;
  justify-self:end;
  max-width:340px;
  min-width:300px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card div{
  min-height:58px;
  padding:11px 14px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card span{
  margin-bottom:5px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card strong{
  font-size:22px;
  line-height:1;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card small{
  margin-top:5px;
  font-size:10.5px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-inline-meta{
  appearance:none;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  font-weight:700;
  padding:0;
  margin:0;
  cursor:pointer;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-inline-meta:hover strong{
  color:var(--ssp-v41-brand);
  text-decoration:underline;
  text-underline-offset:3px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-next-edit,
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-next-date{
  appearance:none;
  border:0;
  background:transparent;
  display:block;
  text-align:left;
  padding:0;
  margin:0;
  cursor:pointer;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-next-edit{
  color:var(--ssp-v41-ink);
  font-size:18px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:-.02em;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-next-edit:hover{
  color:var(--ssp-v41-brand);
  text-decoration:underline;
  text-underline-offset:3px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-next-date{
  margin-top:7px;
  color:var(--ssp-v41-muted);
  font-size:12px;
  font-weight:800;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-next-date:hover{
  color:var(--ssp-v41-brand);
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-activity-type-row--comms{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-activity-type-row--comms .ssp-activity-type{
  flex:1 1 0;
  min-width:0;
  height:38px;
  border:1px solid rgba(10,38,64,.1);
  border-radius:11px;
  background:#fff;
  color:var(--ssp-v41-brand);
  box-shadow:none;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-activity-type-row--comms .ssp-activity-type.is-active,
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-activity-type-row--comms .ssp-activity-type:hover{
  background:#fff;
  border-color:rgba(12,198,222,.62);
  box-shadow:inset 0 -2px 0 var(--ssp-v41-action);
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-inline-project-edit textarea[name="next_action"]{
  min-height:92px;
}
@media (max-width:1380px){
  .ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card{min-width:280px;max-width:300px}
}

/* v4.2.5 Project flow cleanup pass */
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-action-column .ssp-cockpit-milestones-inline{
  margin-top:0;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-action-column .ssp-milestone-list--jobs{
  position:relative;
  padding-left:0;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-action-column .ssp-milestone{
  min-height:46px;
  padding:10px 0;
  display:flex;
  align-items:center;
  gap:10px;
  background:#fff;
  border-bottom:1px solid rgba(10,38,64,.08);
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-action-column .ssp-milestone:last-child{
  border-bottom:0;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-action-column .ssp-milestone input{
  flex:0 0 auto;
}


/* v4.2.9 Project workspace recovery and History pass */
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-head{align-items:start;}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card{justify-self:end;align-self:start;min-width:280px;max-width:300px;}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card div{min-height:58px;padding:12px 15px;}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-tabs{display:none;}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-workspace{margin-top:16px;}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-activity-actions{grid-template-columns:repeat(5,minmax(0,1fr));border-radius:15px;}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-activity-action{min-width:0;}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-files-panel{margin-top:14px;border-top:1px solid rgba(10,38,64,.08);padding-top:14px;}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-files-panel .ssp-pane-card__head{margin-bottom:10px;}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-rail-workspace[hidden]{display:none;}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-activity-note.is-expanded{display:block;max-height:none;overflow:visible;white-space:pre-wrap;-webkit-line-clamp:unset;}

/* v4.2.10 Project workspace header and History filter pass */
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-topbar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-topbar .ssp-v42-summary-card{
  margin-left:auto;
  justify-self:end;
  align-self:start;
  width:300px;
  max-width:300px;
  min-width:280px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-head{
  display:block;
  margin-top:4px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-next-edit{
  font-weight:500;
  letter-spacing:0;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-history-tools{
  padding:12px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-history-filters{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:4px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-history-filter{
  appearance:none;
  border:1px solid rgba(10,38,64,.10);
  background:#fff;
  color:var(--ssp-v41-brand);
  border-radius:10px;
  min-height:34px;
  padding:7px 8px;
  font-size:11.5px;
  font-weight:800;
  cursor:pointer;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-history-filter:hover,
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-history-filter.is-active{
  border-color:rgba(12,198,222,.42);
  box-shadow:inset 0 -2px 0 var(--ssp-v41-action);
}
@media (max-width:1200px){
  .ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-topbar{display:grid;grid-template-columns:1fr;}
  .ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-topbar .ssp-v42-summary-card{justify-self:start;margin-left:0;}
}


/* v4.2.12 Project header realignment pass */
.ssp-root--v4-app .ssp-project-pane--v42{
  gap:14px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-topbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:18px;
  margin:0 0 6px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-header-main{
  display:grid;
  gap:8px;
  min-width:0;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-title-area{
  min-width:0;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-title-area h2{
  margin:0;
  max-width:100%;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-meta{
  margin-top:8px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-head{
  display:none;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card{
  align-self:start;
  justify-self:end;
  width:300px;
  min-width:280px;
  max-width:300px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-workspace{
  margin-top:10px;
}
@media (max-width:1200px){
  .ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-topbar{
    grid-template-columns:1fr;
  }
  .ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card{
    justify-self:start;
    width:min(100%,300px);
    min-width:0;
  }
}

/* v4.2.15 Stage workspace and version alignment pass */
.ssp-root--v4-app .ssp-project-pane--v42{
  gap:10px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-topbar{
  margin:0 0 0;
  gap:14px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-header-main{
  gap:6px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-title-area h2{
  font-size:clamp(25px,2vw,34px);
  line-height:1.04;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-meta{
  margin-top:6px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-workspace{
  margin-top:2px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card{
  align-self:start;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-cell{
  appearance:none;
  border:0;
  border-right:1px solid var(--ssp-v41-line);
  background:#fff;
  text-align:left;
  padding:12px 15px;
  min-height:58px;
  display:block;
  color:inherit;
  font:inherit;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-cell:last-child{
  border-right:0;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-cell--editable{
  cursor:pointer;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-cell--editable:hover strong{
  color:var(--ssp-v41-brand);
  text-decoration:underline;
  text-underline-offset:3px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card > .ssp-inline-edit-host{
  padding:10px;
  border-right:1px solid var(--ssp-v41-line);
  min-width:0;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card .ssp-inline-project-edit{
  margin:0;
  padding:0;
  border:0;
  box-shadow:none;
  background:transparent;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card .ssp-inline-project-edit label{
  font-size:11px;
  gap:4px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card .ssp-inline-project-edit input{
  min-height:34px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-summary-card .ssp-inline-edit-actions{
  margin-top:6px;
}


/* v4.2.16 Training stage workspace and progress logic pass */
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-action-column{
  min-width:0;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-workspace{
  margin-top:14px;
  border-top:1px solid var(--ssp-v41-line, rgba(15,23,42,.08));
  padding-top:14px;
  display:grid;
  gap:12px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-workspace__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-workspace__head h3{
  margin:2px 0 0;
  font-size:15px;
  line-height:1.15;
  color:var(--ssp-v41-ink,#0b1f33);
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-workspace__head > span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid var(--ssp-v41-line, rgba(15,23,42,.08));
  background:#fff;
  color:var(--ssp-v41-muted,#667085);
  font-size:11px;
  font-weight:850;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-workspace__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-card{
  border:1px solid var(--ssp-v41-line, rgba(15,23,42,.08));
  border-radius:16px;
  background:rgba(255,255,255,.96);
  padding:13px;
  display:grid;
  gap:10px;
  align-content:start;
  min-width:0;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-card--wide{
  grid-column:1 / -1;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-card h4{
  margin:2px 0 0;
  font-size:15px;
  line-height:1.15;
  color:var(--ssp-v41-ink,#0b1f33);
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-card small{
  display:block;
  margin-top:3px;
  color:var(--ssp-v41-muted,#667085);
  line-height:1.35;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-card > .ssp-text-button{
  justify-self:start;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-card__body{
  display:grid;
  gap:8px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-mini-person{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:9px 10px;
  border:1px solid rgba(15,23,42,.06);
  border-radius:13px;
  background:#fff;
  min-width:0;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-mini-person div{
  min-width:0;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-mini-person strong{
  display:block;
  font-size:13px;
  color:var(--ssp-v41-ink,#0b1f33);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-mini-person small{
  margin:2px 0 0;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-mini-person span{
  flex:0 0 auto;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(0,65,101,.06);
  color:var(--ssp-v41-brand,#004165);
  font-size:10px;
  font-weight:850;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-empty{
  display:grid;
  gap:3px;
  padding:12px;
  border:1px dashed rgba(15,23,42,.13);
  border-radius:14px;
  background:#fff;
  color:var(--ssp-v41-muted,#667085);
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-empty strong{
  color:var(--ssp-v41-ink,#0b1f33);
  font-size:13px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-empty span{
  font-size:12px;
  line-height:1.35;
}
@media (max-width:900px){
  .ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-workspace__grid{
    grid-template-columns:1fr;
  }
}

/* v4.3.1 Basic Appearance Settings Pass */
.ssp-root {
  color: var(--ssp-text, #004165);
  font-family: var(--ssp-font-family, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
}
.ssp-root h1,
.ssp-root h2,
.ssp-root h3,
.ssp-root h4,
.ssp-root h5,
.ssp-root h6,
.ssp-root strong,
.ssp-root label,
.ssp-root .ssp-project-pane__title,
.ssp-root .ssp-project-pane h1,
.ssp-root .ssp-project-title,
.ssp-root .ssp-project-card strong,
.ssp-root .ssp-project-card--premium strong,
.ssp-root .ssp-pane-title-row h2,
.ssp-root .ssp-stage-column h3,
.ssp-root .ssp-activity-title,
.ssp-root .ssp-value-card__value,
.ssp-root .ssp-project-header-main,
.ssp-root .ssp-header-title {
  color: var(--ssp-text, #004165);
}
.ssp-root p,
.ssp-root span,
.ssp-root small,
.ssp-root dd,
.ssp-root .ssp-muted-copy,
.ssp-root .ssp-card p,
.ssp-root .ssp-project-card span,
.ssp-root .ssp-project-card__footer small,
.ssp-root .ssp-eyebrow,
.ssp-root .ssp-meta,
.ssp-root .ssp-project-meta,
.ssp-root .ssp-next-action__meta {
  color: var(--ssp-muted, #5f7584);
}
.ssp-root .ssp-button,
.ssp-root .ssp-button--primary,
.ssp-root button.is-active,
.ssp-root .ssp-filter-pill.is-active,
.ssp-root .ssp-stage-pill.is-active {
  background: var(--ssp-primary, #004165);
  color: #fff;
}
.ssp-root .ssp-nav-item.is-active,
.ssp-root--workspace-first .ssp-nav-item.is-active {
  background: var(--ssp-primary, #004165);
  color: #fff;
}
.ssp-root .ssp-nav-item:not(.is-active),
.ssp-root--workspace-first .ssp-nav-item:not(.is-active) {
  color: var(--ssp-text, #004165);
}
.ssp-root .ssp-icon-button,
.ssp-root .ssp-v4-icon-action,
.ssp-root .ssp-nav-icon svg,
.ssp-root .ssp-project-action svg {
  color: var(--ssp-primary, #004165);
  stroke: currentColor;
}
.ssp-root a,
.ssp-root .ssp-link,
.ssp-root .ssp-pane-tabs .is-active {
  color: var(--ssp-primary, #004165);
}
.ssp-root .ssp-accent,
.ssp-root [data-ssp-accent] {
  color: var(--ssp-accent, #0CC6DE);
}
.ssp-appearance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.ssp-appearance-preview {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid rgba(0,65,101,.12);
  border-radius: 18px;
  background: #fff;
}
.ssp-appearance-preview h3 { margin: 0 0 6px; }
.ssp-appearance-preview p { margin: 0 0 14px; }
@media (max-width: 760px) {
  .ssp-appearance-grid { grid-template-columns: 1fr; }
}

/* v4.3.1 Appearance Token Wiring Pass
   One source of truth: Settings > Appearance controls primary text, muted text, accent and font. */
.ssp-root,
.ssp-root--workspace-first,
.ssp-root--v4-app {
  color: var(--ssp-text, #004165);
  font-family: var(--ssp-font-family, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
}
.ssp-root *,
.ssp-root *::before,
.ssp-root *::after { font-family: inherit; }
.ssp-root :where(h1,h2,h3,h4,h5,h6,strong,b,label,legend,dt,th),
.ssp-root :where(.ssp-header-title,.ssp-pane-title-row h2,.ssp-project-title,.ssp-project-pane__title,.ssp-v42-title,.ssp-v42-title h1,.ssp-v42-project-title,.ssp-v42-header-title,.ssp-v42-card-title,.ssp-v42-stage-title,.ssp-v42-workspace-title,.ssp-v42-stage-card strong,.ssp-v42-training-block strong,.ssp-stage-title,.ssp-stage-card__title,.ssp-project-flow-title,.ssp-project-card strong,.ssp-project-card--premium strong,.ssp-account-title,.ssp-card-title,.ssp-value-card__value,.ssp-kpi-value,.ssp-settings-card h2,.ssp-settings-card h3,.ssp-activity-title,.ssp-history-title,.ssp-commercial-title,.ssp-next-action__title) { color: var(--ssp-text, #004165); }
.ssp-root :where(.ssp-meta,.ssp-muted,.ssp-muted-copy,.ssp-eyebrow,.ssp-project-meta,.ssp-next-action__meta,.ssp-activity-meta,.ssp-history-meta,.ssp-card-subtitle,.ssp-project-card__footer small,.ssp-v42-meta,.ssp-v42-subtitle,.ssp-v42-training-block p,.ssp-settings-card p) { color: var(--ssp-muted, #5f7584); }
.ssp-root :where(input,textarea,select) { color: var(--ssp-text, #004165); }
.ssp-root :where(input::placeholder,textarea::placeholder) { color: color-mix(in srgb, var(--ssp-muted, #5f7584) 72%, #ffffff 28%); }
.ssp-root :where(a,.ssp-link,.ssp-text-button,.ssp-button--link) { color: var(--ssp-primary, var(--ssp-text, #004165)); }
.ssp-root :where(.ssp-button,.ssp-button--primary,.ssp-filter-pill.is-active,.ssp-stage-pill.is-active,.ssp-nav-item.is-active,.ssp-settings-nav button.is-active) { background: var(--ssp-primary, #004165); color: #fff; border-color: color-mix(in srgb, var(--ssp-primary, #004165) 82%, #ffffff 18%); }
.ssp-root :where(.ssp-button--secondary,.ssp-filter-pill:not(.is-active),.ssp-text-button,.ssp-v4-icon-action,.ssp-icon-button,.ssp-settings-nav button) { color: var(--ssp-text, #004165); }
.ssp-root :where(.ssp-icon-button svg,.ssp-v4-icon-action svg,.ssp-nav-icon svg,.ssp-project-action svg,.ssp-activity-action svg,.ssp-v42-rail-icon svg,.ssp-v42-action-icon svg) { color: var(--ssp-primary, #004165); stroke: currentColor; }
.ssp-root :where(.ssp-accent,[data-ssp-accent],.ssp-badge,.ssp-pill--accent) { color: var(--ssp-accent, #0CC6DE); }
.ssp-root :where(.ssp-progress span,.ssp-progress-bar span,.ssp-card-progress span,.ssp-stage-column h3::after,.ssp-v42-progress span) { background: var(--ssp-accent, #0CC6DE); }
.ssp-root :where(.ssp-card,.ssp-panel,.ssp-project-card,.ssp-project-pane,.ssp-v42-card,.ssp-settings-card,.ssp-activity-card,.ssp-history-row,.ssp-sidebar,.ssp-workspace,.ssp-system-pane,.ssp-modal__body) { color: var(--ssp-text, #004165); }
.ssp-root :where(.ssp-sidebar .ssp-nav-item:not(.is-active),.ssp-sidebar-footer button,.ssp-sidebar-brand) { color: var(--ssp-text, #004165); }
.ssp-root .ssp-appearance-preview { color: var(--ssp-text, #004165); }

/* v4.3.3 Activity Read More Fix */
.ssp-root--v4-app .ssp-activity-note.is-expanded,
.ssp-activity-note.is-expanded {
  display: block;
  max-height: none;
  overflow: visible;
  white-space: pre-wrap;
  -webkit-line-clamp: unset;
  -webkit-box-orient: initial;
}
.ssp-root--v4-app .ssp-activity-read-more,
.ssp-activity-read-more {
  cursor: pointer;
}

/* v4.3.9 Sidebar header and active state polish */
.ssp-sidebar-brand__meta {
  display: grid;
  gap: 2px;
  margin-top: 10px;
  color: var(--ssp-muted,#5f7584);
  font-size: 11px;
  line-height: 1.25;
}
.ssp-sidebar-brand__meta strong {
  color: var(--ssp-text,#004165);
  font-size: 13px;
  font-weight: 760;
}
.ssp-root--v4-app .ssp-sidebar .ssp-nav-item.is-active,
.ssp-root--workspace-first .ssp-sidebar .ssp-nav-item.is-active {
  color: #fff;
}
.ssp-root--v4-app .ssp-sidebar .ssp-nav-item.is-active .ssp-nav-label,
.ssp-root--v4-app .ssp-sidebar .ssp-nav-item.is-active .ssp-nav-icon,
.ssp-root--v4-app .ssp-sidebar .ssp-nav-item.is-active .ssp-nav-icon svg,
.ssp-root--workspace-first .ssp-sidebar .ssp-nav-item.is-active .ssp-nav-label,
.ssp-root--workspace-first .ssp-sidebar .ssp-nav-item.is-active .ssp-nav-icon,
.ssp-root--workspace-first .ssp-sidebar .ssp-nav-item.is-active .ssp-nav-icon svg {
  color: #fff;
  stroke: currentColor;
}
.ssp-root--v4-app .ssp-sidebar-action > span {
  background: rgba(12,198,222,.10);
  color: var(--ssp-text,#004165);
}

/* v4.3.10 Sidebar calm polish */
.ssp-root--v4-app .ssp-sidebar-brand.ssp-sidebar-brand--logo-only,
.ssp-root--workspace-first .ssp-sidebar-brand.ssp-sidebar-brand--logo-only {
  display: block;
  align-items: initial;
  justify-content: initial;
}
.ssp-root--v4-app .ssp-sidebar-brand__logo,
.ssp-root--workspace-first .ssp-sidebar-brand__logo {
  display: block;
}
.ssp-root--v4-app .ssp-sidebar-brand__meta,
.ssp-root--workspace-first .ssp-sidebar-brand__meta {
  display: grid;
  gap: 2px;
  margin-top: 8px;
  line-height: 1.2;
}
.ssp-root--v4-app .ssp-sidebar-brand__meta strong,
.ssp-root--workspace-first .ssp-sidebar-brand__meta strong {
  display: block;
  color: var(--ssp-text,#004165);
}
.ssp-root--v4-app .ssp-sidebar-brand__meta span,
.ssp-root--workspace-first .ssp-sidebar-brand__meta span {
  display: block;
  color: var(--ssp-muted,#5f7584);
}
.ssp-root--v4-app .ssp-sidebar-context,
.ssp-root--workspace-first .ssp-sidebar-context {
  background: transparent;
  border-color: rgba(0,65,101,.10);
  box-shadow: none;
}
.ssp-root--v4-app .ssp-sidebar-action > span,
.ssp-root--workspace-first .ssp-sidebar-action > span {
  background: transparent;
  background-color: transparent;
  color: var(--ssp-text,#004165);
}
.ssp-root--v4-app .ssp-sidebar-action > span svg,
.ssp-root--workspace-first .ssp-sidebar-action > span svg {
  stroke: currentColor;
}
.ssp-root--v4-app .ssp-sidebar .ssp-nav-item.is-active,
.ssp-root--workspace-first .ssp-sidebar .ssp-nav-item.is-active {
  color: #fff;
}
.ssp-root--v4-app .ssp-sidebar .ssp-nav-item.is-active .ssp-nav-icon,
.ssp-root--v4-app .ssp-sidebar .ssp-nav-item.is-active .ssp-nav-icon svg,
.ssp-root--v4-app .ssp-sidebar .ssp-nav-item.is-active .ssp-nav-label,
.ssp-root--workspace-first .ssp-sidebar .ssp-nav-item.is-active .ssp-nav-icon,
.ssp-root--workspace-first .ssp-sidebar .ssp-nav-item.is-active .ssp-nav-icon svg,
.ssp-root--workspace-first .ssp-sidebar .ssp-nav-item.is-active .ssp-nav-label {
  color: #fff;
  stroke: currentColor;
}

/* v4.3.11 Sidebar alignment and direct Smart Actions */
.ssp-root--v4-app .ssp-sidebar-brand.ssp-sidebar-brand--logo-only,
.ssp-root--workspace-first .ssp-sidebar-brand.ssp-sidebar-brand--logo-only {
  display: grid;
  justify-items: center;
  text-align: center;
  padding: 0 8px 18px;
  margin: 0 0 14px;
  border-bottom: 1px solid rgba(0,65,101,.08);
}
.ssp-root--v4-app .ssp-sidebar-brand__logo,
.ssp-root--workspace-first .ssp-sidebar-brand__logo {
  margin: 0 auto;
  object-position: center center;
}
.ssp-root--v4-app .ssp-sidebar-brand__meta,
.ssp-root--workspace-first .ssp-sidebar-brand__meta {
  justify-items: center;
  text-align: center;
  margin-top: 10px;
}
.ssp-root--v4-app .ssp-sidebar-brand__meta strong,
.ssp-root--workspace-first .ssp-sidebar-brand__meta strong {
  font-weight: 520;
  font-size: 12.5px;
}
.ssp-root--v4-app .ssp-sidebar-brand__meta span,
.ssp-root--workspace-first .ssp-sidebar-brand__meta span {
  font-size: 10.5px;
}
.ssp-root--v4-app .ssp-sidebar-context,
.ssp-root--workspace-first .ssp-sidebar-context {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
.ssp-root--v4-app .ssp-sidebar-context--global,
.ssp-root--workspace-first .ssp-sidebar-context--global,
.ssp-root--v4-app .ssp-sidebar-context[data-ssp-sidebar-project-context],
.ssp-root--workspace-first .ssp-sidebar-context[data-ssp-sidebar-project-context] {
  margin: 16px 0 0;
  padding-top: 15px;
  border-top: 1px solid rgba(0,65,101,.10);
}
.ssp-root--v4-app .ssp-sidebar-context__head,
.ssp-root--workspace-first .ssp-sidebar-context__head {
  padding: 0 2px 8px;
}
.ssp-root--v4-app .ssp-sidebar-context__head span,
.ssp-root--workspace-first .ssp-sidebar-context__head span {
  color: var(--ssp-muted,#5f7584);
}
.ssp-root--v4-app .ssp-sidebar-context__list,
.ssp-root--workspace-first .ssp-sidebar-context__list {
  gap: 8px;
}
.ssp-root--v4-app .ssp-sidebar-action,
.ssp-root--workspace-first .ssp-sidebar-action {
  background: #fff;
  border: 1px solid rgba(0,65,101,.10);
  box-shadow: none;
}
.ssp-root--v4-app .ssp-sidebar-action > span,
.ssp-root--workspace-first .ssp-sidebar-action > span {
  width: 20px;
  height: 20px;
  background: transparent;
  background-color: transparent;
  color: var(--ssp-primary,#004165);
  border: 0;
  border-radius: 0;
}
.ssp-root--v4-app .ssp-sidebar-action > span svg,
.ssp-root--workspace-first .ssp-sidebar-action > span svg {
  width: 18px;
  height: 18px;
  stroke: var(--ssp-primary,#004165);
}
.ssp-root--v4-app .ssp-sidebar-action strong,
.ssp-root--workspace-first .ssp-sidebar-action strong {
  color: var(--ssp-text,#004165);
}

/* v4.3.12 Sidebar identity and Smart Action polish */
.ssp-root--v4-app .ssp-sidebar-brand.ssp-sidebar-brand--logo-only,
.ssp-root--workspace-first .ssp-sidebar-brand.ssp-sidebar-brand--logo-only {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  justify-content: stretch;
  gap: 10px;
  padding: 4px 8px 18px;
  margin: 0 0 16px;
  border-bottom: 1px solid rgba(0, 65, 101, 0.10);
  text-align: left;
}
.ssp-root--v4-app .ssp-sidebar-brand__logo,
.ssp-root--workspace-first .ssp-sidebar-brand__logo {
  width: 38px;
  height: 38px;
  max-width: 38px;
  max-height: 38px;
  object-fit: contain;
  object-position: center;
}
.ssp-root--v4-app .ssp-sidebar-brand__meta,
.ssp-root--workspace-first .ssp-sidebar-brand__meta {
  align-items: flex-start;
  text-align: left;
  gap: 2px;
  min-width: 0;
}
.ssp-root--v4-app .ssp-sidebar-brand__meta strong,
.ssp-root--workspace-first .ssp-sidebar-brand__meta strong {
  font-weight: 600;
  font-size: 12px;
  line-height: 1.15;
  letter-spacing: 0;
  color: var(--ssp-primary, #004165);
  white-space: normal;
}
.ssp-root--v4-app .ssp-sidebar-brand__meta span,
.ssp-root--workspace-first .ssp-sidebar-brand__meta span {
  font-size: 10px;
  line-height: 1.2;
  color: var(--ssp-muted, #5f7584);
  font-weight: 500;
  letter-spacing: 0;
}
.ssp-root--v4-app .ssp-sidebar-context,
.ssp-root--workspace-first .ssp-sidebar-context {
  border-top: 1px solid rgba(0, 65, 101, 0.12);
  padding-top: 14px;
}
.ssp-root--v4-app .ssp-sidebar-action,
.ssp-root--workspace-first .ssp-sidebar-action {
  border-color: rgba(0, 65, 101, 0.16);
  box-shadow: 0 6px 16px rgba(0, 65, 101, 0.025);
}
.ssp-root--v4-app .ssp-sidebar-action:hover,
.ssp-root--workspace-first .ssp-sidebar-action:hover {
  border-color: rgba(0, 65, 101, 0.28);
  box-shadow: 0 10px 22px rgba(0, 65, 101, 0.055);
}
.ssp-root--v4-app .ssp-sidebar-action > span,
.ssp-root--workspace-first .ssp-sidebar-action > span {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: var(--ssp-primary, #004165);
}
.ssp-root--v4-app .ssp-sidebar-action > span svg,
.ssp-root--workspace-first .ssp-sidebar-action > span svg {
  color: var(--ssp-primary, #004165);
  stroke: currentColor;
}

/* v4.3.14 New Project Drawer Pass */
.ssp-root--v4-app .ssp-modal-overlay--drawer,
.ssp-root--workspace-first .ssp-modal-overlay--drawer {
  position: fixed;
  inset: 0;
  z-index: 99998;
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  padding: 18px;
  background: rgba(8, 25, 36, 0.28);
  backdrop-filter: blur(14px) saturate(130%);
}
.ssp-root--v4-app .ssp-drawer,
.ssp-root--workspace-first .ssp-drawer {
  width: min(520px, calc(100vw - 36px));
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(0, 65, 101, 0.14);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: -24px 26px 80px rgba(4, 22, 43, 0.18);
  color: var(--ssp-text, var(--ssp-v4-brand));
}
.ssp-root--v4-app .ssp-drawer__header,
.ssp-root--workspace-first .ssp-drawer__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 24px 24px 18px;
  border-bottom: 1px solid rgba(0, 65, 101, 0.1);
}
.ssp-root--v4-app .ssp-drawer__header h2,
.ssp-root--workspace-first .ssp-drawer__header h2 {
  margin: 0;
  color: var(--ssp-primary, #004165);
  font-size: 30px;
  line-height: 1.05;
  letter-spacing: -0.04em;
}
.ssp-root--v4-app .ssp-drawer__header .ssp-icon-button,
.ssp-root--workspace-first .ssp-drawer__header .ssp-icon-button {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(0, 65, 101, 0.12);
  border-radius: 14px;
  background: #fff;
  color: var(--ssp-primary, #004165);
  box-shadow: 0 8px 18px rgba(4, 22, 43, 0.06);
}
.ssp-root--v4-app .ssp-drawer__body,
.ssp-root--workspace-first .ssp-drawer__body {
  min-height: 0;
  overflow: auto;
  padding: 20px 24px 96px;
}
.ssp-root--v4-app .ssp-drawer__intro,
.ssp-root--workspace-first .ssp-drawer__intro {
  margin: 0 0 18px;
  color: var(--ssp-muted, #5f7584);
  font-size: 14px;
  line-height: 1.45;
}
.ssp-root--v4-app .ssp-project-drawer,
.ssp-root--workspace-first .ssp-project-drawer {
  display: grid;
  gap: 16px;
}
.ssp-root--v4-app .ssp-drawer-section,
.ssp-root--workspace-first .ssp-drawer-section {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(0, 65, 101, 0.12);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(4, 22, 43, 0.035);
}
.ssp-root--v4-app .ssp-drawer-section.is-hidden,
.ssp-root--workspace-first .ssp-drawer-section.is-hidden {
  display: none;
}
.ssp-root--v4-app .ssp-section-title,
.ssp-root--workspace-first .ssp-section-title {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}
.ssp-root--v4-app .ssp-section-title > span,
.ssp-root--workspace-first .ssp-section-title > span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(0, 65, 101, 0.12);
  border-radius: 999px;
  color: var(--ssp-primary, #004165);
  font-size: 12px;
  font-weight: 800;
  background: #f8fbfd;
}
.ssp-root--v4-app .ssp-section-title h3,
.ssp-root--workspace-first .ssp-section-title h3 {
  margin: 0;
  color: var(--ssp-primary, #004165);
  font-size: 15px;
  line-height: 1.15;
}
.ssp-root--v4-app .ssp-section-title p,
.ssp-root--workspace-first .ssp-section-title p {
  margin: 4px 0 0;
  color: var(--ssp-muted, #5f7584);
  font-size: 12px;
  line-height: 1.35;
}
.ssp-root--v4-app .ssp-project-type-grid,
.ssp-root--workspace-first .ssp-project-type-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.ssp-root--v4-app .ssp-choice-card,
.ssp-root--workspace-first .ssp-choice-card {
  position: relative;
  min-height: 98px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 6px;
  padding: 14px;
  border: 1px solid rgba(0, 65, 101, 0.13);
  border-radius: 18px;
  background: #fff;
  color: var(--ssp-primary, #004165);
  cursor: pointer;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.ssp-root--v4-app .ssp-choice-card:hover,
.ssp-root--workspace-first .ssp-choice-card:hover {
  border-color: rgba(0, 65, 101, 0.28);
  box-shadow: 0 12px 24px rgba(4, 22, 43, 0.055);
  transform: translateY(-1px);
}
.ssp-root--v4-app .ssp-choice-card.is-selected,
.ssp-root--workspace-first .ssp-choice-card.is-selected {
  border-color: var(--ssp-primary, #004165);
  box-shadow: inset 0 0 0 1px var(--ssp-primary, #004165), 0 12px 26px rgba(0, 65, 101, 0.08);
}
.ssp-root--v4-app .ssp-choice-card input,
.ssp-root--workspace-first .ssp-choice-card input {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 16px;
  height: 16px;
  accent-color: var(--ssp-primary, #004165);
}
.ssp-root--v4-app .ssp-choice-card strong,
.ssp-root--workspace-first .ssp-choice-card strong {
  font-size: 15px;
  line-height: 1.1;
}
.ssp-root--v4-app .ssp-choice-card small,
.ssp-root--workspace-first .ssp-choice-card small {
  color: var(--ssp-muted, #5f7584);
  font-size: 12px;
  line-height: 1.3;
}
.ssp-root--v4-app .ssp-field,
.ssp-root--workspace-first .ssp-field {
  display: grid;
  gap: 7px;
  color: var(--ssp-primary, #004165);
  font-size: 13px;
  font-weight: 800;
}
.ssp-root--v4-app .ssp-field input,
.ssp-root--v4-app .ssp-field select,
.ssp-root--workspace-first .ssp-field input,
.ssp-root--workspace-first .ssp-field select {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(0, 65, 101, 0.14);
  border-radius: 14px;
  background: #fff;
  color: var(--ssp-primary, #004165);
  padding: 9px 12px;
  font-size: 14px;
  font-weight: 650;
  outline: none;
  box-shadow: none;
}
.ssp-root--v4-app .ssp-field input:focus,
.ssp-root--v4-app .ssp-field select:focus,
.ssp-root--workspace-first .ssp-field input:focus,
.ssp-root--workspace-first .ssp-field select:focus {
  border-color: var(--ssp-action, #0cc6de);
  box-shadow: 0 0 0 3px rgba(12, 198, 222, 0.14);
}
.ssp-root--v4-app .ssp-project-drawer__chips,
.ssp-root--workspace-first .ssp-project-drawer__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ssp-root--v4-app .ssp-project-drawer__chip,
.ssp-root--workspace-first .ssp-project-drawer__chip {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(0, 65, 101, 0.14);
  border-radius: 999px;
  background: #fff;
  color: var(--ssp-primary, #004165);
  font-weight: 800;
  cursor: pointer;
}
.ssp-root--v4-app .ssp-project-drawer__chip.is-selected,
.ssp-root--workspace-first .ssp-project-drawer__chip.is-selected {
  border-color: var(--ssp-primary, #004165);
  box-shadow: inset 0 0 0 1px var(--ssp-primary, #004165);
}
.ssp-root--v4-app .ssp-drawer-two,
.ssp-root--workspace-first .ssp-drawer-two {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.ssp-root--v4-app .ssp-drawer-footer,
.ssp-root--workspace-first .ssp-drawer-footer {
  position: sticky;
  bottom: -96px;
  display: grid;
  grid-template-columns: minmax(120px, .45fr) minmax(0, 1fr);
  gap: 10px;
  padding: 14px 0 0;
  background: linear-gradient(180deg, rgba(255,255,255,0), #fff 28%);
}
.ssp-root--v4-app .ssp-sr-field,
.ssp-root--workspace-first .ssp-sr-field {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 720px) {
  .ssp-root--v4-app .ssp-modal-overlay--drawer,
  .ssp-root--workspace-first .ssp-modal-overlay--drawer { padding: 0; }
  .ssp-root--v4-app .ssp-drawer,
  .ssp-root--workspace-first .ssp-drawer { width: 100vw; border-radius: 0; }
  .ssp-root--v4-app .ssp-project-type-grid,
  .ssp-root--v4-app .ssp-drawer-two,
  .ssp-root--workspace-first .ssp-project-type-grid,
  .ssp-root--workspace-first .ssp-drawer-two { grid-template-columns: 1fr; }
}

/* v4.3.15 Account Contact and Command Drawer Pass */
.ssp-root--v4-app .ssp-action-drawer,
.ssp-root--workspace-first .ssp-action-drawer {
  display: grid;
  gap: 18px;
}
.ssp-root--v4-app .ssp-drawer--account,
.ssp-root--v4-app .ssp-drawer--contact,
.ssp-root--v4-app .ssp-drawer--command,
.ssp-root--workspace-first .ssp-drawer--account,
.ssp-root--workspace-first .ssp-drawer--contact,
.ssp-root--workspace-first .ssp-drawer--command {
  width: min(520px, calc(100vw - 42px));
}
.ssp-root--v4-app .ssp-command--drawer,
.ssp-root--workspace-first .ssp-command--drawer {
  display: grid;
  gap: 16px;
}
.ssp-root--v4-app .ssp-command__search-row,
.ssp-root--workspace-first .ssp-command__search-row {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid rgba(0,65,101,.14);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(0,65,101,.06);
}
.ssp-root--v4-app .ssp-command__search-row > span,
.ssp-root--workspace-first .ssp-command__search-row > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 28px;
  border: 1px solid rgba(0,65,101,.12);
  border-radius: 999px;
  color: #004165;
  font-size: 12px;
  font-weight: 800;
  background: rgba(12,198,222,.08);
}
.ssp-root--v4-app .ssp-command__search-row input,
.ssp-root--workspace-first .ssp-command__search-row input {
  width: 100%;
  border: 0;
  outline: 0;
  color: #004165;
  font-size: 15px;
  font-weight: 650;
  background: transparent;
}
.ssp-root--v4-app .ssp-command__quick-actions,
.ssp-root--workspace-first .ssp-command__quick-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.ssp-root--v4-app .ssp-command__quick-actions button,
.ssp-root--workspace-first .ssp-command__quick-actions button {
  min-height: 42px;
  border: 1px solid rgba(0,65,101,.14);
  border-radius: 14px;
  background: #fff;
  color: #004165;
  font-weight: 800;
  cursor: pointer;
}
.ssp-root--v4-app .ssp-command__quick-actions button:hover,
.ssp-root--workspace-first .ssp-command__quick-actions button:hover {
  border-color: rgba(12,198,222,.55);
  box-shadow: 0 10px 24px rgba(0,65,101,.08);
}
.ssp-root--v4-app .ssp-drawer--command .ssp-command__results,
.ssp-root--workspace-first .ssp-drawer--command .ssp-command__results {
  display: grid;
  gap: 8px;
  max-height: calc(100vh - 320px);
  overflow: auto;
}
.ssp-root--v4-app .ssp-drawer--command .ssp-command-result,
.ssp-root--workspace-first .ssp-drawer--command .ssp-command-result {
  width: 100%;
  text-align: left;
  border: 1px solid rgba(0,65,101,.1);
  border-radius: 16px;
  background: #fff;
  padding: 12px 14px;
  display: grid;
  gap: 4px;
  color: #004165;
}
.ssp-root--v4-app .ssp-drawer--command .ssp-command-result.is-selected,
.ssp-root--workspace-first .ssp-drawer--command .ssp-command-result.is-selected {
  border-color: rgba(12,198,222,.6);
  box-shadow: inset 4px 0 0 #0CC6DE, 0 10px 24px rgba(0,65,101,.08);
}
.ssp-root--v4-app .ssp-drawer--command .ssp-command-result span,
.ssp-root--workspace-first .ssp-drawer--command .ssp-command-result span,
.ssp-root--v4-app .ssp-command-hint,
.ssp-root--workspace-first .ssp-command-hint {
  color: #5f7584;
  font-size: 12px;
}
.ssp-root--v4-app .ssp-command-empty,
.ssp-root--workspace-first .ssp-command-empty {
  padding: 22px;
  border: 1px dashed rgba(0,65,101,.16);
  border-radius: 16px;
  color: #5f7584;
  text-align: center;
}
@media (max-width: 720px) {
  .ssp-root--v4-app .ssp-command__quick-actions,
  .ssp-root--workspace-first .ssp-command__quick-actions { grid-template-columns: 1fr; }
}



/* v4.3.30 Account and Contact Record Drawers */
.ssp-root--v4-app .ssp-modal-overlay--record-drawer,
.ssp-root--workspace-first .ssp-modal-overlay--record-drawer {
  align-items: stretch;
  justify-content: flex-end;
  padding: 18px;
  background: rgba(8, 25, 36, 0.30);
  backdrop-filter: blur(16px) saturate(130%);
}
.ssp-root--v4-app .ssp-record-drawer,
.ssp-root--workspace-first .ssp-record-drawer {
  width: min(680px, calc(100vw - 42px));
  height: 100%;
  border-radius: 28px;
  overflow: hidden;
}
.ssp-root--v4-app .ssp-record-drawer__header,
.ssp-root--workspace-first .ssp-record-drawer__header {
  padding: 24px 24px 16px;
  background: rgba(255,255,255,.96);
}
.ssp-root--v4-app .ssp-record-drawer__body,
.ssp-root--workspace-first .ssp-record-drawer__body {
  padding: 18px 24px 110px;
  background: linear-gradient(180deg,#fbfdfe 0%,#f6f9fb 100%);
}
.ssp-root--v4-app .ssp-record-drawer-shell,
.ssp-root--workspace-first .ssp-record-drawer-shell {
  display: grid;
  gap: 16px;
}
.ssp-root--v4-app .ssp-record-hero,
.ssp-root--workspace-first .ssp-record-hero {
  display: grid;
  grid-template-columns: 52px minmax(0,1fr);
  gap: 14px;
  align-items: center;
  padding: 18px;
  border: 1px solid rgba(0,65,101,.10);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(4,22,43,.045);
}
.ssp-root--v4-app .ssp-record-hero__icon,
.ssp-root--workspace-first .ssp-record-hero__icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: rgba(12,198,222,.13);
  color: var(--ssp-primary,#004165);
  font-weight: 900;
  font-size: 18px;
}
.ssp-root--v4-app .ssp-record-hero h3,
.ssp-root--workspace-first .ssp-record-hero h3 {
  margin: 2px 0 4px;
  color: var(--ssp-primary,#004165);
  font-size: 26px;
  line-height: 1.05;
  letter-spacing: -.035em;
}
.ssp-root--v4-app .ssp-record-hero small,
.ssp-root--workspace-first .ssp-record-hero small {
  color: var(--ssp-muted,#5f7584);
  font-size: 13px;
  line-height: 1.35;
}
.ssp-root--v4-app .ssp-record-metrics,
.ssp-root--workspace-first .ssp-record-metrics {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
}
.ssp-root--v4-app .ssp-record-metrics article,
.ssp-root--workspace-first .ssp-record-metrics article {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(0,65,101,.10);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(4,22,43,.035);
}
.ssp-root--v4-app .ssp-record-metrics span,
.ssp-root--workspace-first .ssp-record-metrics span {
  display: block;
  margin-bottom: 5px;
  color: var(--ssp-muted,#5f7584);
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.ssp-root--v4-app .ssp-record-metrics strong,
.ssp-root--workspace-first .ssp-record-metrics strong {
  display: block;
  overflow: hidden;
  color: var(--ssp-primary,#004165);
  font-size: 18px;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ssp-root--v4-app .ssp-record-form,
.ssp-root--workspace-first .ssp-record-form,
.ssp-root--v4-app .ssp-record-list,
.ssp-root--workspace-first .ssp-record-list {
  display: grid;
  gap: 10px;
}
.ssp-root--v4-app .ssp-record-linked-row,
.ssp-root--workspace-first .ssp-record-linked-row {
  display: grid;
  grid-template-columns: 40px minmax(0,1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(0,65,101,.09);
  border-radius: 18px;
  background: #fff;
}
.ssp-root--v4-app .ssp-record-linked-row__icon,
.ssp-root--workspace-first .ssp-record-linked-row__icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  background: rgba(12,198,222,.12);
  color: var(--ssp-primary,#004165);
  font-weight: 900;
}
.ssp-root--v4-app .ssp-record-linked-row strong,
.ssp-root--workspace-first .ssp-record-linked-row strong {
  display: block;
  color: var(--ssp-primary,#004165);
  font-size: 14px;
  line-height: 1.15;
}
.ssp-root--v4-app .ssp-record-linked-row small,
.ssp-root--workspace-first .ssp-record-linked-row small {
  display: block;
  margin-top: 3px;
  color: var(--ssp-muted,#5f7584);
  font-size: 12px;
}
@media (max-width: 720px) {
  .ssp-root--v4-app .ssp-modal-overlay--record-drawer,
  .ssp-root--workspace-first .ssp-modal-overlay--record-drawer { padding: 0; }
  .ssp-root--v4-app .ssp-record-drawer,
  .ssp-root--workspace-first .ssp-record-drawer {
    width: 100vw;
    height: 100dvh;
    border-radius: 0;
  }
  .ssp-root--v4-app .ssp-record-metrics,
  .ssp-root--workspace-first .ssp-record-metrics { grid-template-columns: 1fr; }
  .ssp-root--v4-app .ssp-record-linked-row,
  .ssp-root--workspace-first .ssp-record-linked-row { grid-template-columns: 40px minmax(0,1fr); }
  .ssp-root--v4-app .ssp-record-linked-row .ssp-text-button,
  .ssp-root--workspace-first .ssp-record-linked-row .ssp-text-button {
    grid-column: 2;
    justify-self: start;
  }
}

/* v4.3.34 Stage locking and review pass */
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v41-stage{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;color:var(--ssp-v41-ink)}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v41-stage svg{width:16px;height:16px;color:var(--ssp-v41-brand)}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v41-stage small{font-size:11px;font-weight:850;color:var(--ssp-v41-muted);text-transform:uppercase;letter-spacing:.06em}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v41-stage.is-current small{color:var(--ssp-v41-brand)}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v41-stage.is-locked{border-left-color:rgba(0,65,101,.22);background:rgba(0,65,101,.025)}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v41-stage.is-locked.is-active{border-left-color:var(--ssp-v41-brand);background:#fff}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v41-stage.is-disabled{opacity:.45;cursor:not-allowed;background:transparent}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-action-column.is-read-only{background:rgba(0,65,101,.018)}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-milestone.is-read-only{opacity:.85;cursor:default}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-milestone-list.is-read-only input{cursor:not-allowed}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-workspace--locked{border:1px solid rgba(0,65,101,.08);border-radius:16px;background:#fff;padding:16px;margin-top:14px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-locked-note{display:grid;gap:8px;padding:14px;border-radius:14px;background:rgba(0,65,101,.035);border:1px solid rgba(0,65,101,.08)}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-locked-note strong{display:flex;align-items:center;gap:8px;color:var(--ssp-v41-brand);font-weight:900}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-locked-note svg{width:16px;height:16px}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-locked-note small{color:var(--ssp-v41-muted);font-weight:700;line-height:1.45}

/* v4.3.39 Proposal Builder */
.ssp-proposal-builder .ssp-proposal-form { display: grid; gap: 14px; }
.ssp-proposal-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ssp-proposal-grid label { display: grid; gap: 6px; color: var(--ssp-primary, #004165); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.ssp-proposal-grid textarea { width: 100%; min-height: 84px; resize: vertical; border: 1px solid var(--ssp-border, #dbe6ec); border-radius: 16px; padding: 12px; color: var(--ssp-primary, #004165); background: #fff; font: inherit; text-transform: none; letter-spacing: 0; font-weight: 500; }
.ssp-proposal-grid textarea:focus { outline: 2px solid rgba(12,198,222,.18); border-color: var(--ssp-accent, #0cc6de); }
.ssp-proposal-wide { grid-column: 1 / -1; }
.ssp-proposal-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ssp-doc-list { display: grid; gap: 8px; }
.ssp-doc-row { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 10px; border: 1px solid var(--ssp-border, #dbe6ec); border-radius: 14px; color: var(--ssp-primary, #004165); background: #fff; }
.ssp-doc-row__file { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 12px; background: rgba(12,198,222,.10); color: var(--ssp-primary, #004165); }
.ssp-doc-row__meta { min-width: 0; }
.ssp-doc-row__meta strong, .ssp-doc-row__meta small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ssp-doc-row__meta small { opacity: .7; margin-top: 2px; }
.ssp-doc-row__actions { display: flex; align-items: center; gap: 5px; }
.ssp-doc-action { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--ssp-border, #dbe6ec); border-radius: 10px; color: var(--ssp-primary, #004165); background: #fff; text-decoration: none; cursor: pointer; padding: 0; }
.ssp-doc-action:hover { border-color: rgba(12,198,222,.55); background: rgba(12,198,222,.08); color: var(--ssp-primary, #004165); }
.ssp-doc-action svg { width: 15px; height: 15px; }
@media (max-width: 900px) { .ssp-proposal-grid { grid-template-columns: 1fr; } }

/* v4.3.42 shared proposal builder */
.ssp-proposal-linked {
  border: 1px solid rgba(0,65,101,.10);
  border-radius: 16px;
  padding: 14px;
  background: rgba(255,255,255,.72);
}
.ssp-proposal-linked__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
}
.ssp-proposal-linked__item {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  border: 1px solid rgba(0,65,101,.10);
  border-radius: 13px;
  padding: 10px;
  background: #fff;
}
.ssp-proposal-linked__item strong,
.ssp-proposal-linked__item small {
  display: block;
}
.ssp-proposal-linked__item small {
  margin-top: 2px;
  color: var(--ssp-muted,#5f7584);
  font-size: 12px;
}
@media (max-width: 980px) {
  .ssp-proposal-linked__list { grid-template-columns: 1fr; }
}

/* v4.3.44 Proposal Workspace Usability Pass */
.ssp-root--v4-app .ssp-project-pane--v42 {
  padding-bottom: 96px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-workspace,
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-workspace-main,
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-panel,
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-flow-grid,
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-action-column {
  overflow: visible;
}
.ssp-proposal-builder {
  margin-bottom: 28px;
}
.ssp-proposal-grid textarea {
  min-height: 108px;
}
.ssp-proposal-linked__item strong {
  white-space: normal;
}

/* v4.3.45 Project Workspace Scroll Foundation Pass
   Fixes Safari project workspace scrolling by making the real workspace container scrollable
   and allowing the Project Flow panel to scroll internally when proposal content is long. */
.ssp-root--v4-app .ssp-workspace--project,
.ssp-root--workspace-first .ssp-workspace--project {
  height: 100dvh;
  max-height: 100dvh;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  padding: 16px 18px 24px;
}
.ssp-root--v4-app .ssp-project-workspace-page,
.ssp-root--workspace-first .ssp-project-workspace-page {
  min-height: 0;
  padding-bottom: 44px;
}
.ssp-root--v4-app .ssp-project-pane--v42,
.ssp-root--workspace-first .ssp-project-pane--v42 {
  gap: 12px;
  padding: 14px 0 26px;
  min-height: 0;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-project-topbar,
.ssp-root--workspace-first .ssp-project-pane--v42 .ssp-v42-project-topbar {
  gap: 12px;
  margin-bottom: 4px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-title-area h2,
.ssp-root--workspace-first .ssp-project-pane--v42 .ssp-v42-title-area h2 {
  font-size: clamp(24px, 1.9vw, 32px);
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-workspace,
.ssp-root--workspace-first .ssp-project-pane--v42 .ssp-v42-workspace {
  gap: 16px;
  align-items: start;
  min-height: 0;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-workspace-main,
.ssp-root--workspace-first .ssp-project-pane--v42 .ssp-v42-workspace-main,
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-workspace-side,
.ssp-root--workspace-first .ssp-project-pane--v42 .ssp-v42-workspace-side {
  min-height: 0;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-next-action,
.ssp-root--workspace-first .ssp-project-pane--v42 .ssp-v42-next-action {
  padding: 14px 16px;
  grid-template-columns: 48px minmax(0,1fr) auto;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-next-icon,
.ssp-root--workspace-first .ssp-project-pane--v42 .ssp-v42-next-icon {
  width: 48px;
  height: 48px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-panel,
.ssp-root--workspace-first .ssp-project-pane--v42 .ssp-v42-panel {
  padding: 16px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-flow-panel,
.ssp-root--workspace-first .ssp-project-pane--v42 .ssp-v42-flow-panel {
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: calc(100dvh - 286px);
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-flow-grid,
.ssp-root--workspace-first .ssp-project-pane--v42 .ssp-v42-flow-grid {
  flex: 1 1 auto;
  min-height: 0;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-stage-column,
.ssp-root--workspace-first .ssp-project-pane--v42 .ssp-v42-stage-column,
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-action-column,
.ssp-root--workspace-first .ssp-project-pane--v42 .ssp-v42-action-column {
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-action-column,
.ssp-root--workspace-first .ssp-project-pane--v42 .ssp-v42-action-column {
  padding: 14px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-activity-panel,
.ssp-root--workspace-first .ssp-project-pane--v42 .ssp-v42-activity-panel {
  max-height: calc(100dvh - 158px);
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-activity-list--timeline,
.ssp-root--workspace-first .ssp-project-pane--v42 .ssp-activity-list--timeline {
  flex: 1 1 auto;
  min-height: 130px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-right: 3px;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-files-panel,
.ssp-root--workspace-first .ssp-project-pane--v42 .ssp-files-panel {
  flex: 0 0 auto;
  margin-top: 12px;
}
.ssp-root--v4-app .ssp-proposal-builder,
.ssp-root--workspace-first .ssp-proposal-builder {
  margin-bottom: 12px;
}
.ssp-root--v4-app .ssp-proposal-grid,
.ssp-root--workspace-first .ssp-proposal-grid {
  gap: 10px;
}
.ssp-root--v4-app .ssp-proposal-grid textarea,
.ssp-root--workspace-first .ssp-proposal-grid textarea {
  min-height: 96px;
  max-height: none;
}
@media (max-width: 1200px) {
  .ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-flow-panel,
  .ssp-root--workspace-first .ssp-project-pane--v42 .ssp-v42-flow-panel,
  .ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-activity-panel,
  .ssp-root--workspace-first .ssp-project-pane--v42 .ssp-v42-activity-panel {
    max-height: none;
  }
}

/* v4.3.46 Proposal Sync and Project Flow Alignment Pass */
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-workspace,
.ssp-root--workspace-first .ssp-project-pane--v42 .ssp-v42-workspace {
  align-items: stretch;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-workspace-main,
.ssp-root--workspace-first .ssp-project-pane--v42 .ssp-v42-workspace-main {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-flow-panel,
.ssp-root--workspace-first .ssp-project-pane--v42 .ssp-v42-flow-panel {
  flex: 1 1 auto;
  min-height: 0;
  max-height: calc(100dvh - 238px);
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-milestone span,
.ssp-root--workspace-first .ssp-project-pane--v42 .ssp-milestone span {
  font-weight: 500;
}
.ssp-root--v4-app .ssp-project-action-button,
.ssp-root--workspace-first .ssp-project-action-button,
.ssp-root--v4-app .ssp-project-row button,
.ssp-root--workspace-first .ssp-project-row button {
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1200px) {
  .ssp-root--v4-app .ssp-project-pane--v42 .ssp-v42-flow-panel,
  .ssp-root--workspace-first .ssp-project-pane--v42 .ssp-v42-flow-panel {
    max-height: none;
  }
}


/* v4.3.47 Proposal linked-copy and workspace alignment */
.ssp-proposal-builder--locked .ssp-proposal-readonly {
  display: grid;
  gap: var(--ssp-space-3, 12px);
}
.ssp-proposal-readonly__block {
  padding: var(--ssp-space-3, 12px);
  border: 1px solid var(--ssp-border, rgba(0,65,101,.12));
  border-radius: var(--ssp-radius-lg, 16px);
  background: var(--ssp-surface, #fff);
}
.ssp-proposal-readonly__block div {
  margin-top: 4px;
  color: var(--ssp-text, #004165);
  font-size: .94rem;
  line-height: 1.5;
  white-space: pre-wrap;
}
.ssp-v42-workspace-main,
.ssp-v42-workspace-side {
  align-self: stretch;
}
.ssp-v42-project-flow-panel,
.ssp-files-panel {
  height: 100%;
}

/* v4.3.49 Proposal Builder Full Width Field Pass
   Matches the editable proposal form to the calmer locked proposal summary layout. */
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-proposal-builder:not(.ssp-proposal-builder--locked) .ssp-proposal-grid {
  grid-template-columns: 1fr;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-proposal-builder:not(.ssp-proposal-builder--locked) .ssp-proposal-grid > label {
  grid-column: 1 / -1;
}
.ssp-root--v4-app .ssp-project-pane--v42 .ssp-proposal-builder:not(.ssp-proposal-builder--locked) .ssp-proposal-grid textarea {
  min-height: 126px;
  line-height: 1.45;
}

/* v4.3.50 Proposal Builder Value Source Pass
   Proposal value now comes from the project value widget, not a duplicate editable field. */

/* 4.3.52 document actions */
.ssp-doc-row__actions { gap: 6px; }
.ssp-doc-action { appearance: none; -webkit-appearance: none; font: inherit; }
.ssp-doc-action:focus,
.ssp-doc-action:focus-visible { outline: 2px solid rgba(12,198,222,.35); outline-offset: 2px; background: #fff; color: var(--ssp-primary, #004165); }
.ssp-document-preview { height: min(82vh, 820px); display: flex; flex-direction: column; gap: 14px; color: var(--ssp-primary, #004165); }
.ssp-document-preview header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 4px 2px 0; }
.ssp-document-preview h2 { margin: 0; font-size: 24px; line-height: 1.15; color: var(--ssp-primary, #004165); }
.ssp-document-preview p { margin: 6px 0 0; color: var(--ssp-text-muted, #64748b); }
.ssp-document-preview iframe { flex: 1 1 auto; width: 100%; min-height: 520px; border: 1px solid var(--ssp-border, #dbe6ec); border-radius: 18px; background: #fff; }

/* v4.3.59 Project document file actions */
.ssp-doc-row__file,
.ssp-doc-action,
button.ssp-doc-action,
.ssp-doc-row__actions .ssp-doc-action {
  background: #fff;
  background-color: #fff;
  box-shadow: none;
}
.ssp-doc-row__file {
  border: 1px solid var(--ssp-border, #dbe6ec);
  color: var(--ssp-primary, #004165);
}
.ssp-doc-action,
button.ssp-doc-action,
.ssp-doc-row__actions .ssp-doc-action {
  border: 1px solid var(--ssp-border, #dbe6ec);
  color: var(--ssp-primary, #004165);
}
.ssp-doc-action:hover,
button.ssp-doc-action:hover,
.ssp-doc-row__actions .ssp-doc-action:hover {
  background: #fff;
  background-color: #fff;
  border-color: rgba(12,198,222,.55);
  color: var(--ssp-primary, #004165);
}
.ssp-doc-action svg,
.ssp-doc-row__file svg {
  background: transparent;
}

/* v4.3.59 Project document preview and neutral file icons */
.ssp-doc-row__actions .ssp-doc-action,
.ssp-doc-row__actions button.ssp-doc-action {
  background: #fff;
  background-color: #fff;
  color: var(--ssp-primary, #004165);
  box-shadow: none;
}
.ssp-doc-row__actions .ssp-doc-action .ssp-activity-icon-svg,
.ssp-doc-row__actions .ssp-doc-action svg,
.ssp-doc-row__file .ssp-activity-icon-svg,
.ssp-doc-row__file svg {
  background: transparent;
  background-color: transparent;
  box-shadow: none;
  color: currentColor;
}
.ssp-doc-row__actions .ssp-doc-action::before,
.ssp-doc-row__actions .ssp-doc-action::after {
  display: none;
}


/* v4.3.59 Robust PDF preview overlay */
.ssp-document-preview-overlay { position: fixed; inset: 0; z-index: 999999; display: grid; place-items: center; padding: 28px; background: rgba(0, 20, 32, .46); }
.ssp-document-preview-modal { width: min(1120px, 96vw); height: min(860px, 92vh); display: flex; flex-direction: column; gap: 14px; padding: 18px; border-radius: 24px; background: #fff; box-shadow: 0 28px 80px rgba(0, 30, 48, .24); color: var(--ssp-primary, #004165); }
.ssp-document-preview-modal header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.ssp-document-preview-modal h2 { margin: 0; font-size: 24px; line-height: 1.15; color: var(--ssp-primary, #004165); }
.ssp-document-preview-modal p { margin: 6px 0 0; color: var(--ssp-text-muted, #64748b); }
.ssp-document-preview-modal__actions { display: inline-flex; align-items: center; gap: 10px; }
.ssp-document-preview-modal iframe { flex: 1 1 auto; width: 100%; min-height: 520px; border: 1px solid var(--ssp-border, #dbe6ec); border-radius: 18px; background: #fff; }
.ssp-doc-row__actions .ssp-doc-action,
.ssp-doc-row__actions button.ssp-doc-action,
.ssp-doc-row__file { background: #fff; background-color: #fff; color: var(--ssp-primary, #004165); box-shadow: none; }
.ssp-doc-row__actions .ssp-doc-action svg,
.ssp-doc-row__file svg,
.ssp-doc-row__actions .ssp-doc-action .ssp-activity-icon-svg { background: transparent; background-color: transparent; box-shadow: none; }

/* v4.3.59 Proposal preview modal button source of truth */
.ssp-document-preview-modal .ssp-document-preview-modal__actions .ssp-button {
  background: var(--ssp-primary, #004165);
  background-color: var(--ssp-primary, #004165);
  color: #fff;
  border-color: var(--ssp-primary, #004165);
  box-shadow: none;
}
.ssp-document-preview-modal .ssp-document-preview-modal__actions .ssp-button:hover,
.ssp-document-preview-modal .ssp-document-preview-modal__actions .ssp-button:focus {
  background: var(--ssp-accent, #0cc6de);
  background-color: var(--ssp-accent, #0cc6de);
  border-color: var(--ssp-accent, #0cc6de);
  color: var(--ssp-primary, #004165);
}
.ssp-document-preview-modal .ssp-document-preview-modal__actions .ssp-icon-button,
.ssp-document-preview-modal .ssp-document-preview-modal__actions button[data-ssp-close-document-preview] {
  background: #fff;
  background-color: #fff;
  color: var(--ssp-primary, #004165);
  border: 1px solid var(--ssp-border, #dbe6ec);
  box-shadow: none;
}
.ssp-document-preview-modal .ssp-document-preview-modal__actions .ssp-icon-button:hover,
.ssp-document-preview-modal .ssp-document-preview-modal__actions button[data-ssp-close-document-preview]:hover {
  background: rgba(12,198,222,.10);
  background-color: rgba(12,198,222,.10);
  color: var(--ssp-primary, #004165);
}