@import url("v24.css");
.workspace-main{min-height:72vh;overflow-x:clip;background:var(--bg)}
.workspace-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 30%,color-mix(in srgb,#57c4ff 22%,transparent),transparent 28%),linear-gradient(135deg,light-dark(#edf5ff,#0c1830),var(--bg));padding:64px 0 72px}
.workspace-hero:after{position:absolute;right:7%;bottom:-180px;width:330px;height:330px;border:42px solid color-mix(in srgb,var(--brand) 7%,transparent);border-radius:50%;content:""}
.workspace-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px}
.workspace-kicker,.workspace-panel>header span{color:var(--brand);font-size:10px;font-weight:850;letter-spacing:.13em}
.workspace-hero h1{max-width:780px;margin:12px 0 15px;font-size:clamp(37px,5vw,60px);line-height:1.06;letter-spacing:-.045em}
.workspace-hero p{max-width:710px;margin:0;color:var(--muted);font-size:14px;line-height:1.8}
.workspace-hero-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.workspace-hero-badges span{border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--surface) 80%,transparent);padding:8px 11px;color:var(--muted);font-size:10px;backdrop-filter:blur(8px)}
.workspace-content{padding:34px 0 72px}
.workspace-message{margin-bottom:16px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:12px;font-weight:700}
.workspace-message.success{border-color:color-mix(in srgb,var(--good) 32%,var(--line));background:color-mix(in srgb,var(--good) 9%,var(--surface));color:var(--good)}
.workspace-message.error{border-color:color-mix(in srgb,var(--bad) 32%,var(--line));background:color-mix(in srgb,var(--bad) 9%,var(--surface));color:var(--bad)}
.workspace-switcher{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.workspace-switcher>form{display:grid;gap:7px;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:14px}
.workspace-switcher label,.workspace-resource-form label,.workspace-member-invite label{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:700}
.workspace-switcher form>div,.workspace-inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.workspace-switcher input,.workspace-switcher select,.workspace-inline-form input,.workspace-resource-form input,.workspace-resource-form select,.workspace-resource-form textarea,.workspace-member-invite input,.workspace-member-invite select,.workspace-note-list details input,.workspace-note-list details textarea{min-width:0;width:100%;border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--ink);font:inherit;padding:0 11px}
.workspace-switcher input,.workspace-switcher select,.workspace-inline-form input,.workspace-resource-form input,.workspace-resource-form select,.workspace-member-invite input,.workspace-member-invite select,.workspace-note-list details input{height:42px}
.workspace-resource-form textarea,.workspace-note-list details textarea{padding-top:10px;resize:vertical;line-height:1.55}
.workspace-switcher button,.workspace-inline-form button,.workspace-resource-form button,.workspace-member-invite button,.workspace-note-list details button,.workspace-invite-shell button{min-height:42px;border:0;border-radius:9px;background:var(--brand);color:#fff;padding:0 15px;font-weight:780;cursor:pointer}
.workspace-empty{border:1px dashed var(--line);border-radius:20px;background:var(--surface);padding:70px 24px;text-align:center}
.workspace-empty>span{display:grid;width:56px;height:56px;margin:0 auto 18px;place-items:center;border-radius:18px;background:color-mix(in srgb,var(--brand) 12%,var(--soft));color:var(--brand);font-size:27px}
.workspace-empty h2{margin:0 0 8px}.workspace-empty p{margin:0;color:var(--muted);font-size:12px}
.workspace-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:18px;border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 8%,var(--surface)),var(--surface));box-shadow:0 14px 36px color-mix(in srgb,var(--brand-dark) 7%,transparent);padding:21px}
.workspace-summary>div>span{color:var(--brand);font-size:10px;font-weight:800;letter-spacing:.1em}.workspace-summary h2{margin:5px 0 4px;font-size:25px}.workspace-summary p{margin:0;color:var(--muted);font-size:11px}
.workspace-summary nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.workspace-summary nav a,.workspace-summary>details>summary{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:7px 9px;text-decoration:none;font-size:10px;cursor:pointer}.workspace-summary nav .workspace-export{border-color:color-mix(in srgb,var(--brand) 30%,var(--line));color:var(--brand);font-weight:750}
.workspace-summary>details{grid-column:1/-1}.workspace-summary>details[open]>summary{margin-bottom:10px}.workspace-summary .workspace-inline-form{max-width:520px}
.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px}
.workspace-panel{min-width:0;scroll-margin-top:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 10px 30px color-mix(in srgb,var(--brand-dark) 5%,transparent);padding:20px}
.workspace-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.workspace-panel>header h2{margin:5px 0 4px;font-size:20px}.workspace-panel>header p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.workspace-panel>header>b{flex:none;border-radius:999px;background:var(--soft);padding:6px 9px;color:var(--muted);font-size:9px}
.workspace-members,.workspace-activity{grid-column:1/-1}
.workspace-member-invite{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(110px,.5fr) auto;align-items:end;gap:9px;margin-bottom:14px;border-radius:12px;background:var(--soft);padding:12px}
.workspace-member-list{display:grid;gap:8px}.workspace-member-list>article{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px}.workspace-member-list>article.is-inactive{opacity:.58}.workspace-avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--brand) 12%,var(--soft));color:var(--brand);font-weight:850}.workspace-member-list>article>div:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}.workspace-member-list small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.workspace-role{border-radius:999px;background:var(--soft);padding:6px 8px;color:var(--muted);font-size:9px;font-weight:750}.workspace-role.role-owner{background:color-mix(in srgb,#a866ff 13%,var(--soft));color:#7c3cc5}.workspace-role.role-admin{background:color-mix(in srgb,var(--brand) 12%,var(--soft));color:var(--brand)}
.workspace-member-actions,.workspace-member-actions form{display:flex;align-items:center;gap:5px}.workspace-member-actions select{height:32px;border:1px solid var(--line);border-radius:7px;background:var(--soft);color:var(--ink);font-size:9px}.workspace-member-actions button,.workspace-pending button,.workspace-card-list button,.workspace-alert-list button,.workspace-note-list details form button{min-height:32px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--brand);padding:0 8px;font-size:9px;cursor:pointer}.workspace-member-actions .danger,.workspace-pending .danger,.workspace-card-list .danger,.workspace-alert-list .danger,.workspace-note-list details form .danger{color:var(--bad)}
.workspace-pending{margin-top:12px;border-top:1px dashed var(--line);padding-top:11px}.workspace-pending>summary{color:var(--muted);font-size:10px;cursor:pointer}.workspace-pending>div{display:grid;gap:7px;margin-top:10px}.workspace-pending article{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:9px;background:var(--soft);padding:9px}.workspace-pending article>span{display:flex;min-width:0;flex-direction:column;gap:3px}.workspace-pending small{color:var(--muted);font-size:9px}
.workspace-resource-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:9px;margin-bottom:14px;border-radius:12px;background:var(--soft);padding:12px}.workspace-resource-form .wide{grid-column:1/-1}.workspace-resource-form>button{grid-column:1/-1}.workspace-pair-form{grid-template-columns:1fr 1fr auto}.workspace-pair-form>button{grid-column:auto}
.workspace-chip-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.workspace-chip-list article{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:11px;background:var(--soft);padding:10px}.workspace-chip-list a{display:flex;min-width:0;flex-direction:column;gap:3px;color:var(--ink);text-decoration:none}.workspace-chip-list small{color:var(--muted);font-size:9px}.workspace-chip-list form{margin:0}.icon-danger{border:0;background:none;color:var(--bad);font-size:18px;cursor:pointer}
.workspace-card-list,.workspace-note-list,.workspace-alert-list{display:grid;gap:9px}.workspace-card-list>article,.workspace-note-list>article,.workspace-alert-list>article{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px}.workspace-card-list article>div,.workspace-alert-list article>div{display:flex;min-width:0;flex-direction:column;gap:5px}.workspace-card-list span{color:var(--brand);font-size:9px;font-weight:750}.workspace-card-list h3,.workspace-note-list h3{margin:0;font-size:14px}.workspace-card-list p{display:flex;flex-wrap:wrap;gap:5px;margin:0}.workspace-card-list p a{border-radius:999px;background:var(--soft);color:var(--ink);padding:4px 6px;text-decoration:none;font-size:9px}.workspace-card-list small,.workspace-note-list small,.workspace-alert-list small{color:var(--muted);font-size:9px}
.workspace-note-list>article{display:block}.workspace-note-list>article>div>p{max-height:180px;overflow:auto;margin:8px 0;color:var(--muted);font-size:11px;line-height:1.65;overflow-wrap:anywhere}.workspace-note-list details{margin-top:10px;border-top:1px dashed var(--line);padding-top:9px}.workspace-note-list summary{color:var(--brand);font-size:9px;cursor:pointer}.workspace-note-list details form{display:grid;gap:7px;margin-top:8px}.workspace-note-list details form+form{display:block}.workspace-note-list details form+form button{margin-top:0}
.workspace-alert-form{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-alert-list>article{align-items:center}.workspace-alert-list article>div>span{font-size:11px}.workspace-alert-list form{display:flex;gap:5px}
.workspace-placeholder{grid-column:1/-1;margin:0;border:1px dashed var(--line);border-radius:11px;padding:20px;color:var(--muted);font-size:10px;text-align:center}
.workspace-activity ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin:0;padding:0;list-style:none}.workspace-activity li{display:grid;grid-template-columns:10px 1fr;gap:9px;border-bottom:1px solid var(--line);padding:10px 0;font-size:10px}.workspace-activity li>span{width:8px;height:8px;margin-top:3px;border:2px solid color-mix(in srgb,var(--brand) 32%,var(--line));border-radius:50%;background:var(--surface)}.workspace-activity li>div{display:flex;flex-wrap:wrap;gap:4px}.workspace-activity small{flex-basis:100%;color:var(--muted);font-size:8px}
.workspace-invite-main{display:grid;min-height:72vh;place-items:center;padding:50px 0}.workspace-invite-shell{max-width:620px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);padding:36px;text-align:center}.workspace-invite-icon{display:grid;width:58px;height:58px;margin:18px auto;place-items:center;border-radius:18px;background:color-mix(in srgb,var(--brand) 12%,var(--soft));color:var(--brand);font-size:25px}.workspace-invite-shell h1{margin:12px 0;font-size:30px}.workspace-invite-shell>p{color:var(--muted);font-size:12px;line-height:1.7}.workspace-invite-shell dl{display:grid;gap:7px;margin:20px 0;text-align:left}.workspace-invite-shell dl>div{display:flex;justify-content:space-between;gap:20px;border-radius:10px;background:var(--soft);padding:11px;font-size:10px}.workspace-invite-shell dt{color:var(--muted)}.workspace-invite-shell dd{margin:0;font-weight:750}.workspace-invite-shell form{margin:20px 0 10px}.workspace-invite-shell form button{width:100%}.workspace-invite-shell>small{color:var(--muted);font-size:9px}.workspace-primary-link{display:inline-flex;border-radius:9px;background:var(--brand);color:#fff;padding:11px 15px;text-decoration:none;font-size:11px;font-weight:750}
@media(max-width:980px){.workspace-hero-grid{grid-template-columns:1fr}.workspace-hero-badges{justify-content:flex-start}.workspace-grid{grid-template-columns:1fr}.workspace-members,.workspace-activity{grid-column:auto}.workspace-activity ol{grid-template-columns:1fr}.workspace-member-list>article{grid-template-columns:38px minmax(0,1fr) auto}.workspace-member-actions{grid-column:2/-1;justify-content:flex-end}.workspace-member-invite{grid-template-columns:1fr 140px auto}}
@media(max-width:680px){.workspace-hero{padding:46px 0 56px}.workspace-hero h1{font-size:clamp(32px,10vw,44px)}.workspace-content{padding:22px 0 54px}.workspace-switcher{grid-template-columns:1fr}.workspace-summary{grid-template-columns:1fr;padding:17px}.workspace-summary nav{justify-content:flex-start}.workspace-panel{border-radius:15px;padding:15px}.workspace-member-invite,.workspace-resource-form,.workspace-pair-form,.workspace-alert-form{grid-template-columns:1fr}.workspace-resource-form .wide,.workspace-resource-form>button,.workspace-pair-form>button{grid-column:auto}.workspace-member-list>article{grid-template-columns:36px minmax(0,1fr)}.workspace-role{grid-column:2}.workspace-member-actions{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}.workspace-chip-list{grid-template-columns:1fr}.workspace-card-list>article,.workspace-alert-list>article{align-items:flex-start;flex-direction:column}.workspace-alert-list form{flex-wrap:wrap}.workspace-invite-main{padding:25px 0}.workspace-invite-shell{padding:25px 18px}.workspace-invite-shell dl>div{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:390px){.workspace-switcher form>div,.workspace-inline-form{grid-template-columns:1fr}.workspace-switcher button{width:100%}.workspace-panel>header{flex-direction:column}.workspace-member-actions form{flex-wrap:wrap}.workspace-pending article{align-items:flex-start;flex-direction:column}.workspace-summary nav a{flex:1 1 42%;text-align:center}}