.account-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 16px; }
.customer-login {max-width:440px;margin:8vh auto 0;padding:24px;}
.customer-login h1 {margin-bottom:8px;}
.customer-login-personal {margin:22px 0;}
.customer-login-primary {width:100%;min-height:44px;}
.customer-login-personal [role=status] {margin-top:8px;overflow-wrap:anywhere;}
.customer-login-advanced {border-top:1px solid var(--border);padding-top:14px;}
.customer-login-advanced>summary {cursor:pointer;color:var(--fg-2);font-size:12px;}
.customer-login-advanced form {margin:16px 0;}
.customer-login-feedback {margin-top:8px;overflow-wrap:anywhere;}
@media(max-width:500px){.customer-login{margin:4vh auto 0;padding:18px;}}
.account-form { border-top: 1px solid var(--border, #d9dde3); margin-top: 16px; padding-top: 12px; }
.account-form .form-group { margin-bottom: 10px; }
.collaboration-panel { margin-top: 20px; }
.communication-composer { margin-top: 16px; }
.communication-composer textarea { box-sizing: border-box; width: 100%; resize: vertical; }
.communication-text { white-space: pre-wrap; overflow-wrap: anywhere; }
.discussion-entry { border-top: 1px solid var(--border, #d9dde3); padding-top: 12px; }
.communication-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.collaboration-panel details { margin-top: 20px; }
.inbox-item h2 { font-size: 1.15rem; }