.link-preview-card {display: flex;align-items: stretch;text-decoration: none;color: inherit;border: 1px solid var(--bs-border-color);border-radius: 8px;overflow: hidden;max-width: 520px;margin: 8px 0;background: var(--bs-tertiary-bg);transition: background-color 0.15s ease, border-color 0.15s ease;}.link-preview-card:hover {background: var(--bs-secondary-bg);text-decoration: none;color: inherit;}.link-preview-card.has-image .link-preview-image {flex: 0 0 120px;background-size: cover;background-position: center;background-color: var(--bs-secondary-bg);}.link-preview-body {padding: 10px 12px;min-width: 0;flex: 1 1 auto;}.link-preview-site {font-size: 0.75rem;color: var(--bs-secondary-color);text-transform: uppercase;letter-spacing: 0.02em;margin-bottom: 2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.link-preview-title {font-weight: 600;font-size: 0.95rem;line-height: 1.25;margin-bottom: 4px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.link-preview-description {font-size: 0.85rem;color: var(--bs-secondary-color);line-height: 1.35;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.chat-bubble .link-preview-card { max-width: 360px; }.reaction-container {display: inline-flex;align-items: center;gap: 4px;}.reaction-bubbles {display: inline-flex;flex-wrap: wrap;gap: 4px;align-items: center;}.reaction-bubbles:empty { display: none; }.reaction-bubble {display: inline-flex;align-items: center;gap: 2px;background: var(--bs-body-bg);border: 1px solid var(--bs-border-color-translucent);border-radius: 999px;padding: 1px 7px;font-size: 0.78rem;line-height: 1.5;user-select: none;}.reaction-bubble.mine {background: var(--bs-primary-bg-subtle);border-color: var(--bs-primary-border-subtle);}.reaction-container[data-target-id] .reaction-bubble { cursor: pointer; }.react-btn {background: none;border: 0;padding: 0 2px;font-size: 1rem;line-height: 1;color: var(--bs-secondary-color);cursor: pointer;opacity: 0.7;transition: opacity 0.15s ease;}.react-btn:hover { opacity: 1; }.reaction-picker {position: fixed;z-index: 1080;display: flex;align-items: center;gap: 2px;padding: 6px 8px;background: var(--bs-body-bg);border: 1px solid var(--bs-border-color-translucent);border-radius: 24px;box-shadow: var(--bs-box-shadow);}.reaction-picker button {background: none;border: 0;cursor: pointer;font-size: 1.5rem;line-height: 1;padding: 4px 6px;border-radius: 8px;transition: transform 0.1s;}.reaction-picker button:hover {transform: scale(1.2);background: var(--bs-secondary-bg);}.media-attachment-thumb {display: block;width: auto;height: auto;border-radius: 0.375rem;border: 1px solid var(--bs-border-color);}.media-attachment video { width: 100%; }.media-attachment.voice-note audio {max-width: 360px;width: 100%;height: 40px;}.chat-bubble .media-attachment.voice-note audio { max-width: 280px; }.chat-thread {background-color: #eae6df;background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 10 Q44 20 40 30 Q36 20 40 10z' fill='%23d6cdb4' opacity='0.12'/%3E%3C/svg%3E");}[data-bs-theme="dark"] .chat-thread {background-color: #0b141a;background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 10 Q44 20 40 30 Q36 20 40 10z' fill='%23ffffff' opacity='0.03'/%3E%3C/svg%3E");}.chat-thread .chat-row {display: flex;align-items: flex-end;margin-bottom: 2px;}.chat-thread .chat-row.incoming { justify-content: flex-start; }.chat-thread .chat-row.outgoing { justify-content: flex-end; }.chat-thread .chat-row.new-sender { margin-top: 8px; }.chat-avatar {width: 32px;height: 32px;border-radius: 50%;flex-shrink: 0;margin-right: 6px;margin-bottom: 1px;display: flex;align-items: center;justify-content: center;font-weight: 600;font-size: 0.8rem;color: #fff;object-fit: cover;}.chat-thread .chat-avatar-spacer {width: 32px;flex-shrink: 0;margin-right: 6px;}.chat-thread .chat-bubble {padding: 5px 7px 5px 9px;border-radius: 7.5px;position: relative;word-wrap: break-word;overflow-wrap: break-word;box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);max-width: 65%;color: #111;}.chat-thread .chat-row.incoming .chat-bubble { background-color: #fff; border-top-left-radius: 0; }.chat-thread .chat-row.outgoing .chat-bubble { background-color: #d9fdd3; border-top-right-radius: 0; }[data-bs-theme="dark"] .chat-thread .chat-bubble { color: #e9edef; box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.3); }[data-bs-theme="dark"] .chat-thread .chat-row.incoming .chat-bubble { background-color: #202c33; }[data-bs-theme="dark"] .chat-thread .chat-row.outgoing .chat-bubble { background-color: #005c4b; }.chat-thread .chat-sender {font-weight: 600;font-size: 0.8125rem;margin-bottom: 1px;line-height: 1.2;}.chat-thread .chat-text { font-size: 0.875rem; line-height: 1.35; }.chat-thread .chat-time {display: inline-block;font-size: 0.6875rem;color: rgba(0, 0, 0, 0.45);margin-left: 8px;vertical-align: bottom;white-space: nowrap;float: right;position: relative;top: 4px;}[data-bs-theme="dark"] .chat-thread .chat-time { color: rgba(255, 255, 255, 0.45); }.chat-thread .chat-reply-quote {background-color: rgba(0, 0, 0, 0.06);border-left: 4px solid #06cf9c;border-radius: 5px;padding: 5px 12px 5px 8px;margin-bottom: 3px;font-size: 0.8125rem;}.chat-thread .chat-reply-quote-sender { font-weight: 600; color: #06cf9c; font-size: 0.75rem; }.chat-thread .chat-reply-quote-text {color: rgba(0, 0, 0, 0.55);overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-clamp: 3;}[data-bs-theme="dark"] .chat-thread .chat-reply-quote { background-color: rgba(0, 0, 0, 0.2); }[data-bs-theme="dark"] .chat-thread .chat-reply-quote-text { color: rgba(255, 255, 255, 0.5); }.chat-thread .chat-date-separator {align-self: center;background-color: #fff;color: rgba(0, 0, 0, 0.6);padding: 5px 12px;border-radius: 7.5px;font-size: 0.75rem;margin: 12px 0 6px;box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);}[data-bs-theme="dark"] .chat-thread .chat-date-separator {background-color: #182229;color: rgba(255, 255, 255, 0.6);box-shadow: none;}.chat-thread .chat-reactions {display: flex;flex-wrap: wrap;gap: 3px;margin-top: 2px;}.chat-thread .chat-bubble-menu-btn {position: absolute;z-index: 1;top: 2px;right: 4px;width: 22px;height: 22px;display: none;align-items: center;justify-content: center;cursor: pointer;color: rgba(0, 0, 0, 0.35);font-size: 0.75rem;border-radius: 50%;background: inherit;}.chat-thread .chat-bubble:hover > .chat-bubble-menu-btn { display: flex; }.chat-thread .chat-bubble-menu-btn:hover { background-color: rgba(0, 0, 0, 0.08); }[data-bs-theme="dark"] .chat-thread .chat-bubble-menu-btn { color: rgba(255, 255, 255, 0.4); }[data-bs-theme="dark"] .chat-thread .chat-bubble-menu-btn:hover { background-color: rgba(255, 255, 255, 0.1); }.chat-thread .chat-bubble-menu {position: absolute;top: 24px;right: 2px;background: #fff;border-radius: 10px;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);z-index: 20;padding: 4px 0;white-space: nowrap;}.chat-thread .chat-row.incoming .chat-bubble-menu { left: 2px; right: auto; }.chat-thread .chat-bubble-menu a {display: flex;align-items: center;gap: 8px;padding: 8px 16px;color: #333;text-decoration: none;font-size: 0.875rem;}.chat-thread .chat-bubble-menu a:hover { background-color: #f5f5f5; }[data-bs-theme="dark"] .chat-thread .chat-bubble-menu { background: #233138; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4); }[data-bs-theme="dark"] .chat-thread .chat-bubble-menu a { color: #e9edef; }[data-bs-theme="dark"] .chat-thread .chat-bubble-menu a:hover { background-color: #182229; }@media (max-width: 768px) {.chat-thread .chat-bubble { max-width: 85%; }.chat-thread .chat-avatar { width: 28px; height: 28px; font-size: 0.75rem; margin-right: 4px; }.chat-thread .chat-avatar-spacer { width: 28px; margin-right: 4px; }}.topic-card {transition: transform 0.2s ease, box-shadow 0.2s ease;cursor: pointer;}.topic-card:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);}[data-bs-theme="dark"] .topic-card:hover {box-shadow: 0 4px 12px rgba(255, 255, 255, 0.08);}.topic-status {font-size: 0.75rem;padding: 0.25rem 0.5rem;border-radius: 0.25rem;font-weight: 500;}.topic-status.status-resolved {background-color: var(--bs-success);color: white;}.topic-status.status-responded {background-color: var(--bs-info);color: white;}.topic-status.status-pending {background-color: var(--bs-warning);color: var(--bs-dark);}.topic-status.status-rejected {background-color: var(--bs-danger);color: white;}.topic-status.status-implemented {background-color: var(--bs-purple);color: white;}.topic-icon {width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;border-radius: 0.5rem;background-color: rgba(0, 0, 0, 0.05);}[data-bs-theme="dark"] .topic-icon {background-color: rgba(255, 255, 255, 0.05);}.topic-icon i {font-size: 1.5rem;}.nav-pills .nav-link {color: var(--bs-body-color);border-radius: 0.375rem;padding: 0.5rem 0.75rem;margin-bottom: 0.25rem;transition: background-color 0.2s ease;}.nav-pills .nav-link:hover {background-color: rgba(0, 0, 0, 0.05);}[data-bs-theme="dark"] .nav-pills .nav-link:hover {background-color: rgba(255, 255, 255, 0.05);}.nav-pills .nav-link.active {background-color: var(--bs-primary);}.reply-count {min-width: 2rem;padding: 0.25rem 0.5rem;font-size: 0.875rem;font-weight: 600;}#topic-search:focus {box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);}#create-topic-btn {white-space: nowrap;}.topic-author-avatar {width: 32px;height: 32px;border-radius: 50%;object-fit: cover;}@media (max-width: 768px) {.nav-pills {flex-direction: row !important;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;padding-bottom: 0.5rem;}.nav-pills .nav-link {margin-right: 0.5rem;margin-bottom: 0;}.topic-icon {width: 40px;height: 40px;}.topic-icon i {font-size: 1.25rem;}.topic-card .card-body {padding: 0.75rem;}.topic-meta-extended {display: none;}}@media (max-width: 576px) {#create-topic-btn .bi {margin-right: 0 !important;}#create-topic-btn span {display: none;}.topic-icon {width: 36px;height: 36px;}}.topic-loading {display: flex;justify-content: center;align-items: center;min-height: 200px;}.topic-loading .spinner-border {width: 3rem;height: 3rem;}.topics-empty {text-align: center;padding: 3rem 1rem;}.topics-empty i {font-size: 4rem;opacity: 0.5;margin-bottom: 1rem;}.topic-detail-header {border-bottom: 1px solid var(--bs-border-color);padding-bottom: 1rem;margin-bottom: 1.5rem;}.topic-content {line-height: 1.7;font-size: 1rem;}.topic-content p {margin-bottom: 1rem;}.topic-content img {display: block;max-width: 100%;height: auto;border-radius: 0.375rem;margin: 1rem 0;}.reply-card {transition: background-color 0.2s ease;}.reply-card.removed-reply {background-color: var(--bs-gray-100);opacity: 0.8;}[data-bs-theme="dark"] .reply-card.removed-reply {background-color: var(--bs-gray-800);}.reply-card:target {background-color: rgba(13, 110, 253, 0.1);animation: highlight 2s ease-out;}@keyframes highlight {from {background-color: rgba(13, 110, 253, 0.2);}to {background-color: rgba(13, 110, 253, 0.1);}}.reply-content {line-height: 1.6;}.reply-content p {margin-bottom: 0.75rem;}.reply-content p:last-child {margin-bottom: 0;}.reply-content img {display: block;max-width: 100%;height: auto;}.feed-content img,.feed-reply-content img,.chat-text img {display: block;max-width: 100%;height: auto;border-radius: 8px;}.feed-content,.feed-reply-content {overflow-wrap: anywhere;}.nested-replies {border-left: 3px solid var(--bs-border-color);padding-left: 1rem;}.nested-reply-form {background-color: rgba(0, 0, 0, 0.03);padding: 0.75rem;border-radius: 0.375rem;}[data-bs-theme="dark"] .nested-reply-form {background-color: rgba(255, 255, 255, 0.03);}.avatar-placeholder {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background-color: rgba(0, 0, 0, 0.05);border-radius: 50%;}[data-bs-theme="dark"] .avatar-placeholder {background-color: rgba(255, 255, 255, 0.05);}.like-btn {transition: color 0.2s ease;}.like-btn:hover {color: var(--bs-primary) !important;}.like-btn.liked {color: var(--bs-primary) !important;}.like-btn.liked i {font-weight: bold;}#reply-form-card {border: 2px dashed var(--bs-border-color);background-color: rgba(0, 0, 0, 0.02);}[data-bs-theme="dark"] #reply-form-card {background-color: rgba(255, 255, 255, 0.02);}#reply-form textarea {resize: vertical;min-height: 100px;}.official-responses .card-header {border-bottom: 2px solid var(--bs-success);}.official-responses .reply-card {margin-bottom: 0;border: none;border-radius: 0;}.official-responses .reply-card:hover {background-color: var(--bs-success-bg-subtle, rgba(25, 135, 84, 0.05));}.promoted-responses .card-header {border-bottom: 2px solid var(--bs-primary);}.promoted-responses .reply-card {margin-bottom: 0;border: none;border-radius: 0;}.promoted-responses .reply-card:hover {background-color: var(--bs-primary-bg-subtle, rgba(13, 110, 253, 0.05));}.reply-card.border-success {border-left: 3px solid var(--bs-success) !important;}.reply-card.border-primary {border-left: 3px solid var(--bs-primary) !important;}.participants-list {display: flex;flex-wrap: wrap;gap: 0.25rem;}.breadcrumb {background-color: transparent;padding: 0;}@media (max-width: 768px) {.nested-replies {margin-left: 1rem;padding-left: 0.5rem;}.reply-card .card-body {padding: 1rem;}.avatar-placeholder {width: 32px;height: 32px;}.avatar-placeholder .fs-2 {font-size: 1.25rem !important;}}.activity-feed {max-height: 400px;overflow-y: auto;}.activity-feed::-webkit-scrollbar {width: 6px;}.activity-feed::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0.05);border-radius: 3px;}.activity-feed::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.2);border-radius: 3px;}.card-header.bg-warning.bg-opacity-10 {background-color: rgba(255, 193, 7, 0.1) !important;}.card-header.bg-danger.bg-opacity-10 {background-color: rgba(220, 53, 69, 0.1) !important;}.card-header.bg-success.bg-opacity-10 {background-color: rgba(25, 135, 84, 0.1) !important;}.list-group-flush .list-group-item {background-color: transparent;border-left: 0;border-right: 0;padding-left: 0;padding-right: 0;}.list-group-flush .list-group-item:first-child {border-top: 0;}.list-group-flush .list-group-item:last-child {border-bottom: 0;}.people-count-group {background-color: #f8f9fa;border-color: #dee2e6 !important;}[data-bs-theme="dark"] .people-count-group {background-color: rgba(255, 255, 255, 0.05);}.people-count-display {display: inline-flex;flex-direction: column;align-items: center;line-height: 1.2;}.people-count-display .count-number {font-size: 1.75rem;font-weight: bold;color: #495057;line-height: 1;}.people-count-display .count-text {font-size: 0.65rem;text-transform: uppercase;color: #6c757d;text-align: center;margin-top: 0.125rem;letter-spacing: 0.3px;font-weight: 500;line-height: 1.1;}#me-too-btn {padding: 0.5rem 0.75rem;font-size: 1rem;font-weight: bold;border-radius: 0.375rem;transition: all 0.2s ease;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}#me-too-btn:hover {transform: translateY(-1px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);}.topic-type-selector .btn-check:checked + label {transform: scale(1.02);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);}.topic-type-selector label {transition: all 0.2s ease;cursor: pointer;}.topic-type-selector label:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}.character-counter {text-align: right;font-size: 0.875rem;transition: color 0.2s ease;}#create-topic-form input#subject {font-size: 1.125rem;font-weight: 500;}#create-topic-form textarea#originalContent {resize: vertical;min-height: 150px;}.avatar-circle {width: 48px;height: 48px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.25rem;font-weight: 600;overflow: hidden;}.draft-indicator {transition: opacity 0.3s ease;}.validation-error {animation: slideDown 0.3s ease;}@keyframes slideDown {from {opacity: 0;transform: translateY(-10px);}to {opacity: 1;transform: translateY(0);}}#create-topic-form input:focus,#create-topic-form textarea:focus {border-color: var(--bs-primary);box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);}@media (max-width: 768px) {.topic-type-selector .col-6 {margin-bottom: 0.5rem;}.topic-type-selector label {padding: 0.75rem !important;}.topic-type-selector label i {font-size: 1.5rem !important;}.topic-type-selector label span {font-size: 0.75rem;}.avatar-circle {width: 40px;height: 40px;font-size: 1rem;}}@media (max-width: 576px) {#create-topic-form button[type="submit"] {width: 100%;margin-top: 0.5rem;}#create-topic-form .btn-link {width: 100%;margin-bottom: 0.5rem;}#create-topic-form .d-flex {flex-direction: column-reverse;}}a.mention {color: var(--bs-primary);font-weight: 500;text-decoration: none;}a.mention:hover {text-decoration: underline;}@media print {.nav-pills,#create-topic-btn,.pagination,.dropdown,#reply-form-card,.reply-to-btn,.like-btn,#follow-btn,#share-btn {display: none !important;}.topic-card,.reply-card {break-inside: avoid;box-shadow: none !important;}}.vcard-card {display: flex;align-items: flex-start;gap: 12px;text-decoration: none;color: inherit;border: 1px solid #e1e4e8;border-radius: 8px;padding: 12px;max-width: 400px;margin: 8px 0;background: #f8f9fa;transition: background-color 0.15s ease, border-color 0.15s ease;}.vcard-card:hover {background: #f0f2f4;border-color: #cfd4da;text-decoration: none;color: inherit;}.vcard-avatar {font-size: 2rem;color: #6c757d;line-height: 1;flex: 0 0 auto;}.vcard-body { flex: 1 1 auto; min-width: 0; }.vcard-name {font-weight: 600;font-size: 0.95rem;line-height: 1.25;}.vcard-meta {font-size: 0.8rem;color: #6c757d;margin-top: 2px;}.vcard-phones { font-size: 0.85rem; margin-top: 4px; }.vcard-phones i, .vcard-email i { color: #6c757d; margin-right: 4px; }.vcard-email { font-size: 0.85rem; margin-top: 2px; }.vcard-more { font-size: 0.75rem; color: #6c757d; }@media (prefers-color-scheme: dark) {.vcard-card {background: #1f2328;border-color: #30363d;}.vcard-card:hover {background: #262c34;border-color: #3d444d;}.vcard-avatar, .vcard-meta, .vcard-phones i, .vcard-email i, .vcard-more { color: #8b949e; }}.media-attachment.video-placeholder {position: relative;display: inline-block;max-width: 400px;}.media-attachment.video-placeholder img {display: block;width: 100%;border-radius: 6px;filter: brightness(0.7);}.media-attachment.video-placeholder .video-placeholder-overlay {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 4rem;color: rgba(255,255,255,0.95);text-shadow: 0 2px 12px rgba(0,0,0,0.55);pointer-events: none;}.media-attachment.video-placeholder .video-placeholder-label {position: absolute;bottom: 6px;right: 8px;font-size: 0.7rem;color: #fff;background: rgba(0,0,0,0.55);padding: 2px 8px;border-radius: 4px;pointer-events: none;}@media (max-width: 768px) {.chat-input-bar { flex-wrap: wrap; }.chat-input-bar .chat-debug-btns { flex: 1 0 100%; min-width: 0; justify-content: flex-end; }.chat-input-bar .chat-model-select { flex: 1 1 0; min-width: 0; }}