/* Short accents, never flashing or a replacement for visible job statuses. */
.feedback-toggle{width:40px;height:40px;min-width:40px;display:inline-grid;place-items:center;padding:8px;border:1px solid #d9e3dc;border-radius:50%;background:#fff;color:#285a44;cursor:pointer;flex-shrink:0}
.feedback-toggle[aria-pressed=false]{color:#6c7972;background:#f4f6f3}.feedback-toggle svg{width:20px;height:20px}.feedback-toggle:disabled{opacity:.55;cursor:default}
.feedback-setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.feedback-setting-row p{font-size:12px;margin:5px 0}.feedback-settings h3{margin-bottom:16px}.feedback-settings b{font-size:13px}
.feedback-volume{display:flex;align-items:center;gap:12px;font-size:12px;margin:18px 0}.feedback-volume input{flex:1;min-width:0;min-height:32px;accent-color:#27734e}.feedback-volume output{width:38px;text-align:right}
.feedback-previews{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.feedback-previews button{background:#fff;border:1px solid #dce5de;border-radius:9px;min-height:40px;padding:8px 12px;color:#184831;font:inherit;font-size:12px;cursor:pointer}.feedback-previews button:disabled{opacity:.5;cursor:default}
.feedback-notice{position:fixed;right:20px;top:88px;z-index:70;width:min(400px,calc(100vw - 32px));display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #d6e2d9;border-radius:16px;background:#fffdf8;color:#143b2c;box-shadow:0 8px 30px #102e241c}
.feedback-mark{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffead9;color:#bc4208;font-weight:700}.feedback-notice b{font-size:14px}.feedback-notice p{font-size:12px;line-height:1.5;margin:5px 0 0;color:#5a6b62}.feedback-notice button{margin:-8px -8px -8px auto;min-width:40px;min-height:40px;border:0;background:none;color:#456253;font-size:24px;cursor:pointer}
@media(prefers-reduced-motion:no-preference){
 .feedback-notice{animation:feedback-arrive .25s ease-out both}
 .feedback-highlight{animation:feedback-card 1.8s ease-out both;animation-delay:var(--feedback-elapsed,0ms)}
 .feedback-highlight[data-feedback-kind=connected],.feedback-highlight[data-feedback-kind=completed]{animation-name:feedback-success}
 @keyframes feedback-arrive{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
 @keyframes feedback-card{0%,45%{box-shadow:0 0 0 3px #dc621940;background-color:#fff7ed}22%,70%{box-shadow:0 0 0 0 #dc621900}100%{box-shadow:0 2px 6px #163e2803;background-color:#fff}}
 @keyframes feedback-success{0%{box-shadow:0 0 0 4px #78a97e55;background-color:#f1f8e9}100%{box-shadow:0 2px 6px #163e2803;background-color:#fff}}
}
@media(prefers-reduced-motion:reduce){.feedback-highlight,.feedback-notice{animation:none!important;transition:none!important}}
@media(max-width:760px){.feedback-notice{top:74px;right:16px}.header .feedback-toggle{width:34px;height:34px;min-width:34px;padding:6px}.header .header-area{min-width:0;flex:1}.header .header-area>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:360px){.header .feedback-toggle{width:30px;height:30px;min-width:30px}.header .header-area{max-width:65px}}
@media print{.feedback-toggle,.feedback-notice,.feedback-settings{display:none}}