.df-communities-nav{display:flex!important;align-items:center;justify-content:center;gap:.35rem}.df-communities-nav>span:first-child{font-size:1.35rem;color:#00aeef}.df-community-shell{position:fixed;inset:68px 0 0;z-index:70;overflow:auto;background:#f2f6f9;color:#173042;font-family:inherit}.df-community-page{max-width:1480px;margin:auto;padding:28px 32px 100px}.df-community-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.df-community-heading h1{font-size:clamp(2rem,4vw,3.25rem);margin:5px 0}.df-community-heading p{margin:0;color:#647b89;font-size:1.08rem}.df-community-heading .eyebrow{color:#0089bd;font-size:.76rem;letter-spacing:.15em;font-weight:800}.df-community-back{border:0;background:none;color:#087da9;font-weight:800;padding:0 12px 0 0}.df-community-shell button,.df-community-shell input,.df-community-shell textarea,.df-community-shell select{font:inherit}.df-community-shell button{cursor:pointer}.df-community-shell .primary,.df-community-shell .secondary{border-radius:14px;padding:12px 18px;font-weight:800;border:1px solid #00a8e8}.df-community-shell .primary{color:white;background:#00a8e8}.df-community-shell .secondary{color:#17657f;background:white;border-color:#c9dce5}.df-community-shell button:disabled{opacity:.55;cursor:wait}.df-community-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;align-items:start}.df-spaces-panel,.df-space-detail{background:white;border:1px solid #d5e3ea;border-radius:24px;box-shadow:0 12px 35px rgba(30,70,90,.07)}.df-spaces-panel{padding:18px;position:sticky;top:18px}.panel-title{display:flex;justify-content:space-between;align-items:center;padding:4px 3px 14px}.panel-title span{background:#e8f7fc;color:#087da9;border-radius:999px;padding:3px 10px;font-weight:800}.search{display:flex;align-items:center;background:#f3f7f9;border:1px solid #d6e4ea;border-radius:13px;padding:0 12px;margin-bottom:14px}.search input{width:100%;border:0;background:transparent;padding:12px 8px;outline:none}.df-space-list{display:grid;gap:8px}.space-card{position:relative;width:100%;display:grid;grid-template-columns:42px minmax(0,1fr);text-align:left;gap:10px;align-items:center;padding:12px;border:0;border-radius:15px;background:transparent;color:#294858}.space-card:hover,.space-card.active{background:#eaf8fd}.space-card.active{box-shadow:inset 3px 0 #00aeef}.space-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:white;color:#009ad4;border:1px solid #d6e6ed;font-size:1.2rem}.space-card strong,.space-card small{display:block}.space-card small{color:#748895;margin-top:3px}.space-card em{position:absolute;right:10px;top:8px;font-size:.6rem;font-style:normal;text-transform:uppercase;color:#728793}.df-space-detail{min-height:620px;overflow:hidden}.space-hero{padding:28px;display:grid;grid-template-columns:68px 1fr auto;gap:18px;align-items:center;background:linear-gradient(135deg,#e5f8ff,#f6fbfd)}.hero-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#00a8e8;color:white;font-size:1.8rem}.space-hero h2{font-size:1.7rem;margin:7px 0}.space-hero p{color:#607986;margin:0 0 8px}.space-hero small{color:#476979;font-weight:700}.space-tags{display:flex;gap:7px}.space-tags span{font-size:.65rem;background:white;border-radius:999px;padding:4px 8px;color:#397084;font-weight:800;text-transform:uppercase}.space-tabs{display:flex;gap:4px;padding:12px 22px 0;border-bottom:1px solid #dce8ed;overflow-x:auto}.space-tabs button{white-space:nowrap;display:flex;gap:8px;border:0;background:transparent;padding:14px 16px;color:#607986;font-weight:800;border-bottom:3px solid transparent}.space-tabs button.active{color:#008fc7;border-color:#00aeef}.space-tabs span{background:#eaf2f5;border-radius:999px;padding:0 7px;font-size:.75rem}.space-content{padding:22px}.composer{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px;background:#f4f8fa;border-radius:18px;margin-bottom:16px}.composer textarea{resize:vertical;min-height:50px;border:0;background:transparent;padding:10px;outline:none}.content-card{display:flex;gap:14px;padding:18px 6px;border-bottom:1px solid #e2ebef}.content-card:last-child{border-bottom:0}.content-card>div:not(.avatar):not(.date-block){flex:1}.content-card p{white-space:pre-wrap;color:#506c79;margin:6px 0 10px;line-height:1.55}.content-card time,.content-card small{display:block;color:#7a8e98;font-size:.78rem;margin-top:3px}.avatar{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#def4fc;color:#087da9;font-weight:900}.content-card h3{font-size:1.25rem;margin:4px 0}.type{font-size:.67rem;color:#0095cb;font-weight:900;letter-spacing:.12em}.action-top{margin-left:auto;display:block;margin-bottom:14px}.file-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e7f6fb;color:#0589b9;font-size:1.5rem}.document{align-items:center}.date-block{flex:0 0 58px;width:58px;border-radius:13px;overflow:hidden;text-align:center;background:#e7f6fb;color:#087da9}.date-block strong,.date-block span{display:block}.date-block strong{font-size:1.55rem;padding-top:7px}.date-block span{font-size:.65rem;padding:2px 0 7px;font-weight:900}.empty-state{text-align:center;padding:100px 28px;color:#708691}.empty-state span{display:block;font-size:3rem;color:#00a8e8}.empty-state h2,.empty-state h3{color:#294b5b;margin:10px 0}.empty-state.compact{padding:65px 20px}.loading-card,.error-card,.empty-list{padding:24px;text-align:center;color:#6b818d}.error-card{color:#a94343;background:#fff2f2;border-radius:12px}.df-community-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:rgba(10,35,48,.48);backdrop-filter:blur(5px)}.modal-card{width:min(640px,100%);max-height:90vh;overflow:auto;background:white;border-radius:22px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:0}.modal-head button{border:0;background:#eef4f6;border-radius:50%;width:36px;height:36px;font-size:1.5rem}.modal-card form{display:grid;gap:14px;margin-top:18px}.modal-card label{display:grid;gap:6px;color:#385867;font-weight:700}.modal-card input,.modal-card textarea,.modal-card select{width:100%;box-sizing:border-box;border:1px solid #cddde4;border-radius:12px;padding:12px;background:white}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-card .check{display:flex;grid-auto-flow:column;justify-content:start}.modal-card .check input{width:auto}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px}.df-community-notice{position:fixed;right:22px;bottom:90px;z-index:100;padding:14px 18px;border-radius:13px;background:#173f50;color:white;box-shadow:0 12px 30px rgba(0,0,0,.18)}.df-community-notice.error{background:#a53e3e}.df-community-notice.success{background:#16815a}
@media(max-width:800px){.df-community-shell{inset:62px 0 64px}.df-community-page{padding:18px 12px 40px}.df-community-heading{align-items:flex-start}.df-community-heading .primary{padding:10px;font-size:.82rem}.df-community-layout{grid-template-columns:1fr}.df-spaces-panel{position:static}.df-space-list{display:flex;overflow-x:auto}.space-card{min-width:230px}.space-hero{grid-template-columns:54px 1fr;padding:20px 16px}.hero-mark{width:52px;height:52px}.space-hero>button{grid-column:1/-1}.space-tabs{padding-left:5px}.space-tabs button{padding:12px 10px}.space-content{padding:14px}.composer{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.document{flex-wrap:wrap}.df-communities-nav{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.df-community-shell *{scroll-behavior:auto!important;transition:none!important}}