button:disabled { opacity: .5; cursor: not-allowed; }
.tabs { display: flex; gap: 7px; margin-bottom: 22px; }
.tabs button { flex: 1; background: #edf3f1; color: #547069; }
.tabs button.active { background: #0d715e; color: #fff; }
.customer-row { padding: 16px 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: minmax(170px,1fr) minmax(260px,2fr) auto; align-items: center; gap: 14px; }
.customer-actions { display: flex; gap: 7px; }
.account-select { display: grid; grid-template-columns: repeat(2,minmax(150px,1fr)); gap: 5px; max-height: 220px; overflow: auto; }
.account-select label { font-weight: 400; margin: 0; display: flex; gap: 6px; align-items: center; }
.account-select input { width: auto; margin: 0; }
@media(max-width:760px){.customer-row{grid-template-columns:1fr}.account-select{grid-template-columns:1fr}.customer-actions{justify-content:flex-start}}
.social-login{margin:18px 0}.social-login>a{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 14px;margin:9px 0;border:1px solid #d9dfdd;border-radius:11px;background:#fff;color:#17211f;font-weight:700;text-decoration:none;box-shadow:0 2px 5px rgba(0,0,0,.07)}.social-login>a:hover{border-color:#9fbab3;background:#f9fcfb}.social-mark{display:block;flex:0 0 20px;width:20px;height:20px}.discord-mark{fill:#5865f2}.login-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:#81908c;font-size:12px}.login-divider::before,.login-divider::after{content:"";height:1px;background:#e1e8e5;flex:1}.social-login:not(:has(a:not([hidden]))) .login-divider{display:none}