/* PHONE YOU 11.13 — geometry, palette and density from the supplied reference. */
:root{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#111;background:#f7f7f7;font-synthesis:none;--sidebar-width:194px}
body[data-accent="standard"]{--pv-sidebar:#2c2724;--pv-primary:#ee2020;--pv-hover:#d91515;--pv-active:#423d3a;--pv-brand:#231f1d}
body[data-accent="blue"]{--pv-sidebar:#17344d;--pv-primary:#1766a6;--pv-hover:#104c7e;--pv-active:#285675;--pv-brand:#102b41}
body[data-accent="forest"]{--pv-sidebar:#183b30;--pv-primary:#187a5b;--pv-hover:#115b43;--pv-active:#295745;--pv-brand:#112e24}
body[data-accent="graphite"]{--pv-sidebar:#252d38;--pv-primary:#4b5967;--pv-hover:#34414d;--pv-active:#3a4654;--pv-brand:#1b222c}
body[data-accent] .topbar{background:var(--pv-sidebar)}
body[data-accent] .sidebar>.brand{background:var(--pv-brand)}
body[data-accent] .nav button.active,body[data-accent] .nav button:hover{background:var(--pv-active)}
body[data-accent] .btn.outline{border-color:var(--pv-primary);color:var(--pv-primary)}
.client-summary{font-size:12px;color:#465563;margin:0 0 16px;padding:0 12px}
body{background:#f7f7f7;color:#111;margin:0;text-rendering:auto;-webkit-text-size-adjust:100%}
button,input,select,textarea{font-family:inherit;font-size:13px;letter-spacing:normal}
button:focus-visible,a:focus-visible{outline:2px solid #0d6efd;outline-offset:2px}
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sidebar{width:var(--sidebar-width);height:100vh;min-height:100vh;background:#2c2724;color:#fff;border:0;z-index:30}
body[data-accent] .sidebar{background:var(--pv-sidebar,#2c2724)}body[data-accent] .nav button.active{box-shadow:none}
.sidebar>.brand{height:58px;min-height:58px;display:flex;align-items:center;padding:0 20px;font-size:18px;font-weight:700;letter-spacing:0;background:#231f1d;gap:4px}
.sidebar .brand b{color:#fff}.sidebar .brand span{display:none}.workspace{display:none}
.nav{padding:0;gap:0}.nav button{height:48px;min-height:48px;padding:0 12px;border-radius:0;color:#fff;font-size:13px;font-weight:400;gap:12px;box-shadow:none;white-space:nowrap}
.nav button svg{width:19px;height:20px;flex-shrink:0}.nav button.active,.nav button:hover{background:#423d3a;color:#fff;box-shadow:none}
.nav-caption{font-size:10px;font-weight:700;color:#fff;padding:18px 12px 11px;min-height:42px}
.sidebar-bottom{padding:16px 12px;border:0;font-size:10px;color:#d5d0cd;line-height:1.8}.online-dot,.online-dot span{font-size:11px;color:#e8e3df}
.topbar{height:58px;min-height:58px;padding:0 10px;background:#2c2724;color:#fff;border-bottom:1px solid #49413c;gap:17px;justify-content:flex-start}
.sidebar-toggle{border:0;background:none;color:#ddd;padding:0;width:22px;height:30px;display:grid;place-items:center;flex-shrink:0}
.topbar-page{font-size:13px;color:#fff;white-space:nowrap}.store-select{margin-left:auto;display:block}.store-select>span{display:none}
.store-select select{color:#fff;font-weight:400;font-size:12px;min-width:145px;max-width:250px;cursor:pointer}.store-select select option{background:#fff;color:#111}
.top-right{margin-left:5px;gap:10px}.top-right .avatar{width:34px;height:34px;border-radius:0;background:#075f91;color:white;font-size:13px;font-weight:600}
.account{font-size:12px}.account b{font-weight:400}.account small{font-size:10px;color:#d8d2cf}.topbar .btn.subtle{background:transparent;border-color:#79716c;color:#fff;min-height:29px;padding:4px 10px;border-radius:3px}
.mobile-brand{display:none}.main{min-width:0}.content{max-width:none;padding:14px;margin:0}
.page-title{min-height:56px;margin:-14px -14px 14px;padding:10px 11px;border-bottom:1px solid #d5d9dd;background:#fff;justify-content:flex-start;gap:0}
.page-title>div:first-child{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden}
#page-actions{display:flex;gap:7px;align-items:center}.btn{border-radius:4px;font-size:13px;min-height:34px;padding:7px 11px;gap:5px;line-height:18px;font-weight:400;box-shadow:none!important}
body[data-accent] .btn.primary,.btn.primary{background:var(--pv-primary,#ee2020);color:#fff;border:1px solid var(--pv-primary,#ee2020);box-shadow:none}
body[data-accent] .btn.primary:hover,.btn.primary:hover{background:var(--pv-hover,#d91515);border-color:var(--pv-hover,#d91515)}
.btn.outline{background:#fff;border:1px solid #f02020;color:#ed1b24}.btn.outline:hover{background:#fff1f1}
.btn.subtle{border:1px solid #d8dde2;background:#f8f9fa;color:#111}.btn.danger{background:#e52323;border-color:#e52323}.btn.fill{width:100%}
.stats{display:none!important}.panel{border:1px solid #ccc;border-radius:4px;box-shadow:none;background:#fff}
.panel-heading{min-height:36px;background:#f7f7f7;border-bottom:1px solid #ccc;padding:9px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13px;line-height:17px}
.panel-heading b{font-weight:700}#stock-summary{font-size:11px;color:#52616e;font-weight:400}
.toolbar{padding:17px 14px 27px;border:0;gap:14px;align-items:flex-end;background:#fff}
.stock-search-label,.stock-filter-label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#111}
.stock-search-label{flex:1;max-width:660px;min-width:200px}.stock-filter-label{width:200px;flex-shrink:0}
.searchbox{width:100%;min-width:0}.searchbox input{height:35px;padding:7px 10px!important;background:white;border:1px solid #d8dee5;border-radius:4px;font-weight:400;color:#111}
.toolbar select{width:100%;height:35px;background:#fff;color:#111;border:1px solid #d8dee5;border-radius:4px;font-size:13px;font-weight:400;padding:6px 10px}
.reset-stock-filters{margin-left:auto;white-space:nowrap;min-height:29px;padding:7px 9px;align-self:flex-end}
.mini-btn{border:1px solid transparent;background:#f8f9fa;border-radius:3px;color:#111;font-size:11px;font-weight:400;padding:7px 10px;box-shadow:none}.mini-btn:hover{background:#edf0f2}
.app[data-current-page="archive"] .status-filter-label{display:none}.table-scroller{margin:0 14px 0;overflow:auto}
table{white-space:normal;width:100%;border-collapse:collapse;table-layout:fixed;border:1px solid #d9dde2;color:#080808}
.col-purchase{width:9.7%}.col-product{width:37.5%}.col-details{width:23%}.col-visibility{width:9.1%}.col-price{width:9.1%}.col-actions{width:11.6%}
.col-archive-product{width:39%}.col-archive-details{width:29%}.col-archive-purchase{width:10%}.col-archive-sale{width:10%}.col-archive-actions{width:12%}
thead{background:#f7f8f9}th{padding:10px 7px;font-size:13px;font-weight:700;color:#050505;letter-spacing:0;line-height:16px;text-transform:none;text-align:left;border:1px solid #dcdee1;white-space:nowrap}
.sortable-heading{position:relative;padding-right:32px}.archive-sort-btn{position:absolute;right:6px;top:50%;width:24px;height:24px;padding:2px;margin:0;transform:translateY(-50%);display:grid;place-items:center;border:1px solid transparent;border-radius:3px;background:transparent;color:#42505c;cursor:pointer}.archive-sort-btn:hover,.archive-sort-btn:focus-visible{background:#e9edf0;border-color:#cdd3d8;color:#111}.archive-sort-btn.active{color:#111}.archive-sort-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.archive-sort-btn.asc .sort-arrow{transform:rotate(180deg);transform-origin:15px 7.5px}
td{padding:11px 8px;font-size:13px;line-height:1.4;border:1px solid #d8dfe6;vertical-align:top;color:#080808;overflow-wrap:anywhere}
tbody tr:hover{background:#fcfcfc}tbody tr{height:105px}.purchase-cell,.sale-cell{text-align:right;font-size:12px;white-space:nowrap}.purchase-cell b,.sale-cell b{display:block;margin-top:6px;font-size:13px;font-weight:700}
.product-cell{padding:11px 13px}.product-description{min-width:0;margin-left:67px}.model{font-size:13px;font-weight:400;color:#050505;line-height:18px}.submodel{font-size:11px;color:#405b76;line-height:17px;margin-top:3px}.product-imei{display:block;font-size:14px;font-weight:700;margin-top:8px;line-height:17px}
.row-color-square{width:56px;height:56px;border-radius:3px;border:1px solid #c3c9cf;margin:0 10px 0 0;box-shadow:none}
.details-cell{font-size:11px;line-height:21px;color:#405b76}.visibility-cell{padding:11px 8px}.vis-buttons{margin:auto;width:28px}.vis-buttons button{width:28px;height:27px;font-family:Arial,sans-serif;font-size:14px;border-width:1px;border-radius:0!important;font-weight:400}
.vis-buttons button:first-child{border-color:#11945b;color:#11945b;border-radius:3px 3px 0 0!important}.vis-buttons button:nth-child(2){border-color:#eeaa19;color:#eeaa19}.vis-buttons button:last-child{border-color:#ed8000;color:#ed8000;border-radius:0 0 3px 3px!important}
.vis-buttons button.on.visible{background:#18864f;border-color:#18864f;color:#fff}.vis-buttons button.on.hidden{background:#edb300;border-color:#edb300;color:#fff}.vis-buttons button.on.repair{background:#e57600;border-color:#e57600;color:#fff}
.price-cell{text-align:right;white-space:nowrap}.number{font-size:17px;font-weight:700;color:#050505}.cost{color:#405b76;font-size:11px;margin-top:17px}.row-actions{gap:6px;display:flex;justify-content:flex-end;align-items:flex-start;flex-wrap:wrap}
.row-icon-btn{width:34px;height:34px;flex:0 0 34px;background:#f8f9fa;color:#0b1b29;border:1px solid transparent;border-radius:4px;font-size:17px;font-weight:400;box-shadow:none;transition:background .1s}
.row-icon-btn svg{width:15px;height:15px;stroke-width:1.5}.row-icon-btn:hover,.row-icon-btn:focus-visible{background:#e9ecef;color:#111;border-color:#d5dbe0}
.row-icon-btn.euro,.row-icon-btn.trash,.row-icon-btn.undo{color:#102131}.row-icon-btn.euro:hover,.row-icon-btn.trash:hover,.row-icon-btn.undo:hover{background:#e9ecef;border-color:#d5dbe0;color:#111}
.chip{border-radius:3px;font-size:9px;padding:3px 5px;margin-top:6px}.table-footer{padding:12px 14px;color:#52616e;border-top:0;font-size:11px}.empty{padding:45px 20px;color:#52616e}
.form-panel{max-width:none;margin:0;padding:18px 20px}.form-panel h2{font-size:16px;margin:5px 0 15px;color:#111;font-weight:600}.section-tag{font-size:12px;font-weight:700;color:#111;letter-spacing:0}
.section-gap{margin-top:23px;padding-top:17px;border-top:1px solid #d9dde1}.form-panel h3{font-size:14px;color:#111;margin:20px 0 12px}.form-grid{gap:15px 20px}
.field label,.login-box label{font-size:13px;color:#111;font-weight:700}.field input,.field select,.field textarea,.login-box input,.modal-body input,.modal-body select,.modal-body textarea{font-size:13px;min-height:35px;height:35px;border:1px solid #d8dee5;border-radius:4px;padding:7px 10px;background:#fff;color:#111;box-shadow:none;outline-offset:0}
.field textarea,.modal-body textarea{height:auto}.field input:focus,.field select:focus,.field textarea:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 2px #0d6efd25}
.field input.invalid,.field select.invalid{border:1px solid #e25353;background:#fffafa}.field input.valid,.field select.valid{border:1px solid #398e68;background:#fff}
.type-cards{gap:12px}.type-card{padding:12px 15px;min-height:70px;border:1px solid #cdd1d6;border-radius:4px;box-shadow:none;background:#fff;gap:4px 9px}.type-card.selected{border:1px solid #e52323;background:#fff7f7;box-shadow:none}.type-card .type-icon{font-size:21px;color:#333}.type-card b{font-size:13px;color:#111}.type-card small{color:#52616e;font-size:11px}
.hint,.muted,.color-gallery-hint,#purchase-price-hint{font-size:11px;line-height:1.5;color:#52616e}.text-action{color:#c91b1b;font-size:12px;font-weight:400}.manual-toggle{margin-top:5px;align-self:flex-start;font-size:12px}
.manual-color-field{padding-top:2px}.manual-color-picker{display:flex;align-items:center;gap:10px;margin:4px 0 9px}.manual-color-picker input[type="color"]{width:54px;height:38px;min-height:38px;padding:2px;cursor:pointer}.manual-color-preview{width:38px;height:38px;border:1px solid #aeb5bc;border-radius:4px;background:#7b7e83}.manual-color-picker code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:#263746}.manual-color-presets{display:flex;flex-wrap:wrap;gap:7px}.manual-color-preset{width:66px;min-height:62px;border:1px solid #d2d7dc;border-radius:4px;background:#fff;padding:5px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#111;cursor:pointer}.manual-color-preset:hover,.manual-color-preset[aria-pressed="true"]{border-color:#e52323;background:#fff7f7}.manual-color-preset span{display:block;width:30px;height:30px;border:1px solid #aeb5bc;border-radius:3px}.manual-color-preset small{font-size:10px;line-height:1.1}
.catalog-combobox{position:relative;width:100%}#catalog-search{margin:0;min-height:35px;border:1px solid #d8dee5;border-radius:4px;padding:7px 10px;width:100%;background:white;color:#111}
#catalog-search[aria-invalid="true"],#valuation-search[aria-invalid="true"]{border-color:#df3030;box-shadow:0 0 0 1px #df303020}
.catalog-results{position:absolute;top:calc(100% + 2px);left:0;right:0;max-height:325px;overflow-y:auto;border:1px solid #9b9fa4;background:white;border-radius:3px;box-shadow:0 4px 10px #0002;z-index:60;padding:3px 0}
.catalog-option{width:100%;border:0;border-bottom:1px solid #eef0f2;border-radius:0;background:white;color:#111;text-align:left;padding:9px 12px;display:flex;flex-direction:column;gap:4px;font-size:13px;min-height:48px;cursor:pointer}
.catalog-option:last-child{border:0}.catalog-option>span{font-weight:400}.catalog-option small{font-size:11px;color:#52616e;overflow-wrap:anywhere}.catalog-option:hover,.catalog-option[aria-selected="true"]{background:#0d6efd;color:white}.catalog-option:hover small,.catalog-option[aria-selected="true"] small{color:white}.catalog-no-match{font-size:13px;padding:12px;color:#b12020}
.apple-connectivity-hint{background:#f8f9fa;color:#111;border-left:3px solid #e52323;border-radius:3px;font-size:13px;font-weight:700;padding:9px 11px}
#apple-identification-field{border-color:#ddd;border-radius:4px;background:#fafafa;padding:13px}#apple-a-hint{color:#52616e}#apple-identification-field select,#apple-identification-field input{background:#fff}
#color-gallery .color-tile{border:1px solid #d3d7dc;border-radius:4px;background:#fff;box-shadow:none;width:112px;min-height:113px;gap:7px;padding:9px 6px}
#color-gallery .color-tile.selected{border:2px solid #e52323;background:#fff8f8;box-shadow:none}#color-gallery .color-tile:hover{border-color:#d72323;transform:none;box-shadow:none}
#color-gallery .color-square,.detail-photo-visual .color-square{border-radius:3px;box-shadow:none}#color-gallery .color-tile-name{font-size:11px;font-weight:400;color:#111;min-height:28px}
.visibility-selector button{border-radius:3px;min-height:35px;font-size:11px;font-weight:400}.visibility-selector .is-visible.active{background:#18864f;border-color:#18864f;color:#fff}
.private-qr-section,.client-lookup,.manual-device-panel,.sale-overview,.sale-optional,.detail-photo-panel,.data-item,.quote-preview,.callout{background:#f8f9fa;border:1px solid #d7dce1;border-radius:4px;box-shadow:none;color:#263746}
.private-qr-section p,.report-panel p,.settings-panel p{color:#52616e;line-height:1.6}.warning{background:#fff9ec;border-color:#e5d6b6;color:#6a5124}.form-end{margin-top:22px;padding-top:17px;border-color:#d9dde1}
.report-panel,.settings-panel{max-width:none;padding:20px;margin:0 0 14px}.report-panel h2,.settings-panel h2{font-size:17px;color:#111}.report-icon{display:none}.clients-panel{padding:18px 20px}.clients-panel h2{font-size:17px}.client-pick{border-radius:4px;font-size:13px}.admin-item,.admin-section,.admin-card{border-radius:4px;box-shadow:none}.admin-item-description b{color:#111;font-weight:600}.admin-item-description small{color:#52616e}.settings-form{font-size:13px}
.modal{border-radius:4px;box-shadow:0 8px 35px #0004}.modal-backdrop{background:#0007}.modal-header{padding:14px 18px}.modal-header h2{font-size:17px}.modal-header small{letter-spacing:0;color:#52616e}.modal-body{padding:18px}.data-item small{font-size:11px;color:#52616e}.data-item b{font-size:13px}.modal-actions{margin-top:18px}.xbtn{border-radius:3px}.callout{font-size:12px}.toast{border-radius:4px;background:#292522;font-size:13px;box-shadow:0 4px 12px #0003}
.login-screen{background:#f4f4f4}.login-box{border-radius:4px;box-shadow:0 3px 15px #0001;border:1px solid #ccc}.brand.big,.brand.big b{color:#25211f}.brand.big span{color:#52616e}.cloud-tag{background:#f2f2f2;color:#333;border-radius:3px;letter-spacing:0}.local-release{color:#52616e!important}.login-box h1{color:#111;font-size:22px}.login-box p{color:#52616e}
.nav-collapsed{--sidebar-width:58px}.nav-collapsed .sidebar>.brand{font-size:0;padding:0}.nav-collapsed .sidebar>.brand:after{content:'PY';font-size:18px;margin:auto}.nav-collapsed .sidebar>.brand b,.nav-collapsed .nav span,.nav-collapsed .nav-caption,.nav-collapsed .sidebar-bottom{display:none}.nav-collapsed .nav button{justify-content:center;padding:0}
@media(min-width:1500px){.stock-filter-label{width:264px}.stock-search-label{max-width:541px}.form-panel{padding:18px 20px}.form-grid{max-width:1300px}.actions-cell{padding:12px}}
@media(max-width:1150px){.col-product{width:33%}.col-details{width:22%}.col-purchase{width:11%}.col-visibility{width:9%}.col-price{width:11%}.col-actions{width:14%}.col-archive-product{width:37%}.col-archive-details{width:27%}.col-archive-purchase,.col-archive-sale{width:11%}.col-archive-actions{width:14%}table{min-width:950px}.stock-filter-label{width:155px}.account{display:none}#stock-summary{font-size:10px}.content{padding:14px}.row-actions{gap:4px}.row-icon-btn{width:30px;height:32px;flex-basis:30px}}
@media(max-width:720px){.app{display:flex}.sidebar{position:fixed;width:58px;height:100vh;min-height:100vh;top:0;left:0}.sidebar>.brand{font-size:0;padding:0;display:flex}.sidebar>.brand b{display:none}.sidebar>.brand:after{content:'PY';font-size:17px;margin:auto}.sidebar .nav{flex-direction:column;overflow:visible;padding:0}.nav button{justify-content:center;padding:0}.nav span,.nav-caption,.sidebar-bottom{display:none}.main{margin-left:58px;width:calc(100% - 58px)}.topbar{height:58px;min-height:58px;padding:0 8px;gap:9px}.sidebar-toggle{display:none}.topbar-page{font-size:12px}.store-select{display:none}.top-right{margin-left:auto}.top-right .avatar{display:none}.topbar .btn{font-size:11px;padding:3px 7px}.content{padding:10px}.page-title{margin:-10px -10px 10px;padding:9px 10px;min-height:53px}#page-actions{gap:5px;flex-wrap:wrap}#page-actions .btn{font-size:11px;min-height:32px;padding:6px 9px}.panel-heading{padding:9px 10px;font-size:12px}#stock-summary{display:none}.toolbar{display:grid;grid-template-columns:1fr 1fr;padding:12px 10px 18px;gap:10px}.stock-search-label{grid-column:1/-1;min-width:0}.stock-filter-label{width:auto;font-size:12px}.toolbar .searchbox{grid-column:auto}.toolbar select{font-size:12px}.reset-stock-filters{grid-column:1/-1;justify-self:end;margin-left:0}.table-scroller{margin:0 10px}table{min-width:950px}.form-panel{padding:16px 12px}.form-grid{grid-template-columns:1fr;gap:14px}.field.span2{grid-column:auto}.type-cards{gap:7px}.type-card{padding:10px;display:block}.type-card .type-icon{display:none}.type-card small{display:block;margin-top:5px}.type-card b{font-size:12px}.form-end{display:block}.form-end>div{margin-top:13px;justify-content:flex-end;gap:7px}.catalog-results{max-height:260px}.catalog-option{font-size:12px}.form-panel h2{font-size:15px}.report-panel,.settings-panel{padding:16px 12px}#color-gallery .color-tile{width:100px;max-width:100px}.modal-root{padding:8px}.modal-body{padding:14px}.account{display:none}}

.continuity-panel{border-top:3px solid #18864f}.continuity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.continuity-card{border:1px solid #d7dce1;background:#fafafa;border-radius:4px;padding:15px;display:flex;flex-direction:column;align-items:flex-start;min-height:165px}.continuity-card>b{font-size:14px;color:#111}.continuity-card p{font-size:12px;line-height:1.45;flex:1;margin:8px 0 14px}.continuity-card .btn{width:100%}.restore-box{margin-top:14px;border:1px solid #d7dce1;border-radius:4px;padding:13px;background:#fff}.restore-box summary{cursor:pointer;display:flex;flex-direction:column;gap:3px}.restore-box summary span{font-size:12px;color:#52616e;font-weight:400}.restore-box[open] summary{margin-bottom:14px}.restore-box .callout{margin-bottom:14px}.status-pill.inactive{background:#fff4dd;color:#805b12;border-color:#e8cb8f}
.backup-destination-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin:14px 0}.backup-destination-form .field{display:flex;flex-direction:column;gap:6px}.backup-destination-form small{display:block}.backup-destination-form .btn{white-space:nowrap}
.permissions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;margin:14px 0 18px}.permission-option{display:flex;align-items:flex-start;gap:9px;border:1px solid #d7dce1;border-radius:5px;padding:10px 11px;background:#fff;font-size:12px;line-height:1.35;cursor:pointer}.permission-option input{width:17px;height:17px;margin:0;flex:0 0 auto;accent-color:#1368ce}.permission-option:has(input:checked){border-color:#8eb8eb;background:#f3f8ff}.permission-option span{font-weight:600;color:#27394a}
@media(max-width:1100px){.continuity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.continuity-grid{grid-template-columns:1fr}.continuity-card{min-height:0}}
@media(max-width:720px){.backup-destination-form,.permissions-grid{grid-template-columns:1fr}.backup-destination-form .btn{justify-self:start}}
.catalog-color-editor{display:grid;gap:9px;margin:7px 0 10px}.catalog-color-edit-row{display:grid;grid-template-columns:minmax(210px,1fr) 58px auto;gap:9px;align-items:center;padding:9px;border:1px solid #d7dce1;border-radius:4px;background:#fafbfc}.catalog-color-edit-row input[type="color"]{width:58px;height:40px;min-height:40px;padding:2px;cursor:pointer}@media(max-width:760px){.catalog-color-edit-row{grid-template-columns:1fr 58px}.catalog-color-edit-row .ec-remove-color{grid-column:1/-1}}