.client-login-box{margin-top:14px;padding:12px;border:1px solid var(--line,#e8ecf4);border-radius:10px;min-width:0;overflow-wrap:anywhere;background:var(--brandsoft,#e4ecff)}
.client-login-label{font-weight:600}
.client-login-box p{margin:8px 0}
.client-login-box button,.client-login-box summary{min-height:32px;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.client-login-box button{padding:7px 12px;border:1.5px solid var(--line,#e8ecf4);border-radius:9px;color:var(--ink,#182535);background:var(--card,#fff);font:inherit}
.client-login-note{font-size:13px;color:var(--muted,#66748c);line-height:1.5}
.client-login-dialog{position:fixed;inset:0;z-index:350;background:rgba(6,16,26,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.client-login-dialog .bbconfirm-in{display:flex;flex-direction:column;background:var(--card,#fff);color:var(--ink,#182535);border-radius:16px;padding:22px;box-shadow:0 24px 64px rgba(2,20,35,.35);overflow-y:auto;max-height:calc(100dvh - 32px);width:min(540px,calc(100vw - 32px));font-size:14px}
.client-login-dialog h3{overflow-wrap:anywhere;flex-shrink:0;line-height:1.35}
.client-login-dialog p{line-height:1.5;overflow-wrap:anywhere}
.client-login-dialog .cc-field{display:flex;flex-direction:column;gap:5px;min-width:0;margin:10px 0}
.client-login-dialog input:not([type=checkbox]),.client-login-dialog textarea{width:100%;box-sizing:border-box;min-height:36px;border:1.5px solid var(--line,#e8ecf4);border-radius:9px;padding:9px 10px;background:var(--card,#fff);color:var(--ink,#182535);font:inherit}
.client-login-dialog .bbconfirm-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;justify-content:flex-end}
.client-login-dialog button{min-height:32px;border:1.5px solid var(--line,#e8ecf4);border-radius:10px;background:var(--card,#fff);color:var(--ink,#182535);font:inherit;padding:9px 14px;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.client-login-dialog button.ok{background:var(--brand,#004075);color:white;border-color:transparent}
.client-login-dialog button:disabled{opacity:.65;cursor:default}
.client-login-dialog [hidden]{display:none!important}
.client-login-identity{display:flex;align-items:flex-start;gap:10px;line-height:1.5;padding:10px 0;cursor:pointer}
.client-login-identity input{width:20px;height:20px;flex:0 0 20px}
.client-login-demo{border:1px solid var(--line,#e8ecf4);border-radius:9px;padding:10px;font-weight:600}
.client-login-changes{padding-left:20px;overflow-wrap:anywhere}
.client-login-changes li{margin-bottom:8px}
#clientLoginPhoneBtn{white-space:normal;min-height:32px;color:var(--accent,#004075);background:#e4ecff;border-color:#c6d7f2}
@media(pointer:coarse),(max-width:600px){.client-login-box button,.client-login-box summary,.client-login-dialog button,.client-login-dialog input:not([type=checkbox]),.client-login-identity,#clientLoginPhoneBtn{min-height:44px}.client-login-dialog input,.client-login-dialog textarea{font-size:16px}.client-login-dialog .bbconfirm-btns button{flex:1 1 100%}.client-login-dialog .bbconfirm-in{padding:18px}}