/* Shared styling for the announcement comment/reply thread (a.html + dashboard
   announcements detail). Self-contained colors so it renders consistently on
   both pages regardless of which CSS variables are in scope. */

.ac-wrap {
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid #e6e3dd;
    font-family: 'Open Sans', system-ui, sans-serif;
    text-align: left;
}
.ac-heading {
    font-family: 'Oswald', system-ui, sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    color: #004B87;
    margin: 0 0 14px;
    letter-spacing: 0.01em;
}
.ac-empty { color: #6b7280; font-size: 0.9rem; margin: 0 0 16px; }
.ac-signin, .ac-error { color: #6b7280; font-size: 0.9rem; }
.ac-signin a, .ac-error .ac-link { color: #004B87; }

.ac-comment {
    padding: 10px 0;
    border-bottom: 1px solid #f0eeea;
}
.ac-comment:last-of-type { border-bottom: none; }
.ac-replies {
    margin-left: 18px;
    padding-left: 14px;
    border-left: 2px solid #e6e3dd;
}
.ac-reply { padding: 8px 0; }

.ac-meta { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin-bottom: 3px; }
.ac-author { font-weight: 700; color: #2a2622; font-size: 0.9rem; }
.ac-time { color: #9ca3af; font-size: 0.78rem; }
.ac-edited { color: #9ca3af; font-size: 0.72rem; font-style: italic; }

.ac-text { color: #33302c; font-size: 0.92rem; line-height: 1.5; white-space: normal; }
.ac-removed { color: #9ca3af; }

.ac-actions { margin-top: 5px; display: flex; gap: 14px; }
.ac-link {
    background: none; border: none; padding: 0; cursor: pointer;
    color: #004B87; font-size: 0.8rem; font-weight: 600; font-family: inherit;
}
.ac-link:hover { text-decoration: underline; }

.ac-composer { margin-top: 16px; }
.ac-reply-box { margin: 8px 0 4px; }
.ac-input {
    width: 100%; box-sizing: border-box;
    padding: 9px 11px;
    border: 1.5px solid #d8d4cc; border-radius: 8px;
    font-family: inherit; font-size: 0.9rem; color: #33302c;
    background: #fff; resize: vertical;
}
.ac-input:focus { outline: none; border-color: #004B87; }
.ac-composer-actions { margin-top: 8px; display: flex; align-items: center; gap: 12px; }
.ac-btn {
    background: #004B87; color: #fff; border: none;
    padding: 7px 18px; border-radius: 8px; cursor: pointer;
    font-family: 'Oswald', system-ui, sans-serif; font-weight: 600; font-size: 0.85rem;
    letter-spacing: 0.02em;
}
.ac-btn:hover { background: #013a68; }
.ac-btn:disabled { opacity: 0.6; cursor: default; }
.ac-msg { color: #BA272C; font-size: 0.82rem; margin: 6px 0 0; }