/* =========================================================
   Экомаркет · Кабинет производителя — design system
   ========================================================= */
:root{
  --bg:#F4F3EE; --panel:#FFFFFF; --panel2:#FBFAF7;
  --ink:#16221B; --ink2:#46534B; --ink3:#5C6660; --ink4:#A7AFAA; /* ink3 — текст второго плана (≥4.5:1 на белом, фоне и цветных плашках). ink4 — только значки и украшения, НЕ текст */
  --field:#838D86; /* рамка полей ввода: ≥3:1 на белом и на фоне страницы */
  --hot:#C64A33; /* бейджи «есть новое»: белый текст ≥4.5:1 */
  --line:#E5E4DD; --line2:#EFEEE8;
  --g:#1F7A45; --g6:#186A3B; --g7:#104F2C; --g1:#E8F4EC; --g2:#CDE7D6; --g3:#9FD2B1;
  --side:#10251A; --side2:#183424; --side3:#23452F; --sideTx:#C3D5C9; --sideTx2:#95B0A0;
  --amber:#9A6110; --a1:#FCF2DF; --a2:#F1D7A2;
  --blue:#2360C0; --b1:#EAF1FC; --b2:#C9DBF7;
  --red:#BF3A2E; --r1:#FCEBE9; --r2:#F4C6C0;
  --violet:#7B3FE4; --v1:#F2ECFD; --v2:#DCCCFA;
  --r:14px; --r2:10px; --r3:8px;
  --sh1:0 1px 2px rgba(17,38,27,.05),0 1px 1px rgba(17,38,27,.03);
  --sh2:0 10px 30px rgba(17,38,27,.10),0 2px 6px rgba(17,38,27,.05);
  --sh3:0 28px 70px rgba(10,24,16,.28),0 6px 18px rgba(10,24,16,.10);
  --ease:cubic-bezier(.2,.8,.2,1);
  --ui:'GnezdoLat','Golos Text',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --mono:'GnezdoLat','JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --brand:'Gnezdo','Golos Text',sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family:var(--ui);color:var(--ink);background:#0d1712;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum" 1,"cv05" 1;overflow:hidden}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}
input,textarea,select{font:inherit;color:inherit}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.i{width:18px;height:18px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.i.s14{width:14px;height:14px}.i.s16{width:16px;height:16px}.i.s20{width:20px;height:20px}.i.s22{width:22px;height:22px}.i.s24{width:24px;height:24px}.i.s28{width:28px;height:28px}
.mono{font-family:var(--mono);font-feature-settings:normal;letter-spacing:-.01em}
.muted{color:var(--ink3)}.ink2{color:var(--ink2)}
.nowrap{white-space:nowrap}
.hide{display:none!important}

/* ============ STAGE / DEVICE ============ */
.stage{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0d1712}
.device{position:relative;width:100vw;height:100vh;height:100dvh;background:var(--bg);overflow:hidden}
body.phone .stage{background:radial-gradient(1200px 700px at 30% 20%,#1d3a2a 0%,#0d1712 60%)}
body.phone .device{width:390px;height:844px;max-height:calc(100vh - 110px);border-radius:56px;box-shadow:0 0 0 11px #0b0e0c,0 0 0 12.5px #2b3530,var(--sh3),0 60px 120px rgba(0,0,0,.45);transform:translateY(-18px)}
body.phone .device::after{content:"";position:absolute;top:11px;left:50%;transform:translateX(-50%);width:120px;height:34px;border-radius:20px;background:#050605;z-index:200;pointer-events:none}
.stage-cap{display:none;position:absolute;left:calc(50% + 250px);top:50%;transform:translateY(-60%);width:280px;color:#cfe0d5}
body.phone .stage-cap{display:block}
.stage-cap .k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8fd1a6;margin-bottom:10px}
.stage-cap h3{font-family:var(--brand);font-size:30px;line-height:1.1;margin:0 0 12px;color:#fff;font-weight:700}
.stage-cap p{margin:0 0 10px;color:#a9c2b2;font-size:14px}
.stage-cap .hint2{margin-top:16px;padding:12px 14px;border:1px solid #2c4a38;border-radius:12px;font-size:13px;color:#cfe0d5;background:rgba(255,255,255,.03)}
@media (max-width:1100px){.stage-cap{display:none!important}}

/* floating prototype controls */
.devbar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:1000;display:flex;gap:8px;align-items:center;padding:6px;border-radius:999px;background:rgba(16,24,19,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 34px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.08);color:#e6efe9}
.devbar .seg{display:flex;background:rgba(255,255,255,.07);border-radius:999px;padding:3px}
.devbar .seg button{display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;color:#b8cabe;transition:all .2s var(--ease)}
.devbar .seg button.on{background:#fff;color:var(--ink)}
.devbar .cmp{display:flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;font-size:13px;font-weight:600;background:var(--violet);color:#fff;transition:transform .15s}
.devbar .cmp:hover{transform:translateY(-1px)}
.devbar .cmp.on{background:#fff;color:var(--violet)}
.devbar .cmp .dot{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.devbar .cmp.on .dot{background:var(--violet);box-shadow:0 0 0 3px var(--v2)}
body.phone .devbar{bottom:14px}
@media (max-width:760px){.devbar .seg{display:none}.devbar{bottom:calc(84px + env(safe-area-inset-bottom))}.devbar .cmp{padding:8px 13px;font-size:12.5px}}

/* ============ APP SHELL ============ */
.app{position:relative;width:100%;height:100%;display:grid;grid-template-columns:252px minmax(0,1fr);background:var(--bg);overflow:hidden}
.app.m{grid-template-columns:minmax(0,1fr)}

/* sidebar */
.side{background:var(--side);color:var(--sideTx);display:flex;flex-direction:column;padding:18px 14px 14px;overflow-x:hidden;overflow-y:auto;min-height:0}
.app.m .side{display:none}
.logo{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:4px 10px 18px}
.logo .w{font-family:var(--brand);font-size:30px;color:#F4EFE6;letter-spacing:.005em;line-height:1;white-space:nowrap}
.logo .t{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--sideTx2);font-weight:600;white-space:nowrap;margin-right:-.14em}
.shopcard{display:flex;gap:11px;align-items:center;padding:10px;border-radius:12px;background:var(--side2);margin-bottom:14px;cursor:pointer;transition:background .2s}
.shopcard:hover{background:var(--side3)}
.shopcard img{width:40px;height:40px;border-radius:11px;object-fit:cover}
.shopcard .n{font-weight:700;color:#fff;font-size:14px;line-height:1.2}
.shopcard .s{font-size:12px;color:var(--sideTx2);display:flex;align-items:center;gap:6px;margin-top:2px}
.lvl{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;background:linear-gradient(135deg,#F3D48A,#D9A441);color:#3d2a05;letter-spacing:.01em}
.nav{display:flex;flex-direction:column;gap:2px}
.nav .sep{height:1px;background:rgba(255,255,255,.07);margin:10px 8px}
.nav .lab{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--sideTx2);padding:4px 12px 6px;font-weight:600}
.navi{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:10px;font-size:14px;font-weight:500;color:var(--sideTx);transition:background .15s,color .15s;position:relative;text-align:left;width:100%}
.navi:hover{background:rgba(255,255,255,.05);color:#fff}
.navi.on{background:#F4EFE6;color:var(--side)}
.navi.on .i{color:var(--g)}
.navi .cnt{margin-left:auto;min-width:22px;height:20px;padding:0 7px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.navi.on .cnt{background:var(--g);color:#fff}
.navi .cnt.hot{background:var(--hot)}
.side .grow{flex:1}
.curator{margin-top:14px;padding:12px;border-radius:14px;background:linear-gradient(160deg,var(--side2),#15301f);border:1px solid rgba(255,255,255,.06)}
.curator .row{display:flex;gap:10px;align-items:center}
.curator img{width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--side)}
.curator .n{color:#fff;font-weight:600;font-size:13px;line-height:1.25}
.curator .s{font-size:11.5px;color:var(--sideTx2)}
.curator .on{width:8px;height:8px;border-radius:50%;background:#48D17D;display:inline-block;margin-right:5px;box-shadow:0 0 0 3px rgba(72,209,125,.18)}
.curator button{margin-top:10px;width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px;border-radius:9px;background:rgba(255,255,255,.08);color:#fff;font-size:12.5px;font-weight:600;transition:background .15s}
.curator button:hover{background:rgba(255,255,255,.14)}
.side .ver{font-size:11px;color:#56735f;padding:12px 10px 0}

/* main */
.main{position:relative;overflow:auto;min-width:0;min-height:0;scroll-behavior:auto}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:14px 32px;background:rgba(244,243,238,.86);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}
.topbar.scrolled{border-bottom-color:var(--line)}
.crumb{font-size:13px;color:var(--ink3);display:flex;align-items:center;gap:6px}
.crumb b{color:var(--ink);font-weight:600}
.topbar .sp{flex:1}
.searchbtn{display:flex;align-items:center;gap:10px;width:min(360px,34vw);height:38px;padding:0 10px 0 12px;border-radius:10px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink3);font-size:13.5px;transition:box-shadow .15s}
.searchbtn:hover{box-shadow:inset 0 0 0 1px var(--ink4)}
.searchbtn kbd{margin-left:auto;font-family:var(--mono);font-size:11px;padding:2px 6px;border-radius:6px;background:var(--bg);color:var(--ink3);box-shadow:inset 0 0 0 1px var(--line)}
.iconbtn{position:relative;width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink2);transition:all .15s}
.iconbtn:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink4)}
.iconbtn .pip{position:absolute;top:7px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--hot);box-shadow:0 0 0 2px var(--panel)}
.page{max-width:1200px;margin:0 auto;padding:10px 32px 110px}
.phd{display:flex;align-items:flex-end;gap:16px;margin:10px 0 22px;flex-wrap:wrap}
.phd h1{font-family:var(--brand);font-size:34px;line-height:1.05;margin:0;font-weight:700;letter-spacing:.005em}
.phd .sub{color:var(--ink3);font-size:14px;margin-top:6px}
.phd .acts{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}

/* mobile top + tabbar */
.mtop{display:none}
.app.m .mtop{display:flex;position:sticky;top:0;z-index:20;align-items:center;gap:10px;padding:10px 16px;background:rgba(244,243,238,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent}
.app.m .mtop.scrolled{border-bottom-color:var(--line)}
.mtop img{width:34px;height:34px;border-radius:10px;object-fit:cover}
.mtop .n{font-weight:700;font-size:14.5px;line-height:1.15}
.mtop .s{font-size:11.5px;color:var(--ink3);display:flex;align-items:center;gap:5px}
.mtop .sp{flex:1}
.mtop .iconbtn{width:36px;height:36px;border-radius:50%;background:transparent;box-shadow:none}
.app.m .topbar{display:none}
.app.m .page{padding:6px 16px 120px}
.app.m .phd{margin:8px 0 16px}
.app.m .phd h1{font-size:30px}
.app.m .phd .acts{margin-left:0;width:100%}
.tabbar{display:none}
.app.m .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:absolute;left:0;right:0;bottom:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:6px 6px calc(8px + env(safe-area-inset-bottom))}
body.phone .app.m .tabbar{padding-bottom:26px}
.tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;font-size:10.5px;font-weight:600;color:var(--ink3);position:relative;border-radius:10px}
.tab .i{width:23px;height:23px}
.tab.on{color:var(--g)}
.tab .b{position:absolute;top:1px;left:calc(50% + 6px);min-width:17px;height:17px;padding:0 5px;border-radius:999px;background:var(--hot);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff}
.statusbar{display:none}
body.phone .app.m .statusbar{display:flex;position:sticky;top:0;z-index:25;height:50px;align-items:flex-end;justify-content:space-between;padding:0 30px 8px 36px;font-weight:600;font-size:15px;background:var(--bg)}
.statusbar .r{display:flex;gap:6px;align-items:center}
.homebar{display:none}
body.phone .homebar{display:block;position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:134px;height:5px;border-radius:3px;background:#111;z-index:300;pointer-events:none;opacity:.85}

/* ============ COMPONENTS ============ */
.card{background:var(--panel);border-radius:var(--r);box-shadow:var(--sh1),inset 0 0 0 1px var(--line2)}
.card.pad{padding:20px}
.card .ch{display:flex;align-items:center;gap:10px;padding:16px 20px 0}
.card .ch h3{margin:0;font-size:15px;font-weight:700}
.card .ch .sp{flex:1}
.card .cb{padding:16px 20px 20px}
.lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);font-weight:500}
h2.sec{font-size:17px;font-weight:700;margin:30px 0 14px;display:flex;align-items:center;gap:10px}
h2.sec .sp{flex:1}
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g-dash{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}
.app.m .g2,.app.m .g3,.app.m .g-dash{grid-template-columns:minmax(0,1fr)}
.app.m .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
.stack{display:flex;flex-direction:column;gap:16px}
.row{display:flex;align-items:center;gap:10px}
.row.wrap{flex-wrap:wrap}
.sp{flex:1}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 15px;border-radius:10px;font-size:13.5px;font-weight:600;white-space:nowrap;transition:transform .12s var(--ease),background .15s,box-shadow .15s,color .15s;user-select:none}
.btn:active{transform:scale(.97)}
.btn.pri{background:var(--g);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 1px 2px rgba(16,79,44,.35)}
.btn.pri:hover{background:var(--g6)}
.btn.dark{background:var(--ink);color:#fff}
.btn.dark:hover{background:#26352c}
.btn.sec{background:var(--panel);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line),var(--sh1)}
.btn.sec:hover{box-shadow:inset 0 0 0 1px var(--ink4),var(--sh1)}
.btn.ghost{color:var(--ink2);padding:0 10px}
.btn.ghost:hover{background:rgba(22,34,27,.05);color:var(--ink)}
.btn.amber{background:var(--amber);color:#fff}
.btn.amber:hover{background:#7F510D}
.btn.danger{background:var(--r1);color:var(--red)}
.btn.sm{height:32px;padding:0 11px;font-size:12.5px;border-radius:8px}
.btn.lg{height:46px;padding:0 20px;font-size:15px;border-radius:12px}
.btn.block{width:100%}
.btn[disabled]{opacity:.45;pointer-events:none}
.app.m .btn{height:42px}.app.m .btn.sm{height:34px}.app.m .btn.lg{height:50px}

.chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--line2);color:var(--ink2)}
.chip .i{width:13px;height:13px;stroke-width:2.1}
.chip.g{background:var(--g1);color:var(--g7)}
.chip.a{background:var(--a1);color:#8a5608}
.chip.b{background:var(--b1);color:var(--blue)}
.chip.r{background:var(--r1);color:var(--red)}
.chip.v{background:var(--v1);color:var(--violet)}
.chip.dark{background:var(--ink);color:#fff}
.chip.out{background:transparent;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink2)}
.dot{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}

.seg{display:inline-flex;gap:2px;padding:3px;border-radius:11px;background:#EAE9E2}
.seg button{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;border-radius:8px;font-size:13px;font-weight:600;color:var(--ink2);transition:all .15s;white-space:nowrap}
.seg button:hover{color:var(--ink)}
.seg button.on{background:#fff;color:var(--ink);box-shadow:var(--sh1)}
.seg .n{font-size:11.5px;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(22,34,27,.07);color:var(--ink2)}
.seg button.on .n{background:var(--g);color:#fff}
.seg .n.hot{background:var(--hot);color:#fff}
.tabs-scroll{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin:0 -2px;padding:2px}
.tabs-scroll::-webkit-scrollbar{display:none}

.pipe{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}
.pipe::-webkit-scrollbar{display:none}
.pipe button{flex:1 0 auto;min-width:128px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border-radius:12px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2),var(--sh1);text-align:left;position:relative;transition:all .15s}
.pipe button:hover{box-shadow:inset 0 0 0 1px var(--line),var(--sh1)}
.pipe button .t{font-size:12.5px;font-weight:600;color:var(--ink3);display:flex;align-items:center;gap:6px}
.pipe button .v{font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.pipe button .h{font-size:11.5px;color:var(--ink3)}
.pipe button.on{background:var(--ink);box-shadow:none}
.pipe button.on .t,.pipe button.on .h{color:#9fb8a8}
.pipe button.on .v{color:#fff}
.pipe button .arr{position:absolute;right:-9px;top:50%;transform:translateY(-50%);z-index:1;color:var(--ink4)}
.pipe button .urg{position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--hot);box-shadow:0 0 0 3px rgba(226,88,62,.18)}
.app.m .pipe button{min-width:112px;padding:10px 12px}
.app.m .pipe button .v{font-size:21px}

.input,.textarea,.select{width:100%;height:42px;padding:0 13px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--field);border:0;outline:0;font-size:14px;transition:box-shadow .15s}
::placeholder{color:var(--ink3);opacity:1}
.textarea{height:auto;min-height:96px;padding:11px 13px;resize:vertical;line-height:1.55}
.input:focus,.textarea:focus{box-shadow:inset 0 0 0 2px var(--g),0 0 0 4px rgba(31,122,68,.18)}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.field > label{font-size:13px;font-weight:600;color:var(--ink2)}
.field .hint{font-size:12px;color:var(--ink3)}
.inwrap{position:relative}
.inwrap .suf{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--ink3);font-size:13px;pointer-events:none}
.stepper{display:inline-flex;align-items:center;border-radius:10px;box-shadow:inset 0 0 0 1px var(--field);background:#fff;height:36px}
.stepper:focus-within{box-shadow:inset 0 0 0 2px var(--g),0 0 0 4px rgba(31,122,68,.18)}
.stepper button{width:34px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--ink2)}
.stepper button:hover{color:var(--g)}
.stepper .v{min-width:42px;text-align:center;font-weight:700;font-size:14px}
.switch{position:relative;width:42px;height:25px;border-radius:999px;background:#D9D8D0;transition:background .2s;flex:0 0 auto}
.switch::after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s var(--ease)}
.switch.on{background:var(--g)}
.switch.on::after{transform:translateX(17px)}

.avatar{border-radius:50%;object-fit:cover;flex:0 0 auto}
.ava-t{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;color:#fff;flex:0 0 auto}
.stars{color:#E3A21A;letter-spacing:1px;font-size:13px;white-space:nowrap}
.stars .e{color:#DAD8CF}
.bar{height:8px;border-radius:999px;background:var(--line2);overflow:hidden}
.bar > i{display:block;height:100%;border-radius:999px;background:var(--g)}
.bar.a > i{background:var(--amber)}
.bar.thin{height:6px}

.list > .li{display:flex;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid var(--line2);transition:background .12s}
.list > .li:first-child{border-top:0}
.list > .li.click{cursor:pointer}
.list > .li.click:hover{background:var(--panel2)}
.thumb{width:44px;height:44px;border-radius:10px;object-fit:cover;background:#EFE9DE;flex:0 0 auto}
.thumbs{display:flex}
.thumbs img{width:34px;height:34px;border-radius:9px;object-fit:cover;box-shadow:0 0 0 2px #fff;background:#EFE9DE}
.thumbs img + img{margin-left:-10px}
.thumbs .more{width:34px;height:34px;border-radius:9px;background:var(--line2);box-shadow:0 0 0 2px #fff;margin-left:-10px;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;color:var(--ink2)}

/* table */
.tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.tbl th{text-align:left;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);font-weight:500;padding:12px 16px;border-bottom:1px solid var(--line2);white-space:nowrap;background:var(--panel2)}
.tbl td{padding:13px 16px;border-bottom:1px solid var(--line2);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl tr.click{cursor:pointer;transition:background .12s}
.tbl tr.click:hover td{background:var(--panel2)}
.tbl .r{text-align:right}
.tbl tr.sel td{background:#F2F8F4}
.cbx{width:18px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 1.5px var(--field);display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:all .12s;flex:0 0 auto;background:#fff}
.cbx.on{background:var(--g);box-shadow:none}
.cbx .i{width:13px;height:13px;stroke-width:3}

/* KPIs */
.kpi .v{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.15}
.kpi .d{font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:3px}
.up{color:var(--g)}.dn{color:var(--red)}

/* ============ TODAY ============ */
.hello{display:flex;align-items:flex-end;gap:18px;margin:12px 0 22px;flex-wrap:wrap}
.hello h1{font-family:var(--brand);font-size:38px;line-height:1.02;margin:0;font-weight:700}
.hello .d{color:var(--ink3);font-size:14px;margin-top:8px}
.hello .sum{margin-left:auto;display:flex;gap:10px}
.app.m .hello h1{font-size:31px}
.app.m .hello .sum{margin-left:0}
.todo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.app.m .todo{grid-template-columns:minmax(0,1fr);gap:10px}
.task{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:16px;background:var(--panel);box-shadow:var(--sh1),inset 0 0 0 1px var(--line2);text-align:left;transition:transform .18s var(--ease),box-shadow .18s}
.task:hover{transform:translateY(-2px);box-shadow:var(--sh2),inset 0 0 0 1px var(--line2)}
.task .top{display:flex;align-items:center;gap:10px}
.task .ico{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center}
.task .num{margin-left:auto;font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1}
.task h4{margin:0;font-size:15.5px;font-weight:700;line-height:1.3}
.task p{margin:0;font-size:13px;color:var(--ink3)}
.task .foot{display:flex;align-items:center;gap:8px;margin-top:auto}
.task .go{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--g)}
.task.urgent{background:linear-gradient(160deg,#fff 55%,#FFF1EC)}
.task.urgent .ico{background:#FDE5DE;color:#C8452E}
.task.t2 .ico{background:var(--v1);color:var(--violet)}
.task.t3 .ico{background:var(--a1);color:var(--amber)}
.timer{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#C8452E;background:#FDE5DE;padding:3px 9px;border-radius:999px}
.timer .i{width:13px;height:13px;stroke-width:2.2}

.moneyhero{position:relative;overflow:hidden;padding:22px;border-radius:18px;background:radial-gradient(120% 140% at 100% 0%,#23553A 0%,#12291d 58%);color:#EAF3EC;box-shadow:var(--sh2)}
.moneyhero .lbl{color:#8FC3A2}
.moneyhero .big{font-size:40px;font-weight:700;letter-spacing:-.03em;line-height:1.05;margin:8px 0 4px;color:#fff}
.moneyhero .big small{font-size:22px;font-weight:600;color:#9fc9ad;margin-left:4px}
.moneyhero .when{font-size:13.5px;color:#B9D3C2}
.moneyhero .flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin-top:18px;padding:12px;border-radius:14px;background:rgba(255,255,255,.06)}
.moneyhero .flow .st .k{font-size:11px;color:#8FC3A2;font-weight:600}
.moneyhero .flow .st .v{font-size:15px;font-weight:700;color:#fff;margin-top:2px}
.moneyhero .flow .arr{color:#5f8f73}
.moneyhero .acts{display:flex;gap:8px;margin-top:16px}
.moneyhero .btn.pri{background:#F4EFE6;color:var(--side)}
.moneyhero .btn.pri:hover{background:#fff}
.moneyhero .btn.ghost{color:#cfe2d6}
.moneyhero .btn.ghost:hover{background:rgba(255,255,255,.08);color:#fff}
.moneyhero .leaf{position:absolute;right:-30px;top:-30px;width:180px;height:180px;opacity:.08;color:#fff}
.app.m .moneyhero .big{font-size:36px}
.app.m .moneyhero .flow{grid-template-columns:1fr;gap:6px}
.app.m .moneyhero .flow .arr{display:none}

.chartwrap{position:relative}
.chartwrap svg{display:block;width:100%;height:auto;overflow:visible}
.ctip{position:absolute;pointer-events:none;transform:translate(-50%,-110%);background:var(--ink);color:#fff;font-size:12px;padding:6px 9px;border-radius:8px;white-space:nowrap;opacity:0;transition:opacity .12s;box-shadow:var(--sh2)}
.ctip b{display:block;font-size:13.5px}
.ctip.on{opacity:1}

.opp{position:relative;overflow:hidden;display:flex;gap:16px;align-items:center;padding:18px;border-radius:16px;background:linear-gradient(120deg,#FFF8EA,#FDF0D5);box-shadow:inset 0 0 0 1px #F0DFB8}
.opp img{width:76px;height:76px;border-radius:14px;object-fit:cover;flex:0 0 auto}
.opp h4{margin:2px 0 4px;font-size:15.5px}
.opp p{margin:0;font-size:13px;color:#6f5a33}
.app.m .opp{flex-direction:column;align-items:flex-start}

.trustmini{display:flex;gap:16px;align-items:center}
.ring{position:relative;width:74px;height:74px;flex:0 0 auto}
.ring svg{transform:rotate(-90deg)}
.ring .c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:17px;line-height:1}
.ring .c small{font-size:10px;font-weight:600;color:var(--ink3);margin-top:3px}

.feed .li .ord{font-family:var(--mono);font-size:12px;color:var(--ink3)}

/* ============ ORDERS ============ */
.otoolbar{display:flex;gap:10px;align-items:center;margin:16px 0 12px;flex-wrap:wrap}
.selbar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--ink);color:#fff;margin-bottom:12px;animation:pop .25s var(--ease)}
.selbar .btn.sec{background:rgba(255,255,255,.1);color:#fff;box-shadow:none}
.selbar .btn.sec:hover{background:rgba(255,255,255,.18)}
.ocard{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;background:var(--panel);box-shadow:var(--sh1),inset 0 0 0 1px var(--line2);margin-bottom:10px}
.ocard .h{display:flex;align-items:center;gap:8px}
.ocard .h .id{font-family:var(--mono);font-size:12.5px;font-weight:600}
.ocard .m{display:flex;align-items:center;gap:10px}
.ocard .sum{font-weight:700;font-size:15px;margin-left:auto}
.city{display:inline-flex;align-items:center;gap:5px;font-weight:600}
.city .i{width:14px;height:14px;color:var(--ink3)}
.empty{text-align:center;padding:48px 20px;color:var(--ink3)}
.empty img{width:220px;height:140px;object-fit:cover;border-radius:14px;margin:0 auto 16px;opacity:.95}
.empty h4{color:var(--ink);font-size:16px;margin:0 0 6px}

/* drawer / sheet / modal */
.ov{position:absolute;inset:0;z-index:100;pointer-events:none}
.scrim{position:absolute;inset:0;background:rgba(12,22,16,.38);opacity:0;transition:opacity .25s;pointer-events:auto}
.scrim.show{opacity:1}
.drawer{position:absolute;top:0;right:0;bottom:0;width:min(560px,94%);background:var(--bg);box-shadow:var(--sh3);display:flex;flex-direction:column;pointer-events:auto;z-index:6}
.drawer.enter{animation:drawerIn .34s var(--ease)}
.drawer .dh{display:flex;align-items:center;gap:10px;padding:16px 20px;background:var(--panel);border-bottom:1px solid var(--line2)}
.drawer .dh h3{margin:0;font-size:17px;font-weight:700}
.drawer .db{flex:1;overflow:auto;padding:18px 20px 28px}
.drawer .df{padding:14px 20px;background:var(--panel);border-top:1px solid var(--line2);display:flex;gap:10px}
.app.m .drawer{width:100%;top:auto;height:calc(100% - 14px);border-radius:22px 22px 0 0;overflow:hidden}
.app.m .drawer.enter{animation:sheetIn .38s var(--ease)}
body.phone .app.m .drawer{height:calc(100% - 50px)}
.app.m .drawer .df{padding-bottom:calc(14px + env(safe-area-inset-bottom))}
body.phone .app.m .drawer .df{padding-bottom:26px}
.grab{display:none}
.app.m .grab{display:block;width:40px;height:5px;border-radius:3px;background:#D6D5CD;margin:8px auto 0}
.modal-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:auto;z-index:7;transition:background .2s}
.modal-wrap.dim{background:rgba(12,22,16,.32)}
.modal{pointer-events:auto;width:min(560px,100%);max-height:calc(100% - 20px);display:flex;flex-direction:column;background:var(--panel);border-radius:20px;box-shadow:var(--sh3);overflow:hidden}
.modal.enter{animation:modalIn .3s var(--ease)}
.modal.wide{width:min(1060px,100%)}
.modal.lblm{width:min(420px,100%)}
.modal .mh{display:flex;align-items:center;gap:10px;padding:18px 22px 0}
.modal .mh h3{margin:0;font-size:18px;font-weight:700}
.modal .mb{padding:16px 22px 22px;overflow:auto}
.modal .mf{display:flex;gap:10px;justify-content:flex-end;padding:14px 22px;border-top:1px solid var(--line2);background:var(--panel2)}
.app.m .modal-wrap{padding:0;align-items:flex-end}
.app.m .modal{width:100%;max-height:calc(100% - 20px);border-radius:22px 22px 0 0}
.app.m .modal.enter{animation:sheetIn .36s var(--ease)}
.app.m .modal.full{height:calc(100% - 14px)}
body.phone .app.m .modal.full{height:calc(100% - 50px)}
.app.m .modal .mf{padding-bottom:calc(14px + env(safe-area-inset-bottom))}
body.phone .app.m .modal .mf{padding-bottom:26px}
.xbtn{margin-left:auto;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--ink3);background:var(--line2);transition:all .15s;flex:0 0 auto}
.xbtn:hover{color:var(--ink);background:var(--line)}

@keyframes drawerIn{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
@keyframes sheetIn{from{transform:translateY(60%);opacity:.4}to{transform:none;opacity:1}}
@keyframes modalIn{from{transform:translateY(14px) scale(.98);opacity:0}to{transform:none;opacity:1}}
@keyframes pop{from{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}
@keyframes fadeUp{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
.pageanim{animation:fadeUp .35s var(--ease)}

.tl{display:flex;align-items:flex-start;gap:0;margin:4px 0 18px}
.tl .s{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;font-size:11.5px;font-weight:600;color:var(--ink3);text-align:center}
.tl .s .c{width:26px;height:26px;border-radius:50%;background:var(--line);color:#fff;display:flex;align-items:center;justify-content:center;z-index:1}
.tl .s .c .i{width:14px;height:14px;stroke-width:2.6}
.tl .s::before{content:"";position:absolute;top:12px;left:-50%;right:50%;height:2px;background:var(--line)}
.tl .s:first-child::before{display:none}
.tl .s.done{color:var(--ink2)}
.tl .s.done .c{background:var(--g)}
.tl .s.done::before{background:var(--g)}
.tl .s.cur{color:var(--ink)}
.tl .s.cur .c{background:#fff;box-shadow:inset 0 0 0 2px var(--g),0 0 0 4px var(--g1);color:var(--g)}
.tl .s.cur::before{background:var(--g)}
.blk{background:var(--panel);border-radius:14px;box-shadow:var(--sh1),inset 0 0 0 1px var(--line2);padding:16px;margin-bottom:12px}
.blk h5{margin:0 0 12px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px}
.blk h5 .sp{flex:1}
.item{display:flex;gap:12px;align-items:center;padding:8px 0}
.item + .item{border-top:1px solid var(--line2)}
.item img{width:52px;height:52px;border-radius:11px;object-fit:cover;background:#EFE9DE}
.item .q{font-family:var(--mono);font-size:12.5px;color:var(--ink3)}
.check{display:flex;gap:11px;align-items:flex-start;padding:9px 0;cursor:pointer}
.check + .check{border-top:1px dashed var(--line)}
.check .cbx{margin-top:1px}
.check .t{font-size:13.5px}
.check .t small{display:block;color:var(--ink3);font-size:12px}
.check.done .t{color:var(--ink3);text-decoration:line-through;text-decoration-color:var(--ink4)}
.note{display:flex;gap:10px;padding:12px 14px;border-radius:12px;background:var(--a1);color:#6e4a0b;font-size:13px;margin-bottom:12px}
.note.g{background:var(--g1);color:var(--g7)}
.note.b{background:var(--b1);color:#1d4f9f}
.note.r{background:var(--r1);color:#8c2a20}
.note .i{margin-top:1px}
.moneyline{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13.5px}
.moneyline + .moneyline{border-top:1px solid var(--line2)}
.moneyline .v{margin-left:auto;font-weight:700}
.moneyline.tot{font-size:15px}
.moneyline.tot .v{color:var(--g);font-size:17px}
.escrow{display:flex;align-items:center;gap:0;margin:4px 0 14px}
.escrow .n{flex:1;text-align:center;font-size:11.5px;font-weight:600;color:var(--ink3)}
.escrow .n .b{height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--line2);color:var(--ink2);font-size:12.5px;font-weight:700;margin-bottom:6px}
.escrow .n.on .b{background:var(--g1);color:var(--g7);box-shadow:inset 0 0 0 1.5px var(--g3)}
.escrow .ar{color:var(--ink4);padding:0 4px;margin-top:-22px}

/* CDEK label */
.label{background:#fff;border-radius:6px;box-shadow:0 0 0 1px #d9d9d9,0 10px 30px rgba(0,0,0,.08);padding:16px;font-family:var(--ui);color:#111}
.label .lt{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #111;padding-bottom:8px;margin-bottom:10px}
.label .cdek{font-weight:900;font-size:24px;letter-spacing:.02em;color:#1ab248}
.label .num{font-family:var(--mono);font-size:12px;text-align:right}
.label .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px;border-bottom:1px dashed #bbb;padding-bottom:10px;margin-bottom:10px}
.label .row2 b{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#666;margin-bottom:2px}
.label .bc{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0}
.label .bc svg{width:100%;height:64px}
.label .bc span{font-family:var(--mono);font-size:12px;letter-spacing:.2em}
.label .ft{display:flex;justify-content:space-between;font-size:11px;color:#444;border-top:2px solid #111;padding-top:8px;margin-top:8px}

/* ============ PRODUCTS ============ */
.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.app.m .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:1280px){.app:not(.m) .pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pc{display:flex;flex-direction:column;background:var(--panel);border-radius:16px;box-shadow:var(--sh1),inset 0 0 0 1px var(--line2);overflow:hidden;transition:transform .18s var(--ease),box-shadow .18s}
.pc:hover{transform:translateY(-2px);box-shadow:var(--sh2),inset 0 0 0 1px var(--line2)}
.pc .ph{position:relative;margin:0;aspect-ratio:1/1;background:#F1ECE2;cursor:pointer}
.pc .ph img{width:100%;height:100%;object-fit:cover}
.pc .ph .st{position:absolute;left:10px;top:10px}
.pc .ph .mk{position:absolute;right:10px;top:10px}
.pc .bd{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.pc .nm{font-weight:600;font-size:14px;line-height:1.3}
.pc .nm small{display:block;color:var(--ink3);font-weight:500;font-size:12px;margin-top:2px}
.pc .pr{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pc .price{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:16px;padding:3px 8px 3px 0;border-radius:8px;cursor:text}
.pc .price .i{opacity:0;width:13px;height:13px;color:var(--ink3);transition:opacity .15s}
.pc .price:hover .i{opacity:1}
.pc .price input{width:92px;height:32px;padding:0 8px;border-radius:8px;border:0;box-shadow:inset 0 0 0 2px var(--g);outline:0;font-weight:700;font-size:15px}
.pc .meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink3)}
.pc .stock{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:4px}
.pc .stock .l{font-size:12px;color:var(--ink3)}
.pc .fix{font-size:12px;padding:8px 10px;border-radius:10px;background:var(--a1);color:#6e4a0b;display:flex;gap:6px}
.pc .fix .i{width:14px;height:14px;margin-top:2px}
.app.m .pc .bd{padding:10px 11px 12px}
.app.m .pc .nm{font-size:13px}
.app.m .pc .price{font-size:15px}
.app.m .pc .stock{flex-wrap:wrap}
.app.m .pc .stepper{height:32px}.app.m .pc .stepper button{width:28px;height:32px}.app.m .pc .stepper .v{min-width:30px}

.addcard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:280px;border-radius:16px;border:2px dashed var(--line);color:var(--ink3);font-weight:600;transition:all .2s}
.addcard:hover{border-color:var(--g3);color:var(--g);background:#F4FAF6}
.addcard .pl{width:52px;height:52px;border-radius:16px;background:var(--g1);color:var(--g);display:flex;align-items:center;justify-content:center}

/* wizard */
.wiz{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:0;flex:1}
.app.m .wiz{grid-template-columns:minmax(0,1fr)}
.wiz .form{padding:6px 26px 26px;overflow:auto}
.wiz .prev{background:var(--bg);border-left:1px solid var(--line2);padding:20px;overflow:auto}
.app.m .wiz .prev{display:none}
.wsteps{display:flex;gap:6px;padding:16px 26px 12px;border-bottom:1px solid var(--line2);overflow-x:auto;scrollbar-width:none}
.wsteps::-webkit-scrollbar{display:none}
.wsteps button{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink3);white-space:nowrap}
.wsteps button .n{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--line2);font-size:12px;font-weight:700}
.wsteps button.on{background:var(--g1);color:var(--g7)}
.wsteps button.on .n{background:var(--g);color:#fff}
.wsteps button.done .n{background:var(--g2);color:var(--g7)}
.app.m .wsteps{padding:12px 16px 10px}
.app.m .wiz .form{padding:4px 16px 20px}
.drop{border:2px dashed var(--line);border-radius:16px;padding:26px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--ink3);cursor:pointer;transition:all .2s;background:var(--panel2)}
.drop:hover{border-color:var(--g3);background:#F4FAF6;color:var(--g)}
.drop .ic{width:52px;height:52px;border-radius:16px;background:#fff;box-shadow:var(--sh1);display:flex;align-items:center;justify-content:center;color:var(--g)}
.photos{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.photos .ph{margin:0;position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#F1ECE2;animation:pop .3s var(--ease)}
.photos .ph img{width:100%;height:100%;object-fit:cover}
.photos .ph .main{position:absolute;left:6px;bottom:6px}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{padding:9px 14px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line);background:#fff;font-size:13.5px;font-weight:600;color:var(--ink2);transition:all .15s}
.opt:hover{box-shadow:inset 0 0 0 1px var(--ink4)}
.opt.on{box-shadow:inset 0 0 0 2px var(--g);color:var(--g7);background:var(--g1)}
.boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.box{padding:14px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);background:#fff;text-align:left;transition:all .15s}
.box.on{box-shadow:inset 0 0 0 2px var(--g);background:var(--g1)}
.box b{display:block;font-size:14px}
.box small{color:var(--ink3);font-size:12px}
.calc{border-radius:14px;background:var(--panel2);box-shadow:inset 0 0 0 1px var(--line2);padding:14px 16px}
.calc .moneyline.tot .v{font-size:20px}
.aibtn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--violet);background:var(--v1);transition:all .15s}
.aibtn:hover{background:var(--v2)}
.aibtn .i{width:15px;height:15px}
.qmeter{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.qmeter .bar{flex:1}
.prevcard{background:#fff;border-radius:16px;box-shadow:var(--sh2);overflow:hidden}
.prevcard .img{aspect-ratio:1/1;background:#F1ECE2;display:flex;align-items:center;justify-content:center;color:var(--ink4)}
.prevcard .img img{width:100%;height:100%;object-fit:cover}
.prevcard .b{padding:14px}
.tips{margin-top:16px}
.tips .t{display:flex;gap:9px;font-size:12.5px;padding:8px 0;color:var(--ink2)}
.tips .t .i{width:15px;height:15px;margin-top:2px;color:var(--ink4)}
.tips .t.ok .i{color:var(--g)}
.tips .t.ok{color:var(--ink3)}
.success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 10px}
.success .ok{width:72px;height:72px;border-radius:50%;background:var(--g);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px var(--g1);animation:pop .4s var(--ease);margin-bottom:22px}
.success .ok .i{width:34px;height:34px;stroke-width:2.6}
.success h3{font-family:var(--brand);font-size:28px;margin:0 0 8px}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;text-align:left;width:100%}
.app.m .steps3{grid-template-columns:1fr}
.steps3 > div{padding:14px;border-radius:12px;background:var(--panel2);box-shadow:inset 0 0 0 1px var(--line2);font-size:13px}
.steps3 b{display:block;margin-bottom:4px}

/* ============ MONEY ============ */
.mflow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:stretch}
.app.m .mflow{grid-template-columns:1fr;gap:10px}
.mstate{padding:20px;border-radius:18px;background:var(--panel);box-shadow:var(--sh1),inset 0 0 0 1px var(--line2);display:flex;flex-direction:column;gap:6px}
.mstate .v{font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1.1}
.mstate .h{font-size:13px;color:var(--ink3)}
.mstate.hero{background:radial-gradient(130% 140% at 100% 0%,#23553A 0%,#12291d 60%);color:#fff;box-shadow:var(--sh2)}
.mstate.hero .lbl{color:#8FC3A2}.mstate.hero .h{color:#B9D3C2}
.mstate.hero .btn.pri{background:#F4EFE6;color:var(--side);margin-top:8px;align-self:flex-start}
.mflow .ar{display:flex;align-items:center;color:var(--ink4)}
.app.m .mflow .ar{display:none}
.bars{display:flex;align-items:flex-end;gap:14px;height:180px;padding-top:10px}
.bars .b{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}
.bars .b i{display:block;width:100%;max-width:54px;border-radius:9px 9px 4px 4px;background:var(--g2);transition:background .15s;position:relative}
.bars .b:hover i{background:var(--g3)}
.bars .b.cur i{background:var(--g)}
.bars .b span{font-size:12px;color:var(--ink3);font-weight:600}
.bars .b em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--ink2)}
.fee{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:16px;background:var(--g1);box-shadow:inset 0 0 0 1px var(--g2)}
.fee .pct{font-size:34px;font-weight:800;color:var(--g);letter-spacing:-.03em;line-height:1}
.fee p{margin:0;font-size:13px;color:var(--g7)}

/* ============ REVIEWS ============ */
.rv{padding:18px 20px;border-top:1px solid var(--line2)}
.rv:first-child{border-top:0}
.rv .h{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.rv .h .who{font-weight:600}
.rv .txt{font-size:14px;line-height:1.55;margin:0 0 10px}
.rv .prod{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--ink3);padding:3px 8px 3px 3px;border-radius:999px;background:var(--bg)}
.rv .prod img{width:20px;height:20px;border-radius:50%;object-fit:cover}
.rv .rphotos{display:flex;gap:6px;margin:0 0 10px}
.rv .rphotos img{width:56px;height:56px;border-radius:10px;object-fit:cover}
.reply{margin-top:10px;border-radius:12px;background:var(--panel2);box-shadow:inset 0 0 0 1px var(--field);padding:10px}
.reply:focus-within{box-shadow:inset 0 0 0 2px var(--g),0 0 0 4px rgba(31,122,68,.18)}
.reply .ai{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--violet);margin-bottom:6px}
.reply textarea{width:100%;border:0;background:transparent;outline:0;resize:vertical;min-height:62px;font-size:13.5px;line-height:1.55}
.reply .f{display:flex;align-items:center;gap:8px;margin-top:6px}
.answered{margin-top:10px;padding:10px 12px;border-left:3px solid var(--g3);background:var(--g1);border-radius:0 10px 10px 0;font-size:13px;color:var(--g7)}
.answered b{display:block;font-size:11.5px;margin-bottom:2px}
.insight{padding:18px 20px}
.insight .pl,.insight .mi{display:flex;gap:10px;align-items:flex-start;padding:10px 0;font-size:13.5px}
.insight .pl + .pl,.insight .mi + .mi{border-top:1px dashed var(--line)}
.insight .pct{font-weight:800;font-size:15px;min-width:44px}
.dist .r{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink3);padding:3px 0}
.dist .r .bar{flex:1}
.dist .r .bar > i{background:#E3A21A}

/* ============ MESSAGES ============ */
.chat{display:grid;grid-template-columns:320px minmax(0,1fr);height:calc(100cqh - 270px);min-height:480px;background:var(--panel);border-radius:18px;box-shadow:var(--sh1),inset 0 0 0 1px var(--line2);overflow:hidden}
.app.m .chat{grid-template-columns:1fr;height:auto;min-height:0;border-radius:16px}
.chat .cl{border-right:1px solid var(--line2);overflow:auto}
.chat .ci{display:flex;gap:11px;padding:13px 16px;border-bottom:1px solid var(--line2);cursor:pointer;transition:background .12s;text-align:left;width:100%}
.chat .ci:hover{background:var(--panel2)}
.chat .ci.on{background:#F2F7F3}
.chat .ci .n{font-weight:600;font-size:13.5px;display:flex;gap:6px;align-items:center}
.chat .ci .l{font-size:12.5px;color:var(--ink3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.chat .ci .t{margin-left:auto;font-size:11.5px;color:var(--ink3);white-space:nowrap}
.chat .ci .u{min-width:18px;height:18px;border-radius:999px;background:var(--g);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}
.chat .cv{display:flex;flex-direction:column;min-height:0}
.chat .cv .hh{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line2)}
.chat .msgs{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(#FBFAF7,#F7F6F1)}
.msg{max-width:74%;padding:10px 13px;border-radius:16px;font-size:13.5px;line-height:1.5;background:#fff;box-shadow:var(--sh1),inset 0 0 0 1px var(--line2);align-self:flex-start}
.msg.me{align-self:flex-end;background:var(--g);color:#fff;box-shadow:none;border-bottom-right-radius:6px}
.msg:not(.me){border-bottom-left-radius:6px}
.msg .tm{display:block;font-size:10.5px;color:var(--ink3);margin-top:3px;text-align:right}
.msg.me .tm{color:rgba(255,255,255,.92)}
.msg.sys{align-self:center;background:transparent;box-shadow:none;color:var(--ink3);font-size:12px;padding:4px}
.ordctx{align-self:center;display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:12.5px;margin:6px 0;cursor:pointer}
.chat .inp{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line2);background:#fff;align-items:flex-end}
.chat .inp textarea{flex:1;border:0;outline:0;resize:none;height:42px;max-height:120px;padding:10px 13px;border-radius:12px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--field);font-size:13.5px}
.chat .inp textarea:focus{box-shadow:inset 0 0 0 2px var(--g),0 0 0 3px rgba(31,122,68,.18)}
.quick{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 10px;background:#fff}
.quick button{font-size:12px;font-weight:600;padding:6px 10px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink2)}
.quick button:hover{box-shadow:inset 0 0 0 1px var(--g3);color:var(--g)}
.warn-line{display:flex;gap:8px;align-items:center;font-size:11.5px;color:var(--ink3);padding:8px 18px;background:var(--panel2);border-bottom:1px solid var(--line2)}

/* ============ TRUST ============ */
.ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.app.m .ladder{grid-template-columns:repeat(2,1fr);gap:8px}
.lv{position:relative;padding:16px;border-radius:16px;background:var(--panel);box-shadow:var(--sh1),inset 0 0 0 1px var(--line2)}
.lv .nm{font-weight:700;font-size:15px;margin:10px 0 2px}
.lv .fe{font-size:12.5px;color:var(--ink3)}
.lv .md{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.lv.done{opacity:.72}
.lv.cur{background:linear-gradient(160deg,#FFF9EB,#FBEBC6);box-shadow:inset 0 0 0 2px #E4BC62,var(--sh2)}
.lv.cur .tag{position:absolute;top:12px;right:12px}
.lv.next{box-shadow:inset 0 0 0 1px var(--line),var(--sh1);background:repeating-linear-gradient(135deg,#fff,#fff 10px,#FAF9F5 10px,#FAF9F5 20px)}
.crit{display:flex;gap:14px;align-items:center;padding:14px 20px;border-top:1px solid var(--line2)}
.crit:first-child{border-top:0}
.crit .ok{width:30px;height:30px;border-radius:50%;background:var(--g1);color:var(--g);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.crit .ok.no{background:var(--a1);color:var(--amber)}
.crit .ok .i{width:16px;height:16px;stroke-width:2.6}
.crit .v{margin-left:auto;text-align:right}
.crit .v b{display:block;font-size:16px}
.crit .v small{color:var(--ink3);font-size:11.5px}
.verif{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.app.m .verif{grid-template-columns:1fr}
.vf{display:flex;gap:12px;padding:14px;border-radius:14px;background:var(--panel);box-shadow:var(--sh1),inset 0 0 0 1px var(--line2)}
.vf .ic{width:38px;height:38px;border-radius:11px;background:var(--g1);color:var(--g);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.vf b{display:block;font-size:13.5px}
.vf small{font-size:12px;color:var(--ink3)}
.rtable td,.rtable th{text-align:center}
.rtable td:first-child,.rtable th:first-child{text-align:left}
.rtable .curcol{background:#FFF8E6!important;font-weight:700}

/* ============ STORE ============ */
.sfront{border-radius:20px;overflow:hidden;background:#fff;box-shadow:var(--sh2)}
.sfront .cov{height:230px;background-size:cover;background-position:center;position:relative}
.sfront .cov .geo{position:absolute;left:16px;top:16px;background:rgba(16,37,26,.72);color:#fff;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;backdrop-filter:blur(6px)}
.sfront .cov .vb{position:absolute;right:16px;top:16px;background:var(--g);color:#fff;font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;display:flex;gap:6px;align-items:center}
.sfront .bd{padding:0 24px 22px}
.sfront .ava{width:84px;height:84px;border-radius:22px;border:4px solid #fff;margin-top:-42px;object-fit:cover;box-shadow:var(--sh1)}
.sfront h2{font-family:var(--brand);font-size:30px;margin:10px 0 4px;font-weight:700}
.editable{outline:0;border-radius:10px;padding:8px 10px;margin:0 -10px;transition:box-shadow .15s}
.editable:hover{box-shadow:inset 0 0 0 1px var(--line)}
.editable:focus{box-shadow:inset 0 0 0 2px var(--g),0 0 0 4px rgba(31,122,68,.18)}
.pphotos{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pphotos img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px}
.app.m .sfront .cov{height:160px}
.app.m .sfront .bd{padding:0 16px 18px}

/* ============ STATS ============ */
.funnel{display:flex;flex-direction:column;gap:10px}
.fstep{display:grid;grid-template-columns:150px 1fr 90px;gap:12px;align-items:center;font-size:13.5px}
.app.m .fstep{grid-template-columns:100px 1fr 64px}
.fstep .bar{height:30px;border-radius:9px}
.fstep .bar > i{border-radius:9px;background:linear-gradient(90deg,var(--g),#3E9A63)}
.fstep .n{text-align:right;font-weight:700}
.fstep small{display:block;font-size:11.5px;color:var(--ink3);font-weight:500}
.cities .r{display:grid;grid-template-columns:1fr 1.4fr 70px 70px;gap:12px;align-items:center;padding:10px 20px;border-top:1px solid var(--line2);font-size:13.5px}
.cities .r:first-child{border-top:0}
.app.m .cities .r{grid-template-columns:1fr 1fr 48px;padding:10px 14px}
.app.m .cities .r .dd{display:none}

/* ============ SETTINGS ============ */
.setrow{display:flex;gap:16px;align-items:center;padding:16px 20px;border-top:1px solid var(--line2)}
.setrow:first-child{border-top:0}
.setrow .t b{display:block;font-size:14px}
.setrow .t small{color:var(--ink3);font-size:12.5px}
.setrow .ic{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--ink2);flex:0 0 auto}
.setrow .r{margin-left:auto;display:flex;align-items:center;gap:10px}
.app.m .setrow{flex-wrap:wrap}
.app.m .setrow .r{margin-left:56px}

/* ============ NOTIFICATIONS / MORE ============ */
.pop{position:absolute;top:62px;right:24px;width:390px;max-height:calc(100% - 90px);display:flex;flex-direction:column;background:var(--panel);border-radius:16px;box-shadow:var(--sh3),inset 0 0 0 1px var(--line2);pointer-events:auto;overflow:hidden;z-index:6}
.pop.enter{animation:modalIn .22s var(--ease)}
.pop .hd{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line2)}
.pop .hd h4{margin:0;font-size:15px}
.pop .bd{overflow:auto}
.nt{display:flex;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line2)}
.nt .ic{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.nt .t{font-size:13px;line-height:1.45}
.nt .t b{display:block;font-size:13.5px}
.nt .t small{color:var(--ink3);font-size:11.5px}
.nt .a{margin-top:8px}
.nt.unread{background:#FBFDF9}
.app.m .pop{top:auto;bottom:0;left:0;right:0;width:100%;max-height:82%;border-radius:22px 22px 0 0}
.app.m .pop.enter{animation:sheetIn .34s var(--ease)}
.more{padding:6px 16px 20px}
.more .mi{display:flex;align-items:center;gap:14px;padding:14px 4px;border-bottom:1px solid var(--line2);font-size:15px;font-weight:600;width:100%;text-align:left}
.more .mi .ic{width:40px;height:40px;border-radius:12px;background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--ink2)}
.more .mi .c{margin-left:auto;min-width:22px;height:22px;border-radius:999px;background:var(--hot);color:#fff;font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 7px}

/* ============ CMDK ============ */
.cmdk-wrap{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;padding-top:12vh;pointer-events:none;z-index:8}
.cmdk{pointer-events:auto;width:min(620px,92%);background:var(--panel);border-radius:18px;box-shadow:var(--sh3);overflow:hidden}
.cmdk.enter{animation:modalIn .22s var(--ease)}
.cmdk .in{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line2)}
.cmdk .in input{flex:1;border:0;outline:0;font-size:16px;background:transparent}
.cmdk .in:focus-within{box-shadow:inset 0 -2px 0 var(--g)}
.cmdk .res{max-height:420px;overflow:auto;padding:8px}
.cmdk .gl{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);padding:10px 10px 6px}
.cmdk .it{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;cursor:pointer;width:100%;text-align:left;font-size:14px}
.cmdk .it .ic{width:32px;height:32px;border-radius:9px;background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--ink2);flex:0 0 auto}
.cmdk .it img{width:32px;height:32px;border-radius:9px;object-fit:cover}
.cmdk .it small{color:var(--ink3);font-size:12px}
.cmdk .it .k{margin-left:auto;font-size:11.5px;color:var(--ink3)}
.cmdk .it.on{background:var(--g1)}
.cmdk .it.on .ic{background:#fff;color:var(--g)}
.cmdk .ft{display:flex;gap:16px;padding:10px 16px;border-top:1px solid var(--line2);font-size:11.5px;color:var(--ink3);background:var(--panel2)}
.cmdk .ft kbd{font-family:var(--mono);font-size:10.5px;padding:1px 5px;border-radius:5px;box-shadow:inset 0 0 0 1px var(--line);background:#fff;color:var(--ink3);margin-right:4px}
.app.m .cmdk-wrap{padding-top:0;align-items:stretch}
.app.m .cmdk{width:100%;border-radius:0;display:flex;flex-direction:column}
body.phone .app.m .cmdk{padding-top:44px}
.app.m .cmdk .res{max-height:none;flex:1}
.app.m .cmdk .ft{display:none}

/* ============ COMPARE (Разбор WB) ============ */
.cmpp{position:absolute;top:0;right:0;bottom:0;width:min(440px,96%);background:#fff;box-shadow:var(--sh3);display:flex;flex-direction:column;pointer-events:auto;z-index:5}
.cmpp.enter{animation:drawerIn .34s var(--ease)}
.cmpp .hd{padding:18px 20px 14px;background:linear-gradient(160deg,#F5EFFE,#fff);border-bottom:1px solid #EEE7FB}
.cmpp .hd .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--violet);font-weight:600}
.cmpp .hd h3{margin:6px 0 4px;font-size:19px;line-height:1.25}
.cmpp .hd p{margin:0;font-size:12.5px;color:var(--ink3)}
.cmpp .bd{flex:1;overflow:auto;padding:16px 20px 24px}
.cp{margin-bottom:18px}
.cp .wb{border-radius:14px;background:var(--v1);padding:12px;box-shadow:inset 0 0 0 1px #E6DAFB}
.cp .wb .t{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;color:var(--violet);margin-bottom:6px;letter-spacing:.02em}
.cp .wb p{margin:0;font-size:13px;color:#3d2a66;line-height:1.5}
.cp .wb img{width:100%;border-radius:9px;margin-top:10px;cursor:zoom-in;box-shadow:0 0 0 1px #E0D2FA;transition:transform .2s}
.cp .wb img:hover{transform:scale(1.01)}
.cp .us{border-radius:14px;background:var(--g1);padding:12px;margin-top:8px;box-shadow:inset 0 0 0 1px var(--g2)}
.cp .us .t{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;color:var(--g7);margin-bottom:6px}
.cp .us p{margin:0;font-size:13px;color:#18402a;line-height:1.5}
.cp .take{border-radius:14px;background:var(--b1);padding:12px;margin-top:8px;box-shadow:inset 0 0 0 1px var(--b2)}
.cp .take .t{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;color:var(--blue);margin-bottom:6px}
.cp .take p{margin:0;font-size:13px;color:#1b3f7a;line-height:1.5}
.cp .take img{width:100%;border-radius:9px;margin-top:10px;cursor:zoom-in}
.cmpsum{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}
.cmpsum div{border-radius:12px;padding:12px;text-align:center}
.cmpsum .a{background:var(--v1);color:var(--violet)}
.cmpsum .b{background:var(--g1);color:var(--g7)}
.cmpsum b{display:block;font-size:26px;letter-spacing:-.02em;line-height:1.1}
.cmpsum small{font-size:11.5px;font-weight:600}
.app.m .cmpp{top:auto;left:0;width:100%;height:86%;border-radius:22px 22px 0 0;overflow:hidden}
.app.m .cmpp.enter{animation:sheetIn .36s var(--ease)}
.zoom{position:absolute;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;padding:30px;background:rgba(10,14,12,.8);pointer-events:auto;cursor:zoom-out;animation:fadeUp .2s}
.zoom img{max-width:100%;max-height:100%;border-radius:12px;box-shadow:var(--sh3)}

/* toasts */
.toasts{position:absolute;left:50%;bottom:84px;transform:translateX(-50%);z-index:900;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}
.app.m .toasts{bottom:96px}
.toast{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:12px;background:var(--ink);color:#fff;font-size:13.5px;font-weight:500;box-shadow:var(--sh3);animation:toastIn .35s var(--ease);white-space:normal;overflow-wrap:anywhere;max-width:min(560px,92vw);line-height:1.4;pointer-events:auto}
.toast .i{color:#7EE0A2}
@keyframes toastIn{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}

/* utilities */
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.mt0{margin-top:0}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt24{margin-top:24px}
.mb0{margin-bottom:0}.mb8{margin-bottom:8px}.mb12{margin-bottom:12px}.mb16{margin-bottom:16px}
.fw6{font-weight:600}.fw7{font-weight:700}.f12{font-size:12px}.f13{font-size:13px}.f15{font-size:15px}
.only-m{display:none}.app.m .only-m{display:initial}.app.m .only-d{display:none!important}
.app.m .only-m.flex{display:flex}
.scroll-x{overflow-x:auto}
.skel{background:linear-gradient(90deg,#eee 0,#f6f6f6 40%,#eee 80%);background-size:300% 100%;animation:sk 1.2s infinite}
@keyframes sk{from{background-position:100% 0}to{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ---- patches ---- */
.app{container-type:size}
body.phone .app.m .mtop{top:50px}
.modal.tall{height:min(760px,calc(100% - 20px))}
.wiz{grid-template-rows:minmax(0,1fr)}
.chartwrap .plot{position:relative}
.chartwrap .plot svg{display:block;width:100%;height:100%;overflow:visible}
.chartwrap .yl{position:absolute;right:0;transform:translateY(-100%);font-size:11px;color:var(--ink3);padding-bottom:3px;pointer-events:none}
.chartwrap .xl{display:flex;justify-content:space-between;font-size:11px;color:var(--ink3);margin-top:8px}
.chartwrap .hdot{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;border:2.5px solid var(--g);transform:translate(-50%,-50%);display:none;pointer-events:none;box-shadow:var(--sh1)}
.app.m .chat.open{height:calc(100cqh - 150px);border-radius:16px}
body.phone .app.m .chat.open{height:calc(100cqh - 226px)}
.app.m .chat.open .cv{height:100%}
.homebar{display:none}
body.phone .homebar{display:block}

.shopstate{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.shopstate .live{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:10px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2),var(--sh1);font-size:13px;font-weight:600;color:var(--ink2)}
.shopstate .live i{width:8px;height:8px;border-radius:50%;background:#2FB46A;box-shadow:0 0 0 4px rgba(47,180,106,.16)}
.shopstate .live.off i{background:#D9A441;box-shadow:0 0 0 4px rgba(217,164,65,.18)}

body.ovopen .devbar{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(20px)}
.devbar{transition:opacity .2s,transform .25s var(--ease)}

.app.m .card .ch{flex-wrap:wrap;row-gap:10px}
body.phone .device *{scrollbar-width:none}
body.phone .device *::-webkit-scrollbar{display:none}
.app.m .shopstate .live{height:34px;padding:0 12px;font-size:12.5px}
.app.m .shopstate .btn{height:34px}

/* ---- не выделяется синим: интерфейс, а не текст ---- */
.side,.topbar,.mtop,.tabbar,.devbar,.btn,.chip,.seg,.pipe button,.navi,.task,.tab,.xbtn,.iconbtn,.switch,.stepper,.cbx,.opt,.box,.lv,.addcard,.drop,.ph-tabs,.ph-chips,.toast,.pop .hd,.crumb,.searchbtn,.wsteps,.stage-cap{-webkit-user-select:none;user-select:none}
::selection{background:#CDE7D6;color:#10251A}
.side ::selection{background:#2F6A48;color:#fff}
.moneyhero ::selection,.mstate.hero ::selection{background:#2F6A48;color:#fff}

/* =================== V2 · шапка вместо левого меню =================== */
.app{grid-template-columns:minmax(0,1fr)!important}
.app .side,.app .topbar{display:none!important}
.hdr{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:6px;height:64px;padding:0 22px;background:var(--side);color:#dfeae3;box-shadow:0 1px 0 rgba(0,0,0,.2)}
.app.hpop-open .hdr{z-index:160}
.app.m .hdr{display:none}
.hdr .logo{flex-direction:column;align-items:flex-start;gap:3px;padding:0 18px 0 2px;margin-right:6px;cursor:pointer;background:none;border:0;text-align:left}
.hdr .logo .w{font-size:25px}
.hdr .logo .t{font-size:9px;letter-spacing:.16em}
.hnav{display:flex;align-items:center;gap:2px;height:100%}
.hn{position:relative;height:100%;display:flex;align-items:center}
.hnb{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 13px;border-radius:10px;font-size:14px;font-weight:600;color:#c9dad0;white-space:nowrap;transition:background .15s,color .15s}
.hnb .i{opacity:.7;transition:transform .2s}
.hnb:hover{background:rgba(255,255,255,.07);color:#fff}
.hn.cur .hnb{color:#fff}
.hn.cur::after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:#7FD39C}
.hn.open .hnb{background:#F4EFE6;color:var(--side)}
.hn.open .hnb .i{transform:rotate(180deg);opacity:1}
.hsearch{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 10px 0 12px;border-radius:10px;background:rgba(255,255,255,.07);color:#b8ccbf;font-size:13px;transition:background .15s;margin-right:4px}
.hsearch:hover{background:rgba(255,255,255,.12);color:#fff}
.hsearch kbd{font-family:var(--mono);font-size:10.5px;padding:1px 6px;border-radius:5px;background:rgba(255,255,255,.1);color:#b8ccbf}
@media (max-width:1180px){.hsearch span,.hsearch kbd{display:none}.hdr .logo .t{display:none}}
.hic{position:relative;width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#c9dad0;transition:background .15s,color .15s}
.hic:hover,.hic.on{background:rgba(255,255,255,.1);color:#fff}
.bdg{position:absolute;top:4px;right:3px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--hot);color:#fff;font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--side)}
.hshop{display:flex;align-items:center;gap:10px;height:48px;padding:0 10px 0 6px;margin-left:6px;border-radius:12px;background:var(--side2);color:#fff;transition:background .15s;text-align:left}
.hshop:hover,.hshop.on{background:var(--side3)}
.hshop img{width:36px;height:36px;border-radius:10px;object-fit:cover}
.hshop b{display:block;font-size:13.5px;line-height:1.2}
.hshop small{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--sideTx2);margin-top:2px}
.hshop .lvl{font-size:10.5px;padding:1px 6px}
.hshop > .i{color:var(--sideTx2)}
@media (max-width:1060px){.hshop span{display:none}}
.subbar{position:sticky;top:64px;z-index:25;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.subin{max-width:1260px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:4px;height:48px;overflow-x:auto;scrollbar-width:none}
.subin::-webkit-scrollbar{display:none}
.sbt{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-right:12px;white-space:nowrap}
.sbi{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--ink2);white-space:nowrap;transition:background .15s}
.sbi:hover{background:var(--bg);color:var(--ink)}
.sbi.on{background:var(--g1);color:var(--g7)}
.sbi .n,.mi .n,.mrow .n,.hi .n,.btn .n2{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--hot);color:#fff;font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.page{max-width:1260px}
/* mega dropdown */
.mega{position:absolute;top:58px;left:calc(222px + var(--i) * 150px);width:380px;padding:8px;border-radius:16px;background:#fff;box-shadow:var(--sh3),inset 0 0 0 1px var(--line2);pointer-events:auto;z-index:6}
.mega.enter,.hpop.enter{animation:modalIn .2s var(--ease)}
.mega .mi{display:flex;align-items:flex-start;gap:12px;width:100%;padding:11px 12px;border-radius:11px;text-align:left;transition:background .12s}
.mega .mi:hover{background:var(--bg)}
.mega .mi.on{background:var(--g1)}
.mega .mi .ic{width:38px;height:38px;border-radius:11px;background:var(--bg);color:var(--g);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.mega .mi.on .ic{background:#fff}
.mega .mi b{display:flex;align-items:center;gap:6px;font-size:14px}
.mega .mi small{display:block;font-size:12.5px;color:var(--ink3);margin-top:1px}
.mega .mi.sub{padding:6px 12px 6px 62px}
.mega .mi.sub b{font-size:13px;font-weight:600;color:var(--ink2)}
.mega .mi.sub b::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--g3);margin-right:4px}
.hpop{position:absolute;top:58px;right:22px;width:360px;max-height:calc(100% - 80px);overflow:auto;padding:8px;border-radius:16px;background:#fff;box-shadow:var(--sh3),inset 0 0 0 1px var(--line2);pointer-events:auto;z-index:6}
.hpop .hd{display:flex;align-items:center;gap:8px;padding:8px 10px 10px}
.hpop .hd h4{margin:0;font-size:15px}
.hpop .hi{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border-radius:11px;text-align:left;transition:background .12s}
.hpop .hi:hover{background:var(--bg)}
.hpop .hi .ic{width:38px;height:38px;border-radius:11px;background:var(--bg);color:var(--g);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.hpop .hi img{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.hpop .hi .tx{flex:1;min-width:0}
.hpop .hi b{display:block;font-size:14px}
.hpop .hi small{display:block;font-size:12.5px;color:var(--ink3)}
.hpop .dotg{display:inline-block;width:7px;height:7px;border-radius:50%;background:#48D17D;margin-right:5px}
.hsep{height:1px;background:var(--line2);margin:6px 8px}
.hwarn{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--ink3);padding:8px 10px 4px}
.hpop.prof{width:320px}
.hpop.prof .phd{display:flex;gap:12px;align-items:center;padding:10px 10px 14px;border-bottom:1px solid var(--line2);margin-bottom:6px}
.hpop.prof .phd img{width:48px;height:48px;border-radius:13px;object-fit:cover}
.hpop.prof .phd b{display:block;font-size:15px}
.hpop.prof .phd small{display:block;font-size:12px;color:var(--ink3);margin:1px 0 6px}
.pi{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:500;text-align:left;color:var(--ink);transition:background .12s}
.pi:hover{background:var(--bg)}
.pi .i{color:var(--ink3)}
.pi span{flex:1}
.pver{font-size:11.5px;color:var(--ink3);padding:6px 12px}
.i.s18{width:18px;height:18px}
.scrim.clear{background:transparent}
/* mobile header */
.mtop .mlogo{background:none;border:0;padding:0;cursor:pointer}
.mtop .mlogo .w{font-family:var(--brand);font-size:23px;color:var(--side)}
.mtop .mava img{width:34px;height:34px;border-radius:10px;object-fit:cover}
.app.m .hpop,.app.m .mega{top:auto;bottom:0;left:0;right:0!important;width:100%;max-height:84%;border-radius:22px 22px 0 0;padding:6px 10px calc(16px + env(safe-area-inset-bottom))}
body.phone .app.m .hpop{padding-bottom:28px}
.app.m .hpop.enter{animation:sheetIn .34s var(--ease)}
.more2 .bdm{padding:0 4px}
.more2 .mg{margin-bottom:10px}
.more2 .mg .lbl{padding:8px 8px 4px}
.mrow{display:flex;align-items:center;gap:12px;width:100%;padding:12px 8px;border-bottom:1px solid var(--line2);font-size:15px;font-weight:600;text-align:left}
.mrow .i{color:var(--ink3)}
.mrow span{flex:1}
.mrow .n{flex:0 0 auto}
/* HOME */
.homegrid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}
.app.m .homegrid{grid-template-columns:minmax(0,1fr)}
.hleft,.hmain{display:flex;flex-direction:column;gap:16px;min-width:0}
.app.m .hleft{order:2}
.bal{padding:18px}
.bal h3{margin:0;font-size:15px;font-weight:600}
.iconq{color:var(--ink3);display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:-3px}
.bal .bv{display:flex;align-items:center;gap:10px;margin:10px 0 2px}
.bal .bv span{font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.bal .eye{color:var(--ink3);display:flex;align-items:center;justify-content:center;width:24px;height:24px}
.bal .bs{font-size:13px;color:var(--ink2)}
.blink{display:block;font-size:13px;color:var(--blue);margin:6px 0 14px;text-align:left}
.blink:hover{text-decoration:underline}
.bact{display:flex;gap:8px}
.bact .btn.pri{flex:1}
.btn.sq{width:42px;padding:0}
.bchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.lvlc .ring{width:64px;height:64px}
.lvlc .ring svg{width:64px;height:64px}
.opp.v{flex-direction:column;align-items:flex-start;gap:12px}
.opp.v img{width:100%;height:110px}
.opp.v h4{margin:8px 0 4px}
.hrow2{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}
.app.m .hrow2{grid-template-columns:minmax(0,1fr)}
@media (max-width:1180px){.app:not(.m) .hrow2{grid-template-columns:minmax(0,1fr)}.app:not(.m) .homegrid{grid-template-columns:260px minmax(0,1fr)}}
.oct{display:flex;align-items:center;gap:10px;padding:14px 18px 0;border-bottom:1px solid var(--line2);flex-wrap:wrap}
.tabsl{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none}
.tabsl::-webkit-scrollbar{display:none}
.tabsl button{position:relative;padding:4px 0 12px;font-size:14px;font-weight:600;color:var(--ink3);white-space:nowrap}
.tabsl button.on{color:var(--ink)}
.tabsl button.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2.5px;border-radius:2px;background:var(--g)}
.tabsl .n{font-size:11px;font-weight:700;color:var(--ink3);margin-left:3px}
.upd{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink3);padding-bottom:12px}
.upd button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:-5px;color:var(--ink3)}
.per{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--ink2);padding-bottom:12px}
.app.m .upd,.app.m .per{display:none}
.ocb{padding:16px 18px 16px}
.kv{display:flex;gap:28px;flex-wrap:wrap;align-items:flex-start;margin-bottom:12px}
.kv .big{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:2px 0 4px}
.dl{display:inline-flex;align-items:center;gap:3px;font-size:12.5px;font-weight:600}
.dl.up{color:var(--g)}.dl.dn{color:var(--red)}.dl.mu{color:var(--ink3);font-weight:500}
.insight2{margin-left:auto;display:flex;gap:10px;max-width:280px;padding:12px 14px;border-radius:12px;background:var(--g1);color:var(--g7);font-size:12.5px}
.insight2 b{display:block;font-size:13.5px;margin-bottom:2px}
.app.m .insight2{margin-left:0;max-width:none}
.hchart .plot{position:relative}
.hchart .plot svg{display:block;width:100%;height:100%;overflow:visible}
.hchart .hdot{position:absolute;width:11px;height:11px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);display:none;pointer-events:none;border:2.5px solid}
.hchart .hdot.t{border-color:#1F7A45}.hchart .hdot.y{border-color:#E0679A}.hchart .hdot.w{border-color:#35B3B0}
.ctip.wide{min-width:220px;transform:translate(-50%,0);padding:10px 12px;background:#fff;color:var(--ink);box-shadow:var(--sh2),inset 0 0 0 1px var(--line2);border-radius:12px}
.ctip .tr{display:flex;align-items:center;gap:8px;font-size:12px;padding:3px 0}
.ctip .tr i{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
.ctip .tr span{flex:1;line-height:1.2}
.ctip .tr small{display:block;color:var(--ink3);font-size:11px}
.ctip .tr b{font-size:13px;display:inline}
.hx{position:relative;height:18px;margin-top:6px;font-size:11px;color:var(--ink3)}
.hx span{position:absolute;transform:translateX(-50%)}
.hx span:first-child{transform:none}.hx span:last-child{transform:translateX(-100%)}
.hleg{display:flex;gap:14px;margin-top:10px;flex-wrap:wrap}
.hleg button{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink3)}
.hleg button.on{color:var(--ink)}
.hleg button:not(.on) i{opacity:.35}
.hleg i{width:14px;height:4px;border-radius:2px;display:inline-block}
.hleg i.dash{background:repeating-linear-gradient(90deg,#35B3B0 0 4px,transparent 4px 7px)}
.flowbars{display:flex;gap:12px;align-items:flex-end;height:180px;margin-top:6px}
.flowbars .fb{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}
.flowbars .st{flex:1;width:100%;display:flex;gap:4px;align-items:flex-end;justify-content:center}
.flowbars .st i{width:40%;max-width:22px;border-radius:6px 6px 2px 2px}
.flowbars .st i.in{background:var(--g)}.flowbars .st i.out{background:#E0A43A}
.flowbars span{font-size:12px;color:var(--ink3);font-weight:600}
.rate{padding:18px}
.rate h3{margin:0 0 12px;font-size:15px}
.rt2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rbox{padding:12px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line)}
.rbox small{display:block;font-size:12px;color:var(--ink3)}
.rbox b{font-size:22px;letter-spacing:-.02em}
.rbox b span{font-size:12px;color:var(--ink3);font-weight:500}
.rnew{display:flex;justify-content:space-between;margin:16px 0 8px;font-size:13.5px;color:var(--ink2)}
.rr{display:grid;grid-template-columns:38px 1fr 48px 40px;gap:8px;align-items:center;font-size:13px;padding:3px 0}
.rr .s{color:#E3A21A;font-weight:700}
.rr .bar{height:6px}.rr .bar > i{background:#EF8354}
.rr .nn{text-align:right;color:var(--ink2)}
.rr .dd{text-align:right;font-weight:600;font-size:12px}
.rr .dd.up{color:var(--g)}.rr .dd.dn{color:var(--red)}
.lnk{color:var(--blue);font-size:12px}
button.lnk{display:inline-flex;align-items:center;min-height:24px}
.row > .lnk,.row > a.lnk{display:inline-flex;align-items:center;min-height:24px}
.astrip .strip{display:flex;gap:10px;overflow-x:auto;padding:14px 18px 16px;scrollbar-width:thin}
.sc{flex:0 0 230px;display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line2);text-align:left;transition:box-shadow .15s,background .15s}
.sc:hover{background:var(--panel2);box-shadow:inset 0 0 0 1px var(--line)}
.sc img{width:48px;height:48px;border-radius:10px;object-fit:cover;flex:0 0 auto}
.sc b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.sc small{display:block;font-size:11.5px;color:var(--ink3);margin:1px 0 4px}
.sc .chip{height:20px;font-size:11px}
/* GOODS / PRICES / STOCK */
.gtool{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.gcell{display:flex;gap:12px;align-items:center}
.gt .thumb{width:56px;height:56px;border-radius:12px}
.tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.tags .chip{height:21px;font-size:11px}
.addwrap{position:relative}
.addm{position:absolute;right:0;top:46px;z-index:8;width:240px;padding:6px;border-radius:14px;background:#fff;box-shadow:var(--sh3);animation:modalIn .2s var(--ease)}
.addm button{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px;border-radius:10px;text-align:left;font-weight:600;font-size:14px;flex-wrap:wrap}
.addm button:hover{background:var(--bg)}
.addm small{flex-basis:100%;padding-left:26px;font-weight:500;font-size:12px;color:var(--ink3);margin-top:-6px}
.prtool{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line2);flex-wrap:wrap}
.tog{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink2);font-weight:500}
.tog .switch{width:36px;height:22px}.tog .switch::after{width:16px;height:16px}.tog .switch.on::after{transform:translateX(14px)}
.pin{width:96px;height:34px;padding:0 8px;border-radius:8px;border:0;box-shadow:inset 0 0 0 1.5px var(--field);outline:0;text-align:right;font-weight:700;background:#fff}
.pin:focus{box-shadow:inset 0 0 0 2px var(--g),0 0 0 3px rgba(31,122,68,.18)}
.pin.sm{width:70px;height:30px;font-size:13px}
.lock{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--ink3)}
.pt td,.pt th{white-space:nowrap}
.stepper .p10{width:auto;padding:0 10px;font-size:12px;font-weight:700;border-left:1px solid var(--line)}
td.dn{color:var(--red)}
/* RETURNS */
.rcards{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;margin-bottom:14px}
.app.m .rcards{grid-template-columns:1fr}
.rc{display:flex;align-items:center;gap:12px;padding:16px;border-radius:14px;background:var(--panel);box-shadow:var(--sh1),inset 0 0 0 1px var(--line2);text-align:left}
.rc.v{background:var(--v1);box-shadow:inset 0 0 0 1px #E6DAFB}
.rc span{flex:1}.rc b{display:block;font-size:14px}.rc small{font-size:12.5px;color:var(--ink3)}
.rc > .i:first-child{color:var(--g)}
.rc.v > .i:first-child{color:var(--violet)}
.searchln{display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--field);max-width:420px;margin-bottom:14px;color:var(--ink3)}
.searchln input{flex:1;align-self:stretch;min-width:0;border:0;outline:0;background:transparent;font-size:14px}
.searchln:focus-within{box-shadow:inset 0 0 0 2px var(--g),0 0 0 4px rgba(31,122,68,.18)}
.rq{display:flex;gap:14px;align-items:flex-start;padding:16px;margin-bottom:10px;cursor:pointer;transition:box-shadow .15s}
.rq:hover{box-shadow:var(--sh2),inset 0 0 0 1px var(--line2)}
.rq .thumb{width:56px;height:56px}
.rqb{flex:1;min-width:0}
.rqs{display:flex;flex-direction:column;align-items:flex-end;gap:0}
.app.m .rq{flex-wrap:wrap}.app.m .rqs{align-items:flex-start;flex-direction:row;gap:8px;flex-wrap:wrap;width:100%}
/* WAREHOUSE */
.schs{display:flex;flex-direction:column;gap:2px}
.sch{display:grid;grid-template-columns:40px 50px 1fr;gap:12px;align-items:center;padding:8px 0;border-bottom:1px dashed var(--line)}
.sch:last-child{border-bottom:0}
.sch .d{font-weight:700}
.sch.off .d{color:var(--ink3)}
.sch .tm{display:flex;align-items:center;gap:8px;color:var(--ink3)}
.sch input{height:34px;padding:0 8px;border-radius:8px;border:0;box-shadow:inset 0 0 0 1px var(--field);font-size:14px;font-weight:600;background:#fff}
.pvw{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;background:var(--panel2);box-shadow:inset 0 0 0 1px var(--line2)}
.pvw img{width:56px;height:56px;border-radius:10px;object-fit:cover}
/* REVENUE */
.rv2{display:flex;gap:12px;align-items:center;padding:8px 0}
.rv2 + .rv2{border-top:1px solid var(--line2)}
/* FINANCE */
.ftiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
@media (max-width:1180px){.app:not(.m) .ftiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
.app.m .ftiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ft{padding:14px 16px;border-radius:14px;background:#EEF1F4;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)}
.ft.g{background:#DDEFE2}
.ft.r{background:#F5DADA}
.ft .tt{font-size:12.5px;color:var(--ink2);font-weight:600}
.ft .tv{font-size:23px;font-weight:800;letter-spacing:-.02em;margin:4px 0 6px;line-height:1.15}
.ft .tv span{font-size:15px;font-weight:700;margin-left:4px;color:var(--ink2)}
.ft .tp{display:flex;align-items:center;gap:6px;font-size:12px;flex-wrap:wrap}
.ft .dch{padding:1px 7px;border-radius:999px;background:#fff;font-weight:700}
.ft .dch.up{color:var(--g)}.ft .dch.dn{color:var(--red)}
.ft.g .i{color:var(--g)}.ft.r .i{color:var(--red)}
.app.m .ft .tv{font-size:19px}
.ftbl td,.ftbl th{white-space:nowrap}
.ftbl tr.tot td{background:#F2F8F4}
/* PAY HISTORY */
.phrow{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line2)}
.phrow .ic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.phrow .ic.g{background:var(--g1);color:var(--g)}
.phrow b{display:block}.phrow small{font-size:12px;color:var(--ink3)}
.phrow > div:nth-child(2){flex:1}
.phrow .r{display:flex;align-items:center;gap:6px}
body.phone .app.m .mtop{top:50px}
.app.m .sch{grid-template-columns:34px 44px minmax(0,1fr);gap:8px}
.app.m .sch .tm{gap:5px;min-width:0}
.app.m .sch input{min-width:0;width:100%;padding:0 4px;font-size:13px}
/* =================== V3 · правки из «2.0» =================== */
.art{font-family:var(--mono);font-size:11.5px;color:var(--ink3);margin-top:2px;letter-spacing:.01em;white-space:nowrap}
.artc{white-space:nowrap}
.artc .lnk{margin-top:3px;padding:0}
.sc small.mono{font-family:var(--mono);font-size:10.5px;margin:1px 0 0}
/* показатели заказов */
.omet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:-4px 0 12px}
.om{display:flex;flex-direction:column;gap:3px;padding:12px 16px;border-radius:14px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2),var(--sh1);text-align:left;min-width:0}
button.om{transition:box-shadow .15s}
button.om:hover{box-shadow:inset 0 0 0 1px var(--g3),var(--sh1)}
.om .omv{font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.15}
.om .omv.up{color:var(--g)}
.om .omv span{font-size:13px;font-weight:600;color:var(--ink3)}
.om .ol{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--ink2)}
.om .ol .i{color:var(--ink4)}
.om small{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--ink3)}
.dbar{position:relative;height:3px;border-radius:3px;margin:6px 0 4px;background:linear-gradient(90deg,#3FAE6A 0%,#9CCB4A 35%,#E8B23A 65%,#E2583E 100%)}
.dbar i{position:absolute;top:50%;width:11px;height:11px;border-radius:50%;background:#3FAE6A;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.08);transform:translate(-50%,-50%)}
.app.m .omet{grid-template-columns:1fr 1fr;gap:8px}
.app.m .omet .om:last-child{grid-column:1/-1}
.app.m .om .omv{font-size:18px}
.selbar .btn.pri{background:#48C27A;color:#08210F}
.selbar .btn.pri:hover{background:#5ED18C}
/* новости на главной */
.news{padding:16px 10px 8px}
.news .nh{padding:0 8px 6px}
.news .nh h3{margin:0;font-size:15px;font-weight:600}
.news .nn{font-size:11px;font-weight:700;color:#fff;background:var(--hot);border-radius:999px;padding:2px 7px;margin-left:8px}
.ni{display:block;width:100%;text-align:left;padding:10px 8px;border-radius:12px;transition:background .12s}
.ni:hover{background:var(--bg)}
.ni small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink3)}
.ni .nd{width:7px;height:7px;border-radius:50%;background:var(--hot);display:inline-block}
.ni b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;font-weight:600;line-height:1.35;margin:3px 0 6px;color:var(--ink)}
.ni.new b{font-weight:700}
.nt{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;background:var(--bg);font-size:11.5px;font-weight:600;color:var(--ink2)}
.ni:hover .nt{background:#fff}
.nall{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:4px;padding:10px;border-top:1px solid var(--line2);font-size:13px;font-weight:600;color:var(--g)}
.nall:hover{color:var(--g7)}
/* страница новостей */
.nlist{display:flex;flex-direction:column;gap:10px;max-width:860px}
.nitem{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;cursor:pointer;transition:box-shadow .15s}
.nitem:hover{box-shadow:var(--sh2),inset 0 0 0 1px var(--line2)}
.nitem.new{box-shadow:inset 3px 0 0 var(--g),var(--sh1),inset 0 0 0 1px var(--line2)}
.nic{width:40px;height:40px;border-radius:12px;background:var(--g1);color:var(--g);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.nb{flex:1;min-width:0}
.nb small{font-size:12px;color:var(--ink3)}
.nb .chip{height:21px;font-size:11px}
.nb h3{margin:6px 0 0;font-size:16px;line-height:1.35}
.nb p{margin:8px 0 0;font-size:14px;line-height:1.55;color:var(--ink2)}
.nchev{color:var(--ink4);transition:transform .2s;margin-top:8px}
.nitem.open .nchev{transform:rotate(180deg)}
.lvlc .ring .c small{display:none}
/* =================== V4 · доработки селлера =================== */
/* 1) страница на весь экран */
.page{max-width:none}
.subin{max-width:none}
.homegrid,.nlist{max-width:none}
@media (min-width:1500px){ .page,.subin{padding-left:max(32px,calc((100vw - 1440px)/2));padding-right:max(32px,calc((100vw - 1440px)/2))} }
/* мастер: закрытие только крестиком */
.modal.nudge{animation:nudge .32s var(--ease)}
@keyframes nudge{0%,100%{transform:translateY(0)}25%{transform:translateY(-6px)}60%{transform:translateY(2px)}}
.xbtn.hint{animation:xhint 1.1s ease 2;box-shadow:0 0 0 0 rgba(226,88,62,.5)}
@keyframes xhint{0%{box-shadow:0 0 0 0 rgba(226,88,62,.45)}70%{box-shadow:0 0 0 10px rgba(226,88,62,0)}100%{box-shadow:0 0 0 0 rgba(226,88,62,0)}}
.wconf{position:absolute;inset:0;z-index:20;background:rgba(16,37,26,.55);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .18s ease;border-radius:inherit}
.wcbox{background:#fff;border-radius:20px;padding:28px;max-width:440px;text-align:center;box-shadow:var(--sh3);animation:modalIn .22s var(--ease)}
.wcic{width:60px;height:60px;border-radius:50%;background:#FDEEE9;color:var(--hot);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.wcbox h3{margin:0 0 8px;font-size:19px}
.wcbox p{margin:0 0 20px;color:var(--ink2);font-size:14px;line-height:1.55}
.wcb{display:flex;flex-direction:column;gap:8px}
.wcb .btn{width:100%;justify-content:center}
.dangertx{color:var(--red)}
/* медиа-лента мастера */
.vdrop .ic{color:var(--violet)}
.mlist{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.mt{position:relative;width:104px;height:132px;border-radius:12px;overflow:hidden;background:#F1ECE2;cursor:grab;box-shadow:inset 0 0 0 1px var(--line2);margin:0;flex:0 0 auto}
.mt:active{cursor:grabbing}
.mt.drg{opacity:.4}
.mt img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.mt .main{position:absolute;left:5px;top:5px;height:19px;font-size:10px}
.mt .num{position:absolute;left:5px;top:5px;width:19px;height:19px;border-radius:50%;background:rgba(16,37,26,.72);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.mt .vplay{position:absolute;inset:0;margin:auto;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}
.mt .vd{position:absolute;right:5px;top:5px;background:rgba(0,0,0,.6);color:#fff;font-size:10px;font-weight:600;padding:1px 5px;border-radius:5px}
.mt .mtools{position:absolute;left:0;right:0;bottom:0;display:flex;background:rgba(16,37,26,.82);opacity:0;transition:opacity .15s}
.mt:hover .mtools{opacity:1}
.mt .mtools button{flex:1;height:26px;color:#fff;display:flex;align-items:center;justify-content:center}
.mt .mtools button:hover{background:rgba(255,255,255,.14)}
.mt .mtools button:disabled{opacity:.3}
.vplay{pointer-events:none}
.prevcard .img{position:relative}
.prevcard .img .vplay{position:absolute;inset:0;margin:auto;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;display:flex;align-items:center;justify-content:center}
/* поля: инпут с префиксом/суффиксом */
.inwrap{position:relative;display:flex;align-items:center}
.inwrap .input{width:100%}
.inwrap .suf{position:absolute;right:12px;color:var(--ink3);font-size:13px;pointer-events:none}
.inwrap .pre{position:absolute;left:12px;top:-8px;background:#fff;padding:0 4px;font-size:10.5px;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.04em}
.inwrap:has(.pre) .input{padding-top:14px}
.hint.err{color:var(--red)}
.opts.vat{flex-wrap:wrap}
.opts.vat .opt{flex-direction:column;align-items:flex-start;gap:0;min-width:92px;padding:8px 12px}
.opts.vat .opt b{font-size:14px}
.opts.vat .opt small{font-size:10.5px;color:var(--ink3)}
.opts.vat .opt.on small{color:var(--g7)}
.kbjuin{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.kbjuin .inwrap .input{padding-top:16px}
.dims{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dims .inwrap:nth-child(4),.dims .inwrap:nth-child(5){grid-column:span 1}
.kbju{display:flex;gap:4px;background:var(--bg);border-radius:10px;padding:8px}
.kbju span{flex:1;text-align:center;font-size:10.5px;color:var(--ink3);line-height:1.3}
.kbju span b{display:block;font-size:14px;color:var(--ink);font-weight:700}
.stepper.sin input{width:64px;height:100%;border:0;background:transparent;text-align:center;font-size:15px;font-weight:700;-moz-appearance:textfield}
.stepper.sin input::-webkit-outer-spin-button,.stepper.sin input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
@media (max-width:560px){ .kbjuin{grid-template-columns:1fr 1fr} .dims{grid-template-columns:1fr 1fr} }
/* черновики */
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.dcard{display:flex;flex-direction:column;padding:0;overflow:hidden;cursor:pointer;transition:box-shadow .15s}
.dcard:hover{box-shadow:var(--sh2),inset 0 0 0 1px var(--line2)}
.dthumb{position:relative;height:150px;background:#F1ECE2;display:flex;align-items:center;justify-content:center;color:var(--ink4)}
.dthumb img{width:100%;height:100%;object-fit:cover}
.qbadge{position:absolute;right:8px;top:8px;background:rgba(16,37,26,.78);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}
.db{padding:12px 14px 0;flex:1}
.dact{display:flex;gap:6px;padding:12px 14px;align-items:center}
.dact .btn:first-child{flex:1}
/* импорт */
.isteps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.isteps li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px dashed var(--line)}
.isteps li:last-child{border-bottom:0}
.isteps .n{width:24px;height:24px;border-radius:50%;background:var(--g1);color:var(--g7);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.isteps b{font-size:14px}.isteps small{display:block;font-size:12.5px;color:var(--ink3);margin-top:1px}
.imptbl{max-height:40vh;overflow:auto}
.thumb.ph0{display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--ink4)}
td.dn,.f12.dn{color:var(--ink3)}
.drop.over{border-color:var(--g);background:#EDF7F0;color:var(--g7)}
.drop input[type=file]{position:absolute;width:0;height:0;opacity:0}
.cbx.on{background:var(--g);border-color:var(--g);color:#fff}