:root{--yellow:#ffd600;--black:#171717;--bg:#f4f5f7;--panel:#fff;--border:#e4e7ec;--muted:#667085;--green:#087a3e;--red:#b42318;--blue:#175cd3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#1d2939;font:15px/1.45 Inter,Segoe UI,Arial,sans-serif}.topbar{min-height:70px;background:var(--black);display:flex;align-items:center;gap:28px;padding:12px 4vw;color:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--yellow);color:#111;display:grid;place-items:center;font-size:21px}.brand small{display:block;color:#98a2b3;font-size:11px}.topbar nav{display:flex;gap:17px;flex:1;flex-wrap:wrap}.topbar nav a{color:#e4e7ec;text-decoration:none;font-weight:650}.topbar nav a:hover{color:var(--yellow)}.logout button{background:none;border:0;color:#d0d5dd;cursor:pointer}.container{width:min(1480px,94vw);margin:28px auto 70px}footer{text-align:center;color:#98a2b3;padding:25px}.hero{background:linear-gradient(135deg,#181818,#34373d);color:#fff;padding:34px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:25px}.hero h1,.auth-copy h1{font-size:36px;line-height:1.1;margin:8px 0 12px}.hero p,.auth-copy p{color:#d0d5dd;max-width:760px}.eyebrow{color:var(--yellow);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.hero-status{min-width:230px;background:#ffffff12;border:1px solid #ffffff20;border-radius:17px;padding:18px}.hero-status strong,.hero-status small{display:block;margin-top:7px}.hero-status small{color:#bfc5ce}.badge,.status,.action{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:850;letter-spacing:.03em}.badge.green,.status.success,.action.increase,.action.start{background:#d9f5e5;color:var(--green)}.badge.red,.status.error,.action.decrease,.action.stop{background:#fee4e2;color:var(--red)}.status.running{background:#eaf2ff;color:var(--blue)}.action.hold,.action.off{background:#eef1f5;color:#475467}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stats-grid.compact{margin-bottom:22px}.stat{background:var(--panel);border:1px solid var(--border);border-radius:17px;padding:18px}.stat span,.stat small{display:block;color:var(--muted)}.stat strong{display:block;font-size:24px;margin:7px 0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:22px;margin:18px 0}.panel h2{margin:0 0 8px}.panel-head,.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:15px 0}.page-head h1,.panel-head h2{margin:0}.page-head p,.panel-head p{margin:5px 0;color:var(--muted)}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:11px 16px;font-weight:800;text-decoration:none;cursor:pointer}.btn.primary{background:var(--yellow);color:#111}.btn.secondary{background:#fff;color:#222;border:1px solid var(--border)}.btn.ghost{background:transparent;color:#475467;border:1px dashed #98a2b3}.btn.danger{background:var(--red);color:#fff}.flash{border-radius:13px;padding:14px 17px;margin:12px 0;font-weight:700}.flash.success{background:#dcfae6;color:var(--green)}.flash.error{background:#fee4e2;color:var(--red)}.flash.info{background:#eaf2ff;color:var(--blue)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}td small{display:block;color:var(--muted);margin-top:4px}code{font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-grid label{font-weight:750}.form-grid input,.auth-card input,.inline input{width:100%;border:1px solid #cfd4dc;border-radius:10px;padding:11px;margin-top:6px}.form-grid label small{display:block;color:var(--muted);font-weight:400;margin-top:4px}.wide{grid-column:1/-1}.notice,.checks-box{padding:14px;background:#fffbeb;border:1px solid #f6df77;border-radius:12px;display:flex;gap:12px;flex-wrap:wrap}.checks-box{background:#f9fafb;border-color:var(--border)}.check{display:flex;align-items:center;gap:8px}.check input{width:18px!important;margin:0!important}.danger-text{color:var(--red)}.details{display:grid;grid-template-columns:220px 1fr;gap:9px}.details dt{color:var(--muted)}.details dd{margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:30px}.split form{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.auth-shell{min-height:72vh;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:55px}.auth-copy{padding:45px;background:linear-gradient(135deg,#171717,#333);border-radius:25px;color:#fff}.auth-card{background:#fff;border:1px solid var(--border);border-radius:21px;padding:28px;display:flex;flex-direction:column;gap:15px}.auth-card h2{margin:0}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan{background:#fff;border:1px solid var(--border);border-radius:20px;padding:24px}.plan>strong{font-size:28px}.plan>strong small{font-size:13px;color:var(--muted)}.inline{display:flex;gap:10px;max-width:580px}.danger-zone{background:#fff9f9;border-color:#f7b8b2}@media(max-width:1050px){.topbar{align-items:flex-start}.topbar nav{gap:10px}.stats-grid,.plans{grid-template-columns:repeat(2,1fr)}.auth-shell{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.split{grid-template-columns:1fr}}@media(max-width:680px){.topbar{position:static;flex-direction:column}.container{width:96vw;margin-top:14px}.hero{padding:23px;align-items:flex-start;flex-direction:column}.hero h1,.auth-copy h1{font-size:28px}.hero-status{width:100%}.stats-grid,.plans{grid-template-columns:1fr}.page-head,.panel-head{align-items:flex-start;flex-direction:column}.details{grid-template-columns:1fr}.inline{flex-direction:column}}
.panel label{font-weight:750;display:block}.panel label input{width:100%;border:1px solid #cfd4dc;border-radius:10px;padding:11px;margin:6px 0 14px}

.app-footer{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap}.app-footer a{color:inherit;font-weight:800}.app-footer a:hover{color:#a67d00}
.auth-links{display:flex;align-items:center;justify-content:flex-start;gap:12px}.auth-links-right{justify-content:flex-end;margin-top:-6px}.auth-links a{color:#7a5b00;font-weight:800;text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-note{margin:0;color:var(--muted);font-size:13px}.auth-card .btn{width:100%}

/* Подписка и оплата 0.5.0 */
.trial-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 16px;margin:0 0 16px;border:1px solid #f2d35c;border-radius:14px;background:#fff9d8;color:#5f4b00}.trial-strip a{color:#4d3d00;font-weight:850}.btn:disabled{cursor:not-allowed;opacity:.48;filter:grayscale(.2)}.locked-panel{border-color:#f1c4bf;background:linear-gradient(180deg,#fff,#fff8f7)}.locked-note{font-weight:750;color:var(--red)}.hero-buy{margin-top:14px;width:100%}
.billing-hero{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:30px;padding:34px;border-radius:24px;background:linear-gradient(135deg,#171717,#31343a);color:#fff}.billing-hero h1{margin:8px 0 12px;font-size:38px;line-height:1.05}.billing-hero p{margin:0;color:#d0d5dd;max-width:760px}.billing-status-card{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid #ffffff21;border-radius:18px;background:#ffffff0d}.billing-status-card strong{font-size:25px}.billing-status-card small{color:#d0d5dd}.payment-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.payment-trust-row>div{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center;padding:16px 18px;border:1px solid var(--border);border-radius:16px;background:#fff}.payment-trust-row span{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#dcfae6;color:var(--green);font-weight:900}.payment-trust-row strong,.payment-trust-row small{display:block}.payment-trust-row small{color:var(--muted)}
.billing-plans{align-items:stretch}.billing-plan{position:relative;display:flex;flex-direction:column;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.billing-plan:hover{transform:translateY(-3px);box-shadow:0 18px 42px #10182817}.billing-plan.featured{border:2px solid var(--yellow);box-shadow:0 14px 38px #ffd60024}.plan-ribbon{position:absolute;top:0;right:0;padding:7px 14px;border-radius:0 18px 0 14px;background:var(--yellow);color:#171717;font-size:11px;font-weight:900;text-transform:uppercase}.plan-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.plan-heading h2{margin:4px 0}.plan-heading>strong{font-size:28px;text-align:right;white-space:nowrap}.plan-heading>strong small{display:block;font-size:12px;color:var(--muted)}.plan-code{font-size:11px;font-weight:900;letter-spacing:.06em;color:#7a5b00}.plan-limit{display:inline-flex;align-self:flex-start;padding:5px 10px;border-radius:999px;background:#f2f4f7;font-weight:750}.plan-features{list-style:none;padding:0;margin:14px 0 20px;display:grid;gap:10px;flex:1}.plan-features li{position:relative;padding-left:24px}.plan-features li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:900}.checkout-form{display:grid;gap:12px}.checkout-consent{display:flex!important;align-items:flex-start;gap:9px;font-size:12px;font-weight:500!important;color:#475467}.checkout-consent input{width:18px!important;min-width:18px;margin:1px 0 0!important}.checkout-consent a{font-weight:850;color:#7a5b00}.required-consent{padding-top:12px;border-top:1px solid var(--border)}.one-time-note{margin:0;padding:10px 12px;border-radius:10px;background:#f9fafb;color:var(--muted);font-size:12px}.payment-button{width:100%;font-size:16px;padding:14px}.subscription-current{border-left:5px solid var(--yellow)}.billing-footnote{padding:18px 22px;border-radius:15px;background:#f9fafb;border:1px solid var(--border);color:#475467}.billing-footnote p{margin:5px 0}
.subscription-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px}.subscription-modal.is-hidden{display:none}.subscription-modal__backdrop{position:absolute;inset:0;background:#101828bd;backdrop-filter:blur(5px)}.subscription-modal__card{position:relative;width:min(850px,96vw);max-height:92vh;overflow:auto;padding:34px;border-radius:26px;background:#fff;box-shadow:0 30px 90px #0007}.subscription-modal__close{position:absolute;top:16px;right:18px;width:38px;height:38px;border:0;border-radius:50%;background:#f2f4f7;font-size:26px;cursor:pointer}.subscription-modal__eyebrow{display:inline-block;margin-bottom:8px;color:#8a6800;font-size:12px;font-weight:900;letter-spacing:.08em}.subscription-modal__card h2{max-width:720px;margin:0 0 12px;font-size:31px;line-height:1.12}.subscription-modal__card>p{max-width:760px;margin:0 0 22px;color:var(--muted);font-size:16px}.subscription-modal__plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.subscription-modal__plan{position:relative;display:flex;flex-direction:column;gap:5px;padding:18px;border:1px solid var(--border);border-radius:16px;color:#1d2939;text-decoration:none}.subscription-modal__plan:hover{border-color:#c6a800}.subscription-modal__plan.recommended{border:2px solid var(--yellow);background:#fffdf0}.subscription-modal__plan>span{position:absolute;top:-10px;right:10px;padding:4px 8px;border-radius:999px;background:var(--yellow);font-size:10px;font-weight:900}.subscription-modal__plan strong{font-size:18px}.subscription-modal__plan b{font-size:23px}.subscription-modal__plan small{color:var(--muted)}.subscription-modal__actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.subscription-modal__safe{display:block;margin-top:16px;color:var(--muted)}.subscription-modal.is-blocking .subscription-modal__card{border-top:7px solid var(--yellow)}body.subscription-locked{overflow:hidden}
@media(max-width:900px){.billing-hero{grid-template-columns:1fr}.payment-trust-row{grid-template-columns:1fr}.subscription-modal__plans{grid-template-columns:1fr}.subscription-modal__card{padding:26px 20px}.subscription-modal__card h2{font-size:25px}}@media(max-width:680px){.trial-strip{align-items:flex-start;flex-direction:column}.billing-hero{padding:24px}.billing-hero h1{font-size:30px}.plan-heading{flex-direction:column}.plan-heading>strong{text-align:left}.subscription-modal__actions{flex-direction:column}.subscription-modal__actions .btn{width:100%}}

/* Полная синхронизация каталога Яндекс Маркета 0.6.0 */
.market-sync-panel{border:1px solid #ead36b;background:linear-gradient(135deg,#fffdf0 0%,#fff 65%)}
.market-sync-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.market-sync-head h2{margin:5px 0 8px;font-size:26px}.market-sync-head p{margin:0;max-width:850px;color:var(--muted)}.section-kicker{font-size:11px;font-weight:900;letter-spacing:.09em;color:#8a6800}.sync-meta{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--border);font-size:13px}.sync-button{min-width:285px}.sync-connect-notice{align-items:center;margin-top:18px}.sync-connect-notice .btn{margin-left:auto}.sync-progress{margin-top:18px;padding:16px;border:1px solid var(--border);border-radius:14px;background:#fff}.sync-progress-line{display:flex;align-items:center;justify-content:space-between;gap:15px}.progress-track,.rating-track{height:10px;margin:10px 0;border-radius:999px;background:#eef0f3;overflow:hidden}.progress-track span,.rating-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd600,#ffb800);transition:width .3s ease}.sync-result{color:var(--muted);font-size:13px}.sync-warnings{margin-top:12px;color:#7a5b00}.sync-warnings ul{margin-bottom:0}.compact-panel{padding:16px 22px}.product-filters{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(190px,.8fr) minmax(170px,.7fr) auto auto;align-items:end;gap:12px}.product-filters label{margin:0;font-size:13px}.product-filters input,.product-filters select{width:100%;height:42px;margin:6px 0 0;padding:9px 11px;border:1px solid #cfd4dc;border-radius:10px;background:#fff}.products-table{min-width:1150px}.product-main-cell{display:flex;gap:12px;min-width:330px}.product-thumb{width:58px;height:58px;min-width:58px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:#f7f7f7}.product-thumb img{width:100%;height:100%;object-fit:contain}.product-thumb span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--yellow);font-weight:900}.status-pill,.mini-badge{display:inline-flex;align-items:center;margin:2px 4px 2px 0;padding:4px 7px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:10px;font-weight:850;white-space:nowrap}.status-published{background:#dcfae6;color:#067647}.status-checking,.status-ready_for_publication{background:#eaf2ff;color:#175cd3}.status-no_stocks,.status-no_card,.status-disabled_automatically,.status-rejected_by_market{background:#fee4e2;color:#b42318}.mini-badge.error{background:#fee4e2;color:#b42318}.mini-badge.muted{background:#eceff3;color:#667085}.row-archived{opacity:.68;background:#fafafa}.small-btn{padding:7px 10px;font-size:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:18px}.pagination a{font-weight:850;color:#7a5b00}.secondary-tools{margin-top:18px}.back-link{display:inline-block;margin-bottom:8px;color:#7a5b00;font-weight:850;text-decoration:none}.product-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.product-gallery{min-width:0}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gallery-grid a{aspect-ratio:1;display:block;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#f8f8f8}.gallery-grid img{width:100%;height:100%;object-fit:contain}.rating-number{font-size:32px}.details-top{margin-top:18px}.message-list{display:grid;gap:8px;margin-top:16px;padding:14px;border-radius:14px}.message-list h3{margin:0 0 4px}.message-list>div{display:flex;flex-direction:column;gap:3px}.error-list{background:#fff4f2;border:1px solid #f7b8b2}.warning-list{background:#fffbeb;border:1px solid #f6df77}.recommendation-grid,.parameter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.recommendation-grid>div,.parameter-grid>div{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--border);border-radius:12px;background:#fafafa}.recommendation-grid span,.parameter-grid span{color:var(--muted)}.product-description{white-space:pre-line;line-height:1.6}
@media(max-width:1050px){.product-filters{grid-template-columns:1fr 1fr}.product-detail-grid{grid-template-columns:1fr}.recommendation-grid,.parameter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.market-sync-head{flex-direction:column}.sync-connect-notice .btn{margin-left:0;width:100%}.sync-button{width:100%;min-width:0}.product-filters{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.recommendation-grid,.parameter-grid{grid-template-columns:1fr}.sync-progress-line{align-items:flex-start;flex-direction:column;gap:5px}}
.active-only-filters{grid-template-columns:minmax(300px,1.4fr) minmax(300px,1fr) auto auto}.active-only-note{min-height:42px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.active-only-note small{color:var(--muted)}@media(max-width:900px){.active-only-filters{grid-template-columns:1fr}.active-only-note{align-items:flex-start;flex-direction:column}}
.muted-note{color:var(--muted);max-width:980px}.tariff-cards{display:grid;gap:16px}.tariff-card{padding:16px;border:1px solid var(--border);border-radius:14px;background:#fafafa}.tariff-card h3{margin:0 0 12px}.tariff-param{display:block;color:var(--muted);font-size:12px}

/* 0.6.3 — понятная карточка товара без служебных кодов API */
.recommendation-intro{display:flex;flex-direction:column;gap:4px;margin-top:18px}.recommendation-intro span{color:var(--muted);font-size:13px}.recommendation-card{min-height:142px}.recommendation-card strong{line-height:1.3}.recommendation-card span{line-height:1.45}.recommendation-card small{display:block;margin-top:auto;padding-top:8px;color:#7a5b00;font-weight:800}.product-description-panel h2{margin-bottom:10px}.product-parameters-details{margin-top:22px;border:1px solid var(--border);border-radius:14px;background:#fafafa;overflow:hidden}.product-parameters-details summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;cursor:pointer;font-weight:900;list-style:none}.product-parameters-details summary::-webkit-details-marker{display:none}.product-parameters-details summary::after{content:"＋";font-size:20px;line-height:1;color:#7a5b00}.product-parameters-details[open] summary::after{content:"−"}.product-parameters-details summary small{margin-left:auto;padding:4px 8px;border-radius:999px;background:#fff1b8;color:#6b5200;font-size:11px}.product-parameters-details .parameter-note{margin:0;padding:0 17px}.product-parameters-details .parameter-grid{padding:0 17px 17px}.product-parameters-details .parameter-grid>div{background:#fff}.parameter-grid strong{overflow-wrap:anywhere}.parameter-grid span{overflow-wrap:anywhere}

/* 0.6.5 — безопасная загрузка демонстрационных товаров */
.page-actions{display:flex;gap:10px;flex-wrap:wrap}.csv-import-panel{border-color:#ead36b;background:linear-gradient(135deg,#fffdf0 0%,#fff 70%)}.csv-guide-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.csv-guide-head h2{margin:5px 0 8px;font-size:27px}.csv-guide-head p{margin:0;color:var(--muted);max-width:820px}.csv-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:22px 0;padding:0;counter-reset:csv-step;list-style:none}.csv-steps li{position:relative;min-height:125px;padding:48px 14px 14px;border:1px solid var(--border);border-radius:14px;background:#fff}.csv-steps li:before{counter-increment:csv-step;content:counter(csv-step);position:absolute;top:13px;left:14px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#171717;font-weight:900}.csv-steps strong,.csv-steps span{display:block}.csv-steps span{margin-top:5px;color:var(--muted);font-size:13px}.csv-columns-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px;background:#fff}.csv-columns-table{min-width:850px}.csv-columns-table td:first-child{width:265px}.csv-columns-table td:last-child{width:130px}.csv-columns-table code{display:inline-block;padding:3px 7px;border-radius:7px;background:#f2f4f7;color:#344054}.csv-important{margin-top:16px;align-items:flex-start}.csv-important strong{color:#6b5200}.csv-important span{flex:1;min-width:250px}.csv-upload-form{display:grid;grid-template-columns:minmax(300px,1fr) auto;align-items:end;gap:14px;margin-top:18px;padding:18px;border:1px solid var(--border);border-radius:14px;background:#fff}.csv-upload-form label{margin:0}.csv-upload-form input[type=file]{margin-bottom:0;background:#fafafa}.demo-catalog-panel{background:#fafafa}.demo-catalog-panel form{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.demo-catalog-panel h2,.demo-catalog-panel p{margin:0}.demo-catalog-panel p{color:var(--muted);flex:1;min-width:280px}@media(max-width:1100px){.csv-steps{grid-template-columns:repeat(2,1fr)}.csv-guide-head{flex-direction:column}.csv-upload-form{grid-template-columns:1fr}.csv-upload-form .btn{width:100%}}@media(max-width:680px){.page-actions{width:100%;flex-direction:column}.page-actions .btn{width:100%}.csv-steps{grid-template-columns:1fr}.demo-catalog-panel form{align-items:flex-start;flex-direction:column}.demo-catalog-panel .btn{width:100%}}

/* 0.7.42 — партнёрская программа */
.referral-register-note{display:flex;flex-direction:column;gap:4px;padding:13px 15px;border:1px solid #f2d35c;border-radius:12px;background:#fff9d8;color:#5f4b00}.referral-register-note span{font-size:13px}.referral-hero{display:grid;grid-template-columns:1.45fr .55fr;align-items:center;gap:28px;padding:34px;border-radius:24px;background:linear-gradient(135deg,#171717,#31343a);color:#fff}.referral-hero h1{margin:8px 0 12px;font-size:38px;line-height:1.08}.referral-hero p{margin:0;max-width:800px;color:#d0d5dd}.referral-hero-card{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid #ffffff21;border-radius:18px;background:#ffffff0d}.referral-hero-card span,.referral-hero-card small{color:#d0d5dd}.referral-hero-card strong{font-size:30px;letter-spacing:.14em;color:var(--yellow)}.referral-link-panel{border-color:#ead36b;background:linear-gradient(135deg,#fffdf0,#fff 72%)}.referral-link-row{display:grid;grid-template-columns:1fr auto;gap:12px}.referral-link-row input{width:100%;padding:13px 15px;border:1px solid #cfd4dc;border-radius:11px;background:#fff;font:600 14px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}.referral-stats{grid-template-columns:repeat(3,1fr)}.referral-rule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.referral-rule-grid>div{display:flex;flex-direction:column;gap:7px;padding:18px;border:1px solid var(--border);border-radius:15px;background:#fafafa}.referral-rule-grid strong{font-size:25px;color:#6f5500}.referral-rule-grid span{color:var(--muted)}.referral-conditions{display:grid;gap:8px;margin:18px 0 0;padding-left:22px}.referral-payout-form{display:grid;grid-template-columns:minmax(280px,1fr) auto;align-items:end;gap:16px}.referral-payout-form select{width:100%;margin-top:6px;padding:11px;border:1px solid #cfd4dc;border-radius:10px;background:#fff}.referral-payout-form small{display:block;margin-top:5px;color:var(--muted);font-weight:400}.referral-table{min-width:980px}.positive-money{color:var(--green);font-weight:850}.negative-money{color:var(--red);font-weight:850}.status.available{background:#dcfae6;color:var(--green)}.status.pending,.status.held{background:#fff1b8;color:#6b5200}.status.reserved{background:#eaf2ff;color:var(--blue)}.status.settled,.status.paid{background:#eef1f5;color:#475467}.status.rejected,.status.canceled{background:#fee4e2;color:var(--red)}.admin-payout-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-payout-actions form{margin:0}.muted{color:var(--muted)}
@media(max-width:1000px){.referral-hero{grid-template-columns:1fr}.referral-stats{grid-template-columns:repeat(2,1fr)}.referral-rule-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.referral-hero{padding:24px}.referral-hero h1{font-size:29px}.referral-link-row,.referral-payout-form{grid-template-columns:1fr}.referral-link-row .btn,.referral-payout-form .btn{width:100%}.referral-stats,.referral-rule-grid{grid-template-columns:1fr}}

/* Тестовое продвижение товаров без продаж */
.test-promotion-box {
  border: 1px solid rgba(255, 204, 0, .55);
  border-radius: 22px;
  padding: 22px;
  background: linear-gradient(135deg, rgba(255, 217, 0, .12), rgba(255, 255, 255, .03));
}
.test-promotion-box .panel-head { align-items: flex-start; gap: 20px; }
.test-promotion-box .panel-head > .check { min-width: 250px; }
.test-grid { margin: 18px 0; }
.promotion-settings-card { border-top: 4px solid #ffd400; }
.status.no_sales, .status.stopped { background: #f6e7e7; color: #8a2020; }
.status.active { background: #ddf7e8; color: #08753f; }
.action.test_start, .action.test_increase { background: #fff1ad; color: #5f4b00; }
.action.test_hold { background: #e7eefc; color: #24477c; }
.action.test_stop { background: #f8dddd; color: #8f1f1f; }
.action.test_success { background: #dff7e9; color: #0a7440; }
@media (max-width: 760px) {
  .test-promotion-box { padding: 16px; }
  .test-promotion-box .panel-head { display: block; }
  .test-promotion-box .panel-head > .check { margin-top: 14px; min-width: 0; }
}

/* 0.7.42 — заказы в реальном времени и прибыль по заказу */
.orders-page-head{align-items:flex-end}.live-status{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #b7e4ca;border-radius:999px;background:#ecfdf3;color:var(--green);font-size:12px;font-weight:850;white-space:nowrap}.live-status i{width:8px;height:8px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px #12b76a20}.live-status.is-loading{border-color:#b2ccff;background:#eff4ff;color:var(--blue)}.live-status.is-loading i{background:#2e90fa;animation:orderPulse 1.1s infinite}.live-status.is-error{border-color:#f7b8b2;background:#fff4f2;color:var(--red)}.live-status.is-error i{background:#f04438;box-shadow:none}@keyframes orderPulse{50%{opacity:.35;transform:scale(.78)}}
.orders-summary-grid{grid-template-columns:repeat(4,1fr)}.order-summary-card{position:relative;overflow:hidden}.order-summary-card:after{content:"";position:absolute;right:-28px;bottom:-36px;width:105px;height:105px;border-radius:50%;background:#ffd60018}.profit-card{border-color:#b7e4ca;background:linear-gradient(145deg,#fff,#f3fff8)}.profit-card strong{color:var(--green)}
.order-explainer{padding:16px 20px}.order-explainer-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.order-explainer-grid>div{display:grid;grid-template-columns:14px 1fr;column-gap:10px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:14px;background:#fafafa}.order-explainer-grid p{grid-column:2;margin:4px 0 0;color:var(--muted)}.calc-dot{width:12px;height:12px;border-radius:50%}.calc-dot.preliminary{background:#fdb022}.calc-dot.actual{background:#12b76a}
.webhook-panel{border-color:#ead36b;background:linear-gradient(140deg,#fffdf1,#fff 70%)}.webhook-url-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin:18px 0}.webhook-url-row input{width:100%;padding:13px 15px;border:1px solid #d0d5dd;border-radius:11px;background:#fff;font:600 13px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;color:#344054}.webhook-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;counter-reset:webhook-step;list-style:none;padding:0;margin:18px 0}.webhook-steps li{position:relative;min-height:130px;padding:50px 14px 14px;border:1px solid var(--border);border-radius:14px;background:#fff}.webhook-steps li:before{counter-increment:webhook-step;content:counter(webhook-step);position:absolute;top:13px;left:14px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#171717;font-weight:900}.webhook-meta{display:flex;gap:12px;flex-wrap:wrap}.webhook-meta span{padding:8px 10px;border-radius:9px;background:#f2f4f7;color:var(--muted);font-size:12px}.webhook-meta strong{color:#344054}.order-state-error{margin-bottom:0}.webhook-reset{margin-top:15px}.webhook-reset summary{cursor:pointer;color:#7a5b00;font-weight:800}.webhook-reset p{color:var(--muted)}
.orders-list-panel{padding-bottom:10px}.orders-table{min-width:1320px}.order-link{font-weight:900;color:#694f00;text-decoration:none}.order-link:hover{text-decoration:underline}.order-status{white-space:nowrap}.status.placing,.status.unpaid,.status.pending{background:#fff1b8;color:#6b5200}.status.reserved,.status.processing,.status.delivery,.status.pickup{background:#eaf2ff;color:var(--blue)}.status.delivered,.status.partially_delivered{background:#dcfae6;color:var(--green)}.status.cancelled,.status.returned{background:#fee4e2;color:var(--red)}.status.partially_returned{background:#fff4e5;color:#b54708}.calc-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:850;white-space:nowrap}.calc-badge.actual{background:#dcfae6;color:var(--green)}.calc-badge.preliminary{background:#fff1b8;color:#6b5200}.calc-badge.warning{background:#fff4e5;color:#b54708}.calc-badge.cancelled{background:#eef1f5;color:#475467}.empty-orders{text-align:center;padding:30px;color:var(--muted)}
.back-link{display:inline-block;margin-bottom:6px;color:#7a5b00;font-weight:800;text-decoration:none}.back-link:hover{text-decoration:underline}.order-detail-badges{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.order-detail-summary{grid-template-columns:repeat(4,1fr)}.order-formula-panel{background:linear-gradient(140deg,#171717,#31343a);color:#fff}.order-formula-panel h2{color:#fff}.order-formula{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin-top:17px}.order-formula>span{min-width:125px;display:flex;flex-direction:column;justify-content:center;padding:13px;border:1px solid #ffffff21;border-radius:13px;background:#ffffff0d;font-size:19px;font-weight:850}.order-formula>span small{color:#d0d5dd;font-size:11px;font-weight:500}.order-formula>b{display:grid;place-items:center;font-size:25px;color:var(--yellow)}.order-formula .formula-result{border-color:#46d98b;background:#0d7a4938;color:#7ff3b5}.order-items-table{min-width:1120px}.order-tech-panel summary{cursor:pointer;font-weight:850}.order-tech-panel .details{margin-top:16px}
.dashboard-orders-panel{border-color:#b7e4ca;background:linear-gradient(145deg,#f6fff9,#fff)}.dashboard-orders-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:1100px){.orders-summary-grid,.order-detail-summary{grid-template-columns:repeat(2,1fr)}.webhook-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.orders-page-head{align-items:flex-start}.orders-page-head .toolbar{width:100%}.orders-page-head .toolbar form,.orders-page-head .toolbar button{width:100%}.live-status{width:100%;justify-content:center}.orders-summary-grid,.order-detail-summary,.order-explainer-grid,.webhook-steps{grid-template-columns:1fr}.webhook-url-row{grid-template-columns:1fr}.webhook-url-row .btn{width:100%}.webhook-meta{flex-direction:column}.order-formula{display:grid;grid-template-columns:1fr}.order-formula>b{min-height:20px}.order-detail-badges{justify-content:flex-start}}

/* 0.7.42 — месячная сводка заказов и общая рентабельность */
.orders-month-overview{margin:20px 0 8px;padding:22px;border:1px solid #ead36b;border-radius:20px;background:linear-gradient(145deg,#fffdf0,#fff 72%)}
.orders-period-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 8px}.orders-period-head h2{margin:2px 0 5px}.orders-period-head p{margin:0;color:var(--muted);max-width:900px}.orders-today-head{margin:24px 0 -6px}.orders-month-grid{grid-template-columns:repeat(3,1fr);margin-bottom:0}.orders-month-grid .stat{min-height:142px}.orders-month-grid .stat small b,.orders-summary-grid .stat small b{color:#344054}.month-orders-card{border-color:#f2d35c;background:linear-gradient(145deg,#fff,#fff9d8)}.margin-card{border-color:#b2ccff;background:linear-gradient(145deg,#fff,#f4f7ff)}.margin-card strong{color:var(--blue)}.profit-card strong.negative-money,.margin-card strong.negative-money{color:var(--red)}.profit-card strong.positive-money{color:var(--green)}.margin-card strong.positive-money{color:var(--blue)}
@media(max-width:1100px){.orders-month-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.orders-month-overview{padding:16px}.orders-period-head{align-items:flex-start;flex-direction:column}.orders-month-grid{grid-template-columns:1fr}.orders-month-grid .stat{min-height:0}}


.orders-analytics-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px;margin:22px 0}
.chart-panel{position:relative;overflow:hidden;padding:20px;border:1px solid #e4e7ec;border-radius:20px;background:linear-gradient(145deg,#fff 0%,#fbfcff 62%,#fff8d9 140%);box-shadow:0 12px 35px rgba(16,24,40,.07);transition:transform .18s ease,box-shadow .18s ease}
.chart-panel:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(16,24,40,.11)}
.chart-panel:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#ffd60a,#12b76a,#8b5cf6);opacity:.9}
.chart-panel-wide{grid-row:span 2}
.chart-wrap{position:relative;min-height:260px;margin-top:4px}
.chart-wrap canvas{width:100%;display:block}
.donut-wrap{display:flex;align-items:center;justify-content:center}
.chart-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.chart-legend-inline{margin-top:4px}
.legend-item,.chart-legend span{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #eaecf0;border-radius:999px;background:rgba(255,255,255,.82);color:#344054;font-size:12px;font-weight:750;box-shadow:0 2px 8px rgba(16,24,40,.04)}
.legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ffd60a;flex:0 0 10px;box-shadow:0 0 0 3px rgba(255,214,10,.14)}
.legend-yellow{background:#f7b500}
.legend-green{background:#12b76a}
.legend-purple{background:#8b5cf6}
.legend-blue{background:#3b82f6}
@media(max-width:1100px){.orders-analytics-grid{grid-template-columns:1fr}.chart-panel-wide{grid-row:auto}}
@media(max-width:760px){.orders-analytics-grid{gap:14px}.chart-panel{padding:16px;border-radius:16px}.chart-wrap{min-height:230px}.chart-legend{gap:6px}.legend-item,.chart-legend span{font-size:11px;padding:7px 9px}}
@media(prefers-color-scheme:dark){.chart-panel{border-color:#31363f;background:linear-gradient(145deg,#191b1f 0%,#202329 72%,#2b2715 150%);box-shadow:0 16px 42px rgba(0,0,0,.26)}.chart-panel:hover{box-shadow:0 20px 48px rgba(0,0,0,.36)}.legend-item,.chart-legend span{border-color:#3a404a;background:rgba(38,42,49,.88);color:#e5e7eb}}

/* BEGIN ORDER CHART LAYOUT FIX V0.7.26 */
.orders-analytics-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  align-items:start !important;
  grid-auto-rows:auto !important;
}
.orders-analytics-grid > *{
  min-width:0 !important;
  max-width:100% !important;
}
.chart-panel-wide{
  grid-column:1 / -1 !important;
  grid-row:auto !important;
}
.chart-panel{
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  align-self:start !important;
}
.chart-wrap{
  width:100% !important;
  height:250px !important;
  min-height:250px !important;
  max-height:250px !important;
  overflow:hidden !important;
  contain:layout paint !important;
}
.chart-panel-wide .chart-wrap{
  height:310px !important;
  min-height:310px !important;
  max-height:310px !important;
}
.donut-wrap{
  height:250px !important;
  min-height:250px !important;
  max-height:250px !important;
}
.chart-wrap canvas{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  aspect-ratio:auto !important;
}
@media(min-width:1500px){
  .chart-panel-wide .chart-wrap{
    height:330px !important;
    min-height:330px !important;
    max-height:330px !important;
  }
}
@media(max-width:1100px){
  .orders-analytics-grid{grid-template-columns:1fr !important}
  .chart-panel-wide{grid-column:auto !important}
  .chart-panel-wide .chart-wrap{
    height:280px !important;
    min-height:280px !important;
    max-height:280px !important;
  }
}
@media(max-width:760px){
  .chart-wrap,.donut-wrap{
    height:220px !important;
    min-height:220px !important;
    max-height:220px !important;
  }
  .chart-panel-wide .chart-wrap{
    height:240px !important;
    min-height:240px !important;
    max-height:240px !important;
  }
}
/* END ORDER CHART LAYOUT FIX V0.7.26 */

/* BEGIN ORDER COST DASHBOARD V0.7.26 */
.cost-card{
  border-color:#b2ccff;
  background:linear-gradient(145deg,#fff,#f4f7ff);
}
.cost-card strong{color:var(--blue)}
@media(min-width:1400px){
  .orders-month-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}
/* END ORDER COST DASHBOARD V0.7.26 */

/* BEGIN FOUR MONTH DASHBOARD V0.7.26 */
.orders-history-panel{margin:20px 0;border-color:#d8dee8;background:linear-gradient(145deg,#fff,#f8faff)}
.orders-history-wrap{margin-top:14px}
.orders-history-table{width:100%;min-width:1180px;border-collapse:separate;border-spacing:0}
.orders-history-table th{padding:11px 12px;border-bottom:1px solid #e4e7ec;color:#667085;font-size:11px;font-weight:850;text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.orders-history-table td{padding:13px 12px;border-bottom:1px solid #eef1f5;color:#344054;font-size:13px;vertical-align:middle;white-space:nowrap}
.orders-history-table tbody tr:last-child td{border-bottom:0}
.orders-history-table tbody tr.is-current{background:linear-gradient(90deg,rgba(255,214,10,.16),rgba(255,255,255,0))}
.orders-history-table tbody tr.is-current td:first-child{box-shadow:inset 4px 0 0 #f7b500}
.orders-history-table td strong,.orders-history-table td small{display:block}
.orders-history-table td small{margin-top:3px;color:#7a8494;font-size:11px}
.orders-history-table .history-calc{display:block;font-weight:800;color:#344054}
@media(max-width:760px){.orders-history-panel{margin:16px 0;padding:15px}.orders-history-table{min-width:1080px}}
/* END FOUR MONTH DASHBOARD V0.7.26 */

/* BEGIN ORDER STATUS RUSSIAN V0.7.29 */
.status.order-status.cancelled,
.status.order-status.lost{
  background:#fee4e2 !important;
  color:var(--red) !important;
}
.status.order-status.returned{
  background:#fff4e5 !important;
  color:#b54708 !important;
}
.status.order-status.delivered{
  background:#dcfae6 !important;
  color:var(--green) !important;
}
.status.order-status.processing{
  background:#eaf2ff !important;
  color:var(--blue) !important;
}
.status.order-status.pending{
  background:#fff1b8 !important;
  color:#6b5200 !important;
}
.status.order-status.unknown{
  background:#eef1f5 !important;
  color:#475467 !important;
}
/* END ORDER STATUS RUSSIAN V0.7.29 */

/* BEGIN MARKET POINTS DASHBOARD V0.7.30 */
.points-card{
  border-color:#d8c7ff;
  background:linear-gradient(145deg,#fff,#f8f5ff);
}
.points-card > strong{color:#7c3aed}
.legend-purple{background:#8b5cf6!important}
.order-formula .points-positive{color:#7c3aed}
@media(min-width:1400px){
  .orders-month-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
/* END MARKET POINTS DASHBOARD V0.7.30 */


/* BEGIN ORDER CALC CHART SPACING FIX V0.7.32 */
.chart-panel{display:flex;flex-direction:column}
.chart-panel .panel-head{
  position:relative;
  z-index:1;
  align-items:flex-start;
  margin:6px 0 10px;
}
.chart-panel .panel-head > div{min-width:0;max-width:100%}
.chart-panel .panel-head h2{line-height:1.18}
.chart-panel .panel-head p{line-height:1.45;max-width:48ch}
.chart-panel .chart-wrap{margin-top:8px}
.chart-calc-panel .chart-wrap{
  height:300px !important;
  min-height:300px !important;
  max-height:300px !important;
}
.chart-calc-panel .chart-legend{margin-top:14px !important}
@media(max-width:760px){
  .chart-calc-panel .chart-wrap{
    height:280px !important;
    min-height:280px !important;
    max-height:280px !important;
  }
}
/* END ORDER CALC CHART SPACING FIX V0.7.32 */


/* BEGIN MARKET POINTS BALANCE V0.7.32 */
.points-accounting-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.points-card,.points-used-card,.points-balance-card,.premium-card{position:relative;overflow:hidden}
.points-card{border-color:#d8c7ff;background:linear-gradient(145deg,#fff,#f8f5ff)}
.points-card>strong{color:#7c3aed}
.points-used-card{border-color:#b7e4ca;background:linear-gradient(145deg,#fff,#f2fff7)}
.points-used-card>strong{color:var(--green)}
.points-balance-card{border-color:#f2d35c;background:linear-gradient(145deg,#fff,#fff9d8)}
.points-balance-card>strong{color:#8a6500}
.premium-card{border-color:#b2ccff;background:linear-gradient(145deg,#fff,#f4f7ff)}
.premium-card>strong{color:var(--blue)}
.points-sync-message{margin:14px 0 0;padding:13px 15px;border:1px solid #d8c7ff;border-radius:13px;background:#faf7ff;color:#5b3b91}
.points-sync-message.is-error{border-color:#f7b8b2;background:#fff4f2;color:var(--red)}
.points-sync-message strong,.points-sync-message small{display:block}
.points-sync-message small{margin-top:4px;color:inherit;opacity:.82}
.points-order-note{margin:15px 0;padding:14px 16px;border:1px solid #d8c7ff;border-radius:14px;background:linear-gradient(135deg,#faf7ff,#fff);color:#49336f}
.points-order-note strong{color:#6d28d9}
.formula-points-note{width:100%;margin:2px 0 0;color:#d6c9ff;font-size:12px;line-height:1.45}
.order-formula .points-positive{color:#b9f6d3}
.orders-table{min-width:1780px}
.order-items-table{min-width:1540px}
.orders-history-table{min-width:1700px}
.legend-purple{background:#8b5cf6!important}
@media(min-width:1400px){
  .orders-month-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1100px){
  .points-accounting-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .points-accounting-grid{grid-template-columns:1fr}
  .orders-history-table{min-width:1500px}
}
/* END MARKET POINTS BALANCE V0.7.32 */

/* BEGIN MOBILE DARK CHART CONTRAST V0.7.41 */
@media (prefers-color-scheme: dark) {
  .chart-panel {
    color: #f8fafc !important;
  }
  .chart-panel .panel-head h1,
  .chart-panel .panel-head h2,
  .chart-panel .panel-head h3 {
    color: #f8fafc !important;
    opacity: 1 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.35);
  }
  .chart-panel .panel-head p,
  .chart-panel .panel-head small {
    color: #cbd5e1 !important;
    opacity: 1 !important;
  }
  .chart-panel .chart-live-badge,
  .chart-panel .live-badge {
    color: #075985 !important;
  }
  .legend-item,
  .chart-legend span {
    border-color: #475569 !important;
    background: rgba(30, 41, 59, .92) !important;
    color: #f8fafc !important;
    box-shadow: 0 3px 12px rgba(0,0,0,.24) !important;
  }
}
@media (prefers-color-scheme: dark) and (max-width: 760px) {
  .chart-panel .panel-head h2 {
    font-size: 25px !important;
    line-height: 1.2 !important;
  }
  .chart-panel .panel-head p {
    font-size: 16px !important;
    line-height: 1.45 !important;
  }
}
/* END MOBILE DARK CHART CONTRAST V0.7.41 */


/* BEGIN MAX MULTI-TENANT CONNECTION V0.7.50 */
.max-connected-card,
.max-code-card,
.max-connect-steps {
  border: 1px solid var(--line, #d7dce5);
  border-radius: 18px;
  padding: 20px;
  background: var(--surface, #fff);
}
.max-connected-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}
.max-connected-card p,
.max-code-card p,
.max-connect-steps p {
  margin: 8px 0 0;
}
.max-connect-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
  gap: 18px;
}
.max-connect-steps ol {
  margin: 14px 0 0;
  padding-left: 22px;
}
.max-connect-steps li + li {
  margin-top: 9px;
}
.max-code-value {
  margin: 10px 0;
  padding: 14px 16px;
  border: 2px dashed #f4c400;
  border-radius: 14px;
  background: #fff8d8;
  color: #182230;
  font-size: clamp(24px, 4vw, 36px);
  font-weight: 900;
  letter-spacing: .08em;
  text-align: center;
  user-select: all;
}
.max-waiting {
  font-weight: 700;
  color: #566070;
}
.max-test-row {
  margin-top: 14px;
}
@media (max-width: 760px) {
  .max-connect-layout {
    grid-template-columns: 1fr;
  }
  .max-connected-card {
    align-items: flex-start;
    flex-direction: column;
  }
  .max-code-value {
    font-size: 26px;
    letter-spacing: .04em;
  }
}
/* END MAX MULTI-TENANT CONNECTION V0.7.50 */