/* Extend existing DONE. semantic tokens; platform-owned select is intentional. */
.auth-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.auth-actions button[aria-pressed="true"]{background:var(--doneSelection);color:var(--doneAccent)}
.toolbar>div{display:flex;gap:8px;flex-wrap:wrap}
.shelf{display:flex;gap:16px;flex-wrap:wrap}.shelf .section-heading{width:100%;margin-bottom:0}.shelf .project-card{flex:1 1 240px;max-width:310px}
/* Row starts follow ProjectBuilding.swift, divided by its 4 * 250.8 viewport span. */
.building[data-genre="cinema"]::before{background-position-y:0%}
.building[data-genre="theatre"]::before{background-position-y:27.612%}
.building[data-genre="gallery"]::before{background-position-y:52.831%}
.building[data-genre="studio"]::before{background-position-y:74.761%}
.building[data-genre="office"]::before{background-position-y:98.684%}
#catalogRows{display:grid;gap:12px;margin:24px 0}
.catalog-row{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;text-align:left;background:var(--doneSurface);color:var(--doneInk);border-color:var(--doneHairline);border-radius:18px;padding:20px}
.catalog-row strong{overflow-wrap:anywhere}
.catalog-row small{margin-top:8px;font-weight:400}
#phaseForm{padding:0 0 24px;border-bottom:1px solid var(--doneHairline);margin-bottom:24px}
#createDialog{width:min(600px,calc(100% - 32px));max-width:600px}
select{font:inherit;width:100%;padding:12px;border:1px solid var(--doneHairline);border-radius:12px;background:var(--doneCanvas);color:var(--doneInk)}
#newPhases{resize:none;min-height:150px}
@media(max-width:700px){.toolbar>div{width:100%}.catalog-row{padding:16px}.dialog-actions{flex-wrap:wrap}.sidebar-bottom p{overflow-wrap:anywhere}}