/* ==========================================================
   DOCHI WHEEL MODE COLOR
   LOẠI = xanh
   MÓN  = CHỈ VIỀN ĐỎ, chữ/icon vẫn xanh
   ========================================================== */

#dcwRoot[data-visual-mode="dish"] .dcw-toggle{
  background:#fff !important;

  /* chữ giữ xanh */
  color:#087147 !important;

  /* chỉ viền đổi đỏ */
  border-color:#ff3b30 !important;

  box-shadow:
    0 7px 18px rgba(255,59,48,.14),
    0 2px 5px rgba(0,0,0,.04) !important;
}

#dcwRoot[data-visual-mode="dish"] .dcw-toggle-label{
  color:#087147 !important;
}

#dcwRoot[data-visual-mode="dish"] .dcw-toggle-icon{
  background:#fff !important;

  /* vòng icon đỏ */
  border-color:#ff3b30 !important;
}

#dcwRoot[data-visual-mode="dish"] .dcw-toggle-icon svg{
  /* icon vẫn xanh */
  stroke:#087147 !important;
}


/* Các chip thường */
#dcwRoot[data-visual-mode="dish"] .dcw-item{
  background:#fff !important;

  /* chữ vẫn xanh */
  color:#31564a !important;

  /* viền đỏ nhẹ */
  border-color:rgba(255,59,48,.42) !important;

  box-shadow:
    0 4px 12px rgba(255,59,48,.07) !important;
}


/* Chấm vẫn xanh */
#dcwRoot[data-visual-mode="dish"] .dcw-item::before{
  background:#3aa67a !important;

  box-shadow:
    0 0 0 3px rgba(8,113,71,.07) !important;
}


/* Mục giữa / đang chọn */
#dcwRoot[data-visual-mode="dish"] .dcw-item.is-wheel-center{
  background:#fff !important;

  /* chữ xanh đậm */
  color:#087147 !important;

  /* viền đỏ rõ */
  border-color:#ff3b30 !important;

  box-shadow:
    0 8px 20px rgba(255,59,48,.16),
    0 2px 5px rgba(0,0,0,.04) !important;
}


/* Chấm giữa vẫn xanh */
#dcwRoot[data-visual-mode="dish"] .dcw-item.is-wheel-center::before{
  background:#087147 !important;

  box-shadow:
    0 0 0 4px rgba(8,113,71,.10) !important;
}