/* FolmioX V4.3.10 — Quick Add by printed code OR card name */
.quick-add-mode-switch,.fhome-quick-mode-switch{
  display:inline-flex;gap:4px;padding:4px;border:1px solid rgba(103,157,218,.15);
  border-radius:12px;background:rgba(6,17,33,.66)
}
.quick-add-mode-switch{margin:0 0 10px}
.fhome-quick-mode-switch{margin-top:12px}
.quick-add-mode-switch button,.fhome-quick-mode-switch button{
  appearance:none;border:0;border-radius:9px;background:transparent;color:#7891b2;
  padding:7px 11px;font:inherit;font-size:9px;font-weight:900;letter-spacing:.06em;
  text-transform:uppercase;cursor:pointer;transition:.16s ease
}
.quick-add-mode-switch button:hover,.fhome-quick-mode-switch button:hover{color:#d8f5ff}
.quick-add-mode-switch button.active,.fhome-quick-mode-switch button.active{
  color:#effcff;background:linear-gradient(120deg,rgba(31,187,225,.22),rgba(114,81,235,.24));
  box-shadow:inset 0 0 0 1px rgba(72,218,255,.25),0 0 20px rgba(45,166,255,.06)
}
.quick-add-mode-note{margin:0 0 12px;color:#6e86a6;font-size:10px;line-height:1.45}
.quick-add-result.exact-name{border-color:rgba(114,238,191,.30);box-shadow:inset 0 0 34px rgba(65,211,164,.04)}
.quick-add-result-meta span.exact-name{color:#7aefc3;border-color:rgba(90,231,183,.24);background:rgba(54,184,139,.07)}
.quick-add-result-meta span.exact-number{color:#74e7ff;border-color:rgba(80,214,255,.24);background:rgba(44,170,219,.07)}
.quick-add-field input.quick-add-name-mode,.fhome-manual-ref input.quick-add-name-mode{
  font-size:15px;font-weight:760;letter-spacing:0
}
@media(max-width:760px){
  .quick-add-mode-switch,.fhome-quick-mode-switch{width:100%}
  .quick-add-mode-switch button,.fhome-quick-mode-switch button{flex:1}
}

.quick-add-mode-switch:has([data-quick-add-mode="promo"]),
.fhome-quick-mode-switch:has([data-home-quick-add-mode="promo"]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,430px)}
.quick-add-mode-switch:has([data-quick-add-mode="promo"]) button,
.fhome-quick-mode-switch:has([data-home-quick-add-mode="promo"]) button{min-width:0;white-space:nowrap}
@media(max-width:430px){
  .quick-add-mode-switch:has([data-quick-add-mode="promo"]) button,
  .fhome-quick-mode-switch:has([data-home-quick-add-mode="promo"]) button{padding:7px 6px;font-size:8px}
}