.notification-button{position:relative;border:1px solid var(--line);border-radius:999px;background:var(--card);padding:7px 10px;color:var(--ink-soft);font-size:12px;font-weight:800}.notification-button:hover{border-color:#b8ddd2;color:var(--green)}.notification-count{position:absolute;top:-6px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;line-height:17px;text-align:center}.upload-zone.is-dragging{border-color:var(--green);background:var(--green-soft);box-shadow:0 0 0 3px rgba(8,123,104,.1)}.upload-zone.is-paused{border-color:#dfb3af;background:#fff5f3;opacity:.76}.upload-zone.is-paused label{border-color:#e2c2bf;background:#fafafa;color:#9b706b;cursor:not-allowed}.upload-zone.is-paused span{color:#9b706b}.upload-zone:focus-visible{outline:3px solid rgba(47,99,200,.27);outline-offset:2px}.draft-item{border:1px solid transparent}.draft-item:hover{border-color:var(--green)}.reply-thread{border-bottom:1px solid #edf1ef}.reply-thread>.reply{border-bottom:0}.reply-child{margin-left:37px;padding:9px 0 9px 10px;border-left:2px solid #d6e9e2;background:linear-gradient(90deg,rgba(231,245,240,.7),transparent)}.reply-child .reply-avatar{width:25px;height:25px;font-size:9px}.reply.is-focused{background:#fff5d9;border-radius:8px;box-shadow:0 0 0 2px rgba(168,101,8,.18)}.notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--ink-soft);font-size:11px}.notification-list{display:grid;gap:8px}.notification-item{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:11px;text-align:left}.notification-item:hover{border-color:#b8ddd2;background:#f8fcfa}.notification-item.unread{border-left:3px solid var(--green);background:#f4fbf8}.notification-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#0d967e,#2b5cc1);color:#fff;font-size:10px;font-weight:900}.notification-item strong{display:block;color:var(--ink);font-size:12px}.notification-item p{display:-webkit-box;margin:4px 0 0;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--ink-soft);font-size:11px;line-height:1.55}.notification-item time{display:block;margin-top:5px;color:#87948f;font-size:10px}.profile-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px;margin-bottom:12px}.profile-summary-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#0d967e,#2b5cc1);color:#fff;font-size:17px;font-weight:900}.profile-summary-avatar .avatar-image{border-radius:50%}.profile-summary h2{margin:0;font-size:16px}.profile-summary p{margin:4px 0 0;color:var(--ink-soft);font-size:11px;line-height:1.55}.profile-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.profile-note{margin-bottom:12px;border-left:3px solid var(--green);background:#f1faf6;padding:9px 11px;color:#517065;font-size:11px;line-height:1.6}.profile-avatar-preview{width:62px;height:62px;display:grid;place-items:center;margin-top:8px;overflow:hidden;border:1px solid #c9dad4;border-radius:50%;background:linear-gradient(135deg,#0d967e,#2b5cc1);color:#fff;font-size:21px;font-weight:900}.profile-avatar-preview .avatar-image{border-radius:50%}.avatar-image{display:block;width:100%;height:100%;object-fit:cover}.post-avatar .avatar-image,.reply-avatar .avatar-image,.notification-avatar .avatar-image,.account-avatar .avatar-image{border-radius:50%}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin:-2px 0 14px}.auth-tabs .scope-tab{padding:8px 11px}.auth-status{min-height:18px;margin:10px 0 0;color:var(--red);font-size:11px}.recommendation-panel{padding:14px;margin-bottom:12px}.recommendation-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:11px}.recommendation-head strong{font-size:13px}.recommendation-head span{color:var(--ink-soft);font-size:10px}.recommendation-list{display:grid;gap:8px}.recommendation-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #dbe8e3;border-radius:10px;background:#f8fcfa;padding:10px}.recommendation-card h3{margin:0;font-size:12px}.recommendation-card p{margin:3px 0 0;color:#60706a;font-size:10px;line-height:1.45}.recommendation-reason{margin-top:5px;color:var(--green);font-size:10px;font-weight:800}.activity-list{display:grid;gap:8px}.activity-item{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:11px;text-align:left}.activity-item:hover{border-color:#b8ddd2}.activity-item strong{display:block;font-size:12px}.activity-item p{margin:4px 0 0;color:var(--ink-soft);font-size:11px;line-height:1.55}.activity-item small{display:block;margin-top:5px;color:#87948f;font-size:10px}.mine-tabs{margin-top:2px}.status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:var(--green-soft);padding:4px 7px;color:var(--green);font-size:10px;font-weight:800}.status-pill.muted{background:#f0f4f2;color:#71807b}.group-keywords{margin-top:7px;color:#65746e;font-size:10px}.notification-shortcut{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;border-top:1px solid rgba(255,255,255,.18);padding-top:10px}.notification-shortcut button{margin-top:0}.media-limit-note{color:#788680;font-size:10px}.reply-count{color:var(--green);font-weight:900}
@media(max-width:840px){.notification-button{padding:6px 8px;font-size:11px}.profile-summary{grid-template-columns:auto minmax(0,1fr)}.profile-summary .button{grid-column:1/-1}.reply-child{margin-left:23px}.notification-head{align-items:flex-start;flex-direction:column}.recommendation-card{grid-template-columns:auto minmax(0,1fr)}.recommendation-card .action{grid-column:1/-1;justify-self:start}}
.discussion-deck{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.9fr) auto;gap:16px;align-items:center;margin:0 0 13px;padding:16px 2px 15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(231,245,240,.58),rgba(255,255,255,0));}.discussion-deck-copy strong{display:block;margin-top:4px;color:var(--ink);font-size:15px;line-height:1.45}.discussion-deck-copy p{margin:5px 0 0;color:var(--ink-soft);font-size:11px;line-height:1.55}.discussion-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.discussion-stat{min-height:57px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.76);padding:8px 7px;color:var(--ink);text-align:left}.discussion-stat:hover{border-color:#a8cfc2;background:#fff}.discussion-stat strong{display:block;color:var(--green);font-size:18px;line-height:1}.discussion-stat span{display:block;margin-top:6px;color:var(--ink-soft);font-size:10px;font-weight:800}.discussion-stat.highlight{border-color:#ead49d;background:#fff9e8}.discussion-stat.highlight strong{color:var(--amber)}.discussion-actions{display:grid;gap:6px;min-width:94px}.discussion-actions button,.template-actions button{border:1px solid #c4ddd4;border-radius:7px;background:#f5fbf8;padding:7px 8px;color:#186755;font-size:11px;font-weight:900;text-align:left}.discussion-actions button:hover,.template-actions button:hover{border-color:#86bca9;background:#e6f5ef}.reply-pulse{display:flex;align-items:center;gap:6px;margin-top:10px;border-top:1px solid var(--line);padding-top:10px;color:var(--ink-soft);font-size:10px}.reply-pulse strong{margin-right:auto;color:var(--amber);font-size:11px}.rail-copy{margin:0 0 9px;color:var(--ink-soft);font-size:11px;line-height:1.6}.template-actions{display:grid;gap:5px}.badge.need-reply{background:var(--amber-soft);color:var(--amber);box-shadow:inset 0 0 0 1px rgba(168,101,8,.1)}@media(max-width:1040px){.discussion-deck{grid-template-columns:minmax(0,1fr) auto}.discussion-actions{grid-column:1/-1;display:flex;flex-wrap:wrap}.discussion-actions button{min-width:112px}}@media(max-width:840px){.discussion-deck{grid-template-columns:1fr;padding:14px 0;gap:12px}.discussion-metrics{width:100%}.discussion-actions{grid-column:auto}.discussion-actions button{flex:1;text-align:center}.reply-pulse{align-items:flex-start;flex-wrap:wrap}.reply-pulse .text-button{margin-left:auto}}
