/* The feedback window (owner 23.10): stars + chips on the left, texts on the right, fits 1920x1080 without scrolling. Opened by midfeedback.ts. */
.modal.msv.fb { width: 1500px; max-width: none; min-width: 0; min-height: 0; padding: 24px 36px 28px; box-sizing: border-box; }
.fb h2 { margin: 0 0 14px; }
.fb .msv-body { gap: 16px; }
.fb-cols { display: grid; grid-template-columns: 560px 1fr; gap: 40px; align-items: start; }
.fb-col { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.fb-f { display: flex; flex-direction: column; gap: 6px; }
.fb-f textarea { min-height: 92px; font-size: 22px; line-height: 1.3; resize: none; }
.fb-f input[type="text"] { font-size: 22px; }
.fb-f[hidden] { display: none; }
.fb-hint { font: var(--fw-med) 18px/1.3 var(--font-body); color: var(--c-ink-2); }
.fb-fight { padding: 8px 12px; border-radius: var(--r-sm); background: rgba(var(--c-accent-rgb), .12); box-shadow: inset 0 0 0 var(--bw) rgba(var(--c-accent-rgb), .4); font: var(--fw-med) 18px/1.3 var(--font-body); color: var(--c-ink); }
.fb-rate { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.fb-rate .msv-step { letter-spacing: .08em; }
.fb-stars { display: flex; gap: 4px; }
.fb-star { appearance: none; border: 0; padding: 0; margin: 0; background: transparent; cursor: pointer; line-height: 1; font-size: 40px; color: rgba(var(--c-ink-rgb), .28); transition: color .1s, transform .1s; }
.fb-star.on { color: var(--c-gold); }
.fb-star:hover { transform: scale(1.12); }
.fb-star:focus-visible, .fb-chip:focus-visible { outline: var(--bw-strong) solid var(--c-accent-2); outline-offset: 2px; }
.fb-rate.big { flex-direction: column; align-items: flex-start; gap: 4px; }
.fb-rate.big .fb-star { font-size: 72px; }
.fb-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.fb-chip { appearance: none; border: 0; cursor: pointer; padding: 10px 20px; border-radius: 999px; font: var(--fw-semi) 20px var(--font-body); color: var(--c-ink-2); background: var(--c-bg-2); box-shadow: inset 0 0 0 var(--bw) rgba(var(--c-ink-rgb), .17); }
.fb-chip[aria-pressed="true"] { color: var(--c-ink); background: rgba(var(--c-accent-rgb), .18); box-shadow: inset 0 0 0 var(--bw-strong) var(--c-accent-2); }
.fb-err { min-height: 26px; font: var(--fw-semi) 20px var(--font-body); color: var(--c-danger); }
.fb .msv-foot { align-items: center; gap: 24px; }
.fb .msv-foot .btn { height: 64px; min-width: 200px; }
.fb.bad .fb-rate.big .fb-stars, .fb.bad .fb-f.need textarea { box-shadow: 0 0 0 var(--bw-strong) var(--c-danger); border-radius: var(--r-sm); }