.notification-trigger{display:flex;align-items:center;gap:7px;font-size:11px}.notification-count{background:#47536b;color:#e5ecf8;border-radius:12px;min-width:19px;padding:2px 5px;font-size:10px}.notification-panel>header{display:flex;justify-content:space-between;align-items:center;padding:22px;gap:15px;border-bottom:1px solid var(--line)}.notification-panel h2 span{font-size:11px;color:var(--muted);margin-left:10px}.feature-note{color:var(--muted);font-size:12px;line-height:1.7;padding:18px 22px}.feature-error{color:var(--red);font-size:12px;padding:0 22px;line-height:1.6}.notice{display:flex;justify-content:space-between;gap:24px;padding:22px;border-top:1px solid var(--line);border-left:3px solid var(--accent)}.notice.overdue{border-left-color:var(--red)}.notice.read{border-left-color:transparent}.notice.read strong{color:var(--muted)}.notice p{font-size:13px;line-height:1.6;margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}.notice small,.notice-actions span{color:var(--muted);font-size:11px}.notice-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.notice-actions button{font-size:11px}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.template-card{padding:24px}.template-card .eyebrow{display:block}.template-card>p{white-space:pre-wrap;line-height:1.7;font-size:13px;color:var(--muted);margin:20px 0;max-height:280px;overflow:auto}.template-card h2{overflow-wrap:anywhere}.template-card>div{display:flex;gap:10px;flex-wrap:wrap}.comments-panel{margin-top:24px;padding:24px;max-width:1100px}.comments-panel>header p{font-size:12px;color:var(--muted);margin-top:8px}.comment{padding:20px 0;border-bottom:1px solid var(--line)}.comment header{display:flex;justify-content:space-between;gap:12px;font-size:12px}.comment time{color:var(--muted);font-size:11px}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px;font-size:13px;line-height:1.7}.comment-form{margin-top:22px}.comment-form label{display:flex;flex-direction:column;gap:10px;color:var(--muted);font-size:12px}.comment-form textarea{width:100%;resize:vertical}.comment-form button{margin-top:12px}.template-feedback{font-size:12px;color:var(--muted)}@media(max-width:800px){.template-grid{grid-template-columns:1fr}.notice{flex-direction:column;gap:12px}.notification-trigger{padding:7px;font-size:10px}.topbar{gap:8px}.role-control{gap:5px}.role-control select{max-width:135px}}@media(max-width:480px){.topbar .avatar{display:none}.notification-trigger{margin-left:auto}.comments-panel{padding:16px}.comment header{flex-direction:column}.notification-panel>header{flex-wrap:wrap}.editor-actions{flex-wrap:wrap}}