.project-head .project-title{flex:1;min-width:0}
.project-head h1{overflow-wrap:anywhere}
.project-head .project-progress{font-size:12px;color:var(--muted);white-space:nowrap;flex-shrink:0}
.list-back{flex-shrink:0}.list-back svg{transform:rotate(180deg)}
.project-control-row{display:flex;align-items:center;gap:8px;margin:0 0 6px}
.project-control-row>button{flex-shrink:0;min-height:44px;padding:8px 10px;display:flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--accent)}
.project-control-row svg,.list-open svg{width:18px;height:18px;flex-shrink:0}
.project-entry{display:flex;align-items:center;border-bottom:1px solid var(--line);min-width:0;background:var(--surface,#fff)}
.project-entry>.task-row{flex:1;min-width:0;border:0;background:transparent}.project-entry .task-project{display:none}
.project-contents{border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.project-contents .task-row{min-height:44px;padding:0 4px;gap:4px}
.project-contents .task-content{min-height:44px;padding:4px 0}
.project-contents .task-title{font-size:14px;line-height:1.35}
.list-row{padding:0 8px!important}.list-open{display:flex;align-items:center;gap:8px;flex:1;min-width:0;text-align:left;border:0;background:transparent;padding:4px 0;min-height:44px}
.list-open span{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.list-open strong{display:block;overflow-wrap:anywhere;font-size:13px;font-weight:500}.list-open small{display:block;color:var(--muted);margin-left:auto;white-space:nowrap;font-size:11px}
.order-controls{display:flex;flex-direction:row;padding:0;gap:0;flex-shrink:0}.order-controls button{width:36px;min-height:44px;padding:4px;font-size:18px;border:0;background:transparent}
.order-controls button:disabled{opacity:.3}.list-empty{padding:20px;color:var(--muted)}
.project-entry{background:var(--paper)}
.project-display{display:flex;flex:1;gap:0;background:var(--soft);padding:0;border-radius:8px;min-width:0}
.project-display button{flex:1;min-height:44px;padding:6px 8px;border:0;background:transparent;font-size:12px}
.project-display button[aria-pressed=true]{background:var(--paper);color:var(--accent);font-weight:600}
.expanded-contents .folder-tint{background:hsl(var(--folder-hue) 65% 97%)}
.expanded-contents [data-entry-kind=list]{background:hsl(var(--folder-hue) 65% 93%)}
.expanded-contents .list-row{padding:0 8px!important;min-height:36px}
.expanded-contents .list-row>.icon{width:36px;min-width:36px;height:36px;min-height:36px}
.expanded-contents .list-open{min-height:36px;padding:4px 0;gap:6px}
.expanded-contents .list-open>svg:first-child{display:none}
.expanded-contents .list-open>svg:last-child{width:14px;height:14px}
.expanded-contents .list-open span{display:flex;flex-wrap:nowrap;align-items:center;gap:3px 8px}
.expanded-contents .list-open strong{font-size:12px;line-height:1.3;font-weight:600}
.expanded-contents .list-open small{font-size:10px;line-height:1.3;margin:0 0 0 auto}
[data-theme=dark] .expanded-contents .folder-tint{background:hsl(var(--folder-hue) 22% 16%)}
[data-theme=dark] .expanded-contents [data-entry-kind=list]{background:hsl(var(--folder-hue) 28% 21%)}
@media (max-width:760px), (max-width:1000px) and (max-height:500px){
  .project-head.page-head{margin-bottom:0;gap:4px}
  .project-head.page-head h1{font-size:22px;line-height:1.2;letter-spacing:-.4px}
  .project-head .list-back{width:36px;min-width:36px;margin-left:-8px}
}
.project-directory{display:grid;gap:10px;margin-top:12px}
.project-directory-item{display:flex;align-items:center;gap:12px;width:100%;min-height:80px;padding:14px;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:14px}
.directory-icon{display:grid;place-items:center;background:var(--bg);border-radius:10px;width:40px;height:40px;flex-shrink:0}
.directory-icon svg{width:23px;height:23px}
.directory-name{flex:1;min-width:0}
.directory-name strong{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:16px;overflow-wrap:anywhere}
.directory-name>small{display:block;font-size:12px;color:var(--muted);margin-top:5px;font-weight:400}
.directory-progress{font-size:12px;color:var(--muted);flex-shrink:0}
.project-directory-item>svg{width:16px;height:16px;color:var(--muted);flex-shrink:0}