/* The Project disclosure (web/project-panel.js) in index.html's setup pane and
   digital.html's evidence pane. Colours are the site's, written out so the
   rules hold on both pages, as run-console.css does. */
.project-panel > summary { cursor: pointer; padding: 5px 0; color: #4a5366; font-size: 12.5px; font-weight: 650; overflow-wrap: anywhere; }
.project-panel[open] > summary { color: #1749d1; }
.project-body { color: #18263d; font-size: 12px; line-height: 1.5; }
.project-body p { margin: 6px 0; overflow-wrap: anywhere; }
.project-head { font-weight: 550; }
.project-flag { color: #8a5a00; }
.project-note, .project-status { color: #626d80; }
.project-status:empty { display: none; }
.project-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 8px 0; }
.project-name, .project-field { flex: 1 1 130px; min-width: 0; padding: 4px 6px; border: 1px solid #d6dce4; border-radius: 3px; background: #fff; color: #18263d; font: inherit; font-size: 12px; }
.project-name:focus, .project-field:focus { border-color: #1749d1; outline: none; box-shadow: 0 0 0 2px #edf2ff; }
.project-account { font-weight: 550; }
.project-account-form .project-field { flex-basis: 110px; }
.project-button, .project-import { display: inline-flex; align-items: center; gap: 4px; padding: 4px 9px; border: 1px solid #d6dce4; border-radius: 4px; background: #fff; color: #18263d; font: inherit; font-size: 12px; font-weight: 550; line-height: 1.3; white-space: nowrap; cursor: pointer; }
.project-button:hover:not(:disabled), .project-import:hover { border-color: #1749d1; color: #1749d1; }
.project-button:disabled { opacity: .5; cursor: default; }
.project-button:focus-visible, .project-import:focus-within { outline: 2px solid #1749d1; outline-offset: 2px; }
.project-import { position: relative; }
.project-import input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; }
.project-heading { margin: 10px 0 4px; color: #626d80; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.project-runs, .project-saved, .project-cloud { margin: 0; padding-left: 16px; font-size: 11.5px; line-height: 1.5; }
.project-runs li, .project-saved li, .project-cloud li { margin: 2px 0; overflow-wrap: anywhere; }
.project-run.historical { color: #626d80; }
.project-saved-item .project-button, .project-cloud-item .project-button, .project-note .project-button { margin-left: 4px; padding: 2px 7px; font-size: 11px; }
.digital-evidence .project-panel { margin-top: 10px; font-size: 11px; }