.dual-colours{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 8px}.dual-colour-card{border:1px solid #d9e9e4;border-radius:10px;padding:15px 12px;background:#f6fbf9}.dual-colour-card>label:first-child{font-weight:700;font-size:12px;color:#355d56}.dual-colour-card .color-picker-line{gap:8px;margin:13px 0}.dual-colour-card .color-picker-line span{font-size:10px;overflow-wrap:anywhere}.dual-colour-card .color-picker-line input{width:37px;height:31px;flex-shrink:0}.dual-clear{display:flex;gap:6px;align-items:start;font-size:9px;line-height:1.8;color:#66877c;cursor:pointer}.dual-clear input{accent-color:#00a68f;margin:3px 0 0;width:13px;height:13px;flex-shrink:0}.dual-position>div{display:flex;align-items:center;gap:15px}.dual-position input[type=range]{flex:1;min-width:0}.dual-number{display:flex;align-items:center;gap:5px;font-size:11px;color:#527b70}.dual-number input{width:60px;padding:8px;border:1px solid #d5e6df;border-radius:6px;background:#f8fcfa;color:#275b50;font-size:12px}.dual-position>output{font-size:10px;color:#6f9689;display:block;margin:9px 0 18px}.dual-sample{height:70px;position:relative;overflow:hidden;border:1px solid #d5e7df;border-radius:9px;margin:23px 0;background:repeating-conic-gradient(#e0e9e5 0% 25%,#f8fbfa 0% 50%) 50% / 12px 12px}.dual-sample>div{position:absolute;inset:0}.dual-sample>span{position:absolute;right:8px;top:5px;padding:2px 5px;border-radius:3px;background:#ffffffb8;color:#446b60;font-size:8px;z-index:2}.dual-sample>span+span{top:auto;bottom:5px}.dual-sample i{position:absolute;left:0;right:0;border-top:1px dashed #fff;box-shadow:0 1px #21483d55}.drawer:has(.dual-colours){width:445px}.integration-card{display:flex;flex-direction:column}.integration-card-top{display:flex;gap:9px;align-items:center;justify-content:space-between;margin-bottom:21px}.integration-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;background:#e6f4f1;color:#318b77;font-size:14px;font-weight:800}.integration-mark.tochka{background:#f0e6ff;color:#7c41b9}.integration-mark.mail{background:#dff4f2;color:#008b7c}.integration-mark.dellin{background:#fbefd7;color:#987428;font-size:11px}.integration-mark.pecom{background:#edf0fa;color:#6778a3;font-size:11px}.integration-mark.cdek{background:#e3f4dc;color:#498b3c;font-size:10px}.integration-card-top .status{font-size:8px}.integration-card>small{color:#8aa0a6;font-size:10px;line-height:1.7;margin:6px 0 19px}.integration-card>.secondary-button{margin-top:auto}.integration-mode{font-size:10px;color:#7c8f98;background:#e8f1f5;padding:8px 12px;border-radius:20px;white-space:nowrap}.form-dialog:has(.integration-form){width:660px}.integration-form>label{margin-bottom:18px}.integration-form>h3{margin:26px 0 16px;padding-bottom:10px;border-bottom:1px solid #e5efec}.integration-auth{margin:20px 0}.integration-auth p{font-size:12px;color:#67877d;line-height:1.8}.integration-secret{position:relative;display:block}.surface-form .integration-secret input{padding-right:83px;font-family:monospace}.integration-secret button{position:absolute;right:10px;top:12px;font-size:9px;color:#4f8e7b;border:0;background:none;padding:7px 0}.integration-events{display:grid;grid-template-columns:1fr 1fr;gap:12px}.surface-form .integration-events label{display:flex;gap:8px;align-items:start;font-size:11px}.integration-events input{accent-color:#009d87;margin:3px 0 0}.integration-actions{display:flex;gap:10px;margin-top:23px}.integration-actions>button{flex:1;font-size:11px}.surface-form .integration-actions>.primary-button{margin-top:0}.integration-form .micro-note a{color:#2c927b;text-underline-offset:3px}.integration-result:empty{display:none}.integration-result{background:#edf8f3;border:1px solid #cee7db;border-radius:8px;padding:13px 16px;font-size:11px;line-height:1.8;color:#51816d;margin-top:20px}.integration-result.is-error{background:#fff4f0;border-color:#eed9cd;color:#b36652}
@media(max-width:680px){.drawer:has(.dual-colours){width:calc(100% - 20px)}.dual-colours{gap:9px}.dual-colour-card{padding:13px 10px}.dual-clear{font-size:10px}.integration-actions{flex-direction:column}.integration-events{grid-template-columns:1fr}.integration-form .field-grid{grid-template-columns:1fr}.integration-card-top .status{font-size:9px}.form-dialog:has(.integration-form){padding:22px}.integration-card-top{margin-bottom:15px}}

.drawer:has(.color-reference){width:490px}.dual-colours:has(.color-reference){grid-template-columns:1fr}.dual-colour-card:has(.color-reference){padding:16px}.color-control-title{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px}.color-control-title>span{font-size:10px;color:#4b8174;text-align:right}.color-system-label{display:block;font-size:10px;color:#66877e;margin:14px 0 10px}.color-system-label select{margin-top:7px;font-size:12px}.rgb-inputs{display:flex;gap:12px;align-items:center}.rgb-inputs>input{width:45px;height:40px;padding:0;border:0;background:transparent;cursor:pointer}.rgb-inputs>label{font-size:9px;color:#577f74}.rgb-inputs>label>input{display:block;width:100px;border:1px solid #d8e7e1;border-radius:6px;background:white;padding:8px;margin-top:4px;font:12px monospace;color:#224d44}.rgb-inputs>label>input:invalid{border-color:#c47461}.rgb-inputs>output{font-size:10px;color:#567a70;margin-left:auto}.reference-choice{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #cbded5;background:#fff;padding:12px;border-radius:8px;cursor:pointer;color:#224d44}.reference-choice>i{width:40px;height:42px;border-radius:5px;box-shadow:inset 0 0 0 1px #0001;flex-shrink:0}.reference-choice strong{font-size:12px}.reference-choice small{display:block;font-size:9px;color:#6f8980;margin-top:5px}.reference-choice>span:last-child{margin-left:auto;white-space:nowrap;font-size:10px;color:#008c76}.color-preview-value{font-size:10px;color:#66877e;line-height:1.7;margin:9px 0}.dual-clear{font-size:11px;margin-top:12px}.color-dialog{width:760px;max-width:calc(100% - 24px);max-height:90dvh;padding:25px 28px;border-radius:16px}.color-dialog h2{font-size:26px;letter-spacing:-.8px;margin:16px 0 8px}.color-dialog .muted{font-size:12px}.catalog-search-label{display:block;font-size:11px;font-weight:700;margin:19px 0 15px}.catalog-search-label input{display:block;width:100%;padding:12px 14px;margin-top:8px;border:1px solid #cde1d8;border-radius:8px;font-size:13px;box-sizing:border-box}.catalog-swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;max-height:365px;overflow:auto;padding:3px}.catalog-swatch{display:flex;flex-direction:column;gap:5px;background:white;border:1px solid #dfebe5;border-radius:7px;padding:6px;text-align:left;color:#284c43;cursor:pointer;min-width:0}.catalog-swatch i{display:block;height:45px;width:100%;border-radius:4px;box-shadow:inset 0 0 0 1px #0001}.catalog-swatch b{font-size:10px}.catalog-swatch small{font-size:8px;line-height:1.4;color:#71877f;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}.catalog-swatch:hover,.catalog-swatch:focus-visible,.catalog-swatch.selected{border-color:#009d84;outline:1px solid #009d84}.catalog-pagination{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.catalog-pagination span{font-size:10px;color:#6d8c80}.catalog-pagination button{width:34px;height:30px;background:#eff8f4;border:1px solid #d3e5dc;border-radius:6px;color:#276c59;margin-left:6px;cursor:pointer}.catalog-pagination button:disabled{opacity:.35;cursor:default}.color-standard-note{font-size:10px;line-height:1.8;padding:13px 15px;background:#eef7f2;border-radius:7px;color:#547c6b}.color-no-results{grid-column:1/-1;font-size:12px;line-height:1.8;padding:20px 5px;color:#688376}.form-dialog:has(.production-ticket){width:900px}.production-head{display:flex;justify-content:space-between;gap:20px}.production-head h2{font-size:25px;margin:10px 0}.production-head p{font-size:11px;color:#66877d;line-height:1.6}.production-model{display:grid;align-content:center;gap:8px;white-space:nowrap}.production-model b{font-size:12px}.production-model strong{font-size:25px}.production-model small{font-size:10px;color:#7c968a}.production-visual{width:280px;height:200px;margin:10px auto}.production-visual svg{width:100%;height:100%}.production-table-wrap{overflow:auto}.production-table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.6}.production-table th{background:#eff7f4;font-size:10px;font-weight:600;color:#6d8c80}.production-table th,.production-table td{text-align:left;padding:13px 11px;border:1px solid #d8e7df;vertical-align:top}.production-table small{display:block;font-size:10px;color:#728d82;margin-top:5px}.production-chip{width:18px;height:18px;display:inline-block;border:1px solid #0002;border-radius:3px;vertical-align:middle;margin-right:6px}.production-ticket h3{font-size:15px;margin:23px 0 14px}.production-operations article{border-bottom:1px solid #e1ece6;padding:13px 0;font-size:12px}.production-operations p{font-size:11px;line-height:1.7;color:#55776b;margin:8px 0}.production-operations small{font-size:10px;color:#83998f}.production-actions{margin-top:24px;display:flex;align-items:center;gap:20px}.production-actions .primary-button{font-size:11px}.production-actions p{max-width:220px}.production-ticket .eyebrow{color:#008d75}
@media(max-width:680px){.drawer:has(.color-reference){width:calc(100% - 16px);padding:24px 18px}.color-dialog{padding:20px 16px}.color-dialog h2{font-size:22px}.catalog-swatches{grid-template-columns:repeat(3,minmax(0,1fr));max-height:42dvh}.catalog-swatch i{height:42px}.catalog-swatch b{font-size:11px}.catalog-swatch small{font-size:9px}.rgb-inputs{gap:9px}.rgb-inputs>output{font-size:9px}.production-head{display:block}.production-model{display:flex;align-items:center;flex-wrap:wrap}.production-table{min-width:530px}.production-actions{display:block}.production-actions p{max-width:none}.form-dialog:has(.production-ticket){padding:22px 16px}}