.project-navigation{display:grid;gap:5px;margin:18px 4px 4px;flex:0 0 auto}
.project-navigation-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px;color:rgba(240,215,139,.78);font-size:10px;letter-spacing:.12em}
.project-create{display:grid;width:24px;height:24px;padding:0;place-items:center;border:0;border-radius:7px;background:transparent;color:inherit;cursor:pointer;font-size:18px}
.project-create:hover{background:rgba(255,255,255,.1);color:#fff}
.project-list{display:grid;gap:2px}
.project-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;min-height:36px;border-radius:8px;transition:background-color .12s ease}
.project-row:hover,.project-row:focus-within,.project-row.active{background:rgba(255,255,255,.1)}
.project-open,.project-more{border:0;background:transparent;color:#edf8f1;cursor:pointer}
.project-open{display:flex;min-width:0;align-items:center;gap:8px;padding:7px 8px;text-align:left}
.project-open::before{content:"";flex:0 0 16px;width:16px;height:11px;border:1.5px solid #e7d28d;border-radius:2px}
.project-row.pinned .project-open::before{background:rgba(231,210,141,.3);box-shadow:0 0 0 1px rgba(231,210,141,.2)}
.project-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650}
.project-count{margin-left:auto;opacity:.55;font-size:10px}
.project-more{width:28px;height:28px;border-radius:7px;opacity:0;pointer-events:none;font-size:17px}
.project-row:hover .project-more,.project-row:focus-within .project-more,.project-row.active .project-more{opacity:.75;pointer-events:auto}
.project-more:hover{background:rgba(255,255,255,.1);opacity:1!important}
.project-actions{position:absolute;z-index:35;top:31px;right:2px;display:grid;min-width:170px;padding:5px;border:1px solid #b8994b;border-radius:10px;background:#063d2a;box-shadow:0 12px 30px rgba(0,0,0,.34)}
.project-actions.hidden{display:none}
.project-actions button{padding:9px 10px;border:0;border-radius:7px;background:transparent;color:#fff;cursor:pointer;text-align:left;font:inherit;font-size:12px}
.project-actions button:hover{background:rgba(255,255,255,.1)}
.project-actions .project-delete{margin-top:4px;border-top:1px solid rgba(255,255,255,.16);border-radius:0 0 7px 7px;color:#ff9ba0}
.history-menu .project-move-action{margin-top:4px;border-top:1px solid rgba(255,255,255,.14);border-radius:0;padding-top:10px}
.project-all{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:0;border-radius:8px;background:transparent;color:#d8eee0;cursor:pointer;text-align:left;font-size:12px}
.project-all:hover,.project-all.active{background:rgba(255,255,255,.1);color:#fff}
.project-empty{padding:5px 8px;color:rgba(220,239,228,.62);font-size:11px}
.project-view-empty{padding:16px 10px;color:rgba(220,239,228,.62);font-size:12px}
.project-dialog{width:min(420px,calc(100vw - 32px));padding:0;border:1px solid #d7bd6b;border-radius:15px;background:#fffdf8;color:#20352b;box-shadow:0 24px 80px rgba(0,0,0,.35)}
.project-dialog::backdrop{background:rgba(0,25,16,.48);backdrop-filter:blur(3px)}
.project-dialog-form{display:grid;gap:14px;padding:20px}
.project-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.project-dialog-head strong{font-size:17px}
.project-dialog-close{border:0;background:transparent;color:inherit;cursor:pointer;font-size:24px}
.project-dialog label{display:grid;gap:7px;font-size:12px}
.project-dialog input,.project-dialog select{width:100%;padding:10px 11px;border:1px solid #d9c98f;border-radius:9px;background:#fff;color:#20352b;font:inherit}
.project-dialog-actions{display:flex;justify-content:flex-end;gap:8px}
.project-dialog-actions button{padding:8px 12px;border:1px solid #cdb76e;border-radius:9px;background:#fffaf0;color:#20352b;cursor:pointer}
.project-dialog-actions button[type="submit"]{background:#07583c;color:#fff;border-color:#07583c}
.project-dialog-actions button[type="submit"].destructive{background:#a51f29;border-color:#a51f29;color:#fff}
.project-confirmation{margin:0;padding:11px 12px;border-radius:9px;background:#fff6df;color:#543d09;font-size:12px;line-height:1.45}
.project-error{min-height:16px;margin:0;color:#a21e26;font-size:11px}
body.theme-dark .project-dialog{background:#10271e;color:#f1fff6}
body.theme-dark .project-dialog input,body.theme-dark .project-dialog select{background:#0a1d16;color:#fff;border-color:#8c7739}
body.theme-dark .project-confirmation{background:#382c12;color:#ffedb8}
@media (hover:none),(pointer:coarse){.project-more{opacity:.75;pointer-events:auto}}
