.review-workspace { max-width: 58rem; padding-block: 2rem 4rem; }
.review-workspace h1 { font-size: 2rem; margin-bottom: .75rem; }
.review-workspace h2, #review-dialog h2 { font-size: 1.25rem; }
.review-workspace p { margin-block: .75rem; }
.review-workspace [hidden], #review-dialog [hidden] { display: none !important; }
.review-workspace .btn, #review-dialog .btn { min-height: 2.75rem; white-space: normal; }
.review-card { background: var(--bg-secondary); border: .0625rem solid var(--border-primary); border-radius: .75rem; padding: 1.25rem; margin-block: 1rem; overflow-wrap: anywhere; }
.review-card-meta { color: var(--text-secondary); }
.review-card-comment { white-space: pre-wrap; }
.review-actions, #review-pagination { display: flex; gap: .75rem; flex-wrap: wrap; align-items: center; }
#review-dialog { margin: auto; padding: 0; width: min(34rem, calc(100% - 2rem)); max-height: 85vh; max-height: 85dvh; border: .0625rem solid var(--border-primary); border-radius: .75rem; background: var(--bg-primary); color: var(--text-primary); }
#review-dialog::backdrop { background: rgb(0 0 0 / .6); }
#review-dialog form { display: flex; flex-direction: column; max-height: 85vh; max-height: 85dvh; }
.review-dialog-header, .review-dialog-footer { flex: none; padding: 1rem 1.25rem; }
.review-dialog-body { overflow-y: auto; padding: 0 1.25rem 1rem; }
.review-dialog-footer { display: flex; justify-content: flex-end; gap: .75rem; flex-wrap: wrap; border-top: .0625rem solid var(--border-primary); }
#review-dialog label { display: block; font-weight: 600; margin-block: 1rem .5rem; }
#review-dialog select, #review-dialog textarea { width: 100%; min-height: 2.75rem; padding: .75rem; border: .0625rem solid var(--border-primary); border-radius: .375rem; background: var(--bg-secondary); color: var(--text-primary); font: inherit; }
#review-dialog textarea { resize: vertical; }
#review-dialog p { margin-block: .75rem; }
.review-workspace :focus-visible, #review-dialog :focus-visible { outline: .1875rem solid var(--saffron); outline-offset: .1875rem; }
.review-workspace button:disabled, #review-dialog button:disabled { opacity: .6; cursor: not-allowed; }
@media (prefers-reduced-motion: reduce) { .review-workspace *, #review-dialog * { animation: none !important; transition: none !important; } }