.project-entry-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:40px;padding:8px 12px;border:1px solid var(--border,#d9dfdc);border-radius:10px;background:var(--surface,#fff);color:inherit;font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}
.hub-sidebar-heading{width:100%;justify-content:space-between;font-weight:600;margin:8px 0}.hub-sidebar-project{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;padding:10px 8px;text-align:left;border-radius:8px;color:inherit;background:transparent;cursor:pointer}.hub-sidebar-project span{overflow-wrap:anywhere}.hub-sidebar-project small{font-size:11px;white-space:nowrap;color:var(--muted,#68736e)}.hub-sidebar-project:hover{background:var(--surface,#fff)}
.project-hub-dialog{box-sizing:border-box;width:min(640px,calc(100vw - 24px));max-height:min(86dvh,800px);overflow:auto;padding:24px;border:1px solid #d9dfdc;border-radius:18px;background:#fff;color:#26342d;box-shadow:0 22px 80px #0003;font:14px/1.6 system-ui,sans-serif}.project-hub-dialog::backdrop{background:#16211b88}.project-hub-dialog *{box-sizing:border-box}.project-hub-dialog h2,.project-hub-dialog h3,.project-hub-dialog p{margin:0}.project-hub-dialog h2{font-size:22px}.project-hub-dialog h3{font-size:17px;overflow-wrap:anywhere}.hub-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.hub-header p,.hub-card-scope,.hub-help{color:#647168;font-size:12px}.hub-header>button{min-width:44px;min-height:44px;font-size:26px;border:0;background:transparent;color:inherit;cursor:pointer}.hub-actions,.hub-card-actions{display:flex;gap:8px;flex-wrap:wrap}.hub-actions{margin-bottom:16px}.project-hub-dialog button:not([data-hub-close]){min-height:42px;padding:8px 14px;border:1px solid #cfd9d2;border-radius:9px;background:#f7f9f7;color:inherit;font:inherit;cursor:pointer}.project-hub-dialog button.hub-primary{background:#284d3b;color:#fff;border-color:#284d3b}.project-hub-dialog button:disabled{opacity:.5;cursor:default}.project-hub-dialog :focus-visible,.project-entry-button:focus-visible,.hub-sidebar-project:focus-visible{outline:3px solid #4f8c70;outline-offset:3px}.hub-projects{display:grid;gap:12px}.hub-card{padding:16px;border:1px solid #dfe5e0;border-radius:12px}.hub-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px}.hub-role{flex-shrink:0;border-radius:15px;background:#edf3ee;padding:3px 9px;font-size:11px}.hub-card-actions{margin-top:14px}.hub-status:not(:empty){padding:10px 0;color:#315f47}.hub-status.is-error{color:#a33333}.hub-empty{padding:18px 0;color:#647168}.hub-create,.hub-visibility{padding:14px;background:#f5f7f5;border-radius:12px;margin-bottom:18px}.hub-create[hidden]{display:none}.project-hub-dialog label{display:block;font-weight:600}.project-hub-dialog input,.project-hub-dialog select{display:block;width:100%;min-height:44px;margin:6px 0 10px;padding:9px 10px;border:1px solid #bac9be;border-radius:8px;background:#fff;color:inherit;font:inherit}.hub-visibility>p{margin-top:10px;font-size:12px}.hub-search{margin-top:18px}.hub-member{display:flex;align-items:flex-end;gap:12px;padding:12px 0;border-bottom:1px solid #e2e8e3}.hub-member label{flex:1;min-width:0;overflow-wrap:anywhere}.hub-member select{margin-bottom:0}.hub-help{margin-top:16px!important}.hub-create p{font-size:12px;margin-bottom:12px}.project-hub-dialog .hub-create button{background:#284d3b;color:#fff}
html[data-theme=dark] .project-hub-dialog{background:#232925;color:#edf3ee;border-color:#4c5950}html[data-theme=dark] .hub-card{border-color:#4c5950}html[data-theme=dark] .hub-create,html[data-theme=dark] .hub-visibility,html[data-theme=dark] .project-hub-dialog button:not(.hub-primary):not([data-hub-close]),html[data-theme=dark] .hub-role{background:#303d34;color:#edf3ee}html[data-theme=dark] .project-hub-dialog input,html[data-theme=dark] .project-hub-dialog select{background:#232925;color:#edf3ee}html[data-theme=dark] .hub-header p,html[data-theme=dark] .hub-card-scope,html[data-theme=dark] .hub-help,html[data-theme=dark] .hub-empty{color:#bac6be}html[data-theme=dark] .hub-status{color:#a9d8bb}
@media(max-width:600px){.project-hub-dialog{padding:18px;max-height:88dvh}.project-entry-button{min-height:40px;padding:7px 9px;font-size:12px}.topbar-left{min-width:0}.breadcrumb{min-width:0}.breadcrumb strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}.topbar-right{flex-shrink:0;gap:4px!important}.topbar-right #header-new-session{font-size:0!important;padding:6px!important;min-width:32px}.topbar-right #header-new-session svg{width:18px}.coding-trial-badge{display:none}.hub-member{gap:8px}.hub-member>button{padding:8px 10px!important}.hub-card-heading{align-items:flex-start}.hub-header h2{font-size:20px}}
.project-menu{width:100%}.project-menu .hub-sidebar-project{justify-content:space-between;padding:8px 12px;font-size:15px;font-weight:600;min-height:40px}.project-menu .project-chevron{margin-left:auto;font-weight:400;font-size:20px;transition:transform .15s}.project-menu [aria-expanded=true] .project-chevron{transform:rotate(90deg)}.project-submenu{padding:2px 0 5px 16px}.project-submenu .project-permission-link{justify-content:flex-start;width:100%;min-height:40px;padding:8px 12px;border-radius:8px;font-size:13px;color:var(--muted,#68736e)}.project-permission-link:hover{background:var(--soft,#e9ecef)}.project-submenu[hidden]{display:none!important}