/* The overview is a working header, followed directly by the crew list. */
body[data-view="producer-project"] #app .project-overview {margin:0 0 28px}
#app .project-overview .hero {margin:0;gap:12px}
#app .project-overview .project-title-row {display:flex;align-items:center;flex-wrap:nowrap;gap:12px}
#app .project-overview .hero h1 {min-width:0;margin:4px 0 8px}
#app .project-overview .hero .project-overview-client {max-width:none;font-size:14px;line-height:1.5;margin:0}
#app .project-overview .project-state-badge {margin:0;flex:none}
.project-overview-facts {display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 20px;margin:12px 0 20px}
#app .project-overview-facts p {font:400 13px/1.5 var(--font-body);color:var(--muted);margin:0;overflow-wrap:anywhere}
.project-overview-facts p+p {padding-left:20px;border-left:1px solid var(--line)}
.project-overview-toolbar {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 20px}
.project-workspace-nav,.project-overview-controls {display:flex;align-items:center;gap:8px;min-width:0}
.project-workspace-nav[hidden] {display:none}
.project-overview-toolbar button,.project-actions-menu>summary {min-height:44px;padding:10px 16px;white-space:nowrap}
.project-workspace-nav button {background:var(--surface)}
.project-workspace-nav .workspace-suffix {margin-left:.25em}
.project-actions-menu {position:relative;flex:none}
.project-actions-menu>summary {display:flex;align-items:center;list-style:none;border:1px solid var(--line);border-radius:var(--ui-control-radius);font:var(--ui-action-font);cursor:pointer;color:var(--ink)}
.project-actions-menu>summary::-webkit-details-marker {display:none}
.project-actions-menu>summary:hover,.project-actions-menu[open]>summary {border-color:var(--accent)}
.project-actions-panel {position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:260px;max-width:calc(100vw - 32px);padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 12px 32px #0003}
.project-actions-panel button {display:block;width:100%;border:0;text-align:left;min-height:44px;padding:10px 12px;background:transparent;white-space:normal}
.project-actions-panel button:hover {background:var(--surface-2,var(--bg))}
.project-actions-panel #notify-result {display:block;border-top:1px solid var(--line);margin:6px 6px 0;padding:12px 6px 6px;font:400 12px/1.5 var(--font-body);color:var(--muted)}
body #app .project-overview-sync {border:0;background:none;padding:0;margin:0 8px 0 0;font:400 11px/1.5 var(--font-body);color:var(--muted);white-space:nowrap}
.project-overview-progress {display:grid;grid-template-columns:repeat(var(--progress-columns,3),minmax(0,1fr));border-block:1px solid var(--line);padding:18px 0;gap:24px}
#app .project-overview-progress .summary-progress-metric {display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 3px;gap:4px 12px;min-height:0;padding:0;align-items:center}
#app .project-overview-progress .project-summary-label {grid-column:1;grid-row:1;font:600 13px/1.5 var(--font-body);text-transform:none;letter-spacing:0;color:var(--ink)}
#app .project-overview-progress .summary-progress-count {grid-column:2;grid-row:1 / 3;font:400 26px/1.2 var(--font-body);color:var(--accent);white-space:nowrap}
#app .project-overview-progress .summary-progress-count small {font:400 12px/1.2 var(--font-body);margin-left:4px;color:var(--muted)}
#app .project-overview-progress .summary-progress-detail {grid-column:1;grid-row:2;font:400 12px/1.5 var(--font-body);color:var(--muted)}
#app .project-overview-progress .summary-progress-bar {grid-column:1/-1;grid-row:3;margin:8px 0 0;height:3px}
body[data-view="producer-project"] .project-management-layout {display:block}
body[data-view="producer-project"] .project-management-layout .producer-main>.section:first-child {margin-top:0}
body[data-view="producer-project"] .project-management-layout .producer-main>.section:first-child>.topline {margin-bottom:16px}
.project-crew-count {display:inline-block;vertical-align:middle;margin-left:10px;font:400 16px/1.2 var(--font-body);color:var(--muted);letter-spacing:0}
@media(max-width:800px) {
 body #app .project-overview-sync {display:none}
 .project-overview-progress {gap:18px}
 #app .project-overview-progress .summary-progress-metric {grid-template-columns:1fr;grid-template-rows:auto auto auto 3px;gap:4px}
 #app .project-overview-progress .summary-progress-count {grid-column:1;grid-row:2}
 #app .project-overview-progress .summary-progress-detail {grid-row:3}
 #app .project-overview-progress .summary-progress-bar {grid-row:4}
}
@media(max-width:650px) {
 body[data-view="producer-project"] #app>.back {margin-bottom:12px}
 #app .project-overview .hero h1 {font-size:30px}
 .project-overview-facts {display:block;margin:10px 0 16px}
 .project-overview-facts p+p {padding:0;border:0;margin-top:4px!important}
 .project-overview-toolbar {gap:8px;padding-bottom:16px}
 .project-workspace-nav {flex:1;gap:8px}
 .project-workspace-nav button {flex:1;white-space:normal;padding:10px 8px}
 .project-overview-controls {margin-left:auto;flex:none}
 .project-overview-toolbar button,.project-actions-menu>summary {padding:10px 14px}
 .project-overview-progress {gap:12px;padding:14px 0 18px}
 .project-overview-progress.four-metrics {grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}
 #app .project-overview-progress .project-summary-label {font-size:12px}
 #app .project-overview-progress .summary-progress-count {font-size:24px}
 #app .project-overview-progress .summary-progress-detail {font-size:11px;min-height:33px}
 #app .project-overview-progress.four-metrics .summary-progress-metric {grid-template-columns:1fr auto;grid-template-rows:auto auto 3px}
 #app .project-overview-progress.four-metrics .summary-progress-count {grid-column:2;grid-row:1;font-size:22px}
 #app .project-overview-progress.four-metrics .summary-progress-detail {grid-column:1/-1;grid-row:2}
 #app .project-overview-progress.four-metrics .summary-progress-bar {grid-row:3}
 #app .project-overview-progress .summary-progress-metric:only-child {grid-template-columns:1fr auto;grid-template-rows:auto auto 3px}
 #app .project-overview-progress .summary-progress-metric:only-child .summary-progress-count {grid-column:2;grid-row:1 / 3}
 #app .project-overview-progress .summary-progress-metric:only-child .summary-progress-detail {grid-row:2;min-height:0}
 #app .project-overview-progress .summary-progress-metric:only-child .summary-progress-bar {grid-row:3}
 body[data-view="producer-project"] #app .project-overview {margin-bottom:20px}
}

@media(max-width:370px){.project-workspace-nav .workspace-suffix{display:none}}
/* Readiness stays with the crew member; assignment actions form one group. */
#app .project-crew-list .member-expanded-top {
 display:grid;
 grid-template-columns:minmax(0,1fr) auto auto;
 align-items:center;
 justify-content:normal;
 gap:8px;
}
#app .project-crew-list .member-expanded-top .readiness {justify-self:start}
#app .project-crew-list .member-expanded-top button {margin:0}
@media(max-width:650px) {
 #app .project-crew-list .member-expanded-top {grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
 #app .project-crew-list .member-expanded-top .readiness {grid-column:1/-1;margin-bottom:4px}
 #app .project-crew-list .member-expanded-top button {width:100%;min-height:44px;white-space:normal;line-height:1.4}
}

.project-overview-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.project-overview-facts strong{display:block;margin-top:6px;font-size:14px;overflow-wrap:anywhere}.schedule-checks{margin:16px 0;border:1px solid var(--line);border-radius:10px;padding:14px}.schedule-checks summary{cursor:pointer}.schedule-checks li{margin:10px 0}@media(max-width:650px){.project-overview-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}