/* German Dominion - Skin slots admin tab (2026-08-14). Rides admin.css for
 * the panel/table/kpi skeleton; only the slot-specific bits live here. */
.sslot-form { display: flex; gap: 14px; align-items: flex-end; flex-wrap: wrap; margin: 0 0 12px; }
.sslot-field { display: flex; flex-direction: column; gap: 6px; }
.sslot-field label { font: 700 10px/1 var(--mono, monospace); letter-spacing: .14em; text-transform: uppercase; color: var(--bone-62); }
.sslot-field input[type="number"], .sslot-field input[type="text"] { width: 190px; background: var(--glass-2); border: 1px solid var(--glass-border); border-radius: 10px; color: var(--bone); padding: 9px 12px; font-size: 14px; }
.sslot-field.wide input { width: 320px; }
.sslot-toggle { display: flex; align-items: center; gap: 10px; padding: 9px 0; color: var(--bone); font-size: 14px; }
.sslot-note { margin-top: 12px; padding: 10px 14px; border-radius: 8px; border: 1px solid var(--accent); color: var(--accent); background: rgba(57,201,119,0.06); font-size: 13px; }
.sslot-note.err { border-color: var(--err); color: var(--err); background: rgba(230,59,46,0.06); }
.sslot-warn { margin: 8px 0 4px; padding: 10px 14px; border-radius: 8px; border: 1px solid var(--warn, #d8a13a); color: var(--warn, #d8a13a); background: rgba(216,161,58,0.07); font-size: 13px; }