.current { display: flex; flex-direction: column; gap: 0.5rem; padding: 0.75rem; border: 0.0625rem solid var(--background-header-secondary); border-radius: var(--radius-sm); background-color: var(--background-tertiary); } .sectionTitle { margin: 0; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; color: var(--text-secondary); } .currentText { margin: 0; font-size: 0.875rem; line-height: 1.35; color: var(--text-primary); } .overrides { display: flex; flex-direction: column; gap: 0.375rem; } .overridesTitle { margin: 0; font-size: 0.875rem; font-weight: 600; color: var(--text-primary); } .guildList { display: flex; flex-direction: column; gap: 0.25rem; max-height: 8rem; margin: 0; padding: 0; overflow-y: auto; list-style: none; } .guildItem { display: flex; align-items: center; gap: 0.5rem; min-width: 0; font-size: 0.875rem; color: var(--text-secondary); } .guildName { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-primary); } .guildState { flex-shrink: 0; font-size: 0.75rem; color: var(--text-secondary); } .optionName { display: inline-flex; align-items: center; gap: 0.5rem; } .currentTag { padding: 0.0625rem 0.375rem; border-radius: var(--radius-full); background-color: var(--background-modifier-accent); font-size: 0.6875rem; font-weight: 600; color: var(--text-secondary); } .apply { display: flex; flex-direction: column; gap: 0.5rem; padding: 0.75rem; border: 0.0625rem solid var(--background-header-secondary); border-radius: var(--radius-sm); background-color: var(--background-tertiary); } .applyLabel { font-size: 0.875rem; color: var(--text-primary); } .summary { margin: 0; font-size: 0.875rem; font-weight: 500; color: var(--text-primary); }