.linsi-install-toolbar-button { display:inline-flex; align-items:center; gap:7px; min-height:38px; padding:0 12px; border:1px solid transparent; border-radius:9px; background:transparent; color:#60749c; font:inherit; font-size:12px; cursor:pointer; transition:background .2s,color .2s,border-color .2s; }
.linsi-install-toolbar-button[hidden] { display:none!important; }
.linsi-install-toolbar-button svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.linsi-install-toolbar-button .client-chevron { width:12px; height:12px; transition:transform .25s; }
.linsi-install-toolbar-button[aria-expanded="true"] .client-chevron { transform:rotate(180deg); }
.linsi-install-toolbar-button:hover,.linsi-install-toolbar-button[aria-expanded="true"] { background:#eef3ff!important; border-color:#dbe5fc!important; color:#365ce0!important; }
.linsi-client-menu { position:fixed; z-index:100001; box-sizing:border-box; padding:18px; overflow:auto; border:1px solid #dce5f5; border-radius:17px; background:rgba(255,255,255,.98); box-shadow:0 18px 54px #182e652b,0 3px 10px #243f7310; color:#263b60; font:13px/1.5 Inter,"PingFang SC","Microsoft YaHei",sans-serif; opacity:0; transform:translateY(-9px) scale(.985); transform-origin:85% 0; transition:opacity .16s ease,transform .23s cubic-bezier(.22,1,.36,1); }
.linsi-client-menu.is-open { opacity:1; transform:translateY(0) scale(1); }
.linsi-client-menu[hidden],.linsi-client-menu [hidden] { display:none!important; }
.linsi-client-menu * { box-sizing:border-box; }
.linsi-client-menu button { font:inherit; cursor:pointer; }
.linsi-client-menu button:disabled { cursor:default; opacity:.7; }
.linsi-client-menu button:focus-visible,.linsi-install-toolbar-button:focus-visible { outline:3px solid #91adfc80; outline-offset:3px; }
.client-heading { display:flex; align-items:center; gap:10px; margin-bottom:17px; }
.client-heading>img { width:34px; height:34px; border-radius:10px; padding:3px; border:1px solid #edf1fa; }
.client-heading>div { flex:1; }
.client-heading strong { display:block; font-size:14px; font-weight:650; color:#24395f; }
.client-heading>div>span { display:block; margin-top:2px; color:#97a4ba; font-size:11px; }
.client-heading button { display:grid; place-items:center; width:26px; height:26px; border:0; border-radius:7px; background:transparent; color:#91a1bb; font-size:20px; line-height:1; }
.client-heading button:hover { background:#f0f4fc; color:#4264cc; }
.client-tabs { position:relative; display:grid; grid-template-columns:1fr 1fr; padding:4px; gap:4px; border:1px solid #e6ecf6; border-radius:10px; background:#f3f6fc; isolation:isolate; }
.client-tabs>i { position:absolute; z-index:-1; top:4px; bottom:4px; left:4px; width:calc(50% - 6px); border-radius:7px; background:#fff; box-shadow:0 2px 6px #243f7310; transition:transform .3s cubic-bezier(.22,1,.36,1); }
[data-device="mobile"] .client-tabs>i { transform:translateX(calc(100% + 4px)); }
.client-tabs button { display:flex; align-items:center; justify-content:center; gap:7px; min-height:33px; border:0; border-radius:7px; color:#8291aa; background:transparent; font-size:12px; font-weight:550; transition:color .2s; }
.client-tabs svg { width:16px; height:16px; }
.client-tabs button[aria-selected="true"] { color:#4162dc; }
[data-client-content] { overflow:hidden; padding-top:18px; }
.client-device-art { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; height:113px; margin-bottom:17px; border:1px solid #e8edfa; border-radius:12px; background:radial-gradient(ellipse at 50% 120%,#dce7ff,transparent 65%),linear-gradient(120deg,#f9fbff,#f1f5ff); overflow:hidden; }
.client-device-art>svg { width:57px; height:57px; color:#6581de; filter:drop-shadow(0 5px 5px #6381cf18); z-index:1; }
.client-device-glow { position:absolute; width:150px; height:150px; border:1px solid #e2e9f9; border-radius:50%; top:-69px; right:-50px; }
.client-device-check { z-index:1; font-size:10px; color:#8a9bc0; letter-spacing:.04em; }
.client-copy h3 { margin:0 0 5px; font-size:16px; line-height:1.4; font-weight:650; color:#263b60; }
.client-copy p { margin:0 0 9px; font-size:12px; line-height:1.65; color:#8190a9; }
.client-platforms { display:block; font-size:10px; color:#9ca9bd; }
.client-primary { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:40px; margin-top:17px; padding:9px 14px; border:1px solid #4466e4; border-radius:9px; background:linear-gradient(110deg,#4261dc,#526feb); color:#fff; box-shadow:0 5px 13px #4163d51c; font-size:12px!important; transition:transform .2s,box-shadow .2s; }
.client-primary:not(:disabled):hover { transform:translateY(-1px); box-shadow:0 7px 17px #4163d533; }
.client-primary:not(:disabled):active { transform:scale(.985); }
.client-primary:disabled { border-color:#e6ecf7; background:#f2f5fb; color:#8a9bb9; box-shadow:none; }
.client-guide-toggle { display:flex; align-items:center; justify-content:center; gap:5px; width:100%; padding:13px 0 0; border:0; background:transparent; color:#8b9bb7; font-size:11px!important; }
.client-guide-toggle span { transition:transform .25s; }
.client-guide-toggle[aria-expanded="true"] span { transform:rotate(180deg); }
.client-guide { display:grid; grid-template-rows:0fr; opacity:0; transition:grid-template-rows .26s,opacity .26s; }
.client-guide.is-open { grid-template-rows:1fr; opacity:1; }
.client-guide>div { overflow:hidden; min-height:0; }
.client-guide ol { margin:12px 0 0; padding:12px 14px 12px 30px; background:#f5f7fc; border-radius:9px; color:#7c8ca7; font-size:11px; line-height:1.75; }
.client-guide li+li { margin-top:6px; }
.client-mobile-layout { display:flex; gap:16px; align-items:center; padding:6px 0 12px; }
.client-mobile-layout .client-copy { flex:1; min-width:0; }
.client-qr { display:grid; place-items:center; width:136px; height:136px; flex:0 0 136px; border:1px solid #e4eaf7; border-radius:12px; background:#fff; font-size:11px; color:#90a0ba; }
.client-qr img { max-width:100%; }
.client-qr img[hidden] { display:none; }
.client-mobile-link { display:flex; align-items:center; gap:8px; min-width:0; padding:9px 10px; border:1px solid #e3eafa; border-radius:9px; background:#f7f9ff; }
.client-mobile-link a { flex:1; min-width:0; overflow:hidden; color:#3557c3; font-size:11px; text-overflow:ellipsis; white-space:nowrap; text-decoration:none; }
.client-mobile-link a:hover { text-decoration:underline; }
.client-mobile-link button { flex:none; padding:4px 8px; border:1px solid #d8e2f7; border-radius:6px; background:#fff; color:#4162c5; font-size:11px; }
.client-mobile-link button:hover { background:#eef3ff; }
.client-primary[href] { text-decoration:none; }
.client-phone-art { display:grid; place-items:center; width:100px; height:136px; flex:0 0 100px; background:linear-gradient(135deg,#f4f7ff,#edf3ff); border:1px solid #e5ecfa; border-radius:13px; }
.client-phone-art svg { width:48px; height:65px; color:#758edf; }
.client-availability { display:inline-block; margin-top:10px; padding:3px 7px; border-radius:5px; background:#f0f3f9; color:#8a9ab4; font-size:10px; }
.client-footnote { margin:8px 0 0; padding-top:12px; border-top:1px solid #edf1f8; font-size:11px; color:#90a0ba; line-height:1.7; }
.client-message { margin:10px 0 0; font-size:11px; color:#6c83b2; }
@media(max-width:420px) { .linsi-client-menu { padding:15px; } .client-mobile-layout { gap:12px; } .client-qr { width:112px; height:112px; flex-basis:112px; } .client-qr img { width:104px; height:104px; } }
@media(prefers-reduced-motion:reduce) { .linsi-client-menu,.linsi-client-menu *,.linsi-install-toolbar-button * { transition:none!important; animation:none!important; } }