.account-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:20px; }
.account-summary > div { display:flex; align-items:center; gap:11px; background:#fff; border:1px solid var(--line); border-radius:10px; padding:14px; }
.account-head-icon { width:34px; height:34px; border-radius:8px; display:grid; place-items:center; background:#eef2ff; color:var(--blue); font-weight:700; }
.account-summary span:last-child { display:grid; }
.account-summary strong { font-size:.85rem; }
.account-summary small { color:var(--muted); font-size:.72rem; }
.account-tree .head-account { background:#fbfcff; }
.tree-account { display:flex; align-items:center; gap:8px; padding-left:calc(var(--tree-level) * 27px); }
.tree-connector { width:16px; color:#8b97aa; text-align:center; }
.head-account .tree-account strong { color:#24365f; }
.system-note { display:flex; flex-direction:column; padding:14px 16px; border:1px solid #dce3f7; background:#f7f9ff; border-radius:8px; }
.system-note strong { font-size:.85rem; color:#304a9d; }
.system-note span { font-size:.77rem; color:var(--muted); margin-top:3px; }
.generated-code-wrap { position:relative; }
.generated-code-wrap .form-control[readonly] { background:#f5f7fb; padding-right:55px; color:#304a9d; font-weight:700; }
.generated-label { position:absolute; right:10px; top:50%; transform:translateY(-50%); padding:3px 6px; border-radius:5px; background:#e8edff; color:#3157d5; font-size:.62rem; font-weight:700; text-transform:uppercase; }
@media (max-width:900px) { .account-summary { grid-template-columns:repeat(2,1fr); } }