/* 基準は共通クラス、用途ごとの寸法・配色は拡張クラスで指定する。 */
/* 状態判定で付けたhiddenを、ボタンや操作行のレイアウトで上書きしない。 */
.wsc-chat [hidden],.wsc-login-card [hidden],.wsc-button[hidden]{display:none!important}
.wsc-chat .wsc-button,.wsc-login-card .wsc-button,.wsc-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;margin:0;padding:7px 12px;border:1px solid var(--wsc-border,#b1c1d4);border-radius:7px;background:var(--wsc-surface,#fff);color:var(--wsc-text,#18304e);font-family:inherit;font-size:14px;font-weight:600;line-height:1.6;text-decoration:none;cursor:pointer}
.wsc-chat .wsc-button:hover,.wsc-button:hover{border-color:var(--wsc-primary,#2863e8);background:var(--wsc-soft,#edf4ff)}.wsc-chat .wsc-button:disabled,.wsc-button:disabled{cursor:not-allowed;opacity:.5}.wsc-chat .wsc-button:focus-visible,.wsc-button:focus-visible{outline:3px solid var(--wsc-primary,#2863e8);outline-offset:2px}
.wsc-chat .wsc-button--primary,.wsc-button--primary{background:var(--wsc-primary,#2863e8);color:#fff;border-color:var(--wsc-primary,#2863e8)}.wsc-chat .wsc-button--primary:hover,.wsc-button--primary:hover{background:var(--wsc-primary-hover,#1f50bd)}
.wsc-chat .wsc-button--danger,.wsc-button--danger,.wsc-chat .wsc-button--danger:hover,.wsc-button--danger:hover{background:#3a3a3a;color:#fff;border-color:#3a3a3a}
.wsc-chat .wsc-button--icon,.wsc-button--icon{flex:none;width:44px;height:44px;padding:0}.wsc-chat .wsc-button--row,.wsc-button--row{display:block;width:100%;padding:12px;text-align:left;white-space:normal}.wsc-chat .wsc-button--call,.wsc-button--call{padding:0;border:0;background:transparent}.wsc-chat .wsc-button--login,.wsc-login-card .wsc-button--login,.wsc-button--login{width:100%;min-height:48px;border-radius:12px}