/* Shared public Commons design contract. Native system fonts, white/grey surfaces, blue actions. */
.commons-unified .commons-nav{background:#fff!important;color:#1d1d1f!important;border-bottom:1px solid #dedee4!important;box-shadow:none!important}
.commons-unified .commons-nav__inner{background:transparent!important}
.commons-unified .commons-site-content .dock{display:none!important}
.commons-unified .commons-site-content .prompt-action a:first-child{background:#0067c0!important;color:#fff!important;border-color:#0067c0!important;border-radius:6px!important}
.commons-unified .commons-site-content .prompt-action a{border-radius:6px!important}
.commons-unified .commons-site-content .prompt-text{font-size:18px!important;line-height:1.65!important;letter-spacing:-.01em!important;color:#242429!important}
:root{color-scheme:light;--ink:#1d1d1f;--sub:#61616a;--muted:#61616a;--paper:#fff;--canvas:#f5f5f7;--hair:#dedee4;--blue:#0067c0;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI","Helvetica Neue",Arial,sans-serif}
html:has(body.commons-unified){background:#f5f5f7;color-scheme:light}
body.commons-unified{margin:0;background:#f5f5f7!important;color:#1d1d1f!important;font-family:var(--sans)!important;line-height:1.6}
.commons-unified *{box-sizing:border-box}.commons-unified [hidden]{display:none!important}.commons-unified .commons-nav{font-family:var(--sans)}
.commons-site-shell{display:grid;grid-template-columns:192px minmax(0,1fr);min-height:calc(100dvh - 58px)}
.commons-site-rail{background:#f3f3f5;border-right:1px solid #dedee3;padding:26px 14px 20px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:calc(100dvh - 58px)}
.commons-site-rail .workspace-title{display:flex;align-items:center;gap:8px;padding:0 8px}.commons-site-rail h2{font-size:16px!important;letter-spacing:-.04em;margin:0!important;font-weight:600}.commons-site-rail .status-dot{height:6px;width:6px;border-radius:50%;background:#0078d4}.commons-site-rail .workspace-caption{font-size:11px;color:#66666d;line-height:1.6;padding:0 8px;margin:-12px 0 0}
.commons-site-rail nav{display:grid;gap:5px}.commons-site-rail a{display:flex;align-items:center;gap:10px;padding:11px 10px;border-radius:7px;font-size:12px;color:#505057;text-decoration:none}.commons-site-rail svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.commons-site-rail a:hover{background:#e8e8ed;color:#1d1d1f}.commons-site-rail a[aria-current]{background:#e7f0fa;color:#005a9e;font-weight:600}.commons-site-rail .rail-bottom{margin-top:auto;display:grid;gap:4px}.commons-site-rail .rail-bottom>a:first-child{background:#0067c0;color:white;margin-bottom:16px}.commons-site-rail .rail-bottom p{font-size:11px;color:#66666d;padding:0 10px;line-height:1.7}.commons-site-rail .rail-bottom>a:not(:first-child){font-size:10px;padding:5px 10px}
.commons-site-content{min-width:0;padding:24px 30px;overflow-wrap:anywhere}.commons-unified .commons-site-content :is(main,.wrap,.page,.container){width:100%!important;max-width:1200px!important;margin:0 auto!important;padding:12px 0 28px!important;transform:none!important;left:auto!important}
.commons-unified .commons-site-content :is(h1,h2,h3,h4,p,button,input,select,textarea){font-family:var(--sans)!important}.commons-unified .commons-site-content h1{font-size:clamp(28px,3vw,40px)!important;line-height:1.12!important;letter-spacing:-.04em!important;font-weight:600!important;margin:12px 0 16px!important;color:#1d1d1f!important}.commons-unified .commons-site-content h2{font-size:22px;line-height:1.3;letter-spacing:-.025em;color:#1d1d1f}.commons-unified .commons-site-content h3{font-size:17px;color:#1d1d1f}.commons-unified .commons-site-content p{color:#61616a;line-height:1.65}.commons-unified .commons-site-content a{color:#0067c0}.commons-unified .commons-site-content :is(.lede,.intro){font-size:15px!important;max-width:820px}.commons-unified .commons-site-content :is(.hero,.page-head,.page-header){background:transparent!important;color:#1d1d1f!important;padding:16px 0 24px!important;margin:0 0 24px!important;border:0;border-bottom:1px solid #dedee4;box-shadow:none!important;border-radius:0!important}
.commons-unified .commons-site-content :is(.card,.panel,.surface,.msg,.message,.prompt-card,.thread-card,.room-card,.feature-card,.info-card,.callout,.trust,.notice,details){background:#fff!important;border:1px solid #dedee4!important;border-radius:10px!important;box-shadow:none!important;color:#1d1d1f!important}
.commons-unified .commons-site-content :is(.card,.panel,.surface,.msg,.message,.prompt-card,.thread-card,.room-card){padding:20px!important}.commons-unified .commons-site-content :is(.msg-text,.message>p){color:#242429!important;white-space:pre-wrap}.commons-unified .commons-site-content :is(.kicker,.eyebrow,.meta,.muted,.sub,.msg-ctx,.msg-foot){color:#61616a!important}.commons-unified .commons-site-content :is(.chip,.tag,.pill,.badge){background:#edf3fa!important;color:#35516f!important;border-color:#dce5ef!important;box-shadow:none}.commons-unified .commons-site-content button,.commons-unified .commons-site-content :is(.button,.btn){font:inherit;border:1px solid #d6d9df;border-radius:6px;padding:8px 12px;background:#fff;color:#0067c0;cursor:pointer}.commons-unified .commons-site-content :is(.primary,.button-primary,.btn-primary){background:#0067c0!important;border-color:#0067c0!important;color:#fff!important}.commons-unified .commons-site-content :is(input,textarea,select){max-width:100%;background:#fff!important;color:#242429!important;border:1px solid #d6d9df!important;border-radius:6px!important;padding:10px 12px;font-size:14px}.commons-unified :focus-visible{outline:2px solid #0078d4;outline-offset:3px}.commons-unified .commons-site-content :is(pre,code){background:#eef1f5!important;color:#27384c!important;border-color:#dce2e9!important}.commons-unified .commons-site-content pre{padding:16px;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere}.commons-unified .commons-site-content :is(.grid,.cards){gap:16px}.commons-unified .commons-site-content footer{background:transparent!important;color:#61616a;font-size:12px;padding:20px 0}.commons-unified .commons-site-content .messages{padding:0;display:grid;gap:16px}.commons-unified .commons-site-content .room-list{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}
.workspace-rooms{padding:18px 12px}.workspace-rooms h2{font-size:26px;font-weight:600;letter-spacing:-.04em}.workspace-rooms .rooms-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.workspace-rooms p{font-size:13px;color:#61616a;line-height:1.65}.workspace-rooms .rooms-tools{display:flex;gap:12px;margin:24px 0 14px}.workspace-rooms input,.workspace-rooms select{padding:10px 12px;border:1px solid #dedee4;border-radius:6px;font:inherit;font-size:13px;background:white;color:#242429}.workspace-rooms input{flex:1;min-width:0}.workspace-rooms #workspace-room-status{display:block;font-size:12px;color:#61616a;margin:12px 0 20px}.workspace-room-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px}.workspace-room-card{display:grid;gap:12px;padding:22px;background:white;border:1px solid #dedee4;border-radius:10px;text-decoration:none;color:#1d1d1f!important}.workspace-room-card:hover{border-color:#0078d4}.workspace-room-card h3{font-size:18px}.workspace-room-card p{overflow-wrap:anywhere}.workspace-room-card small{color:#61616a;font-size:11px}.room-state{font-size:11px;color:#35516f;background:#edf3fa;padding:3px 8px;border-radius:5px;justify-self:start}.room-empty{grid-column:1/-1;border:1px dashed #d4d9e2;border-radius:10px;background:#fafafa;padding:48px 24px;text-align:center}.room-empty h3{font-size:18px;margin-bottom:10px}.room-empty a{display:inline-block;font-size:13px;margin-top:14px}.workspace-room-detail{background:white;padding:24px;border:1px solid #dedee4;border-radius:10px}.workspace-room-detail h3{font-size:22px;margin:18px 0 8px}.workspace-room-detail>a,.workspace-room-detail>small{display:block;margin:16px 0;font-size:12px}.room-messages{display:grid;gap:18px;margin-top:25px}.room-message{background:#f4f7fc;padding:18px;border-radius:10px}.room-message header{display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between;font-size:12px}.room-message time{font-size:11px;color:#61616a}.room-message p{white-space:pre-wrap;overflow-wrap:anywhere;color:#242429;margin-top:12px}
@media(max-width:1000px) and (min-width:761px){.commons-site-shell{grid-template-columns:155px minmax(0,1fr)}.commons-site-rail{padding-left:8px;padding-right:8px}.commons-site-content{padding:20px}}
@media(max-width:760px){.commons-site-shell{display:block}.commons-site-rail{height:auto;position:static;padding:8px 12px;border-right:0;border-bottom:1px solid #dedee3;gap:0}.commons-site-rail .workspace-title,.commons-site-rail .workspace-caption,.commons-site-rail .rail-bottom p,.commons-site-rail .rail-bottom>a:not(:first-child){display:none}.commons-site-rail nav{display:flex;gap:3px;overflow:auto}.commons-site-rail nav a{white-space:nowrap;font-size:10px;padding:8px 6px}.commons-site-rail nav svg{display:none}.commons-site-rail .rail-bottom{margin-top:5px;display:block}.commons-site-rail .rail-bottom>a:first-child{display:inline-flex;margin:0;font-size:10px;padding:7px 10px}.commons-site-content{padding:18px 16px}.commons-unified .commons-site-content :is(.grid,.cards){grid-template-columns:1fr!important}.commons-unified .commons-site-content h1{font-size:28px!important}.commons-unified .commons-site-content :is(.card,.msg,.message){padding:16px!important}.workspace-rooms{padding:22px 16px}.workspace-rooms .rooms-tools{flex-direction:column}.workspace-rooms .rooms-heading{align-items:flex-start}.workspace-rooms h2{font-size:23px}}