/* SRFQ shared card, notice and modal core — v2.2.91.410 */
:root{
  --srfq-surface:#ffffff;
  --srfq-surface-soft:#f8fafc;
  --srfq-text:#0f172a;
  --srfq-muted:#64748b;
  --srfq-line:rgba(148,163,184,.35);
  --srfq-shadow:0 12px 32px rgba(15,23,42,.08),0 1px 2px rgba(15,23,42,.04);
  --srfq-shadow-hover:0 12px 32px rgba(15,23,42,.08),0 1px 2px rgba(15,23,42,.04);
  --srfq-radius:18px;
  --srfq-radius-sm:12px;
  --srfq-green:#16a34a;
  --srfq-blue:#2563eb;
  --srfq-red:#ef4444;
  --srfq-amber:#f59e0b;
  --srfq-gray:#64748b;
}

.srfq-list,
#srfq-requests-list-scope,
#srfq-my-requests-scope,
#srfq-my-received-scope,
#srfq-my-sent-scope{direction:rtl;text-align:right;box-sizing:border-box}
.srfq-list{display:grid;gap:14px;width:100%}
.srfq-card,
#srfq-requests-list-scope .srfq-card,
#srfq-my-requests-scope .srfq-card,
#srfq-my-received-scope .srfq-card,
#srfq-my-sent-scope .srfq-card{
  --srfq-card-accent:var(--srfq-green);
  --srfq-card-tint:rgba(22,163,74,.052);
  position:relative;box-sizing:border-box;width:100%;margin:0 auto 14px;padding:16px 16px 15px;
  border:1px solid var(--srfq-line);border-right:5px solid var(--srfq-card-accent);border-radius:var(--srfq-radius);
  background:var(--srfq-card-bg,#fff);
  color:var(--srfq-text);box-shadow:var(--srfq-shadow);transition:box-shadow .18s ease,border-color .18s ease;
  overflow:hidden;
}
.srfq-card::after{content:none;display:none}
.srfq-card:hover{box-shadow:var(--srfq-shadow);transform:none}
.srfq-card *{box-sizing:border-box}
.srfq-card--active,.srfq-card--info,.srfq-card--open{--srfq-card-accent:var(--srfq-green);--srfq-card-tint:rgba(22,163,74,.052);--srfq-card-bg:#e3f6eb}
.srfq-card--pending,.srfq-card--waiting,.srfq-card--draft,.srfq-card--review{--srfq-card-accent:var(--srfq-amber);--srfq-card-tint:rgba(245,158,11,.068);--srfq-card-bg:#fef3d1}
.srfq-card--approved,.srfq-card--success{--srfq-card-accent:var(--srfq-green);--srfq-card-tint:rgba(22,163,74,.052);--srfq-card-bg:#e3f6eb}
.srfq-card--rejected,.srfq-card--danger,.srfq-card--closed,.srfq-card--done,.srfq-card--completed{--srfq-card-accent:var(--srfq-red);--srfq-card-tint:rgba(239,68,68,.06);--srfq-card-bg:#fee7e7}
.srfq-card--gray,.srfq-card--inactive,.srfq-card--archived,.srfq-card--neutral{--srfq-card-accent:var(--srfq-gray);--srfq-card-tint:rgba(100,116,139,.055);--srfq-card-bg:#ebeff3}
.srfq-request-card.srfq-card--completed,
.srfq-request-card.srfq-card--done,
.srfq-request-list-card.srfq-card--done{--srfq-card-accent:var(--srfq-red);--srfq-card-tint:rgba(239,68,68,.058);--srfq-card-bg:#fee7e7}
.srfq-request-quotes-list .srfq-card--approved,
#srfq-my-received-scope .srfq-card--approved,
#srfq-my-sent-scope .srfq-card--approved{--srfq-card-accent:var(--srfq-green);--srfq-card-tint:rgba(22,163,74,.052);--srfq-card-bg:#e3f6eb}
.srfq-card--empty{--srfq-card-accent:#94a3b8;--srfq-card-tint:rgba(148,163,184,.07);--srfq-card-bg:#ebeff3;border-style:dashed;box-shadow:none}

.srfq-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px 14px;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid var(--srfq-line)}
.srfq-head-item{display:inline-flex;align-items:center;gap:6px;min-width:0;color:#334155;font-size:.9rem;font-weight:700;line-height:1.75}
.srfq-head-item--code{justify-self:center;white-space:nowrap}
.srfq-head-item--date{justify-self:end;color:var(--srfq-muted);font-size:.82rem;font-weight:650;direction:ltr;text-align:left}
.srfq-status-row,.srfq-request-status-row{justify-self:start}
.srfq-pill,
.srfq-request-status-pill{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:6px 11px;border-radius:999px;
  border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.72);color:var(--srfq-card-accent);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.42);font-size:12px;font-weight:900;line-height:1.25;white-space:nowrap;
}
.srfq-pill--pending,.srfq-pill--waiting,.srfq-pill--draft{color:var(--srfq-amber)}
.srfq-pill--approved,.srfq-pill--active,.srfq-pill--success{color:var(--srfq-green)}
.srfq-pill--rejected,.srfq-pill--closed,.srfq-pill--done{color:var(--srfq-red)}
.srfq-pill--inactive,.srfq-pill--archived,.srfq-pill--gray{color:var(--srfq-gray)}
.srfq-request-status-pill__dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(255,255,255,.8)}

.srfq-row{display:grid;grid-template-columns:minmax(112px,max-content) minmax(0,1fr);align-items:start;gap:8px 12px;padding:9px 0;border-top:1px solid rgba(148,163,184,.25);line-height:1.9}
.srfq-row--iconized{grid-template-columns:18px max-content minmax(0,1fr);align-items:center;gap:8px 9px}
.srfq-row--iconized .srfq-row-icon{grid-column:1}.srfq-row--iconized .srfq-label{grid-column:2}.srfq-row--iconized .srfq-value{grid-column:3}
.srfq-card-head + .srfq-row,.srfq-row:first-child{border-top:0}
.srfq-row--long,.srfq-row--wraplike-list{align-items:start}
.srfq-row--emphasis .srfq-value{font-weight:900;color:#0f172a}
.srfq-row-icon,.srfq-label .srfq-inline-icon,.srfq-head-icon,.srfq-inline-icon,.srfq-row__icon{display:inline-flex;width:17px;height:17px;flex:0 0 17px;color:var(--srfq-card-accent);vertical-align:middle;margin-inline-end:2px}
.srfq-row__icon--category{width:22px;height:22px;flex-basis:22px}
.srfq-label,.srfq-label--inline{display:inline-flex;align-items:center;gap:8px;color:#475569;font-size:.86rem;font-weight:850;line-height:1.8;white-space:nowrap}
.srfq-value{min-width:0;color:#111827;font-size:.92rem;font-weight:650;line-height:1.9;overflow-wrap:anywhere}
.srfq-value a{color:var(--srfq-blue);text-decoration:none;font-weight:800}
.srfq-value a:hover{text-decoration:underline}
.srfq-value--with-icon{display:inline-flex;align-items:center;gap:8px}
.srfq-plain-text{display:block;min-width:0;color:#111827;font-size:.92rem;font-weight:650;line-height:1.95;overflow-wrap:anywhere}
.srfq-sep,.srfq-soft-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.40),transparent);margin:10px 0}

.srfq-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:12px}
.srfq-actions--with-meta{justify-content:space-between}.srfq-actions--stack-top{align-items:flex-start}
.srfq-btn,
a.srfq-btn,button.srfq-btn,span.srfq-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 13px;border-radius:12px;border:1px solid transparent;font-size:.88rem;font-weight:900;line-height:1.45;text-decoration:none;cursor:pointer;color:#fff;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,color .15s ease;box-shadow:0 8px 18px rgba(15,23,42,.08)}
.srfq-btn span,.srfq-btn svg,.srfq-btn .srfq-icon{color:inherit;fill:none}.srfq-btn:hover{transform:translateY(-1px);box-shadow:0 12px 22px rgba(15,23,42,.12);text-decoration:none}
.srfq-btn:disabled,.srfq-btn[disabled],.srfq-btn[aria-disabled="true"],span.srfq-btn{cursor:not-allowed;transform:none;box-shadow:none;opacity:.88}
.srfq-btn__icon{width:17px;height:17px;flex:0 0 17px}
.srfq-btn--green{background:var(--srfq-green);border-color:var(--srfq-green);color:#fff}
.srfq-btn--blue,.srfq-btn--chat{background:var(--srfq-blue);border-color:var(--srfq-blue);color:#fff}
.srfq-btn--red,.srfq-btn--danger{background:#fff1f2;border-color:rgba(239,68,68,.34);color:#b91c1c;box-shadow:none}
.srfq-btn--gray,.srfq-btn--neutral{background:#f1f5f9;border-color:#e2e8f0;color:#475569;box-shadow:none}
.srfq-btn--light{background:#fff;border-color:#e2e8f0;color:#334155;box-shadow:none}
.srfq-btn--collab-success{background:#ecfdf5;border-color:#bbf7d0;color:#15803d;box-shadow:none}
.srfq-btn--collab-fail{background:#fff1f2;border-color:#fecdd3;color:#be123c;box-shadow:none}

.srfq-empty-state,.srfq-filter-empty,.srfq-request-quotes-empty{display:flex;align-items:center;justify-content:center;gap:10px;min-height:80px;padding:16px;border-radius:16px;background:rgba(248,250,252,.82);border:1px dashed rgba(148,163,184,.42);color:#64748b;font-weight:800;line-height:1.9;text-align:center}
.srfq-empty-state__icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid rgba(148,163,184,.35);color:#64748b;font-weight:950}
.srfq-empty-state__text{display:block}
.srfq-request-quotes-empty{margin:10px 0;background:#f8fafc;border-style:solid}

.srfq-inline-feedback,.srfq-alert,.srfq-notice{display:block;margin:0 0 14px;border-radius:15px;border:1px solid rgba(148,163,184,.28);background:#f8fafc;color:#334155;font-weight:800;line-height:1.9;box-shadow:0 10px 22px rgba(15,23,42,.05);overflow:hidden}
.srfq-inline-feedback[hidden]{display:none}
.srfq-inline-feedback__body,.srfq-alert,.srfq-notice{padding:11px 14px}
.srfq-inline-feedback.is-success,.srfq-success{background:#ecfdf5;border-color:#bbf7d0;color:#166534}
.srfq-inline-feedback.is-error,.srfq-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.srfq-inline-feedback.is-warning,.srfq-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}
.srfq-inline-feedback--card{margin:0 0 12px}.srfq-inline-feedback--scope{max-width:900px;margin:0 auto 14px}

.srfq-filterbar{margin:0 auto 14px;max-width:920px}.srfq-filterchips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.srfq-filterchip{appearance:none;border:1px solid #e2e8f0;background:#fff;color:#475569;border-radius:999px;padding:8px 12px;min-height:36px;font-size:.84rem;font-weight:850;line-height:1.4;text-decoration:none;cursor:pointer}.srfq-filterchip.is-active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;box-shadow:0 8px 18px rgba(37,99,235,.08)}

.srfq-modal-open,body.srfq-modal-open{overflow:hidden}
.srfq-modal[hidden],.srfq-close-modal[aria-hidden="true"]{display:none}
.srfq-modal,.srfq-close-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:18px;direction:rtl;text-align:right}
.srfq-modal.is-open,.srfq-modal:not([hidden]),.srfq-close-modal.is-open,.srfq-close-modal[aria-hidden="false"]{display:flex}
.srfq-close-modal__backdrop,.srfq-modal:before{content:"";position:absolute;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(4px)}
.srfq-close-modal__dialog,.srfq-modal-box{position:relative;z-index:1;width:min(520px,calc(100vw - 30px));max-height:calc(100vh - 48px);overflow:auto;background:#fff;border-radius:24px;padding:22px;box-shadow:0 28px 80px rgba(15,23,42,.28);border:1px solid rgba(255,255,255,.72)}
.srfq-close-modal__x{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid #fecaca;background:#fff5f5;color:#dc2626;font-size:22px;font-weight:900;line-height:1;cursor:pointer}
.srfq-close-modal__x:hover{background:#fee2e2;color:#b91c1c}
.srfq-close-modal__icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:16px;margin:0 0 12px;background:#fff1f2;color:#b91c1c;font-size:22px;font-weight:950}
.srfq-archive-modal .srfq-close-modal__icon{background:#eff6ff;color:#1d4ed8}
.srfq-decision-modal[data-mode="approve"] .srfq-close-modal__icon{background:#ecfdf5;color:#15803d}
.srfq-close-modal__title{margin:0 0 8px;padding-left:42px;color:#0f172a;font-size:1.05rem;font-weight:950;line-height:1.8}
.srfq-close-modal__text,.srfq-modal-message{color:#475569;font-size:.94rem;font-weight:650;line-height:2;margin:0 0 16px}
.srfq-close-modal__actions,.srfq-modal-buttons{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:16px}
.srfq-modal-action[hidden]{display:none}
.srfq-modal .srfq-btn,.srfq-close-modal .srfq-btn{color:inherit}.srfq-modal .srfq-btn--blue,.srfq-close-modal .srfq-btn--blue,.srfq-modal .srfq-btn--green,.srfq-close-modal .srfq-btn--green{color:#fff}

.srfq-samples{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.srfq-samples a,.srfq-sample{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#2563eb;padding:6px 9px;font-size:.82rem;font-weight:850;text-decoration:none;overflow:hidden}.srfq-sample img{display:block;width:54px;height:54px;object-fit:cover;border-radius:10px}.srfq-media-row{padding:10px 0;border-top:1px solid rgba(148,163,184,.18)}
.srfq-chat-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:950;padding:0 6px;margin-inline-end:-2px}
.srfq-phone-number,.srfq-phone-action{direction:ltr;unicode-bidi:plaintext}

@media (max-width:700px){
  .srfq-list{gap:12px}.srfq-card,#srfq-requests-list-scope .srfq-card,#srfq-my-requests-scope .srfq-card,#srfq-my-received-scope .srfq-card,#srfq-my-sent-scope .srfq-card{padding:13px 12px 14px;border-radius:17px;margin-bottom:12px;box-shadow:0 8px 22px rgba(15,23,42,.07)}
  .srfq-card:hover{transform:none}.srfq-card-head{grid-template-columns:1fr;align-items:stretch;gap:7px;margin-bottom:8px;padding-bottom:9px}.srfq-head-item{width:100%;justify-content:flex-start}.srfq-head-item--code,.srfq-head-item--date{justify-self:stretch}.srfq-status-row,.srfq-request-status-row{justify-self:stretch}.srfq-pill,.srfq-request-status-pill{width:max-content;max-width:100%;white-space:normal;text-align:right}
  .srfq-row{grid-template-columns:minmax(108px,max-content) minmax(0,1fr);gap:6px 10px;padding:8px 0}.srfq-row--iconized{grid-template-columns:18px max-content minmax(0,1fr);gap:6px 10px}.srfq-row--mobile-inline{grid-template-columns:minmax(108px,max-content) minmax(0,1fr);gap:6px 10px}.srfq-label{font-size:.82rem}.srfq-value,.srfq-plain-text{font-size:.88rem;line-height:1.95}.srfq-actions,.srfq-actions--with-meta{display:grid;grid-template-columns:1fr;justify-items:stretch;gap:8px}.srfq-btn,a.srfq-btn,button.srfq-btn,span.srfq-btn{width:100%;min-height:40px;padding:10px 12px;border-radius:13px}
  .srfq-filterchips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px;scrollbar-width:thin}.srfq-filterchip{white-space:nowrap;flex:0 0 auto}
  .srfq-modal,.srfq-close-modal{align-items:flex-end;padding:12px 12px calc(18px + env(safe-area-inset-bottom))}.srfq-close-modal__dialog,.srfq-modal-box{width:100%;max-height:calc(88vh - env(safe-area-inset-bottom));border-radius:24px;padding:20px 16px calc(18px + env(safe-area-inset-bottom));animation:srfqSheetIn .18s ease-out;margin-bottom:10px}.srfq-close-modal__actions,.srfq-modal-buttons{display:grid;grid-template-columns:1fr}.srfq-close-modal__actions .srfq-btn,.srfq-modal-buttons .srfq-btn{width:100%}
}
@keyframes srfqSheetIn{from{opacity:.78;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

/* v2.2.88.407 shared card refinements */
.srfq-card{border-color:color-mix(in srgb,var(--srfq-card-accent) 22%,var(--srfq-line));}

.srfq-card .srfq-label__inner{display:inline-flex;align-items:center;gap:8px;}
.srfq-row > .srfq-label:first-child + .srfq-value,.srfq-row > .srfq-label:first-child + .srfq-plain-text{grid-column:auto;}
.srfq-btn--red,.srfq-btn--danger{background:#fff1f2;border-color:#fecaca;color:#b91c1c;}
.srfq-card--rejected .srfq-btn--neutral,.srfq-card--rejected .srfq-btn--gray,.srfq-card--done .srfq-btn--neutral,.srfq-card--done .srfq-btn--gray,.srfq-card--completed .srfq-btn--neutral,.srfq-card--completed .srfq-btn--gray{background:#fff1f2;border-color:#fecaca;color:#b91c1c;}
.srfq-card--done .srfq-row-icon,.srfq-card--done .srfq-row__icon,.srfq-card--done .srfq-inline-icon,.srfq-card--completed .srfq-row-icon,.srfq-card--completed .srfq-row__icon,.srfq-card--completed .srfq-inline-icon,.srfq-card--rejected .srfq-row-icon,.srfq-card--rejected .srfq-row__icon,.srfq-card--rejected .srfq-inline-icon{color:var(--srfq-card-accent);}
.srfq-media-row{border-top:1px solid rgba(148,163,184,.25);}
.srfq-samples a.srfq-sample{cursor:zoom-in;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;}
.srfq-samples a.srfq-sample:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--srfq-card-accent) 30%,#e2e8f0);box-shadow:0 8px 18px rgba(15,23,42,.12);}
@media(max-width:700px){.srfq-label,.srfq-label--inline{gap:8px}.srfq-row-icon,.srfq-row__icon,.srfq-inline-icon{margin-inline-end:2px}.srfq-actions{justify-content:center;justify-items:center}.srfq-actions .srfq-btn{max-width:320px}.srfq-close-modal__actions .srfq-btn,.srfq-modal-buttons .srfq-btn{max-width:none;color:#334155}.srfq-modal-buttons .srfq-btn--blue,.srfq-modal-buttons .srfq-btn--green,.srfq-close-modal__actions .srfq-btn--blue,.srfq-close-modal__actions .srfq-btn--green{color:#fff}.srfq-modal-buttons .srfq-btn--red,.srfq-close-modal__actions .srfq-btn--red{color:#b91c1c}}

/* v2.2.88.407 shared quote/sample lightbox */
.srfq-lightbox{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(15,23,42,.82);z-index:100000;padding:18px;touch-action:pan-y;}
.srfq-lightbox.open,.srfq-lightbox.is-open{display:flex;}
.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;max-width:95vw;max-height:95vh;}
.srfq-lightbox-media{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:16px;overflow:hidden;max-width:95vw;max-height:95vh;box-shadow:0 24px 70px rgba(0,0,0,.35);}
.srfq-lightbox-media img{max-width:92vw;max-height:92vh;border-radius:14px;}
.srfq-lightbox-media iframe{width:min(92vw,900px);height:min(82vh,720px);border:0;background:#fff;}
.srfq-lightbox-close,.srfq-lightbox-prev,.srfq-lightbox-next{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.4);color:#0f172a;cursor:pointer;z-index:3;box-shadow:0 12px 30px rgba(0,0,0,.22);}
.srfq-lightbox-close{position:absolute;top:12px;right:12px;width:44px;height:44px;font-size:26px;}
.srfq-lightbox-prev,.srfq-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;font-size:26px;}
.srfq-lightbox-prev{left:10px}.srfq-lightbox-next{right:10px}
@media(max-width:700px){.srfq-lightbox{padding:10px}.srfq-lightbox-media img{max-width:94vw;max-height:84vh}.srfq-lightbox-close{top:10px;right:10px}.srfq-lightbox-prev,.srfq-lightbox-next{width:40px;height:40px}.srfq-lightbox-prev{left:8px}.srfq-lightbox-next{right:8px}}

/* v2.2.89.408 unified card/modal/image refinements */
:root{--srfq-mobile-sheet-bottom:0px;}
.srfq-card,
#srfq-requests-list-scope .srfq-card,
#srfq-my-requests-scope .srfq-card,
#srfq-my-received-scope .srfq-card,
#srfq-my-sent-scope .srfq-card{
  border-right:1px solid color-mix(in srgb,var(--srfq-card-accent) 22%,var(--srfq-line));
  padding-right:21px;
  background:var(--srfq-card-bg,#fff);
}
.srfq-card::before{content:"";position:absolute;top:0;right:0;bottom:0;width:5px;background:var(--srfq-card-accent);pointer-events:none;z-index:0;}
.srfq-card::after{content:none;display:none;}
.srfq-card > *{position:relative;z-index:1;}
.srfq-card--gray .srfq-row-icon,.srfq-card--gray .srfq-row__icon,.srfq-card--gray .srfq-inline-icon,.srfq-card--gray .srfq-head-icon{color:var(--srfq-gray);}
.srfq-card--done .srfq-row-icon,.srfq-card--done .srfq-row__icon,.srfq-card--done .srfq-inline-icon,.srfq-card--done .srfq-head-icon,
.srfq-card--completed .srfq-row-icon,.srfq-card--completed .srfq-row__icon,.srfq-card--completed .srfq-inline-icon,.srfq-card--completed .srfq-head-icon,
.srfq-card--rejected .srfq-row-icon,.srfq-card--rejected .srfq-row__icon,.srfq-card--rejected .srfq-inline-icon,.srfq-card--rejected .srfq-head-icon{color:var(--srfq-card-accent);}
.srfq-row-icon,.srfq-label .srfq-inline-icon,.srfq-head-icon,.srfq-inline-icon,.srfq-row__icon{margin-inline-end:4px;}
.srfq-label,.srfq-label--inline{gap:10px;}
.srfq-row{align-items:center;}
.srfq-row--long,.srfq-row--wraplike-list{align-items:start;}
.srfq-btn--red,.srfq-btn--danger,
a.srfq-btn--red,button.srfq-btn--red{background:var(--srfq-red);border-color:var(--srfq-red);color:#fff;box-shadow:0 8px 18px rgba(239,68,68,.16);}
.srfq-btn--red:hover,.srfq-btn--danger:hover{background:#dc2626;border-color:#dc2626;color:#fff;}
.srfq-btn--gray,.srfq-btn--neutral{background:#f1f5f9;border-color:#cbd5e1;color:#475569;box-shadow:none;}
.srfq-modal .srfq-btn--red,.srfq-close-modal .srfq-btn--red{background:var(--srfq-red);border-color:var(--srfq-red);color:#fff;}
.srfq-modal .srfq-btn--gray,.srfq-close-modal .srfq-btn--gray,.srfq-modal .srfq-btn--neutral,.srfq-close-modal .srfq-btn--neutral{background:#f1f5f9;border-color:#cbd5e1;color:#334155;}
.srfq-samples{gap:9px;}
.srfq-samples a,.srfq-sample{width:62px;height:62px;min-width:62px;min-height:62px;padding:4px;border-radius:14px;}
.srfq-sample img{width:52px;height:52px;object-fit:cover;border-radius:11px;}
.srfq-fileicon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:11px;background:#eff6ff;color:#1d4ed8;font-weight:950;}
.srfq-lightbox{z-index:100002;background:rgba(15,23,42,.86);padding:20px;}
.srfq-lightbox-inner,.srfq-lightbox-stage{max-width:96vw;max-height:92vh;}
.srfq-lightbox-media{background:transparent;box-shadow:none;overflow:visible;}
.srfq-lightbox-media img{display:block;width:auto;height:auto;max-width:92vw;max-height:84vh;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.36);}
.srfq-lightbox-media iframe{border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.36);}
.srfq-lightbox-close{top:-10px;right:-10px;width:32px;height:32px;font-size:24px;line-height:1;background:transparent;border:0;color:#fff;box-shadow:none;text-shadow:0 2px 8px rgba(0,0,0,.45);}
.srfq-lightbox-prev,.srfq-lightbox-next{width:42px;height:42px;background:rgba(255,255,255,.94);border:0;color:#0f172a;box-shadow:0 12px 28px rgba(0,0,0,.24);}
.srfq-lightbox-prev{left:-54px}.srfq-lightbox-next{right:-54px}
@media(max-width:700px){
  .srfq-card,#srfq-requests-list-scope .srfq-card,#srfq-my-requests-scope .srfq-card,#srfq-my-received-scope .srfq-card,#srfq-my-sent-scope .srfq-card{padding-right:18px;}
  .srfq-modal,.srfq-close-modal{align-items:flex-end;padding:12px 12px calc(20px + var(--srfq-mobile-sheet-bottom,0px) + env(safe-area-inset-bottom));}
  .srfq-close-modal__dialog,.srfq-modal-box{margin-bottom:var(--srfq-mobile-sheet-bottom,0px);max-height:calc(84dvh - var(--srfq-mobile-sheet-bottom,0px));padding-bottom:18px;}
  .srfq-close-modal__actions .srfq-btn,.srfq-modal-buttons .srfq-btn{max-width:none;}
  .srfq-modal-buttons .srfq-btn--red,.srfq-close-modal__actions .srfq-btn--red{background:var(--srfq-red);border-color:var(--srfq-red);color:#fff;}
  .srfq-row-icon,.srfq-row__icon,.srfq-inline-icon{margin-inline-end:4px;}
  .srfq-label,.srfq-label--inline{gap:9px;}
  .srfq-lightbox{padding:14px;align-items:center;}
  .srfq-lightbox-media img{max-width:92vw;max-height:78vh;}
  .srfq-lightbox-close{top:-8px;right:-4px;width:30px;height:30px;font-size:22px;}
  .srfq-lightbox-prev,.srfq-lightbox-next{width:38px;height:38px;top:auto;bottom:-52px;transform:none;}
  .srfq-lightbox-prev{left:calc(50% - 48px)}.srfq-lightbox-next{right:calc(50% - 48px)}
}
@supports not (color:color-mix(in srgb,#000 10%,#fff)){.srfq-card,#srfq-requests-list-scope .srfq-card,#srfq-my-requests-scope .srfq-card,#srfq-my-received-scope .srfq-card,#srfq-my-sent-scope .srfq-card{border-right:1px solid rgba(148,163,184,.28)}}

/* v2.2.90.409 shared card spacing */
.srfq-list{gap:17px;}
.srfq-card,
#srfq-requests-list-scope .srfq-card,
#srfq-my-requests-scope .srfq-card,
#srfq-my-received-scope .srfq-card,
#srfq-my-sent-scope .srfq-card{margin-bottom:17px;}
@media(max-width:700px){
  .srfq-list{gap:17px;}
  .srfq-card,
  #srfq-requests-list-scope .srfq-card,
  #srfq-my-requests-scope .srfq-card,
  #srfq-my-received-scope .srfq-card,
  #srfq-my-sent-scope .srfq-card{margin-bottom:17px;}
}



/* v2.2.91.410 solid status cards and shared flowing description rows */
.srfq-card,
#srfq-requests-list-scope .srfq-card,
#srfq-my-requests-scope .srfq-card,
#srfq-my-received-scope .srfq-card,
#srfq-my-sent-scope .srfq-card{background:var(--srfq-card-bg,#fff);}
.srfq-card::after{content:none;display:none;}
.srfq-row--inline-flow{grid-template-columns:18px minmax(0,1fr);align-items:start;gap:8px 9px;}
.srfq-row--inline-flow .srfq-row-icon{grid-column:1;margin-top:.42em;}
.srfq-row-flow{grid-column:2;min-width:0;display:block;line-height:1.9;overflow-wrap:anywhere;}
.srfq-row-flow .srfq-label{display:inline;white-space:nowrap;margin-inline-end:6px;vertical-align:baseline;}
.srfq-row-flow .srfq-value{display:inline;color:#0f172a;font-weight:850;line-height:inherit;}
@media(max-width:760px){.srfq-row--inline-flow{grid-template-columns:18px minmax(0,1fr);}.srfq-row-flow .srfq-label{margin-inline-end:5px;}}


/* v2.2.92.411 card surface stability and stronger neutral lines */
.srfq-card,
#srfq-requests-list-scope .srfq-card,
#srfq-my-requests-scope .srfq-card,
#srfq-my-received-scope .srfq-card,
#srfq-my-sent-scope .srfq-card{border-top-color:rgba(148,163,184,.35);border-left-color:rgba(148,163,184,.35);border-bottom-color:rgba(148,163,184,.35);}
.srfq-card:hover,
#srfq-requests-list-scope .srfq-card:hover,
#srfq-my-requests-scope .srfq-card:hover,
#srfq-my-received-scope .srfq-card:hover,
#srfq-my-sent-scope .srfq-card:hover{transform:none;box-shadow:var(--srfq-shadow);}
.srfq-card-head,.srfq-row{border-color:var(--srfq-line);}

/* v2.2.101.420 modal button order/color and nested quote state polish */
.srfq-close-modal__cancel,
.srfq-modal .srfq-close-modal__cancel,
.srfq-close-modal .srfq-close-modal__cancel,
.srfq-modal .srfq-btn--gray,
.srfq-close-modal .srfq-btn--gray{
  background:#64748b;
  border-color:#64748b;
  color:#fff;
  box-shadow:0 8px 18px rgba(100,116,139,.14);
}
.srfq-close-modal__cancel:hover,
.srfq-modal .srfq-btn--gray:hover,
.srfq-close-modal .srfq-btn--gray:hover{background:#475569;border-color:#475569;color:#fff;}
@media(max-width:700px){
  .srfq-close-modal__actions .srfq-close-modal__cancel,
  .srfq-modal-buttons .srfq-close-modal__cancel,
  .srfq-close-modal__actions .srfq-btn--gray,
  .srfq-modal-buttons .srfq-btn--gray{background:#64748b;border-color:#64748b;color:#fff;}
}

/* v2.2.114.433 mobile filter chips: preserve the first chip in horizontal scroll */
@media (max-width:700px){
  .srfq-filterbar{
    width:100%;
    max-width:100%;
    overflow:visible;
  }
  .srfq-filterchips{
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden;
    gap:8px;
    padding:2px 10px 8px !important;
    margin-inline:-10px;
    scroll-padding-inline:10px;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
  }
  .srfq-filterchips:before,.srfq-filterchips:after{
    content:"";
    flex:0 0 1px;
    width:1px;
  }
  .srfq-filterchip{
    flex:0 0 auto !important;
    white-space:nowrap !important;
  }
}