/* ==========================================
   NATIVE COMMUNITY WORKSPACE
========================================== */

.community-workspace-view{
    width:100%;
    max-width:1560px;
    margin:0 auto;
    color:var(--text);
}

.community-workspace-view button,
.community-workspace-view input,
.community-workspace-view select,
.community-workspace-view textarea{ font:inherit; }

.cw-section-header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:18px;
}

.cw-eyebrow{
    display:block;
    color:var(--workspace-accent);
    font-size:12px;
    font-weight:700;
    letter-spacing:1.2px;
    text-transform:uppercase;
}

.cw-section-header h2{
    margin:5px 0;
    font-size:clamp(27px,3vw,38px);
    line-height:1.17;
    letter-spacing:-.8px;
}

.cw-section-header p{
    max-width:850px;
    margin:0;
    color:var(--text-light);
    font-size:13px;
    line-height:1.7;
}

.cw-primary,
.cw-empty button,
.cw-event-spotlight button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:9px 14px;
    border:1px solid rgba(var(--workspace-accent-rgb),.48);
    border-radius:11px;
    background:rgba(var(--workspace-accent-rgb),.12);
    color:var(--text);
    font-size:12px;
    font-weight:600;
    cursor:pointer;
    transition:.2s ease;
}

.cw-primary:hover,
.cw-empty button:hover,
.cw-event-spotlight button:hover{ border-color:var(--workspace-accent); background:rgba(var(--workspace-accent-rgb),.2); transform:translateY(-1px); }

.cw-preview-note{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:14px;
    padding:12px 14px;
    border:1px solid rgba(var(--workspace-accent-rgb),.25);
    border-radius:12px;
    background:rgba(var(--workspace-accent-rgb),.06);
    color:var(--text-light);
    font-size:12px;
    line-height:1.55;
}
.cw-preview-note i{ margin-top:2px; color:var(--workspace-accent); }
.cw-preview-note strong{ display:block; color:var(--text); }

.cw-avatar{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    flex-shrink:0;
    border:1px solid rgba(var(--workspace-accent-rgb),.3);
    border-radius:13px;
    background:rgba(var(--workspace-accent-rgb),.12);
    color:var(--workspace-accent);
    font-size:12px;
    font-weight:800;
}
.cw-avatar.large{ width:66px; height:66px; border-radius:19px; font-size:18px; }

.cw-feed-layout{ display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:15px; align-items:start; }
.cw-feed-layout > main,
.cw-feed-layout > aside{ min-width:0; }
.cw-feed-layout > aside{ display:grid; gap:14px; position:sticky; top:0; }

.cw-composer{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:12px;
    margin-bottom:14px;
    padding:17px;
    border:1px solid var(--border);
    border-radius:17px;
    background:var(--panel);
}
.cw-composer label{ display:grid; gap:7px; color:var(--text-light); font-size:12px; }
.cw-composer textarea{ min-height:78px; resize:vertical; padding:11px 12px; border:1px solid var(--border); border-radius:11px; background:rgba(255,255,255,.025); color:var(--text); font-size:13px; line-height:1.55; }
.cw-composer textarea:focus{ outline:2px solid rgba(var(--workspace-accent-rgb),.3); border-color:var(--workspace-accent); }
.cw-composer footer{ grid-column:2; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.cw-composer footer > span{ color:var(--text-light); font-size:12px; }
.cw-composer footer > span i{ margin-right:6px; color:var(--workspace-accent); }
.cw-composer footer button{ min-height:37px; padding:7px 12px; border:1px solid var(--workspace-accent); border-radius:10px; background:var(--workspace-accent); color:#16080c; font-size:12px; font-weight:700; cursor:pointer; }

.cw-feed-list{ display:grid; gap:12px; }
.cw-post{ padding:17px; border:1px solid var(--border); border-radius:17px; background:var(--panel); }
.cw-post > header{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.cw-post > header > button{ display:flex; align-items:center; gap:10px; min-width:0; border:0; background:transparent; color:var(--text); text-align:left; cursor:pointer; }
.cw-post header button > span:nth-child(2){ min-width:0; }
.cw-post header strong,
.cw-post header small{ display:block; }
.cw-post header strong{ font-size:13px; }
.cw-post header strong i,
.cw-profile-card h3 i,
.cw-messages main header strong i,
.cw-dialog h2 i{ color:#52a8ff; }
.cw-post header small{ margin-top:2px; color:var(--text-light); font-size:12px; }
.cw-post-kind{ padding:5px 8px; border-radius:999px; background:rgba(var(--workspace-accent-rgb),.1); color:var(--workspace-accent); font-size:12px; text-transform:capitalize; }
.cw-post > p{ margin:14px 0; color:var(--text); font-size:13px; line-height:1.65; }
.cw-post-feature{ display:grid; grid-template-columns:100px minmax(0,1fr) auto; align-items:center; gap:14px; width:100%; min-width:0; padding:12px; border:1px solid var(--border); border-radius:14px; background:rgba(255,255,255,.02); color:var(--text); text-align:left; cursor:pointer; }
.cw-post-feature:hover{ border-color:rgba(var(--workspace-accent-rgb),.48); }
.cw-post-image{ width:100px; height:140px; }
.cw-post-image img,
.cw-card-image img{ width:100%; height:100%; object-fit:contain; }
.cw-image-fallback{ width:100%; height:100%; display:grid; place-items:center; border:1px dashed var(--border); border-radius:10px; color:var(--text-light); }
.cw-post-feature > span:nth-child(2){ min-width:0; }
.cw-post-feature small,
.cw-post-feature strong,
.cw-post-feature em{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cw-post-feature small{ color:var(--workspace-accent); font-size:12px; }
.cw-post-feature strong{ margin-top:3px; font-size:17px; }
.cw-post-feature em{ margin-top:4px; color:var(--text-light); font-size:12px; font-style:normal; }
.cw-post-feature > i{ color:var(--workspace-accent); }
.cw-post > footer{ display:flex; gap:8px; margin-top:13px; padding-top:11px; border-top:1px solid var(--border); }
.cw-post > footer button{ display:inline-flex; align-items:center; gap:6px; min-height:34px; padding:6px 10px; border:1px solid transparent; border-radius:9px; background:transparent; color:var(--text-light); font-size:12px; cursor:pointer; }
.cw-post > footer button:hover,
.cw-post > footer button.active{ border-color:rgba(var(--workspace-accent-rgb),.3); background:rgba(var(--workspace-accent-rgb),.08); color:var(--workspace-accent); }

.cw-side-panel,
.cw-event-spotlight{ padding:17px; border:1px solid var(--border); border-radius:17px; background:var(--panel); }
.cw-side-panel > header{ display:flex; align-items:flex-end; justify-content:space-between; gap:10px; margin-bottom:12px; }
.cw-side-panel header small{ color:var(--workspace-accent); font-size:12px; font-weight:700; }
.cw-side-panel header h3{ margin:3px 0 0; font-size:17px; }
.cw-side-panel header button{ border:0; background:transparent; color:var(--text-light); font-size:12px; cursor:pointer; }
.cw-side-panel header button:hover{ color:var(--workspace-accent); }
.cw-suggestion-list{ display:grid; gap:8px; }
.cw-suggestion-list article{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:9px; }
.cw-suggestion-list article > span:nth-child(2){ min-width:0; }
.cw-suggestion-list strong,
.cw-suggestion-list small{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cw-suggestion-list strong{ font-size:13px; }
.cw-suggestion-list small{ margin-top:2px; color:var(--text-light); font-size:12px; }
.cw-suggestion-list button{ min-height:32px; padding:5px 9px; border:1px solid rgba(var(--workspace-accent-rgb),.35); border-radius:9px; background:rgba(var(--workspace-accent-rgb),.08); color:var(--workspace-accent); font-size:12px; cursor:pointer; }
.cw-event-spotlight{ background:linear-gradient(135deg,rgba(var(--workspace-accent-rgb),.12),transparent 62%),var(--panel); }
.cw-event-spotlight > span{ color:var(--workspace-accent); font-size:12px; font-weight:700; text-transform:uppercase; }
.cw-event-spotlight > span i{ margin-right:7px; }
.cw-event-spotlight h3{ margin:8px 0 5px; font-size:19px; line-height:1.35; }
.cw-event-spotlight p{ margin:0 0 13px; color:var(--text-light); font-size:12px; line-height:1.55; }
.cw-event-spotlight button{ min-height:36px; padding:7px 10px; }
.cw-network-stats{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.cw-network-stats span{ padding:10px; border:1px solid var(--border); border-radius:11px; }
.cw-network-stats strong,
.cw-network-stats small{ display:block; }
.cw-network-stats strong{ font-size:18px; }
.cw-network-stats small{ margin-top:2px; color:var(--text-light); font-size:12px; }

.cw-network-hero{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin-bottom:14px; overflow:hidden; border:1px solid var(--border); border-radius:16px; background:var(--border); }
.cw-network-hero div{ padding:20px; background:var(--panel); }
.cw-network-hero span,
.cw-network-hero small{ display:block; }
.cw-network-hero span{ color:var(--workspace-accent); font-size:25px; font-weight:700; }
.cw-network-hero small{ margin-top:3px; color:var(--text-light); font-size:12px; }
.cw-block{ margin-top:14px; padding:18px; border:1px solid var(--border); border-radius:18px; background:var(--panel); }
.cw-block > header{ margin-bottom:13px; }
.cw-block header small{ color:var(--workspace-accent); font-size:12px; font-weight:700; }
.cw-block header h3{ margin:3px 0 0; font-size:19px; }
.cw-profile-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }
.cw-profile-card{ min-width:0; padding:16px; border:1px solid var(--border); border-radius:15px; background:rgba(255,255,255,.018); }
.cw-profile-card > header{ position:relative; width:max-content; }
.cw-online{ position:absolute; right:-2px; bottom:0; width:11px; height:11px; border:2px solid var(--panel); border-radius:50%; background:#42d392; }
.cw-profile-card > div{ margin-top:11px; }
.cw-profile-card > div small{ color:var(--workspace-accent); font-size:12px; }
.cw-profile-card h3{ margin:3px 0; overflow:hidden; font-size:17px; text-overflow:ellipsis; white-space:nowrap; }
.cw-profile-card > div p{ margin:0; overflow:hidden; color:var(--text-light); font-size:12px; text-transform:capitalize; text-overflow:ellipsis; white-space:nowrap; }
.cw-profile-card > section{ display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:12px; }
.cw-profile-card section span{ padding:8px; border:1px solid var(--border); border-radius:9px; }
.cw-profile-card section strong,
.cw-profile-card section small{ display:block; }
.cw-profile-card section strong{ font-size:13px; }
.cw-profile-card section small{ color:var(--text-light); font-size:12px; }
.cw-profile-card > footer{ display:flex; gap:6px; margin-top:11px; }
.cw-profile-card footer button{ min-height:34px; flex:1; padding:6px 8px; border:1px solid var(--border); border-radius:9px; background:transparent; color:var(--text-light); font-size:12px; cursor:pointer; }
.cw-profile-card footer button:hover,
.cw-profile-card footer button.active{ border-color:rgba(var(--workspace-accent-rgb),.42); background:rgba(var(--workspace-accent-rgb),.08); color:var(--workspace-accent); }
.cw-profile-card footer button.icon{ flex:0 0 34px; padding:0; }

.cw-radius{ display:flex; align-items:center; gap:8px; color:var(--text-light); font-size:12px; }
.cw-radius select{ min-height:40px; padding:8px 32px 8px 10px; border:1px solid var(--border); border-radius:10px; background:var(--panel-light); color:var(--text); font-size:12px; }
.cw-nearby-layout{ display:grid; grid-template-columns:minmax(420px,.9fr) minmax(0,1.1fr); gap:14px; align-items:start; }
.cw-local-orbit{ position:sticky; top:0; min-height:560px; overflow:hidden; border:1px solid var(--border); border-radius:20px; background:radial-gradient(circle at center,rgba(var(--workspace-accent-rgb),.13),transparent 55%),var(--panel); }
.cw-orbit-ring{ position:absolute; left:50%; top:50%; border:1px solid rgba(var(--workspace-accent-rgb),.18); border-radius:50%; transform:translate(-50%,-50%); }
.cw-orbit-ring.outer{ width:480px; height:480px; }
.cw-orbit-ring.middle{ width:330px; height:330px; }
.cw-orbit-ring.inner{ width:180px; height:180px; }
.cw-you-marker{ position:absolute; left:50%; top:50%; display:grid; place-items:center; gap:4px; width:76px; height:76px; border:1px solid rgba(var(--workspace-accent-rgb),.5); border-radius:50%; background:var(--panel); color:var(--workspace-accent); transform:translate(-50%,-50%); }
.cw-you-marker strong{ font-size:12px; }
.cw-map-marker{ position:absolute; display:grid; place-items:center; gap:5px; border:0; background:transparent; color:var(--text); cursor:pointer; }
.cw-map-marker span{ width:39px; height:39px; display:grid; place-items:center; border:1px solid rgba(var(--workspace-accent-rgb),.45); border-radius:50%; background:var(--panel-light); color:var(--workspace-accent); font-size:12px; font-weight:700; }
.cw-map-marker em{ padding:4px 7px; border-radius:999px; background:rgba(8,10,16,.72); font-size:12px; font-style:normal; }
.cw-map-marker:hover span{ background:rgba(var(--workspace-accent-rgb),.16); transform:scale(1.08); }
.cw-map-marker.marker-1{ left:23%; top:28%; }.cw-map-marker.marker-2{ right:18%; top:22%; }.cw-map-marker.marker-3{ right:21%; bottom:22%; }.cw-map-marker.marker-4{ left:18%; bottom:24%; }.cw-map-marker.marker-5{ left:43%; top:10%; }.cw-map-marker.marker-6{ right:7%; top:47%; }
.cw-local-orbit > footer{ position:absolute; left:18px; bottom:18px; display:flex; align-items:baseline; gap:7px; }
.cw-local-orbit footer strong{ font-size:17px; }.cw-local-orbit footer span{ color:var(--text-light); font-size:12px; }
.cw-nearby-list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }

.cw-group-grid,
.cw-competition-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.cw-group-grid > article,
.cw-competition-grid > article{ position:relative; min-width:0; padding:21px; overflow:hidden; border:1px solid var(--border); border-radius:18px; background:var(--panel); }
.cw-group-grid article > i,
.cw-competition-grid article > header i{ width:46px; height:46px; display:grid; place-items:center; border-radius:13px; background:rgba(var(--workspace-accent-rgb),.12); color:var(--workspace-accent); font-size:18px; }
.cw-group-grid article > span{ position:absolute; right:17px; top:17px; padding:5px 8px; border-radius:999px; background:rgba(255,255,255,.05); color:var(--text-light); font-size:12px; }
.cw-group-grid article > span.joined{ background:rgba(var(--workspace-accent-rgb),.12); color:var(--workspace-accent); }
.cw-group-grid h3,
.cw-competition-grid h3{ margin:15px 0 6px; font-size:20px; }
.cw-group-grid p,
.cw-competition-grid p{ min-height:40px; margin:0; color:var(--text-light); font-size:12px; line-height:1.6; }
.cw-group-grid footer{ display:flex; align-items:end; justify-content:space-between; gap:12px; margin-top:17px; padding-top:14px; border-top:1px solid var(--border); }
.cw-group-grid footer strong,
.cw-group-grid footer small{ display:block; }.cw-group-grid footer strong{ font-size:15px; }.cw-group-grid footer small{ color:var(--text-light); font-size:12px; }
.cw-group-grid footer button,
.cw-competition-grid > article > button{ min-height:37px; padding:7px 11px; border:1px solid rgba(var(--workspace-accent-rgb),.38); border-radius:10px; background:rgba(var(--workspace-accent-rgb),.08); color:var(--workspace-accent); font-size:12px; font-weight:600; cursor:pointer; }
.cw-group-grid footer button.active,
.cw-competition-grid > article > button.active{ background:var(--workspace-accent); color:#16080c; }

.cw-event-list{ display:grid; gap:11px; }
.cw-event-card{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:17px; padding:18px; border:1px solid var(--border); border-radius:17px; background:var(--panel); }
.cw-event-card time{ width:66px; height:76px; display:grid; place-items:center; align-content:center; border:1px solid rgba(var(--workspace-accent-rgb),.3); border-radius:14px; background:rgba(var(--workspace-accent-rgb),.08); }
.cw-event-card time strong{ font-size:24px; line-height:1; }.cw-event-card time small{ margin-top:5px; color:var(--workspace-accent); font-size:12px; font-weight:700; }
.cw-event-card > div{ min-width:0; }.cw-event-card > div > span{ color:var(--workspace-accent); font-size:12px; font-weight:700; }
.cw-event-card h3{ margin:4px 0; font-size:19px; }.cw-event-card p{ margin:0; color:var(--text-light); font-size:12px; line-height:1.55; }
.cw-event-card div footer{ display:flex; gap:16px; margin-top:9px; color:var(--text-light); font-size:12px; }.cw-event-card div footer i{ margin-right:5px; color:var(--workspace-accent); }
.cw-event-card > aside{ display:grid; justify-items:end; gap:10px; min-width:180px; }.cw-event-card aside strong{ font-size:12px; }
.cw-event-card aside button{ min-height:38px; padding:7px 11px; border:1px solid rgba(var(--workspace-accent-rgb),.38); border-radius:10px; background:rgba(var(--workspace-accent-rgb),.08); color:var(--workspace-accent); font-size:12px; cursor:pointer; }
.cw-event-card aside button.active{ background:var(--workspace-accent); color:#16080c; }

.cw-showcase-hero{ display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:14px; padding:24px; border:1px solid rgba(var(--workspace-accent-rgb),.25); border-radius:19px; background:linear-gradient(120deg,rgba(var(--workspace-accent-rgb),.12),transparent 58%),var(--panel); }
.cw-showcase-hero > div span{ color:var(--workspace-accent); font-size:12px; font-weight:700; }.cw-showcase-hero h3{ margin:5px 0; font-size:23px; }.cw-showcase-hero p{ margin:0; color:var(--text-light); font-size:12px; }
.cw-showcase-hero > span{ min-width:130px; padding:13px; border:1px solid var(--border); border-radius:13px; text-align:center; }.cw-showcase-hero > span strong,.cw-showcase-hero > span small{ display:block; }.cw-showcase-hero > span strong{ font-size:23px; }.cw-showcase-hero > span small{ color:var(--text-light); font-size:12px; }
.cw-showcase-grid{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.cw-showcase-grid > article{ min-width:0; padding:11px; border:1px solid var(--border); border-radius:15px; background:var(--panel); }
.cw-showcase-grid article > button:first-child{ width:100%; padding:0; border:0; background:transparent; color:var(--text); text-align:left; cursor:pointer; }.cw-showcase-grid .cw-card-image{ width:100%; height:205px; display:grid; place-items:center; }
.cw-showcase-grid article > button:first-child > span:nth-child(2){ display:block; min-width:0; padding-top:9px; }.cw-showcase-grid small,.cw-showcase-grid strong,.cw-showcase-grid em{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.cw-showcase-grid small{ color:var(--workspace-accent); font-size:12px; }.cw-showcase-grid strong{ margin-top:3px; font-size:14px; }.cw-showcase-grid em{ margin-top:3px; color:var(--text-light); font-size:12px; font-style:normal; }
.cw-showcase-grid footer{ display:flex; align-items:center; justify-content:space-between; gap:6px; margin-top:9px; padding-top:9px; border-top:1px solid var(--border); color:var(--text-light); font-size:12px; }.cw-showcase-grid footer button{ min-height:31px; padding:4px 7px; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--text-light); font-size:12px; cursor:pointer; }.cw-showcase-grid footer button.active{ color:var(--workspace-accent); }

.cw-competition-grid article > header{ display:flex; align-items:center; justify-content:space-between; }.cw-competition-grid header span{ padding:5px 8px; border-radius:999px; background:rgba(var(--workspace-accent-rgb),.1); color:var(--workspace-accent); font-size:12px; }
.cw-competition-grid dl{ display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin:17px 0; }.cw-competition-grid dl div{ padding:10px; border:1px solid var(--border); border-radius:10px; }.cw-competition-grid dt{ color:var(--text-light); font-size:12px; }.cw-competition-grid dd{ margin:4px 0 0; font-size:12px; font-weight:600; }.cw-competition-grid > article > button{ width:100%; }

.cw-messages{ display:grid; grid-template-columns:330px minmax(0,1fr); min-height:650px; overflow:hidden; border:1px solid var(--border); border-radius:19px; background:var(--panel); }
.cw-messages > aside{ border-right:1px solid var(--border); }.cw-messages > aside > header{ display:flex; align-items:center; justify-content:space-between; padding:17px; border-bottom:1px solid var(--border); }.cw-messages aside header h3{ margin:0; font-size:18px; }.cw-messages aside header span{ min-width:29px; padding:4px 7px; border-radius:999px; background:rgba(var(--workspace-accent-rgb),.12); color:var(--workspace-accent); font-size:12px; text-align:center; }
.cw-messages > aside > div{ display:grid; }.cw-messages > aside > div > button{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:9px; padding:12px; border:0; border-bottom:1px solid var(--border); background:transparent; color:var(--text); text-align:left; cursor:pointer; }.cw-messages > aside > div > button:hover,.cw-messages > aside > div > button.active{ background:rgba(var(--workspace-accent-rgb),.08); }.cw-messages aside button > span:nth-child(2){ min-width:0; }.cw-messages aside strong,.cw-messages aside small{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.cw-messages aside strong{ font-size:13px; }.cw-messages aside small{ margin-top:3px; color:var(--text-light); font-size:12px; }.cw-messages aside em{ align-self:start; color:var(--text-light); font-size:12px; font-style:normal; }
.cw-messages > main{ display:grid; grid-template-rows:auto minmax(0,1fr) auto; min-width:0; }.cw-messages main > header{ display:flex; align-items:center; gap:10px; padding:15px 17px; border-bottom:1px solid var(--border); }.cw-messages main header > span:nth-child(2){ min-width:0; }.cw-messages main header strong,.cw-messages main header small{ display:block; }.cw-messages main header strong{ font-size:14px; }.cw-messages main header small{ margin-top:2px; color:var(--text-light); font-size:12px; }.cw-messages main header button{ margin-left:auto; width:35px; height:35px; display:grid; place-items:center; border:1px solid var(--border); border-radius:10px; background:transparent; color:var(--text-light); cursor:pointer; }
.cw-message-thread{ display:flex; flex-direction:column; gap:9px; min-height:0; padding:19px; overflow:auto; }.cw-message-thread article{ max-width:min(620px,78%); padding:10px 12px; border:1px solid var(--border); border-radius:13px; }.cw-message-thread article.mine{ align-self:flex-end; border-color:rgba(var(--workspace-accent-rgb),.3); background:rgba(var(--workspace-accent-rgb),.11); }.cw-message-thread article.theirs{ align-self:flex-start; background:rgba(255,255,255,.025); }.cw-message-thread p{ margin:0; font-size:13px; line-height:1.55; }.cw-message-thread small{ display:block; margin-top:5px; color:var(--text-light); font-size:12px; }
.cw-messages main > form{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:13px; border-top:1px solid var(--border); }.cw-messages form input{ min-height:42px; padding:9px 11px; border:1px solid var(--border); border-radius:11px; background:rgba(255,255,255,.025); color:var(--text); font-size:13px; }.cw-messages form button{ width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--workspace-accent); border-radius:11px; background:var(--workspace-accent); color:#16080c; cursor:pointer; }

.cw-notification-summary{ display:flex; align-items:center; gap:12px; margin-bottom:13px; padding:17px; border:1px solid var(--border); border-radius:15px; background:var(--panel); }.cw-notification-summary > i{ width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:rgba(var(--workspace-accent-rgb),.1); color:var(--workspace-accent); }.cw-notification-summary span{ min-width:0; }.cw-notification-summary strong,.cw-notification-summary small{ display:block; }.cw-notification-summary strong{ font-size:15px; }.cw-notification-summary small{ margin-top:2px; color:var(--text-light); font-size:12px; }.cw-notification-summary button{ margin-left:auto; border:0; background:transparent; color:var(--text-light); font-size:12px; cursor:pointer; }
.cw-notification-list{ display:grid; gap:8px; }.cw-notification-list > button{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:start; gap:11px; width:100%; padding:15px; border:1px solid var(--border); border-radius:14px; background:var(--panel); color:var(--text); text-align:left; cursor:pointer; }.cw-notification-list > button.unread{ border-color:rgba(var(--workspace-accent-rgb),.3); background:linear-gradient(90deg,rgba(var(--workspace-accent-rgb),.08),transparent),var(--panel); }.cw-notification-list > button > i{ width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:rgba(var(--workspace-accent-rgb),.1); color:var(--workspace-accent); }.cw-notification-list strong{ font-size:14px; }.cw-notification-list p{ margin:3px 0; color:var(--text-light); font-size:12px; line-height:1.5; }.cw-notification-list small{ color:var(--text-light); font-size:12px; }.cw-notification-list em{ padding:4px 7px; border-radius:999px; background:var(--workspace-accent); color:#16080c; font-size:12px; font-style:normal; font-weight:700; }

.cw-empty{ display:grid; place-items:center; align-content:center; min-height:190px; padding:27px; border:1px dashed var(--border); border-radius:15px; color:var(--text-light); text-align:center; }.cw-empty.large{ min-height:340px; background:var(--panel); }.cw-empty.compact{ min-height:165px; }.cw-empty > i{ margin-bottom:9px; color:var(--workspace-accent); font-size:28px; }.cw-empty strong{ color:var(--text); font-size:16px; }.cw-empty p{ max-width:520px; margin:6px 0 13px; font-size:12px; line-height:1.55; }

.cw-dialog{ width:min(720px,calc(100vw - 34px)); max-height:calc(100vh - 34px); padding:0; overflow:auto; border:1px solid var(--border); border-radius:21px; background:var(--panel); color:var(--text); }.cw-dialog::backdrop{ background:rgba(4,7,12,.8); backdrop-filter:blur(6px); }.cw-dialog > div{ position:relative; padding:23px; }.cw-dialog-close{ position:absolute; right:20px; top:20px; width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--border); border-radius:11px; background:var(--panel-light); color:var(--text); cursor:pointer; }.cw-dialog header{ display:flex; align-items:center; gap:13px; padding-right:50px; }.cw-dialog header small{ color:var(--workspace-accent); font-size:12px; font-weight:700; }.cw-dialog h2{ margin:4px 0; font-size:26px; }.cw-dialog header p{ margin:0; color:var(--text-light); font-size:12px; }.cw-dialog > div > section{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:18px 0; }.cw-dialog section span{ padding:11px; border:1px solid var(--border); border-radius:11px; }.cw-dialog section strong,.cw-dialog section small{ display:block; }.cw-dialog section strong{ font-size:18px; }.cw-dialog section small{ color:var(--text-light); font-size:12px; }.cw-dialog article{ padding:15px; border:1px solid var(--border); border-radius:14px; }.cw-dialog article h3{ margin:0 0 5px; font-size:17px; }.cw-dialog article p{ margin:0; color:var(--text-light); font-size:12px; line-height:1.6; }.cw-dialog article div{ display:flex; flex-wrap:wrap; gap:6px; margin-top:11px; }.cw-dialog article div span{ padding:5px 8px; border-radius:999px; background:rgba(var(--workspace-accent-rgb),.1); color:var(--workspace-accent); font-size:12px; }.cw-dialog footer{ display:flex; justify-content:flex-end; gap:8px; margin-top:17px; }.cw-dialog footer button{ min-height:40px; padding:8px 12px; border:1px solid var(--border); border-radius:10px; background:transparent; color:var(--text); font-size:12px; font-weight:600; cursor:pointer; }.cw-dialog footer button.primary{ border-color:var(--workspace-accent); background:var(--workspace-accent); color:#16080c; }

.cw-toast{ position:fixed; z-index:9999; right:24px; bottom:24px; max-width:380px; padding:12px 15px; border:1px solid rgba(var(--workspace-accent-rgb),.45); border-radius:12px; background:var(--panel); color:var(--text); font-size:12px; box-shadow:0 16px 36px rgba(0,0,0,.28); opacity:0; transform:translateY(14px); pointer-events:none; transition:.2s ease; }.cw-toast.show{ opacity:1; transform:translateY(0); }

@media (max-width:1350px){
    .cw-profile-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    .cw-nearby-layout{ grid-template-columns:minmax(370px,.8fr) minmax(0,1.2fr); }
    .cw-nearby-list{ grid-template-columns:1fr; }
    .cw-showcase-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
}

@media (max-width:1050px){
    .cw-feed-layout{ grid-template-columns:1fr; }.cw-feed-layout > aside{ grid-template-columns:repeat(2,minmax(0,1fr)); position:static; }.cw-feed-layout > aside .cw-side-panel:last-child{ grid-column:1/-1; }
    .cw-nearby-layout{ grid-template-columns:1fr; }.cw-local-orbit{ position:relative; min-height:480px; }.cw-nearby-list{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    .cw-showcase-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width:760px){
    .cw-section-header{ align-items:flex-start; flex-direction:column; }
    .cw-feed-layout > aside,.cw-profile-grid,.cw-nearby-list,.cw-group-grid,.cw-competition-grid{ grid-template-columns:1fr; }.cw-feed-layout > aside .cw-side-panel:last-child{ grid-column:auto; }
    .cw-network-hero{ grid-template-columns:1fr; }
    .cw-event-card{ grid-template-columns:auto minmax(0,1fr); }.cw-event-card > aside{ grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; min-width:0; }
    .cw-showcase-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    .cw-competition-grid dl{ grid-template-columns:1fr; }
    .cw-messages{ grid-template-columns:1fr; }.cw-messages > aside{ max-height:260px; overflow:auto; border-right:0; border-bottom:1px solid var(--border); }
    .cw-dialog footer{ flex-direction:column; }
}

@media (max-width:520px){
    .cw-composer{ grid-template-columns:1fr; }.cw-composer .cw-avatar{ display:none; }.cw-composer footer{ grid-column:1; align-items:flex-start; flex-direction:column; }
    .cw-post-feature{ grid-template-columns:78px minmax(0,1fr); }.cw-post-image{ width:78px; height:110px; }.cw-post-feature > i{ display:none; }
    .cw-local-orbit{ min-height:410px; }.cw-orbit-ring.outer{ width:390px; height:390px; }.cw-orbit-ring.middle{ width:270px; height:270px; }.cw-orbit-ring.inner{ width:145px; height:145px; }.cw-map-marker em{ display:none; }
    .cw-event-card{ grid-template-columns:1fr; }.cw-event-card time{ width:100%; height:60px; grid-auto-flow:column; gap:6px; }.cw-event-card > aside{ align-items:flex-start; flex-direction:column; }
    .cw-showcase-hero{ align-items:flex-start; flex-direction:column; }.cw-showcase-hero > span{ min-width:0; }
    .cw-showcase-grid{ grid-template-columns:1fr; }.cw-showcase-grid .cw-card-image{ height:270px; }
    .cw-message-thread article{ max-width:92%; }
    .cw-dialog > div > section{ grid-template-columns:1fr; }
}