#ehco-colors .ec-action-home{display:flex;flex-wrap:wrap;align-items:center;gap:10px;max-width:100%;flex-shrink:1}
#ehco-colors .ec-floating-actions{position:fixed;z-index:350;display:flex;align-items:stretch;justify-content:center;gap:10px;padding:9px;background:#fff;border:1px solid #cbd4c0;border-radius:10px;box-shadow:0 4px 18px #23300024;max-width:calc(100vw - 24px)}
#ehco-colors .ec-floating-actions button{flex:1 1 auto;margin:0;font-size:15px;min-height:44px;white-space:normal}
#ehco-colors .ec-floating-actions button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #638400}
#ehco-colors:has(dialog[open]) .ec-floating-actions{visibility:hidden}
#ehco-colors .ec-card,#ehco-colors #ec-count{scroll-margin-top:var(--ec-actions-offset,150px)}
@media(max-width:600px){
  #ehco-colors .ec-action-home{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
  #ehco-colors .ec-floating-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:6px;border-radius:8px}
  #ehco-colors .ec-floating-actions button{font-size:12px;line-height:1.25;min-height:46px;min-width:0;padding:5px 3px;gap:0}
  #ehco-colors .ec-floating-actions #ec-eye svg{display:none}
  #ehco-colors .ec-floating-actions #ec-favorites{font-size:0}
  #ehco-colors .ec-floating-actions #ec-favorites span{font-size:12px;line-height:1.25}
}

#ehco-colors .ec-floating-actions .ec-list-field{flex:0 0 190px;min-width:0}
#ehco-colors .ec-floating-actions .ec-list-field label{font-size:11px;line-height:1.2;margin:0 0 4px;text-align:left}
#ehco-colors .ec-floating-actions .ec-list-field select{height:36px;padding:6px 26px 6px 9px;font-size:14px}
@media(max-width:900px){
 #ehco-colors .ec-floating-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 #ehco-colors .ec-floating-actions button{min-width:0;padding:6px 4px;font-size:13px;gap:4px}
 #ehco-colors .ec-floating-actions #ec-eye svg{display:none}
 #ehco-colors .ec-floating-actions .ec-list-field{grid-column:1/-1;display:flex;align-items:center;gap:10px;justify-content:center;padding-top:4px;border-top:1px solid #e3e8dd}
 #ehco-colors .ec-floating-actions .ec-list-field label{margin:0;white-space:nowrap;flex-shrink:0}
 #ehco-colors .ec-floating-actions .ec-list-field select{width:180px;max-width:60%;flex:1 1 auto}
}
@media(max-width:600px){#ehco-colors .ec-floating-actions button{font-size:12px;padding:5px 3px;gap:0}#ehco-colors .ec-floating-actions .ec-list-field select{height:34px;font-size:13px}}

#ehco-colors .ec-action-home button{font-size:13px;padding:9px 10px}
#ehco-colors .ec-floating-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#ehco-colors .ec-floating-actions button{min-width:0;font-size:13px;padding:7px 5px}
#ehco-colors .ec-floating-actions .ec-list-field{grid-column:1/-1;display:flex;align-items:center;gap:10px;justify-content:center;padding-top:4px;border-top:1px solid #e3e8dd}
#ehco-colors .ec-floating-actions .ec-list-field label{margin:0;white-space:nowrap;flex-shrink:0}
#ehco-colors .ec-floating-actions .ec-list-field select{width:180px;max-width:60%;flex:1 1 auto}
@media(max-width:600px){#ehco-colors .ec-floating-actions button{font-size:11px;padding:6px 3px;min-height:48px}#ehco-colors .ec-action-home button{font-size:12px}}

#ehco-colors .ec-range-home,#ehco-colors .ec-range-field{min-width:0}
#ehco-colors .ec-floating-actions{overflow:auto;overscroll-behavior:contain}
#ehco-colors .ec-floating-actions .ec-list-field{grid-column:span 2;display:block;padding-top:0;border-top:0}
#ehco-colors .ec-floating-actions .ec-list-field select{width:100%;max-width:100%}
#ehco-colors .ec-floating-actions .ec-range-field{grid-column:span 1}
#ehco-colors .ec-floating-actions .ec-range-field label,#ehco-colors .ec-floating-actions .ec-list-field label{font-size:11px;line-height:1.3;margin:0 0 4px}
#ehco-colors .ec-floating-actions .ec-range-field input{height:36px;padding:6px 8px;font-size:14px}
#ehco-colors .ec-floating-actions #ec-rangehint{grid-column:1/-1;margin:0;font-size:12px;line-height:1.4}
#ehco-colors .ec-floating-actions #ec-rangehint:not(.ec-range-error){display:none}
@media(max-width:600px){
 #ehco-colors .ec-floating-actions .ec-list-field{grid-column:1/-1;display:flex;padding-top:4px;border-top:1px solid #e3e8dd}
 #ehco-colors .ec-floating-actions .ec-list-field label{margin:0}
 #ehco-colors .ec-floating-actions .ec-list-field select{width:180px;max-width:60%}
 #ehco-colors .ec-floating-actions .ec-range-field{grid-column:span 2}
 #ehco-colors .ec-floating-actions .ec-range-field label{font-size:10px}
 #ehco-colors .ec-floating-actions .ec-range-field input{height:44px;font-size:16px}
}