/* Цепочка шагов · Приложения — стили макета Бренд-студии внутри .cep (cepochka-2610/sobrat.py, не править руками) */
.cep .hint{display:flex;align-items:center;gap:10px;margin-top:40px;font:500 13px/1 M,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--md)}
.cep .hint svg{width:20px;height:20px;flex:none}
.cep .hint span{color:#7f8aa6;letter-spacing:.12em}
.cep .ryad{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:16px}
.cep .ryad:before{content:"";position:absolute;left:24px;right:24px;top:31px;height:1px;background:linear-gradient(90deg,rgba(var(--c),.15),rgba(var(--c),.45),rgba(var(--c),.15));z-index:0}
.cep .sh{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;padding:14px 14px 16px;min-height:146px;text-align:left;cursor:pointer;
  border-radius:16px;background:linear-gradient(180deg,#0a0d1a,#070912);border:1px solid rgba(var(--c),.38);color:#fff;font:inherit;
  transition:border-color .25s,transform .25s,box-shadow .25s,background .25s}
.cep .sh .top{display:flex;align-items:center;justify-content:space-between}
.cep .sh .nd{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font:600 15px U;color:#fff;background:#06080f;box-shadow:inset 0 0 0 1.5px rgba(var(--c),.7)}
.cep .sh .ai{padding:3px 8px;border-radius:999px;font:500 11px M,monospace;letter-spacing:.1em;color:var(--md);box-shadow:inset 0 0 0 1px rgba(var(--c),.5)}
.cep .sh b{font:600 16px/1.2 U}
.cep .sh p{font:400 13px/1.4 O;color:#9fb0c4}
.cep .sh .go{margin-top:auto;font:400 13px/1 O,system-ui,sans-serif;color:#7d88a3}
.cep .sh.hv{border-color:rgba(var(--c),.9);transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 0 1px rgba(var(--c),.25)}
.cep .sh.hv .go{color:var(--md)}
.cep .sh.hv .kursor{position:absolute;right:16px;bottom:10px;width:22px;height:22px}
.cep .sh.on{border:1.5px solid var(--md);background:linear-gradient(165deg,rgba(var(--c),.42),rgba(var(--c),.14) 60%,rgba(var(--c),.08));
  box-shadow:0 0 36px rgba(var(--c),.45),inset 0 1px 0 rgba(255,255,255,.15)}
.cep .sh.on .nd{background:var(--md);color:#06102a;box-shadow:0 0 18px rgba(var(--c),.9)}
.cep .sh.on p{color:#dfe7ff}
.cep .sh.on .go{color:var(--hi);font-weight:500}
.cep .svyaz{position:absolute;width:2px;top:100%;height:30px;background:linear-gradient(180deg,var(--md),rgba(var(--c),.5));z-index:2}
.cep .svyaz:after{content:"";position:absolute;left:50%;bottom:-1px;width:12px;height:12px;transform:translate(-50%,0) rotate(45deg);
  background:#0d1430;border-left:1.5px solid var(--md);border-top:1.5px solid var(--md)}
.cep .otkr{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:28px;margin-top:36px;padding:28px;border-radius:22px;
  background:linear-gradient(160deg,rgba(var(--c),.16),rgba(6,8,15,.92) 55%);border:1.5px solid rgba(var(--c),.7);box-shadow:0 0 40px rgba(var(--c),.18)}
.cep .otkr .shk{display:flex;align-items:center;gap:12px}
.cep .otkr canvas{flex:none}
.cep .otkr h3{margin:14px 0 10px;font:600 28px/1.18 U}
.cep .otkr .op{font:400 17px/1.55 O;color:#c9d2e2}
.cep .otkr ul{margin-top:16px;list-style:none;display:grid;gap:8px}
.cep .otkr li{position:relative;padding-left:20px;font:400 15px/1.45 O;color:#c9d2e2}
.cep .otkr li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:var(--md)}
.cep .nav{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin-top:-4px}
.cep .nav button{font:500 12px M,monospace;letter-spacing:.12em;text-transform:uppercase;color:#fff;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(var(--c),.45)}
.cep .nav .tchk{display:flex;gap:6px;margin:0 6px}
.cep .nav .tchk i{width:6px;height:6px;border-radius:50%;background:rgba(var(--c),.35)}
.cep .nav .tchk i.on{width:18px;border-radius:3px;background:var(--md)}
.cep .nav button.zay{background:linear-gradient(180deg,#f6e2b2,#e9c983);color:#1b130b;border:0;font-weight:500}
.cep .nav .pus{width:0}
.cep .otkr .kart{border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.cep .otkr .kart img{display:block;width:100%}
.cep .deal{border-radius:14px;background:linear-gradient(180deg,#0c0f1c,#080a14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);padding:16px;font-family:O}
.cep .deal .bar{display:flex;align-items:center;gap:6px;font:500 12px M,monospace;letter-spacing:.18em;color:#8f9bc2}
.cep .deal .bar i{width:8px;height:8px;border-radius:50%;background:#2a3047}
.cep .deal .bar i:first-child{background:var(--md)}
.cep .deal .bar em{margin-left:auto;font-style:normal;color:var(--md)}
.cep .deal .row{display:grid;grid-template-columns:1.3fr 1fr .9fr;gap:10px;align-items:center;margin-top:10px;padding:12px 14px;border-radius:10px;background:#11152a;box-shadow:inset 3px 0 0 rgba(var(--c),.6)}
.cep .deal .row.hd{background:none;box-shadow:none;padding:4px 14px 0;font:500 11px M,monospace;letter-spacing:.14em;color:#6f7b98;text-transform:uppercase}
.cep .deal b{font:500 15px/1.25 O;color:#fff}
.cep .deal small{display:block;font:400 13px/1.3 O;color:#8f9bc2}
.cep .deal .dt{font:500 14px O;color:#dfe7ff}
.cep .deal .st{justify-self:start;padding:4px 10px;border-radius:999px;font:500 12px O;color:var(--md);box-shadow:inset 0 0 0 1px rgba(var(--c),.5)}
.cep .deal .row.late{box-shadow:inset 3px 0 0 #ff5c7c}
.cep .deal .row.late .dt{color:#ff8fa3}
.cep .deal .row.late .st{color:#ff8fa3;box-shadow:inset 0 0 0 1px rgba(255,92,124,.55)}
.cep .razb{display:grid;grid-template-columns:1fr 34px 1fr;gap:8px;align-items:stretch;margin-top:12px}
.cep .pis{border-radius:10px;background:#11152a;padding:14px 14px 16px;font:400 14px/1.6 O;color:#c9d2e2}
.cep .pis .ot{font:500 11px M,monospace;letter-spacing:.12em;color:#6f7b98;margin-bottom:8px}
.cep .pis mark{background:rgba(var(--c),.18);color:#fff;border-bottom:2px solid var(--md);padding:0 2px;border-radius:3px}
.cep .pis mark sup,.cep .pole i{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--md);color:#06102a;font:600 10px/1 O;font-style:normal;vertical-align:super;margin-left:2px}
.cep .str{display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:20px 0}
.cep .str svg{width:30px;height:16px}
.cep .kartz{display:grid;gap:8px}
.cep .pole{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:10px 12px;border-radius:10px;background:#11152a;box-shadow:inset 3px 0 0 rgba(var(--c),.6)}
.cep .pole small{grid-column:2;font:400 12px O;color:#8f9bc2}
.cep .pole b{grid-column:2;font:500 14px/1.25 O;color:#fff}
.cep .pole .pl{grid-row:1/3;grid-column:3;padding:4px 10px;border-radius:999px;font:500 12px O;color:var(--md);box-shadow:inset 0 0 0 1px rgba(var(--c),.5)}
.cep .pole i{grid-row:1/3;grid-column:1;margin:0;vertical-align:middle}
.cep .pole.red{box-shadow:inset 3px 0 0 #ff5c7c}
.cep .pole.red b{color:#ff8fa3}
.cep .pole.red .pl{background:#d9415e;color:#fff;box-shadow:none}
.cep .pole.red i{background:#3a1520;color:#ff8fa3}
.cep .zk{display:grid;gap:10px;margin-top:12px}
.cep .zd{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:14px;border-radius:12px;background:#11152a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.cep .av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:600 13px U;color:#06102a}
.cep .zd b{display:block;font:500 15px/1.3 O;color:#fff}
.cep .zd small{display:block;margin-top:3px;font:400 13px O;color:#8f9bc2}
.cep .zd .sr{color:#dfe7ff}
.cep .prn{padding:10px 18px;border-radius:999px;font:600 14px O;color:#fff;border:1.5px solid rgba(var(--c),.8);background:transparent}
.cep .prn.on{background:var(--md);color:#06102a;border-color:var(--md)}
.cep .zd.late{box-shadow:inset 0 0 0 1.5px rgba(255,92,124,.55)}
.cep .zd .pla{grid-column:1/-1;margin-top:2px;padding:8px 12px;border-radius:8px;background:rgba(255,58,92,.14);color:#ff8fa3;font:500 13px O}
.cep .itg{margin-top:12px;display:flex;align-items:baseline;gap:12px}
.cep .itg b{font:600 28px/1 U;color:#5fe3a1}
.cep .itg span{font:400 14px O;color:#8f9bc2}
.cep .stb{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;height:120px;align-items:end;margin-top:14px;padding:0 4px;border-bottom:1px solid rgba(255,255,255,.1)}
.cep .stb div{display:flex;gap:3px;align-items:flex-end;justify-content:center;height:100%;position:relative}
.cep .stb i{width:12px;border-radius:3px 3px 0 0;display:block}
.cep .stb i.p{background:#2fe08f}
.cep .stb i.r{background:rgba(255,92,124,.55)}
.cep .dni{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:6px;font:500 11px M,monospace;color:#6f7b98;text-align:center}
.cep .opr{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:8px;padding:10px 12px;border-radius:10px;background:#11152a}
.cep .opr b{font:500 14px O;color:#fff}
.cep .opr small{display:block;font:400 12px O;color:#8f9bc2}
.cep .opr .sm{font:600 15px O}
.cep .opr .sm.p{color:#5fe3a1}
.cep .opr .sm.r{color:#ff8fa3}
.cep .opr .ic{width:24px;height:24px}
.cep .deal.chat .vn{position:relative;overflow:hidden;border-radius:10px;margin-top:10px;aspect-ratio:1/1.24}
.cep .deal.chat .vn img{position:absolute;width:112%;left:-6%;top:0;margin-top:-25.5%}
.cep .itg b{white-space:nowrap}
.cep .prn{background:#8fa6e6;color:#06102a;border-color:#8fa6e6}
.cep .zd.late .prn{background:#d9415e;border-color:#d9415e;color:#fff}
.cep .stb{height:115px}
.cep .stb i{width:22px}
.cep .graf{margin-top:12px;padding:14px 16px 10px;border-radius:12px;background:#11152a;box-shadow:inset 0 0 0 1px rgba(47,224,143,.22)}
.cep .graf .itg{margin-top:0}
.cep .opr{background:none;border-radius:0;border-bottom:1px solid rgba(255,255,255,.08);margin-top:2px}
.cep .pis{background:#1b2142}
.cep .pis mark{background:rgba(var(--c),.38)}
.cep .graf,.cep .stb,.cep .deal{min-width:0}
.cep .otkr{min-height:524px;grid-template-rows:1fr auto}
.cep .otkr .podp{margin-top:8px;font:500 11px M,monospace;letter-spacing:.12em;text-transform:uppercase;color:#6f7b98}
.cep .okno{position:relative}
.cep{position:relative}.cep .deal .dt{display:inline;width:auto;height:auto;border-radius:0;margin:0;vertical-align:baseline;background:none;box-shadow:none}.cep .otkr p.op{display:block}.cep .otkr ul{padding:0;margin:16px 0 0}.cep .deal.chat .vn img,.cep .kart.m img{max-width:none}.cep .sh .go{display:block;width:auto;height:auto;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-transform:none;letter-spacing:normal;gap:0}.cep .sh .go:before,.cep .sh .go:after{content:none;display:none}
.cep .sh:hover{border-color:rgba(var(--c),.9);transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 0 1px rgba(var(--c),.25)}.cep .sh:hover .go{color:var(--md)}.cep .sh:focus-visible,.cep .nav button:focus-visible{outline:2px solid var(--md);outline-offset:3px}.cep .nav button{cursor:pointer}.cep .nav a.zay{display:inline-block;text-decoration:none;font:500 12px M,monospace;letter-spacing:.12em;text-transform:uppercase;padding:10px 14px;border-radius:999px;background:linear-gradient(180deg,#f6e2b2,#e9c983);color:#1b130b}
@media(max-width:760px){.cep .deal .row{grid-template-columns:1fr auto;}.cep .deal .row .st{grid-column:1/-1}.cep .deal .row.hd{display:none}.cep .razb{grid-template-columns:1fr}.cep .str{flex-direction:row;padding:0}.cep .str svg{transform:rotate(90deg)}.cep .str svg+svg{display:none}.cep .zd{grid-template-columns:28px 1fr}.cep .zd .prn{grid-column:1/-1;width:100%}.cep .deal .bar{letter-spacing:.08em;white-space:nowrap;font-size:11px}.cep .itg{flex-wrap:wrap;gap:4px 10px}.cep .stb{gap:4px;height:115px;padding:0}.cep .stb i{width:9px}.cep .dni{gap:4px}.cep .graf{padding:12px}.cep .opr{grid-template-columns:24px 1fr auto;padding:10px 4px}.cep .shk .kk{letter-spacing:.12em;white-space:nowrap;font-size:12px}.cep .otkr{min-height:0}.cep .hint{margin-top:28px;font-size:11px;letter-spacing:.14em}.cep .hint span{display:none}.cep .ryad{display:flex;gap:8px;overflow:visible;margin-right:-16px;padding-right:16px}.cep .ryad:before{display:none}.cep .sh{flex:0 0 132px;min-height:118px;padding:12px}.cep .sh p,.cep .sh .go{display:none}.cep .sh b{font-size:14px}.cep .ten{position:absolute;right:-16px;top:0;bottom:0;width:72px;background:linear-gradient(90deg,transparent,#04050a 80%);z-index:3;display:flex;align-items:center;justify-content:flex-end;padding-right:12px}.cep .ten svg{width:34px;height:34px;padding:7px;border-radius:50%;background:rgba(6,8,15,.9);box-shadow:inset 0 0 0 1.5px rgba(var(--c),.8),0 0 14px rgba(var(--c),.45)}.cep .otkr{grid-template-columns:1fr;padding:20px;gap:18px;margin-top:30px}.cep .otkr h3{font-size:21px}.cep .otkr .op{font-size:15px}.cep .nav{gap:8px}.cep .nav .tchk{display:none}.cep .nav button{flex:1}.cep .nav .pus{flex:1}.cep .otkr{padding:20px 14px}.cep .kart.m{height:330px;background:#0b0e1a}.cep .kart.m img{width:105%;margin:-62px 0 0 -2.5%}.cep .nav button{padding:9px 10px;font-size:11px;letter-spacing:.04em;white-space:nowrap}.cep .nav .tchk{margin:0;gap:4px}.cep .okno{overflow:hidden;margin:-24px -16px -24px -16px;padding:24px 16px 24px 16px}.cep .ryad{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:4px}.cep .ryad::-webkit-scrollbar{display:none}.cep .sh{scroll-snap-align:start}.cep .okno{margin:-24px -16px;padding:24px 16px}.cep .ten{pointer-events:auto;cursor:pointer}.cep .nav a.zay{flex:1;text-align:center;padding:9px 10px;font-size:11px;letter-spacing:.04em}}
@media(prefers-reduced-motion:reduce){.cep .sh{transition:none}}