/* Projects-only presentation candidate; preserve native controls and hidden states. */
[data-tj-projects][data-project-hub="1"] {
  width:100%;max-width:none;margin-inline:0;box-sizing:border-box;
  --hub-pink:#ff008f;--hub-line:#29404a;--hub-muted:#b9c7cf;
  color:#f5f8fa;background:#050a0d;padding:clamp(16px,2vw,32px);border-radius:12px;
}
[data-project-hub="1"] > header {
  padding:clamp(24px,4vw,56px);margin-bottom:24px;border:1px solid var(--hub-line);
  border-radius:12px;background-color:#071218;
  background-image:linear-gradient(90deg,#071218 0%,#071218ed 30%,#07121825 100%),var(--project-hub-hero,radial-gradient(ellipse at 90% 15%,#3b123b 0,transparent 60%));
  background-size:cover;background-position:center;
}
[data-project-hub="1"] > header h1,[data-project-hub="1"] > header h2 {
  color:#fff;font-size:clamp(32px,5vw,68px);line-height:1.05;max-width:16ch;margin:12px 0;
}
[data-project-hub="1"] .tj-profile-kicker {color:var(--hub-pink);letter-spacing:.18em;background:none}
[data-project-hub="1"] > header p {color:var(--hub-muted);max-width:60ch;font-size:18px}
[data-project-hub="1"] .tj-projects-toolbar {display:flex;flex-wrap:wrap;gap:16px}
[data-project-hub="1"] .tj-project-hub-search {display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:24px 0}
[data-project-hub="1"] .tj-project-hub-search label {flex-basis:100%;margin:0}
[data-project-hub="1"] .tj-project-hub-search .tj-project-search-filter {flex:1 1 240px;display:flex;align-items:center;gap:10px}
[data-project-hub="1"] .tj-project-search-filter select {width:100%;padding:10px}
[data-project-hub="1"] input[type="checkbox"] {flex:0 0 auto;min-height:24px;width:24px;height:24px;accent-color:var(--hub-pink)}
[data-project-hub="1"] .tj-project-hub-search input {flex:1 1 240px;padding:12px;min-width:0}
[data-project-hub="1"] .tj-project-hub-search button {padding:10px 18px}
[data-project-hub="1"] .tj-profile-field {min-width:0;flex:1 1 220px}
[data-project-hub="1"] label {color:#f5f8fa;display:block;margin-bottom:6px}
[data-project-hub="1"] input,[data-project-hub="1"] select,[data-project-hub="1"] textarea {
  max-width:100%;box-sizing:border-box;background:#122029;color:#fff;border:1px solid #49616e;border-radius:8px;min-height:44px;
}
[data-project-hub="1"] button {min-height:44px;white-space:normal;border-radius:8px}
[data-project-hub="1"] button[data-project-create] {background:var(--hub-pink);color:#fff;border-color:var(--hub-pink)}
[data-project-hub="1"] .tj-project-hub-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
[data-project-hub="1"] .tj-project-hub-actions button {padding:12px 20px;border:1px solid #49616e;background:#122029;color:#fff}
[data-project-hub="1"] [data-project-list] {display:grid;gap:16px}
[data-project-hub="1"] [data-project-list] > article {padding:20px;border:1px solid var(--hub-line);border-radius:10px;background:#0c171d}
[data-project-hub="1"] [data-project-list] > article h2 {font-size:24px;line-height:1.2;color:#fff}
[data-project-hub="1"] [data-project-list] > article p {color:var(--hub-muted)}
[data-project-hub="1"] .tj-profile-help,[data-project-hub="1"] [data-project-status] {color:var(--hub-muted)}
[data-project-hub="1"] .tj-projects-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
[data-project-hub="1"] .tj-projects-layout > * {min-width:0;overflow-wrap:anywhere}
[data-project-hub="1"] [data-project-detail] {border:1px solid var(--hub-line);border-radius:10px;padding:20px}
[data-project-hub="1"] :focus-visible {outline:3px solid #53dfff;outline-offset:3px}
[data-project-hub="1"] [hidden] {display:none!important}
@media(max-width:760px){[data-project-hub="1"] .tj-projects-layout{grid-template-columns:minmax(0,1fr)}[data-project-hub="1"] > header{padding:22px}}

/* Discovery is a catalogue, with the native workspace opened on selection. */
[data-project-hub="1"] .tj-projects-layout:not(:has([data-project-detail] h2)) {grid-template-columns:minmax(0,1fr)}
[data-project-hub="1"] [data-project-detail]:not(:has(h2)) {display:none}
[data-project-hub="1"] [data-project-list] {grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
[data-project-hub="1"] [data-project-list] > article {display:flex;flex-direction:column;gap:12px;margin:0}
[data-project-hub="1"] [data-project-list] > article button {margin-top:auto;align-self:flex-start}
[data-project-hub="1"] .tj-project-create-dialog {box-sizing:border-box;width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:clamp(20px,4vw,36px);border:1px solid #49616e;border-radius:12px;background:#101820;color:#fff}
[data-project-hub="1"] .tj-project-create-dialog::backdrop {background:rgba(0,0,0,.78)}
[data-project-hub="1"] .tj-project-create-dialog form {display:grid;gap:16px}
[data-project-hub="1"] .tj-project-create-dialog h2 {margin:0;font-family:var(--tj-font-display);font-size:2.5rem;color:#fff}
[data-project-hub="1"] .tj-project-card-cover {width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
[data-tj-context-owner="projects"] .tj-project-sidebar-controls {display:grid;gap:16px;color:#fff}
[data-tj-context-owner="projects"] :is(.tj-project-hub-search,label) {display:grid;gap:8px}
[data-tj-context-owner="projects"] :is(input,select,button) {box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px;background:#18212b;color:#fff;border:1px solid #8994a2;border-radius:6px;font:inherit}
[data-tj-context-owner="projects"] input[type="checkbox"] {width:24px;min-height:24px}
[data-tj-context-owner="projects"] [hidden] {display:none!important}

/* Projects page only: use available content width beside the existing sidebar. */
body.tj-projects-page .tj-projects[data-tj-ui="cinematic"] {
  width:100%;max-width:none;margin-inline:0;box-sizing:border-box;
}

body [data-tj-context-owner="projects"] .tj-project-sidebar-controls{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;padding:0;border:0;background:transparent}
body [data-tj-context-owner="projects"] .tj-project-sidebar-controls :is(.tj-profile-field,.tj-project-hub-search,label){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px;min-width:0;margin:0;color:#fff!important;font:600 14px/1.5 Inter,Arial,sans-serif}
body [data-tj-context-owner="projects"] .tj-project-sidebar-controls :is(input,select,button){width:100%!important;max-width:100%;background:#18212b!important;color:#fff!important;border:1px solid #8994a2!important;font:400 14px/1.5 Inter,Arial,sans-serif!important;letter-spacing:normal!important;text-transform:none!important}
body [data-tj-context-owner="projects"] .tj-project-sidebar-controls input[type="checkbox"]{width:24px!important}
body.tj-projects-page [data-project-hub="1"],body.tj-projects-page [data-project-hub="1"]>header{border-radius:0}