/* Shared by the main feed, record feeds and the project registry. */
html body .status.onecup-project-status{
 display:flex;align-items:center!important;gap:10px;width:100%;height:auto;min-height:0;min-width:0;box-sizing:border-box;
 padding:15px;margin:15px 0;background:#f6f8fb;border:1px solid #dce1e9;border-radius:15px!important;
 font-family:inherit;text-transform:none;
}
html body .onecup-project-status__state{
 --project-state:#626d80;display:flex;flex:1 1 0;min-width:0;min-height:52px;box-sizing:border-box;
 flex-direction:column;justify-content:center;gap:3px;padding:10px 12px;border:1px solid #dce1e9;
 border-left:3px solid var(--project-state);border-radius:10px;background:#fff;
}
html body .onecup-project-status__state.is-active{--project-state:var(--onecup-primary,#1a73e8)}
html body .onecup-project-status__state.is-done{--project-state:#33a955}
html body .onecup-project-status__state.is-cancelled{--project-state:var(--onecup-accent,#f9424b)}
html body .onecup-project-status__label{font-size:11px;font-weight:600;line-height:1.4;color:var(--project-state);overflow-wrap:break-word}
html body .onecup-project-status__date{font-size:9px;font-weight:400;line-height:1.4;color:#626d80;white-space:nowrap}
html body .onecup-project-status__state.is-previous{background:transparent;border-color:#dce1e9}
html body .onecup-project-status__state.is-previous .onecup-project-status__label{color:#626d80;font-weight:400}
html body .onecup-project-status__date:empty{display:none}
html body .onecup-project-status__arrow{flex:0 0 20px;text-align:center;color:#8b97ab;font-size:20px;font-weight:400;line-height:1}
html body .onecup-task-project-stage{margin-top:15px;min-width:0}
html body .onecup-task-project-stage select{width:100%;max-width:100%}

@media(max-width:1199px){html body .onecup-project-status__label{font-size:10px}html body .onecup-project-status__date{font-size:8px}}

html body .status.onecup-project-stage-status{display:flex;flex-direction:column;align-items:stretch!important;gap:12px;width:100%;height:auto;min-height:0;box-sizing:border-box;padding:15px;background:#f6f8fb;border:1px solid #dce1e9;border-radius:15px!important;font-family:inherit;text-transform:none}
.onecup-project-stage-status__heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#1a1d55}
.onecup-project-stage-status__heading strong{font-size:inherit;font-weight:600;min-width:0;overflow-wrap:anywhere}
.onecup-project-stage-status__state{font-size:10px;color:var(--onecup-primary,#1a73e8);white-space:nowrap}
.onecup-project-stage-status__state.is-done{color:#33a955}
.onecup-project-stage-status.is-late .onecup-project-stage-status__state:not(.is-done){color:var(--onecup-accent,#f9424b)}
.onecup-project-stage-status__period{display:flex;align-items:center;gap:8px;min-width:0}
.onecup-project-stage-status__point{flex:0 1 40%;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px;box-sizing:border-box;background:white;padding:8px 10px;border:1px solid #dce1e9;border-left:3px solid var(--onecup-primary,#1a73e8);border-radius:10px;min-height:50px;color:var(--onecup-primary,#1a73e8)}
.onecup-project-stage-status__point.is-late{border-left-color:var(--onecup-accent,#f9424b);color:var(--onecup-accent,#f9424b)}
.onecup-project-stage-status__point.is-prior{color:#626d80;border-left-color:#dce1e9;background:transparent}
.onecup-project-stage-status__label{font-size:11px;font-weight:600;line-height:1.35}
.onecup-project-stage-status__date{font-size:9px;line-height:1.4}
.onecup-project-stage-status__line{flex:1;min-width:18px;color:#8b97ab;text-align:center;font-size:20px;line-height:1}
.onecup-project-stage-status.is-late .onecup-project-stage-status__line{color:var(--onecup-accent,#f9424b)}
.onecup-project-stage-status__result{font-size:10px;line-height:1.5;color:#626d80}
.onecup-project-stage-status__late{color:var(--onecup-accent,#f9424b);font-weight:600}
@media(max-width:1199px){.onecup-project-stage-status__label,.onecup-project-stage-status__heading{font-size:10px}.onecup-project-stage-status__date{font-size:8px}.onecup-project-stage-status__state,.onecup-project-stage-status__result{font-size:9px}.onecup-project-stage-status__point{padding:8px}}