/**
 * RFQ Step 4 Accordion Styles
 * RTL/LTR compatible styles for dynamically rendered accordion in the RFQ form
 */

/* ========================================
   BASE ACCORDION STYLES
   ======================================== */

/* Accordion Item Container */
.rfq-product-accordion-item {
    margin-bottom: 1rem;
    border-radius: 1rem;
    overflow: hidden;
}

/* Accordion Toggle Button */
.rfq-accordion-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background-color: #fff;
    transition: background-color 0.2s;
    gap: 1rem;
}

.rfq-accordion-toggle:hover {
    background-color: #f9fafb;
}

/* Chevron Icon Animation */
.rfq-accordion-chevron {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    transition: transform 0.3s;
}

.rfq-accordion-chevron.rotate-180 {
    transform: rotate(180deg);
}

/* Product Details Section */
.rfq-product-accordion-item .product-details {
    padding: 0.5rem;
}

.rfq-number-input {
    appearance: textfield;
    -moz-appearance: textfield;
}

.rfq-number-input::-webkit-outer-spin-button,
.rfq-number-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* ========================================
   RTL/LTR TEXT ALIGNMENT
   ======================================== */

/* Default RTL (Arabic) - text aligns to right */
[dir="rtl"] .rfq-product-accordion-item .text-right,
[dir="rtl"] .rfq-product-accordion-item h4 {
    text-align: right;
}

/* LTR (English) - text aligns to left */
[dir="ltr"] .rfq-product-accordion-item .text-right,
[dir="ltr"] .rfq-product-accordion-item h4 {
    text-align: left;
}

/* ========================================
   RTL/LTR FLEX DIRECTION
   ======================================== */

/* Accordion toggle - flex direction based on direction */
[dir="rtl"] .rfq-accordion-toggle {
    flex-direction: row;
}

[dir="ltr"] .rfq-accordion-toggle {
    flex-direction: row;
}

/* Quantity controls row */
[dir="rtl"] .rfq-product-accordion-item .flex.items-center.justify-between {
    flex-direction: row;
}

[dir="ltr"] .rfq-product-accordion-item .flex.items-center.justify-between {
    flex-direction: row;
}

/* ========================================
   RTL/LTR FILE PREVIEW
   ======================================== */

/* File preview has dir="ltr" attribute, so we need to handle it specially */
.file-preview {
    direction: ltr;
}


/* File info text should still be RTL for Arabic */
[dir="rtl"] .file-preview {
    direction: rtl;
    text-align: right;
}

/* ========================================
   RTL/LTR QUANTITY CONTROLS
   ======================================== */

/* Quantity section container */
.rfq-product-accordion-item .flex.items-center.gap-4 {
    display: flex;
    align-items: center;
}

/* RTL: Controls flow right to left */
[dir="rtl"] .rfq-product-accordion-item .flex.items-center.gap-4 {
    flex-direction: row;
}

/* LTR: Controls flow left to right */
[dir="ltr"] .rfq-product-accordion-item .flex.items-center.gap-4 {
    flex-direction: row;
}

/* ========================================
   RTL/LTR MARGINS AND SPACING
   ======================================== */

/* RTL margin adjustments */
[dir="rtl"] .rfq-product-accordion-item .me-2 {
    margin-left: 0.5rem;
    margin-right: 0;
}

[dir="rtl"] .rfq-product-accordion-item .ms-2 {
    margin-right: 0.5rem;
    margin-left: 0;
}

/* LTR margin adjustments */
[dir="ltr"] .rfq-product-accordion-item .me-2 {
    margin-right: 0.5rem;
    margin-left: 0;
}

[dir="ltr"] .rfq-product-accordion-item .ms-2 {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* ========================================
   RTL/LTR DELETE BUTTON
   ======================================== */

/* Delete button stays on the correct side */
[dir="rtl"] .rfq-product-accordion-item .rfq-delete-product {
    margin-right: auto;
    margin-left: 0;
}

[dir="ltr"] .rfq-product-accordion-item .rfq-delete-product {
    margin-left: auto;
    margin-right: 0;
}

/* ========================================
   RTL/LTR UPLOAD PROMPT
   ======================================== */

/* Upload prompt text alignment */
[dir="rtl"] .rfq-product-accordion-item .upload-prompt {
    text-align: center;
}

[dir="ltr"] .rfq-product-accordion-item .upload-prompt {
    text-align: center;
}

/* ========================================
   RTL/LTR RATING STARS
   ======================================== */

/* Rating stars container - flows with text direction */
.rfq-product-accordion-item .flex.gap-0\.5 {
    display: inline-flex;
}

/* Review count row follows page direction naturally */
.rfq-product-accordion-item .flex.items-center.gap-2.mt-1 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* ========================================
   RTL/LTR INPUT/TEXTAREA LABELS
   ======================================== */

/* Label alignment */
[dir="rtl"] .rfq-product-accordion-item .input-label {
    text-align: right;
}

[dir="ltr"] .rfq-product-accordion-item .input-label {
    text-align: left;
}

/* Textarea text direction */
[dir="rtl"] .rfq-product-accordion-item .textarea {
    direction: rtl;
    text-align: right;
}

[dir="ltr"] .rfq-product-accordion-item .textarea {
    direction: ltr;
    text-align: left;
}

/* ========================================
   ADDITIONAL RTL/LTR UTILITY OVERRIDES
   ======================================== */

/* Product info section */
[dir="rtl"] .rfq-product-accordion-item .text-right.flex-1 {
    text-align: right;
}

[dir="ltr"] .rfq-product-accordion-item .text-right.flex-1 {
    text-align: left;
}

/* Ensure flex gap works correctly */
.rfq-product-accordion-item .flex.items-center.gap-1 {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

/* ========================================
   RESPONSIVE RTL/LTR ADJUSTMENTS
   ======================================== */

@media (max-width: 767px) {
    /* Mobile: Stack quantity and delete button vertically */
    .rfq-product-accordion-item .product-details > .flex.items-center.justify-between.mb-8 {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }
    
    /* Mobile: Center the delete button */
    [dir="rtl"] .rfq-product-accordion-item .rfq-delete-product,
    [dir="ltr"] .rfq-product-accordion-item .rfq-delete-product {
        margin: 0 auto;
        justify-content: center;
    }
    
    /* Mobile: Quantity controls alignment */
    [dir="rtl"] .rfq-product-accordion-item .product-details > .flex.items-center.justify-between.mb-8 > .flex.items-center.gap-4,
    [dir="ltr"] .rfq-product-accordion-item .product-details > .flex.items-center.justify-between.mb-8 > .flex.items-center.gap-4 {
        justify-content: center;
    }
}

/* ========================================
   CLEAR FILE BUTTON RTL/LTR
   ======================================== */

/* File preview - only visible when file is selected (hidden class removed by JS) */
.rfq-product-accordion-item .file-preview {
    align-items: center;
    justify-content: space-between;
}

/* When not hidden, show as flex */
.rfq-product-accordion-item .file-preview:not(.hidden) {
    display: flex;
}

/* Ensure hidden class always works */
.rfq-product-accordion-item .file-preview.hidden {
    display: none !important;
}

/* File info section in preview */
.rfq-product-accordion-item .file-preview > .flex.items-center.gap-3 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* === Modal === */
.modal--rfq-offer {
    max-width: 600px;
    width: 100%;
}

.modal-content--rfq {
    background-color: white;
    border-radius: 24px;
    padding: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: start;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    max-height: calc(100vh - 40px);
}

/* === File Preview === */
/* Layout: [file-icon + file-name] ---- spacer ---- [download-btn]
   In RTL the whole row mirrors naturally via flexbox direction inheritance. */
.file-preview {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* File name should always render LTR (it's a filename / path) */
.file-preview .file-name {
    direction: ltr;
    unicode-bidi: embed;
    text-align: start;
}

/* === Offer Card === */
.rfq-offer-card {
    transition: all 0.3s ease;
}

.rfq-offer-card:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Input Icon Positioning with Logical Properties */
.input-wrapper {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
}
.input-wrapper .input {
    width: 100%;
}
.input-wrapper .input-icon {
    position: absolute !important;
    top: 50% !important;
    pointer-events: none;
    z-index: 10;
    line-height: 1;
    display: flex;
    align-items: center;
}
.input-icon--end {
    inset-inline-end: 1rem !important;
    inset-inline-start: auto !important;
}
.input-icon--start {
    inset-inline-start: 1rem !important;
    inset-inline-end: auto !important;
}

/* File preview — works in both RTL and LTR */
.file-preview {
    direction: inherit;
    unicode-bidi: normal;
}
.file-preview .file-name {
    direction: ltr;
    unicode-bidi: embed;
    text-align: start;
}

/* Auto-flip breadcrumb arrows in RTL */
[dir="rtl"] .breadcrumb-arrow, 
.rtl .breadcrumb-arrow {
    transform: rotate(180deg);
}

body {
    background-color: var(--color-background);
}

/* Keep iOS Safari's native date control usable inside the filter flex row. */
.tender-date-filter-wrap {
    min-width: 0;
}

.tender-date-filter {
    min-width: 0;
    -webkit-appearance: auto;
    appearance: auto;
}

.tender-date-filter::-webkit-date-and-time-value {
    min-height: 1.25rem;
    text-align: start;
}

/* Exact source-form geometry used by the shortcode bridge. */
#tendeal-tender-create.tu-source-page{max-width:1200px;margin:0 auto;padding:40px 16px;color:#1D2939}
#tendeal-tender-create .tu-source-panel{display:flex;flex-direction:column;gap:32px;padding:20px;border:1px solid #EAECF0;border-radius:16px;background:#fff}
#tendeal-tender-create .breadcrumb{font-size:12px;color:#667085}
#tendeal-tender-create .breadcrumb-list{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}
#tendeal-tender-create .breadcrumb-separator{color:#98A2B3}
#tendeal-tender-create .tu-source-heading{margin:0;color:#101828;font-size:32px;line-height:40px;font-weight:700}
#tendeal-tender-create .tu-source-form{display:flex;flex-direction:column;gap:20px}
#tendeal-tender-create .tu-field{display:flex;flex-direction:column;gap:8px}
#tendeal-tender-create .input-label{display:block;color:#344054;font-size:13px;font-weight:600;line-height:20px}
#tendeal-tender-create .input,#tendeal-tender-create .textarea,#tendeal-tender-create .select{width:100%;min-height:48px;box-sizing:border-box;border:1px solid #D0D5DD;border-radius:10px;background:#fff;color:#344054;padding:12px 14px;font:inherit}
#tendeal-tender-create .textarea{min-height:124px;resize:vertical}
#tendeal-tender-create .tu-source-date-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#tendeal-tender-create .tu-radio-group{display:flex;align-items:center;gap:16px}
#tendeal-tender-create .tu-radio{display:flex;align-items:center;gap:8px;color:#344054;font-size:14px}
#tendeal-tender-create .tu-source-vendor-field{display:flex;flex-direction:column;gap:8px}
#tendeal-tender-create .tu-source-items{display:flex;flex-direction:column;gap:12px}
#tendeal-tender-create .tu-source-items__head{display:flex;align-items:center;justify-content:space-between;gap:16px}
#tendeal-tender-create .tu-source-item-row{display:grid;grid-template-columns:3fr 4fr 2fr 2fr;gap:12px;padding:16px;border:1px solid #EAECF0;border-radius:12px;background:#F9FAFB}
#tendeal-tender-create .tu-source-upload{height:240px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid #EAECF0;border-radius:12px;background:#F9FAFB;text-align:center}
#tendeal-tender-create .tu-source-upload p,#tendeal-tender-create .tu-source-upload small{margin:0;color:#667085;font-size:13px}
#tendeal-tender-create .tu-source-upload small{font-size:10px}
#tendeal-tender-create .tu-source-submit{width:fit-content;min-width:190px}
@media (max-width:767px){#tendeal-tender-create.tu-source-page{padding:24px 16px}#tendeal-tender-create .tu-source-panel{gap:24px;padding:16px}#tendeal-tender-create .tu-source-heading{font-size:28px;line-height:36px}#tendeal-tender-create .tu-source-date-grid,#tendeal-tender-create .tu-source-item-row{grid-template-columns:1fr}#tendeal-tender-create .tu-source-items__head{align-items:flex-start;flex-direction:column}#tendeal-tender-create .tu-source-submit{width:100%}}

.tu-source-view-mode{display:flex;align-items:center;gap:12px;margin-inline-start:auto}.tu-source-view-mode span{font-weight:600}.tu-source-view-mode button{display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:#667085;cursor:pointer}.tu-source-view-mode button:first-of-type{color:#C38200}@media (max-width:767px){.tu-source-view-mode{margin-inline-start:0}}
.tu-resource-grid--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tu-resource-grid--grid .tu-resource-card{min-height:180px;align-items:flex-start;flex-wrap:wrap}.tu-resource-grid--grid .tu-source-card__aside{width:100%;flex-direction:row;align-items:center}.tu-resource-grid--grid .tu-source-card__date{margin-top:0}@media (max-width:767px){.tu-resource-grid--grid{grid-template-columns:1fr}}

.tu-source-list-head{align-items:flex-end}.tu-source-list-head .breadcrumb{margin-bottom:8px;color:#667085;font-size:12px}.tu-source-list-head .breadcrumb span{margin-inline-end:8px}.tu-source-list-head .tu-title{margin:0;color:#101828;font-size:32px;line-height:40px;font-weight:700}.tu-source-list-controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:24px;border:1px solid #EAECF0;border-radius:16px;background:#fff}.tu-source-list-controls .input-wrapper{position:relative;display:flex;flex:1;min-width:220px}.tu-source-list-controls .input{height:48px;padding:12px 14px}.tu-source-list-controls .input-wrapper .input-icon{position:absolute;z-index:1;top:50%;inset-inline-start:14px;transform:translateY(-50%);pointer-events:none}.tu-source-list-controls .input-wrapper .input-icon + .input{padding-inline-start:44px}.tu-source-filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:16px;width:100%;padding-top:8px;border-top:1px solid #EAECF0;color:#344054;font-size:13px}.tu-source-filter-group>span{font-weight:600}.tu-source-filter-group label{display:flex;align-items:center;gap:8px}.tu-source-filter-group input{accent-color:#C38200}.tu-source-list-head>.tu-pager{display:none}@media (max-width:767px){.tu-source-list-head .tu-title{font-size:26px;line-height:34px}.tu-source-list-head .tu-btn{width:100%}.tu-source-list-controls{padding:16px}.tu-source-filter-group{align-items:flex-start;flex-direction:column;gap:10px}}

/* Account pages can apply the base wizard rules after the component sheet. */
.tendeal-table,.tu-source-list-head,.tu-source-list-controls{box-sizing:border-box}
.tendeal-table,#tendeal-customer-tenders,#tendeal-public-tenders,#tendeal-vendor-eligible-tenders,#tendeal-vendor-tenders,#tendeal-customer-rfqs,#tendeal-vendor-rfqs{width:100%;max-width:1200px;min-width:0}
.tu-source-list-head{flex-direction:row!important}
.tu-source-list-head>div:first-child{min-width:0}
.tu-source-list-head .tu-btn{flex:0 0 auto}
.tu-source-list-controls{align-items:center!important;flex-direction:row!important}
.tu-source-list-controls>.tu-control-search,.tu-source-list-controls>.tu-control-date{display:flex!important;flex-direction:row!important;align-items:center!important;margin:0!important}
.tu-source-list-controls>.tu-control-search{position:relative;flex:1 1 260px}
.tu-source-list-controls>.tu-control-date{flex:0 1 220px}
.tu-source-list-controls>.tu-control-search .input,.tu-source-list-controls>.tu-control-date .input{width:100%;min-width:0}
.tu-source-list-controls>.tu-source-filter-group{display:flex!important;flex-direction:row!important;align-items:center!important}
.tu-source-list-controls>.tu-source-filter-group label{display:flex!important;flex-direction:row!important;align-items:center!important;margin:0!important;white-space:nowrap}
@media (max-width:767px){.tu-source-list-head{flex-direction:column!important;align-items:stretch!important}.tu-source-list-controls{align-items:stretch!important;flex-direction:column!important}.tu-source-list-controls>.tu-control-search,.tu-source-list-controls>.tu-control-date,.tu-source-list-controls>.tu-source-filter-group{width:100%;flex:1 1 auto}.tu-source-list-controls>.tu-source-filter-group{align-items:flex-start!important;flex-direction:column!important}.tu-source-list-controls>.tu-source-filter-group label{white-space:normal}}

#tendeal-customer-tenders .tu-page-header,#tendeal-customer-tenders .tu-resource-grid{width:100%;box-sizing:border-box}
#tendeal-customer-tenders .tu-page-header{flex-direction:row!important;align-items:flex-end!important}
#tendeal-customer-tenders .tu-resource-card{width:100%;box-sizing:border-box}
@media (max-width:767px){#tendeal-customer-tenders .tu-page-header{flex-direction:column!important;align-items:stretch!important}}

.tu-account-rfqs{display:flex;flex-direction:column;gap:48px;width:100%}.tu-account-rfqs__section{width:100%;min-width:0}

/* Tender archive: direct structural port of archive-tender.php. */
#tendeal-public-tenders{width:100%;max-width:1200px;margin:0 auto;color:#1D2939}
.tu-tender-archive{display:flex;flex-direction:column;gap:32px}
.tu-tender-dashboard{display:flex;flex-direction:column;gap:24px;width:100%}
.tu-tender-archive__header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.tu-tender-archive__header .breadcrumb{display:flex;gap:8px;margin:0 0 16px;color:#667085;font-size:12px}
.tu-tender-archive__header h2{margin:0;color:#101828;font-size:32px;line-height:40px;font-weight:700}
.tu-tender-archive__panel{display:flex;flex-direction:column;gap:32px;padding:20px;border:1px solid #EAECF0;border-radius:16px;background:#fff}
.tu-tender-archive__filters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:end}
.tu-tender-archive__filters .input-wrapper{position:relative;display:block;margin:0}
.tu-tender-archive__filters .input{width:100%;height:48px;box-sizing:border-box;border:1px solid #D0D5DD;border-radius:10px;background:#fff;color:#344054;padding:0 14px;font:inherit}
.tu-tender-archive__filters .input-icon{position:absolute;top:50%;inset-inline-start:14px;transform:translateY(-50%);pointer-events:none;color:#667085}
.tu-tender-archive__filters .input-icon + .input{padding-inline-start:44px}
.tu-tender-archive__types{display:flex;flex-wrap:wrap;gap:16px;margin:0;padding:0;border:0;color:#344054;font-size:13px}
.tu-tender-archive__types legend{width:100%;margin:0 0 -8px;font-weight:600}
.tu-tender-archive__types label{display:flex;align-items:center;gap:8px;margin:0;white-space:nowrap}
.tu-tender-archive__types input{accent-color:#C38200}
.tu-tender-archive__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}
.tu-tender-archive__toolbar .tu-source-view-mode{margin:0}
.tu-tender-archive__toolbar .tu-source-view-mode button:first-of-type{color:#667085}
.tu-tender-archive__toolbar [data-tender-view].is-active{color:#C38200}
.tu-tender-archive__sort{height:40px;min-width:128px;border:1px solid #344054;border-radius:10px;background:#fff;color:#344054;padding:0 12px;font:inherit}
.tu-tender-archive__list{display:flex;flex-direction:column;gap:20px}
.tu-tender-archive__list--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tu-tender-source-card{display:flex;align-items:flex-start;gap:16px;padding:16px;border:1px solid #EAECF0;border-radius:16px;background:#fff;color:inherit;text-decoration:none;transition:border-color .15s ease}
.tu-tender-source-card:hover{border-color:rgba(195,130,0,.4)}
.tu-tender-source-card__icon{display:flex;align-items:center;justify-content:center;flex:0 0 84px;width:84px;height:84px;border-radius:12px;background:#FFF0D2}
.tu-tender-source-card__body{display:flex;flex:1;min-width:0;flex-direction:column;gap:10px}
.tu-tender-source-card__body h3{margin:0;color:#344054;font-size:14px;line-height:20px;font-weight:600}
.tu-tender-source-card__counts,.tu-tender-source-card__dates{display:flex;align-items:center;gap:24px}
.tu-tender-source-card__counts p,.tu-tender-source-card__dates span{display:flex;align-items:center;gap:4px;margin:0;color:#344054;font-size:12px}
.tu-tender-source-card__counts span{color:#98A2B3}
.tu-tender-source-card__dates{gap:8px}.tu-tender-source-card__dates i{color:#98A2B3;font-style:normal}
.tu-tender-source-card__badges{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.tu-tender-archive__empty{margin:0;padding:32px 0;color:#667085;text-align:center}
@media (max-width:767px){.tu-tender-archive__header{align-items:stretch;flex-direction:column}.tu-tender-archive__header .tu-btn{width:100%}.tu-tender-archive__filters{grid-template-columns:1fr}.tu-tender-archive__panel{padding:16px;gap:24px}.tu-tender-archive__toolbar{align-items:stretch;flex-direction:column-reverse}.tu-tender-archive__sort{width:100%}.tu-tender-archive__list--grid{grid-template-columns:1fr}.tu-tender-source-card{gap:12px}.tu-tender-source-card__icon{flex-basis:56px;width:56px;height:56px}.tu-tender-source-card__counts{gap:12px;flex-wrap:wrap}.tu-tender-source-card__dates{display:none}.tu-tender-source-card__badges{display:none}}

/* RFQ offer and tender proposal pages: source page hierarchy, with plugin-backed fields only. */
.tu-rfq-offer-source,.tu-tender-proposal-source{width:100%;max-width:1200px;margin:0 auto;color:#1D2939}
.tu-rfq-offer-source__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:32px}
.tu-rfq-offer-source__header .breadcrumb{display:flex;gap:8px;margin:0 0 16px;color:#667085;font-size:12px}
.tu-rfq-offer-source__header h1{margin:0;color:#101828;font-size:32px;line-height:40px;font-weight:700}
.tu-rfq-offer-source__header p{margin:8px 0 0;color:#667085;font-size:14px}
.tu-rfq-offer-source__columns,.tu-tender-proposal-source__columns{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start}
.tu-rfq-offer-source__products,.tu-rfq-offer-source__summary,.tu-tender-proposal-source__about,.tu-tender-proposal-source__form{border:1px solid #EAECF0;border-radius:16px;background:#fff}
.tu-rfq-offer-source__products{padding:24px}
.tu-rfq-offer-source__section-head{padding-bottom:20px;border-bottom:1px solid #EAECF0}
.tu-rfq-offer-source__section-head h2,.tu-rfq-offer-source__summary h2,.tu-tender-proposal-source__about h2,.tu-tender-proposal-source__form h2{margin:0;color:#101828;font-size:20px;line-height:28px;font-weight:700}
.tu-rfq-offer-source__section-head p{margin:8px 0 0;color:#667085;font-size:14px;line-height:22px}
.tu-offer-product-list{display:flex;flex-direction:column;gap:16px;margin-top:20px}
.tu-offer-product{padding:20px;border:1px solid #EAECF0;border-radius:12px}
.tu-offer-product__heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}
.tu-offer-product__heading h3{margin:0 0 8px;color:#344054;font-size:15px;line-height:22px;font-weight:600}
.tu-offer-product__heading>span{color:#667085;font-size:13px;white-space:nowrap}
.tu-offer-product__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tu-offer-product__fields label,.tu-rfq-offer-source__summary label,.tu-tender-proposal-source__form label{display:flex;flex-direction:column;gap:8px;color:#344054;font-size:13px;font-weight:600}
.tu-offer-product__fields .tu-offer-product__note{grid-column:1/-1}
.tu-rfq-offer-source input,.tu-rfq-offer-source textarea,.tu-tender-proposal-source input,.tu-tender-proposal-source textarea{width:100%;box-sizing:border-box;border:1px solid #D0D5DD;border-radius:8px;background:#fff;color:#344054;padding:12px;font:inherit}
.tu-rfq-offer-source textarea,.tu-tender-proposal-source textarea{min-height:96px;resize:vertical}
.tu-rfq-offer-source input:focus,.tu-rfq-offer-source textarea:focus,.tu-tender-proposal-source input:focus,.tu-tender-proposal-source textarea:focus{outline:0;border-color:#C38200;box-shadow:0 0 0 3px rgba(195,130,0,.12)}
.tu-rfq-offer-source__summary,.tu-tender-proposal-source__form{display:flex;flex-direction:column;gap:20px;padding:24px}
.tu-rfq-offer-source__summary .button,.tu-tender-proposal-source__form .button{width:100%;margin-top:4px}
.tu-tender-proposal-source__about{padding:24px;color:#475467;font-size:14px;line-height:24px}
.tu-tender-proposal-source__about>p{margin:16px 0 24px}
.tu-tender-proposal-source__about dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}
.tu-tender-proposal-source__about dl div{padding:16px;border-radius:8px;background:#F9FAFB}
.tu-tender-proposal-source__about dt{margin-bottom:6px;color:#667085;font-size:12px}
.tu-tender-proposal-source__about dd{margin:0;color:#344054;font-weight:600}
@media (max-width:767px){.tu-rfq-offer-source__header{flex-direction:column;margin-bottom:24px}.tu-rfq-offer-source__header h1{font-size:26px;line-height:34px}.tu-rfq-offer-source__columns,.tu-tender-proposal-source__columns{grid-template-columns:1fr;gap:20px}.tu-rfq-offer-source__products,.tu-rfq-offer-source__summary,.tu-tender-proposal-source__about,.tu-tender-proposal-source__form{padding:16px}.tu-offer-product{padding:16px}.tu-offer-product__heading{flex-direction:column;gap:6px}.tu-offer-product__fields{grid-template-columns:1fr}.tu-tender-proposal-source__about dl{grid-template-columns:1fr}}

.tu-rfq-detail-source{display:flex;flex-direction:column;gap:24px;width:100%;max-width:1200px;margin:0 auto;color:#1D2939}
.tu-rfq-detail-source__panel{padding:28px;border:1px solid #EAECF0;border-radius:16px;background:#fff}
.tu-rfq-detail-source__panel h2{margin:0 0 28px;color:#101828;font-size:20px;line-height:28px;font-weight:700}
.tu-rfq-detail-source__info{display:grid;gap:24px}
.tu-rfq-detail-source__info div{display:flex;flex-direction:column;gap:8px}
.tu-rfq-detail-source__info span{color:#667085;font-size:12px}
.tu-rfq-detail-source__info strong{color:#344054;font-size:15px;line-height:22px}
.tu-rfq-detail-source__info p{margin:0;color:#475467;font-size:14px;line-height:24px}
.tu-rfq-detail-source__items .tu-table{width:100%;border-collapse:collapse}
.tu-rfq-detail-source__items th,.tu-rfq-detail-source__items td{padding:14px;border-bottom:1px solid #EAECF0;text-align:left;vertical-align:top;color:#475467;font-size:13px}
.tu-rfq-detail-source__items th{color:#667085;font-size:12px;font-weight:600}
.tu-rfq-detail-source__attachments{margin-top:24px}
.tu-rfq-detail-source__offers-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.tu-rfq-detail-source__offers-head h2{margin:0}
.tu-rfq-detail-source__offers-head span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#FFF0D2;color:#8A5B00;font-size:13px;font-weight:700}
.tu-rfq-detail-source__offers .tu-controls{margin-bottom:20px}
.tu-rfq-detail-source__empty{margin:0;color:#667085;text-align:center}
@media (max-width:767px){.tu-rfq-detail-source__panel{padding:16px}.tu-rfq-detail-source__items{overflow-x:auto}.tu-rfq-detail-source__items .tu-table{min-width:620px}}

/* Listing filters: keep the generic list rules from turning checkbox controls into inputs. */
#tendeal-customer-rfqs .tu-source-list-controls,
#tendeal-vendor-rfqs .tu-source-list-controls{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);
    align-items:center!important;
    gap:20px;
}
#tendeal-customer-rfqs .tu-source-list-controls>.tu-control-search,
#tendeal-vendor-rfqs .tu-source-list-controls>.tu-control-search,
#tendeal-customer-rfqs .tu-source-list-controls>.tu-control-date,
#tendeal-vendor-rfqs .tu-source-list-controls>.tu-control-date{
    width:100%;
    min-width:0;
}
#tendeal-customer-rfqs .tu-source-list-controls>.tu-source-filter-group,
#tendeal-vendor-rfqs .tu-source-list-controls>.tu-source-filter-group{
    grid-column:1/-1;
    width:100%;
    min-width:0;
    padding-top:16px;
}
#tendeal-customer-rfqs .tu-source-filter-group input[type="checkbox"],
#tendeal-vendor-rfqs .tu-source-filter-group input[type="checkbox"],
#tendeal-public-tenders .tu-tender-archive__types input[type="checkbox"]{
    flex:0 0 16px;
    width:16px!important;
    min-width:16px!important;
    height:16px!important;
    margin:0!important;
    padding:0!important;
    appearance:auto!important;
    -webkit-appearance:checkbox!important;
}
#tendeal-customer-rfqs .tu-source-filter-group label,
#tendeal-vendor-rfqs .tu-source-filter-group label,
#tendeal-public-tenders .tu-tender-archive__types label{
    min-width:0!important;
    font-size:13px!important;
    line-height:20px;
}
#tendeal-public-tenders .tu-tender-archive__filters .input-wrapper{
    display:block!important;
    min-width:0;
}
#tendeal-public-tenders .tu-tender-archive__filters .input{
    min-width:0!important;
}
#tendeal-public-tenders .tu-tender-archive__types{
    min-width:0;
    align-self:stretch;
}
#tendeal-public-tenders .tu-tender-archive__types legend{
    padding:0;
}
@media (max-width:767px){
    #tendeal-customer-rfqs .tu-source-list-controls,
    #tendeal-vendor-rfqs .tu-source-list-controls{
        display:flex!important;
        flex-direction:column!important;
        align-items:stretch!important;
    }
    #tendeal-customer-rfqs .tu-source-list-controls>.tu-source-filter-group,
    #tendeal-vendor-rfqs .tu-source-list-controls>.tu-source-filter-group{
        align-items:flex-start!important;
    }
}