:root{
  --navy:#071A3D;--navy-2:#10264D;--blue:#2563FF;--blue-2:#0B5DF6;--cyan:#00C2FF;--cyan-2:#12B9EE;
  --ink:#14213D;--muted:#62728F;--bg:#F3F7FC;--surface:#FFFFFF;--soft:#F7FAFE;--line:#E2EAF4;
  --green:#20A66A;--green-soft:#EAF8F1;--amber:#E69A24;--amber-soft:#FFF5E4;--red:#E44E5A;--red-soft:#FFF0F2;
  --purple:#8555D8;--purple-soft:#F5F0FF;--shadow:0 18px 48px rgba(20,55,115,.10);--shadow-sm:0 8px 24px rgba(20,55,115,.08);
  --radius:18px;--radius-sm:12px;--sidebar:238px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%}[hidden]{display:none!important}
.brand-horizontal{display:block;width:168px;height:auto}.brand-horizontal.compact{width:145px}.brand-mark{display:block;width:34px;height:37px;object-fit:contain}.brand-app-icon{display:block;width:44px;height:44px;border-radius:13px}
.btn{border:0;border-radius:11px;padding:10px 14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.16s}.btn:hover{transform:translateY(-1px)}.btn.primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-2));box-shadow:0 10px 24px rgba(37,99,255,.22)}.btn.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn.soft{background:#EAF1FF;color:var(--blue)}.btn.ghost{background:transparent;color:var(--muted)}.btn.danger{background:var(--red-soft);color:var(--red)}.btn.small{padding:7px 10px;font-size:12px}.btn.icon{width:38px;height:38px;padding:0}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.tag{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;background:#EAF1FF;color:var(--blue);font-size:10px;font-weight:850;white-space:nowrap}.tag.green{background:var(--green-soft);color:var(--green)}.tag.amber{background:var(--amber-soft);color:#B46F0B}.tag.red{background:var(--red-soft);color:var(--red)}.tag.purple{background:var(--purple-soft);color:var(--purple)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.muted{color:var(--muted)}.eyebrow{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 11px;background:#EAF1FF;color:var(--blue);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(0,194,255,.12)}
.icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.toast{position:fixed;right:20px;bottom:20px;z-index:1000;background:var(--navy);color:#fff;padding:13px 16px;border-radius:13px;font-size:11px;font-weight:750;box-shadow:0 20px 55px rgba(0,0,0,.2);opacity:0;transform:translateY(18px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}
.modal-backdrop{position:fixed;inset:0;z-index:900;background:rgba(7,26,61,.35);backdrop-filter:blur(4px);display:grid;place-items:center;padding:18px}.modal{width:min(520px,100%);padding:22px}.modal h2{font-size:20px;margin:0 0 6px}.modal p{font-size:11px;color:var(--muted)}
/* catalog */
.catalog-page{min-height:100vh;padding:40px 22px;background:radial-gradient(circle at 12% 0,#fff 0,#F2F7FE 45%,#ECF3FB 100%)}.catalog-wrap{max-width:1250px;margin:0 auto}.catalog-hero{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:26px}.catalog-hero h1{font-size:45px;letter-spacing:-.05em;margin:22px 0 8px}.catalog-hero p{max-width:650px;color:var(--muted)}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.catalog-card{padding:20px;min-height:195px;display:flex;flex-direction:column}.catalog-card h3{font-size:18px;margin:15px 0 6px}.catalog-card p{font-size:11px;color:var(--muted);margin:0}.catalog-card .btn{margin-top:auto;align-self:flex-start}.catalog-number{width:36px;height:36px;border-radius:11px;background:#EAF1FF;color:var(--blue);display:grid;place-items:center;font-weight:900}
/* public */
.public{min-height:100vh;background:linear-gradient(180deg,#fff 0,#F5F9FF 55%,#fff 100%)}.public-header{height:74px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1260px)/2));border-bottom:1px solid rgba(226,234,244,.9);background:rgba(255,255,255,.9);backdrop-filter:blur(18px)}.public-nav,.public-actions{display:flex;align-items:center;gap:23px}.public-nav a{font-size:12px;font-weight:750;color:#4F5F7B}.public-nav a:hover{color:var(--blue)}.container{max-width:1260px;margin:0 auto;padding:0 22px}.hero{padding:74px 0 56px}.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:52px;align-items:center}.hero h1{font-size:clamp(46px,5.8vw,77px);line-height:.98;letter-spacing:-.064em;margin:19px 0 22px}.hero h1 span{background:linear-gradient(110deg,var(--blue),var(--cyan-2));-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.65;color:var(--muted);max-width:610px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.hero-proof{display:flex;gap:17px;flex-wrap:wrap;font-size:11px;color:var(--muted);font-weight:750}.hero-proof span:before{content:"✓";color:var(--green);font-weight:900;margin-right:6px}.product-preview{min-height:600px;position:relative}.preview-window{position:absolute;inset:10px -125px 0 0;border-radius:27px;background:#fff;border:1px solid var(--line);box-shadow:0 38px 95px rgba(24,61,125,.18);overflow:hidden;transform:perspective(1200px) rotateY(-3deg)}.preview-top{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.preview-tabs{display:flex;gap:4px}.preview-tabs span{padding:7px 9px;border-radius:9px;font-size:9px;font-weight:850;color:var(--muted)}.preview-tabs span:first-child{background:#EAF1FF;color:var(--blue)}.preview-body{display:grid;grid-template-columns:79px 1fr;min-height:542px}.preview-rail{border-right:1px solid var(--line);background:#FBFDFF;padding:12px 9px;display:grid;align-content:start;gap:9px}.preview-rail i{height:42px;border-radius:12px;background:#F0F4FA;display:grid;place-items:center;font-style:normal;color:#6F7C94}.preview-rail i:first-child{background:#EAF1FF;color:var(--blue)}.preview-canvas{padding:17px;background:#F5F8FC}.preview-heading{display:flex;justify-content:space-between;margin-bottom:11px}.preview-heading b{font-size:13px}.preview-heading small{display:block;font-size:8px;color:var(--muted)}.flow-mini{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.flow-mini div{padding:9px;border-radius:11px;background:#fff;border:1px solid var(--line)}.flow-mini small{display:block;font-size:7px;color:var(--muted)}.flow-mini b{font-size:15px}.flow-mini div:first-child{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-2));border-color:transparent}.flow-mini div:first-child small{color:#DCE9FF}.preview-orders{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.preview-order{padding:10px;border:1px solid var(--line);border-radius:11px;background:#fff;min-height:86px}.preview-order b{font-size:9px}.preview-order small{font-size:7px;display:block;color:var(--muted);margin:5px 0}.preview-bottom{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px;margin-top:8px}.preview-panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px;min-height:110px}.fake-lines{display:grid;gap:7px;margin-top:9px}.fake-lines i{height:7px;background:#EDF2F8;border-radius:99px}.fake-lines i:nth-child(2){width:72%}.fake-lines i:nth-child(3){width:55%}.fake-chart{height:55px;margin-top:11px;background:linear-gradient(180deg,rgba(37,99,255,.18),transparent);clip-path:polygon(0 81%,12% 63%,25% 72%,39% 40%,52% 51%,66% 24%,79% 36%,100% 6%,100% 100%,0 100%)}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.proof-card{padding:18px}.proof-card h3{font-size:14px;margin:12px 0 5px}.proof-card p{font-size:10px;color:var(--muted);margin:0}.section{padding:82px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:27px}.section-head h2{font-size:clamp(34px,4.3vw,54px);line-height:1.04;letter-spacing:-.052em;margin:0}.section-head p{max-width:590px;color:var(--muted);margin:0}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.module-card{padding:22px;min-height:205px;position:relative;overflow:hidden}.module-card:after{content:"";position:absolute;width:135px;height:135px;right:-45px;top:-55px;border-radius:50%;background:var(--module-soft,#EAF1FF)}.module-icon{width:46px;height:46px;border-radius:14px;background:var(--module-soft,#EAF1FF);color:var(--module,#2563FF);display:grid;place-items:center;position:relative;z-index:1}.module-card h3{font-size:19px;letter-spacing:-.03em;margin:17px 0 7px}.module-card p{font-size:11px;color:var(--muted)}.module-card ul{list-style:none;padding:0;display:grid;gap:7px;font-size:10px}.module-card li:before{content:"✓";color:var(--green);font-weight:900;margin-right:7px}.process-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:22px}.process-node{padding:15px;border:1px solid var(--line);border-radius:14px;position:relative}.process-node:not(:last-child):after{content:"→";position:absolute;right:-18px;top:50%;transform:translateY(-50%);color:#98A6BD;font-weight:900;z-index:2}.process-node small{font-size:8px;color:var(--muted)}.process-node b{display:block;font-size:12px;margin:6px 0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.price-card{padding:25px}.price-card.popular{border:2px solid var(--blue);position:relative;box-shadow:0 20px 50px rgba(37,99,255,.16)}.popular-label{position:absolute;right:18px;top:-12px;background:var(--blue);color:#fff;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900}.price-card h3{font-size:20px;margin:0}.price{font-size:34px;font-weight:900;letter-spacing:-.04em;margin:14px 0}.price small{font-size:11px;font-weight:600;color:var(--muted)}.price-card ul{list-style:none;padding:0;display:grid;gap:8px;font-size:11px}.price-card li:before{content:"✓";color:var(--green);font-weight:900;margin-right:7px}.public-footer{border-top:1px solid var(--line);padding:32px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:10px}
/* registration */
.register-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(145deg,#EEF5FF,#fff 58%,#F4F9FF)}.register-info{padding:42px 50px;display:flex;flex-direction:column}.register-info h1{font-size:clamp(43px,4.8vw,67px);line-height:1.02;letter-spacing:-.058em;margin:52px 0 17px}.register-info h1 span{color:var(--blue)}.register-info>p{font-size:15px;color:var(--muted);max-width:620px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:24px 0}.benefit{padding:14px;background:rgba(255,255,255,.75);border:1px solid #DCE8F8;border-radius:14px}.benefit b{font-size:11px}.benefit p{font-size:9px;color:var(--muted);margin:5px 0 0}.reg-steps{margin-top:auto;padding:16px;background:rgba(255,255,255,.77);border:1px solid #DCE8F8;border-radius:15px}.step-row{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:12px}.step{position:relative}.step:not(:last-child):after{content:"→";position:absolute;right:-14px;top:5px;color:#98A6BD}.step-num{width:24px;height:24px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:900}.step b{font-size:10px;display:block;margin:7px 0 3px}.step small{font-size:8px;color:var(--muted)}.register-form-wrap{padding:44px 32px 32px;display:grid;align-items:start;justify-items:center}.register-card{width:min(650px,100%);padding:27px}.register-card h2{font-size:27px;letter-spacing:-.04em;margin:0}.register-card>p{font-size:10px;color:var(--muted);margin-bottom:17px}.form{display:grid;gap:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field label{font-size:9px;font-weight:800;display:block;margin-bottom:5px;color:#42516D}.input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 11px;outline:0;color:var(--ink);background:#fff;font-size:11px}.input:focus{border-color:#9ABAFB;box-shadow:0 0 0 3px #EAF1FF}.code-row{display:flex;gap:7px;align-items:center}.code{width:45px;text-align:center;font-size:15px;font-weight:900}.password-bars{display:flex;gap:3px;margin-top:6px}.password-bars i{height:4px;flex:1;border-radius:99px;background:#DFE6F0}.password-bars i.on{background:var(--green)}.checkbox{display:flex;gap:8px;align-items:flex-start;font-size:9px;color:var(--muted)}
/* shells */
.shell{min-height:100vh;background:var(--bg)}.topbar{height:68px;position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.top-left,.top-right,.module-tabs{display:flex;align-items:center;gap:8px}.company-picker{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:10px;font-weight:800}.tenant-logo{width:29px;height:29px;border-radius:9px;background:#118B50;color:#fff;display:grid;place-items:center;font-weight:900}.top-button{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:11px;display:grid;place-items:center;color:#53617B;position:relative}.top-button .badge{position:absolute;right:-3px;top:-4px;width:17px;height:17px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:8px;font-weight:900;border:2px solid #fff}.user{display:flex;align-items:center;gap:8px;padding:5px 8px;background:#F6F9FD;border-radius:11px}.avatar{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#9CC6FF,#2563FF);color:#fff;display:grid;place-items:center;font-weight:900}.user b{font-size:10px;display:block}.user small{font-size:8px;color:var(--muted);display:block}.shell-grid{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:calc(100vh - 68px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:14px 11px;display:flex;flex-direction:column;position:sticky;top:68px;height:calc(100vh - 68px);overflow:auto}.side-title{padding:9px 10px 6px;color:#98A2B4;text-transform:uppercase;letter-spacing:.11em;font-size:8px;font-weight:900}.side-nav{display:grid;gap:3px}.side-link{padding:10px;border-radius:10px;background:transparent;color:#56637B;font-size:11px;font-weight:760;display:flex;align-items:center;gap:9px;text-align:left}.side-link:hover{background:#F4F7FB}.side-link.active{background:#EAF1FF;color:var(--blue);box-shadow:inset 3px 0 0 var(--blue)}.side-link .count{margin-left:auto;border-radius:999px;padding:2px 6px;background:#EDF2F8;color:#6D7990;font-size:8px}.side-link.active .count{background:#fff;color:var(--blue)}.sync-card{margin-top:auto;padding:12px;border-radius:14px;background:linear-gradient(145deg,#F5FAFF,#fff);border:1px solid #DCE8F8}.sync-card b{font-size:9px}.sync-card p{font-size:8px;color:var(--muted);margin:7px 0}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px}.main{min-width:0;padding:19px;max-width:1580px;width:100%;margin:0 auto;align-self:start}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:15px}.page-head h1{font-size:27px;letter-spacing:-.045em;margin:0}.page-head p{font-size:10px;color:var(--muted);margin:5px 0 0}.page-actions{display:flex;gap:8px;align-items:center}.select{height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 11px;font-size:10px;color:var(--ink)}
.module-tab{height:42px;border-radius:11px;padding:0 11px;background:transparent;color:#53617B;font-size:10px;font-weight:820;display:flex;align-items:center;gap:7px}.module-tab.active{background:#EAF1FF;color:var(--blue)}
/* common content */
.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:11px}.metric{padding:14px}.metric small{font-size:8px;color:var(--muted);display:block}.metric strong{font-size:21px;display:block;letter-spacing:-.04em;margin-top:7px}.delta{font-size:8px;color:var(--green);font-weight:850}.delta.red{color:var(--red)}.panel{padding:14px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.panel-head h3{font-size:12px;margin:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:11px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stack{display:grid;gap:11px}.list{display:grid;gap:7px}.list-item{display:flex;align-items:center;gap:9px;padding:9px;border-radius:10px;background:var(--soft)}.list-item .text{min-width:0;flex:1}.list-item b{display:block;font-size:9px}.list-item small{display:block;font-size:8px;color:var(--muted)}.mini-avatar{width:29px;height:29px;border-radius:9px;background:#DDE8FA;color:#365A97;display:grid;place-items:center;font-size:8px;font-weight:900}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:9px}.table th{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.table tr:last-child td{border-bottom:0}.progress{height:8px;border-radius:999px;background:#ECF1F7;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan));width:72%}.empty-state{padding:30px;text-align:center;border:1px dashed var(--line);border-radius:14px;color:var(--muted);font-size:10px}
/* center */
.center-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:11px}.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.flow-stage{padding:11px 9px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left}.flow-stage.active{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;border-color:transparent;box-shadow:0 10px 20px rgba(37,99,255,.2)}.flow-stage small{font-size:8px;color:var(--muted);display:block}.flow-stage.active small{color:#DCE9FF}.flow-stage b{font-size:17px;display:block}.order-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.order-card{padding:11px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left}.order-card:hover,.order-card.active{border-color:#A8C2F8;box-shadow:var(--shadow-sm)}.order-card h4{font-size:10px;margin:8px 0 3px}.order-card p{font-size:8px;color:var(--muted);margin:0}.order-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:9px}.order-bottom b{font-size:12px}.channel{width:27px;height:27px;border-radius:8px;color:#fff;display:grid;place-items:center;font-size:8px;font-weight:900}.respect{background:#0A9252}.kaspi{background:#F04449}.wb{background:#8D22CE}.halyk{background:#0B9664}.flip{background:#1673ED}.chart{height:175px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(180deg,#F6FAFF,#fff);position:relative;overflow:hidden}.chart:before{content:"";position:absolute;inset:14px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 34px,#E9EEF5 35px)}.chart-area{position:absolute;left:14px;right:14px;bottom:14px;height:125px;background:linear-gradient(180deg,rgba(37,99,255,.24),transparent);clip-path:polygon(0 86%,12% 66%,24% 75%,36% 49%,48% 59%,60% 32%,72% 43%,84% 18%,100% 4%,100% 100%,0 100%)}
/* cabinet */
.summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.summary{padding:14px}.summary small{font-size:8px;color:var(--muted)}.summary strong{display:block;font-size:20px;margin:7px 0}.connection{padding:12px;border:1px solid var(--line);border-radius:12px;background:#F8FBFF}.one-c{width:38px;height:38px;border-radius:10px;background:#FFF0E7;color:#E1482C;display:grid;place-items:center;font-weight:900}.connection-head{display:flex;align-items:center;gap:9px}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.market-tile{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:10px}.market-tile b{font-size:8px}.market-tile small{font-size:7px;color:var(--green);display:block}.extension-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.extension{padding:16px}.extension h3{font-size:13px;margin:11px 0 5px}.extension p{font-size:8px;color:var(--muted)}.extension ul{list-style:none;padding:0;font-size:8px;display:grid;gap:5px}.extension li:before{content:"✓";color:var(--green);font-weight:900;margin-right:6px}.form-card{padding:17px}.form-card h3{font-size:13px;margin:0 0 13px}.member{display:grid;grid-template-columns:34px 1fr auto auto;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px}.member b{font-size:9px}.member small{font-size:8px;color:var(--muted);display:block}.brand-preview{height:230px;border:1px dashed #B9CBE8;border-radius:14px;background:linear-gradient(145deg,#EDF5FF,#fff);display:grid;place-items:center;text-align:center}.app-download{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:13px}.danger-zone{border:1px solid #FFD4D8;background:#FFF7F8;border-radius:13px;padding:15px}
/* call center */
.call-layout{display:grid;grid-template-columns:330px minmax(390px,1fr) 315px;gap:10px;min-height:690px}.order-list{overflow:auto;max-height:645px;padding:8px;display:grid;gap:6px;align-content:start;background:#F7F9FD}.call-order{width:100%;display:grid;grid-template-columns:34px 1fr auto;gap:9px;padding:10px;border:1px solid transparent;border-radius:11px;background:#fff;text-align:left;outline:none;box-shadow:0 1px 0 rgba(20,55,115,.05);transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}.call-order:hover{background:#FAFCFF;border-color:#D7E2F2;box-shadow:0 5px 14px rgba(20,55,115,.07);transform:translateY(-1px)}.call-order.active{background:#EDF4FF;border-color:#8FB1F5;box-shadow:0 0 0 2px rgba(37,99,255,.10),0 7px 18px rgba(20,55,115,.08)}.call-order b{font-size:9px;display:block}.call-order small{font-size:8px;color:var(--muted);display:block}.call-detail{padding:14px}.call-detail h2{font-size:18px;margin:0}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.info{padding:9px;border:1px solid var(--line);border-radius:10px;background:#F8FAFE}.info small{font-size:7px;color:var(--muted);display:block}.info b{font-size:9px}.product-row{display:grid;grid-template-columns:50px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:11px}.product-photo{width:50px;height:50px;border-radius:10px;background:#EAF0F8;display:grid;place-items:center;font-size:22px}.timeline{display:grid;gap:9px}.timeline-row{display:grid;grid-template-columns:10px 1fr auto;gap:8px}.timeline-row i{width:8px;height:8px;border-radius:50%;background:var(--blue);margin-top:4px;box-shadow:0 0 0 4px #EAF1FF}.timeline-row b{font-size:8px;display:block}.timeline-row small,.timeline-row time{font-size:7px;color:var(--muted)}.customer{text-align:center;padding:14px}.customer .avatar-big{width:60px;height:60px;margin:auto;border-radius:18px;background:#DDE8FA;color:#365A97;display:grid;place-items:center;font-weight:900}.call-box{margin-top:11px;padding:13px;border:1px solid #D6E4FA;border-radius:13px;background:linear-gradient(145deg,#EEF6FF,#E8F1FF)}.call-timer{font-size:25px;font-weight:900;text-align:center;margin:13px 0}.call-controls{display:flex;justify-content:center;gap:7px}.call-control{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#fff;display:grid;place-items:center}.call-control.end{background:var(--red);color:#fff;border-color:transparent}
/* chats */
.chat-layout{display:grid;grid-template-columns:320px minmax(400px,1fr) 300px;gap:10px;min-height:720px}.dialog-list{max-height:666px;overflow:auto;padding:8px;display:grid;gap:6px;align-content:start;background:#F7F9FD}.dialog{width:100%;display:grid;grid-template-columns:36px 1fr auto;gap:9px;padding:10px;border:1px solid transparent;border-radius:11px;background:#fff;text-align:left;outline:none;box-shadow:0 1px 0 rgba(20,55,115,.05);transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}.dialog:hover{background:#FAFCFF;border-color:#D7E2F2;box-shadow:0 5px 14px rgba(20,55,115,.07);transform:translateY(-1px)}.dialog.active{background:#EDF4FF;border-color:#8FB1F5;box-shadow:0 0 0 2px rgba(37,99,255,.10),0 7px 18px rgba(20,55,115,.08)}.dialog b{font-size:9px;display:block}.dialog small{font-size:8px;color:var(--muted);display:block}.unread{width:18px;height:18px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:8px;font-weight:900}.conversation{display:flex;flex-direction:column;min-height:720px}.conversation-head{padding:12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.messages{flex:1;overflow:auto;padding:15px;background:linear-gradient(180deg,#F9FBFE,#F4F8FD);display:flex;flex-direction:column;gap:9px}.bubble{max-width:74%;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:9px;box-shadow:0 5px 15px rgba(20,55,115,.05)}.bubble.mine{align-self:flex-end;background:#EAF1FF;border-color:#CFE0FF}.bubble.note{align-self:center;background:#FFF6E7;border-color:#FFE0AA;color:#8C5A0A}.bubble time{display:block;text-align:right;font-size:7px;color:var(--muted);margin-top:5px}.composer{padding:11px;border-top:1px solid var(--line);background:#fff}.quick-replies{display:flex;gap:5px;overflow:auto;margin-bottom:8px}.quick-reply{appearance:none;-webkit-appearance:none;outline:none;border:1px solid transparent;box-shadow:none;padding:7px 10px;border-radius:999px;background:#EEF3FA;color:#5C6980;font-size:8px;font-weight:800;white-space:nowrap;transition:background .16s,border-color .16s,color .16s,transform .16s}.quick-reply:hover{background:#E6EEF9;color:var(--blue);transform:translateY(-1px)}.quick-reply:focus,.quick-reply:active{outline:none;border-color:#CFE0FF;background:#EAF1FF;color:var(--blue);box-shadow:0 0 0 2px rgba(37,99,255,.08)}.compose-row{display:grid;grid-template-columns:auto 1fr auto;gap:7px}.compose-row textarea{resize:none;min-height:45px}.chat-order{padding:13px}.sla{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sla div{padding:9px;background:#F7F9FD;border-radius:10px}.sla small{font-size:7px;color:var(--muted);display:block}.sla b{font-size:11px}
/* warehouse */
.warehouse-layout{display:grid;grid-template-columns:1fr 380px;gap:11px}.queue-table tr:hover td{background:#F8FAFE}.pick-card{padding:16px}.bin{margin:13px 0;padding:17px;border-radius:15px;background:linear-gradient(145deg,var(--navy),#163B7A);color:#fff}.bin small{font-size:8px;color:#BCD0F4}.bin strong{font-size:28px;display:block}.scan-area{padding:18px;border:2px dashed #B9CBEA;border-radius:14px;text-align:center;background:#F8FBFF}.scan-icon{width:48px;height:48px;border-radius:14px;background:#EAF1FF;color:var(--blue);display:grid;place-items:center;margin:0 auto 7px}.scan-area b{font-size:10px;display:block}.scan-area small{font-size:8px;color:var(--muted)}
/* pos */
.pos-layout{display:grid;grid-template-columns:1fr 390px;gap:11px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pos-product{padding:9px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left}.pos-product .photo{height:70px;border-radius:9px;background:#EAF0F8;display:grid;place-items:center;font-size:27px}.pos-product h4{font-size:8px;margin:7px 0 2px}.pos-product small{font-size:7px;color:var(--muted)}.pos-product b{font-size:10px;display:block;margin-top:5px}.receipt{padding:14px;display:flex;flex-direction:column;min-height:690px}.cart{display:grid;gap:7px;margin:11px 0;max-height:350px;overflow:auto}.cart-item{display:grid;grid-template-columns:35px 1fr auto;gap:8px;align-items:center;padding:8px;border-radius:10px;background:#F7F9FD}.cart-item b{font-size:8px;display:block}.cart-item small{font-size:7px;color:var(--muted)}.qty{display:flex;align-items:center;gap:5px}.qty button{width:22px;height:22px;border-radius:7px;background:#fff;border:1px solid var(--line)}.totals{margin-top:auto;border-top:1px solid var(--line);padding-top:10px;display:grid;gap:6px}.total-line{display:flex;justify-content:space-between;font-size:9px}.total-line.grand{font-size:18px;font-weight:900}.payment{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.pay{padding:9px 5px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:8px;font-weight:800}.pay.active{background:#EAF1FF;color:var(--blue);border-color:#BED0F6}
/* analytics */
.analytics-layout{display:grid;grid-template-columns:2fr 1fr;gap:11px}.bar-chart{height:285px;border:1px solid var(--line);border-radius:13px;background:#F9FBFE;padding:13px}.bars{height:220px;display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid var(--line)}.bar-group{flex:1;height:100%;display:flex;justify-content:center;align-items:flex-end;gap:4px}.bar{width:12px;background:var(--blue);border-radius:5px 5px 0 0}.bar.alt{background:var(--cyan)}.ranking{display:grid;gap:7px}.rank{display:grid;grid-template-columns:24px 29px 1fr auto;gap:7px;align-items:center;padding:8px;border-bottom:1px solid var(--line)}.rank-num{width:23px;height:23px;border-radius:8px;background:#EDF2F8;display:grid;place-items:center;font-size:8px;font-weight:900}.health-ring{width:125px;height:125px;border-radius:50%;background:conic-gradient(var(--green) 0 99.9%,#EDF1F7 99.9%);display:grid;place-items:center;margin:auto}.health-ring:after{content:"99,9%";width:92px;height:92px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:20px;font-weight:900}
/* portal */
.portal{min-height:100vh;background:#F2F7FC}.portal-header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1260px)/2))}.portal-main{max-width:1260px;margin:0 auto;padding:22px}.portal-hero{padding:22px;background:linear-gradient(135deg,var(--navy),#164181);color:#fff;border-radius:20px;display:flex;justify-content:space-between;gap:20px}.portal-hero h1{font-size:28px;margin:0}.portal-hero p{font-size:10px;color:#BFD2F5}.portal-stat{padding:13px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:13px}.portal-stat small{font-size:8px;color:#CFE0FF}.portal-stat b{font-size:18px;display:block}
@media(max-width:1200px){.metrics,.summary-grid{grid-template-columns:repeat(3,1fr)}.center-layout{grid-template-columns:1fr}.call-layout,.chat-layout{grid-template-columns:300px 1fr}.call-layout>aside,.chat-layout>aside{display:none}.product-grid{grid-template-columns:repeat(3,1fr)}.preview-window{right:-250px}.module-tabs .module-tab span{display:none}}
@media(max-width:900px){.catalog-grid,.module-grid,.pricing-grid{grid-template-columns:1fr 1fr}.hero-grid{grid-template-columns:1fr}.product-preview{min-height:560px}.preview-window{right:-80px}.proof-grid{grid-template-columns:1fr 1fr}.public-nav{display:none}.shell-grid{grid-template-columns:76px 1fr}.sidebar{padding:11px 7px}.side-title,.side-link span,.side-link .count,.sync-card{display:none}.side-link{justify-content:center}.warehouse-layout,.pos-layout,.analytics-layout{grid-template-columns:1fr}.register-page{grid-template-columns:1fr}.register-info{display:none}.top-left .company-picker{display:none}.extension-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.catalog-grid,.module-grid,.pricing-grid,.proof-grid,.grid-2,.grid-3,.grid-4,.extension-grid{grid-template-columns:1fr}.catalog-hero,.section-head,.footer-row{display:block}.public-header{padding:0 12px}.public-actions .secondary{display:none}.container{padding:0 14px}.hero{padding-top:48px}.hero h1{font-size:43px}.preview-window{position:relative;inset:auto;min-width:850px}.product-preview{overflow:hidden}.process-row{grid-template-columns:1fr}.process-node:after{display:none}.topbar{padding:0 8px}.module-tabs{display:none}.shell-grid{grid-template-columns:60px 1fr}.main{padding:10px}.metrics,.summary-grid{grid-template-columns:1fr 1fr}.flow{grid-template-columns:repeat(3,1fr)}.order-board{grid-template-columns:1fr}.call-layout,.chat-layout{grid-template-columns:1fr}.call-layout>section:first-child,.chat-layout>section:first-child{display:none}.product-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.portal-hero{display:block}.portal-hero .grid-4{margin-top:15px}}

/* v2.1: typical top-aligned page layout */
.shell-grid{align-items:start}
.main{justify-self:stretch}
.register-card{align-self:start}

/* Kontrum connected rebrand 3.0 */
.connected-toast{position:fixed;right:20px;bottom:20px;z-index:2000;max-width:min(420px,calc(100vw - 28px));padding:13px 16px;border-radius:13px;background:var(--navy);color:#fff;font-size:12px;font-weight:750;box-shadow:0 18px 50px rgba(7,26,61,.28);opacity:0;transform:translateY(16px);pointer-events:none;transition:.2s}.connected-toast.show{opacity:1;transform:none}.connected-toast.error{background:#9D2630}.connected-toast.ok{background:#11774A}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:linear-gradient(135deg,var(--navy),#173E7B);padding:clamp(20px,5vw,80px);gap:clamp(30px,7vw,110px);align-items:center}.login-brand{color:#fff;max-width:650px}.login-brand img{width:min(420px,80%);filter:brightness(0) invert(1)}.login-brand h1{font-size:clamp(42px,6vw,78px);line-height:1;letter-spacing:-.055em;margin:40px 0 14px}.login-brand p{font-size:18px;color:#C8D9F8}.login-card{width:min(500px,100%);padding:30px;justify-self:end}.login-card h2{font-size:30px;margin:0}.login-card form{display:grid;gap:14px;margin:22px 0 8px}.login-card .btn{width:100%}
.mobile-menu-toggle,.mobile-nav-shade{display:none}
.sync-overlay{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:18px;background:linear-gradient(135deg,rgba(7,26,61,.98),rgba(18,55,116,.96));backdrop-filter:blur(10px)}.sync-window{width:min(680px,100%);padding:30px;border-radius:25px;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.35);text-align:center}.sync-window>img{width:min(310px,72%)}.sync-window h2{font-size:26px;margin:22px 0 5px}.sync-window>p{color:var(--muted);margin:0 0 17px}.sync-progress{height:7px;background:#E7EDF6;border-radius:99px;overflow:hidden}.sync-progress i{display:block;height:100%;width:5%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .4s}.sync-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0}.sync-counts div{padding:12px;background:#F4F8FD;border-radius:12px}.sync-counts b{font-size:23px;display:block}.sync-counts span{font-size:10px;color:var(--muted)}.sync-bases{display:grid;gap:7px;text-align:left}.sync-base{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line)}.sync-base b{font-size:11px}.sync-base span{font-size:10px;font-weight:800}.sync-base small{grid-column:1/-1;color:var(--muted);font-size:9px}.sync-base.ready span{color:var(--green)}.sync-base.wait span{color:var(--amber)}.sync-error{margin:12px 0;padding:10px;border-radius:10px;background:var(--red-soft);color:#A52A33;font-size:11px}.sync-actions{display:flex;justify-content:center;gap:8px;margin-top:12px}.sync-window>small{display:block;color:var(--muted);margin-top:13px;font-size:9px}
.module-disabled{opacity:.48;filter:saturate(.45);cursor:not-allowed!important;position:relative}.module-disabled:after{content:'В разработке';margin-left:auto;font-size:7px;border-radius:99px;background:var(--amber-soft);color:#A4660A;padding:3px 5px}.development-content{position:relative;min-height:calc(100vh - 92px);overflow:hidden}.development-content>*:not(.development-lock){filter:blur(5px);opacity:.66;pointer-events:none;user-select:none}.development-lock{position:absolute;inset:0;z-index:20;display:grid;place-items:start center;padding-top:min(24vh,210px);background:rgba(244,248,253,.18);backdrop-filter:blur(1.2px)}.development-lock>div{width:min(460px,calc(100% - 28px));padding:25px;text-align:center;border:1px solid rgba(255,255,255,.9);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}.development-lock h2{font-size:24px;margin:12px 0 4px}.development-lock p{color:var(--muted);font-size:11px}
.notification-shade{position:fixed;inset:0;z-index:2400;display:grid;grid-template-columns:1fr minmax(320px,430px)}.notification-backdrop{border:0;background:rgba(7,26,61,.35);backdrop-filter:blur(2px)}.notification-drawer{background:#fff;box-shadow:-20px 0 55px rgba(7,26,61,.18);display:flex;flex-direction:column;min-width:0}.notification-head{padding:18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.notification-head h2{font-size:20px;margin:0}.notification-head p{font-size:10px;color:var(--muted);margin:3px 0 0}.notification-list{overflow:auto;display:grid;align-content:start}.notification-item{border:0;border-bottom:1px solid var(--line);background:#fff;padding:13px;display:grid;grid-template-columns:42px 1fr;gap:11px;text-align:left}.notification-item:hover{background:#F6F9FE}.notification-item .channel{width:42px;height:42px;border-radius:12px}.notification-item b{display:block;font-size:10px}.notification-item span,.notification-item small{display:block;font-size:8px;color:var(--muted);margin-top:3px}
.cc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cc-head h1{font-size:25px;margin:0}.cc-head p{font-size:10px;color:var(--muted);margin:2px 0}.cc-shell{display:grid;grid-template-columns:minmax(300px,360px) minmax(470px,1fr) minmax(230px,300px);gap:10px;min-height:calc(100vh - 120px)}.cc-list-panel,.cc-detail-panel,.cc-client-panel{min-width:0;overflow:hidden}.cc-tabs{height:52px;display:flex;align-items:end;padding:0 12px;border-bottom:1px solid var(--line);gap:14px}.cc-tabs button{border:0;background:transparent;padding:14px 0 10px;font-size:10px;font-weight:850;color:var(--muted);border-bottom:3px solid transparent}.cc-tabs button.active{color:var(--blue);border-color:var(--blue)}.cc-tabs span{padding:2px 5px;border-radius:6px;background:#EDF2FA;font-size:8px}.cc-search{padding:10px;display:grid;grid-template-columns:1fr 120px;gap:6px;border-bottom:1px solid var(--line)}.cc-orders{height:calc(100vh - 240px);min-height:480px;overflow:auto;background:#F8FAFD;padding:7px;display:grid;align-content:start;gap:6px}.cc-order{width:100%;border:1px solid transparent;border-radius:13px;background:#fff;padding:11px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;text-align:left;box-shadow:0 1px 0 rgba(20,55,115,.05)}.cc-order:hover{border-color:#C8D8F1}.cc-order.active{background:#EDF4FF;border-color:#759EF2;box-shadow:0 0 0 2px rgba(37,99,255,.08)}.cc-order .channel{width:42px;height:42px;border-radius:12px}.cc-order-main{min-width:0}.cc-order-main b,.cc-order-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-order-main b{font-size:10px}.cc-order-main small{font-size:8px;color:var(--muted);margin:3px 0}.cc-order-main em{font-style:normal}.cc-order-side{text-align:right}.cc-order-side b,.cc-order-side small{display:block}.cc-order-side b{font-size:10px}.cc-order-side small{font-size:8px;color:var(--muted)}.status-pill{display:inline-flex;padding:4px 7px;border-radius:7px;background:#EDF2F8;color:#65728A;font-size:8px;font-weight:850}.status-pill.new{background:#E8F2FF;color:#2770D8}.status-pill.work{background:var(--amber-soft);color:#B06E0C}.cc-detail-panel{padding:16px;overflow:auto}.cc-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:start;padding-bottom:13px;border-bottom:1px solid var(--line)}.cc-detail-head h2{font-size:17px;margin:0}.cc-detail-head p{font-size:9px;color:var(--muted);margin:3px 0}.cc-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.cc-info-grid>div,.cc-client-stat{padding:10px;border-radius:11px;background:#F6F9FD}.cc-info-grid small,.cc-client-stat small{font-size:7px;color:var(--muted);display:block}.cc-info-grid b,.cc-client-stat b{font-size:9px;display:block;margin-top:3px}.cc-items h3,.cc-edit h3{font-size:11px}.cc-item{display:flex;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--line);border-radius:10px;margin-bottom:6px}.cc-item b,.cc-item small{display:block;font-size:8px}.cc-item small{color:var(--muted)}.cc-item strong{font-size:10px}.cc-edit{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.cc-edit .field{margin-top:9px}.cc-edit textarea{resize:vertical}.cc-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.cc-client-panel{padding:18px;text-align:center}.cc-client-avatar{width:62px;height:62px;border-radius:18px;background:#DDE9FC;color:#28579A;display:grid;place-items:center;font-weight:900;font-size:18px;margin:0 auto}.cc-client-panel h3{font-size:14px;margin:10px 0 3px}.cc-client-panel>p{font-size:9px;color:var(--muted)}.cc-client-stat{text-align:left;margin-top:8px}.empty-state.compact{padding:15px}.empty-state.error{color:var(--red)}.activation-code{font-family:monospace;font-size:22px;font-weight:900;letter-spacing:.15em;margin-top:14px;padding:16px;background:#F0F5FD;border-radius:12px;text-align:center}
@media(max-width:1180px){.cc-shell{grid-template-columns:320px 1fr}.cc-client-panel{display:none}.cc-info-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.login-page{grid-template-columns:1fr;padding:24px}.login-brand{display:none}.login-card{justify-self:center}.mobile-menu-toggle{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--navy);font-size:20px;flex:0 0 auto}.shell-grid{grid-template-columns:1fr}.sidebar{position:fixed;left:-285px;top:72px;bottom:0;z-index:1600;width:270px;padding:14px;background:#fff;box-shadow:15px 0 40px rgba(7,26,61,.18);transition:left .2s}.side-title,.side-link span,.side-link .count,.sync-card{display:flex}.side-link{justify-content:flex-start}.mobile-nav-open .sidebar{left:0}.mobile-nav-shade{display:none;position:fixed;inset:72px 0 0;z-index:1500;border:0;background:rgba(7,26,61,.32)}.mobile-nav-open .mobile-nav-shade{display:block}.topbar{grid-column:auto;padding:0 10px}.top-left{min-width:0}.top-left>a{display:none}.module-tabs{position:fixed;left:0;right:0;bottom:0;z-index:1200;height:62px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;overflow-x:auto;padding:5px}.module-tabs .module-tab{min-width:58px;display:grid;place-items:center;gap:0}.module-tabs .module-tab span{display:block;font-size:7px}.main{padding-bottom:74px}.notification-shade{grid-template-columns:1fr minmax(300px,92vw)}.cc-shell{grid-template-columns:minmax(280px,38%) 1fr}.cc-search{grid-template-columns:1fr}.cc-search select{display:none}}
@media(max-width:680px){.top-right .user{display:none}.top-right .top-button:first-child{display:none}.cc-head{align-items:start}.cc-shell{display:block;min-height:auto}.cc-list-panel{min-height:calc(100vh - 160px)}.cc-detail-panel{display:none}.cc-shell.mobile-detail .cc-list-panel{display:none}.cc-shell.mobile-detail .cc-detail-panel{display:block;min-height:calc(100vh - 150px)}.cc-detail-panel:before{content:'← К списку заказов';display:block;color:var(--blue);font-weight:850;font-size:10px;margin-bottom:12px;cursor:pointer}.cc-orders{height:calc(100vh - 270px)}.cc-info-grid{grid-template-columns:1fr 1fr}.cc-edit .form-row{grid-template-columns:1fr}.cc-edit-actions{flex-direction:column-reverse}.cc-edit-actions .btn{width:100%}.sync-window{padding:20px}.sync-counts{grid-template-columns:repeat(3,1fr)}.sync-counts b{font-size:18px}.notification-shade{display:block}.notification-backdrop{position:absolute;inset:0}.notification-drawer{position:absolute;inset:0 0 0 7%;}.development-lock{padding-top:18vh}}

/* Rebrand 3.0 shift control */
#ccShift:disabled{opacity:1;background:#eaf8f0;border-color:#b9e9cc;color:#08783b;cursor:default}
@media(max-width:640px){.cc-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.cc-actions .btn{width:100%}}