/* Read-only stage progress and compact project section navigation. */
.project-progress{margin:18px 0 16px;padding:14px 16px;border:1px solid #e8e7ef;border-radius:14px;background:#faf9fd}
.project-progress-heading{display:flex;align-items:center;gap:10px;font-size:12px;color:#62596f;margin-bottom:13px}
.project-progress-heading strong{font-size:14px;color:#292536}.project-progress-heading small{margin-inline-start:auto;font:600 11px Manrope,Cairo,sans-serif;color:#62596f;white-space:nowrap}
.project-stage-list{list-style:none;margin:0;padding:0;display:flex;gap:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scroll-padding-inline:8px}
.project-stage{display:flex;align-items:center;position:relative;gap:7px;flex:1 0 110px;padding:4px 8px;min-width:0;color:#62596f}
.project-stage:not(:last-child):after{content:'';width:14px;height:1px;background:#d7cdea;position:absolute;inset-inline-end:-7px;top:17px}
.project-stage-number{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;border:1px solid #d7cdea;background:#fff;font:600 11px Manrope,Cairo,sans-serif;color:#62596f}
.project-stage-copy{display:flex;flex-direction:column;gap:3px;white-space:nowrap}.project-stage-copy strong{font-size:10px;font-weight:600;line-height:1.5}.project-stage-copy small{font-size:9px;line-height:1.5;color:#62596f}
.project-stage.current{color:#292536}.project-stage.current .project-stage-number{background:#7250c5;color:#fff;border-color:#7250c5}.project-stage.current .project-stage-copy strong{font-weight:800}.project-stage.current .project-stage-copy small{color:#7250c5;font-weight:700}
.project-stage.done .project-stage-number{background:#f0eafa;border-color:#d7cdea;color:#4f2c86}.project-stage.done .project-stage-copy strong{color:#62596f}
.project-stage-list:focus-visible,.project-section-nav button:focus-visible,.project-section-picker select:focus-visible{outline:3px solid #7250c5;outline-offset:3px}
.project-section-nav{margin:0 0 20px;min-width:0}.modal .project-section-tabs{width:100%;border:0;border-bottom:1px solid #e8e7ef;border-radius:0;background:transparent;padding:0 0 5px;gap:4px;margin:0;overflow-x:auto;scrollbar-width:thin}
.modal .project-section-tabs .tab{min-height:44px;padding:10px 12px;font-size:11px;color:#62596f;white-space:nowrap;flex-shrink:0;border-radius:8px;background:transparent}.modal .project-section-tabs .tab.active{background:#f0eafa;color:#4f2c86;font-weight:800;box-shadow:inset 0 -2px #7250c5}
.project-section-picker{display:none}.project-section-content{min-width:0}
@media(max-width:680px){.project-progress{padding:12px;margin:14px 0}.project-progress-heading{font-size:10px;gap:8px;margin-bottom:10px}.project-progress-heading strong{font-size:12px}.project-stage{flex-basis:104px;padding:4px 7px}.project-stage-number{flex-basis:23px;height:23px}.project-stage-copy strong{font-size:10px}.modal .project-section-tabs{display:none}.project-section-picker{display:flex;align-items:center;gap:10px;color:#62596f;font-size:12px;font-weight:700}.project-section-picker select{min-width:0;flex:1;min-height:46px;padding:10px 12px;border:1px solid #d7cdea;border-radius:10px;background:#fff;color:#4f2c86;font:600 13px Cairo,sans-serif}.project-section-nav{margin-bottom:16px}}
@media print{.project-progress,.project-section-nav{display:none!important}}