/* LOCO QR v2.42.2 — QR Information Branding UI Hotfix */
.loco-branding-file-fallback{
  position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;
  pointer-events:none!important;overflow:hidden!important
}
.loco-branding-color-fallback{
  width:44px!important;height:44px!important;min-width:44px!important;padding:3px!important;
  border:1px solid #dfe5da!important;border-radius:12px!important;background:#fff!important;
  cursor:pointer!important
}
.loco-branding-preview{
  display:flex;align-items:center;gap:12px;margin:10px 0 18px;padding:12px 14px;
  border:1px dashed #dce3d6;border-radius:14px;background:#fafbf9
}
.loco-branding-logo-box{
  width:54px;height:54px;display:grid;place-items:center;border:1px solid #e1e6dc;
  border-radius:12px;background:#fff;overflow:hidden;flex:0 0 auto
}
.loco-branding-logo-box:before{
  content:"LOGO";font-size:9px;font-weight:800;letter-spacing:.08em;color:#9aa292
}
.loco-branding-preview.has-logo .loco-branding-logo-box:before{display:none}
.loco-branding-logo-box img{width:100%;height:100%;object-fit:contain}
.loco-branding-preview-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.loco-branding-preview-copy strong{font-size:13px;color:#20251e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.loco-branding-preview-copy small{font-size:11px;color:#7a8176}
.loco-branding-toast{
  position:fixed;right:20px;bottom:20px;z-index:99999;max-width:min(390px,calc(100vw - 32px));
  padding:12px 15px;border-radius:13px;background:#17210f;color:#fff;font-size:12px;font-weight:700;
  box-shadow:0 12px 35px #0002;opacity:0;transform:translateY(8px);pointer-events:none;
  transition:.18s ease
}
.loco-branding-toast.show{opacity:1;transform:none}
.loco-branding-toast.is-error{background:#8f2d26}
[data-loco-branding-fix="1"] input[type="color"]{cursor:pointer}
@media(max-width:680px){
  .loco-branding-preview{margin-bottom:14px}
  .loco-branding-toast{left:16px;right:16px;bottom:16px;max-width:none}
}