.atlas-feedback { margin-block-start: 1rem; color: #173235; scroll-margin-block: 2rem; }
.atlas-feedback:empty { display: none; }
.feedback-row { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: .8rem; }
.feedback-caption { margin-inline-end: 6px; color: #4b6060; }
.feedback-row button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; min-width: 44px; padding: 9px; border: 1px solid transparent; border-radius: 5px; background: transparent; color: #19595a; font: inherit; cursor: pointer; }
.feedback-row button:hover { background: #dce7df; border-color: #b9c8be; }
.feedback-row button:active { background: #c5d6c8; }
.feedback-row button[aria-pressed="true"] { background: #102f31; color: #fffefa; border-color: #102f31; }
.feedback-row button:disabled { cursor: wait; opacity: .6; }
.feedback-row svg, .atlas-dialog-close svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.feedback-status { color: #4b6060; font-size: .8rem; margin: .25rem 0; }
.feedback-status[data-error="true"], .feedback-error { color: #943c26; }
.atlas-dialog { box-sizing: border-box; width: min(560px, calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow: auto; padding: 32px; border: 1px solid #b9c8be; border-radius: 10px; color: #173235; background: #fffefa; box-shadow: 0 24px 80px #102f3140; }
.atlas-dialog::backdrop { background: #102f3180; }
.atlas-dialog h2 { font-size: 1.6rem; margin: 8px 36px 16px 0; }
.atlas-dialog-close { position: absolute; inset-block-start: 8px; inset-inline-end: 8px; display: grid; place-items: center; height: 44px; width: 44px; border: 0; border-radius: 6px; background: transparent; color: #173235; cursor: pointer; }
.atlas-dialog-close:hover { background: #dce7df; }
.atlas-dialog-close:active { background: #c5d6c8; }
.atlas-dialog button:focus-visible, .atlas-feedback button:focus-visible, .qr-enlarge:focus-visible { outline: 3px solid #a74625; outline-offset: 3px; }
.feedback-context { font-size: .95rem; overflow-wrap: anywhere; }
.feedback-dialog label { display: block; margin-top: 20px; font-weight: 650; }
.feedback-dialog textarea { box-sizing: border-box; width: 100%; min-height: 140px; resize: vertical; margin-block: 8px; padding: 12px; border: 1px solid #718680; border-radius: 5px; background: white; color: #173235; font: inherit; font-size: 1rem; }
.feedback-dialog textarea:focus-visible { outline: 3px solid #a74625; outline-offset: 2px; }
.feedback-help { font-size: .8rem; color: #4b6060; margin: 6px 0; }
.feedback-dialog .feedback-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 20px; }
.feedback-actions button { min-height: 44px; padding: 10px 18px; border: 1px solid #102f31; border-radius: 5px; background: #102f31; color: white; font: inherit; cursor: pointer; }
.feedback-actions button:hover { background: #285153; }
.feedback-actions button:active { background: #426b61; }
.feedback-actions button:disabled { opacity: .6; cursor: wait; }
.feedback-actions .feedback-cancel { background: transparent; color: #173235; border-color: #b9c8be; }
.feedback-actions .feedback-cancel:hover { background: #dce7df; }
.feedback-comment-text { white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 540px) { .atlas-dialog { padding: 24px 20px; } }
.feedback-person { display: flex; flex-direction: column; min-width: 0; }
.feedback-person .person { flex: 1; }
.feedback-person > .atlas-feedback { margin-top: .35rem; padding-inline: .3rem; }
.feature .atlas-feedback { padding: .5rem; border-radius: 5px; background: #fffefa; }
.feature .feedback-status { color: #4b6060; }
.feedback-person[hidden] { display: none; }

.atlas-feedback[data-feedback-scope="page"] { margin-block-start: 2.5rem; padding: 1.5rem; background: #e4e9df; border-radius: 6px; }
.atlas-feedback .feedback-page-title { margin: 0 0 .35rem; font-size: 1.15rem; line-height: 1.3; color: #173235; }
.atlas-feedback .feedback-page-context { margin: 0 0 .65rem; font-size: .9rem; color: #4b6060; }