.gri .gri-mode-row { display:grid; grid-template-columns:auto 200px minmax(180px,1fr); gap:10px; align-items:center; margin-bottom:14px; }
.gri .gri-mode-row>label { font-size:12px; font-weight:600; }
.gri .gri-mode-row select { height:36px; border:1px solid #dce0e7; border-radius:8px; padding:0 10px; background:#fff; font:inherit; width:100%; }
.gri .gri-section { border-top:1px solid #e5e8ef; margin-top:16px; padding-top:16px; }
.gri .gri-options { display:flex; flex-wrap:wrap; align-items:center; gap:10px 18px; margin-bottom:14px; }
.gri .gri-options label { display:flex; align-items:center; gap:7px; font-size:12px; }
.gri .gri-sku-options { min-width:0; padding:12px; margin:0 0 14px; border:1px solid #dce0e7; border-radius:8px; }
.gri .gri-sku-options legend { width:auto; padding:0 5px; margin:0; font-size:12px; font-weight:700; }
.gri .gri-sku-compose { min-width:0; border:0; padding:0; margin:0; }
.gri .gri-sku-compose legend { padding:0; margin-bottom:10px; font-weight:500; }
.gri .gri-sku-options[hidden],.gri .gri-sku-compose[hidden] { display:none; }
.gri .gri-sku-example-row { display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; margin-bottom:8px; font-size:12px; }
.gri .gri-sku-example-row select { width:100px; height:36px; padding:0 10px; border:1px solid #dce0e7; border-radius:8px; background:#fff; }
.gri #gri-sku-example { min-width:0; overflow-wrap:anywhere; color:#424b5b; }
.gri .cxi-fields { grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:12px; }
.gri table { min-width:920px; }
.gri th:nth-child(1) { width:60px; }.gri th:nth-child(2) { width:145px; }.gri th:nth-child(3) { width:260px; }.gri th:nth-child(4) { width:100px; }.gri th:nth-child(5),.gri th:nth-child(6) { width:115px; }.gri th:nth-child(7) { width:200px; }
.gri td .gri-option { display:block; color:#667087; margin-top:3px; }
.gri td .gri-option b { color:#424b5b; font-weight:500; }
.gri .cxi-heading h1 { display:flex; align-items:center; gap:6px; }
@media(min-width:1000px) { .gri .cxi-fields { grid-template-columns:repeat(auto-fill,170px); } }
@media(max-width:650px) { .gri .gri-mode-row { grid-template-columns:1fr; gap:6px; }.gri .gri-mode-row .cxi-hint { margin-top:2px; }.gri .cxi-fields { grid-template-columns:1fr; } }