.ceo-projects { --project-accent:#17191d; }
.ceo-project-hero { padding:28px 30px 20px; background:var(--surface); color:var(--muted); border-radius:20px; position:relative; overflow:hidden; }
.ceo-project-hero .ceo-project-eyebrow { color:var(--muted); font-size:10px; letter-spacing:2px; }
.ceo-project-hero .ceo-project-heading { align-items:flex-start; }
.ceo-project-hero .ceo-project-heading h2 { color:var(--text); font-size:29px; letter-spacing:-1px; }
.ceo-project-hero .ceo-project-heading p { color:var(--muted); font-size:14px; line-height:1.8; }
.ceo-project-hero-summary { display:flex; flex-direction:column; gap:3px; text-align:right; padding-left:20px; }
.ceo-project-hero-summary > strong { color:var(--muted); font-size:55px; line-height:1.1; font-weight:550; letter-spacing:-3px; }
.ceo-project-hero-summary > strong span { font-size:26px; margin-left:3px; }
.ceo-project-hero-summary > span { font-size:12px; color:var(--muted); }
.ceo-project-hero-summary small { font-size:10px; color:var(--muted); margin-top:6px; }
.ceo-project-hero .ceo-project-heading-actions { border-top:1px solid var(--line); margin-top:24px; padding-top:18px; align-items:center; }
.ceo-project-hero .ceo-button { background:var(--surface); border-color:var(--line); color:var(--muted); }
.ceo-project-hero .ceo-button:hover { background:#f2f3f5;  border-color:#bcc2ca; }
.ceo-project-hero .ceo-button.primary { background:#17191d; border-color:#17191d; color:#fff; box-shadow:none; }
.ceo-project-shared-label { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:11px; margin-right:auto; }
.ceo-project-shared-label svg { width:15px; height:15px; }
.ceo-project-priorities { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:20px 0 26px; }
.ceo-project-priority { position:relative; min-width:0; display:grid; grid-template-columns:1fr auto; text-align:left; padding:19px; border:1px solid var(--line); border-radius:14px; background:var(--surface); color:var(--muted); font-family:inherit; transition:border-color .15s,box-shadow .15s; }
.ceo-project-priority[aria-pressed="true"] { border-color:#a3a3a3; box-shadow:0 0 0 1px #a3a3a3; background:var(--surface-2); }
.ceo-project-priority:hover { border-color:#bcc2ca; box-shadow:0 4px 15px #31313108;  background:#fafafa; }
.ceo-project-priority-icon { display:grid; place-items:center; width:33px; height:33px; border-radius:9px; background:var(--surface-2); color:var(--muted); }
.ceo-project-priority-icon svg { width:18px; height:18px; }
.ceo-project-priority.is-overdue .ceo-project-priority-icon { color:var(--muted); background:var(--surface-2); }
.ceo-project-priority.is-upcoming .ceo-project-priority-icon { color:var(--muted); background:var(--surface-2); }
.ceo-project-priority.is-waiting .ceo-project-priority-icon { color:var(--muted); background:var(--surface-2); }
.ceo-project-priority strong { font-size:30px; line-height:1; font-weight:600; letter-spacing:-1px; }
.ceo-project-priority > span:not(.ceo-project-priority-icon) { grid-column:1/-1; margin-top:16px; font-size:12px; font-weight:600; }
.ceo-project-priority small { grid-column:1/-1; font-size:10px; color:var(--muted); margin-top:6px; line-height:1.5; }
.ceo-project-focus { display:grid; grid-template-columns:180px 1fr; gap:22px; background:var(--surface); border:1px solid var(--line); padding:22px; border-radius:15px; margin-bottom:28px; }
.ceo-project-focus h3 { font-size:17px; color:var(--text); margin:0; letter-spacing:-.4px; }
.ceo-project-focus .ceo-project-eyebrow { font-size:8px; line-height:1.6; letter-spacing:1.3px; }
.ceo-project-focus-list { display:grid; gap:1px; }
.ceo-project-focus-item { display:flex; align-items:center; gap:11px; width:100%; padding:10px 4px; border:0; border-bottom:1px solid var(--line); background:transparent; text-align:left; color:var(--muted); font:inherit; min-width:0; }
.ceo-project-focus-item:last-child { border:0; }
.ceo-project-focus-item:hover { background:var(--surface-2); border-radius:6px; }
.ceo-project-focus-item > span:nth-child(2) { flex:1; min-width:0; }
.ceo-project-focus-item strong { font-size:12px; font-weight:600; overflow-wrap:anywhere; }
.ceo-project-focus-item small { display:block; font-size:10px; color:var(--muted); line-height:1.6; overflow-wrap:anywhere; }
.ceo-project-focus-item time { font-size:10px; white-space:nowrap; }
.ceo-project-focus-dot { flex:0 0 6px; width:6px; height:6px; border-radius:50%; background:var(--project-accent,#17191d); }
.ceo-project-focus-dot.is-late { background:var(--project-accent,#17191d); }
.ceo-project-focus-item .is-late,.ceo-project-step-copy .is-late { color:var(--muted); }
.ceo-project-board-heading { display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin:0 0 13px; }
.ceo-project-board-heading h3 { font-size:19px; letter-spacing:-.5px; margin:0; color:var(--text); }
.ceo-project-board-heading .ceo-project-results { margin:0; }
.ceo-project-next { display:grid; grid-template-columns:1fr auto; column-gap:10px; padding:12px; margin:0 0 16px; border-radius:9px; background:var(--surface-2); }
.ceo-project-next > span { grid-column:1/-1; font-size:8px; letter-spacing:1.2px; color:var(--muted); margin-bottom:6px; }
.ceo-project-next > strong { font-size:11px; font-weight:500; color:var(--muted); overflow-wrap:anywhere; }
.ceo-project-next > small { font-size:10px; color:var(--muted); }
.ceo-project-urgency { font-size:9px; color:var(--muted); background:var(--surface-2); padding:5px 7px; border-radius:5px; }
.ceo-project-step-copy { min-width:0; }
.ceo-project-step-copy small { display:block; font-size:10px; color:var(--muted); margin-top:3px; }
.ceo-project-templates { padding:15px 17px; border:1px solid var(--line); border-radius:12px; background:var(--soft); margin-bottom:22px; }
.ceo-project-templates summary { cursor:pointer; font-size:13px; font-weight:600; color:var(--text); }
.ceo-project-templates summary span { font-weight:400; font-size:11px; color:var(--muted); margin-left:10px; }
.ceo-project-templates p { font-size:11px; color:var(--muted); }
.ceo-project-template-row { display:flex; gap:8px; align-items:flex-end; flex-wrap:wrap; margin-top:15px; }
.ceo-project-template-row label { flex:1 1 180px; min-width:0; }
.ceo-project-template-confirm { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:12px; color:var(--muted); font-size:12px; }
.ceo-project-step-date { font-size:9px; color:var(--muted); display:grid; gap:3px; min-width:0; }
.ceo-project-step-date input { min-width:0; width:100%; border:1px solid var(--line); border-radius:7px; background:var(--surface); padding:7px; font:inherit; font-size:11px; color:var(--muted); }
.ceo-project-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.ceo-project-eyebrow { display:block; margin-bottom:8px; font-size:10px; font-weight:700; letter-spacing:1.8px; color:var(--muted); }
.ceo-project-heading h2 { margin:0 0 7px; font-size:24px; letter-spacing:-.7px;  color:var(--text); }
.ceo-project-heading p { margin:0; color:var(--muted); font-size:13px; line-height:1.6; }
.ceo-project-heading-actions { display:flex; gap:8px; flex-wrap:wrap; }
.ceo-project-access-note { background:var(--soft); border:1px solid var(--line); border-radius:9px; color:var(--muted); padding:12px 15px; font-size:13px; line-height:1.6; margin:20px 0 0; }
.ceo-project-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:24px 0; }
.ceo-project-stats > div { display:flex; flex-direction:column; gap:6px; padding:18px 20px; background:var(--surface); border:1px solid var(--line); border-radius:12px; }
.ceo-project-stats span { color:var(--muted); font-size:12px; }
.ceo-project-stats strong { font-size:30px; line-height:1.3; letter-spacing:-1px; color:var(--text); }
.ceo-project-stats small { color:var(--muted); font-size:10px; }
.ceo-project-filters { display:grid; grid-template-columns:minmax(180px,1fr) minmax(150px,190px) minmax(150px,190px); align-items:end; gap:14px; background:var(--surface); border:1px solid var(--line); border-radius:11px; padding:16px; margin-bottom:20px; }
.ceo-project-filters .ceo-field { min-width:0; }
.ceo-project-results { color:var(--muted); font-size:12px; margin:18px 0 12px; }
.ceo-project-board { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-items:stretch; }
.ceo-project-card { min-width:0; padding:22px; background:var(--surface); border:1px solid var(--line); border-radius:16px; box-shadow:0 3px 10px #1d1d1d03; display:flex; flex-direction:column; transition:box-shadow .15s,border-color .15s; }
.ceo-project-card:hover { border-color:#bcc2ca; box-shadow:0 8px 24px #2f2f2f09; }
.ceo-project-card.is-overdue { border-top:3px solid var(--line); padding-top:20px;  border-top-color:#a3a3a3; }
.ceo-project-card-meta { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:18px; }
.ceo-project-status { display:inline-flex; align-items:center; gap:6px; border-radius:5px; background:var(--project-badge,var(--surface-2)); padding:5px 8px; font-size:10px; font-weight:600; color:var(--project-ink,var(--muted)); max-width:100%; }
.ceo-project-status i { display:block; flex:0 0 5px; width:5px; height:5px; border-radius:50%; background:currentColor; }
.ceo-project-total { font-size:12px; font-weight:600; color:var(--muted); }
.ceo-project-card h3 { margin:0 0 7px; font-size:17px; letter-spacing:-.3px; line-height:1.45; overflow-wrap:anywhere; }
.ceo-project-company { margin:0; color:var(--muted); font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.ceo-project-client { margin:3px 0 0; color:var(--muted); font-size:11px; overflow-wrap:anywhere; }
.ceo-project-tracks { display:grid; gap:14px; padding:23px 0; margin-top:auto; }
.ceo-project-progress > div { display:flex; justify-content:space-between; align-items:baseline; gap:10px; font-size:11px; color:var(--muted); margin:0 0 7px; }
.ceo-project-progress > div > span { overflow-wrap:anywhere; min-width:0; }
.ceo-project-progress strong { color:var(--muted); font-weight:600; white-space:nowrap; }
.ceo-project-progress small { color:var(--muted); font-weight:400; font-size:10px; }
.ceo-project-progress progress { display:block; width:100%; height:5px; border:0; border-radius:10px; overflow:hidden; background:var(--surface-2); color:var(--muted); accent-color:var(--project-accent,#17191d); }
.ceo-project-progress progress::-webkit-progress-bar { background:var(--surface-2); border-radius:10px; }
.ceo-project-progress progress::-webkit-progress-value { background:var(--project-accent,#17191d); border-radius:10px; }
.ceo-project-progress progress::-moz-progress-bar { background:var(--project-accent,#17191d); border-radius:10px; }
.ceo-project-progress.is-onboarding progress { color:var(--muted); accent-color:var(--project-accent,#17191d);  background:var(--surface-2); }
.ceo-project-progress.is-onboarding progress::-webkit-progress-value { background:var(--project-accent,#17191d); }
.ceo-project-progress.is-onboarding progress::-moz-progress-bar { background:var(--project-accent,#17191d); }
.ceo-project-card-footer { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; border-top:1px solid var(--line); padding-top:15px; margin-bottom:16px; }
.ceo-project-person { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:10px; min-width:0; }
.ceo-project-person > span:last-child { overflow-wrap:anywhere; }
.ceo-project-avatar { width:23px; height:23px; flex:0 0 23px; display:inline-flex; align-items:center; justify-content:center; background:var(--surface-2); color:var(--muted); border-radius:50%; font-size:10px; }
.ceo-project-due { font-size:10px; color:var(--muted); }
.ceo-project-due.is-late { color:var(--muted); }
.ceo-button.ceo-project-open { justify-content:space-between; width:100%; background:var(--surface); border-color:var(--line); color:var(--muted); font-size:11px; }
.ceo-button.ceo-project-open:hover { background:#f2f3f5; border-color:#bcc2ca; }
.ceo-project-empty { grid-column:1/-1; padding:55px 24px; border:1px dashed var(--line); border-radius:13px; text-align:center; background:var(--surface); }
.ceo-project-empty-icon { display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; font-size:28px; color:var(--muted); background:var(--surface-2); border-radius:12px; margin-bottom:12px; }
.ceo-project-empty h3 { margin:0 0 8px; color:var(--text); font-size:18px; }
.ceo-project-empty p { color:var(--muted); font-size:13px; line-height:1.7; margin:0 auto 20px; max-width:440px; }
.ceo-project-error { border:1px solid var(--line); border-radius:12px; background:var(--soft); padding:22px; color:var(--muted); font-size:14px; }
.ceo-project-error p { max-width:700px; font-size:13px; line-height:1.7; }
.ceo-project-notice { padding:12px 16px; background:var(--soft); color:var(--muted); border-radius:8px; font-size:13px; }
.ceo-project-dialog { width:min(900px,calc(100% - 32px)); }
.ceo-project-dialog-heading { display:flex; flex-wrap:nowrap; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:20px; }
.ceo-project-dialog-heading > div { flex:1; min-width:0; }
.ceo-project-dialog .ceo-project-dialog-heading h2 { overflow-wrap:anywhere; margin:0; font-size:22px; }
.ceo-project-dialog .ceo-project-dialog-heading > .ceo-button { flex:0 0 44px; align-self:flex-start; width:44px; min-width:44px; padding:5px; font-size:23px; }
.ceo-project-dialog h3 { font-size:16px; font-weight:650; color:var(--text); margin:0 0 14px; }
.ceo-project-dialog p { font-size:14px; line-height:1.7; }
.ceo-project-dialog input:where(:not([type=checkbox]):not([type=radio])),.ceo-project-dialog select,.ceo-project-dialog textarea { min-height:44px; font-size:14px; }
.ceo-project-detail-meta { display:flex; flex-wrap:wrap; align-items:center; gap:14px; color:var(--muted); font-size:13px; margin-bottom:20px; }
.ceo-project-detail-meta .ceo-project-status { font-size:12px; padding:6px 10px; }
.ceo-project-detail-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; padding:5px; margin-bottom:24px; border:1px solid var(--line); border-radius:12px; background:var(--soft); }
.ceo-project-detail-tab { min-width:0; min-height:44px; padding:10px 8px; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--muted); font:inherit; font-size:14px; font-weight:600; line-height:1.5; cursor:pointer; }
.ceo-project-detail-tab:hover { background:var(--surface-2); color:var(--text); }
.ceo-project-detail-tab[aria-selected="true"] { background:var(--surface); border-color:var(--line); color:var(--text); box-shadow:0 2px 4px #17191d08; }
.ceo-project-detail-panel { min-width:0; }
.ceo-project-detail-panel[hidden] { display:none; }
.ceo-project-overview { padding:18px; margin-bottom:24px; border:1px solid var(--line); border-radius:12px; background:var(--soft); }
.ceo-project-overview .ceo-project-progress > div { font-size:14px; }
.ceo-project-overview .ceo-project-progress :is(strong,small) { font-size:13px; }
.ceo-project-overview .ceo-project-progress progress { height:7px; }
.ceo-project-overview .ceo-project-overview-caption { margin:10px 0 0; font-size:13px; color:var(--muted); }
.ceo-project-info { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:0 0 24px; }
.ceo-project-info dt { color:var(--muted); font-size:13px; margin-bottom:6px; }
.ceo-project-info dd { margin:0; font-size:14px; line-height:1.65; color:var(--text); overflow-wrap:anywhere; }
.ceo-project-info small { display:block; font-size:13px; color:var(--muted); margin-top:4px; }
.ceo-project-info a { color:var(--text); text-decoration:underline; text-underline-offset:3px; }
.ceo-project-credentials { padding:20px; border:1px solid var(--line); background:var(--soft); border-radius:12px; margin:0; }
.ceo-project-credentials > div:first-child h3 { margin-bottom:3px; }
.ceo-project-credentials > div:first-child p { margin:0 0 17px; }
.ceo-project-credentials .ceo-project-info { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ceo-project-secret { display:flex; gap:10px; align-items:flex-end; max-width:450px; }
.ceo-project-secret .ceo-field { flex:1; min-width:0; }
.ceo-project-secret .ceo-button { flex:none; min-height:44px; }
.ceo-project-secret-note { margin:10px 0 0; font-size:12px !important; line-height:1.6; color:var(--muted) !important; }
.ceo-project-detail-tracks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }
.ceo-project-detail-track { min-width:0; padding:18px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.ceo-project-detail-track h3 { overflow-wrap:anywhere; }
.ceo-project-detail-track .ceo-project-progress > div,.ceo-project-detail-track .ceo-project-progress :is(strong,small) { font-size:13px; }
.ceo-project-no-stages { font-size:13px; color:var(--muted); line-height:1.6; }
.ceo-project-checklist { list-style:none; padding:12px 0 0; margin:16px 0 0; border-top:1px solid var(--line); display:grid; gap:2px; }
.ceo-project-checklist li { display:flex; gap:9px; align-items:flex-start; font-size:14px; color:var(--muted); line-height:1.6; overflow-wrap:anywhere; }
.ceo-project-check { border:1px solid var(--line); border-radius:4px; height:16px; width:16px; flex:0 0 16px; display:inline-flex; align-items:center; justify-content:center; margin-top:1px; font-size:10px; }
.ceo-project-checklist .is-done { color:var(--muted); }
.ceo-project-checklist .is-done .ceo-project-check { background:var(--project-accent,#17191d); border-color:var(--project-accent,#17191d); color:#fff; }
.ceo-project-notes { margin-top:24px; border:1px solid var(--line); border-radius:12px; padding:18px; }
.ceo-project-notes p { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.7; margin:0; }
.ceo-project-invite { padding:20px; margin:18px 0 0; border-radius:12px; background:var(--soft); border:1px solid var(--line); }
.ceo-project-invite h3 { margin-bottom:7px; }
.ceo-project-invite p { line-height:1.7; margin:7px 0 13px; overflow-wrap:anywhere; }
.ceo-project-invite [data-invite-result] { margin-top:15px; }
.ceo-project-invite [data-copy-invite] { margin-top:8px; }
.ceo-project-access-note > p { margin:6px 0 0; }
.ceo-project-team-form { display:grid; gap:16px; margin:22px 0; }
.ceo-project-team-form > .ceo-button { justify-self:start; }
.ceo-project-team-passwords { padding:16px; border:1px solid var(--line); border-radius:10px; background:var(--soft); }
.ceo-project-team-passwords > p { margin-top:10px; font-size:12px; }
.ceo-project-team-form-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.ceo-project-team-capability { color:var(--muted); font-size:12px; }
.ceo-project-invite [data-team-copy-credentials] { margin-top:14px; }
.ceo-project-team-form p,.ceo-project-team-list p { margin:0; line-height:1.7; }
.ceo-project-team-preview { padding:16px; border:1px solid var(--line); border-radius:10px; background:var(--soft); }
.ceo-project-team-preview h3 { margin-bottom:8px; }
.ceo-project-team-preview ul,.ceo-project-team-entry ul { padding-left:20px; margin:8px 0 0; line-height:1.8; }
.ceo-project-team-list { margin-top:28px; }
.ceo-project-team-list-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
.ceo-project-team-list-heading h3 { margin:0; }
.ceo-project-team-entry { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; border-top:1px solid var(--line); padding:16px 0; }
.ceo-project-team-entry > div { min-width:0; }
.ceo-project-team-entry > div:first-child { flex:1; }
.ceo-project-team-entry strong,.ceo-project-team-preview li,.ceo-project-team-entry li { overflow-wrap:anywhere; }
.ceo-project-team-entry strong { display:block; font-size:13px; }
.ceo-project-team-entry p { margin-top:8px; }
.ceo-project-team-entry [data-team-actions] { display:flex; gap:8px; flex-wrap:wrap; max-width:45%; }
.ceo-project-team-entry [data-team-actions] .ceo-button { white-space:normal; }
.ceo-project-team-badge { display:block; margin:6px 0; color:var(--muted); font-size:11px; }
.ceo-project-team-badge.is-pending { color:var(--muted); }
.ceo-project-invite ol { padding-left:22px; line-height:1.8; }
.ceo-project-invite [data-team-copy] { margin-top:8px; }
.ceo-project-dialog-footer { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; margin-top:26px; border-top:1px solid var(--line); padding-top:18px; }
.ceo-project-dialog-footer > div { display:flex; gap:8px; margin-left:auto; flex-wrap:wrap; }
.ceo-project-dialog-footer > span { color:var(--muted); font-size:12px; }
.ceo-project-form section + section { border-top:1px solid var(--line); padding-top:19px; }
.ceo-project-form section p { margin:10px 0 0; line-height:1.6; }
.ceo-project-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.ceo-project-form-grid .ceo-field { min-width:0; }
.ceo-project-wide { grid-column:1/-1; }
.ceo-project-remove-secret { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--muted); }
.ceo-project-remove-secret input { width:16px; height:16px; accent-color:var(--project-accent,#17191d); }
.ceo-project-track-editor { border:1px solid var(--line); padding:16px; margin:0; border-radius:10px; min-width:0; }
.ceo-project-track-editor legend { color:var(--text); font-size:13px; font-weight:650; padding:0 6px; }
.ceo-project-track-editor > p { margin:0 0 14px; font-size:11px; }
.ceo-project-production [data-production-lists] { display:grid; gap:20px; margin:20px 0 14px; }
.ceo-project-list-heading { display:flex; align-items:flex-end; gap:12px; margin-bottom:16px; }
.ceo-project-list-heading .ceo-field { flex:1; min-width:0; }
.ceo-project-list-heading [data-list-remove] { flex:none; min-height:40px; }
.ceo-project-track-editor [data-list-steps] { display:grid; gap:9px; margin:13px 0; }
.ceo-project-step-editor { display:grid; grid-template-columns:18px minmax(0,1fr) 130px auto; gap:9px; align-items:center; }
.ceo-project-step-editor:not(:has([data-step-due])) { grid-template-columns:18px minmax(0,1fr) auto; }
.ceo-project-step-actions { display:flex; gap:4px; }
.ceo-project-step-actions .ceo-button { width:32px; }
.ceo-project-step-actions .ceo-button:disabled { cursor:default; }
.ceo-project-step-editor [data-step-done] { accent-color:var(--project-accent,#17191d); height:16px; width:16px; margin:0; }
.ceo-project-step-editor [data-step-label] { min-width:0; width:100%; border:1px solid var(--line); border-radius:6px; background:var(--surface); padding:9px 10px; font-size:12px; color:var(--muted); }
.ceo-project-step-editor .ceo-button { min-height:34px; padding:5px; color:var(--muted); background:var(--surface); }
.ceo-project-form .ceo-project-dialog-footer { margin-top:0; }
.ceo-project-edit-summary { margin:0; line-height:1.6; }
.ceo-project-delete-message { line-height:1.8; }
.ceo-projects .ceo-button:disabled,.ceo-project-dialog .ceo-button:disabled { opacity:.55; cursor:wait; }
.ceo-projects :focus-visible,.ceo-project-dialog :focus-visible { outline:2px solid #525252; outline-offset:3px; }
.ceo-project-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:1180px) {
  .ceo-project-board { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ceo-project-stats > div { padding:15px; }
}
@media(max-width:720px) {
  .ceo-project-hero { padding:22px 18px 18px; border-radius:16px; }
  .ceo-project-hero .ceo-project-heading { flex-direction:row; gap:12px; }
  .ceo-project-hero .ceo-project-heading h2 { font-size:24px;  color:var(--text); }
  .ceo-project-hero .ceo-project-heading p { font-size:12px; }
  .ceo-project-hero-summary { padding-left:0; }
  .ceo-project-hero-summary > strong { font-size:38px; }
  .ceo-project-hero-summary > strong span { font-size:18px; }
  .ceo-project-hero-summary > span { font-size:9px; }
  .ceo-project-hero-summary small { display:none; }
  .ceo-project-shared-label { flex-basis:100%; margin-bottom:5px; }
  .ceo-project-priorities { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:14px 0 22px; }
  .ceo-project-priority { padding:14px 12px; }
  .ceo-project-priority strong { font-size:26px; }
  .ceo-project-priority > span:not(.ceo-project-priority-icon) { font-size:11px; }
  .ceo-project-priority small { font-size:9px; }
  .ceo-project-focus { grid-template-columns:1fr; gap:10px; padding:17px; }
  .ceo-project-focus-item { flex-wrap:wrap; }
  .ceo-project-focus-item time { margin-left:17px; }
  .ceo-project-focus-item > span:nth-child(2) { flex-basis:calc(100% - 30px); }
  .ceo-project-board-heading { align-items:flex-start; flex-direction:column; gap:5px; }
  .ceo-project-template-row .ceo-button { flex:1; white-space:normal; }
  .ceo-project-templates summary span { display:block; margin:5px 0 0; }
  .ceo-project-step-date { grid-column:2; font-size:11px; }
  .ceo-project-step-date input { min-height:44px; font-size:16px; }
  .ceo-project-heading { align-items:flex-start; flex-direction:column; gap:16px; }
  .ceo-project-heading h2 { font-size:23px;  color:var(--text); }
  .ceo-project-heading-actions { width:100%; }
  .ceo-project-heading-actions .primary { flex:1; }
  .ceo-project-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:20px 0; }
  .ceo-project-stats strong { font-size:26px;  color:var(--text); }
  .ceo-project-board { grid-template-columns:1fr; gap:14px; }
  .ceo-project-filters { grid-template-columns:1fr; gap:12px; padding:14px; }
  .ceo-projects .ceo-button,.ceo-project-dialog .ceo-button { min-height:44px; }
  .ceo-projects .ceo-field input,.ceo-projects .ceo-field select,.ceo-project-dialog input,.ceo-project-dialog select,.ceo-project-dialog textarea { font-size:16px; }
  .ceo-project-dialog .ceo-project-dialog-heading h2 { font-size:21px; }
  .ceo-project-dialog-heading > .ceo-button { flex-basis:44px; }
  .ceo-project-detail-tracks { grid-template-columns:1fr; gap:16px; }
  .ceo-project-detail-tabs { margin-bottom:20px; }
  .ceo-project-detail-tab { font-size:13px; }
  .ceo-project-detail-track,.ceo-project-overview,.ceo-project-credentials,.ceo-project-invite { padding:16px; }
  .ceo-project-form-grid { grid-template-columns:1fr; }
  .ceo-project-info { grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
  .ceo-project-info > div:last-child { grid-column:1/-1; }
  .ceo-project-credentials .ceo-project-info { grid-template-columns:1fr; }
  .ceo-project-secret { flex-wrap:wrap; }
  .ceo-project-secret .ceo-field { flex-basis:100%; }
  .ceo-project-secret .ceo-button { width:100%; }
  .ceo-project-track-editor { padding:12px; }
  .ceo-project-list-heading { flex-wrap:wrap; align-items:flex-start; }
  .ceo-project-list-heading .ceo-field { flex-basis:100%; }
  .ceo-project-list-heading [data-list-remove] { min-height:44px; }
  .ceo-project-step-editor { grid-template-columns:20px minmax(0,1fr); gap:7px; padding-bottom:12px; border-bottom:1px solid var(--line); }
  .ceo-project-step-editor:not(:has([data-step-due])) { grid-template-columns:20px minmax(0,1fr); }
  .ceo-project-step-actions { grid-column:2; justify-content:flex-end; gap:6px; }
  .ceo-project-step-actions .ceo-button { width:44px; }
  .ceo-project-step-editor [data-step-label] { font-size:16px; padding:11px 8px; min-height:44px; }
  .ceo-project-step-editor [data-step-done] { height:19px; width:19px; }
  .ceo-project-dialog-footer > span { flex-basis:100%; }
  .ceo-project-form .mobile-form-actions > div { width:100%; }
  .ceo-project-form .mobile-form-actions > div .ceo-button { flex:1; }
  .ceo-project-invite [data-project-invite] { white-space:normal; width:100%; }
  .ceo-project-team-form > .ceo-button { width:100%; white-space:normal; }
  .ceo-project-team-form-actions .ceo-button,.ceo-project-invite [data-team-copy-credentials] { width:100%; white-space:normal; }
  .ceo-project-team-entry { flex-direction:column; }
  .ceo-project-team-entry [data-team-actions] { max-width:100%; }
}

/* ZAMA board: pastel status colors, compact columns and expandable cards. */
.ceo-projects,.ceo-project-dialog { color-scheme:light; color:var(--text); --project-accent:#17191d; }
.ceo-project-column[data-project-column="planning"],.ceo-project-card[data-project-status="planning"],.ceo-project-status.is-planning,.ceo-project-process-status.is-planning { --project-tint:#f5f1fb; --project-badge:#ece3f8; --project-border:#ded3ee; --project-ink:#604778; --project-accent:#9278b5; }
.ceo-project-column[data-project-column="in_progress"],.ceo-project-card[data-project-status="in_progress"],.ceo-project-status.is-in_progress,.ceo-project-process-status.is-in_progress { --project-tint:#eff6fc; --project-badge:#deedf9; --project-border:#cadfed; --project-ink:#355d7b; --project-accent:#668fae; }
.ceo-project-column[data-project-column="waiting"],.ceo-project-card[data-project-status="waiting"],.ceo-project-status.is-waiting,.ceo-project-process-status.is-waiting { --project-tint:#fff7ed; --project-badge:#ffecd3; --project-border:#efd9b9; --project-ink:#7b572c; --project-accent:#b38951; }
.ceo-project-column[data-project-column="completed"],.ceo-project-card[data-project-status="completed"],.ceo-project-status.is-completed,.ceo-project-process-status.is-completed { --project-tint:#f0f8f2; --project-badge:#deefe3; --project-border:#cde2d3; --project-ink:#3e624b; --project-accent:#719b7d; }
.ceo-project-hero { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; padding:20px; background:var(--surface); border:1px solid var(--line); border-radius:12px; }
.ceo-project-hero .ceo-project-heading h2 { font-size:23px; letter-spacing:-.6px; color:var(--text); }
.ceo-project-hero .ceo-project-heading p { color:var(--muted); font-size:14px; line-height:1.6; }
.ceo-project-hero .ceo-project-eyebrow { color:var(--muted); font-size:9px; letter-spacing:1.5px; }
.ceo-project-hero .ceo-project-heading-actions { border:0; margin:0; padding:0; align-items:center; }
.ceo-project-shared-label { color:var(--muted); font-size:11px; }
.ceo-project-priorities { gap:8px; margin:14px 0 20px; }
.ceo-project-priority { display:flex; align-items:center; gap:9px; padding:12px; background:var(--surface); border:1px solid var(--line); border-radius:9px; color:var(--muted); }
.ceo-project-priority strong { font-size:19px; font-weight:600; margin-left:auto; order:3; color:var(--text); }
.ceo-project-priority > span:not(.ceo-project-priority-icon) { margin:0; font-size:13px; }
.ceo-project-priority .ceo-project-priority-icon { width:25px; height:25px; background:var(--surface-2); color:var(--muted); flex-shrink:0; }
.ceo-project-priority[aria-pressed="true"] { background:var(--surface-2); border-color:#a3a3a3; box-shadow:0 0 0 1px #a3a3a3; }
.ceo-project-priority:hover { background:#fafafa; border-color:#bcc2ca; box-shadow:none; }
.ceo-project-board-heading { margin-bottom:10px; }
.ceo-project-board-heading h3 { color:var(--text); font-size:16px; }
.ceo-project-results { color:var(--muted); }
.ceo-project-filters { padding:12px; margin-bottom:18px; background:var(--surface); border-color:var(--line); border-radius:9px; }
.ceo-project-board { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:start; gap:12px; }
.ceo-project-column { min-width:0; padding:10px; background:var(--project-tint,var(--surface-2)); border:1px solid var(--project-border,var(--line)); border-radius:12px; }
.ceo-project-column-heading { display:flex; align-items:center; justify-content:space-between; gap:6px; padding:5px 4px 13px; }
.ceo-project-column-heading h3 { margin:0; color:var(--project-ink,var(--text)); font-size:13px; font-weight:650; line-height:1.6; }
.ceo-project-column-heading > span { border:1px solid var(--project-border,var(--line)); background:#ffffffb3; border-radius:6px; min-width:25px; padding:3px 5px; text-align:center; color:var(--project-ink,var(--muted)); font-size:12px; }
.ceo-project-column-cards { display:grid; gap:10px; }
.ceo-project-column-empty { padding:8px 5px 12px; font-size:13px; color:var(--muted); line-height:1.6; }
.ceo-project-column-add { display:block; width:100%; margin-top:8px; padding:12px 5px; min-height:44px; text-align:left; background:none; border:1px solid transparent; border-radius:7px; color:var(--muted); font:inherit; font-size:12px; cursor:pointer; }
.ceo-project-column-add:hover { background:#ffffffb3; border-color:var(--project-border,var(--line)); color:var(--project-ink,var(--text)); }
.ceo-project-card { padding:13px; border:1px solid var(--project-border,var(--line)); border-top:3px solid var(--project-badge,var(--line)); background:var(--surface); border-radius:9px; box-shadow:0 2px 5px #11182706; }
.ceo-project-card:hover { border-color:var(--project-accent,#bcc2ca); box-shadow:0 3px 9px #1118270d; }
.ceo-project-card.is-overdue { border-top:3px solid var(--project-badge,var(--line)); padding-top:13px; }
.ceo-project-card-meta { margin-bottom:12px; gap:5px; flex-wrap:wrap; }
.ceo-project-card .ceo-project-status { background:var(--project-badge,var(--surface-2)); color:var(--project-ink,var(--text)); padding:4px 7px; font-size:11px; }
.ceo-project-total { font-size:12px; color:var(--muted); }
.ceo-project-card h3 { margin-bottom:4px; font-size:16px; letter-spacing:0; }
.ceo-project-card h3 button { border:0; padding:0; background:none; color:var(--text); text-align:left; font:inherit; font-weight:650; line-height:1.5; cursor:pointer; overflow-wrap:anywhere; }
.ceo-project-card .ceo-project-company { font-size:13px; color:var(--muted); margin-bottom:14px; }
.ceo-project-card .ceo-project-progress { margin-bottom:12px; }
.ceo-project-toggle { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; min-height:44px; padding:10px; border:1px solid var(--project-border,var(--line)); border-radius:7px; background:var(--project-tint,var(--surface-2)); color:var(--project-ink,var(--text)); font:inherit; font-size:13px; font-weight:600; line-height:1.5; text-align:left; cursor:pointer; transition:background .15s,border-color .15s; }
.ceo-project-toggle:hover { background:var(--project-badge,var(--surface-2)); border-color:var(--project-accent,var(--line)); }
.ceo-project-toggle > span { min-width:0; overflow-wrap:anywhere; }
.ceo-project-toggle svg { width:18px; height:18px; flex:none; transition:transform .18s ease; }
.ceo-project-toggle[aria-expanded="true"] svg { transform:rotate(180deg); }
.ceo-project-toggle:focus-visible { outline:2px solid var(--project-ink,#525252); outline-offset:3px; }
.ceo-project-card-details { min-width:0; padding-top:12px; }
.ceo-project-card-details[hidden] { display:none; }
.ceo-project-progress :is(strong,small),.ceo-project-progress > div { color:var(--muted); font-size:12px; }
.ceo-project-progress progress,.ceo-project-progress progress::-webkit-progress-bar { background:var(--surface-2); color:var(--muted); accent-color:var(--project-accent,#17191d); }
.ceo-project-progress progress::-webkit-progress-value { background:var(--project-accent,#17191d); }
.ceo-project-progress progress::-moz-progress-bar { background:var(--project-accent,#17191d); }
.ceo-project-quick-lists { display:grid; gap:5px; margin-bottom:5px; }
.ceo-project-quick-list { min-width:0; border-top:1px solid var(--line); }
.ceo-project-quick-list > summary { display:flex; align-items:center; gap:7px; min-height:44px; padding:10px 0; cursor:pointer; color:var(--text); font-size:13px; line-height:1.5; list-style:none; }
.ceo-project-quick-list > summary::-webkit-details-marker { display:none; }
.ceo-project-quick-list > summary::before { content:'›'; transform:rotate(0); font-size:19px; line-height:1; color:var(--muted); }
.ceo-project-quick-list[open] > summary::before { transform:rotate(90deg); }
.ceo-project-quick-list > summary > span { min-width:0; flex:1; overflow-wrap:anywhere; }
.ceo-project-quick-list > summary small { flex-shrink:0; color:var(--muted); font-size:12px; }
.ceo-project-quick-steps { max-height:240px; overflow:auto; scrollbar-color:#b8bdc5 transparent; }
.ceo-project-quick-step,.ceo-project-step { display:flex; gap:9px; align-items:flex-start; min-height:44px; padding:10px 3px; border-radius:6px; cursor:pointer; color:var(--text); font-size:13px; line-height:1.65; }
.ceo-project-quick-step:hover,.ceo-project-step:hover { background:var(--surface-2); }
.ceo-project-quick-step input,.ceo-project-step input { appearance:auto; width:18px; height:18px; flex:0 0 18px; margin:0; margin-top:1px; accent-color:var(--project-accent,#17191d); cursor:pointer; }
.ceo-project-step-copy { min-width:0; overflow-wrap:anywhere; }
.ceo-project-step-copy small { color:var(--muted); font-size:12px; }
.ceo-project-quick-step.is-done .ceo-project-step-copy,.ceo-project-step.is-done .ceo-project-step-copy { color:var(--muted); text-decoration:line-through; }
.ceo-project-card .ceo-project-add-steps { padding:9px 0; min-height:44px; margin-bottom:12px; background:transparent; border:0; color:var(--muted); font-size:13px; justify-content:flex-start; white-space:normal; }
.ceo-project-card-footer { gap:6px; border-color:var(--line); padding-top:12px; margin-bottom:12px; }
.ceo-project-person,.ceo-project-due { font-size:12px; color:var(--muted); }
.ceo-project-avatar { background:var(--surface-2); color:var(--text); }
.ceo-project-due.is-late,.ceo-project-step-copy .is-late { color:var(--text); font-weight:600; }
.ceo-project-quick-status { display:flex; align-items:center; flex-wrap:wrap; gap:6px; color:var(--muted); font-size:13px; margin-bottom:9px; }
.ceo-project-quick-status select { width:100%; min-width:0; background:var(--surface); border:1px solid var(--line); border-radius:6px; color:var(--text); padding:9px; min-height:44px; font:inherit; }
.ceo-project-save-state { margin:10px 0 0; font-size:13px; color:var(--muted); line-height:1.6; }
.ceo-project-save-state:empty { display:none; }
.ceo-project-whatsapp { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; text-decoration:none; }
.ceo-project-whatsapp svg { width:17px; height:17px; flex:none; }
.ceo-project-whatsapp span:last-child { margin-left:auto; }
.ceo-project-card .ceo-project-whatsapp { margin-bottom:8px; width:100%; font-size:13px; }
.ceo-project-contact { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; padding:16px; margin-bottom:22px; border:1px solid var(--line); border-radius:10px; background:var(--soft); }
.ceo-project-contact h3 { margin:0 0 5px; }
.ceo-project-contact p { margin:0; font-size:13px; overflow-wrap:anywhere; }
.ceo-project-contact .ceo-project-whatsapp { min-width:180px; }
.ceo-projects .ceo-button,.ceo-project-dialog .ceo-button { min-height:44px; background:var(--surface); border-color:var(--line); color:var(--text); font-size:13px; box-shadow:none; }
.ceo-projects .ceo-button:hover,.ceo-project-dialog .ceo-button:hover { background:#f2f3f5; border-color:#bcc2ca; }
.ceo-projects .ceo-button.primary,.ceo-project-dialog .ceo-button.primary { background:#17191d; border-color:#17191d; color:#fff; }
.ceo-projects .ceo-button.primary:hover,.ceo-project-dialog .ceo-button.primary:hover { background:#363b43;  border-color:#363b43;  color:#fff; }
.ceo-projects .ceo-button.danger,.ceo-project-dialog .ceo-button.danger { background:var(--surface); border-color:#bcc2ca; color:var(--text); }
.ceo-projects :is(.ceo-field,.ceo-muted),.ceo-project-dialog :is(.ceo-field,.ceo-muted) { color:var(--muted); font-size:13px; }
.ceo-projects :is(input:not([type=checkbox]),select,textarea),.ceo-project-dialog :is(input:not([type=checkbox]),select,textarea) { background:var(--surface); color:var(--text); border-color:var(--line); color-scheme:light; }
.ceo-projects :is(input,textarea)::placeholder,.ceo-project-dialog :is(input,textarea)::placeholder { color:var(--muted); }
.ceo-project-dialog,.ceo-project-dialog.ceo-dialog { background:var(--surface); border:1px solid var(--line); color:var(--text); box-shadow:0 25px 100px #0003; }
.ceo-project-dialog::backdrop { background:#13192166; }
.ceo-project-dialog :is(h2,h3,dd,strong),.ceo-project-empty h3 { color:var(--text); }
.ceo-project-dialog :is(p,dt,small,legend) { color:var(--muted); }
.ceo-project-dialog :is(.ceo-project-access-note,.ceo-project-invite,.ceo-project-team-entry,.ceo-project-credentials,.ceo-project-templates,.ceo-project-track-editor,.ceo-project-notes,.ceo-project-team-preview) { background:var(--soft); border-color:var(--line); color:var(--muted); }
.ceo-project-dialog .ceo-project-templates summary { color:var(--text); }
.ceo-project-dialog .ceo-project-templates summary span { color:var(--muted); }
.ceo-project-dialog :is(a,.ceo-project-team-badge) { color:var(--text); }
.ceo-project-dialog .ceo-project-team-badge { background:var(--surface-2); }
.ceo-project-dialog :is(.ceo-project-dialog-footer,.ceo-project-form section + section) { border-color:var(--line); }
.ceo-project-dialog .ceo-project-checklist li { padding:0; border-color:var(--line); }
.ceo-project-dialog .ceo-project-step { width:100%; font-size:14px; padding:12px 5px; }
.ceo-project-dialog .ceo-project-step-editor input[type=checkbox] { accent-color:var(--project-accent,#17191d); }
.ceo-project-notice,.ceo-project-error,.ceo-project-empty { background:var(--soft); border-color:var(--line); color:var(--text); }
.ceo-project-error p,.ceo-project-empty p { color:var(--muted); }
.ceo-project-dialog .ceo-form-error { color:var(--text)!important; background:var(--surface-2); border-left:2px solid #737373; padding-left:10px; }
.ceo-projects :focus-visible,.ceo-project-dialog :focus-visible { outline:2px solid #525252; outline-offset:3px; }

/* Internal process records, shared by the project card and detail view. */
.ceo-project-access-preview { min-width:0; margin:12px 0; padding:12px; border:1px solid var(--line); border-radius:9px; background:var(--surface-2); }
.ceo-project-access-preview h4 { margin:0 0 10px; font-size:14px; font-weight:600; }
.ceo-project-access-preview dl { display:grid; gap:10px; margin:0 0 12px; }
.ceo-project-access-preview dt { margin-bottom:3px; color:var(--muted); font-size:13px; }
.ceo-project-access-preview dd { margin:0; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.ceo-project-access-preview .ceo-button { width:100%; min-height:44px; white-space:normal; }
.ceo-project-credentials { scroll-margin-block:90px 24px; }
.ceo-project-process-summary { display:grid; gap:14px; min-width:0; padding:14px; margin:14px 0 18px; border:1px solid var(--line); border-radius:9px; background:var(--soft); }
.ceo-project-process-status { justify-self:start; max-width:100%; padding:5px 8px; border-radius:6px; background:var(--project-badge,var(--surface)); color:var(--project-ink,var(--text)); font-size:12px; font-weight:600; line-height:1.5; overflow-wrap:anywhere; }
.ceo-project-process-meta { display:flex; flex-wrap:wrap; gap:12px; min-width:0; margin:0; }
.ceo-project-process-meta > div { flex:1 1 120px; min-width:0; }
.ceo-project-process-meta dt { margin:0 0 4px; color:var(--muted); font-size:13px; line-height:1.5; }
.ceo-project-process-meta dd { margin:0; color:var(--text); font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
.ceo-project-process-description { min-width:0; }
.ceo-project-process-description h4 { margin:0 0 5px; color:var(--text); font-size:13px; font-weight:600; line-height:1.6; }
.ceo-project-process-description p { margin:0; color:var(--text); font-size:14px; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; }
.ceo-project-process-links { display:grid; gap:4px; min-width:0; margin:0; padding:0; list-style:none; }
.ceo-project-process-links li { min-width:0; }
.ceo-project-process-links a { display:flex; align-items:center; min-height:44px; padding:8px 0; box-sizing:border-box; color:var(--text); font-size:14px; line-height:1.6; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.ceo-project-process-links a:hover { text-decoration-thickness:2px; }
.ceo-project-process-editor { min-width:0; margin:14px 0; border:1px solid var(--line); border-radius:9px; background:var(--surface); }
.ceo-project-process-editor > summary { min-height:44px; padding:12px; box-sizing:border-box; border-radius:8px; color:var(--text); font-size:14px; font-weight:600; line-height:1.6; cursor:pointer; overflow-wrap:anywhere; }
.ceo-project-process-editor[open] > summary { border-bottom:1px solid var(--line); border-radius:8px 8px 0 0; }
.ceo-project-process-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 12px; min-width:0; padding:14px 12px; }
.ceo-project-process-fields > *,.ceo-project-process-fields .ceo-field { min-width:0; }
.ceo-project-process-fields h4 { margin:0 0 10px; color:var(--text); font-size:14px; font-weight:600; line-height:1.6; }
.ceo-project-process-fields :is(input,select,textarea) { min-width:0; max-width:100%; width:100%; min-height:44px; box-sizing:border-box; }
.ceo-project-process-fields textarea { min-height:110px; resize:vertical; }
.ceo-project-process-fields .ceo-button { min-height:44px; max-width:100%; white-space:normal; }
.ceo-project-process-fields [data-process-links] { display:grid; gap:12px; margin-bottom:10px; }
.ceo-project-process-link { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto; align-items:end; gap:10px; min-width:0; padding:12px; border:1px solid var(--line); border-radius:8px; background:var(--soft); }
.ceo-project-process-link .ceo-field { min-width:0; overflow-wrap:anywhere; }
.ceo-project-process-link [data-process-link-remove] { padding-left:10px; padding-right:10px; }
@media(max-width:1180px) { .ceo-project-board { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:720px) {
  .ceo-project-process-fields,.ceo-project-process-link { grid-template-columns:1fr; }
  .ceo-project-process-fields { padding:12px; }
  .ceo-project-process-link { padding:10px; }
  .ceo-project-process-link [data-process-link-remove] { justify-self:start; }
  .ceo-project-process-summary { padding:12px; }
  .ceo-project-board { grid-template-columns:1fr; gap:16px; }
  .ceo-project-hero { padding:16px; }
  .ceo-project-hero .ceo-project-heading { width:100%; }
  .ceo-project-hero .ceo-project-heading h2 { font-size:22px;  color:var(--text); }
  .ceo-project-hero .ceo-project-heading-actions { width:100%; }
  .ceo-project-priorities { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ceo-project-priority { flex-wrap:wrap; padding:10px; gap:7px; }
  .ceo-project-priority strong { font-size:20px; }
  .ceo-project-priority > span:not(.ceo-project-priority-icon) { order:4; flex-basis:100%; }
  .ceo-project-column { padding:10px; }
  .ceo-project-column-heading h3 { font-size:14px; }
  .ceo-project-card { padding:15px; }
  .ceo-project-card h3 { font-size:17px; }
  .ceo-project-quick-status select { font-size:16px; min-height:44px;  background:var(--surface); }
  .ceo-project-dialog.ceo-dialog { width:100%; max-width:none; border:0; border-radius:0; }
  .ceo-project-dialog.mobile-form-page .mobile-form-header,.ceo-project-dialog.mobile-form-page .mobile-form-actions { background:var(--surface); border-color:var(--line); }
}
@media(prefers-reduced-motion:reduce) { .ceo-project-card,.ceo-project-priority,.ceo-project-toggle,.ceo-project-toggle svg { transition:none; } }