@charset "UTF-8";
:root{--ink:#17263d;--muted:#5c6b7e;--line:#dce3ec;--blue:#2859d8;--navy:#12243e;--tint:#edf3ff;--page:#f3f5f9}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font:14px/1.5 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}h1,h2,h3,p,figure{margin:0}h1{font-size:34px;line-height:1.12;letter-spacing:-.035em}h2{font-size:20px;line-height:1.3}h3{font-size:17px;line-height:1.35}p{color:var(--muted)}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #bc7300;outline-offset:3px}input,select{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #8d9aad;border-radius:6px;background:#fff;color:var(--ink)}input::placeholder{color:#65758a}button,a,input,select{-webkit-tap-highlight-color:transparent}.product-crm{--blue:#2859d8;--navy:#12243e;--tint:#edf3ff}.product-erp{--blue:#126856;--navy:#122f2b;--tint:#e8f4ee;--page:#f1f5f2}.product-edo{--blue:#5263a3;--navy:#222b49;--tint:#eef0fa;--page:#f5f5f9}.product-lms{--blue:#6947b4;--navy:#29203e;--tint:#f1ecfc;--page:#f8f6fb}.product-marketpro{--blue:#a24b22;--navy:#35291f;--tint:#fff0e5;--page:#faf7f3}
.demo-skip{position:absolute;top:-100px;left:16px;z-index:100;background:var(--blue);color:#fff;padding:14px}.demo-skip:focus{top:12px}.demo-shell{display:flex;min-height:100vh}.demo-sidebar{width:224px;flex-shrink:0;background:var(--navy);color:#c5d1e2;display:flex;flex-direction:column;padding:28px 18px;position:sticky;top:0;height:100vh;min-height:640px;overflow:auto}.demo-brand{display:flex;gap:10px;align-items:center;font-size:19px;font-weight:600;color:#fff;padding:0 9px}.demo-brand img{width:32px;height:34px}.demo-product{font-size:24px;font-weight:600;color:#fff;margin:34px 11px 24px}.demo-product small{display:block;color:#bdcadd;font-size:12px;font-weight:400;margin-top:8px;line-height:1.5}.demo-sidebar nav{display:flex;flex-direction:column;gap:4px}.demo-sidebar nav a{padding:10px 12px;display:flex;align-items:center;gap:10px;border-radius:6px;min-height:44px;font-size:13px}.demo-sidebar nav a:hover{background:#ffffff12;color:#fff}.demo-sidebar nav a[aria-current=page]{background:var(--blue);color:#fff}.nav-dot{width:6px;height:6px;border:1px solid currentColor;border-radius:2px}.demo-sidebar-bottom{display:grid;gap:10px;margin-top:auto;padding:28px 12px 0;font-size:12px}.demo-sidebar-bottom a{min-height:30px}.demo-menu{display:none}.demo-workspace{flex:1;min-width:0}.demo-topbar{min-height:72px;border-bottom:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 32px;font-size:12px;color:var(--muted);gap:20px}.demo-topbar a{color:var(--blue);font-weight:600;min-height:44px;display:flex;align-items:center}.demo-topbar strong{font-weight:400;color:var(--ink)}.demo-workspace main{padding:28px 32px 38px;max-width:1580px;margin:auto}.demo-breadcrumb{font-size:12px;color:var(--muted);margin-bottom:16px}.demo-breadcrumb a{color:var(--blue)}.demo-page-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.demo-mode{display:flex;gap:8px;align-items:center;font-size:12px;background:#e0eee8;color:#225e45;border-radius:20px;padding:6px 12px;white-space:nowrap}.demo-mode i{width:6px;height:6px;border-radius:50%;background:#347c5f}.demo-banner{padding:12px 15px;background:var(--tint);border-radius:7px;color:var(--ink);font-size:12px;margin-bottom:22px}.demo-focus{background:var(--navy);color:#fff;border-radius:12px;padding:28px 30px;display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:26px;align-items:center;margin-bottom:22px;overflow:hidden}.demo-focus h2{font-size:27px;letter-spacing:-.025em;margin:10px 0}.demo-focus p{color:#d2dbee;max-width:700px;line-height:1.65}.demo-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#c8d5e9}.focus-art{height:112px;display:flex;gap:9px;align-items:center;justify-content:center;transform:rotate(-7deg)}.focus-art span{display:block;width:27px;background:#fff;border-radius:5px;opacity:.85;height:65px}.focus-art span:nth-child(2){height:96px;opacity:.55}.focus-art span:nth-child(3){height:44px;opacity:.35}.focus-art span:nth-child(4){height:78px;opacity:.7}.focus-art-erp{transform:none;flex-direction:column;gap:10px}.focus-art-erp span{width:140px;height:16px!important;align-self:flex-start}.focus-art-erp span:nth-child(2){width:95px}.focus-art-erp span:nth-child(3){width:120px}.focus-art-edo span{height:80px;width:45px;transform:rotate(-5deg);margin-left:-19px;border:5px solid #d0daf5}.focus-art-lms{transform:rotate(-15deg)}.focus-art-lms span{height:100px;width:50px;border-radius:6px 15px 6px 6px}.focus-art-marketpro{display:grid;grid-template-columns:repeat(2,48px);gap:9px;transform:rotate(-8deg)}.focus-art-marketpro span{height:46px!important;width:48px}
.demo-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.demo-kpis>div{min-width:0;border:1px solid var(--line);border-radius:9px;background:#fff;padding:21px}.demo-kpis span{display:block;color:var(--muted);font-size:12px}.demo-kpis strong{font-size:clamp(21px,2.25vw,32px);font-weight:500;letter-spacing:-.025em;display:block;margin:9px 0;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:normal}.demo-kpis small{color:var(--muted);font-size:11px}.demo-panel{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.panel-heading{padding:25px 24px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.panel-heading p{font-size:12px;margin-top:6px}.demo-actions{display:flex;flex-wrap:wrap;gap:9px}.demo-btn{border:1px solid var(--blue);border-radius:6px;background:var(--blue);color:#fff;min-height:44px;padding:10px 15px;font-size:13px;font-weight:600}.demo-btn:hover{filter:brightness(.93)}.demo-btn.secondary{background:#fff;color:var(--ink);border-color:#aebdce}.table-tools{display:grid;grid-template-columns:1.65fr 1fr 1fr;gap:14px;padding:0 24px 22px}.table-tools label{min-width:0}.table-tools label>span{font-size:12px;color:var(--muted);display:block;margin-bottom:6px}.records-view{border-top:1px solid var(--line);padding:22px;background:#fcfdff}.record-link{border:0;background:none;text-align:left;color:var(--ink);font-weight:600;font-size:15px;padding:7px 0;min-height:44px;white-space:normal;line-height:1.4;overflow-wrap:break-word;max-width:100%}.record-link:hover{color:var(--blue);text-decoration:underline}.record-action{border:0;background:var(--tint);color:var(--blue);padding:9px 12px;border-radius:6px;font-size:12px;font-weight:600;min-height:44px;line-height:1.5;max-width:100%}.record-action:hover:not(:disabled){filter:brightness(.94)}.record-action:disabled{background:#f0f2f6;color:#576779;opacity:1}.record-card{border:1px solid var(--line);border-radius:9px;background:#fff;padding:18px;min-width:0}.record-card p{font-size:13px;line-height:1.6;margin:5px 0 12px}.record-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px;margin-bottom:5px}.record-id{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.status{font-size:11px;background:#ecf0f6;color:#44546e;border-radius:20px;padding:5px 9px;display:inline-block;max-width:100%;white-space:nowrap}.status-1{background:#fff0d6;color:#795013}.status-2,.status-3{background:#e0f1e7;color:#235d41}.record-amount{font-size:23px;font-weight:500;letter-spacing:-.025em;font-variant-numeric:tabular-nums;display:block;white-space:nowrap}.record-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.record-footer>span{font-size:11px;color:var(--muted)}.demo-feedback{padding:0 24px;font-size:13px;color:#226343;overflow-wrap:break-word}.demo-feedback:not(:empty){padding-block:17px;border-top:1px solid var(--line)}.empty-records{padding:35px 20px;text-align:center}.demo-bottom-note{font-size:12px;margin-top:24px;color:var(--muted)}.demo-note{padding:15px 18px;border-left:3px solid #b88431;font-size:13px;background:#fff4df;color:#665029;margin-bottom:22px}.fallback-record{padding:16px;border-bottom:1px solid var(--line)}
.deal-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.deal-column{min-width:0;background:#eef2f8;border-radius:8px;padding:12px}.deal-column>header{padding:3px 2px 16px;border-top:3px solid var(--blue)}.deal-column h3{font-size:13px;margin-top:10px;display:flex;justify-content:space-between;gap:6px}.deal-column h3 span{color:var(--muted)}.deal-column header>strong{display:block;font-size:16px;margin-top:9px;white-space:nowrap;font-variant-numeric:tabular-nums}.deal-column .record-card{padding:13px;margin-bottom:12px}.deal-column .record-amount{font-size:20px}.deal-column .status{display:none}.deal-column .record-action{width:100%}.deal-column .record-footer{margin-top:12px}.column-empty{font-size:12px;padding:18px 4px}.plan-heading,.plan-row{display:grid;grid-template-columns:1.1fr 1fr 180px;gap:26px;align-items:center}.plan-heading{padding:0 18px 16px;color:var(--muted);font-size:12px}.plan-row{padding:20px 18px;border-top:1px solid var(--line);background:#fff}.plan-row p{font-size:12px;margin:0 0 8px}.plan-track small{font-size:11px;color:var(--muted);display:block;margin-top:10px}.progress-label{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:9px}.progress-label>strong{white-space:nowrap;font-weight:500;font-variant-numeric:tabular-nums}.record-progress{height:7px;background:#e7ecf3;border-radius:8px;overflow:hidden}.record-progress>span{height:100%;display:block;background:var(--blue);border-radius:8px}.document-row{display:grid;grid-template-columns:42px minmax(0,1fr) 145px 160px;gap:18px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}.document-row:last-child{border:0}.document-mark{height:53px;background:var(--tint);border-radius:4px;color:var(--blue);font-size:11px;display:grid;place-items:center;font-weight:600;border-top:4px solid var(--blue)}.document-row p,.document-row small{font-size:12px;color:var(--muted)}.document-row small{display:block;margin-top:7px}.workflow-list{display:grid;gap:16px}.approval-route{padding:0;margin:24px 0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.approval-route li{font-size:12px;color:var(--muted);position:relative;text-align:center}.approval-route li:before{content:"";position:absolute;left:50%;top:14px;width:100%;height:2px;background:#dce3ee;z-index:0}.approval-route li:last-child:before{display:none}.approval-route li>span{display:grid;place-items:center;position:relative;width:30px;height:30px;border-radius:50%;background:#e4e9f1;margin:0 auto 9px;color:var(--muted)}.approval-route .reached>span{background:var(--blue);color:#fff}.course-grid,.catalog-grid,.order-grid,.people-grid,.review-grid,.connection-grid,.inbox-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-card,.catalog-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-width:0}.course-cover{background:#ddd2f4;height:140px;position:relative;overflow:hidden;padding:20px}.course-cover>span{font-size:54px;color:#4f3188;font-weight:600;position:relative;z-index:1;letter-spacing:-.06em}.course-cover>div{height:150px;width:150px;border:25px solid #b296e1;border-radius:50%;position:absolute;right:-18px;top:28px}.cover-1{background:#d9e6ed}.cover-1>span{color:#275870}.cover-1>div{border-color:#9abed0;border-radius:20px;transform:rotate(25deg)}.cover-2{background:#f8e5cc}.cover-2>span{color:#80551e}.cover-2>div{border-color:#e9c38d;border-radius:35% 65% 55% 45%}.course-content{padding:20px}.course-content>.record-link{display:block;margin-top:10px}.course-content p{font-size:12px;margin:5px 0 24px}.course-content>.record-action{width:100%;margin-top:22px}.lesson-row{display:grid;grid-template-columns:48px minmax(0,1fr) 180px 150px;align-items:center;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}.lesson-number{font-size:26px;color:var(--blue);letter-spacing:-.05em}.lesson-row>.record-progress{display:none}.lesson-row p{font-size:12px}.lesson-row .progress-label{margin:0}.lesson-row{grid-template-columns:48px minmax(0,1fr) 120px 150px}.review-grid .record-progress{margin-bottom:18px}.order-steps{display:flex;gap:5px;margin-top:20px}.order-steps span{flex:1;height:5px;background:#e6eaf0;border-radius:4px}.order-steps .active{background:var(--blue)}.catalog-card>div:last-child{padding:18px}.catalog-art{height:140px;display:grid;place-items:center;background:#f3e8d7}.catalog-art span{height:85px;width:85px;background:#fff9ef;border-radius:22px 22px 8px 8px;display:grid;place-items:center;font-size:42px;font-weight:500;color:#8c5729;box-shadow:14px 14px 0 #ddc9ac}.catalog-art-1{background:#e1e8e6}.catalog-art-1 span{color:#43645c;background:#f9fffd;box-shadow:14px 14px 0 #b6ccc5;border-radius:50%}.catalog-art-2{background:#e6e2ed}.catalog-art-2 span{color:#66547b;box-shadow:14px 14px 0 #c7bbd8;background:#fff;border-radius:4px;transform:rotate(-7deg)}.catalog-card p{font-size:12px;margin-bottom:12px}.catalog-card .record-footer{margin-bottom:12px}.stock-row{display:grid;grid-template-columns:minmax(0,1fr) 1fr 130px 135px;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.stock-row p{font-size:12px}.stock-count{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;font-size:12px}.stock-count>strong{font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums}.stock-count>span{color:var(--muted);font-size:11px}.stock-meter{height:7px;background:#e7ecf3;border-radius:5px}.stock-meter span{display:block;height:100%;background:var(--blue);border-radius:5px}.stock-meter.low span{background:#b37723}.stock-state{font-size:12px;color:#2e644c}.stock-state.low{color:#8a5414}.table-scroll{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px;text-align:left}th,td{padding:16px 18px;border-bottom:1px solid var(--line);font-size:13px}th{font-size:12px;color:var(--muted);font-weight:500;background:#f4f7fb}td.numeric{white-space:nowrap;font-variant-numeric:tabular-nums}.price-input{min-width:140px;width:150px;font-variant-numeric:tabular-nums}.person-summary{display:flex;gap:12px;margin:14px 0;align-items:center}.person-summary p{margin:0 0 4px}.person-summary strong{font-size:12px;font-weight:500}.person-avatar{display:grid;place-items:center;flex-shrink:0;background:var(--tint);color:var(--blue);height:44px;width:44px;border-radius:50%;font-size:14px}.agenda-row{display:grid;grid-template-columns:30px minmax(0,1fr) 95px 105px;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.task-check{height:28px;width:28px;border:1px solid #8d9bad;border-radius:50%;background:#fff;color:#fff;padding:0}.task-check[aria-pressed=true]{background:var(--blue);border-color:var(--blue)}.agenda-row.done .record-link{text-decoration:line-through;color:var(--muted)}.agenda-row p{font-size:12px}.priority{font-size:12px;color:var(--muted)}.priority.high{color:#8f4c18;font-weight:600}.connection-status{display:flex;align-items:center;gap:8px;margin:16px 0 8px;font-size:13px}.connection-light{width:8px;height:8px;border-radius:50%;background:#337755}.connection-light.warning{background:#b17621}.connection-grid .record-action{margin-top:8px}.chart-caption{font-size:12px;margin-bottom:20px}.analytics-row{display:grid;grid-template-columns:minmax(180px,1.2fr) 2fr 75px;gap:20px;align-items:center;margin:22px 0}.analytics-row small{font-size:11px;display:block;color:var(--muted)}.analytics-row strong{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.analytics-meter{height:15px;background:#e7edf5;border-radius:4px;overflow:hidden}.analytics-meter span{display:block;height:100%;background:var(--blue);border-radius:4px}.permission-toggle{border:1px solid #acb9ca;border-radius:6px;background:#fff;color:var(--muted);padding:9px 12px;min-height:44px;font-size:12px}.permission-toggle[aria-pressed=true]{color:var(--blue);background:var(--tint);border-color:var(--blue)}.activity-row{display:grid;grid-template-columns:84px 12px minmax(0,1fr) 110px;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.activity-row:has(.record-action){grid-template-columns:84px 12px minmax(0,1fr) 95px 120px}.activity-row time{font-size:11px;color:var(--muted)}.activity-dot{height:9px;width:9px;border-radius:50%;background:var(--blue)}.activity-row p{font-size:12px}.payment-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 105px 150px;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.payment-row p{font-size:12px}.payment-row .record-amount{font-size:20px}
.settings-panel{max-width:760px;padding:30px}.settings-panel>p{margin-top:10px}.settings-panel form{margin-top:28px;max-width:520px}.settings-panel form>label{display:block;margin-bottom:20px}.settings-panel input,.settings-panel select{margin-top:8px}.settings-panel .settings-check{display:flex;gap:10px;align-items:center}.settings-check input{width:18px;min-height:18px;margin:0;accent-color:var(--blue)}.settings-panel .demo-feedback{padding-inline:0}dialog{width:min(560px,calc(100% - 32px));max-height:90vh;overflow:auto;border:1px solid #cbd5e3;border-radius:12px;padding:26px;color:var(--ink);background:#fff;box-shadow:0 25px 90px #11244240}dialog::backdrop{background:#10244188}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.dialog-heading h2{font-size:20px;overflow-wrap:break-word}.dialog-heading button{background:none;border:0;font-size:28px;color:var(--muted);min-width:44px;height:44px}.dialog-note{font-size:12px;margin:10px 0 24px}dialog label{display:block;font-size:13px;margin-bottom:18px}dialog input,dialog select{margin-top:7px}.lesson-eyebrow{font-size:11px;text-transform:uppercase;color:var(--blue);letter-spacing:.1em;margin:20px 0 12px}.lesson-copy{margin:16px 0 24px;line-height:1.8}#lesson-quiz fieldset{padding:0;border:0;margin:0 0 22px}#lesson-quiz legend{font-weight:600;margin-bottom:14px}.quiz-option{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:7px;margin:8px 0}.quiz-option input{width:18px;min-height:18px;margin:0;accent-color:var(--blue);flex-shrink:0}#quiz-feedback{margin:16px 0;font-size:13px}#finish-lesson{width:100%}
.demo-hub{background:#f7f9fd}.demo-hub>header{padding:24px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;width:min(1200px,calc(100% - 64px));margin:auto;color:var(--blue);font-size:14px}.demo-hub>header a{min-height:44px;display:flex;align-items:center}.demo-hub>main{width:min(1200px,calc(100% - 64px));margin:65px auto}.hub-eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--blue)}.demo-hub h1{font-size:clamp(36px,4.3vw,60px);margin-top:25px;max-width:900px;line-height:1.06}.hub-lead{font-size:18px;max-width:730px;margin-top:24px;line-height:1.7}.demo-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:42px}.demo-hub-card{padding:0 26px 26px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;flex-direction:column;overflow:hidden;min-width:0;transition:transform .18s,border-color .18s}.demo-hub-card:hover{border-color:var(--blue);transform:translateY(-3px)}.demo-hub-card>span{font-size:12px;color:var(--blue);margin:22px 0 12px;text-transform:uppercase;letter-spacing:.08em}.demo-hub-card h2{font-size:23px;font-weight:500;line-height:1.25;letter-spacing:-.025em}.demo-hub-card p{font-size:14px;margin:18px 0 24px;line-height:1.65}.demo-hub-card>strong{font-size:13px;color:var(--blue);margin-top:auto;display:flex;justify-content:space-between}.hub-preview{margin:0 -26px;background:var(--tint);height:154px;padding:24px 20px;display:grid;place-items:center}.hub-board,.hub-orders{display:flex;gap:7px;align-items:flex-start;width:100%}.hub-board span,.hub-orders span{background:#fff;border-radius:5px;padding:12px 8px;font-size:10px;color:var(--muted);flex:1;min-width:0;border-top:3px solid var(--blue)}.hub-board b,.hub-orders b{font-size:11px;color:var(--ink);display:block;margin-top:12px;white-space:nowrap}.hub-board span:nth-child(2){margin-top:12px}.hub-board span:nth-child(3){margin-top:24px}.hub-plan{display:grid;gap:9px;width:100%}.hub-plan span{font-size:10px;color:var(--muted)}.hub-plan i{display:block;height:12px;background:var(--blue);border-radius:3px;margin-top:4px}.hub-flow{display:flex;align-items:center;gap:7px;font-size:10px;width:100%}.hub-flow span{background:#fff;border-radius:5px;padding:14px 8px;color:var(--blue);flex:1;text-align:center}.hub-flow b{color:var(--blue)}.hub-learning{display:flex;align-items:center;gap:18px;background:#fff;padding:22px 18px;width:100%;border-radius:7px;font-size:12px}.hub-learning>strong{font-size:42px;letter-spacing:-.05em;color:var(--blue)}.hub-learning span{display:block;font-size:10px;color:var(--muted);margin-top:7px}.hub-orders{align-items:center}.hub-orders span:last-child{margin-top:20px}
@media(max-width:1200px){.demo-sidebar{width:200px;padding-inline:12px}.demo-workspace main{padding-inline:24px}.demo-topbar{padding-inline:24px}.deal-board{grid-template-columns:repeat(2,minmax(0,1fr))}.course-grid,.catalog-grid,.order-grid,.people-grid,.review-grid,.connection-grid,.inbox-list{grid-template-columns:repeat(2,minmax(0,1fr))}.document-row{grid-template-columns:36px minmax(0,1fr) 130px}.document-row>.record-action{grid-column:2/-1;justify-self:start}.stock-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stock-state{grid-column:1}.stock-row>.record-action{justify-self:start}.plan-heading,.plan-row{grid-template-columns:1fr 1fr}.plan-heading>span:last-child{display:none}.plan-row>.record-action{grid-column:2;justify-self:start;margin-top:-10px}.payment-row{grid-template-columns:1fr 150px}.payment-row>.record-action{justify-self:start}.lesson-row{grid-template-columns:35px minmax(0,1fr) 140px}.lesson-row>.progress-label{grid-column:2;grid-row:2}.lesson-row>.record-action{grid-column:3;grid-row:1/3}.activity-row:has(.record-action){grid-template-columns:75px 10px minmax(0,1fr) 110px}.activity-row>.record-action{grid-column:3;justify-self:start}.activity-row:has(.record-action)>.status{grid-column:4;grid-row:1}}
@media(max-width:850px){.demo-shell{display:block}.demo-sidebar{position:static;width:100%;height:auto;min-height:0;padding:17px 22px;overflow:visible;display:grid;grid-template-columns:1fr auto;gap:0 20px}.demo-brand{padding:0;font-size:18px}.demo-product{display:none}.demo-menu{display:block;min-height:44px;padding:8px 15px;border:1px solid #8190a7;color:#fff;background:transparent;border-radius:5px;font-size:13px}.demo-sidebar nav{display:none;grid-column:1/-1;margin-top:18px;grid-template-columns:1fr 1fr}.demo-sidebar nav.open{display:grid}.demo-sidebar-bottom{display:none}.demo-topbar{min-height:62px;padding:8px 22px}.demo-workspace main{padding:24px 22px}.demo-kpis strong{font-size:24px}.demo-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-focus{padding:24px;grid-template-columns:1fr 110px}.focus-art{transform:scale(.85)}.demo-focus h2{font-size:25px}.analytics-row{grid-template-columns:minmax(160px,1.2fr) 1.5fr 65px}.table-tools{grid-template-columns:1.3fr 1fr 1fr}.demo-hub>main{margin-top:45px}}
@media(max-width:600px){h1{font-size:30px}.demo-sidebar{padding:15px 18px}.demo-topbar{padding-inline:18px;font-size:11px;gap:12px}.demo-topbar>span{max-width:150px}.demo-workspace main{padding:23px 16px}.demo-mode{font-size:11px}.demo-banner{font-size:12px}.demo-focus{grid-template-columns:1fr;padding:22px}.demo-focus h2{font-size:25px}.focus-art{display:none}.demo-kpis{grid-template-columns:1fr;gap:8px}.demo-kpis>div{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:15px 17px;align-items:center}.demo-kpis span{font-size:13px}.demo-kpis strong{font-size:22px;margin:0;grid-column:2;grid-row:1/3}.demo-kpis small{grid-column:1}.panel-heading{padding:22px 16px 18px}.panel-heading h2{font-size:19px}.table-tools{grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 20px}.table-tools label:first-child{grid-column:1/-1}input,select{font-size:16px}.records-view{padding:14px}.deal-board,.course-grid,.catalog-grid,.order-grid,.people-grid,.review-grid,.connection-grid,.inbox-list{grid-template-columns:1fr}.deal-column .record-action{width:auto}.record-amount{font-size:25px}.plan-heading{display:none}.plan-row{grid-template-columns:1fr;padding:20px 4px;gap:16px}.plan-row>.record-action{grid-column:auto;margin:0}.plan-track small{font-size:12px}.document-row{grid-template-columns:34px minmax(0,1fr);gap:12px}.document-row>div:nth-child(3){grid-column:2;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.document-row small{margin:0}.document-row>.record-action{grid-column:2}.approval-route{gap:2px}.approval-route li{font-size:11px;overflow-wrap:break-word}.course-cover{height:145px}.lesson-row{grid-template-columns:30px minmax(0,1fr);gap:12px}.lesson-row>.record-action{grid-column:2;grid-row:3;justify-self:start}.stock-row{gap:14px}.stock-row>div:first-child{grid-column:1/-1}.stock-row>div:nth-child(2){grid-column:1/-1}.stock-state{font-size:12px}.stock-row>.record-action{justify-self:end}.agenda-row{grid-template-columns:30px minmax(0,1fr);gap:10px 13px}.agenda-row>.priority{grid-column:2}.agenda-row>.status{grid-column:2;justify-self:start}.analytics-row{grid-template-columns:minmax(0,1fr) 70px;gap:9px;margin:23px 0}.analytics-row>.analytics-meter{grid-column:1;grid-row:2}.analytics-row>strong{grid-column:2;grid-row:1/3}.analytics-row .record-link{font-size:14px}.analytics-row small{font-size:12px}.activity-row,.activity-row:has(.record-action){grid-template-columns:10px minmax(0,1fr);gap:10px 12px}.activity-row>time{grid-column:2;grid-row:1}.activity-dot{grid-column:1;grid-row:2}.activity-row>div{grid-column:2;grid-row:2}.activity-row>.status,.activity-row:has(.record-action)>.status{grid-column:2;grid-row:3;justify-self:start}.activity-row>.record-action{grid-column:2;grid-row:4}.payment-row{grid-template-columns:1fr;gap:11px}.payment-row>.status{justify-self:start}.payment-row>.record-amount{font-size:24px}.settings-panel{padding:22px 18px}dialog{padding:20px}dialog input,dialog select{font-size:16px}.demo-hub>header,.demo-hub>main{width:calc(100% - 36px)}.demo-hub>header{font-size:12px;gap:16px}.demo-hub>main{margin-top:38px}.demo-hub h1{font-size:37px;line-height:1.1}.hub-lead{font-size:16px}.demo-hub-grid{grid-template-columns:1fr;margin-top:30px}.hub-preview{height:165px}.demo-hub-card h2{font-size:24px}.hub-board span,.hub-flow{font-size:12px}.hub-board b{font-size:13px}.hub-orders span{font-size:13px}.hub-orders b{font-size:17px}.task-check{min-width:44px;min-height:44px}.agenda-row{grid-template-columns:44px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* A consistent, visible brand on every demo surface. */
.demo-brand img{width:39px;height:43px;flex-shrink:0;object-fit:contain}
.demo-hub-brand{gap:11px;font-size:20px;font-weight:600;color:var(--ink)}
.demo-hub-brand img{display:block;width:43px;height:47px;object-fit:contain;flex-shrink:0}
@media(max-width:600px){.demo-hub-brand{font-size:18px;gap:8px}.demo-hub-brand img{width:36px;height:40px}.demo-brand img{width:36px;height:40px}}

/* UX-02: слой представления над опубликованным контроллером МаркетПро.
   Данные, расчёты, состояния заказов, формы и CSV не переписываются. */
:root{--accent:#2154e8;--accent-dark:#163eb5;--ink:#142234;--muted:#526174;--line:#d5dce5;--surface:#f6f8fb;--sidebar:#111f32;--sidebar-active:#2b4568;--focus:#a04c00}
body.product-marketpro{background:#f6f8fb;color:#142234;font-family:Arial,Helvetica,sans-serif;--accent:#2154e8;--accent-soft:#e9efff;--accent-dark:#163eb5;--sidebar:#111f32}
.demo-shell{grid-template-columns:210px minmax(0,1fr)}
.demo-sidebar{background:#111f32;padding:24px 19px;color:#fff}
.demo-brand{font-size:22px;gap:10px}.demo-brand img{width:44px;height:48px;object-fit:contain}
.demo-product{font-size:19px;border-color:#42556c;margin-block:27px 23px}.demo-product small{font-size:11px;color:#c3cfdf}
.demo-sidebar nav a{min-height:44px;padding:11px 13px;font-size:14px;border-radius:5px;color:#d3dff0}
.demo-sidebar nav a[aria-current=page]{background:#d9f39c;color:#24371c}
.demo-sidebar nav a:hover{background:#2b4568;color:#fff}
.demo-sidebar nav a[aria-current=page]:hover{background:#c6e783;color:#24371c}
.demo-sidebar-bottom{border-color:#42556c}.demo-sidebar-bottom a{color:#d3dff0;min-height:44px;display:flex;align-items:center}
.demo-topbar{background:#fff;border-color:#d5dce5;padding:18px 34px;min-height:69px}
.demo-topbar a{color:#2154e8;font-size:13px;min-height:44px;display:flex;align-items:center}
#demo-main{padding:27px 34px 25px}.demo-breadcrumb{font-size:12px;margin-bottom:22px}
.demo-page-heading{margin-bottom:14px}h1{font-size:38px;letter-spacing:-.045em}.demo-mode{font-size:11px;background:#e9efff;color:#25497e}
.demo-banner{font-size:12px;padding:10px 14px;background:#edf2f8;border-color:#d5dce5;color:#526174;margin-bottom:21px}
.demo-kpis{gap:0;border-block:1px solid #c9d3e1;background:transparent;margin:20px 0 25px}
.demo-kpis>div{border:0;border-right:1px solid #c9d3e1;border-radius:0;background:none;padding:16px 22px;box-shadow:none}.demo-kpis>div:first-child{padding-left:0}.demo-kpis>div:last-child{border-right:0}
.demo-kpis span{font-size:11px;color:#526174}.demo-kpis strong{font-size:27px;letter-spacing:-.03em;margin-top:5px}.demo-kpis small{font-size:10px;color:#647188}
.demo-panel{border:1px solid #d5dce5;border-radius:12px;box-shadow:none;overflow:visible}.panel-heading{padding:20px 21px}.panel-heading h2{font-size:21px;letter-spacing:-.03em}.panel-heading p{font-size:12px}
.demo-btn{border-radius:6px;background:#2154e8;color:#fff;border-color:#2154e8;min-height:44px;font-size:12px;padding:10px 14px}.demo-btn.secondary{background:#fff;color:#24344c;border-color:#8a9bb3}
.demo-btn:hover{background:#163eb5;color:#fff}.demo-btn.secondary:hover{background:#eef2fa;color:#142234}
.table-tools{grid-template-columns:minmax(200px,1.4fr) .7fr .7fr;gap:18px;background:#f6f8fb;padding:17px 21px}
.table-tools label span{font-size:11px;font-weight:600}.table-tools input,.table-tools select{border-color:#8193aa;background:white;min-height:44px;font-size:13px;border-radius:5px}
#demo-view{padding:0 21px}.order-grid{display:block!important}
.order-grid .record-card{display:grid;grid-template-columns:1.1fr .65fr .7fr .6fr 175px;gap:5px 20px;padding:18px 0;border:0;border-bottom:1px solid #d5dce5;border-radius:0;box-shadow:none;align-items:center;background:#fff;min-height:98px}
.order-grid .record-card:last-child{border-bottom:0}
.order-grid .record-link{grid-column:1;grid-row:1;text-align:left;font-size:14px;font-weight:600;min-height:32px;color:#2154e8;line-height:1.35;margin:0;padding:0}
.order-grid .record-top{grid-column:1;grid-row:2;display:flex;justify-content:flex-start;gap:8px;margin:0}
.order-grid .record-id{display:none}.order-grid .status{font-size:10px;padding:4px 7px;font-weight:500;line-height:1.3;border-radius:4px}
.order-grid .record-card>p{grid-column:2;grid-row:1/3;margin:0;font-size:12px;color:#526174}
.order-grid .record-amount{grid-column:3;grid-row:1/3;margin:0;font-size:17px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;letter-spacing:-.015em}
.order-grid .order-steps{grid-column:4;grid-row:1/3;gap:3px;margin:0;width:100%}
.order-steps span{background:#dfe6ef}.order-steps span.active{background:#2154e8}
.order-grid .record-footer{grid-column:5;grid-row:1/3;border:0;padding:0;margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:10px}
.record-action{background:#e9efff;border:1px solid #9eb3e8;border-radius:5px;color:#183d9e;font-size:13px;min-height:44px;padding:10px 12px;line-height:1.3}
.record-action:hover{background:#2154e8;color:white}.record-action:disabled{background:#f0f3f7;color:#667284;border-color:#bac5d3;cursor:default;opacity:1}
.demo-feedback{padding:8px 21px;font-size:12px;color:#274771}.empty-records{margin:20px;padding:25px;font-size:14px}
.demo-bottom-note{font-size:11px;color:#536174;margin-top:18px}
#record-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:430px;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:27px;box-shadow:-25px 0 80px #0b1e3933}
#record-dialog::backdrop{background:#0b1e3940}.dialog-heading h2{font-size:24px}.dialog-heading button{min-width:44px;min-height:44px}
#record-form>label{font-size:13px}#record-form input,#record-form select{font-size:16px;border:1px solid #8193aa;border-radius:5px;min-height:48px;background:white}.dialog-note{font-size:12px;color:#526174}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a04c00;outline-offset:4px}.demo-sidebar a:focus-visible,.demo-sidebar button:focus-visible{outline-color:#d9f39c}
@media(max-width:1100px) and (min-width:901px){.order-grid .record-card{grid-template-columns:1.1fr .7fr .8fr 165px;gap:5px 16px}.order-grid .record-footer{grid-column:4}.order-grid .order-steps{display:none}.demo-shell{grid-template-columns:190px 1fr}#demo-main{padding-inline:22px}.table-tools{grid-template-columns:1.2fr .8fr .8fr}}
@media(max-width:900px){.demo-shell{display:block}.demo-sidebar{padding:14px 24px;position:relative;width:100%;height:auto}.demo-brand{font-size:20px}.demo-brand img{width:35px;height:39px}.demo-product{margin:0;border:0;font-size:16px}.demo-product small{font-size:10px}.demo-menu{color:white;border-color:#607389}.demo-sidebar nav{background:#111f32}.demo-topbar{padding:10px 24px}#demo-main{padding:24px}.demo-kpis strong{font-size:24px}.order-grid .record-card{grid-template-columns:1.1fr .7fr .65fr 175px;gap:5px 17px}.order-grid .order-steps{display:none}.order-grid .record-footer{grid-column:4}}
@media(max-width:599px){.demo-sidebar{padding:14px 18px}.demo-brand{font-size:18px}.demo-topbar{padding:10px 18px;flex-wrap:wrap;gap:4px;font-size:11px}.demo-topbar a{font-size:13px;min-height:44px}#demo-main{padding:22px 18px}.demo-breadcrumb{font-size:11px}h1{font-size:32px}.demo-banner{font-size:11px;line-height:1.6;padding:10px 12px}.demo-mode{font-size:10px}.demo-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-kpis>div{padding:12px 10px!important}.demo-kpis span{font-size:10px;line-height:1.4}.demo-kpis strong{font-size:19px;line-height:1.4}.demo-kpis small{display:none}.panel-heading{padding:19px 15px;flex-wrap:wrap;gap:15px}.panel-heading h2{font-size:20px}.demo-actions{width:100%;gap:8px}.demo-actions .demo-btn{flex:1;min-width:0;font-size:11px;padding:10px 8px}.table-tools{display:grid;grid-template-columns:1fr 1fr;padding:15px;gap:13px}.table-tools label:first-child{grid-column:1/-1}.table-tools input,.table-tools select{font-size:16px}.table-tools input::placeholder{font-size:12px}#demo-view{padding:0 15px}.order-grid .record-card{grid-template-columns:1fr 1fr;gap:9px 13px;min-height:0;padding:20px 0}.order-grid .record-link{grid-column:1;grid-row:1;min-height:44px;font-size:14px}.order-grid .record-top{grid-column:2;grid-row:1;justify-content:flex-end}.order-grid .record-card>p{grid-column:1;grid-row:2;font-size:12px}.order-grid .record-amount{grid-column:2;grid-row:2;font-size:17px}.order-grid .record-footer{grid-column:1/-1;grid-row:3;flex-direction:row;align-items:center;justify-content:space-between;margin-top:8px;gap:10px}.order-grid .record-action{min-height:44px;font-size:13px;max-width:175px}.order-grid .record-footer>span{font-size:11px}.demo-feedback{padding-inline:15px}.demo-sidebar nav a{font-size:16px}.demo-sidebar nav a[aria-current=page]{color:#24371c}.demo-menu{min-height:44px}#record-dialog{width:100%;padding:22px}#record-form .demo-btn{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.demo-brand span{white-space:nowrap;font-size:18px}.demo-breadcrumb a{color:#2154e8}
.record-action{min-height:44px}
@media(max-width:599px){.demo-kpis>div{display:block;min-width:0}.demo-kpis strong{display:block;white-space:nowrap;margin-top:6px}.demo-kpis span{display:block;min-height:28px}}
/* Text enlargement must reflow the original five demo controllers. */
.demo-sidebar,.demo-hub-card,.hub-preview,.demo-workspace,.demo-hub-grid>*{min-width:0}.demo-menu{max-width:100%;white-space:normal;overflow-wrap:normal}.demo-sidebar{flex-wrap:wrap}.demo-brand{min-width:0}.demo-hub-card h2,.demo-hub-card p,.demo-hub h1{overflow-wrap:normal}.hub-board{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}.hub-board>span{min-width:0;overflow-wrap:normal}.demo-toolbar{flex-wrap:wrap}.demo-btn,.demo-actions>button{max-width:100%;white-space:normal;overflow-wrap:normal}.demo-panel,.demo-kpis>*{min-width:0}
.demo-hub :is(h1,h2,h3,p),.demo-btn,.demo-menu,.demo-actions>button{hyphens:none;overflow-wrap:break-word;word-break:normal}.hub-board>span{overflow-wrap:break-word}
.demo-kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,8em),1fr))}.demo-kpis span{overflow-wrap:break-word}.demo-page-heading>*{min-width:0;max-width:100%}.demo-page-heading h1{hyphens:none;overflow-wrap:break-word;word-break:normal}
.approval-route{grid-template-columns:repeat(4,minmax(0,1fr))}.approval-route li{min-width:0}
.panel-heading>*{min-width:0;max-width:100%}.panel-heading h2{hyphens:none;overflow-wrap:break-word;word-break:normal}

.demo-hub-card>strong{display:flex;align-items:center;min-height:44px;line-height:1.5}.hub-flow{flex-wrap:wrap;gap:10px;max-width:100%}