/* Projects have their own start page; an opened project uses the full workspace. */
#workflow.is-visible { display:block; }
#projects,#project-create { min-width:0; }
#projects .projects-panel { padding:0; margin:0; border:0!important; background:transparent!important; box-shadow:none; }
#projects .panel-title { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:14px; margin-bottom:18px; }
#projects .panel-title .button { width:auto; margin:0; flex-shrink:0; }
.projects-list-caption { margin:0; max-width:580px; color:var(--muted); line-height:1.6; }
#projects-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)); gap:20px; align-items:start; }
#projects-list > .bf-action-wrap { min-width:0; }
#projects-list .project-card { margin:0; padding:22px; min-width:0; border:1px solid #344664; border-radius:14px; background:#101c33; box-shadow:0 8px 22px #01051529; transition:border-color .15s ease,background .15s ease; }
#projects-list .project-card:hover { background:#14233b; border-color:#567fb5; }
#projects-list .project-card:focus-visible { outline:2px solid #98c4ff; outline-offset:4px; }
#projects-list .project-card > b { font-size:18px; line-height:1.4; color:#eff5ff; margin-bottom:5px; }
#projects-list .project-card > small { font-size:12px; line-height:1.6; color:#b7c8df; }
#projects-list .project-card [data-project-readiness] { margin:9px 0 5px; max-width:100%; background:#12362f; border-color:#316554; color:#ade9c9; line-height:1.5; }
#projects-list .project-permission { font-size:12px; color:#b8c9e4; margin-top:5px; }
#projects-list .project-card-actions { flex-wrap:wrap; gap:8px; margin-top:15px; }
#projects-list .button { min-height:42px; white-space:normal; line-height:1.4; max-width:100%; }
#projects-list .project-note-form { margin-top:14px; padding-top:14px; border-top:1px solid #344664; }
#projects-list .project-note-form label { display:grid; gap:9px; color:#dce8f8; font-size:13px; }
#projects-list .project-note-form textarea { width:100%; min-height:90px; resize:vertical; border:1px solid #506888; border-radius:8px; background:#0a1528; color:#edf4ff; padding:11px 12px; font:inherit; line-height:1.5; }
#projects-list .project-note-form textarea::placeholder { color:#9aafcc; }
#projects-list .project-note-form textarea:focus-visible { outline:2px solid #9ac9ff; outline-offset:2px; }
#projects-list .project-note { margin:12px 0 4px; padding:12px 14px; border-left:3px solid #507bc1; border-radius:5px; background:#0b162a; color:#c6d5ea; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.6; }
#projects-list .project-note-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
#projects-list [data-project-note-edit] { align-self:flex-start; }
#projects-list .project-note-status { font-size:12px; color:#bdd1e9; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.5; }
#projects-list .project-note-status:empty { display:none; }
#projects-list [data-state="error"],#projects-status[data-state="error"] { color:#ffb7b7; }
#projects-list [data-state="success"] { color:#a8e7c4; }
#projects-status { margin:0 0 18px; color:#c0d1e9; line-height:1.5; }
#projects-status:empty { display:none; }
#projects-empty { padding:40px 26px; border:1px dashed #48638b; border-radius:14px; background:#101b31; text-align:center; }
#projects-empty h2 { margin:0 0 12px; color:#ecf3ff; font-size:23px; }
#projects-empty p { margin:0 auto; color:#b9cbe2; max-width:500px; line-height:1.7; }
#project-create #new-project-form { display:block; max-width:840px; margin:0 auto; padding:32px; border-radius:14px; }
#project-create #new-project-form h2 { margin-bottom:14px; font-size:28px; }
#project-create #new-project-form p { max-width:680px; line-height:1.7; }
#project-create #new-project-form > label { display:inline-flex; margin-top:24px; min-height:46px; align-items:center; cursor:pointer; }
#project-create #new-project-status { margin-top:18px; }
#nav-new-project { margin-bottom:6px; color:#b8f1f5; }
#nav-new-project .nav-icon { color:#6ae0e7; }
#nav-current-project { margin-top:6px; }
@media (max-width:650px) {
  #projects-list { grid-template-columns:minmax(0,1fr); gap:16px; }
  #projects-list .project-card { padding:18px; }
  #projects-list .project-note-form textarea { font-size:16px; }
  #projects-list .button,#projects-refresh { min-height:44px; }
  #project-create #new-project-form { padding:22px 18px; }
  #projects-empty { padding:30px 18px; }
}
@media (prefers-reduced-motion:reduce) { #projects-list .project-card { transition:none; } }