#accountModal .modal-content { max-height: calc(100dvh - 32px); overflow-y: auto; }
#accountIconEditor { margin: 16px 0; padding-top: 14px; border-top: 1px solid #e8ebf5; }
#accountIconEditor [hidden] { display: none !important; }
#accountIconEditor .form-group { margin-top: 10px; }
#accountIconSvg { font-family: Consolas, monospace; font-size: 12px; resize: vertical; min-height: 88px; }
#accountIconFile { padding: 10px; max-width: 100%; }
.account-icon-help { margin-top: 6px; color: var(--color-text-muted); font-size: 12px; overflow-wrap: anywhere; }
.account-icon-preview-row { display: flex; gap: 16px; align-items: center; margin-top: 12px; }
#accountIconPreview { min-width: 88px; min-height: 72px; border: 1px dashed #dce2ef; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: var(--color-text-muted); font-size: 12px; padding: 10px; }
#accountIconPreview .card-icon { margin: 0; }
#accountIconPreview img, .shared-account-custom-icon img { width: 20px; height: 20px; object-fit: contain; display: block; }
#accountIconError { color: #c53030; font-size: 12px; margin-top: 6px; }
#accountIconError:empty { display: none; }
#accountIconRemove { font-size: 12px; padding: 8px 14px; }
.shared-account-default-icon { width: 40px; height: 40px; background: rgba(253,186,116,.1); color: var(--color-accent-orange); display: flex; align-items: center; justify-content: center; border-radius: 10px; margin-bottom: 12px; font-size: 20px; }
.shared-account-custom-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.is-admin #sharedAccountsList .shared-account-card[data-icon-type="none"] .shared-account-title { padding-right: 52px; }
@media (max-width:600px) { #accountModal .modal-content { padding: 22px; } }