span.open-message-modal {
    cursor: pointer;
}
.show-loader .loader-parent{
	display:flex !important;
}
.loader-parent {
    background: #fff;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
	z-index: 1;
/* 	display: flex; */
    justify-content: center;
    align-items: center;
}
.loader {
    width: 48px;
    height: 48px;
    border: 5px solid #fba028;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    }

    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    } 
/*.message div#fileName {
    padding-bottom: 10px;
}
.message .files a {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #e8e8e8;
    color: #000;
    display: flex;
    gap: 5px;
    align-items: center;
}
.message .files {
    display: flex;
}
.message {
    display: flex;
    gap: 10px;
}
.message.other-user img {
    display: none;
}
.message img {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    object-fit: cover;
}
.message-action {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}
.message-action label {
    color: #000;
}
.message-action button {
    background: #ff9f00;
    border: none;
    padding: 10px 30px;
    border-radius: 10px;
    font-weight: 600;
    color: #fff;
}
div#message-history {
    padding: 20px;
    height: 400px !important;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.message-footer {
    padding: 20px;
    background: #f7f6f9;
}
.message-footer textarea {
    border: 1px solid #e8e8e8;
    padding: 10px;
    border-radius: 10px;
}
.box {
    background: #f3f3f6;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    width: 80%;
    padding: 10px;
	display:flex;
	flex-direction:column;
	gap:10px;
}
p.username {
    color: #000;
    font-size: 16px;
	font-weight:600;

}
.message.other-user {
    display: flex;
    justify-content: flex-end;
}
.message.other-user .box {
    background: #0060a3;
}
.message.other-user .box p, .message.other-user .box span{
	color:#fff !important;
}

p.username span {
     color: #4d5b71;
    font-size: 14px;
	    margin-left: 10px;
	font-weight:400;
}
.box p {
	color:#000;
}
.box p {
    padding: 0;
    margin: 0;
}
div#rfq-message-modal {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #00000091;
    backdrop-filter: blur(8px);
    z-index: 100000;
	display: flex;
    justify-content: center;
    align-items: center;
	padding:10px;
}
.suplier-info {
    color: #000;
    font-size: 14px;
    margin-top: 5px;
}
.suplier-info span{
	
    color: #4d5b71;
}
.info {
    color: #000;
    font-size: 18px;
    font-weight: 600;
}
.info span{
	font-size: 15px;
    color: #4d5b71;
    font-weight: 400;
}
.info i{
	color:#375c72;
}
.message-box {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    max-width: 600px;
    box-shadow: 8px 11px 12px 0px #0000004d;
position:relative;
	width:100%;
}
.message-header {
    padding: 20px;
    background: #f7f6f9;
    border-bottom: 1px solid #ffa00f;
	position:relative;
}
span.close-modal {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #000;
   cursor:pointer;
}*/
.rqq-success {
    background: #fda33b;
    color: #000;
    border-radius: 10px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 15px;
    padding: 15px 10px;
}
.rqq-social-icon img {
    width: 30px;
}
img.dashboard-logo {
    width: 200px;
}
span.no-bids {
    background: #fea329;
    padding: 10px;
    border-radius: 100px;
    width: 25px;
    display: block;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px !important;
	font-size: 12px;
}
.rqq-alert{
	color:#000;
	font-weight: 500;
}
.rqq-alert i{
	color:#ffa300;
	margin-right:10px;
}

form.status-filter {
    display: flex;
    align-items: center;
    gap: 10px;
	    margin-bottom: 25px;
}
form.status-filter label {
    color: #000;
    font-size: 16px;
	    min-width: 120px;
    text-align: center;
	margin:0px;
	
}
form.status-filter p {
	color: #000;
    font-size: 16px;
	margin:0px;
}
form.status-filter button {
	max-width:150px;
	padding: 10px 14px;
}
form.status-filter input {
    display: none;
}

form.status-filter label:has(input:checked) {
  background: #fffaf2;
	border: 1px solid #ffa300;
}

/* =================================
   BUSINESS SETTINGS (SAFE SCOPED)
================================= */

.bussines-page .rqq-accoutn-title{
    color:#001d55;
}

.bussines-page i.fav-star {
    color:#fd9e3a;
}

/* кнопки только внутри business page */
.bussines-page form button{
    background:#fea329;
    border:none;
    padding:15px 10px;
    border-radius:10px;
    font-weight:600;
    margin-bottom:10px;
}

/* текст только внутри business page */
.bussines-page p,
.bussines-page ul.reg-check li{
    color:#000;
    font-weight:500;
}

/* ❗ убрали глобальный ul.reg-check */
.bussines-page ul.reg-check{
    list-style:none;
    padding:0;
    margin-top:70px;
    margin-bottom:50px;
}

/* header */
.bussines-page .page-header{
    margin:0;
}

/* highlight */
.bussines-page p span{
    color:#fea329;
}
/* =================================
   AUTH (LOGIN + REGISTER) — CLEAN UI
================================= */

/* WRAPPER */
.rqq-register-wrapper {
    background: #001d55;
    padding: 60px 0;
}

/* LEFT SIDE */
.rqq-register-wrapper h1 {
    color: #fff;
    margin-bottom: 40px;
}

p.reg-text {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

/* CHECK LIST */
ul.reg-check {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.reg-check li {
    color: #fff;
    font-weight: 500;
}

ul.reg-check li i,
.rqq-register h2 span {
    color: #ffa300;
}

/* LEFT COLUMN */
.rqq-register-wrapper .left-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* =================================
   CARD (LOGIN + REGISTER)
================================= */

.rqq-register {
    background: #ffffff;
    border-radius: 14px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.12);
}

/* LOGIN specific (маленькая карточка) */
.wrapper-register.login {
    max-width: 420px;
    margin: 0 auto;
}

/* TEXT */
.rqq-register h2 {
    font-size: 22px;
    font-weight: 600;
    color: #111827;
}

.rqq-register p {
    color: #6b7280;
    font-size: 14px;
}

.rqq-register p.muted {
    font-size: 13px;
    margin-top: -6px;
}

/* =================================
   SOCIAL BUTTONS
================================= */

.rqq-social-icon {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.rqq-social-icon:hover {
    background: #fff;
    border-color: #ffa300;
}

.rqq-social-icon span {
    flex: 1;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #111827;
}

/* ICONS */
.rqq-social-icon img {
    width: 20px;
    height: 20px;
}

/* =================================
   FORM
================================= */

.rqq-register form {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 10px;
}

/* INPUT */
.rqq-register input {
    padding: 12px;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    font-size: 14px;
    transition: border-color 0.15s ease;
}

.rqq-register input:hover {
    border-color: #d1d5db;
}

.rqq-register input:focus {
    border-color: #ffa300;
    outline: none;
}

/* BUTTON */
.rqq-register form button {
    background: #ffa300;
    border: none;
    padding: 14px;
    border-radius: 12px;
    font-weight: 600;
    transition: background 0.15s ease;
}

.rqq-register form button:hover {
    background: #ffb733;
}

/* LINKS */
.rqq-register p a {
    color: #ffa300;
    font-weight: 500;
}

/* =================================
   BOTTOM CHECKS
================================= */

ul.reg-check.bottom {
    display: flex;
    gap: 12px;
    font-size: 13px;
    margin-top: 20px;
    justify-content: center;
}

.rqq-register.login ul.reg-check.bottom li {
    color: #6b7280;
}

/* =================================
   RESPONSIVE
================================= */

@media (max-width: 768px) {
    .rqq-register-wrapper {
        padding: 40px 15px;
    }
}

/* ULTRA WIDE */
@media (min-width: 1900px) {
    .rqq-register-wrapper .container {
        max-width: 1100px;
    }
}

/* Filter CSS */
/* BUTTON 
#rqq-mobile-filter-toggle{
  display: block;
  background: #fe9e28;
  border: none;
  padding: 10px 25px;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  color: #000;
}

/* Mobile + Tablet layout */
@media (max-width: 1024px) {

  .filter-page div#right-sidebar2,
  .filter-page div#content2 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100%;
  }

}

/* Toggle animation 
@media (max-width: 991px) {

  #right-sidebar2{
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all .3s ease;
  }

  #right-sidebar2.rqq-open{
    max-height: 2000px;
    opacity: 1;
    margin-bottom: 15px;
  }

}
/* Mobile Plus Tablet */

/* Mobile Breakpoint */
@media (max-width: 425px){
	
	form.status-filter {
    flex-wrap: wrap;
}
	
	.rqq-card-top, .rqq-card-middle {
    align-items: flex-start !important;
    flex-direction: column;
	gap: 15px !important;
}
.rqq-card .rqq-actions a{
    width: 90% !important;
    /* padding: 10px; */
}
	.rqq-actions a button{
		width:100% !important;
		padding: 20px !important;
	}	
	.rqq-card-middle{
	margin-top: -15px !important;	
	}
.rqq-view {
    text-align: start !important;
}
span.rqq-priority {
    position: absolute;
    right: 20px;
    top: 20px;
}	
.rqq-card-middle div {
    width: 100% !important;
}
.rqq-card {
    position: relative;
    padding: 20px 20px 85px 20px !important;
}	
.rqq-card .rqq-actions a{
    position: absolute;
    bottom: 20px;
    left: 20px;
}	
.rqq-actions {
    justify-content: flex-start !important;
}	
	
    .rqq-container {
        width: 100% !important;
        padding: 20px 0px 0px 0px !important;
    }
	.rqq-field.upload {
    margin-bottom: 10px;
}
div#rqq-parts-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
button.rqq-remove-part {
    right: 0px !important;
    top: 85% !important;
}	
	
	.rqq-add-part {
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
}
.rqq-field.location label {
    text-align: start !important;
}	
.rqq-row.bottom {
    margin-bottom: 20px !important;
}	
.rqq-field p {
    margin-top: -5px !important;
}	
.rqq-row {
    display: flex;
    gap: 10px !important;
    margin-bottom: 0px !important;
    flex-direction: column;
}	
.rqq-container.step-2 .rqq-checkbox-box {
    margin-bottom: 10px;
}
.rqq-parts-table .rqq-part-no {
    width: 100px;
}
.rqq-container.step-3 .rqq-description-box {
    width: 100% !important;
}
.rqq-review-table .rqq-review-label {
    width: 50%;
}
.rqq-container.step-4 p.rqq-text {
    width: 100% !important;
}	
}
/* Mobile Breakpoint */


/* Tablet Breakpoint */

@media (max-width: 1024px) and (min-width: 426px) {
   .padding-post-new-page {
    padding: 20px;
}
    .rqq-container {
        width: 100% !important;
        padding: 10px !important;
    }
}
/* Tablet Breakpoint */
.div_class_div.rqq-pagination {
    text-align: center;
}
.respond-to-request{
    display: block ! IMPORTANT;
}
.submit-offer{
    display: block !important;
}

.submit-offer .rqq-small-text {
    font-size: 14px;
}
.rqq-container .nice-select .list {
    height: 400px;
    overflow: auto !important;
}
ul#search-filters-block {
    border: 1px solid #a6a6a6 !important;
}
button.rqq-submit.bg-grey {
    background: #dedede;
}
.submit-offer .rqq-checkbox-box label {
    border-radius: 5px;
    border: 1px solid #888;
    padding: 5px !important;
	align-items: flex-start;
	font-size: 14px;
	color:#888 !important;
}
.submit-offer .rqq-checkbox-box label input{
    margin-top: 5px;
}
.rqq-single-header div {
    margin: 0;
    background: #fece85;
    padding: 10px;
    color: #1d3f72;
    font-size: 16px;
    border-radius: 10px;
}
.rqq-single-header {
    padding: 10px 0px;
	gap:10px;
}
.rqq-pagination .page-numbers {
    padding: 2px 12px;
    border: 1px solid #e8e8e8;
    color: #000;
}
.rqq-pagination .page-numbers.current {
    background: #fd9e3a;
    border: 1px solid #fd9e3a;
}

/*
ul#search-filters-block li {
    padding: 0;
	margin: 0;
}
ul#search-filters-block {
    border-radius: 10px;
    border-right: 1px solid #a6a6a6;
    border-left: 1px solid #a6a6a6;
    border-bottom: 1px solid #a6a6a6;
    overflow: hidden;
}
.rqq-filter-container {
    padding: 20px;
}
.rqq-filter-container .rqq-row {
    gap: 20px;
    margin-bottom: 20px;
}
.rqq-filter-container .rqq-small-text {
    margin-top: -5px;
}
.rqq-filter-container .nice-select ul, .rqq-filter-container  .nice-select li {
    padding: 5px !important;
    width: 100%;
}
.rqq-filter-container .rqq-row.bottom {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px;
    margin-top: 10px;
}
.rqq-row.straight {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.rqq-filter-container .rqq-row.straight .rqq-small-text {
    margin-top: 0px;
}
.rqq-filter-container .rqq-checkbox-box label {
    background: #e4e4e400 !important;
    padding: 0px;
    color: #000 !important;
}

ul#search-filters-block h3.widget-title {
    margin: 0;
    background: #fece85;
    padding: 12px;
    text-align: center;
    color: #6b4b00;
    font-size: 18px;
	  border-radius: 0px 0px 10px 10px;
}

ul#search-filters-block span.select2-selection {
    height: auto;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
    background: #e4e4e4;
}
ul#search-filters-block span.select2-selection__arrow {
    top: 10px !important;
    right: 10px !important;
}


/* Filter CSS */



/* Card Css
.rqq-card {
    border: 1px solid #a6a6a6;
    border-radius: 18px;
    padding: 20px;
    max-width: 1200px;
    margin: 0px 0px 30px 0px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Top Row
.rqq-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rqq-brand {
    font-size: 20px;
    font-weight: 700;
    color: #000;
}
.rqq-model strong, .rqq-part-left strong {
    color: #000;
}

.rqq-model, .rqq-part-left, .rqq-part-desc, .rqq-view a, .rqq-meta-left, .rqq-id {
    font-size: 16px;
    color: #2b2b2b;
    margin-top: 6px;
}

.rqq-actions {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: flex-end;
}

.rqq-priority {
    background: #ffce7f;
    padding: 5px 20px;
    border-radius: 25px;
    font-weight: 400;
    color: #6b4b00;
    font-size: 14px;
}

.rqq-send-btn {
    margin-top: 0px;
    background: #fe9e28;
    border: none;
    padding: 10px 25px;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
}

.rqq-send-btn:hover {
  opacity: 0.9;
}

/* Middle Row
.rqq-card-middle {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
/*   margin-top: 20px; 
  font-size: 18px;
}

.rqq-part-left {
  width: 20%;
}

.rqq-part-desc {
  width: 55%;
}

.rqq-view {
  width: 20%;
  text-align: right;
  color: #777;
  cursor: pointer;
}

/* Bottom Row 
.rqq-card-bottom {
  display: flex;
  justify-content: space-between;
/*   margin-top: 20px; 
  font-size: 16px;
  align-items: center;
}

.rqq-meta-left span {
  margin-right: 10px;
}

.rqq-card .rqq-divider {
  color: #f59f00;
  font-weight: bold;
	margin:0px 10px 0px 0px !important;
}

.rqq-status {
    color: #1d3f72;
    font-weight: 500;
    margin-right: 14px;
}

.rqq-id {
  color: #666;
}
/* Card Css */

/* =========================
   RFQ WIZARD DOTS
========================= */

.rqq-steps .bs-wizard-step .rqq-wizard-dot {
  display: block;

  width: 14px;
  height: 14px;

  margin: 8px auto 0;
  padding: 0;

  border: 2px solid #d1d5db;
  border-radius: 50%;
  background: #fff;

  line-height: 0;
  font-size: 0;

  cursor: default;
  pointer-events: none;
  box-sizing: border-box;
}

/* active */
.rqq-steps .bs-wizard-step.active .rqq-wizard-dot {
  background: #ffa300;
  border-color: #ffa300;
}

/* completed */
.rqq-steps .bs-wizard-step.complete .rqq-wizard-dot {
  background: #fff;
  border-color: #ffa300;
}

/* disabled */
.rqq-steps .bs-wizard-step.disabled .rqq-wizard-dot {
  border-color: #d1d5db;
}

/* =========================
   RFQ WIZARD TEXT
========================= */

.rqq-steps .bs-wizard-step .bs-wizard-stepnum {
  font-weight: 400;
  color: #6b7280;
}

/* active */
.rqq-steps .bs-wizard-step.active .bs-wizard-stepnum {
  font-weight: 600;
  color: #111827;
}

/* completed */
.rqq-steps .bs-wizard-step.complete .bs-wizard-stepnum {
  font-weight: 500;
  color: #374151;
}

.rqq-steps .bs-wizard-step .progress {
  display: none;
}

.rqq-steps .bs-wizard-step:hover .rqq-wizard-dot {
  transform: none;
}
	button.rqq-remove-part {
    background: #cccccc;
    border: none;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    font-weight: 800;
    color: #fff;
    position: absolute;
    right: -50px;
    top: 50%;
}
	.rqq-part .rqq-row{
    position: relative;
}


.rqq-container {
    width: 80%;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
}
	.rqq-row.type {
    margin-bottom: 5px;
}

.rqq-steps {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.rqq-step {
  text-align: center;
  flex: 1;
  position: relative;
}

.rqq-step-circle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #ccc;
  margin: 10px auto 0;
}

	.rqq-row.bottom {
    margin-bottom: 20px;
}
.rqq-step.active .rqq-step-circle {
  background: #f4a100;
}

.rqq-row {
  display: flex;
  gap: 40px;
  margin-bottom: 40px;
}

.rqq-field {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
	.rqq-field.location label {
    text-align: right;
}
	.rqq-field p {
    margin-top: 25px;
		color:#a8a8a8;
		font-size:13px;
}
	.rqq-add-part p {
    color: #a8a8a8;
    font-size: 13px;
}
	.rqq-field .nice-select {
    background: #e4e4e4;
}

.rqq-field label, .rqq-container label, .rqq-filter-container label {
    font-size: 14px;
    margin-bottom: 6px;
    color: #000;
    font-weight: 300;
}

.rqq-field input,
.rqq-field select,
.rqq-field textarea {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
}

.rqq-field textarea {
  resize: none;
  height: 80px;
}

.rqq-divider {
    height: 2px;
    background: #fe9e28;
    margin: 30px 0;
}

.rqq-checkbox-group {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.rqq-checkbox-box {
    min-width: 30%;
}
.rqq-checkbox-box label{
  background: #f9fafb;
  padding: 12px 14px;
  border-radius: 8px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  border: 1px solid #e5e7eb;
  transition: all 0.15s ease;
}

/* hover */
.rqq-checkbox-box label:hover{
  border-color: #ffa300;
  background: #fff7ed;
}

/* checked */
.rqq-checkbox-box label:has(input[type="checkbox"]:checked){
  background: #fff7ed;
  border-color: #ffa300;
  color: #111;
}

/* checkbox */
.rqq-checkbox-box input[type="checkbox"]{
  margin-top: 3px;
  accent-color: #ffa300;
  transform: scale(1.1);
}

.rqq-add-part {
    text-align: center;
    margin: 20px 0;
    cursor: pointer;
    font-weight: 400;
    font-size: 18px;
    color: #000;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.rqq-add-btn {
    display: flex;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #ccc;
    line-height: 26px;
    margin-left: 8px;
    color: #fff !important;
    
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 30px;
}
	.rqq-field.price {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}
	.rqq-row.buttons {
    gap: 20px;
    margin: 0;
}
	.rqq-field.price p{
		margin:0px;
	}
	
	.rqq-field.price label, .rqq-field.price input{
    width: 30%;
}
.rqq-field.upload p {
    margin: 0;
}
.rqq-upload-box {
    border: 1px dashed #ccc;
    padding: 25px 0px;
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
}

.rqq-submit {
    margin-top: 0px;
    background: #fe9e28;
    border: none;
    padding: 12px 40px;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
    width: 250px;
}

.rqq-submit:hover {
  opacity: 0.9;
}

.rqq-small-text {
  font-size: 12px;
  color: #888;
  margin-top: 10px;
}
	
/* ===================== */
/* REVIEW TABLE */
/* ===================== */

.rqq-review-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 30px;
}

/* убираем двойные линии */
.rqq-review-table tr {
    border-bottom: none;
}

.rqq-review-table td {
    padding: 14px 12px;
    vertical-align: middle;
    border-bottom: 1px solid #f1f1f1;
    font-size: 14px;
}

/* hover = premium */
.rqq-review-table tr:hover {
    background: rgba(255,163,0,0.04);
}

/* LABEL */
.rqq-review-label {
    width: 220px;
    color: #6b7280;
    font-size: 13px;
    font-weight: 500;
}

/* VALUE */
.rqq-review-value {
    font-size: 14px;
    color: #111;
    font-weight: 500;
}

/* PRICE */
.rqq-price {
    font-weight: 600;
    color: #111;
    letter-spacing: 0.2px;
}


/* ===================== */
/* TAGS */
/* ===================== */

.rqq-tag {
    display: inline-block;
    padding: 5px 12px;
    background: #f3f4f6;
    border-radius: 20px;
    font-size: 12.5px;
    margin-right: 6px;
    color: #374151;
    font-weight: 500;
}


/* ===================== */
/* SECTION TITLE */
/* ===================== */

.rqq-section-title {
    font-size: 16px;
    margin: 20px 0 12px;
    color: #111;
    font-weight: 600;
}


/* ===================== */
/* PARTS TABLE FINAL */
/* ===================== */

.rqq-parts-table {
    width: 100%;
    border-collapse: collapse;
    background: transparent;
}

/* фон строк */
.rqq-parts-table tr {
    background: #fff;
}

/* ячейки */
.rqq-parts-table td {
    padding: 14px;
    border-bottom: 1px solid #f1f1f1;
    font-size: 14px;
    color: #111;
    background: #fff;
}

/* hover */
.rqq-parts-table tr:hover td {
    background: rgba(255,163,0,0.04);
}

/* part number */
.rqq-part-no {
    width: 250px;
    font-weight: 600;
    color: #111;
}

/* qty */
.rqq-qty {
    width: 100px;
    text-align: right;
}


/* ===================== */
/* DESCRIPTION */
/* ===================== */

.rqq-bottom-row {
    display: flex;
    gap: 50px;
    margin-top: 30px;
}

.rqq-description-box {
    border: none;
    padding: 12px 0;
    width: 450px;
    font-size: 14px;
    color: #111;
    background: transparent;
}

.rqq-files{
  display:flex;
  gap:15px;
  align-items:center;
}
/*
.rqq-file-icon {
    width: 40px;
    height: 50px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: relative;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    color: #c00;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .rqq-file-icon::before{
  content:"PDF";
  position:absolute;
  top:16px;
  left:0;
  right:0;
} */

.rqq-muted {
    color: #a8a8a8;
    font-size: 13px;
    margin-top: 10px;
}	
	p.rqq-text {
    width: 60%;
}

.rqq-container #location-results {
    border: 1px solid #ddd;
    max-height: 210px;
    overflow: auto;
    background: #fff;
    position: absolute;
    z-index: 999;
    width: 100%;
    top: 45px;
}

.rqq-container .location-item{
  padding:8px;
  cursor:pointer;
}

.rqq-container .location-item:hover{
  background:#f3f3f3;
}
.rqq-field.location {
    position: relative;
}
.rqq-container input#delivery-location {
    background: #e4e4e4;
}
.rqq-container span.select2-selection{
    height: auto;
	    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
	background:#e4e4e4;
}
.rqq-container span.select2-selection__arrow {
    top: 10px !important;
    right: 10px !important;
}
.rqq-error {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* === Dashboard Premium Upgrade (Scoped) === */

/* Только для dashboard карточек */
.dashboard-card{
  transition: all 0.25s ease;
  box-shadow: 0 4px 20px rgba(0,0,0,0.06);
  position: relative;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 16px;
}

/* Hover */
.dashboard-card:hover{
  transform: translateY(-5px);
  box-shadow: 0 12px 35px rgba(0,0,0,0.12);
}

/* Верхняя линия */
.dashboard-card::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:30px;
  height:4px;
  background:#ffa300;
  border-radius:4px;
  transition:width .25s ease;
}

.dashboard-card:hover::before{
  width:60px;
}

/* Убираем старую линию темы */
.dashboard-card .mr-line{
  display:none;
}

/* 🔥 ЦИФРЫ — ДЕЛАЕМ КРУПНЕЕ */
.stat-number{
  font-size:36px;   /* было 28 → стало мощнее */
  font-weight:700;
  color:#000;
  margin-top:10px;
  line-height:1;
}

/* Подпись */
.stat-label{
  font-size:13px;
  color:#888;
  margin-top:4px;
}

/* +1 badge */
.stat-plus{
  color:#ffa300;
  font-size:14px;
  margin-left:6px;
  font-weight:600;
  opacity:0;
  transform:translateY(-5px);
  animation:fadeUp 0.6s ease forwards;
}

@keyframes fadeUp{
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.divider {
  display: flex;
  align-items: center;
  margin: 24px 0;
}

.divider::before,
.divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, transparent, #ddd, transparent);
}

.divider span {
  padding: 0 14px;
  font-size: 13px;
  color: #999;
}

/* === Контейнер === */
.rqq-register {
  text-align: center;
}

/* === Иконка === */
.success-icon {
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #ffb300, #ffa300);
  color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin: 16px auto 20px;
}

/* === Заголовок === */
.success-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #333;
}

/* === Подзаголовок === */
.success-sub {
  color: #666;
  margin-bottom: 12px;
  line-height: 1.4;
}

/* === Email === */
.success-email {
  margin-bottom: 12px;
  line-height: 1.5;
  color: #444;
}

.success-email strong {
  display: inline-block;
  margin-top: 6px;
  font-size: 16px;
  color: #111;
  font-weight: 600;
}

/* === Hint === */
.success-hint {
  font-size: 13px;
  color: #777;
  margin-bottom: 20px;
  line-height: 1.5;
}

.success-hint strong {
  color: #222;
}

/* === Кнопка === */
.btn-premium {
  display: block;
  width: 100%;
  background: linear-gradient(135deg, #ffb300, #ffa300);
  border: none;
  padding: 14px;
  font-weight: 600;
  border-radius: 12px;
  margin-top: 10px;
  cursor: pointer;
  letter-spacing: 0.2px;
  transition: box-shadow 0.2s ease;
}

.btn-premium:hover {
  box-shadow: 0 6px 20px rgba(255,163,0,0.25);
}

/* === Нижний текст === */
.resend {
  font-size: 13px;
  margin-top: 16px;
  color: #777;
}

.resend a {
  color: #ffa300;
  text-decoration: none;
  font-weight: 500;
}

.resend a:hover {
  text-decoration: underline;
}

.mb-toast {
  position: fixed;
  top: 20px;
  right: 20px;
  background: #000;
  color: #fff;
  padding: 14px 18px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 9999;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
}

.mb-toast-icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

/* SUCCESS */
#toast-success .mb-toast-icon {
  background: #ffa300;
  color: #000;
}

/* ERROR */
.mb-toast-error {
  background: #2b0000;
  border-left: 4px solid #ff4d4f;
}

.mb-toast-error .mb-toast-icon {
  background: #ff4d4f;
  color: #fff;
}

#magicBtn,
#registerBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

/* стрелка */
#magicBtn::after,
#registerBtn::after {
  content: "→";
  transition: transform 0.2s ease;
}

/* анимация */
#magicBtn:hover::after,
#registerBtn:hover::after {
  transform: translateX(4px);
}

.dashboard-logo {
    display: block;
    margin: 20px auto 10px;        /* центрирование */
    max-width: 140px;      /* уменьшение размера */
    height: auto;          /* сохраняет пропорции */
}

#main-wrapper[data-layout="vertical"] .left-sidebar {
    padding-top: 40px !important;
}


/* =================================
   BUSINESS VERIFICATION — UI
================================= */

/* ========= CARD ========= */

.card {
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);

    margin-bottom: 25px;
    overflow: hidden;

    transition: all 0.25s ease;
}

/* ========= CARD BODY ========= */

.card-body {
    padding: 25px 30px;
}

/* ========= HEADINGS ========= */

.card h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;

    position: relative;
}

/* акцент линия */
.card h3::after {
    content: "";
    display: block;

    width: 40px;
    height: 3px;

    background: #ffa300;

    margin-top: 6px;
    border-radius: 3px;
}

/* ========= FORM INPUT ========= */

.form-control {
    width: 100%;

    border-radius: 10px;
    border: 1px solid #e5e7eb;

    padding: 12px 14px;
    font-size: 14px;

    transition: all 0.2s ease;
}

/* focus state */
.form-control:focus {
    border-color: #ffa300;
    box-shadow: 0 0 0 3px rgba(255, 163, 0, 0.15);

    outline: none;
}

/* ========= OPTIONAL: ERROR STATE ========= */

.form-control.field-error {
    border-color: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15);
}

/* =================================
   DESIGN SYSTEM — RFQ FINAL
================================= */

/* ========= TOKENS ========= */

:root {
    /* PRIMARY */
    --color-primary: #ffa300;
    --color-primary-hover: #ffb733;

    /* TEXT */
    --color-text: #111827;
    --color-text-muted: #6b7280;

    /* BACKGROUND SYSTEM */
    --color-page-bg: #f6f7f9;        /* ← ВАЖНО: фон страницы */
    --color-card-bg: #ffffff;        /* карточки */
    --color-card-alt: #fbfbfc;       /* лёгкий альтернативный */

    /* BORDER */
    --color-border: #e5e7eb;
    --color-border-strong: #d1d5db;

    /* SHADOW */
    --shadow-sm: 0 2px 6px rgba(0,0,0,0.04);
    --shadow-md: 0 6px 20px rgba(0,0,0,0.06);
    --shadow-lg: 0 12px 40px rgba(0,0,0,0.08);

    /* RADIUS */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;

    /* SPACING */
    --space-sm: 10px;
    --space-md: 16px;
    --space-lg: 24px;
}

/* ========= LAYOUT ========= */

.rfq-container {
    max-width: 1100px;
    margin: 0 auto;
}

.rfq-section {
    background: var(--color-bg);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: var(--space-lg);
    margin-bottom: var(--space-md);
}

.rfq-section-title {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-muted);
    text-transform: uppercase;
    margin-bottom: var(--space-md);
}

#section-equipment {
    padding: 32px;      /* больше внутреннего отступа */
    min-height: 240px;  /* больше высоты */
}

/* ========= GRID ========= */

.rfq-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
}

.rfq-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-md);
}

/* ========= INPUT ========= */

.form-label {
    font-size: 12px;
    color: var(--color-text-muted);
    margin-bottom: 4px;
}

.form-control {
    width: 100%;
    border-radius: var(--radius-sm);
    border: 1px solid var(--color-border);
    padding: 10px 12px;
    font-size: 14px;
    background: #fff;
    transition: var(--transition-fast);
}

.form-control:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 2px rgba(255,163,0,0.12);
    outline: none;
}

textarea.form-control {
    min-height: 100px;
}

/* ========= HELP ========= */

.form-help {
    font-size: 12px;
    color: var(--color-text-muted);
    margin-top: 4px;
}

/* ========= CHIPS ========= */

.option-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.option-chip {
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 13px;
    cursor: pointer;
    transition: var(--transition-fast);
}

.option-chip input {
    display: none;
}

.option-chip:hover {
    background: #fff7e6;
}

.option-chip:has(input:checked) {
    background: rgba(255,163,0,0.15);
    color: #b45309;
}

/* ========= BUTTONS ========= */

.btn-primary {
    background: var(--color-primary);
    color: #fff;
    border: none;
    border-radius: var(--radius-sm);
    padding: 12px 18px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition-fast);
}

.btn-primary:hover {
    background: var(--color-primary-hover);
}

.btn-secondary {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    padding: 8px 12px;
    background: #fff;
    cursor: pointer;
}

.btn-secondary:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

/* ========= ADD BUTTON ========= */

.rqq-add-btn {
    margin-top: 10px;
    border: 1px solid var(--color-border);
    padding: 6px 10px;
    border-radius: var(--radius-sm);
    background: #fff;
    cursor: pointer;
}

.rqq-add-btn:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

/* ========= UPLOAD ========= */

.rqq-upload-box {
    border: 1px dashed var(--color-border);
    padding: 20px;
    border-radius: var(--radius-md);
    text-align: center;
    cursor: pointer;
}

.rqq-upload-box:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

/* =================================
   SELECT2 PREMIUM
================================= */

.select2-container--default .select2-selection--single {
    height: 40px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--color-border);
    padding: 0 12px;
    display: flex;
    align-items: center;
}

.select2-selection__rendered {
    font-size: 14px;
}

.select2-container--focus .select2-selection {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 2px rgba(255,163,0,0.12);
}

.select2-dropdown {
    border-radius: var(--radius-md);
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
    border: 1px solid var(--color-border-light);
    animation: fadeIn 0.15s ease;
}

.select2-results__option {
    padding: 10px 14px;
}

.select2-results__option--highlighted {
    background: #fff4e0 !important;
    color: #b45309 !important;
}

.select2-results__option[aria-selected="true"] {
    background: rgba(255,163,0,0.15);
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

/* =================================
   ERROR SYSTEM (STEP 6)
================================= */

.form-control.field-error,
.select2.field-error .select2-selection {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 2px rgba(220,38,38,0.12);
}

.rqq-error {
    color: #dc2626;
    font-size: 12px;
    margin-top: 6px;
}

/* ========= RESPONSIVE ========= */

@media (max-width: 768px) {
    .rfq-grid-2,
    .rfq-grid-3 {
        grid-template-columns: 1fr;
    }
}

.rfq-container .select2.field-error .select2-selection--single,
.rfq-container .select2-container.field-error .select2-selection--single{
  border-color:#dc2626 !important;
  box-shadow:0 0 0 2px rgba(220,38,38,.12) !important;
}

.part-remove-btn-x{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  min-width:36px;
  border:1px solid #ef4444 !important;
  color:#ef4444 !important;
  background:#fff !important;
  border-radius:8px;
  cursor:pointer;
  padding:0;
}

/* =================================
   SELECT2 FINAL UPGRADE (RFQ PREMIUM)
================================= */

/* контейнер */
.rfq-container .select2-container {
    width: 100% !important;
}

/* основное поле */
.rfq-container .select2-container--default .select2-selection--single {
    height: 44px;
    border-radius: 10px;
    border: 1px solid var(--color-border);
    padding: 0 14px;
    display: flex;
    align-items: center;
    background: #fff;
    font-size: 14px;
    transition: all 0.15s ease;
    position: relative;
}

/* hover */
.rfq-container .select2-container--default .select2-selection--single:hover {
    border-color: #d1d5db;
}

/* focus */
.rfq-container .select2-container--focus .select2-selection--single {
    border-color: #ffa300;
    box-shadow: 0 0 0 2px rgba(255,163,0,0.15);
}

/* текст */
.rfq-container .select2-selection__rendered {
    color: #111827;
    padding-left: 0 !important;
}

/* placeholder */
.rfq-container .select2-selection__placeholder {
    color: #9ca3af;
}

/* ❌ старая стрелка убираем */
.rfq-container .select2-selection__arrow {
    display: none;
}

/* новая стрелка */
.rfq-container .select2-container--default .select2-selection--single::after {
    content: "▾";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: #9ca3af;
    pointer-events: none;
}

/* clear (крестик) */
.rfq-container .select2-selection__clear {
    font-size: 16px;
    color: #9ca3af;
    margin-right: 8px;
    transition: 0.15s;
}

.rfq-container .select2-selection__clear:hover {
    color: #ef4444;
}

/* dropdown */
.rfq-container .select2-dropdown {
    border-radius: 12px;
    border: 1px solid #f1f1f1;
    box-shadow: 0 20px 50px rgba(0,0,0,0.12);
    overflow: hidden;
    margin-top: 6px;
    animation: selectFadeIn 0.12s ease;
}

/* поиск */
.rfq-container .select2-search--dropdown {
    padding: 10px;
    border-bottom: 1px solid #f3f4f6;
}

.rfq-container .select2-search__field {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    padding: 8px 10px;
    font-size: 14px;
    outline: none;
}

.rfq-container .select2-search__field:focus {
    border-color: #ffa300;
}

/* элементы */
.rfq-container .select2-results__option {
    padding: 12px 14px;
    margin: 2px 6px;
    border-radius: 8px;
    font-size: 14px;
    transition: 0.12s;
}

/* hover */
.rfq-container .select2-results__option--highlighted {
    background: rgba(255,163,0,0.12) !important;
    color: #b45309 !important;
}

/* selected */
.rfq-container .select2-results__option[aria-selected="true"] {
    background: rgba(255,163,0,0.18);
    font-weight: 500;
}

/* ✔ checkmark */
.rfq-container .select2-results__option[aria-selected="true"]::after {
    content: "✔";
    float: right;
    color: #ffa300;
    font-size: 12px;
}

/* scrollbar (optional, но красиво) */
.rfq-container .select2-results__options::-webkit-scrollbar {
    width: 6px;
}

.rfq-container .select2-results__options::-webkit-scrollbar-thumb {
    background: #e5e7eb;
    border-radius: 10px;
}

/* animation */
@keyframes selectFadeIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.optional {
  color: #9ca3af;
  font-weight: normal;
  margin-left: 4px;
}

/* NEW CLEAN BUTTON */
.rfq-add-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: #fff;
    color: #111827;

    padding: 10px 14px;
    border-radius: 8px;

    border: 1px dashed #d1d5db;

    font-size: 14px;
    font-weight: 500;

    cursor: pointer;
    transition: all 0.2s ease;
}

.rfq-add-btn:hover {
    border-color: #ffa300;
    color: #ffa300;
    background: #fffaf2;
}

.rfq-remove-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    border-radius: 8px;
    border: 1px solid #e5e7eb;

    background: #fff;
    color: #9ca3af;

    font-size: 14px;
    cursor: pointer;

    transition: all 0.2s ease;
}

.rfq-remove-btn:hover {
    border-color: #ef4444;
    color: #ef4444;
    background: #fff5f5;
}

/* ===== RFQ CHIPS (FINAL) ===== */

.rfq-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.rfq-chips label {
    cursor: pointer;
}

.rfq-chips input {
    display: none;
}

.rfq-chips span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 8px 14px;
    border-radius: 999px;

    border: 1px solid #e5e7eb;
    background: #fff;

    font-size: 14px;
    color: #374151;

    transition: all 0.2s ease;
}

/* hover */
.rfq-chips label:hover span {
    background: #f9fafb;
}

/* selected */
.rfq-chips input:checked + span {
    background: rgba(255,163,0,0.12);
    border-color: #ffa300;
    color: #b45309;
}

/* ===== RFQ SECTIONS — CONTRAST UPGRADE ===== */

/* ===============================
   RFQ GENERAL SECTIONS
=============================== */

.rfq-container {
    background: #f9fafb;
    padding: 20px;
    border-radius: 16px;
}

.rfq-section {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 20px;
    margin-bottom: 18px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.rfq-section:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.06);
    border-color: #e2e8f0;
}

.rfq-section-title {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: #6b7280;
    margin-bottom: 14px;
}


/* ===============================
   EMPTY STATE
=============================== */

.empty-state-wrapper {
    max-width: 680px;
    margin: 0 auto;
    padding: 20px 10px;
}

.empty-state {
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    padding: 50px 30px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
    transition: all 0.2s ease;
}

.empty-state:hover {
    box-shadow: 0 4px 14px rgba(0,0,0,0.05);
}

.empty-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: #fff7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffa300;
}

.empty-icon svg {
    width: 28px;
    height: 28px;
    stroke: #ffa300;
    stroke-width: 1.8;
}

.empty-title {
    font-size: 18px;
    font-weight: 600;
    color: #2b2b2b;
    margin-bottom: 6px;
}

.empty-subtitle {
    font-size: 14px;
    color: #7a7a7a;
    margin-bottom: 20px;
}

.btn-clear-filters {
    display: inline-block;
    padding: 8px 18px;
    font-size: 14px;
    border-radius: 8px;
    background: #ffa300;
    color: #ffffff;
    text-decoration: none;
    border: none;
    transition: all 0.2s ease;
}

.btn-clear-filters:hover {
    background: #e59400;
    color: #ffffff;
}

.btn-clear-filters:active {
    transform: translateY(1px);
}


/* ===============================
   REQUESTS TABLE
=============================== */

table.rqq-table {
    width: 100%;
    border-collapse: collapse;
    color: #111827;
    font-size: 14px;
}

table.rqq-table th {
    text-align: left;
    padding: 14px 10px;
    font-size: 13px;
    font-weight: 600;
    color: #6b7280;
    vertical-align: top;
}

table.rqq-table td {
    padding: 14px 10px;
    vertical-align: top;
}

/* main RFQ rows only */
table.rqq-table tbody tr[data-bid-count] {
    border-bottom: 1px solid #e5e7eb;
}

table.rqq-table tbody tr[data-bid-count]:hover {
    background: #fafafa;
}

table.rqq-table b {
    font-weight: 600;
}


/* ===============================
   RFQ MAIN INFO
=============================== */

.rfq-main-block {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.rfq-brand {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    line-height: 1.2;
}

table.rqq-table tr[data-bid-count]:hover .rfq-brand {
    color: #1f2937;
}

.rfq-id a {
    font-size: 11px;
    color: #9ca3af;     /* ещё мягче */
    text-decoration: none;
    font-weight: 500;
    letter-spacing: 0.2px;
}

.rfq-id a:hover {
    color: #ffa300;
    text-decoration: underline;
}

.rfq-date {
    font-size: 11px;
    color: #9ca3af;
}


/* ===============================
   DETAILS COLUMN
=============================== */

.rqq-part {
    font-size: 14px;
    color: #111827;
    font-weight: 600;
    line-height: 1.3;
}

.rqq-part b {
    font-weight: 600;
}

.rqq-part-more {
    margin-top: 2px;
    font-size: 12px;
    color: #9ca3af;
}


/* ===============================
   QUOTES COUNT — FINAL FIX
=============================== */

.quote-count,
.quote-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 26px;              /* фикс ширины */
    height: 26px;

    padding: 0;               /* 🔥 убрать полностью */

    border-radius: 50%;       /* идеальный круг */
    flex: 0 0 26px;           /* запрет растягивания */

    font-size: 12px;
    line-height: 1;           /* 🔥 центрирование */
}

/* серый */
.quote-count {
    background: #e5e7eb;
    color: #111827;
    font-weight: 600;
}

/* оранжевый */
.quote-badge {
    background: #ffa300;
    color: #fff;
    font-weight: 700;
}

/* контейнер */
.rqq-offers {
    display: flex;
    align-items: center;      /* 🔥 выравнивание */
    gap: 6px;
}
/* ===============================
   STATUS + VIEW + MENU
=============================== */

.rqq-status-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.rqq-status-top {
    line-height: 1;
}

.rqq-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    border-radius: 999px;
    background: #f3f4f6;
    color: #374151;
    font-size: 13px;
    font-weight: 400;
    white-space: nowrap;
}

.rqq-actions-row {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
}

.view-quotes {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 500;
    color: #f59e0b;
    cursor: pointer;
    transition: color 0.2s ease;
}

.view-quotes:hover {
    color: #d97706;
}

.vq-icon {
    transition: transform 0.25s ease;
}

.view-quotes.open .vq-icon {
    transform: rotate(180deg);
}

.rqq-actions-menu {
    position: relative;
    margin-left: auto;
}

.rqq-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 7px;
    background: #f3f4f6;
    color: #ffa300;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.15s ease;
}

.rqq-dots:hover {
    background: #fff7ed;
    color: #ff8a00;
}

.rqq-dropdown {
    position: absolute;
    right: 0;
    top: 34px;
    min-width: 170px;
    padding: 6px 0;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    opacity: 0;
    transform: translateY(6px);
    pointer-events: none;
    transition: all 0.15s ease;
    z-index: 50;
}

.rqq-actions-menu.active .rqq-dropdown {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.rqq-dropdown-item {
    display: block;
    padding: 9px 14px;
    font-size: 13px;
    color: #374151;
    text-decoration: none;
    transition: all 0.15s ease;
}

.rqq-dropdown-item:hover {
    background: #f9fafb;
    color: #111827;
    text-decoration: none;
}

.rqq-danger {
    color: #ef4444;
}

.rqq-danger:hover {
    background: #fef2f2;
    color: #dc2626;
}


/* ===============================
   QUOTES EXPANDED ROW
=============================== */

tr.rqq-quote-row {
    display: none;
    background: #fafafa;
}

tr.rqq-quote-row > td {
    padding: 0 10px 14px 10px;
    border-bottom: 1px solid #e5e7eb;
}

/* inner quote table */
tr.rqq-quote-row table {
    width: calc(100% - 120px);
    margin-left: auto;
    border-collapse: collapse;
    background: transparent;
}

tr.rqq-quote-row table td {
    padding: 10px 8px;
    font-size: 13px;
    color: #374151;
    vertical-align: top;
    border-bottom: 1px solid #e5e7eb;
}

tr.rqq-quote-row table tr:last-child td {
    border-bottom: none;
}


/* ===============================
   QUOTE ATTACHMENT CLEAN
=============================== */

.rqq-file-link {
    all: unset;

    display: inline-flex;
    align-items: center;
    gap: 4px;

    font-size: 13px;
    font-weight: 500;

    color: #6b7280;
    cursor: pointer;
}

/* hover */
.rqq-file-link:hover {
    color: #111827;
}

/* иконка */
.rqq-file-icon {
    width: 14px;
    height: 14px;

    stroke: #f59e0b;
    stroke-width: 1.4;

    fill: none;
}

/* hover иконки */
.rqq-file-link:hover .rqq-file-icon {
    stroke: #d97706;
}

/* пусто */
.rqq-file-empty {
    color: #9ca3af;
    font-size: 13px;
}
/* ===============================
   OFFER DETAILS OUTPUT
=============================== */

tr.rqq-quote-desc td {
    padding: 0;
    border: none;
}

.rqq-offer-box {
    margin: 6px 0 12px 0;
    padding: 14px 16px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
}

.rqq-offer-title {
    font-size: 12px;
    color: #9ca3af;
    margin-bottom: 6px;
}

.rqq-offer-text {
    font-size: 14px;
    color: #111827;
    line-height: 1.5;
    white-space: pre-line;
    word-break: break-word;
    overflow-wrap: anywhere;
}


/* ===============================
   QUOTE ACTIONS
=============================== */

.rqq-actions-pro {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    white-space: nowrap;
}

.rqq-actions-pro a,
.rqq-actions-pro span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 8px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    text-decoration: none;
}

.rqq-pro-chat {
    color: #374151;
}

.rqq-pro-chat:hover {
    background: #fff7ed;
    color: #f59e0b;
}

.rqq-pro-email {
    color: #9ca3af;
}

.rqq-pro-email:hover {
    background: #f3f4f6;
    color: #374151;
}

.rqq-pro-sep {
    color: #d1d5db;
    padding: 0;
    cursor: default;
}

.rqq-pro-choose {
    margin-left: auto;
    background: #f59e0b;
    color: #ffffff;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 8px;
    text-decoration: none;
}

.rqq-pro-choose:hover {
    background: #d97706;
    color: #ffffff;
    text-decoration: none;
}


/* ===============================
   BID DESCRIPTION TEXTAREA
=============================== */

#bid-description {
    width: 100%;
    min-height: 110px;
    padding: 12px 14px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fafafa;
    font-size: 14px;
    line-height: 1.5;
    resize: vertical;
}

#bid-description:focus {
    border-color: #d88900;
    background: #ffffff;
    outline: none;
}


/* ===============================
   STATS / OVERVIEW
=============================== */

.stat-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.overview-plus {
    color: #ffa300;
    font-size: 14px;
    font-weight: 700;
}

.stat-number {
    font-size: 42px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    position: relative;
}

.stat-number::after {
    content: attr(data-extra);
    color: #ffa300;
    font-size: 14px;
    font-weight: 600;
    margin-left: 6px;
}

.stat-number[data-extra=""]::after {
    content: "";
}


/* ===============================
   TRADE / TIPS BLOCKS
=============================== */

.trade-inline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    font-size: 14px;
    color: #6b7280;
    margin-top: 10px;
    margin-bottom: 14px;
}

.ts-icon,
.ts-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ts-icon svg {
    width: 16px;
    height: 16px;
}

.ts-icon svg path {
    stroke: #ffa300;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.trade-inline strong {
    color: #111827;
    font-weight: 600;
}

.trade-inline a {
    color: #ffa300;
    font-weight: 600;
    text-decoration: none;
    transition: opacity 0.15s ease;
}

.trade-inline a:hover {
    text-decoration: underline;
    opacity: 0.85;
}

.ts-tips-box {
    margin-top: 6px;
    margin-bottom: 22px;
}

.ts-tips-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ts-tips-list li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    color: #374151;
    margin-bottom: 7px;
    transition: all 0.15s ease;
}

.ts-tips-list li:hover {
    transform: translateX(2px);
}

.ts-check {
    width: 18px;
    height: 18px;
}

.ts-check svg {
    width: 16px;
    height: 16px;
}

.ts-check svg path,
.ts-check svg rect {
    stroke: #ffa300;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.ts-tips-list li:hover .ts-check svg path,
.ts-tips-list li:hover .ts-check svg rect {
    stroke: #ff8a00;
}

.ts-tips-list li:last-child .ts-check svg path {
    stroke: #f59e0b;
}

.ts-tips-list strong {
    color: #111827;
    font-weight: 600;
    text-decoration: none;
}


/* ===============================
   RESPONSIVE
=============================== */

@media (max-width: 768px) {
    .empty-state {
        padding: 35px 20px;
    }

    .empty-title {
        font-size: 16px;
    }

    .empty-subtitle {
        font-size: 13px;
    }

    table.rqq-table th,
    table.rqq-table td {
        padding: 12px 8px;
    }

    tr.rqq-quote-row table {
        width: 100%;
        margin-left: 0;
    }

    .rqq-actions-pro {
        flex-wrap: wrap;
    }
}

/* ===============================
   PAGINATION (CLEAN OVERRIDE)
=============================== */

ul.pagination li.page-item .page-link {
    background: #f3f4f6;
    color: #374151;
    border: none;
    border-radius: 8px;
    margin: 0 2px;
    min-width: 32px;
    height: 32px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 13px;
    font-weight: 500;
}

/* active */
ul.pagination li.page-item.active .page-link {
    background: #f59e0b;
    border-color: #f59e0b;
    color: #fff;
    font-weight: 600;
}

/* hover */
ul.pagination li.page-item .page-link:hover {
    background: #fff7ed;
    color: #f59e0b;
}

/* disabled */
ul.pagination li.page-item.disabled .page-link {
    background: #f9fafb;
    color: #d1d5db;
}

/* ===============================
   STATUS FILTER — CLEAN COMPACT
=============================== */

form.status-filter {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

/* текст Status */
form.status-filter p {
    font-size: 14px;
    color: #6b7280;
    margin: 0 6px 0 0;
}

/* кнопки фильтра */
form.status-filter label {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 6px 12px;

    font-size: 13px;
    font-weight: 500;

    color: #374151;
    background: #f3f4f6;

    border-radius: 999px;
    border: 1px solid transparent;

    cursor: pointer;
    transition: all 0.2s ease;

    min-width: auto; /* УБИРАЕМ 120px */
}

/* hover */
form.status-filter label:hover {
    background: #e5e7eb;
}

/* active */
form.status-filter label:has(input:checked) {
    background: #fff7ed;
    border-color: #ffa300;
    color: #111827;
}

/* скрываем checkbox */
form.status-filter input {
    display: none;
}

/* кнопка Apply */
form.status-filter button {
    padding: 6px 12px;
    font-size: 13px;

    background: #ffa300;
    color: #000;

    border: none;
    border-radius: 999px;

    cursor: pointer;
    transition: all 0.2s ease;
}

/* hover Apply */
form.status-filter button:hover {
    opacity: 0.9;
}

/* ===== УБИРАЕМ ВСЁ ЛИШНЕЕ ОТ ТЕМЫ ===== 

.page-wrapper,
.container-fluid,
.container {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* ===== WRAP ===== */

.rfq-clean-wrap {
    max-width: 860px;
    margin: 60px auto;
    padding: 0 16px;
}

/* ===== CARD ===== */

.rfq-clean-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 28px 30px;
}

/* ===== HEADER ===== */

.rfq-clean-label {
    font-size: 12px;
    letter-spacing: 0.08em;
    color: #6b7280;
    margin-bottom: 8px;
}

.rfq-clean-title {
    font-size: 26px;
    font-weight: 600;
    margin: 0;
    color: #111827;
}

.rfq-clean-sub {
    margin-top: 6px;
    font-size: 14px;
    color: #6b7280;
}

/* ===== DETAILS ===== */

.rfq-clean-details {
    margin-top: 22px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rfq-clean-row {
    font-size: 14px;
    display: flex;
    gap: 6px;
}

.rfq-clean-row span {
    color: #6b7280;
    min-width: 80px;
}

.rfq-clean-row strong {
    color: #111827;
}

/* ===== INFO ===== */

.rfq-clean-info {
    margin-top: 22px;
    font-size: 13px;
    color: #6b7280;
    line-height: 1.6;
}

/* ===== ACTIONS ===== */

.rfq-clean-actions {
    display: flex;
    gap: 12px;
    margin-top: 24px;
}

/* ===== BUTTONS ===== */

.rfq-btn-primary {
    background: #f59e0b;
    color: #fff;
    border: none;
    padding: 10px 16px;   /* было 12x20 */
    border-radius: 8px;   /* было 10 */
    font-weight: 600;
    font-size: 13px;      /* уменьшили */
    cursor: pointer;
    transition: 0.2s;
}

.rfq-btn-primary:hover {
    background: #d97706;
}

.rfq-btn-secondary {
    padding: 9px 14px;
    border-radius: 8px;
    border: 1px solid #d1d5db;
    background: #fff;
    color: #374151;
    font-size: 13px;
}

.rfq-btn-secondary:hover {
    border-color: #f59e0b;
    color: #f59e0b;
}

.rfq-ui {
    max-width: 520px;
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 12px;
    padding: 28px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.04);
}

.rfq-ui-label {
    font-size: 12px;
    letter-spacing: 1px;
    color: #8a94a6;
    margin-bottom: 10px;
}

.rfq-ui-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 12px;
}

.rfq-ui-text {
    font-size: 15px;
    margin-bottom: 10px;
}

.rfq-ui-info {
    font-size: 13px;
    color: #6b7280;
    margin-bottom: 20px;
}

.rfq-ui-actions {
    display: flex;
    gap: 10px;
}

.rfq-btn-primary {
    background: #f59e0b;
    color: #fff;
    border: none;
    padding: 10px 18px;
    border-radius: 8px;
    cursor: pointer;
}

.rfq-btn-secondary {
    background: #f3f4f6;
    color: #333;
    border: none;
    padding: 10px 18px;
    border-radius: 8px;
    cursor: pointer;
}

.card.b-0.p-0 {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

/* ===== my quotes ===== */

/* ===== TABLE CARD ===== */

.rqq-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 14px;
  background: #fff;
  border-radius: 12px;
  overflow: visible; /* важно для dropdown */
}

/* ===== HEADER ===== */

.rqq-table th {
  text-align: left;
  padding: 16px;
  border-bottom: 1px solid #eee;
  color: #6b7280;
  font-weight: 600;
  font-size: 13px;
}

/* ===== ROW ===== */

.rqq-table td {
  padding: 16px;
  border-bottom: 1px solid #f3f4f6;
  vertical-align: top;
  transition: background 0.2s;
}

.rqq-table tr:hover td {
  background: #fafafa;
}

/* ===== STATUS TAG ===== */

.rqq-tag {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 12px;
  background: #f3f4f6;
  color: #374151;
}

/* ===== VIEW BUTTON ===== */

.view-quotes {
  cursor: pointer;
  color: #f59e0b;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
}

.vq-icon {
  transition: transform 0.2s ease;
}

.view-quotes.open .vq-icon {
  transform: rotate(180deg);
}

/* ===== DETAILS BLOCK ===== */

.quote-details {
  background: #fafafa;
  padding: 18px;
  border-radius: 12px;
  margin-top: 10px;
  border: 1px solid #eee;
}

/* ===== GRID ===== */

.quote-row {
    display: flex;
    align-items: center;
    gap: 20px;
}

.rqq-actions-menu {
    margin-left: auto; /* 👈 ключ */
}

.quote-row > div {
  min-width: 0;
}

/* ===== FILE ===== */

.rqq-pdf-btn {
  color: #6366f1;
  text-decoration: none;
  font-weight: 500;
  font-size: 13px;
}

.rqq-pdf-btn:hover {
  text-decoration: underline;
}

.rqq-no-file {
  color: #9ca3af;
  font-size: 13px;
}

/* ===== DESCRIPTION ===== */

.quote-description {
  margin-top: 14px;
  font-size: 13px;
  color: #374151;
  line-height: 1.6;
  background: #fff;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #eee;
}

/* ===== ACTIONS ===== */

.quote-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  font-size: 13px;
}

/* ===== DOT MENU ===== */

.rqq-actions-menu {
  position: relative;
  display: inline-block;
}

.rqq-dots {
  cursor: pointer;
  font-size: 18px;
  padding: 4px 6px;
  border-radius: 6px;
}

.rqq-dots:hover {
  background: #f3f4f6;
}

/* ===== DROPDOWN ===== */

.rqq-dropdown {
  display: none;
  position: absolute;
  right: 0;
  top: 34px;

  min-width: 170px;
  max-width: 90vw;

  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
  border: 1px solid #eee;

  z-index: 9999;
}

/* OPEN */
.rqq-actions-menu.active .rqq-dropdown {
  display: block;
}

/* AUTO FLIP LEFT */
.rqq-actions-menu.left .rqq-dropdown {
  right: auto;
  left: 0;
}

/* ITEMS */

.rqq-dropdown a {
  display: block;
  padding: 12px 14px;
  font-size: 13px;
  color: #374151;
  text-decoration: none;
}

.rqq-dropdown a:hover {
  background: #f9fafb;
}

/* ===== DANGER ===== */

.rqq-danger {
  color: #dc2626 !important;
}

/* ===== ID (#MB) ===== */

.rqq-id-block {
  display: inline-block;   /* 🔥 ключевое изменение */
  width: auto;             /* чтобы не тянулось */
  color: #9ca3af;
  font-size: 13px;
  text-decoration: none;
  margin-top: 4px;
}

.rqq-id-block:hover {
  color: #6b7280;
}

@media(max-width:768px){

  .quote-row {
    grid-template-columns: 1fr 1fr;
  }

  .quote-row > div:nth-child(3),
  .quote-row > div:nth-child(4){
    grid-column: 1 / -1;
  }

  /* 🔥 ВОТ ЭТО МЕНЯЕМ */
  .quote-actions {
    display: flex;
    justify-content: flex-end;   /* вместо space-between */
    align-items: center;
    gap: 10px;
    width: 100%;
  }

  .rqq-dropdown {
    right: 0;
    left: auto;
  }

}

.rqq-status-top {
  display: flex;
  align-items: center;
  gap: 8px;
}

.rqq-msg-dot {
  width: 9px;
  height: 9px;
  background: #ef4444;
  border-radius: 50%;
  display: inline-block;
  animation: rqqMsgPulse 1.4s infinite;
}

@keyframes rqqMsgPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.55);
  }
  70% {
    box-shadow: 0 0 0 7px rgba(239, 68, 68, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
  }
}

/* 🔥 ASK */

/* ================= CHAT CONTAINER ================= */
.rqq-questions-box{
  padding:12px 8px;
  border-top:1px solid #eee;
}

.rqq-questions-title{
  font-weight:600;
  margin-bottom:10px;
}

/* ================= MESSAGES ================= */
.rqq-questions-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* message wrapper */
.rqq-q-item{
  display:flex;
  flex-direction:column;
  max-width:100%;
}

/* ================= MESSAGE BUBBLE ================= */
.rqq-q-message{
  display:inline-block;
  padding:8px 12px;
  border-radius:12px;

  /* WhatsApp behavior */
  max-width:65%;
  min-width:80px;

  word-break:break-word;

  box-shadow:0 1px 2px rgba(0,0,0,0.08);
}

/* supplier (left) */
.rqq-q-item.is-supplier{
  align-items:flex-start;
}

.rqq-q-item.is-supplier .rqq-q-message{
  background:#f0f0f0;
  color:#111;
}

/* buyer (right) */
.rqq-q-item.is-buyer{
  align-items:flex-end;
}

.rqq-q-item.is-buyer .rqq-q-message{
  background:#dcf8c6;
  color:#111;
}

/* ================= META ================= */
.rqq-q-meta{
  font-size:11px;
  color:#8696a0;
  margin-top:3px;
}

/* ================= FORM ================= */
.rqq-q-form{
  margin-top:12px;
}

/* textarea */
.rqq-q-input{
  width:100%;
  min-height:70px;
  resize:vertical;
  padding:10px;
  border:1px solid #ddd;
  border-radius:10px;
  outline:none;
}

.rqq-q-input:focus{
  border-color:#f6a400;
}

/* form row FIX */
.rqq-q-form-actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:6px;
}

/* counter */
.rqq-q-counter{
  font-size:12px;
  color:#8a8a8a;
}

/* send button */
.rqq-q-send{
  padding:6px 14px;
  border:0;
  border-radius:8px;
  background:#f6a400;
  color:#fff;
  font-size:13px;
  cursor:pointer;
}

.rqq-q-send:hover{
  background:#e59400;
}

/* ================= EMPTY / LOCK ================= */
.rqq-q-empty,
.rqq-q-locked{
  font-size:13px;
  color:#777;
}

/* ================= MOBILE ================= */
@media (max-width:600px){
  .rqq-q-message{
    max-width:90%;
  }
}

.rqq-quote-cell{
  vertical-align: middle;
  /* никаких flex тут */
}

.rqq-quote-inner{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.rqq-price{
  font-weight:600;
  font-size:14px;
}

.rqq-status{
  display:inline-block;
  font-size:12px;
  padding:3px 8px;
  border-radius:999px;
  background:#f3f4f6;
  width:fit-content;
}

/* optional colors */
.rqq-status-open{ background:#f3f4f6; color:#4b5563; }
.rqq-status-won{ background:#f3f4f6; color:#4b5563; }
.rqq-status-closed{ background:#f3f4f6; color:#4b5563; }

.rqq-budget{
  font-weight:600;
  font-size:14px;
  margin-bottom:2px;
}

.rqq-budget{
  letter-spacing:0.2px;
}

.rqq-offers{
  display:flex;
  align-items:center;
  gap:6px;
}

.rqq-offers-label{
  font-size:13px;
  color:#6b7280;
}

/* =========================
   BUDGET / OFFERS
========================= */
.rqq-budget-offers{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.rqq-offers{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:14px;
  color:#6b7280;
}

.rqq-offers-label{
  font-size:14px;
  color:#6b7280;
}

/* =========================
   DELIVERY + FILE
========================= */

.rqq-delivery-file{
  vertical-align:top;
  min-width:90px; /* 🔥 больше места */
}

.rqq-delivery-file > *{
  display:block;
  margin-bottom:4px;
}

.rqq-delivery-days{
  font-size:12px;
  font-weight:500;
  margin-bottom:4px;
}

.rqq-no-file{
  font-size:12px;
  color:#9ca3af;
}

.rqq-pdf-clean{
  font-size:12px;
  color:#4f46e5;
  text-decoration:none;
}

/* =========================
   ACTIONS (DESKTOP)
========================= */

.rqq-actions-pro{
  display:flex;
  align-items:center;
  gap:10px;
}

/* =========================
   CHAT BUTTON (FINAL FIX)
========================= */

.rqq-actions-pro button.rqq-pro-chat{
  all: unset;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:6px 10px;
  border-radius:8px;
  border:1px solid #d1d5db;

  background:#fff;
  color:#374151;

  font-size:13px;
  cursor:pointer;
  white-space:nowrap;
}

/* 🔥 UNREAD (главное состояние) */
.rqq-actions-pro button.rqq-pro-chat.has-unread{
  background:#ffa300;
  color:#fff;
  border-color:#ffa300;
}

/* hover */
.rqq-actions-pro button.rqq-pro-chat:hover{
  background:#fff7ed;
  color:#f59e0b;
  border-color:#f59e0b;
}

/* active (открыт чат) */
.rqq-actions-pro button.rqq-pro-chat.open{
  border-color:#f59e0b;
  background:#fff7ed;
  color:#f59e0b;
}

/* если unread + открыт */
.rqq-actions-pro button.rqq-pro-chat.has-unread.open{
  background:#fff7ed;
  color:#f59e0b;
  border-color:#f59e0b;
}

/* убрать чёрную рамку */
.rqq-actions-pro button.rqq-pro-chat:focus,
.rqq-actions-pro button.rqq-pro-chat:active{
  outline:none !important;
  box-shadow:none !important;
}

/* =========================
   EMAIL
========================= */

.rqq-pro-email{
  color:#6b7280;
  text-decoration:none;
  font-size:12px;
  white-space:nowrap;
}

/* =========================
   SELECT BUTTON (SMALL)
========================= */

.rqq-pro-choose{
  margin-left:auto;
  background:#f59e0b;
  color:#fff;
  padding:6px 10px;   /* 🔥 компакт */
  border-radius:8px;
  text-decoration:none;
  font-size:13px;
  white-space:nowrap;
}

/* =========================
   MOBILE
========================= */

@media (max-width:768px){

  /* Budget справа */
  .rqq-budget-offers{
    align-items:flex-end;
    text-align:right;
    width:100%;
  }

  /* скрыть слово Offers */
  .rqq-offers-label{
    display:none;
  }

  /* 🔥 ACTIONS В КОЛОНКУ */
  .rqq-actions-pro{
    flex-direction:column;
    align-items:flex-end;
    gap:6px;
  }

  /* порядок кнопок */
  .rqq-pro-chat{ order:1; }
  .rqq-pro-email{ order:2; }
  .rqq-pro-choose{ 
    order:3;
    width:100%;              /* 🔥 красиво */
    text-align:center;
  }

}

.rqq-unread-badge{
  background:#ffa300;
  color:#fff;
  font-size:10px;
  font-weight:700;
  line-height:1;
  padding:3px 6px;
  border-radius:999px;
  margin-left:4px;
}

.view-quotes{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.rqq-file-link {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
}

.rqq-pdf-clean {
    display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: #374151;
}

.rqq-pdf-clean:hover {
    color: #f59e0b;
}

.rqq-no-file {
    color: #9ca3af;
}

.rqq-pro-chat.has-unread {
    border-color: #ffa300;
    color: #ffa300;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(255,163,0,0.4); }
    70% { box-shadow: 0 0 0 6px rgba(255,163,0,0); }
    100% { box-shadow: 0 0 0 0 rgba(255,163,0,0); }
}

/* =========================
   MESSAGE BASE
========================= */
.mr-extra-msg-inline {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #6b7280; /* нейтральный текст */
}

/* =========================
   ICON STYLE (FIX HUGE BUG)
========================= */
.mr-icon {
    width: 14px;
    height: 14px;
    flex-shrink: 0;

    /* 🔥 ВАЖНО: убираем чёрную заливку */
    fill: none;
    stroke: #9ca3af; /* нейтральный серый */

    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* =========================
   RESPONSE
========================= */
.mr-response {
    color: #6b7280;
}

/* =========================
   QUESTION
========================= */
.mr-question {
    color: #6b7280;
}

/* =========================
   QUOTE (НЕ ТРОГАЕМ ТЕКСТ ЗДЕСЬ)
========================= */
/* (у тебя уже через data-extra) */

/* =========================
   ALIGN FIX
========================= */
.stat-label {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* колонка */
.rqq-table {
  table-layout: fixed;
  width: 100%;
}

.rqq-th-actions {
  width: 100px;
}

.rqq-table th:nth-child(3),
.rqq-table td:nth-child(3) {
  width: 140px;
}

/* иконка */
.export-icon-xls {
  display: inline-flex;
  align-items: center;
  

  width: 22px;
  height: 22px;

  color: #9ca3af; /* серый по умолчанию */
  text-decoration: none;

  transition: all 0.18s ease;
}

/* SVG */
.export-icon-xls svg {
  width: 18px;
  height: 18px;
  display: block;
}

/* hover = Excel green */
.export-icon-xls:hover {
  color: #217346;
}

/* header layout */
.rqq-th-flex {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

/* иконка */
.export-icon-xls {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 20px;
  height: 20px;

  color: #9ca3af;
  text-decoration: none;

  transition: all 0.18s ease;
}

/* svg */
.export-icon-xls svg {
  width: 16px;
  height: 16px;
  display: block;
}

/* hover Excel */
.export-icon-xls:hover {
  color: #217346;
}

.rqq-table {
  transition: opacity 0.2s ease;
}

.rqq-loading .rqq-table {
  opacity: 0.55;
}

.rqq-loading {
  cursor: progress;
}

/* LIST */
.rfq-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
}

/* CARD */
.rfq-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;

    padding: 16px 18px;

    background: #fff;
    border: 1px solid #eef0f4;
    border-radius: 14px;

    box-shadow: 0 5px 13px rgba(17,24,39,.06);

    transition: 
        box-shadow 0.2s ease,
        border-color 0.2s ease,
        background 0.2s ease;
}

/* HOVER (calm premium) */
.rfq-card:hover {
    box-shadow: 0 6px 16px rgba(17,24,39,.07);
    border-color: rgba(255,163,0,.45);
    background: #fafafa;
}

/* LEFT BLOCK */
.rfq-left {
    flex: 1;
    min-width: 0;

    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* BRAND */
.rfq-brand {
    font-size: 14px;
    font-weight: 700;
    color: #111827;
}

/* ID */
.rfq-id {
    font-size: 12px;
    color: #4b5563;
    text-decoration: none;
}

/* DETAILS */
.rfq-details {
    font-size: 13px;
    color: #374151;
}

/* PARTS */
.rfq-parts {
    font-size: 13px;
    color: #111827;
}

.rfq-more {
    margin-left: 8px;
    font-size: 12px;
    color: #6b7280;
}

/* RIGHT BLOCK */
.rfq-right {
    display: flex;
    align-items: center;
    gap: 16px;

    flex-shrink: 0;
}

/* STATUS */
.rfq-status {
    padding: 5px 11px;
    border-radius: 999px;
    font-size: 12px;
    background: #f3f4f6;
    color: #4b5563;
}

.rfq-status.open {
    background: #f3f4f6;
    color: #4b5563;
}

.rfq-status.closed {
    background: #f3f4f6;
    color: #4b5563;
}

/* VIEW LINK */
.rfq-view {
    font-size: 13px;
    color: #4b5563;
    text-decoration: none;
    white-space: nowrap;
}

.rfq-view:hover {
    color: #ffa300;
}

/* FILTER */
.status-filter {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 16px;
}

.status-filter p {
    margin: 0;
    font-size: 13px;
    color: #6b7280;
}

/* FILTER TAGS */
.status-filter .rqq-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    padding: 6px 12px;

    border-radius: 999px;
    background: #f3f4f6;

    font-size: 13px;
    cursor: pointer;

    transition: background 0.2s ease;
}

/* ACTIVE FILTER */
.status-filter input:checked + span,
.status-filter input:checked {
    background: #eef4ff;
}

/* ============================= */
/* LIST CONTAINER */
/* ============================= */
.rfq-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
}

/* ============================= */
/* CARD (GRID LAYOUT) */
/* ============================= */
.rfq-card {
    display: grid;
    grid-template-columns: 260px 1fr 140px 220px;
    align-items: center;
    gap: 24px;

    padding: 16px 18px;

    background: #fff;
    border: 1px solid #eef0f4;
    border-radius: 14px;

    box-shadow: 0 5px 13px rgba(17,24,39,.06);

    cursor: pointer;

    transition: 
        box-shadow 0.2s ease,
        border-color 0.2s ease,
        background 0.2s ease;
}

/* HOVER */
.rfq-card:hover {
    box-shadow: 0 6px 16px rgba(17,24,39,.07);
    border-color: rgba(255,163,0,.45);
    background: #fafafa;
}

/* ============================= */
/* COLUMNS */
/* ============================= */
.rfq-col-1,
.rfq-col-2,
.rfq-col-3,
.rfq-col-4 {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* LEFT */
.rfq-col-1 {
    min-width: 0;
}

/* DETAILS */
.rfq-col-2 {
    min-width: 0;
}

/* CENTER (budget + location) */
.rfq-col-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;
    min-width: 120px;
}

/* RIGHT */
.rfq-col-4 {
    align-items: flex-end;
}

/* ============================= */
/* TEXT ELEMENTS */
/* ============================= */

/* BRAND */
.rfq-brand {
    font-size: 14px;
    font-weight: 700;
    color: #111827;
}

/* ID */
.rfq-id {
    font-size: 12px;
    color: #4b5563;
}

/* DATE */
.rfq-date {
    font-size: 12px;
    color: #9ca3af;
}

/* MACHINE */
.rfq-machine {
    font-size: 13px;
    color: #374151;
}

/* PARTS */
.rfq-parts {
    font-size: 13px;
    color: #111827;
}

.rfq-more {
    margin-left: 8px;
    font-size: 12px;
    color: #6b7280;
}

/* ============================= */
/* BUDGET (PRIMARY) */
/* ============================= */
.rfq-budget {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.2px;

    display: inline-flex;
    align-items: baseline;
    gap: 3px;
}

/* fallback dash */
.rfq-budget:empty::before {
    content: "—";
    color: #9ca3af;
    font-weight: 500;
}

/* ============================= */
/* LOCATION (SECONDARY) */
/* ============================= */
.rfq-location-inline {
    margin-top: 6px;

    font-size: 12px;
    color: #6b7280;
    line-height: 1.3;

    display: flex;
    flex-direction: column;
    align-items: center;
}

/* country */
.rfq-location-inline > :first-child {
    font-weight: 500;
}

/* city */
.rfq-location-inline br + * {
    font-weight: 400;
    opacity: 0.9;
}

/* empty */
.rfq-location-inline:empty::before {
    content: "—";
    color: #9ca3af;
}

/* ============================= */
/* ACTIONS */
/* ============================= */
.rfq-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* STATUS */
.rfq-status {
    padding: 5px 11px;
    border-radius: 999px;
    font-size: 12px;
    background: #f3f4f6;
    color: #4b5563;
}

/* VIEW LINK */
.rfq-view {
    font-size: 13px;
    color: #4b5563;
    text-decoration: none;
    white-space: nowrap;
}

.rfq-view:hover {
    color: #ffa300;
}

/* ============================= */
/* CLICK PROTECTION */
/* ============================= */
.rfq-card a,
.rfq-card button {
    position: relative;
    z-index: 2;
}

/* ============================= */
/* FILTER */
/* ============================= */
.status-filter {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 16px;
}

.status-filter p {
    margin: 0;
    font-size: 13px;
    color: #6b7280;
}

.status-filter .rqq-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    padding: 6px 12px;

    border-radius: 999px;
    background: #f3f4f6;

    font-size: 13px;
    cursor: pointer;

    transition: background 0.2s ease;
}

/* ============================= */
/* TEXT OVERFLOW FIX */
/* ============================= */
.rfq-machine,
.rfq-parts {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rfq-parts {
    white-space: normal;
}

.account-main-area .card {
    background: transparent;
    border: none;
    box-shadow: none;
}

/* =========================
   MY QUOTES ROW HOVER / OPEN
========================= */


.view-quotes {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.view-quotes {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    user-select: none;
}

.quote-head-row {
    cursor: pointer;
}

.rqq-delivery {
    font-size: 13px;
    color: #6b7280;
}

.rqq-delivery-label {
    margin-right: 6px;
}

.rqq-delivery-value {
    font-weight: 600;
    color: #111827;
}

.rqq-actions-menu {
    margin-left: auto;
}

.rqq-id-block{
  position: relative;
  z-index: 5;
}

.rqq-date-small{
  font-size: 12px;
  color: #9ca3af;
}

/* =========================
   WITHDRAW PAGE WRAP
========================= */

.rfq-clean-wrap {
    margin: 60px auto;
    padding: 0 16px;
    max-width: 860px;
}

/* =========================
   CARD
========================= */

.rfq-clean-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 28px 30px;
}

/* убираем линию только у budget/offers */
.rqq-table td.rqq-budget-offers {
  border-bottom: none;
}

/* базовое состояние — рамка прозрачная */
.rqq-table tbody tr.quote-head-row td {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.rqq-table tbody tr.quote-head-row td:first-child {
    border-left: 1px solid transparent;
}

.rqq-table tbody tr.quote-head-row td:last-child {
    border-right: 1px solid transparent;
}

/* hover — только меняем цвет */
.rqq-table tbody tr.quote-head-row:hover td,
.rqq-table tbody tr.quote-head-row.is-open td {
    border-color: rgba(255,163,0,.45);
}

/* фон отдельно */
.rqq-table tbody tr.quote-head-row:hover,
.rqq-table tbody tr.quote-head-row.is-open {
    background: #fafafa;
}

/* ❌ убираем все border у head */
.rqq-table tbody tr.quote-head-row td {
  border: none;
}

/* ❌ убираем gap между строками */
.rqq-table tbody tr.rqq-quote-row > td {
  padding-top: 0;
  border: none;
}

/* ✅ единая линия ТОЛЬКО внизу всего блока */
.rqq-table tbody tr.rqq-quote-row > td {
  border-bottom: 1px solid #f3f4f6;
}

/* ✅ единый hover на оба tr */
.rqq-table tbody tr.quote-head-row:hover,
.rqq-table tbody tr.quote-head-row:hover + tr.rqq-quote-row {
  background: #fafafa;
}

@media (max-width:768px){

  .rqq-table{
    table-layout:auto;
  }

  .rqq-table td:nth-child(3){
    width:110px;
    text-align:center;
    white-space:nowrap;
  }

  .rqq-table td:nth-child(4){
    width:40px;
    text-align:right;
  }

  .rqq-budget-offers{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }

  .rqq-budget,
  .rqq-offers{
    width:100%;
    text-align:center;
    justify-content:center;
  }

  .view-quotes .vq-text{
    display:none;
  }

  .rqq-no-file{
    white-space:nowrap;
  }

  /* dropdown fix */
  .rqq-table,
  .rqq-table tbody,
  .rqq-table tr,
  .rqq-table td{
    overflow:visible;
  }

  .rqq-actions-menu{
    position:relative;
    z-index:1000;
  }

  .rqq-actions-menu.active{
    z-index:10000;
  }

  .rqq-actions-menu.active .rqq-dropdown{
    display:block;
    position:absolute;
    right:0;
    top:34px;
    z-index:10001;
    min-width:170px;
  }

  .rqq-table tbody tr:has(.rqq-actions-menu.active){
    position:relative;
    z-index:9999;
  }
}

/* ============================= */
/* MOBILE Favorites*/
/* ============================= */
@media (max-width: 768px) {

    .rfq-card {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .rfq-col-3 {
        text-align: left;
        align-items: flex-start;
    }

    .rfq-col-4 {
        width: 100%;
        align-items: flex-start;
    }

    .rfq-actions {
        justify-content: space-between;
        width: 100%;
    }
}

/* container */
.rqq-filter-tabs{
  display:flex;
  gap:6px;
  margin:0 0 12px;
}

/* pill */
.rqq-tag{
  display:inline-flex;
  align-items:center;

  height:26px;
  padding:0 10px;

  border-radius:999px;
  background:#f3f4f6;

  font-size:12.5px;
  font-weight:500;
  color:#4b5563;
  text-decoration:none;

  transition:all .15s ease;
}

/* hover */
.rqq-tag:hover{
  background:#f3f4f6;
  color:#111;
}

/* active (главный акцент) */
.rqq-tag.active{
  background:#fff;
  color:#111;

  box-shadow:0 0 0 1px #ffa300;
}

/* цифра */
.rqq-tag span{
  margin-left:5px;
  font-weight:600;
  color:#111;
}

/* ===== убрать белую карточку ===== */
.page-wrapper .container .card {
    background: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}

.page-wrapper .container .card .table-responsive {
    background: transparent;
}

/* ===== таблица ===== */
.rqq-table {
    background: transparent;
    border-collapse: collapse;
    margin-top: 12px;
}

/* линии */
.rqq-table tbody tr {
    border-bottom: 1px solid #e5e7eb;
}

.rqq-table tbody tr:last-child {
    border-bottom: none;
}

/* ===== отступ от заголовка ===== */
.page-wrapper .container h1.page-title {
    margin-bottom: 24px;
}

/* блоки */
#quoteTipsBar {
    margin-bottom: 14px;
}

.rqq-filter-tabs {
    margin-bottom: 20px;
}

/* единый блок для всех страниц */
.account-header{
  min-height: 110px;
  margin-bottom: 16px;
}

/* убираем лишние отступы темы */
.account-header .page-header{
  margin-bottom: 10px;
}

.account-header .page-title{
  margin: 0;
}

/* tips ровно под заголовком */
.account-header .trade-inline{
  margin-top: 6px;
}

.account-header{
  margin-bottom: 16px;
}

.bv-subline{
  margin: 6px 0 10px;
  color: #444;
}

.reg-check{
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.reg-check li{
  margin-bottom: 6px;
  color: #333;
}

.bussines-page {
  max-width: 760px;
  margin-left: 0;
  margin-right: auto;
}

/* ===== PAGE TITLE ===== */

body.page-template-project-account-page-template .page-title {
  font-size: 22px;
  font-weight: 500;
  color: #111827;

  margin: 0 0 4px 0;
  line-height: 1.3;
  letter-spacing: -0.2px;
}

.rqq-success-title{
  font-size:20px;
  font-weight:600;
  color:#111;
  margin-bottom:10px;
}

.rqq-check{
  color:#ffa300;
  margin-right:6px;
  font-weight:700;
}

.rqq-success-id{
  font-size:14px;
  margin-bottom:15px;
  color:#6b7280;
}

.rqq-success-id span{
  background:#f3f4f6;
  padding:3px 8px;
  border-radius:5px;
  font-weight:600;
  font-size:13px;
  color:#111;
}

.rqq-text{
  max-width:480px;
  line-height:1.5;
  color:#6b7280;
}

.rqq-submit{
  display:inline-block;
  padding:12px 22px;
  background:#ffa300;
  color:#111;
  border-radius:8px;
  text-decoration:none;
  font-weight:500;
  min-width:200px;
  text-align:center;
}

/* POS (номер) */
.rqq-pos {
  width: 40px;
  color: #6b7280;
  text-align: right;
  padding-right: 12px;
}

/* номер детали */
.rqq-part-no {
  width: 180px;
  font-weight: 600;
  color: #111;
}

/* описание */
.rqq-parts-table td:nth-child(3) {
  color: #374151;
}

/* количество */
.rqq-qty {
  width: 80px;
  text-align: right;
  color: #6b7280;
}

.rqq-index {
  width: 40px;
  color: #6b7280;
}

.rqq-part-code {
  width: 160px;
  font-weight: 600;
}

.rqq-part-desc {
  color: #333;
}

.rqq-qty {
  width: 100px;
  text-align: right;
}

.rqq-success-hint {
  font-size: 14px;
  color: #374151;
  margin-top: 14px;
  margin-bottom: 10px;
}

/* контейнер кнопок */
.rqq-success-actions {
  display: flex;
  gap: 10px;
  margin-top: 14px;
}

/* уменьшаем кнопки локально */
.rqq-success-actions .rqq-submit {
  padding: 9px 16px;
  min-width: auto;
  font-size: 13px;
  border-radius: 6px;
  line-height: 1.2;
}

/* primary hover (чуть премиальнее) */
.rqq-btn-main:hover {
  background: #ff8c00;
}

/* вторичная кнопка */
.rqq-btn-secondary {
  background: #f1f1f1;
  color: #222;
}

/* hover вторичной */
.rqq-btn-secondary:hover {
  background: #e5e5e5;
}

.rqq-request-link {
  display: inline-block;
  padding: 2px 8px;
  background: #f3f4f6;
  border-radius: 6px;
  color: #111;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.15s ease;
}

.rqq-request-link:hover {
  background: #e5e7eb;
}

.rqq-field input::placeholder {
  color: #9ca3af;
  font-size: 12px;
}

@media (max-width:768px){
  .rqq-budget{
    font-size:15px;
    letter-spacing:0.2px;
  }
}

.rqq-brand-value{
  font-weight: 600;
}

/* ==================================================
   MINEROQ RFQ CARD
   Expensive • Calm • Industrial • Trusted
   ================================================== */

:root{

    --mr-bg:#fcfcfd;
    --mr-bg-soft:#ffffff;

    --mr-border:#d7dde5;
    --mr-border-hover:#ffa300;

    --mr-text:#111827;
    --mr-text-soft:#344054;
    --mr-text-muted:#98A2B3;

    --mr-accent:#ffa300;
    --mr-accent-dark:#e79a00;

    --mr-shadow:
        0 1px 2px rgba(16,24,40,.014);

    --mr-shadow-hover:
        0 4px 12px rgba(16,24,40,.035);
}



/* ==================================================
   CARD
   ================================================== */

.mineroq-rfq-card{

    position:relative;

    background:var(--mr-bg);

    border:1px solid var(--mr-border);
    border-radius:20px;

    padding:20px 24px 18px;

    margin-bottom:18px;

    overflow:hidden;

    box-shadow:var(--mr-shadow);

    transition:
        transform .24s ease,
        border-color .24s ease,
        box-shadow .24s ease,
        background .24s ease;
}


/* ==================================================
   HOVER
   ================================================== */

.mineroq-rfq-card:hover{

    transform:none;

    background:var(--mr-bg-soft);

    border-color:var(--mr-border-hover);

    box-shadow:var(--mr-shadow-hover);
}


/* ==================================================
   PRIORITY CARD
   ================================================== */

.mineroq-rfq-card.priority:hover{

    transform:none;

    background:var(--mr-bg-soft);

    border-color:var(--mr-border-hover);

    box-shadow:var(--mr-shadow-hover);
}


/* ==================================================
   RESET
   ================================================== */

.mineroq-rfq-card *{
    box-sizing:border-box;
}


/* ==================================================
   MAIN GRID
   ================================================== */

.mineroq-rfq-main{

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        260px;

    gap:34px;

    align-items:stretch;
}


/* ==================================================
   LEFT CONTENT
   ================================================== */

.mineroq-rfq-content{

    min-width:0;

    display:flex;
    flex-direction:column;

    gap:14px;
}


/* ==================================================
   TOP + MIDDLE
   ================================================== */

.mineroq-rfq-top,
.mineroq-rfq-middle{

    display:grid;

    grid-template-columns:
        280px
        minmax(0,1fr);

    gap:34px;

    align-items:start;
}


/* ==================================================
   BOTTOM
   ================================================== */

.mineroq-rfq-bottom{

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;

    padding-top:10px;
    margin-top:0;

    border-top:1px solid #eef2f6;
}


/* ==================================================
   BRAND
   ================================================== */

.mineroq-rfq-brand{

    font-size:18px;
    font-weight:700;

    letter-spacing:0.01em;

    color:var(--mr-text);
}


/* ==================================================
   MODEL
   ================================================== */

.mineroq-rfq-model{

    min-width:0;

    font-size:16px;
    font-weight:500;

    line-height:1.45;

    color:var(--mr-text);
}


/* ==================================================
   PARTS
   ================================================== */

.mineroq-rfq-parts{

    min-width:0;

    font-size:16px;
    line-height:1.5;

    color:var(--mr-text);
}

.mineroq-rfq-parts b{

    font-weight:500;

    color:var(--mr-text);
}


/* ==================================================
   MORE PARTS
   ================================================== */

.mineroq-rfq-more{

    margin-left:8px;

    font-size:15px;
    font-weight:500;

    color:var(--mr-text-muted);
}


/* ==================================================
   DESCRIPTION
   ================================================== */

.mineroq-rfq-description{

    min-width:0;

    font-size:16px;
    line-height:1.6;

    color:var(--mr-text);

    word-break:break-word;
}

/* ==================================================
   DESCRIPTION + QTY
   ================================================== */

.mineroq-rfq-description-row{

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:20px;

    width:100%;
}


.mineroq-rfq-description-text{

    min-width:0;

    flex:1;

    line-height:1.6;

    word-break:break-word;

    color:var(--mr-text-soft);
}


/* QTY */

.mineroq-rfq-qty{

    flex-shrink:0;

    white-space:nowrap;

    color:var(--mr-text);

    font-size:14px;
    font-weight:600;
}

/* ==================================================
   META
   ================================================== */

.mineroq-rfq-meta{

    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:18px;
}


/* ==================================================
   DATE + LOCATION
   ================================================== */

.mineroq-rfq-date,
.mineroq-rfq-location{

    display:inline-flex;
    align-items:center;

    gap:10px;

    font-size:14px;
    font-weight:500;

    color:#667085;

    transition:
        color .22s ease;
}


/* ICONS */

.mineroq-rfq-date svg,
.mineroq-rfq-location svg{

    width:18px;
    height:18px;

    color:#98a2b3;

    flex-shrink:0;

    transition:
        color .18s ease;
}


/* ==================================================
   CARD HOVER → LOCATION TEXT ONLY
   ================================================== */

.mineroq-rfq-card:hover .mineroq-rfq-location{

    color:#e79a00;
}


/* keep icon neutral */

.mineroq-rfq-card:hover .mineroq-rfq-location svg{

    color:#98a2b3;
}
/* ==================================================
   DIVIDER
   ================================================== */

.mineroq-rfq-divider{

    width:1px;
    height:22px;

    background:#e9eef3;
}


/* ==================================================
   BOTTOM RIGHT
   ================================================== */

.mineroq-rfq-bottom-right{

    display:flex;
    align-items:center;

    gap:18px;

    flex-shrink:0;
}


/* ==================================================
   SIDEBAR
   ================================================== */

.mineroq-rfq-sidebar{

    position:relative;

    display:flex;
    flex-direction:column;

    align-items:flex-end;
    justify-content:space-between;

    min-height:100%;

    gap:18px;
}


/* ==================================================
   SOFT DIVIDER
   ================================================== */

.mineroq-rfq-sidebar::before{

    content:"";

    position:absolute;

    left:-22px;
    top:6px;
    bottom:6px;

    width:1px;

    background:
        linear-gradient(
            180deg,
            transparent,
            #edf1f5,
            transparent
        );
}


/* ==================================================
   ACTIONS
   ================================================== */

.mineroq-rfq-actions{

    width:100%;

    display:flex;
    align-items:center;
    justify-content:flex-end;

    gap:14px;
}


/* ==================================================
   PRIORITY — MINIMAL PREMIUM
   ================================================== */

.mineroq-rfq-priority{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:0;

    background:transparent;

    border:none;
    border-radius:0;

    font-size:14px;
    font-weight:600;

    letter-spacing:-0.01em;

    color:#c27a00;

    white-space:nowrap;
}


/* DOT */

.mineroq-rfq-priority::before{

    content:"";

    width:7px;
    height:7px;

    border-radius:50%;

    background:#f59e0b;

    flex-shrink:0;
}

/* ==================================================
   BUTTON
   ================================================== */

.mineroq-rfq-btn{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    height:38px;

    padding:0 18px;

    border-radius:14px;

    border:1px solid #e8edf2;

    background:#f8fafc;

    color:#111827;

    text-decoration:none;

    font-size:14px;
    font-weight:700;

    letter-spacing:-0.01em;

    transition:
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease;
}


/* ==================================================
   BUTTON HOVER
   ================================================== */

.mineroq-rfq-btn:hover{

    background:#fdfefe;

    border-color:#dfe5ec;

    box-shadow:
        0 1px 4px rgba(16,24,40,.03);

    color:#111827;
}


/* ==================================================
   PRICE
   ================================================== */

.mineroq-rfq-price-wrap{

    width:100%;

    display:flex;
    justify-content:flex-end;
}


.mineroq-rfq-price{

    display:flex;
    align-items:baseline;

    gap:6px;

    font-size:16px;
    font-weight:600;

    letter-spacing:0.03em;

    color:#111827;
}

.mineroq-rfq-price span{

    color:#98a2b3;

    font-weight:500;

    font-size:13px;
}

/* OPEN PRICE */

.mineroq-rfq-price-open{

    color:#667085;
    font-weight:500;
}

.mineroq-rfq-price-wrap{
    position:relative;
    top:-6px;
}
/* ==================================================
   TARGET LABEL
   ================================================== */

.mineroq-rfq-price::before{

    content:"Target Price · DDP:";

    font-size:11px;
    font-weight:500;

    letter-spacing:.06em;
    text-transform:uppercase;

    color:#b3bcc8;
}


/* ==================================================
   STATUS
   ================================================== */

.mineroq-rfq-status{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:70px;
    height:28px;

    padding:0 12px;

    border-radius:999px;

    background:#f5f7fa;

    border:1px solid #edf1f5;

    font-size:12px;
    font-weight:700;

    color:#667085;
}


/* ==================================================
   SAVE / FAVORITE
   ================================================== */

.mineroq-rfq-favorite{
    display:flex;
    align-items:center;
    justify-content:center;
}


/* BUTTON */

.rqq-fav-toggle{

    position:relative;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:34px;
    height:34px;

    padding:0;

    border:none;
    border-radius:10px;

    background:transparent;

    color:#98a2b3;

    cursor:pointer;

    transition:
        color .18s ease,
        opacity .18s ease,
        transform .18s ease;
}


/* DEFAULT */

.rqq-fav-toggle{
    color:#98a2b3;
}


/* DEFAULT HOVER */

.rqq-fav-toggle:hover{
    color:#f59e0b;
}


/* SAVED */

.rqq-fav-toggle[data-fav-state="1"]{
    color:#c27a00;
}


/* SAVED HOVER */

.rqq-fav-toggle[data-fav-state="1"]:hover{
    color:#a86500;
}


/* ICON */

.rqq-fav-toggle i{
    font-size:18px;
    color:inherit;
}


/* LOADING */

.rqq-fav-toggle.is-loading{

    opacity:.55;

    pointer-events:none;
}


/* ==================================================
   FAVORITE TOOLTIP — PREMIUM MINIMAL
   ================================================== */

.rqq-fav-toggle{
    position:relative;
}


/* TOOLTIP */

.rqq-fav-toggle::after{

    content:"Save";

    position:absolute;

    bottom:calc(100%);
    left:50%;

    transform:
        translateX(-50%)
        translateY(0);

    background:transparent;

    color:#98a2b3;

    padding:0;

    border:none;
    border-radius:0;

    font-size:12px;
    font-weight:500;

    line-height:1;

    white-space:nowrap;

    opacity:0;
    visibility:hidden;

    transition:
        opacity .18s ease,
        transform .18s ease,
        visibility .18s ease;

    pointer-events:none;

    box-shadow:none;
}


/* SHOW */

.rqq-fav-toggle:hover::after{

    opacity:1;
    visibility:visible;

    transform:
        translateX(-50%)
        translateY(0);
}


/* SAVED */

.rqq-fav-toggle[data-fav-state="1"]::after{

    content:"Saved";
}
/* ==================================================
   ID
   ================================================== */

.mineroq-rfq-id{

    font-size:14px;
    font-weight:500;

    letter-spacing:0.02em;

    color:#667085;
}


/* ==================================================
   MOBILE
   ================================================== */

@media(max-width:940px){

    .mineroq-rfq-card{
        padding:20px;
    }

    .mineroq-rfq-main{
        grid-template-columns:1fr;
        gap:24px;
    }

    /* =========================================
       TOP ROW
       Manufacturer + Model inline
       ========================================= */

    .mineroq-rfq-top{
        display:flex;
        align-items:center;
        flex-wrap:wrap;
        gap:10px;
    }

    .mineroq-rfq-brand,
    .mineroq-rfq-model{
        margin:0;
    }

    /* =========================================
       MIDDLE
       Part description normal
       ========================================= */

    .mineroq-rfq-middle{
        display:grid;
        grid-template-columns:1fr;
        gap:14px;
    }

    .mineroq-rfq-sidebar{
        align-items:flex-start;
        width:100%;
        gap:18px;
    }

    .mineroq-rfq-sidebar::before{
        display:none;
    }

    .mineroq-rfq-actions,
    .mineroq-rfq-price-wrap{
        justify-content:flex-start;
    }

    .mineroq-rfq-bottom{
        flex-direction:column;
        align-items:flex-start;
        gap:16px;
    }

    .mineroq-rfq-bottom-right{
        width:100%;
        justify-content:flex-start;
        flex-wrap:wrap;
    }

    .mineroq-rfq-btn{
        width:100%;
    }
}


/* ==================================================
   ADVANCED SEARCH — FINAL PREMIUM COMPACT
   ================================================== */

#search-filters-block{
    margin-bottom:18px;
}

/* ==================================================
   HEADER
   ================================================== */

.rqq-filter-header{
    display:flex;
    align-items:center;
    justify-content:space-between;

    margin-bottom:10px;
}

.rqq-filter-title{
    display:flex;
    align-items:center;
    gap:10px;

    font-size:16px;
    font-weight:600;

    color:#475569;
}

.rqq-accent{
    width:3px;
    height:18px;

    border-radius:10px;

    background:#ffa300;
}

/* ==================================================
   FORM
   ================================================== */

.rqq-filter-form{
    display:block;
}

/* ==================================================
   CONTAINER
   ================================================== */

.rqq-filter-container.compact{
    background:#f8fafc;

    border:1px solid #e5e7eb;
    border-radius:18px;

    padding:18px;

    display:flex;
    flex-direction:column;

    gap:16px;
}

/* ==================================================
   ROWS
   ================================================== */

.rqq-search-row{
    display:grid;

    gap:18px;
}

.rqq-row-3{
    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr)
        minmax(0,1fr);
}

.rqq-row-2{
    grid-template-columns:
        2fr
        1fr;

    align-items:start;
}

.rqq-row-3.align-end{
    align-items:end;
}

/* ==================================================
   LABELS
   ================================================== */

.rqq-field label,
.rqq-sector > label{
    display:block;

    margin-bottom:7px;

    font-size:13px;
    font-weight:700;
    line-height:1.2;

    color:#111827;
}

/* ==================================================
   INPUTS
   ================================================== */

.rqq-field{
    min-width:0;
}

.rqq-field input,
.rqq-field select{
    width:100%;
}

.rqq-field input,
.rqq-field select,
.rqq-field .select2-container .select2-selection{
    height:42px !important;

    border-radius:12px !important;
    border:1px solid #d1d5db !important;

    background:#fff !important;

    font-size:14px !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}

.rqq-field input{
    padding:0 14px;
}

.rqq-field input:focus{
    border-color:#ffa300 !important;

    box-shadow:
        0 0 0 3px rgba(255,163,0,.12);
}

/* ==================================================
   SELECT2
   ================================================== */

.select2-container{
    width:100% !important;
}

.select2-container--default .select2-selection--single{
    display:flex !important;
    align-items:center !important;
}

.select2-selection__rendered{
    line-height:42px !important;

    padding-left:14px !important;
}

.select2-selection__arrow{
    height:42px !important;
}

/* ==================================================
   CHECKBOX GRID
   ================================================== */

.rqq-check-grid{
    display:grid;
    align-items:center;

    gap:10px 18px;
}

.rqq-check-grid.cols-4{
    grid-template-columns:repeat(4,minmax(0,1fr));
}

.rqq-check-grid.cols-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.rqq-check-grid.cols-3{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

/* ==================================================
   CHECKBOX
   ================================================== */


.rqq-checkbox-box{
    display:flex;
    align-items:center;

    gap:7px;

    white-space:nowrap;

    font-size:14px;
    line-height:1.2;

    color:#111827;
}

.rqq-checkbox-box input{
    accent-color:#ffa300;
}




/* ==================================================
   RESULTS INLINE
   ================================================== */

.rqq-results-inline{
    display:flex;
    align-items:center;
    justify-content:flex-start;

    gap:12px;

    height:42px;

    padding-top:18px;
}

.rqq-results-inline > label{
    margin:0 !important;
    padding:0 !important;

    line-height:1;

    white-space:nowrap;

    font-size:13px;
    font-weight:700;

    color:#111827;

    transform:translateY(1px);
}

/* ==================================================
   PAGE PILLS
   ================================================== */

.rqq-page-pills{
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:10px;
}

.rqq-page-pill{
    position:relative;

    cursor:pointer;
}

.rqq-page-pill input{
    display:none;
}

.rqq-page-pill span{
    display:flex;
    align-items:center;
    justify-content:center;

    min-width:34px;
    height:26px;

    padding:0 14px;

    border-radius:8px;

    border:1px solid #d6dbe3;

    background:#fff;

    font-size:12px;
    font-weight:700;

    color:#475569;

    transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        transform .18s ease;
}

.rqq-page-pill input:checked + span{
    background:#ffa300;

    border-color:#ffa300;

    color:#111827;
}

.rqq-page-pill:hover span{
    border-color:#ffb01f;

    transform:translateY(-1px);
}

/* ==================================================
   ACTIONS
   ================================================== */

.rqq-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;

    gap:14px;

    min-height:42px;

    flex-wrap:wrap;
}

/* ==================================================
   APPLY BUTTON
   ================================================== */

.rqq-submit-filter-small{
    height:34px !important;

    min-width:104px !important;

    padding:0 14px !important;

    border:none !important;
    border-radius:10px !important;

    background:#ffa300 !important;
    color:#111827 !important;

    font-size:13px !important;
    font-weight:700 !important;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;

    transition:
        background .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

.rqq-submit-filter-small:hover{
    background:#ffb01f !important;

    transform:translateY(-1px);

    box-shadow:
        0 4px 12px rgba(255,163,0,.18);
}

.rqq-submit-filter-small:active{
    transform:translateY(0);
}

/* ==================================================
   CLEAR LINK
   ================================================== */

.rqq-actions .rqq-small-text{
    font-size:13px;
    font-weight:500;

    color:#94a3b8;

    text-decoration:none;

    white-space:nowrap;

    transition:color .18s ease;
}

.rqq-actions .rqq-small-text:hover{
    color:#64748b;
}

/* ==================================================
   HIDE FILTERS
   ================================================== */

.rqq-collapse-filter{
    background:none;
    border:none;

    padding:0;

    cursor:pointer;

    font-size:13px;
    font-weight:600;

    color:#ffa300;

    white-space:nowrap;

    transition:color .18s ease;
}

.rqq-collapse-filter:hover{
    color:#ffb01f;
}

/* ==================================================
   SEARCH RESULTS TITLE
   ================================================== */

#search-results-words{
    padding-left:0 !important;

    margin-top:6px;

    font-size:18px;
    font-weight:700;

    color:#111827;
}

/* ==================================================
   LAYOUT FIXES
   ================================================== */

#right-sidebar2,
#content2{
    float:none !important;

    width:100%;
    max-width:100%;

    flex:0 0 100%;
}


/* =================================
   ADVANCED SEARCH MOBILE FIX
================================= */

@media (max-width: 768px){

    .rqq-filter-container.compact{
        padding:16px !important;
        gap:18px !important;
    }

    .rqq-search-row{
        display:flex !important;
        flex-direction:column !important;
        gap:16px !important;
    }

    .rqq-row-3,
    .rqq-row-2{
        display:flex !important;
        flex-direction:column !important;
    }

    .rqq-field,
    .rqq-sector,
    .rqq-actions,
    .rqq-results-inline{
        width:100% !important;
    }

    .rqq-check-grid.cols-4{
        grid-template-columns:1fr 1fr !important;
    }

    .rqq-check-grid.cols-3{
        grid-template-columns:1fr !important;
    }

    .rqq-check-grid.cols-2{
        grid-template-columns:1fr 1fr !important;
    }

    .rqq-actions{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;

    gap:16px !important;

    flex-wrap:nowrap !important;
}

.rqq-submit-filter-small{

    flex:1 1 auto !important;

    width:auto !important;

    min-width:0 !important;

    max-width:none !important;
}

.rqq-actions .rqq-small-text{

    flex:0 0 auto !important;

    white-space:nowrap !important;

    position:relative;
    z-index:2;
}
    .rqq-page-pills{
        flex-wrap:wrap !important;
    }

    .rqq-filter-header{
        align-items:center !important;
    }

    #rqq-collapse-trigger{
        font-size:13px !important;
    }

    /* CARD FIX */

    .rqq-card{
        display:flex !important;
        flex-direction:column !important;
        width:100% !important;
        padding:20px !important;
    }

}

/* =================================
   STEP 2 CHECKBOX CARDS FIX
   ================================= */

.rqq-container.step-2 .rqq-checkbox-box label{
    display:flex;
    align-items:center;
    gap:14px;

    margin:0;
    cursor:pointer;

    font-size:14px;
    line-height:1.45;
    font-weight:400;

    color:#334155;
}

.rqq-container.step-2 .rqq-checkbox-box input[type="checkbox"]{
    flex-shrink:0;

    width:16px;
    height:16px;

    margin:0;
}

.rqq-container.step-2 .rqq-field{
    width:100%;
}

.rqq-container.step-2 .rqq-checkbox-box{
    width:100%;
}

/* MOBILE SAFE FIX */
@media (max-width: 768px){

    .rqq-container.step-2 .rqq-checkbox-box label{
        display:flex;
        align-items:flex-start;
        gap:10px;

        font-size:14px;
        line-height:1.45;
        font-weight:400;

        white-space:normal;
        max-width:100%;
    }

    .rqq-container.step-2 .rqq-checkbox-box label input[type="checkbox"]{
        appearance:auto !important;
        -webkit-appearance:checkbox !important;

        width:18px !important;
        height:18px !important;
        min-width:18px !important;

        margin-top:2px !important;
        margin-right:0 !important;

        flex-shrink:0;
    }

}

/* =========================================
   LIVE RFQ BLOCK RESET
========================================= */

.mb-live-bids .mineroq-rfq-card,
.mb-live-bids .mineroq-rfq-card *{
    box-sizing:border-box;
    min-width:0;
}

.mb-live-bids .mineroq-rfq-main{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        260px;

    gap:44px;

    align-items:start;
}

.mb-live-bids .mineroq-rfq-top,
.mb-live-bids .mineroq-rfq-middle{
    display:grid;

    grid-template-columns:
        280px
        minmax(0,1fr);

    gap:48px;
}

.mb-live-bids .mineroq-rfq-description-row{
    display:flex;

    justify-content:space-between;

    gap:20px;

    width:100%;
}

.mb-live-bids .mineroq-rfq-description-text{
    flex:1;

    min-width:0;

    word-break:break-word;
}

.mb-live-bids .mineroq-rfq-qty{
    flex-shrink:0;

    white-space:nowrap;
}

/* =========================================
   MINE ROQ BID MODAL
========================================= */

.mrq-bid-modal{
    width:100%;
}

/* header */
.mrq-bid-head{
    display:flex;
    align-items:center;
    gap:12px;

    margin-bottom:22px;
}

.mrq-bid-accent{
    width:3px;
    height:18px;

    border-radius:10px;

    background:#ffa300;
}

.mrq-bid-head h3{
    margin:0;

    font-size:15px;
    font-weight:500;

    color:#111827;
}

/* fields */
.mrq-field{
    margin-bottom:20px;
}

.mrq-field label{
    display:block;

    margin-bottom:8px;

    font-size:13px;
    font-weight:600;

    color:#111827;
}

/* inputs */
.mrq-field input[type="text"],
.mrq-field input[type="number"],
.mrq-field textarea{
    width:100%;

    border:1px solid #d1d5db;
    border-radius:14px;

    background:#fff;

    padding:12px 14px;

    font-size:14px;

    color:#111827;
}

.mrq-field input[type="text"],
.mrq-field input[type="number"]{
    height:42px;
}

.mrq-field textarea{
    min-height:92px;
    resize:vertical;
}

/* help */
.mrq-help{
    margin-top:7px;

    font-size:12.5px;
    line-height:1.5;

    color:#6b7280;
}

/* counter */
.mrq-counter{
    margin-top:8px;

    font-size:12px;

    color:#64748b;
}

/* upload */
.mrq-upload-box{
    margin-top:4px;
}

/* checks */
.mrq-check-group{
    display:flex;
    flex-direction:column;
    gap:12px;

    margin:4px 0 20px;
}

.mrq-check{
    display:flex;
    align-items:flex-start;
    gap:8px;

    margin:0;

    cursor:pointer;
}

.mrq-check input{
    width:15px;
    height:15px;

    margin-top:2px;

    flex-shrink:0;
}

.mrq-check span{
    font-size:12.5px;
    line-height:1.35;
    letter-spacing:-0.01em;
    font-weight:400;

    color:#111827;
}

.mrq-check a{
    color:#4f46e5;
    text-decoration:none;
}

.mrq-check a:hover{
    text-decoration:underline;
}

/* actions */
.mrq-actions{
    display:flex;
    gap:12px;
}

.mrq-actions .rqq-submit{
    width:100%;
    height:42px;

    border-radius:10px;
}

/* =========================================
   MODAL PREMIUM RADIUS
========================================= */

#bidding-panel-modal .modal-content{
    border:none;
    border-radius:22px;

    box-shadow:
        0 10px 30px rgba(15,23,42,.10),
        0 2px 10px rgba(15,23,42,.05);

    overflow:hidden;
}

#bidding-panel-modal .modal-body{
    padding:22px;
}

/* =================================
   RFQ SIDEBAR — FINAL
================================= */

.respond-to-request{

    background:#fcfcfd;

    border:1px solid #e7ecf2;
    border-radius:22px;

    padding:26px 24px;

    position:sticky;
    top:24px;

    box-shadow:
        0 1px 2px rgba(16,24,40,.02);
}

/* remove theme garbage */

.respond-to-request,
.respond-to-request ul,
.respond-to-request li,
.respond-to-request .post,
.respond-to-request .rqq-filter-container{

    background:transparent !important;

    box-shadow:none !important;

    list-style:none !important;
}

/* title */

.respond-to-request .rqq-section-title{

    font-size:20px;
    font-weight:700;
    line-height:1.2;

    color:#111827;

    text-align:center;

    margin:0 0 10px;

    letter-spacing:-0.02em;
}

/* subtitle */

.respond-to-request .text-center{

    font-size:14px;
    line-height:1.45;

    color:#667085;
}

/* save row */

.respond-to-request .text-center.mt-2{

    display:flex;
    align-items:center;
    justify-content:center;

    gap:10px;

    margin-top:22px !important;
    margin-bottom:26px !important;

    color:#667085;
}

/* button */

.respond-to-request .rqq-submit{

    width:100%;

    height:48px;

    border:none;
    border-radius:14px;

    background:#ffa300;

    color:#111827;

    font-size:14px;
    font-weight:700;

    letter-spacing:-0.01em;

    box-shadow:none;

    transition:
        background .18s ease;
}

/* hover */

.respond-to-request .rqq-submit:hover{

    background:#ffa300;

    transform:none;
    box-shadow:none;
}

/* desktop position */

@media(min-width:992px){

    .col-lg-3 .respond-to-request{
        margin-top:84px;
    }

}

/* =================================
   ACCOUNT AREA CLEAN BACKGROUND
================================= */

.page-wrapper{
    background:#ffffff !important;
}

/* убрать серую подложку темы */
.page-wrapper::before,
.page-wrapper::after{
    display:none !important;
}

/* контент кабинета */
.page-wrapper .container{
    background:transparent !important;
}

/* card reset только внутри account */
.account-main-area .card{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

.mineroq-terms-wrap{

    margin:22px 0 18px;

    display:flex;
    justify-content:center;
}

.mineroq-terms-label{

    max-width:620px;

    display:flex;
    align-items:flex-start;

    gap:12px;

    font-size:14px;
    line-height:1.6;

    color:#6b7280;

    cursor:pointer;
}

.mineroq-terms-label input{

    margin-top:3px;

    width:16px;
    height:16px;

    accent-color:#f59e0b;

    flex-shrink:0;
}

.mineroq-terms-label a{

    color:#111827;

    text-decoration:none;

    font-weight:500;
}

.mineroq-terms-label a:hover{

    color:#f59e0b;
}

/* =================================
   MOBILE FIX — BUTTONS STAY INLINE
================================= */

@media (max-width:768px){

    .mrq-actions{
        display:flex;
        gap:8px;

        width:100%;
    }

    .mrq-actions .rqq-submit{
        flex:1 1 0;

        width:auto !important;
        min-width:0 !important;

        padding:0 10px;

        font-size:13px;
    }

    .modal-body{
        overflow-x:hidden;
    }

}

/* =================================
   PENDING UNREAD HIGHLIGHT
================================= */

.rqq-tag-pending .has-unread{
    color:#ffa300 !important;
    font-weight:700;

    animation:rqqPulseUnread 1.8s infinite;
}

@keyframes rqqPulseUnread{

    0%{
        opacity:1;
    }

    50%{
        opacity:.55;
    }

    100%{
        opacity:1;
    }

}

.mb-last-bids-wide,
.mb-last-bids-wide{
    width:100%;
    max-width:100%;
}

.mb-last-bids-wide{
    display:flex;
    flex-direction:column;
}

.mb-last-bids-wide .mineroq-rfq-card{
    width:100%;
    max-width:100%;
}