/* ========================================================================
   SRFQ Unified Form System
   Source of truth for supplier profile, request form and quote form.
   Local-only UI: no CDN, no external font, no third-party icon dependency.
   ======================================================================== */

#srfq-supplier-scope,
#srfq-request-scope,
#srfq-quote-scope{
  --srfq-ui-accent:#0694a2;
  --srfq-ui-accent-strong:#008f9c;
  --srfq-ui-accent-soft:#ecfeff;
  --srfq-ui-accent-ring:rgba(6,148,162,.16);
  --srfq-ui-orange:#f59e0b;
  --srfq-ui-danger:#dc2626;
  --srfq-ui-success:#16a34a;
  --srfq-ui-text:#111827;
  --srfq-ui-muted:#64748b;
  --srfq-ui-subtle:#94a3b8;
  --srfq-ui-border:#e5e7eb;
  --srfq-ui-border-strong:#d5dce5;
  --srfq-ui-surface:#ffffff;
  --srfq-ui-field:#f8fafc;
  --srfq-ui-field-disabled:#f1f5f9;
  --srfq-ui-radius:16px;
  --srfq-ui-radius-sm:12px;
  --srfq-ui-shadow:0 18px 40px rgba(15,23,42,.06);
  --srfq-ui-shadow-soft:0 8px 20px rgba(15,23,42,.05);
  direction:rtl;
  text-align:right;
  font-family:inherit;
  color:var(--srfq-ui-text);
  box-sizing:border-box;
  max-width:100%;
  min-width:0;
}
#srfq-supplier-scope *,
#srfq-request-scope *,
#srfq-quote-scope *{box-sizing:border-box;max-width:100%;}
#srfq-supplier-scope img,#srfq-request-scope img,#srfq-quote-scope img,
#srfq-supplier-scope svg,#srfq-request-scope svg,#srfq-quote-scope svg{max-width:100%;height:auto;}
#srfq-supplier-scope .srfq-form-shell__sub,#srfq-supplier-scope .srfq-hint,#srfq-supplier-scope .srfq-upload-hint,#srfq-supplier-scope .srfq-alert,
#srfq-request-scope .srfq-form-shell__sub,#srfq-request-scope .srfq-hint,#srfq-request-scope .srfq-upload-hint,#srfq-request-scope .srfq-alert,
#srfq-quote-scope .srfq-form-shell__sub,#srfq-quote-scope .srfq-hint,#srfq-quote-scope .srfq-upload-hint,#srfq-quote-scope .srfq-alert{overflow-wrap:anywhere;word-break:normal;}
#srfq-supplier-scope .srfq-form-row,
#srfq-request-scope .srfq-form-row,
#srfq-quote-scope .srfq-form-row,
#srfq-supplier-scope .srfq-form-group,
#srfq-request-scope .srfq-form-group,
#srfq-quote-scope .srfq-form-group,
#srfq-supplier-scope .srfq-form-shell__body,
#srfq-request-scope .srfq-form-shell__body,
#srfq-quote-scope .srfq-form-shell__body{min-width:0;max-width:100%;}

/* Shell */
.srfq-form-shell,
#srfq-supplier-scope.srfq-form{
  width:min(100%, 780px);
  margin:14px auto;
  padding:0 !important;
  border:1px solid var(--srfq-ui-border) !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
  box-shadow:var(--srfq-ui-shadow) !important;
  overflow:visible !important;
}
.srfq-form-shell__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 18px 14px;
  border-bottom:1px solid #eef2f7;
  border-radius:20px 20px 0 0;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
}
.srfq-form-shell__title-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0;}
.srfq-form-shell__iconwrap{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;min-width:40px;border-radius:15px;
  border:1px solid rgba(6,148,162,.18);
  background:linear-gradient(180deg,#ecfeff 0%,#f8fbff 100%);
  color:var(--srfq-ui-accent);box-shadow:0 8px 18px rgba(6,148,162,.08);
}
.srfq-form-shell__icon{width:22px;height:22px;}
.srfq-form-shell__title{margin:0;color:var(--srfq-ui-text);font-size:20px;line-height:1.8;font-weight:800;}
.srfq-form-shell__sub{margin:4px 0 0;color:var(--srfq-ui-muted);font-size:13px;line-height:2;font-weight:500;}
.srfq-form-shell__body{padding:18px;}

/* Trust/help note */
.srfq-form-trust-note{
  display:flex;align-items:flex-start;gap:10px;margin:0 0 16px;padding:12px 13px;
  border:1px solid rgba(6,148,162,.18);border-radius:16px;
  background:linear-gradient(180deg,#fff 0%,#f0fdfa 100%);
  color:#155e63;line-height:1.9;font-size:13px;
}
.srfq-form-trust-note .srfq-icon{margin-top:3px;color:var(--srfq-ui-accent);}

/* Rows and groups */
#srfq-supplier-scope .srfq-form-row,
#srfq-request-scope .srfq-form-row,
#srfq-quote-scope .srfq-form-row{display:grid;grid-template-columns:1fr;gap:14px;width:100%;margin:0;clear:both;float:none;}
#srfq-supplier-scope .srfq-form-group,
#srfq-request-scope .srfq-form-group,
#srfq-quote-scope .srfq-form-group{display:block;width:100%;margin:0 0 14px;clear:both;float:none;}
#srfq-supplier-scope label,
#srfq-request-scope label,
#srfq-quote-scope label{display:block;margin:0 0 8px;color:var(--srfq-ui-text);font-size:14px;line-height:1.9;font-weight:750;text-align:right;}
#srfq-supplier-scope .srfq-required,
#srfq-request-scope .srfq-required,
#srfq-quote-scope .srfq-required{color:var(--srfq-ui-danger);margin-inline-start:4px;font-weight:800;}
#srfq-supplier-scope .srfq-hint,
#srfq-request-scope .srfq-hint,
#srfq-quote-scope .srfq-hint,
#srfq-supplier-scope .srfq-upload-hint,
#srfq-request-scope .srfq-upload-hint,
#srfq-quote-scope .srfq-upload-hint{margin-top:7px;color:var(--srfq-ui-muted);font-size:12px;line-height:1.9;text-align:right;}

/* Native controls */
#srfq-supplier-scope .srfq-input,
#srfq-supplier-scope .srfq-select,
#srfq-supplier-scope .srfq-textarea,
#srfq-request-scope .srfq-input,
#srfq-request-scope .srfq-select,
#srfq-request-scope .srfq-textarea,
#srfq-quote-scope .srfq-input,
#srfq-quote-scope .srfq-select,
#srfq-quote-scope .srfq-textarea,
#srfq-supplier-scope input[type="text"],#srfq-supplier-scope input[type="url"],#srfq-supplier-scope input[type="email"],#srfq-supplier-scope input[type="tel"],#srfq-supplier-scope input[type="number"],#srfq-supplier-scope select,#srfq-supplier-scope textarea,
#srfq-request-scope input[type="text"],#srfq-request-scope input[type="url"],#srfq-request-scope input[type="email"],#srfq-request-scope input[type="tel"],#srfq-request-scope input[type="number"],#srfq-request-scope select,#srfq-request-scope textarea,
#srfq-quote-scope input[type="text"],#srfq-quote-scope input[type="url"],#srfq-quote-scope input[type="email"],#srfq-quote-scope input[type="tel"],#srfq-quote-scope input[type="number"],#srfq-quote-scope select,#srfq-quote-scope textarea{
  width:100%;min-height:48px;padding:11px 13px;border:1px solid var(--srfq-ui-border-strong) !important;
  border-radius:15px !important;background:var(--srfq-ui-field) !important;color:var(--srfq-ui-text) !important;
  font:inherit;line-height:1.75;direction:rtl;text-align:right;box-shadow:0 1px 2px rgba(15,23,42,.02);
  transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
  outline:0;appearance:none;-webkit-appearance:none;
}
#srfq-supplier-scope textarea,#srfq-request-scope textarea,#srfq-quote-scope textarea,
#srfq-supplier-scope .srfq-textarea,#srfq-request-scope .srfq-textarea,#srfq-quote-scope .srfq-textarea{min-height:132px;height:auto;resize:vertical;}
#srfq-supplier-scope input:focus,#srfq-supplier-scope select:focus,#srfq-supplier-scope textarea:focus,
#srfq-request-scope input:focus,#srfq-request-scope select:focus,#srfq-request-scope textarea:focus,
#srfq-quote-scope input:focus,#srfq-quote-scope select:focus,#srfq-quote-scope textarea:focus{
  border-color:#67c7d0 !important;box-shadow:0 0 0 4px var(--srfq-ui-accent-ring);background:#fff !important;
}
#srfq-supplier-scope input::placeholder,#srfq-request-scope input::placeholder,#srfq-quote-scope input::placeholder,
#srfq-supplier-scope textarea::placeholder,#srfq-request-scope textarea::placeholder,#srfq-quote-scope textarea::placeholder{color:#a1a8b3;opacity:1;}
#srfq-supplier-scope input[readonly],#srfq-supplier-scope input[disabled],#srfq-supplier-scope select[disabled],#srfq-supplier-scope textarea[disabled],
#srfq-request-scope input[readonly],#srfq-request-scope input[disabled],#srfq-request-scope select[disabled],#srfq-request-scope textarea[disabled],
#srfq-quote-scope input[readonly],#srfq-quote-scope input[disabled],#srfq-quote-scope select[disabled],#srfq-quote-scope textarea[disabled]{background:var(--srfq-ui-field-disabled) !important;color:#8a94a6 !important;cursor:not-allowed;}
#srfq-supplier-scope .srfq-ltr,#srfq-request-scope .srfq-ltr,#srfq-quote-scope .srfq-ltr,
#srfq-supplier-scope [dir="ltr"],#srfq-request-scope [dir="ltr"],#srfq-quote-scope [dir="ltr"]{direction:ltr !important;text-align:left !important;}

/* Validation */
#srfq-supplier-scope .srfq-error,#srfq-supplier-scope .srfq-upload-error,#srfq-supplier-scope .invalid-hint,
#srfq-request-scope .srfq-error,#srfq-request-scope .srfq-upload-error,#srfq-request-scope .invalid-hint,
#srfq-quote-scope .srfq-error,#srfq-quote-scope .srfq-upload-error,#srfq-quote-scope .invalid-hint{
  margin-top:7px;padding:8px 10px;border:1px solid #fecdd3;border-radius:12px;background:#fff1f2;color:#991b1b;font-size:12px;line-height:1.9;text-align:right;
}
#srfq-supplier-scope .srfq-error.srfq-error--fade,#srfq-request-scope .srfq-error.srfq-error--fade,#srfq-quote-scope .srfq-error.srfq-error--fade{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;overflow:hidden;}
#srfq-supplier-scope .srfq-invalid,#srfq-request-scope .srfq-invalid,#srfq-quote-scope .srfq-invalid,
#srfq-supplier-scope .is-invalid,#srfq-request-scope .is-invalid,#srfq-quote-scope .is-invalid{border-color:#ef4444 !important;box-shadow:0 0 0 3px rgba(239,68,68,.1) !important;}
#srfq-supplier-scope *:invalid,#srfq-request-scope *:invalid,#srfq-quote-scope *:invalid{box-shadow:none;outline:0;}

/* Custom select: consistent on Android, iPhone, in-app browsers */
#srfq-supplier-scope select.srfq-native-select-hidden,
#srfq-request-scope select.srfq-native-select-hidden,
#srfq-quote-scope select.srfq-native-select-hidden,
#srfq-requests-list-scope select.srfq-native-select-hidden{position:absolute !important;opacity:0 !important;pointer-events:none !important;width:1px !important;height:1px !important;min-height:1px !important;margin:0 !important;padding:0 !important;border:0 !important;overflow:hidden !important;}
.srfq-custom-select{position:relative;direction:rtl;width:100%;min-width:0;max-width:100%;}
.srfq-custom-select__button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;padding:10px 13px;border:1px solid var(--srfq-ui-border-strong);border-radius:15px;background:var(--srfq-ui-field);color:var(--srfq-ui-text);cursor:pointer;font:inherit;text-align:right;line-height:1.8;box-shadow:0 1px 2px rgba(15,23,42,.02);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;}
.srfq-custom-select__button:focus,.srfq-custom-select.is-open .srfq-custom-select__button{outline:0;border-color:#67c7d0;box-shadow:0 0 0 4px var(--srfq-ui-accent-ring);background:#fff;}
.srfq-custom-select.is-disabled .srfq-custom-select__button{cursor:not-allowed;color:#94a3b8;background:#f1f5f9;}
.srfq-custom-select__text{display:block;min-width:0;flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--srfq-ui-text);}
.srfq-custom-select__text.is-placeholder{color:#9ca3af;font-weight:500;}
.srfq-custom-select__chevron{color:#475569;margin-inline-start:auto;transition:transform .18s ease;}.srfq-custom-select.is-open .srfq-custom-select__chevron{transform:rotate(180deg);}
.srfq-custom-select__menu{position:absolute;inset-inline:0;left:0;right:0;top:calc(100% + 8px);z-index:100000;display:none;width:auto;min-width:0;max-width:100%;overflow:hidden;border:1px solid var(--srfq-ui-border);border-radius:16px;background:#fff;box-shadow:0 18px 46px rgba(15,23,42,.13);}
.srfq-custom-select.is-open .srfq-custom-select__menu{display:block;}
.srfq-custom-select__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 13px;border-bottom:1px solid #eef2f7;}
.srfq-custom-select__title{margin:0;color:#111827;font-size:14px;font-weight:800;line-height:1.8;}
.srfq-custom-select__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #fecaca;border-radius:999px;background:#fef2f2;color:#dc2626;cursor:pointer;box-shadow:none;font-size:22px;font-weight:900;line-height:1;position:relative;transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease;}
.srfq-custom-select__close::before{content:"×";display:block;color:currentColor;line-height:1;transform:translateY(-1px);}
.srfq-custom-select__close:hover,.srfq-custom-select__close:focus-visible{outline:0;background:#fee2e2;color:#b91c1c;border-color:#fca5a5;box-shadow:0 0 0 3px rgba(220,38,38,.12);}
.srfq-custom-select__close:active{transform:translateY(1px);}
.srfq-custom-select__close .srfq-icon,.srfq-custom-select__close svg{display:none;}
.srfq-custom-select__search-wrap{position:relative;padding:9px 12px;border-bottom:1px solid #eef2f7;}
.srfq-custom-select__search{width:100%;min-height:40px;padding:8px 12px 8px 40px;border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc;direction:rtl;text-align:right;font:inherit;font-size:13px;}
.srfq-custom-select__search-icon{position:absolute;left:24px;right:auto;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;}
.srfq-custom-select__options{max-height:280px;overflow:auto;-webkit-overflow-scrolling:touch;padding:6px;}
.srfq-custom-select__option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:9px 10px;border:0;border-bottom:1px solid #e2e8f0;border-radius:11px;background:#ffffff;color:#111827;cursor:pointer;font:inherit;text-align:right;line-height:1.8;transition:background-color .16s ease,color .16s ease,border-color .16s ease;}
.srfq-custom-select__option:nth-child(odd){background:#ffffff;}
.srfq-custom-select__option:nth-child(even){background:#f3f7fb;}
.srfq-custom-select__option:last-child{border-bottom:0;}
.srfq-custom-select__option:hover,.srfq-custom-select__option:focus{outline:0;background:#ffe9ec;color:#991b1b;border-bottom-color:#fecdd3;}
.srfq-custom-select__option.is-selected{background:#ffeff1;color:#991b1b;font-weight:800;border-bottom-color:#fecdd3;}
.srfq-custom-select__option.is-selected:hover,.srfq-custom-select__option.is-selected:focus{background:#ffe4e6;color:#7f1d1d;border-bottom-color:#fda4af;}
.srfq-custom-select__option.is-selected:last-child{border-bottom:1px solid #fecdd3;}
.srfq-custom-select__option.is-disabled{color:#a1a8b3;cursor:not-allowed;background:#f8fafc;}
.srfq-custom-select__option.is-disabled:hover,.srfq-custom-select__option.is-disabled:focus{background:#f8fafc;color:#a1a8b3;border-bottom-color:#e2e8f0;}
.srfq-custom-select__option-check{color:#dc2626;opacity:0;}
.srfq-custom-select__option.is-selected .srfq-custom-select__option-check{opacity:1;}
.srfq-custom-select__empty{padding:18px 12px;color:#94a3b8;text-align:center;line-height:1.9;}
.srfq-select-backdrop{position:fixed;inset:0;z-index:99998;display:none;background:transparent;pointer-events:none;touch-action:auto;}.srfq-select-backdrop.is-active{display:block;}body.srfq-select-open{overflow-x:hidden;}
.srfq-custom-select.srfq-invalid .srfq-custom-select__button{border-color:#f87171 !important;background:#fff7f7 !important;}

/* Checkboxes, consent and category chips */
#srfq-supplier-scope .srfq-checks,#srfq-request-scope .srfq-checks,#srfq-quote-scope .srfq-checks,
#srfq-supplier-scope .srfq-checks-inline,#srfq-request-scope .srfq-checks-inline,#srfq-quote-scope .srfq-checks-inline{display:inline-flex;align-items:flex-start;gap:8px;margin:6px 0 8px;color:#334155;line-height:1.9;font-size:13px;flex-wrap:wrap;max-width:100%;}
#srfq-supplier-scope .srfq-checks input,#srfq-request-scope .srfq-checks input,#srfq-quote-scope .srfq-checks input{margin-top:.45em;accent-color:var(--srfq-ui-accent);}
#srfq-supplier-scope .srfq-cats-grid,#srfq-request-scope .srfq-cats-grid,#srfq-quote-scope .srfq-cats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;}
#srfq-supplier-scope .srfq-consent-note,#srfq-request-scope .srfq-consent-note,#srfq-quote-scope .srfq-consent-note{margin:10px 0 0;padding:13px 14px;border:1px solid #dbeafe;border-radius:16px;background:linear-gradient(180deg,#f8fbff 0%,#f1f7ff 100%);box-shadow:0 10px 24px rgba(30,64,175,.06);}
#srfq-supplier-scope .srfq-consent-note__title,#srfq-request-scope .srfq-consent-note__title,#srfq-quote-scope .srfq-consent-note__title{margin:0 0 6px;color:#1d4ed8;font-size:14px;line-height:1.9;font-weight:800;}
#srfq-supplier-scope .srfq-terms-text,#srfq-request-scope .srfq-terms-text,#srfq-quote-scope .srfq-terms-text{color:#334155;font-size:14px;line-height:2;}

/* Upload sections */
#srfq-supplier-scope .srfq-file-section,#srfq-request-scope .srfq-file-section,#srfq-quote-scope .srfq-file-section{display:block;width:100%;margin:4px 0 14px;padding:14px;border:1px solid #e2e8f0;border-radius:17px;background:#fff;clear:both;float:none;}
.srfq-hidden-file{position:absolute !important;inset-inline-start:0 !important;top:0 !important;width:1px !important;height:1px !important;min-width:1px !important;min-height:1px !important;margin:0 !important;padding:0 !important;border:0 !important;opacity:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;clip-path:inset(50%) !important;white-space:nowrap !important;pointer-events:none !important;}
.srfq-uploader{display:flex;flex-direction:column;gap:8px;width:100%;}
.srfq-pick-btn{position:relative;display:flex;width:100%;min-height:88px;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:15px 14px;border:1.5px dashed #cbd5e1 !important;border-radius:17px !important;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%) !important;color:#334155 !important;font-weight:800;cursor:pointer;text-align:center;line-height:1.75;box-shadow:none !important;}
.srfq-pick-btn:hover,.srfq-pick-btn:focus,.srfq-pick-btn.is-dragover{outline:0;border-color:#67c7d0 !important;background:linear-gradient(180deg,#fff 0%,#ecfeff 100%) !important;color:#0f766e !important;}
.srfq-pick-btn .srfq-icon{width:28px;height:28px;color:var(--srfq-ui-accent);}.srfq-pick-btn__main{display:block;font-size:13px;}.srfq-pick-btn__sub{display:block;color:#64748b;font-size:11px;font-weight:600;}
.srfq-file-name{min-height:0;color:#64748b;font-size:12px;line-height:1.8;text-align:right;word-break:break-word;}.srfq-progress{display:none;height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden;}.srfq-progress .bar{height:100%;width:0;background:var(--srfq-ui-accent);}
.srfq-file-section .srfq-previews,.srfq-file-section .srfq-file-grid,.srfq-previews{display:flex !important;flex-wrap:wrap !important;gap:10px !important;overflow:visible !important;padding:0 !important;margin-top:10px;}
.srfq-file-section .srfq-file-item,.srfq-file-section .srfq-queue-preview,.srfq-queue-preview{position:relative;display:inline-flex;flex-direction:column;flex:0 0 auto;align-items:center !important;justify-content:flex-start !important;gap:5px;width:96px;min-height:106px;padding:8px;border:1px solid #e2e8f0;border-radius:15px;background:#fff;box-shadow:0 6px 16px rgba(15,23,42,.04);}
.srfq-file-section .srfq-filethumb img,.srfq-file-section .srfq-queue-preview__thumb,.srfq-queue-preview__thumb,.srfq-file-section .srfq-fileicon{width:70px !important;height:70px !important;border-radius:13px !important;border:1px solid #e2e8f0 !important;background:#f8fafc;overflow:hidden;}
.srfq-queue-preview__thumb img,.srfq-queue-preview__thumb iframe,.srfq-file-section .srfq-filethumb img{width:100%;height:100%;object-fit:cover;display:block;}
.srfq-file-section .srfq-fileicon{display:inline-flex;align-items:center;justify-content:center;color:#0f766e;font-weight:800;font-size:12px;}
.srfq-upload-delete,.srfq-file-section .srfq-upload-delete,.srfq-file-section .srfq-file-item .srfq-btn[data-srfq-del="1"]{min-height:28px !important;padding:5px 9px !important;border-radius:10px !important;font-size:11px !important;line-height:1.3 !important;box-shadow:none !important;}
.srfq-upload-row{border:1px solid #eef2f7;border-radius:12px;padding:7px 8px;background:#fbfdff;}

/* Alerts and actions */
#srfq-supplier-scope .srfq-alert,#srfq-request-scope .srfq-alert,#srfq-quote-scope .srfq-alert{border-radius:16px;padding:13px 14px;line-height:1.95;text-align:right;}
#srfq-supplier-scope .srfq-success,#srfq-request-scope .srfq-success,#srfq-quote-scope .srfq-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;}
#srfq-supplier-scope .srfq-actions,#srfq-request-scope .srfq-actions,#srfq-quote-scope .srfq-actions,
#srfq-supplier-scope .srfq-form-actions,#srfq-request-scope .srfq-form-actions,#srfq-quote-scope .srfq-form-actions{display:flex;flex-direction:column;gap:12px;margin-top:18px;width:100%;clear:both;float:none;}
#srfq-supplier-scope .srfq-actions .srfq-btn,#srfq-request-scope .srfq-actions .srfq-btn,#srfq-quote-scope .srfq-actions .srfq-btn,
#srfq-supplier-scope .srfq-form-actions .srfq-btn,#srfq-request-scope .srfq-form-actions .srfq-btn,#srfq-quote-scope .srfq-form-actions .srfq-btn{display:inline-flex !important;width:100% !important;align-items:center;justify-content:center;min-height:48px;border-radius:15px;font-size:15px;font-weight:800;text-align:center;box-shadow:0 14px 28px rgba(15,23,42,.08);}
#srfq-supplier-scope .srfq-actions .srfq-btn--gray,#srfq-request-scope .srfq-actions .srfq-btn--gray,#srfq-quote-scope .srfq-actions .srfq-btn--gray{background:#eef2f7 !important;border:1px solid #d7dee8 !important;color:#334155 !important;}
#srfq-supplier-scope .srfq-actions .srfq-btn--gray:hover,#srfq-request-scope .srfq-actions .srfq-btn--gray:hover,#srfq-quote-scope .srfq-actions .srfq-btn--gray:hover{background:#e7edf5 !important;color:#1f2937 !important;}

/* Lightbox used by upload previews */
.srfq-lightbox{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.82);z-index:99999;padding:20px;touch-action:pan-y;}.srfq-lightbox.is-open{display:flex;pointer-events:auto;}.srfq-lightbox-inner{position:relative;display:flex;align-items:center;justify-content:center;max-width:95vw;max-height:95vh;}.srfq-lightbox-stage{position:relative;display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:95vw;max-height:95vh;}.srfq-lightbox-media{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;overflow:hidden;max-width:95vw;max-height:95vh;}.srfq-lightbox img,.srfq-lightbox-media img{max-width:92vw;max-height:92vh;border-radius:10px;}.srfq-lightbox-close,.srfq-lightbox-prev,.srfq-lightbox-next{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(15,23,42,.38);border:1px solid rgba(255,255,255,.28);color:#fff;cursor:pointer;backdrop-filter:blur(6px);z-index:3;font-size:22px;}.srfq-lightbox-close{position:absolute;top:14px;right:14px;width:44px;height:44px;}.srfq-lightbox-prev,.srfq-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;}.srfq-lightbox-prev{left:12px;}.srfq-lightbox-next{right:12px;}

/* Theme/builder isolation */
#srfq-request-scope .elementor-widget,#srfq-request-scope .elementor-column,#srfq-request-scope .elementor-container,
#srfq-supplier-scope .elementor-widget,#srfq-supplier-scope .elementor-column,#srfq-supplier-scope .elementor-container,
#srfq-quote-scope .elementor-widget,#srfq-quote-scope .elementor-column,#srfq-quote-scope .elementor-container{display:block !important;width:100% !important;}

@media (max-width:767px){
  .srfq-form-shell,#srfq-supplier-scope.srfq-form{width:100% !important;max-width:calc(100vw - 24px) !important;margin:10px auto;border-radius:18px !important;}
  .srfq-form-shell__head{padding:16px 14px 12px;border-radius:18px 18px 0 0;}
  .srfq-form-shell__body{padding:14px;}.srfq-form-shell__title{font-size:17px;line-height:1.8;}.srfq-form-shell__sub{font-size:12px;line-height:1.95;}
  .srfq-form-shell__iconwrap{width:34px;height:34px;min-width:34px;border-radius:12px;}.srfq-form-shell__icon{width:19px;height:19px;}
  #srfq-supplier-scope,#srfq-request-scope,#srfq-quote-scope{max-width:100% !important;min-width:0 !important;overflow-x:clip;}
  #srfq-supplier-scope label,#srfq-request-scope label,#srfq-quote-scope label{font-size:13px;}
  #srfq-supplier-scope input,#srfq-supplier-scope select,#srfq-supplier-scope textarea,#srfq-request-scope input,#srfq-request-scope select,#srfq-request-scope textarea,#srfq-quote-scope input,#srfq-quote-scope select,#srfq-quote-scope textarea{font-size:14px;min-height:46px;border-radius:13px !important;}
  #srfq-supplier-scope textarea,#srfq-request-scope textarea,#srfq-quote-scope textarea{min-height:120px;}
  .srfq-select-backdrop{background:rgba(15,23,42,.28);pointer-events:none;}
  .srfq-custom-select__menu{position:fixed;inset-inline:auto;left:12px !important;right:12px !important;top:auto;bottom:var(--srfq-mobile-sheet-bottom,0px);width:auto !important;max-width:calc(100vw - 24px);max-height:72vh;max-height:calc(100dvh - var(--srfq-mobile-sheet-bottom,0px) - 18px);border-radius:22px;border-bottom:1px solid var(--srfq-ui-border,#e2e8f0);box-shadow:0 -18px 50px rgba(15,23,42,.22);transform:translate3d(0,calc(100% + 16px),0);transition:transform .2s ease;}
  .srfq-custom-select.is-open .srfq-custom-select__menu{transform:translate3d(0,0,0);}
  .srfq-custom-select__options{max-height:calc(72vh - 112px);max-height:calc(100dvh - var(--srfq-mobile-sheet-bottom,0px) - 150px);padding-bottom:12px;}
  .srfq-custom-select__option{min-height:48px;padding:10px 12px;}
  .srfq-pick-btn{min-height:88px;border-radius:16px !important;}.srfq-file-section .srfq-file-item,.srfq-file-section .srfq-queue-preview,.srfq-queue-preview{width:88px;}
  .srfq-lightbox{padding:12px;}.srfq-lightbox-prev,.srfq-lightbox-next{width:42px;height:42px;}.srfq-lightbox-prev{left:8px;}.srfq-lightbox-next{right:8px;}.srfq-lightbox-close{top:10px;right:10px;}
}

/* v2.2.73.392 - hide empty upload errors so empty error holders do not render as pink bars. */
#srfq-supplier-scope .srfq-upload-error:empty,
#srfq-request-scope .srfq-upload-error:empty,
#srfq-quote-scope .srfq-upload-error:empty{display:none !important;}

/* v2.2.83.402 - keep dropdown sheet close buttons subtle and render only a clear red ×. */
.srfq-cb-menu__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #fecaca;border-radius:999px;background:#fef2f2;color:#dc2626;cursor:pointer;box-shadow:none;font-size:22px;font-weight:900;line-height:1;position:relative;transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease;}
.srfq-cb-menu__close::before{content:"×";display:block;color:currentColor;line-height:1;transform:translateY(-1px);}
.srfq-cb-menu__close:hover,.srfq-cb-menu__close:focus-visible{outline:0;background:#fee2e2;color:#b91c1c;border-color:#fca5a5;box-shadow:0 0 0 3px rgba(220,38,38,.12);}
.srfq-cb-menu__close:active{transform:translateY(1px);}
.srfq-cb-menu__close .srfq-icon,.srfq-cb-menu__close svg{display:none;}

/* v2.2.74.393 - keep page scroll active while dropdowns are open and separate supplier upload boxes. */
#srfq-supplier-scope .srfq-file-section{
  margin-top:10px;
  margin-bottom:18px;
  border:1px solid #d4dee9 !important;
  background:linear-gradient(180deg,#ffffff 0%,#f9fbfd 100%) !important;
  box-shadow:0 10px 24px rgba(15,23,42,.055);
}
#srfq-supplier-scope .srfq-file-section + .srfq-file-section{margin-top:18px;}
#srfq-supplier-scope .srfq-pick-btn{border-color:#b8c5d4 !important;background:linear-gradient(180deg,#fff 0%,#f4f7fb 100%) !important;}
#srfq-supplier-scope .srfq-pick-btn:hover,#srfq-supplier-scope .srfq-pick-btn:focus,#srfq-supplier-scope .srfq-pick-btn.is-dragover{border-color:#0694a2 !important;background:linear-gradient(180deg,#ffffff 0%,#eefefe 100%) !important;}

/* v2.2.88.407 request-list filter dropdown polish */
#srfq-requests-list-scope .srfq-search .srfq-custom-select__close{display:inline-flex;}
#srfq-requests-list-scope .srfq-search .srfq-custom-select__head{justify-content:space-between;}
@media(max-width:700px){.srfq-custom-select__menu{bottom:calc(var(--srfq-mobile-sheet-bottom,0px) + 6px);}}

/* v2.2.90.409 keyboard-safe searchable dropdowns */
:root{--srfq-mobile-layout-height:100vh;--srfq-mobile-visual-height:100vh;}
@media (max-width:767px){
  .srfq-custom-select__menu{
    bottom:var(--srfq-mobile-sheet-bottom,0px);
    max-height:calc(var(--srfq-mobile-layout-height,100vh) - var(--srfq-mobile-sheet-bottom,0px) - 18px);
  }
  .srfq-custom-select__options{
    max-height:calc(var(--srfq-mobile-layout-height,100vh) - var(--srfq-mobile-sheet-bottom,0px) - 154px);
  }
  #srfq-requests-list-scope .srfq-search .srfq-custom-select__menu{
    flex-direction:column;
    min-height:min(390px, calc(var(--srfq-mobile-layout-height,100vh) - var(--srfq-mobile-sheet-bottom,0px) - 18px));
    max-height:calc(var(--srfq-mobile-layout-height,100vh) - var(--srfq-mobile-sheet-bottom,0px) - 18px);
  }
  #srfq-requests-list-scope .srfq-search .srfq-custom-select.is-open .srfq-custom-select__menu{
    display:flex;
  }
  #srfq-requests-list-scope .srfq-search .srfq-custom-select__options{
    flex:1 1 auto;
    min-height:118px;
    max-height:none;
    overscroll-behavior:contain;
  }
  #srfq-requests-list-scope .srfq-search .srfq-custom-select__search{font-size:16px;}
}



/* v2.2.92.411 request-list dropdown keyboard stability */
#srfq-requests-list-scope .srfq-search .srfq-custom-select__close{display:inline-flex;width:26px;height:26px;min-width:26px;padding:0;border:0;background:transparent;color:#ef4444;box-shadow:none;font-size:18px;}
#srfq-requests-list-scope .srfq-search .srfq-custom-select__close:hover,
#srfq-requests-list-scope .srfq-search .srfq-custom-select__close:focus-visible{background:transparent;border:0;color:#b91c1c;box-shadow:none;}
#srfq-requests-list-scope .srfq-search .srfq-custom-select__head{justify-content:space-between;}
@media(max-width:700px){
  #srfq-requests-list-scope .srfq-search .srfq-custom-select__menu{bottom:calc(var(--srfq-mobile-sheet-bottom,0px) + 8px);min-height:auto;max-height:calc(var(--srfq-mobile-layout-height,100vh) - var(--srfq-mobile-sheet-bottom,0px) - 34px);will-change:transform;}
  #srfq-requests-list-scope .srfq-search .srfq-custom-select__options{max-height:calc(var(--srfq-mobile-layout-height,100vh) - var(--srfq-mobile-sheet-bottom,0px) - 176px);}
}

/* v2.2.93.412 request-list searchable filter sheets stay above mobile keyboard without jumping. */
@media(max-width:700px){
  #srfq-requests-list-scope .srfq-search .srfq-custom-select[data-srfq-filter-select="1"] .srfq-custom-select__menu{
    bottom:calc(var(--srfq-mobile-sheet-bottom,0px) + 12px);
    flex-direction:column;
    overflow:hidden;
    transition:transform .18s ease;
  }
  #srfq-requests-list-scope .srfq-search .srfq-custom-select[data-srfq-filter-select="1"].is-open .srfq-custom-select__menu{
    display:flex;
  }
  #srfq-requests-list-scope .srfq-search .srfq-custom-select[data-srfq-filter-select="1"] .srfq-custom-select__menu.is-layout-locked{
    max-height:none;
  }
  #srfq-requests-list-scope .srfq-search .srfq-custom-select[data-srfq-filter-select="1"] .srfq-custom-select__head,
  #srfq-requests-list-scope .srfq-search .srfq-custom-select[data-srfq-filter-select="1"] .srfq-custom-select__search-wrap{
    flex:0 0 auto;
  }
  #srfq-requests-list-scope .srfq-search .srfq-custom-select[data-srfq-filter-select="1"] .srfq-custom-select__options{
    flex:1 1 auto;
    overflow:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
}


/* v2.2.98.417 stable mobile dropdown layering
   Keep menus in their original source wrapper; only raise the active wrapper above the backdrop.
   This preserves the proven 2.2.93.412 behavior and prevents invisible sheets caused by body portals. */
@media(max-width:767px){
  .srfq-select-backdrop.is-active{
    z-index:999980;
  }
  .srfq-custom-select.is-open{
    position:relative;
    z-index:999990;
  }
  .srfq-custom-select.is-open .srfq-custom-select__menu{
    z-index:1000000;
  }
}

/* v2.2.100.419 - keyboard-safe searchable dropdown sheets for all frontend forms.
   Search inputs no longer auto-focus on mobile; when the user taps search, the sheet stays above the keyboard. */
@media (max-width:767px){
  .srfq-custom-select[data-srfq-keyboard-safe-select="1"] .srfq-custom-select__menu,
  .srfq-custom-select[data-srfq-searchable-select="1"] .srfq-custom-select__menu{
    bottom:calc(var(--srfq-mobile-sheet-bottom,0px) + 12px);
    display:none;
    flex-direction:column;
    overflow:hidden;
    transition:transform .18s ease;
  }
  .srfq-custom-select[data-srfq-keyboard-safe-select="1"].is-open .srfq-custom-select__menu,
  .srfq-custom-select[data-srfq-searchable-select="1"].is-open .srfq-custom-select__menu{
    display:flex;
  }
  .srfq-custom-select[data-srfq-keyboard-safe-select="1"] .srfq-custom-select__menu.is-layout-locked,
  .srfq-custom-select[data-srfq-searchable-select="1"] .srfq-custom-select__menu.is-layout-locked{
    max-height:none;
  }
  .srfq-custom-select[data-srfq-keyboard-safe-select="1"] .srfq-custom-select__head,
  .srfq-custom-select[data-srfq-keyboard-safe-select="1"] .srfq-custom-select__search-wrap,
  .srfq-custom-select[data-srfq-searchable-select="1"] .srfq-custom-select__head,
  .srfq-custom-select[data-srfq-searchable-select="1"] .srfq-custom-select__search-wrap{
    flex:0 0 auto;
  }
  .srfq-custom-select[data-srfq-keyboard-safe-select="1"] .srfq-custom-select__options,
  .srfq-custom-select[data-srfq-searchable-select="1"] .srfq-custom-select__options{
    flex:1 1 auto;
    overflow:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
}

/* v2.2.124.443 - resilient one-click submit state for slow connections. */
#srfq-supplier-scope.srfq-is-submitting,
#srfq-request-scope form.srfq-is-submitting,
#srfq-quote-scope form.srfq-is-submitting{cursor:progress;}
#srfq-supplier-scope .srfq-btn.srfq-btn--loading,
#srfq-request-scope .srfq-btn.srfq-btn--loading,
#srfq-quote-scope .srfq-btn.srfq-btn--loading{position:relative;gap:10px;cursor:progress !important;pointer-events:none;opacity:1 !important;}
#srfq-supplier-scope .srfq-btn.srfq-btn--loading::after,
#srfq-request-scope .srfq-btn.srfq-btn--loading::after,
#srfq-quote-scope .srfq-btn.srfq-btn--loading::after{content:"";width:16px;height:16px;flex:0 0 16px;border-radius:999px;border:2px solid rgba(255,255,255,.55);border-top-color:#fff;animation:srfqSubmitSpin .75s linear infinite;}
#srfq-supplier-scope .srfq-btn.srfq-btn--loading.srfq-btn--gray::after,
#srfq-request-scope .srfq-btn.srfq-btn--loading.srfq-btn--gray::after,
#srfq-quote-scope .srfq-btn.srfq-btn--loading.srfq-btn--gray::after{border-color:rgba(51,65,85,.35);border-top-color:#334155;}
@keyframes srfqSubmitSpin{to{transform:rotate(360deg);}}