.feedback-conversation-body { white-space: pre-wrap; overflow-wrap: anywhere; }
.feedback-case-summary p { margin-block: 0.5rem; }
.feedback-case-meta { display: grid; grid-template-columns: max-content minmax(0, 1fr); align-items: center; gap: .65rem 1rem; margin: 1rem 0; }
.feedback-case-meta dt { font-size: .85rem; font-weight: 700; color: var(--site-ui-muted-text, #ddd); }
.feedback-case-meta dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.feedback-kind-label { display: inline-block; padding: .15rem .65rem; border: 1px solid var(--site-panel-border, #888); border-radius: 1rem; font-size: .85rem; }
.feedback-thread > h2 { margin-bottom: .7rem; padding-left: 0; border: 0; background: transparent; }
.feedback-case-details { font-size: .85rem; color: var(--site-ui-muted-text, #ddd); margin-bottom: 1rem; }
.feedback-case-details > summary { cursor: pointer; width: fit-content; }
.feedback-thread-controls { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 1rem; border-top: 1px solid var(--site-panel-border, #888); padding-top: .7rem; }
.feedback-thread-controls button { padding: .2rem 0; border: 0; background: transparent; color: var(--site-link, #9de8ff); font: inherit; font-size: .8rem; text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
.feedback-message-list { list-style: none; margin: .3rem 0 1rem; padding: 0; }
.feedback-message { width: 100%; margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--site-panel-border, #888); background: transparent; }
.feedback-message-summary { display: grid; grid-template-columns: minmax(0, 1fr) max-content .6rem; align-items: start; gap: .7rem; padding: 1rem 0; cursor: pointer; list-style: none; }
.feedback-message-summary::-webkit-details-marker { display: none; }
.feedback-message-summary::after { content: '⌄'; color: var(--site-ui-muted-text, #ddd); font-size: .8rem; }
.feedback-message details[open] > .feedback-message-summary::after { transform: rotate(180deg); }
.feedback-summary-main { min-width: 0; }
.feedback-speaker { font-size: .95rem; font-weight: 700; }
.feedback-message[data-sender="administrator"] .feedback-speaker { color: var(--site-link, #9de8ff); }
.feedback-message-preview { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--site-ui-muted-text, #ddd); font-size: .8rem; margin-top: .25rem; }
.feedback-message details[open] .feedback-message-preview { display: none; }
.feedback-message-summary time { color: var(--site-ui-muted-text, #ddd); font-size: .75rem; padding-top: .1rem; white-space: nowrap; }
.feedback-message-content { padding: 0 0 1.2rem; }
.feedback-message-recipient { margin: 0 0 .8rem; color: var(--site-ui-muted-text, #ddd); font-size: .8rem; }
.feedback-message .feedback-conversation-body { margin: 0; line-height: 1.9; }
.feedback-compose-toggle { background: transparent; color: var(--site-link, #9de8ff); border: 1px solid var(--site-panel-border, #888); padding: .45rem .8rem; border-radius: .35rem; font: inherit; font-size: .9rem; cursor: pointer; margin-bottom: .7rem; }
.feedback-result-link a { display: inline-block; padding: .55rem .75rem; border: 1px solid var(--site-panel-border, #888); border-radius: .3rem; color: var(--site-link, #9de8ff); font-weight: 700; text-underline-offset: .2em; }
.feedback-navigation { display: flex; flex-wrap: wrap; gap: .5rem 1.3rem; margin-block: 1rem; padding-bottom: .7rem; border-bottom: 1px solid var(--site-panel-border, #888); }
.feedback-navigation > * { display: inline-block; padding: .4rem .2rem; }
.feedback-navigation [aria-current="page"] { font-weight: 700; border-bottom: 3px solid var(--site-link, #9de8ff); }
.feedback-navigation button { background: transparent; border: 0; color: var(--site-link, #9de8ff); font: inherit; text-decoration: underline; cursor: pointer; }
.feedback-reply-policy { padding: .8rem; border-left: 3px solid var(--site-panel-border, #888); background: var(--site-page-bg, #20212a); }
.feedback-reply-policy[hidden] { display: none; }
.feedback-summary-labels { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem 1rem; }
.feedback-case-summary h2 { margin-top: .8rem; }
.feedback-reply-composer { padding-top: 1rem; border-top: 1px solid var(--site-panel-border, #888); }
.feedback-reply-composer h3 { margin: 0 0 .6rem; padding: 0; border: 0; background: transparent; font-size: 1rem; }
@media (max-width: 520px) {
    .feedback-message-summary { gap: .35rem; }
    .feedback-message-summary time { font-size: .65rem; }
    .feedback-case-meta { grid-template-columns: minmax(0, 1fr); gap: .3rem; }
    .feedback-case-meta dd { margin-bottom: .6rem; }
}
[data-feedback-reply-form] label { display: block; }
.error-report-dialog { position: fixed; inset: 0; margin: auto; width: min(34rem, calc(100% - 2rem)); max-height: calc(100dvh - 2rem); }
.error-report-dialog::backdrop { background: rgb(0 0 0 / 62%); }
.error-inquiry { margin-block: 1rem; padding-top: .6rem; border-top: 1px solid var(--site-panel-border, #888); }
.error-inquiry-link {
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    padding: .55em .8em;
    border: 1px solid color-mix(in srgb, var(--site-link, #9de8ff) 55%, var(--site-panel-border, #888));
    border-radius: .35em;
    background: color-mix(in srgb, var(--site-link, #9de8ff) 8%, rgb(from var(--site-ui-surface, #20212a) r g b / 1));
    font-size: 1.08em;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: underline;
    text-underline-offset: .2em;
    overflow-wrap: anywhere;
}
.error-inquiry-link:hover { border-color: var(--site-link, #9de8ff); text-decoration-thickness: .12em; }
.error-inquiry-link:focus-visible { outline: 2px solid var(--site-link, #9de8ff); outline-offset: 3px; }
.error-report-dialog[open] { display: block; }
.error-report-dialog .feedback-dialog-head { position: relative; align-items: center; }
.error-report-dialog .feedback-dialog-head h2 { padding: 0; border: 0; background: transparent; }
.error-report-dialog .feedback-close-button { flex: 0 0 auto; font: inherit; line-height: 1; padding: .15em .35em; }
.error-report-form { min-width: 0; }
.error-report-form label { display: block; font-weight: bold; }
.error-report-form textarea { box-sizing: border-box; display: block; width: 100%; margin-top: .4rem; font: inherit; resize: vertical; }
.error-report-form .form-help { margin-block: .35rem .7rem; }
.error-report-details { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .35rem .8rem; margin-block: .8rem 1rem; }
.error-report-details dt { font-size: .9em; font-weight: bold; }
.error-report-details dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.error-report-details code { font: inherit; }
.error-report-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1rem; margin-block: .8rem; }
.error-report-actions button { font: inherit; min-height: 2em; padding: .3em .6em; }
.error-report-offer { padding-block: .5rem; border-bottom: 1px solid var(--site-panel-border); }
.error-report-offer[hidden], [data-error-report-inputs][hidden], [data-error-report-result][hidden], [data-error-report-login][hidden], [data-error-report-form][hidden], [data-error-report-message][hidden], [data-error-report-comment-error][hidden] { display: none; }
@media(max-width: 360px) { .error-report-details { grid-template-columns: minmax(0,1fr); gap: .2rem; } .error-report-details dd { margin-bottom: .35rem; } }
[data-feedback-reply-form] textarea { display: block; box-sizing: border-box; width: 100%; min-height: 10rem; margin-block: 0.5rem 1rem; }
.feedback-dialog {
    box-sizing: border-box;
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    overscroll-behavior: contain;
    background: rgb(from var(--site-ui-surface, #20212a) r g b / 1);
}
.feedback-reply-confirm { box-sizing: border-box; width: min(36rem, calc(100vw - 3rem)); max-height: calc(100dvh - 2rem); overflow-y: auto; color: var(--site-text, #fff); background: rgb(from var(--site-panel-bg, #20212a) r g b / 1); border: 1px solid var(--site-panel-border); border-radius: 0.6rem; }
.feedback-reply-confirm::backdrop { background: rgb(0 0 0 / 55%); }
.feedback-reply-confirm-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 0.6rem; }

.feedback-thread-controls[hidden], .feedback-compose-toggle[hidden], [data-feedback-reply-fields][hidden] { display: none; }