.acc-panel { padding: 14px 2px 4px; }

.acc-head { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.acc-head-text { flex: 1; min-width: 0; }
.acc-title { font-weight: 600; color: var(--ds-ink); margin-bottom: 2px; }

.acc-account { border-top: 1px solid var(--ds-line); padding: 12px 0 14px; max-width: 980px; }
.acc-account.is-off { opacity: .65; }
.acc-account-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 6px; }
.acc-account-name { flex: 1; min-width: 200px; }
.acc-account-title { font-weight: 600; color: var(--ds-ink); }
.acc-run { margin-bottom: 8px; }

.acc-acts { display: flex; flex-wrap: wrap; gap: 2px; margin: 0 0 6px -12px; }
.acc-acts .od-cmd { white-space: nowrap; }
.acc-note { margin-top: 8px; }

@media (max-width: 640px) {
    .acc-head { flex-wrap: wrap; }
}