/* FindMyPhone S-day kit v2 — product screens at stripe.com density (Walrus 02.11 «Да, этот уровень»). Scoped .fp-root. */
.fp-root .kx-flow{position:relative;height:var(--fh);margin-top:56px}
.fp-root .kx-guides{position:absolute;left:50%;transform:translateX(-50%);width:100vw;top:-120px;bottom:-60px;pointer-events:none;z-index:0;background:
 linear-gradient(to right,transparent calc(25% - .5px),rgba(10,37,64,.07) calc(25% - .5px),rgba(10,37,64,.07) calc(25% + .5px),transparent calc(25% + .5px)),
 linear-gradient(to right,transparent calc(50% - .5px),rgba(10,37,64,.07) calc(50% - .5px),rgba(10,37,64,.07) calc(50% + .5px),transparent calc(50% + .5px)),
 linear-gradient(to right,transparent calc(75% - .5px),rgba(10,37,64,.07) calc(75% - .5px),rgba(10,37,64,.07) calc(75% + .5px),transparent calc(75% + .5px));
 -webkit-mask:repeating-linear-gradient(to bottom,#000 0 6px,transparent 6px 12px);mask:repeating-linear-gradient(to bottom,#000 0 6px,transparent 6px 12px)}
.fp-root .kx-hatch{position:absolute;pointer-events:none;z-index:0;background:repeating-linear-gradient(135deg,var(--hc) 0 2px,transparent 2px 11px);opacity:.7}
.fp-root .kx-hatch.tr{right:calc(50% - 50vw);top:-140px;width:56vw;height:220px;-webkit-mask:linear-gradient(100deg,transparent,#000 45%);mask:linear-gradient(100deg,transparent,#000 45%)}
.fp-root .kx-hatch.bl{left:calc(50% - 50vw);bottom:-40px;width:420px;height:320px;-webkit-mask:linear-gradient(30deg,#000 30%,transparent 80%);mask:linear-gradient(30deg,#000 30%,transparent 80%)}
.fp-root .kx-hatch.br{right:calc(50% - 50vw);bottom:-20px;width:420px;height:300px;-webkit-mask:linear-gradient(-30deg,#000 30%,transparent 80%);mask:linear-gradient(-30deg,#000 30%,transparent 80%)}
.fp-root .kx-stage{position:absolute;margin:0;top:0;left:50%;width:1900px;height:var(--fh);transform:translateX(-50%);z-index:1}
.fp-root .kx-abs{position:absolute;inset:0}.fp-root .kx-abs>*{position:absolute}
.fp-root .kx-conn{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.fp-root .kx-conn path{fill:none;stroke:#8E9BB0;stroke-width:1.5;stroke-dasharray:4 6}.fp-root .kx-conn circle{fill:#5B4BFF}
/* type & primitives */
.fp-root .kx-abs,.fp-root .kx-tile-scene{font:400 15px/1.45 Inter,system-ui,sans-serif;color:#0A2540;-webkit-font-smoothing:antialiased}
.fp-root .kx-mut{color:#5A6578}.fp-root .kx-s{font-size:13px}.fp-root .kx-link{color:#5B4BFF;margin-top:4px}.fp-root .kx-grow1{flex:1;min-width:0}
.fp-root .kx-grow1 b,.fp-root .kx-it b{display:block;font-weight:500}.fp-root .kx-grow1 small{display:block;font-size:12.5px;color:#687385}
.fp-root .kx-paper{background:#fff;border-radius:16px;box-shadow:0 50px 100px -20px rgba(50,50,93,.18),0 30px 60px -30px rgba(0,0,0,.22);border:1px solid rgba(10,37,64,.05);overflow:hidden}
.fp-root .kx-pill{display:inline-flex;align-items:center;font-size:12.5px;font-weight:500;border-radius:6px;padding:3px 8px;white-space:nowrap}
.fp-root .kx-ok{background:#D7F7C2;color:#05690D}.fp-root .kx-lost{background:#FFE7F2;color:#B3093C}.fp-root .kx-off{background:#EBEEF1;color:#545969}
.fp-root .kx-info{background:#E3E8FF;color:#3A35C1}.fp-root .kx-warn{background:#FFF1D6;color:#8A4B00}
.fp-root .kx-sw{width:40px;height:24px;border-radius:999px;background:#CBD2DC;position:relative;display:inline-block;vertical-align:middle}
.fp-root .kx-sw:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .4s cubic-bezier(.25,1,.5,1)}
.fp-root .kx-sw.on{background:#5B4BFF}.fp-root .kx-sw.on:after{transform:translateX(16px)}
.fp-root .kx-bat{width:26px;height:12px;border:1.5px solid #9AA4B5;border-radius:3px;position:relative;display:inline-block}.fp-root .kx-bat i{position:absolute;left:1.5px;top:1.5px;bottom:1.5px;border-radius:1px;background:#30C35B;max-width:calc(100% - 3px)}
.fp-root .kx-ico{width:36px;height:36px;border-radius:10px;background:#F1F4F9;display:inline-grid;place-items:center;flex:none}.fp-root .kx-ico svg{width:20px;height:20px;stroke:#3C4A60;fill:none;stroke-width:1.6}
/* phone */
.fp-root .kx-phone{width:300px;height:610px;border-radius:48px;background:#E9ECF2;padding:9px;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 0 0 1px #D3D8E2}
.fp-root .kx-in{height:100%;border-radius:40px;background:#0B1022;padding:9px}
.fp-root .kx-scr{height:100%;border-radius:32px;background:linear-gradient(170deg,#2B3A73 0%,#46337E 55%,#7A3D7E 100%);color:#fff;position:relative;overflow:hidden;padding:56px 20px 22px;text-align:center}
.fp-root .kx-scr.light{background:#F4F6FA;color:#0A2540;text-align:left;padding:58px 14px 22px}
.fp-root .kx-isl{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:96px;height:28px;border-radius:999px;background:#05070F}
.fp-root .kx-sb{position:absolute;top:16px;left:26px;right:26px;display:flex;justify-content:space-between;font-size:13px;font-weight:500}
.fp-root .kx-tm{font-size:72px;font-weight:300;letter-spacing:-.03em;line-height:1;margin-top:10px}.fp-root .kx-dt{font-size:15px;opacity:.8;margin-top:6px}
.fp-root .kx-lk{width:22px;height:26px;border:2.5px solid #fff;border-radius:6px;margin:14px auto 0;position:relative}.fp-root .kx-lk:before{content:"";position:absolute;left:3px;right:3px;top:-11px;height:12px;border:2.5px solid #fff;border-bottom:0;border-radius:8px 8px 0 0}
.fp-root .kx-glass{margin-top:22px;background:rgba(255,255,255,.14);backdrop-filter:blur(14px);border-radius:18px;padding:15px;text-align:left}
.fp-root .kx-glass b{display:block;font-size:15px;font-weight:600;margin-bottom:4px}.fp-root .kx-glass p{margin:0;font-size:13.5px;line-height:1.4;opacity:.92}
.fp-root .kx-glass+.kx-glass{margin-top:10px}.fp-root .kx-grow{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding-top:8px}
.fp-root .kx-call{margin-top:12px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.18);border-radius:12px;padding:10px 12px;font-size:13.5px}
.fp-root .kx-call i{width:30px;height:30px;border-radius:50%;background:#30D158;color:#06361A;display:grid;place-items:center;font-style:normal}
.fp-root .kx-home{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:120px;height:5px;border-radius:9px;background:rgba(255,255,255,.8)}.fp-root .kx-scr.light .kx-home{background:#0A2540}
.fp-root .kx-apph{font-size:22px;font-weight:600;letter-spacing:-.01em;margin:6px 4px 14px}
.fp-root .kx-arow{display:flex;gap:10px;align-items:center;background:#fff;border-radius:14px;padding:10px 12px;margin-bottom:8px;box-shadow:0 1px 2px rgba(10,37,64,.06);font-size:14px}
.fp-root .kx-arow .kx-ico{width:32px;height:32px}
/* bubbles */
.fp-root .kx-bub{position:relative;background:#E9EEF5;border-radius:18px 18px 18px 4px;padding:11px 13px;font-size:14px;line-height:1.4;color:#0A2540;margin-bottom:10px;max-width:92%}
.fp-root .kx-bub small{display:block;font-size:12px;color:#5A6A80;margin-bottom:3px}.fp-root .kx-bub.me{background:#5B4BFF;color:#fff;border-radius:18px 18px 4px 18px;margin-left:auto}.fp-root .kx-bub.me small{color:#FFFFFF}
.fp-root .kx-bub.bad{outline:2px solid #F43F5E}.fp-root .kx-stamp{position:absolute;right:-8px;top:-11px;background:#BE123C;color:#fff;font-size:11.5px;font-weight:500;border-radius:999px;padding:3px 9px}
/* mail */
.fp-root .kx-hd{display:flex;gap:12px;align-items:center;padding:18px 22px;border-bottom:1px solid #EEF1F5}
.fp-root .kx-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#5B6CFF,#9F7AEA);display:grid;place-items:center;color:#fff;font-weight:600}
.fp-root .kx-bd{padding:18px 22px 20px}.fp-root .kx-bd h4{margin:0 0 6px;font-size:17px;font-weight:500}
.fp-root .kx-thumb{margin-top:14px;display:flex;gap:14px;align-items:center;border:1px solid #E6EBF1;border-radius:12px;padding:10px;background:#FBFCFE}
.fp-root .kx-minimap{width:110px;height:76px;border-radius:8px;position:relative;overflow:hidden;flex:none;background:linear-gradient(8deg,transparent 46%,#fff 46% 54%,transparent 54%),linear-gradient(95deg,transparent 44%,#fff 44% 52%,transparent 52%),#EAF0F6}
.fp-root .kx-minimap i{position:absolute;left:52%;top:44%;width:34px;height:34px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(91,75,255,.15);border:1px solid rgba(91,75,255,.6)}
.fp-root .kx-minimap i:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;background:#5B4BFF;border:2px solid #fff}
.fp-root .kx-kv{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #F1F3F7;font-size:14.5px}.fp-root .kx-kv:last-child{border-bottom:0}
.fp-root .kx-ft{margin-top:14px;padding-top:12px;border-top:1px solid #EEF1F5;display:flex;justify-content:space-between}
/* form & settings */
.fp-root .kx-fh{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #EEF1F5;font-weight:500;font-size:17px}
.fp-root .kx-f{padding:13px 22px;border-bottom:1px solid #EEF1F5;display:grid;grid-template-columns:150px 1fr;align-items:center;gap:12px;font-size:14.5px}
.fp-root .kx-f.set{display:flex;gap:12px}.fp-root .kx-inp{border:1px solid #E1E6EE;border-radius:8px;padding:9px 12px;color:#0A2540;background:#FBFCFE}
.fp-root .kx-fb{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px}.fp-root .kx-btn{border-radius:8px;padding:9px 16px;font-weight:500;font-size:14.5px;border:1px solid #E1E6EE;background:#fff}
.fp-root .kx-btn.pr{background:#5B4BFF;color:#fff;border-color:#5B4BFF}
/* dashboard */
.fp-root .kx-top{display:flex;align-items:center;gap:14px;padding:22px 26px 0}.fp-root .kx-top b{font-weight:500;font-size:17px}.fp-root .kx-ml{margin-left:auto}
.fp-root .kx-logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(100deg,#7A5CFA,#F98FB2,#FFB574)}
.fp-root .kx-tabs{display:flex;gap:26px;padding:18px 26px 0;border-bottom:1px solid #EEF1F5}.fp-root .kx-tabs span{padding-bottom:12px;color:#687385;font-weight:500}
.fp-root .kx-tabs span.on{color:#0A2540;box-shadow:inset 0 -2px #5B4BFF}
.fp-root .kx-dgrid{display:grid;grid-template-columns:1fr;height:calc(100% - 104px)}.fp-root .kx-dgrid.withmap{grid-template-columns:minmax(330px,1fr) 340px}
.fp-root .kx-list{border-left:1px solid #EEF1F5;overflow:hidden}.fp-root .kx-dgrid:not(.withmap) .kx-list{border-left:0}
.fp-root .kx-it{display:flex;gap:12px;align-items:center;padding:13px 20px;border-bottom:1px solid #F1F3F7}.fp-root .kx-it.sel{background:#F5F4FF;box-shadow:inset 3px 0 #5B4BFF}
.fp-root .kx-it .kx-s{display:block}
.fp-root .kx-map{position:relative;overflow:hidden;background:
 linear-gradient(170deg,transparent 30%,#fff 30% 33%,transparent 33%),linear-gradient(80deg,transparent 22%,#fff 22% 26%,transparent 26%),linear-gradient(5deg,transparent 64%,#fff 64% 67%,transparent 67%),
 linear-gradient(95deg,transparent 66%,#fff 66% 68%,transparent 68%),radial-gradient(60px 50px at 80% 85%,#D3EEDB 90%,transparent 92%),#EAF0F6}
.fp-root .kx-ring{position:absolute;left:52%;top:40%;border-radius:50%;border:1.5px solid rgba(91,75,255,.6);background:rgba(91,75,255,.08);transform:translate(-50%,-50%)}
.fp-root .kx-dot{position:absolute;left:52%;top:40%;width:18px;height:18px;border-radius:50%;background:#5B4BFF;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.25);transform:translate(-50%,-50%)}
.fp-root .kx-mcard{position:absolute;left:16px;right:16px;bottom:16px}.fp-root .kx-mch{padding:13px 15px}
.fp-root .kx-acts{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-top:1px solid #EEF1F5}.fp-root .kx-acts div{padding:10px 6px;text-align:center;font-size:13px;font-weight:500;border-left:1px solid #EEF1F5}
.fp-root .kx-acts div:first-child{border-left:0}.fp-root .kx-acts .kx-ico{background:none;width:24px;height:24px;display:block;margin:0 auto 2px}.fp-root .kx-acts .kx-ico svg{stroke:#5B4BFF}
/* table */
.fp-root .kx-th{display:flex;justify-content:space-between;align-items:baseline;padding:20px 22px 14px}.fp-root .kx-th b{font-size:18px;font-weight:500}
.fp-root .kx-table table{width:100%;border-collapse:collapse}.fp-root .kx-table th{font-size:13px;font-weight:500;color:#0A2540;text-align:left;padding:12px 16px;border-bottom:1px solid #E6EBF1;white-space:nowrap}
.fp-root .kx-table td{padding:13px 16px;border-bottom:1px solid #F1F3F7;font-size:14.5px;white-space:nowrap;vertical-align:middle}.fp-root .kx-table td .kx-ico{width:28px;height:28px;margin-right:10px;vertical-align:middle}
.fp-root .kx-ck{width:16px;height:16px;border:1.5px solid #C5CCD8;border-radius:4px;display:inline-block;vertical-align:middle}
/* doc */
.fp-root .kx-doc{padding:20px 22px 22px;background:#FFFEFB}.fp-root .kx-dh{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #0A2540;padding-bottom:10px;margin-bottom:6px}
.fp-root .kx-dh b{font-size:17px;font-weight:600;letter-spacing:.01em}.fp-root .kx-dstamp{position:absolute;right:20px;bottom:18px;transform:rotate(-9deg);border:2px solid #B3093C;color:#B3093C;border-radius:8px;padding:4px 10px;font-weight:600;font-size:13px;letter-spacing:.04em;opacity:.85}
.fp-root .kx-doc{position:absolute}
/* thread */
.fp-root .kx-tb{padding:6px 18px 16px;background:#F7F9FC}
/* the stage is designed for a 1440 window (230px cropped each side): scale it down on narrower windows so the left screen stays in view */
@media(max-width:1439px){.fp-root .kx-stage{transform:translateX(-50%) scale(.88);transform-origin:top center}.fp-root .kx-flow{height:calc(var(--fh) * .88)}}
@media(max-width:1279px){.fp-root .kx-stage{transform:translateX(-50%) scale(.78)}.fp-root .kx-flow{height:calc(var(--fh) * .78)}}
@media(max-width:1099px){.fp-root .kx-stage{transform:translateX(-50%) scale(.64)}.fp-root .kx-flow{height:calc(var(--fh) * .64)}}
@media(max-width:980px){.fp-root .kx-flow{height:calc(var(--fh) * .44);margin-top:32px}.fp-root .kx-stage{transform:translateX(-50%) scale(.44);transform-origin:top center}
 .fp-root .kx-hatch.tr{height:120px;top:-60px}}