.wheel-admin { display: grid; gap: 14px; color: var(--text); }
.wheel-admin .wheel-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.wheel-admin h3, .wheel-admin p { margin: 0; }
.wheel-admin h3 { color: var(--gold); }
.wheel-note { color: var(--muted); line-height: 1.7; font-size: 13px; }
.wheel-message { color: var(--gold); min-height: 24px; line-height: 1.7; }
.wheel-form { display: grid; gap: 18px; }
.wheel-card { display: grid; gap: 16px; border: 1px solid var(--line); border-radius: 12px; padding: 20px; min-width: 0; background: var(--panel); }
.wheel-admin.is-dirty .wheel-card { border-color: #8d6b34; }
.wheel-rule-inputs { display: flex; gap: 28px; align-items: center; flex-wrap: wrap; }
.wheel-rule-inputs label { display: grid; gap: 8px; font-size: 13px; }
.wheel-rule-inputs .wheel-enabled { display: flex; align-items: center; }
.wheel-enabled input, .wheel-table-wrap input[type="checkbox"] { width: 18px; height: 18px; margin: 0; min-width: 0; }
.wheel-rule-inputs input[type="number"] { width: 240px; max-width: 100%; }
.wheel-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 8px; }
.wheel-table-wrap table { width: 100%; min-width: 900px; border-collapse: collapse; }
.wheel-table-wrap th, .wheel-table-wrap td { padding: 10px; text-align: left; border-bottom: 1px solid var(--line); }
.wheel-table-wrap th { font-size: 13px; color: var(--muted); white-space: nowrap; background: var(--panel-2); }
.wheel-table-wrap tr:last-child td { border-bottom: none; }
.wheel-table-wrap input, .wheel-table-wrap select { width: 100%; min-width: 85px; box-sizing: border-box; }
.wheel-table-wrap td:first-child { width: 34%; min-width: 250px; }
.wheel-table-wrap td:nth-child(2) { min-width: 135px; }
.wheel-table-wrap td:nth-child(4) { white-space: nowrap; color: var(--gold); }
.wheel-table-wrap button { white-space: nowrap; }
.wheel-footer { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; padding-bottom: 12px; }
.wheel-empty { color: var(--muted); text-align: center; padding: 20px; }
.wheel-note.wheel-attention { color: #edbd70; }
@media (max-width: 760px) { .wheel-card { padding: 14px; } }
