.quality-attributes-dialog { width: min(860px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); padding: 0; border: 1px solid var(--line); color: var(--text); background: var(--panel); }
.quality-attributes-dialog::backdrop { background: rgb(0 0 0 / 70%); }
.quality-attributes-heading, .quality-attributes-footer { display: flex; gap: 16px; justify-content: space-between; align-items: center; padding: 18px 22px; }
.quality-attributes-heading { border-bottom: 1px solid var(--line); }
.quality-attributes-heading h3 { margin: 0; color: var(--gold); }
.quality-attributes-body { padding: 20px 22px; overflow-y: auto; max-height: calc(100dvh - 240px); }
.quality-attributes-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.quality-attributes-tabs button { background: var(--panel-2); }
.quality-attributes-tabs button[aria-pressed="true"] { outline: 2px solid var(--gold); outline-offset: 1px; }
.quality-attributes-tabs [data-quality="normal"] { color: #9ad46b; }
.quality-attributes-tabs [data-quality="rare"] { color: #80c4ff; }
.quality-attributes-tabs [data-quality="epic"] { color: #d39cff; }
.quality-attributes-tabs [data-quality="legendary"], .quality-attributes-tabs [data-quality="golden"] { color: #ffd980; }
.quality-attributes-tabs [data-quality="mythic"], .quality-attributes-tabs [data-quality="divine"] { color: #ff8772; }
.quality-attributes-status { color: var(--muted); line-height: 1.6; }
.quality-attributes-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.quality-attributes-grid label { display: grid; gap: 6px; }
.quality-attributes-grid input { width: 100%; min-width: 0; }
.quality-attributes-footer { border-top: 1px solid var(--line); flex-wrap: wrap; }
.quality-attributes-footer p { flex: 1 1 260px; margin: 0; }
.quality-attributes-footer div { display: flex; gap: 8px; }
@media (max-width: 600px) { .quality-attributes-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .quality-attributes-heading, .quality-attributes-body, .quality-attributes-footer { padding: 14px; } }