.top-actions #account-label { font-size: 12px; color: #526070; white-space: nowrap; }
.accounts-layout { display: grid; grid-template-columns: minmax(260px, 360px) minmax(0, 1fr); gap: 24px; align-items: start; }
.account-create { display: grid; gap: 9px; }
.account-create h2, .accounts-list h2 { font-size: 18px; margin: 0 0 8px; }
.account-create > label:not(.check-line), .account-fields label { font-size: 12px; font-weight: 700; color: #4d5a69; }
.account-create > input, .account-create > select { width: 100%; }
.password-row { display: flex; gap: 8px; }
.password-row input { min-width: 0; flex: 1; }
.check-line { display: flex; align-items: center; gap: 7px; font-size: 13px; color: #3c4b59; white-space: nowrap; }
.check-line input { min-height: 0; width: 17px; height: 17px; margin: 0; }
.account-create > .primary { margin-top: 9px; }
.accounts-list { min-width: 0; }
.account-row { border-top: 1px solid #dce3e9; padding: 16px 0; }
.account-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.account-head strong { font-size: 16px; }
.account-head span { font-size: 12px; color: #617080; }
.account-fields { display: grid; grid-template-columns: 1.25fr 1fr 1.25fr auto; gap: 10px; align-items: end; }
.account-fields label:not(.check-line) { display: grid; gap: 5px; min-width: 0; }
.account-fields input:not([type="checkbox"]), .account-fields select { width: 100%; }
.account-fields .check-line { min-height: 42px; padding: 0 4px; }
.account-actions { display: flex; justify-content: flex-end; margin-top: 10px; }
@media (max-width: 1100px) { .accounts-layout { grid-template-columns: 1fr; } .account-create { max-width: 520px; } }
@media (max-width: 650px) { .account-fields { grid-template-columns: 1fr 1fr; } .top-actions #account-label { display: none; } .top-nav { overflow-x: auto; justify-content: flex-start; } .top-nav button { white-space: nowrap; padding-inline: 11px; } }
@media (max-width: 400px) { .account-fields { grid-template-columns: 1fr; } .account-actions button { width: 100%; } }