main.ct-main{display:flex;overflow:hidden;padding-right:12px;scrollbar-gutter:auto;min-height:0}
.ct-screen{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;color:var(--text);font-size:14px;line-height:20px}
.ct-results{flex:none;display:flex;flex-direction:column;gap:12px;min-height:44px;padding:6px 0 16px;color:var(--muted);font-size:13px}.ct-chips{display:flex;gap:8px;flex-wrap:wrap}.ct-chips .ms-filter-chip{margin:0;max-width:100%}
.ct-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px;min-height:0;flex:1;position:relative}.ct-list{min-height:0;min-width:0;padding-right:0}.ct-columns,.ct-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(130px,1fr) minmax(100px,.8fr) 64px 32px;gap:12px;align-items:center;padding:0 12px}.ct-columns{font-size:12px;color:var(--muted);padding-bottom:12px}.ct-row{background:var(--surface-work);border-radius:12px;min-height:88px;margin-bottom:8px}.ct-row:hover{background:var(--surface-content)}.ct-row.is-selected{background:var(--selection)}.ct-row.is-selected:hover{background:var(--surface-selected-hover)}.ct-open{grid-column:1/5;display:grid;grid-template-columns:subgrid;gap:12px;align-items:center;text-align:left;color:var(--text);background:none;border:0;padding:16px 0;font:inherit;min-width:0}.ct-open>span{min-width:0}.ct-identity{display:flex;align-items:center;gap:12px}.ct-identity>span:last-child{min-width:0}.ct-identity strong{display:block;font-weight:500;overflow-wrap:anywhere}.ct-identity small,.ct-company small{display:block;font-size:12px;line-height:18px;color:var(--muted);margin-top:4px}.ct-company{font-size:13px;overflow-wrap:anywhere}.ct-project-count{font-size:14px}.ct-project-count small{display:block;font-size:11px;color:var(--muted)}.ct-groups{display:flex;gap:4px;flex-wrap:wrap}.ct-groups>span{padding:3px 7px;background:var(--surface-content);border-radius:6px;font-size:11px;line-height:16px}.ct-row.is-selected .ct-groups>span{background:var(--surface-raised)}.ct-favourite{width:32px;height:32px;font-size:22px;background:none}.ct-favourite[aria-pressed=true]{color:var(--action-blue);background:none}.ct-favourite:hover{background:var(--surface-hover)}
.ct-welcome,.ct-detail{border-radius:14px;background:var(--surface-work);min-width:0;min-height:0}.ct-welcome{padding:32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ct-welcome h2{font-size:20px;line-height:28px;margin:24px 0 8px}.ct-welcome p{color:var(--muted);line-height:22px;margin:0 0 24px}.ct-detail{display:flex;flex-direction:column}.ct-detail>header{padding:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.ct-detail>header h2{font-size:16px;font-weight:600;margin:0}.ct-detail-scroll{flex:1;padding:12px;min-height:0}.ct-profile{text-align:center;padding:8px 0 20px}.ct-profile .ms-avatar{margin:auto}.ct-profile h2{font-size:20px;line-height:28px;margin:12px 0 4px;overflow-wrap:anywhere}.ct-profile p{color:var(--muted);font-size:13px;margin:0 0 12px}.ct-profile .ct-groups{justify-content:center}.ct-actions{display:flex;gap:8px;flex-wrap:wrap}.ct-actions .cta{flex:1;padding-inline:12px}.ct-detail section{margin-top:28px}.ct-detail h3{font-size:16px;font-weight:500;margin:0 0 12px}.ct-detail .ms-participants-heading h3{margin:0}.ct-fact{display:flex;flex-direction:column;gap:4px;padding:10px 0}.ct-fact>span{color:var(--muted);font-size:12px}.ct-fact strong{font-weight:400}.ct-fact a{overflow-wrap:anywhere}.ct-fact a:hover{text-decoration:underline}.ct-project-link{display:flex;gap:8px;align-items:center;margin-top:12px;background:var(--surface-content);padding:12px;border-radius:10px}.ct-project-link>span{flex:1;font-size:13px}.ct-project-link small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.ct-project-link .ms-icon{width:28px;height:28px}.ct-caption{color:var(--muted);font-size:11px;line-height:17px;margin:12px 0}.ct-muted{color:var(--muted);font-size:13px;line-height:20px}.ct-note{margin-top:12px;padding:12px;background:var(--surface-content);border-radius:10px}.ct-note p{margin:0 0 8px;white-space:pre-wrap;overflow-wrap:anywhere}.ct-note small{font-size:11px;color:var(--muted)}.ct-archive{margin:24px 0 8px;width:100%}.ct-detail .ms-file{margin-top:12px;background:var(--surface-content)}.ct-empty{padding:48px 24px;text-align:center;color:var(--muted)}.ct-empty h2{font-size:20px;color:var(--text)}
.ct-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;width:100%}.ct-sort{display:flex;align-items:center;gap:8px;margin-left:auto}.ct-sort>span{font-size:13px;color:var(--muted)}.ct-tabs{min-width:0}.ct-topbar .ct-tabs button{white-space:nowrap}.ct-topbar .cta,.ct-topbar .cta>span{transform:none!important}.ct-controls .catalog-control{white-space:nowrap}
.ct-edit-dialog{max-width:560px}.ct-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.ct-fieldset{border:0;padding:0;margin:0 0 20px;display:flex;gap:8px 16px;flex-wrap:wrap}.ct-fieldset legend{font-size:13px;color:var(--muted);margin-bottom:8px}.ct-fieldset input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px}.ct-fieldset .projects-radio{font-size:13px}.ms-form-label textarea{resize:vertical;max-height:240px;min-height:120px;border:0;border-radius:10px;padding:12px;font:inherit;background:var(--field-bg);color:var(--text);outline:none}.ms-form-label textarea:hover{background:var(--field-hover)}.ms-form-label textarea:focus{background:var(--field-focus)}
@media(max-width:1450px){.ct-columns,.ct-row{grid-template-columns:minmax(160px,1.4fr) minmax(100px,1fr) 92px 32px}.ct-columns>span:nth-child(4),.ct-project-count{display:none}.ct-open{grid-column:1/4}.ct-layout{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:1150px){.ct-layout{grid-template-columns:1fr}.ct-welcome{display:none}.ct-detail{position:absolute;right:0;top:0;bottom:0;width:340px;z-index:10;box-shadow:var(--shadow-overlay)}.ct-sort>span{display:none}.ct-controls{row-gap:8px}.ct-columns,.ct-row{grid-template-columns:minmax(160px,1.4fr) minmax(100px,1fr) 100px 32px}}
@media(max-width:700px){main.ct-main{padding:0 8px}.ct-results{padding-top:6px}.ct-columns{display:none}.ct-row{grid-template-columns:minmax(0,1fr) 32px;gap:8px}.ct-open{grid-column:1;display:flex;flex-wrap:wrap;gap:8px}.ct-identity{width:100%}.ct-company{padding-left:52px}.ct-groups{padding-left:52px;width:100%}.ct-profile .ct-groups{padding-left:0}.ct-detail{width:100%;inset:0;box-shadow:none}.ct-screen.has-detail .ct-list{visibility:hidden}.ct-tabs{width:100%;display:flex}.ct-tabs button{flex:1;padding-inline:8px!important}.ct-controls>.catalog-control{flex:1}.ct-sort{margin-left:0;flex:1}.ct-sort button{width:100%}.ct-controls .catalog-add{flex:1}.ct-form-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ct-screen *{transition:none!important}}
.ct-avatar{overflow:hidden;width:40px;height:40px;flex:none}.ct-avatar img{width:100%;height:100%;object-fit:cover;display:block}.ct-avatar-large{width:72px;height:72px;border-radius:16px}.ct-profile>.ct-avatar{margin-inline:auto}
.ct-row{border-radius:var(--radius-content)}
.ct-results{min-height:48px}
.ct-row .ct-avatar{width:48px;height:48px;border-radius:10px}
@media(max-width:700px){.ct-row .ct-company,.ct-row .ct-groups{padding-left:60px}}
.ct-avatar-editor{display:block}.ct-avatar-editor .projects-colour-current{flex-wrap:wrap}.ct-avatar-editor .projects-colour-palette{margin-top:16px}.ct-avatar-editor [hidden]{display:none!important}
.ct-group-checks{display:flex;flex-wrap:wrap;gap:8px 16px}.ct-fieldset legend .cta{margin-left:12px}.ct-group-edit-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.ct-group-edit-row label{flex:1;min-width:0;margin:0}.ct-group-edit-row>span{font-size:12px;color:var(--muted)}
@media(max-width:500px){.ct-group-edit-row{flex-wrap:wrap}.ct-group-edit-row label{min-width:100%}}
.ct-avatar.projects-thumbnail{color:#fff;font-weight:500;font-size:14px}.ct-avatar-large.projects-thumbnail{font-size:24px}
.ct-topbar .ct-tabs button.active{background:var(--selection);color:var(--text);border-radius:var(--radius-control);font-weight:400}
.ct-topbar .ct-tabs button.active:hover{background:var(--surface-selected-hover)}
/* Desktop details follow one column of the four-column Products grid. */
@media(min-width:1151px){
 .ct-layout{grid-template-columns:minmax(0,1fr) calc((100% - 48px)/4);gap:16px}
 .ct-actions .cta{flex:1 1 calc(50% - 8px);min-width:0}
 .ct-detail .ms-participants-heading{flex-wrap:wrap;gap:8px}
}