.general-colors { border:1px solid #dce3de; border-radius:10px; padding:14px; margin:12px 0; background:#fff; }
.color-toggle { display:flex; align-items:center; justify-content:space-between; gap:16px; font-weight:600; }
.color-toggle input { appearance:none; width:42px; height:24px; flex:none; background:#adb8b0; border-radius:20px; position:relative; cursor:pointer; }
.color-toggle input::after { content:''; position:absolute; width:18px; height:18px; top:3px; left:3px; border-radius:50%; background:#fff; transition:transform .15s; }
.color-toggle input:checked { background:#237c4b; }
.color-toggle input:checked::after { transform:translateX(18px); }
.color-toggle input:focus-visible { outline:3px solid #86b7fe; outline-offset:3px; }
.color-help { font-size:.84rem; color:#56625b; line-height:1.5; margin:12px 0; }
.color-entry { display:flex; align-items:end; gap:10px; flex-wrap:wrap; margin:12px 0; }
.color-entry label { display:flex; flex-direction:column; gap:5px; flex:1; min-width:110px; font-size:.85rem; }
.general-colors select,.general-colors input:not([role=switch]),.general-colors button { font:inherit; border:1px solid #cbd5cf; border-radius:6px; padding:8px; min-height:38px; max-width:100%; }
.general-colors input[type=color] { padding:3px; }
.general-colors button { cursor:pointer; color:#23573a; background:#f2f8f4; }
.general-colors button[aria-pressed=true] { background:#237c4b; color:#fff; }
.color-modes { display:flex; gap:6px; flex-wrap:wrap; margin-top:12px; }
.color-table-wrap { overflow-x:auto; }
.color-stock-table { width:100%; border-collapse:collapse; font-size:.86rem; }
.color-stock-table th,.color-stock-table td { padding:8px 6px; text-align:left; border-bottom:1px solid #edf0ee; }
.color-stock-table input { width:95px; }
.color-new { font-size:.85rem; margin:12px 0; }
.color-new summary { cursor:pointer; }
.color-message { color:#a12f2f; font-size:.85rem; margin:8px 0 0; }
.color-total { text-align:right; font-size:.9rem; margin:12px 0 0; }
#view-product-manage.color-variants-active #pm-general-grid-wrap,
#view-product-manage.color-variants-active #pm-entry-container,
#view-product-manage.color-variants-active #pm-card-adjustment,
#view-product-manage.color-variants-active #pm-count-controls,
#view-product-manage.color-variants-active #pm-count-help { display:none !important; }
.available-colors { display:flex; gap:5px 8px; flex-wrap:wrap; margin:8px 0; }
.available-colors[hidden] { display:none; }
.available-color { display:inline-flex; align-items:center; gap:5px; font-size:.8rem; line-height:1.4; }
.available-color i { width:12px; height:12px; border:1px solid #a8b1ac; border-radius:50%; flex:none; }
@media(max-width:480px) { .general-colors { padding:10px; } .color-entry>button { width:100%; } .color-stock-table th,.color-stock-table td { padding:7px 3px; } }