@media (min-width:768px){.buyer-container.container{width:750px;max-width:750px}}@media (min-width:992px){.buyer-container.container{max-width:970px;width:970px}}@media (min-width:1000px){.buyer-container.container{max-width:980px;width:980px}}@media (min-width:1200px){.buyer-container.container{max-width:1170px;width:1170px}}.buyer-container.container .supplier-logo-2{max-height:26px;display:block;margin-left:auto;margin-right:auto;max-width:60px}.body-container:has(.buyer-container){margin-top:0;background:var(--grey-2)}.buyer-container a{text-decoration:none}.buyer-container a:hover{color:var(--bgcolor-theme)}.buyer-container .tbl-supplier-quote.table{margin-bottom:0}@media (max-width:768px){.buyer-container .tbl-supplier-quote.table thead>tr>th,.buyer-container .tbl-supplier-quote.table thead>tr>td,.buyer-container .tbl-supplier-quote.table tbody>tr>th,.buyer-container .tbl-supplier-quote.table tbody>tr>td,.buyer-container .tbl-supplier-quote.table tfoot>tr>th,.buyer-container .tbl-supplier-quote.table tfoot>tr>td{padding:8px 0}}.buyer-container{padding-top:30px}.buyer-container .col-xs-1,.buyer-container .col-xs-2,.buyer-container .col-xs-3,.buyer-container .col-xs-4,.buyer-container .col-xs-5,.buyer-container .col-xs-6,.buyer-container .col-xs-7,.buyer-container .col-xs-8,.buyer-container .col-xs-9,.buyer-container .col-xs-10,.buyer-container .col-xs-11,.buyer-container .col-xs-12,.buyer-container .col-sm-1,.buyer-container .col-sm-2,.buyer-container .col-sm-3,.buyer-container .col-sm-4,.buyer-container .col-sm-5,.buyer-container .col-sm-6,.buyer-container .col-sm-7,.buyer-container .col-sm-8,.buyer-container .col-sm-9,.buyer-container .col-sm-10,.buyer-container .col-sm-11,.buyer-container .col-sm-12,.buyer-container .col-md-1,.buyer-container .col-md-2,.buyer-container .col-md-3,.buyer-container .col-md-4,.buyer-container .col-md-5,.buyer-container .col-md-6,.buyer-container .col-md-7,.buyer-container .col-md-8,.buyer-container .col-md-9,.buyer-container .col-md-10,.buyer-container .col-md-11,.buyer-container .col-md-12,.buyer-container .col-lg-1,.buyer-container .col-lg-2,.buyer-container .col-lg-3,.buyer-container .col-lg-4,.buyer-container .col-lg-5,.buyer-container .col-lg-6,.buyer-container .col-lg-7,.buyer-container .col-lg-8,.buyer-container .col-lg-9,.buyer-container .col-lg-10,.buyer-container .col-lg-11,.buyer-container .col-lg-12{padding-left:15px;padding-right:15px}.buyer-container .buyer-nav{border-radius:30px;padding:15px 25px;font-size:16px;margin-bottom:20px}.buyer-container .buyer-nav a{text-decoration:none;cursor:pointer}.buyer-container .buyer-nav .user-circle-icon{width:120px}.buyer-container .buyer-nav .nav.nav-sidebar .nav-item a{padding:5px 10px;color:var(--textcolor-theme)}.buyer-container .buyer-nav .nav.nav-sidebar .nav-item a:hover{color:var(--bgcolor-theme)}.buyer-container .buyer-nav .nav.nav-sidebar .nav-item.active a{color:var(--bgcolor-theme);font-weight:bold}.buyer-container .buyer-content{position:relative}.buyer-container .buyer-content .i-button--archive{border:1px solid var(--bgcolor-theme)}.buyer-container .buyer-content i-button-view-supplier-quote:hover,.buyer-container .buyer-content .i-button--archive:hover{background-color:var(--grey-2);color:var(--textcolor-theme)}.buyer-container .buyer-content a.i-button--archive,.buyer-container .buyer-content a.i-button-view-supplier-quote{text-decoration:none}.buyer-container .buyer-content a.i-button--archive :hover,.buyer-container .buyer-content a.i-button-view-supplier-quote :hover{color:var(--textcolor-theme);opacity:0.8}.buyer-container .buyer-content input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;outline:none;margin:0;font:inherit;color:var(--bgcolor-theme);width:1.15em;height:1.15em;border:.15em solid var(--bgcolor-theme);border-radius:.15em;transform:translateY(.2em)}.buyer-container .buyer-content input[type=checkbox]::before{content:"";width:.6em;height:.65em;display:block;box-shadow:inset 1em 1em var(--textcolor-theme);background-color:var(--textcolor-theme);transform:translate(2px,2px) scale(0);transform-origin:bottom left;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.buyer-container .buyer-content input[type=checkbox]:checked::before{transform:translate(2px,2px) scale(1)}.buyer-container .buyer-content input[type=checkbox]:disabled{color:gray;border:.15em solid gray;cursor:not-allowed}.buyer-container .buyer-content .panel-sub-title{position:absolute;right:15px;top:40px}.buyer-container .buyer-content .jumbotron{font-size:14px;padding:15px 20px;line-height:1.4;background-color:var(--white)}.buyer-container .buyer-content .quotedetail-item{margin:4px 0 18px;-webkit-box-pack:justify;justify-content:space-between;padding:20px 10px;border-radius:12px;position:relative}.buyer-container .buyer-content .quotedetail-item .i-button--archive:hover{background-color:var(--grey-2);color:var(--textcolor-theme)}.buyer-container .buyer-content .quotedetail-item .quotes-holder h3{font-size:18px}.buyer-container .buyer-content .quotedetail-item .quotes-holder-header{border-bottom:1px solid var(--bgcolor-theme);padding-bottom:10px}.buyer-container .buyer-content .quotedetail-item .quotes-holder .inactive{color:var(--textcolor-theme);text-decoration:none}.buyer-container .buyer-content .quotedetail-item .quotes-holder .active{color:var(--textcolor-theme);text-decoration:underline;font-weight:bolder}@media screen and (min-width:576px){.buyer-container .buyer-content .quotedetail-item .quotes-holder .quote-item .col-second{padding-left:15px;padding-right:15px}}@media screen and (min-width:992px){.buyer-container .buyer-content .quotedetail-item .quotes-holder .quote-item .col-second{padding:0}}.buyer-container .buyer-content .quote-item__icon,.buyer-container .buyer-content .quotedetail-item .quotes-holder .quote-item .quote-item__icon{width:15px;text-align:center;margin:0 2px 0 0;color:#434343;font-size:13px}.buyer-container .buyer-content .quotedetail-item .quotes-holder .quote-item .i-button,.buyer-container .buyer-content .quotedetail-item .quotes-holder .quote-item .i-button-grey{margin-bottom:10px}.buyer-container .buyer-content .quotedetail-item .quotes-holder #compareViewContent .quote-item{flex:0 0 auto;width:300px;border-right:1px solid var(--grey-2);position:relative}.buyer-container .buyer-content .quotedetail-item .quotes-holder #compareViewContent .quote-item:last-child{border-right:0 solid #fff}.buyer-container .buyer-content .quotedetail-item .quotes-holder #compareViewContent>div:first-child{overflow:auto hidden;max-width:900px}.buyer-container .buyer-content .quotedetail-item .quotes-holder #compareViewContent .item-name{min-height:20px}.buyer-container .buyer-content .quotedetail-item .quotes-holder #compareViewContent .item-description{min-height:37px}.buyer-container .buyer-content .quotedetail-item .quotes-holder #compareViewContent .declined-reason{padding:10px 25px;margin:0 2px}.buyer-container .buyer-content .quotedetail-item .quotes-holder .declined-reason{background-color:var(--grey-1);word-break:break-word;text-align:left}.buyer-container .buyer-content .quotedetail-item .quotes-holder #listViewContent .quote-item:not(:has(.quote-detail)){padding:5px 0;position:relative}.buyer-container .buyer-content .quotedetail-item .quotes-holder #listViewContent .quote-item:not(last-child){border-bottom:1px solid var(--grey-2)}.buyer-container .buyer-content .quotedetail-item .quotes-holder #listViewContent .quote-item:last-child{border-bottom:0 solid #fff}.buyer-container .buyer-content .quotedetail-item .quotes-holder #listViewContent .declined-reason{padding:10px 20px;margin-top:10px;margin:20px -5px 0 10px}.buyer-container .buyer-content .quotedetail-item .quotes-holder #listViewContent .decline-holder{float:none;position:relative}.buyer-container #listViewContent .quote-item span{display:inline-block}.buyer-container #listViewContent .quote-item .text__quoteId{width:93px}.buyer-container #listViewContent .quote-item .text__itemname{white-space:nowrap;width:345px;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:768px){.buyer-container #listViewContent .quote-item .text__itemname{width:90%}.first-item-image{margin-bottom:1rem}.search-input{padding-top:0}}.buyer-container #listViewContent .quote-item .text__price{padding-left:128px}@media screen and (min-width:768px){.buyer-container .buyer-content .quotedetail-item .quotes-holder #listViewContent .decline-holder{position:absolute;top:2px;right:2px}}.buyer-container .buyer-content .quotedetail-item .quotes-holder #quoteViewContent .declined-reason{padding:10px 20px;margin-top:10px;margin:20px -20px 0 10px}.buyer-container .buyer-content .quotedetail-item .quotes-holder .i-button-select-supplier-quote,.buyer-container .buyer-content .quotedetail-item .quotes-holder .i-button-view-supplier-quote,.buyer-container .buyer-content .quotedetail-item .quotes-holder .i-button-decline-supplier-quote{background-color:#fff;color:var(--textcolor-theme);border:1px solid var(--bgcolor-theme);transition:all .1s}.buyer-container .buyer-content .quotedetail-item .quotes-holder .i-button-view-supplier-quote{text-decoration:none}.buyer-container .buyer-content .quotedetail-item .quotes-holder .i-button-select-supplier-quote:hover,.buyer-container .buyer-content .quotedetail-item .quotes-holder .i-button-view-supplier-quote:hover,.buyer-container .buyer-content .quotedetail-item .quotes-holder .i-button-decline-supplier-quote:hover{background-color:var(--bgcolor-theme);color:var(--textcolorcontrast-theme)}.buyer-container .buyer-content .quotedetail-item .quotes-holder .i-button-select-supplier-quote:disabled,.buyer-container .buyer-content .quotedetail-item .quotes-holder .i-button-view-supplier-quote:disabled,.buyer-container .buyer-content .quotedetail-item .quotes-holder .i-button-decline-supplier-quote:disabled{background-color:var(--bgcolor-theme);color:var(--textcolorcontrast-theme)}.justify-content-between{justify-content:space-between}.buyer-container .buyer-content .quotedetail-item .quotes-holder .i-button-decline-supplier-quote i{font-size:.9rem}.buyer-container .buyer-content .quotedetail-item #request-holder .request-holder-detail{background-color:var(--grey-2);padding:10px;border-radius:8px}.buyer-container .buyer-content .request-item{margin:4px 0 18px;-webkit-box-pack:justify;justify-content:space-between;padding:16px 24px;border-radius:12px;position:relative}.buyer-container .buyer-content .request-item .quote-received{padding:0 10px 0 0}.buyer-container .buyer-content .request-item .quote-received>div{background:var(--bg-color);border-radius:15px;text-align:center;height:100%;padding:35px 0}.buyer-container .buyer-content .request-item .quote-received>div i{color:var(--bgcolor-theme);font-size:35px}.buyer-container .buyer-content .request-item .quote-received>div p{font-weight:bold;margin:10px 0 0 0}.buyer-container .buyer-content .request-item-title{font-size:22px;font-weight:bold;margin-bottom:5px;cursor:pointer;max-width:75%;line-height:27px}.buyer-container .buyer-content .request-item-summary span{border-left:solid 2px #434343;padding:0 4px 0 7px}.buyer-container .buyer-content .request-item-summary span:first-child{border-left:none;padding:0 4px 0 0}.buyer-container .buyer-content .request-item hr{margin-top:0;margin-bottom:0;border-top:2px solid #eee}.buyer-container .buyer-content .request-item div{margin:8px 0;word-wrap:break-word}.buyer-container .buyer-content .request-item div:nth-child(3){margin-bottom:5px}.buyer-container .buyer-content .request-item div:last-child{margin-top:5px}.buyer-container .buyer-content .request-item-sub-title{position:absolute;right:20px;top:12px}.buyer-container .buyer-content .request-item .i-button--archive{width:74px;max-width:74px;min-width:74px;border-radius:50px}.buyer-container .modal--decline-quote .modal-dialog .modal-header,.buyer-container .modal--archive-quote .modal-dialog .modal-header,.buyer-container .modal--select-quote .modal-dialog .modal-header{height:auto;position:sticky;top:0;width:100%;z-index:9999;background:#fff}.buyer-container .modal--decline-quote .modal-dialog.modal-full .modal-content,.buyer-container .modal--archive-quote .modal-dialog.modal-full .modal-content,.buyer-container .modal--select-quote .modal-dialog.modal-full .modal-content{background:#ddd}.buyer-container .modal--decline-quote .modal-dialog .modal-title,.buyer-container .modal--archive-quote .modal-dialog .modal-title,.buyer-container .modal--select-quote .modal-dialog .modal-title{text-align:center;padding:15px 20px 12px}.buyer-container .modal--decline-quote .modal-footer,.buyer-container .modal--archive-quote .modal-footer,.buyer-container .modal--select-quote .modal-footer{text-align:center}.buyer-container .modal--decline-quote .modal-body,.buyer-container .modal--archive-quote .modal-body{padding:0}.buyer-container .modal--decline-quote .modal-body .list-group,.buyer-container .modal--archive-quote .modal-body .list-group{max-height:300px;overflow-y:auto;border-bottom:1px solid #ddd}.buyer-container .modal--decline-quote .modal-body .list-group a,.buyer-container .modal--archive-quote .modal-body .list-group a{text-decoration:none}.buyer-container .modal--decline-quote .modal-body .list-group a:hover,.buyer-container .modal--archive-quote .modal-body .list-group a:hover{background-color:var(--bg-color);border-color:var(--bg-color)}.buyer-container .modal--decline-quote .modal-body .list-group .list-group-item,.buyer-container .modal--archive-quote .modal-body .list-group .list-group-item{color:var(--textcolor-theme)}.buyer-container .modal--decline-quote .modal-body .list-group .list-group-item:first-child,.buyer-container .modal--decline-quote .modal-body .list-group .list-group-item:last-child,.buyer-container .modal--archive-quote .modal-body .list-group .list-group-item:first-child,.buyer-container .modal--archive-quote .modal-body .list-group .list-group-item:last-child{border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.buyer-container .modal--decline-quote .modal-body .list-group .list-group-item.active,.buyer-container .modal--archive-quote .modal-body .list-group .list-group-item.active{color:var(--textcolorcontrast-theme);background-color:var(--bgcolor-theme);border-color:var(--bgcolor-theme)}.buyer-container .modal--decline-quote .modal-body .list-group .list-group-item.active :focus,.buyer-container .modal--archive-quote .modal-body .list-group .list-group-item.active :focus{background-color:var(--bgcolor-theme);border-color:var(--bgcolor-theme)}.buyer-container .modal--decline-quote .modal-body .input-other,.buyer-container .modal--archive-quote .modal-body .input-other{padding:0 20px}.buyer-container .modal--decline-quote .modal-footer button,.buyer-container .modal--archive-quote .modal-footer button{width:100%}.buyer-container .modal--select-quote .modal-footer button{min-width:40%}.buyer-container .modal--select-quote .modal-footer button:last-child{margin-left:10%}.buyer-container .table thead>tr,.buyer-container .table tbody>tr>td,.buyer-container .table thead>tr>th{border-bottom:0;border-top:0}.text-normal{font-weight:normal}@media screen and (min-width:768px){.modal--select-quote .modal-dialog{width:450px}.modal--decline-quote .modal-dialog{width:400px}.modal--archive-quote .modal-dialog{width:400px}}.pager li>a,.pager li>span{text-decoration:none}:root{--is:#83FFC1;--ms:#00B9CD;--hh:#EE4A3D;--is-stone:#E3FDEE;--ms-stone:#ecfafc;--hh-stone:#fcf5f4;--is-wash:#E3FDEE;--ms-wash:#E3FDEE;--hh-wash:#FCEAE9}.form-title{color:var(--textcolor-theme);font-size:18px;display:inline-block;border-bottom:solid 3px var(--bgcolor-theme)}.breadcrumb.breadcrumb__title{color:var(--textcolor-theme);font-size:18px;background:transparent;padding:8px 4px;font-family:Arial,sens-serif;line-height:29px}.breadcrumb.breadcrumb__title>li+li:before{content:"";padding:0}.breadcrumb.breadcrumb__title>li:after{content:" »"}.breadcrumb.breadcrumb__title>li:last-child{border-bottom:solid 3px var(--bgcolor-theme);font-weight:bold}.breadcrumb.breadcrumb__title>li:last-child:after{content:""}.mt-5{margin-top:5px!important}.mt-10{margin-top:10px!important}.mt-20{margin-top:20px!important}.mt-30{margin-top:30px!important}.mt-40{margin-top:40px!important}.mt-50{margin-top:50px!important}.mb-5{margin-bottom:5px!important}.mb-10{margin-bottom:10px!important}.mb-20{margin-bottom:20px!important}.mb-30{margin-bottom:30px!important}.mb-40{margin-bottom:40px!important}.mb-50{margin-bottom:50px!important}.mtb-5{margin-bottom:5px!important;margin-top:5px!important}.mtb-10{margin-bottom:10px!important;margin-top:10px!important}.mtb-20{margin-bottom:20px!important;margin-top:20px!important}.mtb-30{margin-bottom:30px!important;margin-top:30px!important}.mtb-40{margin-bottom:40px!important;margin-top:40px!important}.mtb-50{margin-bottom:50px!important;margin-top:50px!important}.ml-5{margin-left:5px!important}.ml-10{margin-left:10px!important}.ml-20{margin-left:20px!important}.ml-30{margin-left:30px!important}.ml-40{margin-left:40px!important}.ml-50{margin-left:50px!important}.mr-5{margin-right:5px!important}.mr-10{margin-right:10px!important}.mr-20{margin-right:20px!important}.mr-30{margin-right:30px!important}.mr-40{margin-right:40px!important}.mr-50{margin-right:50px!important}.p-0{padding:0!important}.p-5{padding:5px}.p-10{padding:10px}.py-10{padding:10px 0!important}.p-15{padding:15px}.p-20{padding:20px}.p-25{padding:25px}.p-30{padding:30px}.pb-15{padding-bottom:15px}.bold{font-weight:bold}.italic{font-style:italic}.underline{text-decoration:underline}.float-left{float:left}.float-right{float:right}.float-center{display:block;margin:0 auto!important}.center{text-align:center}.left{text-align:left}.right{text-align:right}.colorGray{color:gray!important}.icon-spacer{margin-right:10px!important}.tooltip{opacity:1!important}.toast{opacity:1!important}.i-container{display:block;box-sizing:border-box;max-width:1000px;min-width:375px;width:100%;padding:20px 15px;font-size:14px;margin:0 auto;font-family:"proxima-nova",sans-serif!important}.i-container .dataTables_wrapper{padding:0!important}.i-button.light{background-color:#fff!important;color:#434343!important;border:solid 1px #434343!important}.i-button.dark{background-color:#434343!important;color:#fff!important;border:solid 1px #434343!important}.i-button-sm{font-size:14px!important;color:#434343!important;min-width:85px;padding:5px 20px!important;border-radius:20px!important;background-color:#f3f3f3!important;border-color:#f3f3f3!important;outline:none;box-shadow:none!important;font-family:"proxima-nova",sans-serif!important}.i-button-sm>i{font-size:1em!important;padding-right:3px}.i-button-sm.is{background-color:var(--is)!important}.i-button-sm.ms{background-color:var(--ms)!important;color:#fff!important}.i-button-sm.hh{background-color:var(--hh)!important;color:#fff!important}.i-button-sm.light{background-color:#fff!important;color:#434343!important;border:solid 1px #434343!important;min-width:100px}.i-button-sm.dark{background-color:#434343!important;color:#fff!important;border:solid 1px #434343!important;min-width:100px}.i-button--outline--color{background:#fff}.i-textbox{border-radius:6px;padding:10px 14px;background-color:#fff;height:auto!important;width:100%;border:solid 1px #fff;color:#434343!important;-webkit-appearance:none;appearance:none;outline:none!important;outline-width:0!important;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;font-family:"proxima-nova",sans-serif!important}textarea.i-textbox{background-color:#F3F3F3;border-radius:8px}.i-textbox::placeholder{color:#999!important}.i-textbox:focus{border:solid 1px var(--bgcolor-theme)}.i-textbox.is:focus{border:solid 1px var(--is)!important}.i-textbox.ms:focus{border:solid 1px var(--ms)!important}.i-textbox.hh:focus{border:solid 1px var(--hh)!important}.i-dropdown{border-radius:6px;padding:10px 14px!important;background-color:#fff!important;height:auto!important;width:100%;border:solid 1px #fff;color:#434343!important;outline:none!important;outline-width:0!important;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;max-height:45px!important;height:45px!important;display:flex;vertical-align:middle;align-items:center;font-family:"proxima-nova",sans-serif!important}.i-dropdown::placeholder{color:#999!important}.i-dropdown:focus{border:solid 1px #888}.i-dropdown.is:focus{border:solid 1px var(--is)!important}.i-dropdown.ms:focus{border:solid 1px var(--ms)!important}.i-dropdown.hh:focus{border:solid 1px var(--hh)!important}.i-label{font-weight:bold;font-size:16px!important;color:#434343;padding:0;margin:0;font-family:"proxima-nova",sans-serif!important}.i-link{text-decoration:none!important;color:#434343!important;font-size:14px;display:inline-block;font-family:"proxima-nova",sans-serif!important}.i-link:hover{text-decoration:underline!important}.i-modal-popup{padding:0!important}.i-modal-popup .modal-dialog{margin:0 auto!important}.i-modal-popup .modal-header{border:none}.i-modal-popup .modal-footer{border:none;padding-top:0}.i-modal-popup .modal-title{font-size:20px;left:0;font-weight:bold}.i-modal-popup .close{outline:none!important;border:none!important}.i-tooltip{width:450px;font-size:14px!important;color:#434343!important;font-family:"proxima-nova",sans-serif!important}.i-explainer{font-size:14px;color:#434343!important;font-weight:normal;font-family:"proxima-nova",sans-serif!important}.i-label-padding{padding-bottom:0;margin-bottom:8px!important}.i-piece-padding{padding-bottom:0;margin-bottom:11px!important}.i-section-padding{margin-top:30px}.i-tooltip-icon{position:absolute;padding:0!important;border:none!important;outline:none!important;top:0!important;left:0!important}.i-tooltip-icon>i{font-size:15px;color:#434343!important;top:0}.ui-tooltip-arrow,.tooltip-arrow{display:none}.single-locker{position:relative;margin-left:5px;font-size:20px}.single-unlocker{position:relative;color:red!important;font-size:14px!important;margin-top:0}.single-unlocker>a{text-decoration:none!important;color:#434343!important}.single-unlocker>a>i{font-size:20px;display:inline-block;margin-right:5px}.is-tc{color:var(--is)!important}.is-bc{background-color:var(--is)!important}.ms-tc{color:var(--ms)!important}.ms-bc{background-color:var(--ms)!important}.hh-tc{color:var(--hh)!important}.hh-bc{background-color:var(--hh)!important}.dropzone{border:dashed 2px #434343!important;color:#434343!important}.dropzone-blue-text-custom{color:#434343!important}@media screen and (max-width:1024px){.i-modal-popup .modal-dialog{width:60%}}@media screen and (max-width:500px){.i-container{width:100%;padding:0 15px}.i-modal-popup .modal-dialog{width:100%!important;max-width:100%!important;margin:0!important}.i-modal-popup .modal-content{margin:0!important}.i-tooltip{width:340px;font-size:13px!important}.i-button{min-width:0}}.helpbox-container{position:fixed;bottom:0;right:20px;z-index:9999;font-size:14px}.helpbox-container :focus::placeholder{color:transparent}.helpbox-container :focus::-webkit-input-placeholder{color:transparent}.helpbox-container :focus:-moz-placeholder{color:transparent}.helpbox-container :focus::-moz-placeholder{color:transparent}.helpbox-container :focus:-ms-input-placeholder{color:transparent}.helpbox-container .help-box{cursor:pointer;width:340px;color:var(--textcolor-theme);background-color:var(--bg-color);padding:15px;border-top-left-radius:5px;border-top-right-radius:5px;border:solid 1px #d9d9d9}.helpbox-container .help-box--img{float:left;width:30px;margin-right:10px}.helpbox-container .help-box--header--title{margin:0;font-weight:bold}.helpbox-container .help-box--header--description{margin:0}.helpbox-container .help-box--chevron-up{position:absolute;top:17px;right:15px}.helpbox-container .help-popup{height:385px;border:solid 1px #d9d9d9;border-top-left-radius:6px;border-top-right-radius:6px;display:none;width:342px;border:solid 1px #d9d9d9}.helpbox-container .help-popup--header{color:var(--textcolor-theme);background-color:var(--bg-color);padding:15px;border-top-left-radius:5px;border-top-right-radius:5px;width:340px;height:145px}.helpbox-container .help-popup--header--img{float:left;width:30px;margin-right:10px}.helpbox-container .help-popup--header--title{margin:0;font-weight:bold}.helpbox-container .help-popup--header--description{margin:0}.helpbox-container .help-popup--header--chevron-down{position:absolute;top:17px;right:15px;cursor:pointer}.helpbox-container .help-popup--divider{height:245px;background-color:#fff}.helpbox-container .help-popup--body{position:absolute;top:75px;height:295px;width:310px;left:15px;background-color:#fff;box-shadow:0 0 3px 3px rgba(67,67,67,.15)}.helpbox-container #help-popup--body--help-confirm{display:none;padding:15px}.helpbox-container .help-popup--body #help-form input:-webkit-autofill,.helpbox-container .help-popup--body #help-form input:-webkit-autofill:hover,.helpbox-container .help-popup--body #help-form input:-webkit-autofill:focus,.helpbox-container .help-popup--body #help-form input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #fff inset!important}.helpbox-container .help-popup--body #help-form #question{resize:none;border-radius:5px;border:solid 1px #d9d9d9;width:280px;margin:15px;padding:5px}.helpbox-container .help-popup--body #help-form #name{border-radius:5px;height:35px;border:solid 1px #d9d9d9;width:280px;margin-left:15px;margin-bottom:15px;padding:5px}.helpbox-container .help-popup--body #help-form #email{border-radius:5px;height:35px;border:solid 1px #d9d9d9;width:280px;margin-left:15px;margin-bottom:15px;padding:5px}.helpbox-container .help-popup--body #help-form #btn-submit{border:none;border-radius:5px;width:100px;margin-left:195px;background-color:#437FFF;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.helpbox-container .help-popup--body #help-form #btn-submit #btn-submit--img-send{width:15px;margin-right:5px;margin-bottom:1px}.search-input{padding-top:1rem}.search-input input{width:100%}.declinedReasonOther{background-color:#F3F3F3;border:solid 1px #f3f3f3}@media screen and (max-width:655px){.buyer-container .buyer-content .request-item-title{max-width:100%}.buyer-container .buyer-content .request-item-sub-title{position:initial}}@media screen and (max-width:991px){.button-select-decline-quote-detail{text-align:center;margin-top:.5rem}}.supplier-quote-detail-button{min-width:120px}.be-breadcrumb{list-style:none;display:inline-block;padding:0;width:100%}.be-breadcrumb .icon{font-size:14px}.be-breadcrumb li{float:left;border:solid 1px var(--bgcolor-theme);width:25%}.be-breadcrumb li a{color:var(--textcolor-theme);display:block;background:#fff;text-decoration:none;position:relative;height:48px;line-height:48px;padding:0 7px;text-align:center;margin-right:23px}.be-breadcrumb li:active{background-color:var(--bgcolor-theme)}.be-breadcrumb li:active:before{border-color:var(--bgcolor-theme);border-left-color:transparent}.be-breadcrumb li:active:after{border-left-color:var(--bgcolor-theme)}.be-breadcrumb li.current a{background-color:var(--bgcolor-theme);font-weight:bold}.be-breadcrumb li.current a:before{border-color:var(--bgcolor-theme);border-left-color:transparent}.be-breadcrumb li.current a:after{border-left-color:var(--bgcolor-theme)}.be-breadcrumb li:first-child a{padding-left:15px}.be-breadcrumb li:first-child a:before{border:none}.be-breadcrumb li:last-child{padding-right:0}.be-breadcrumb li:last-child a{padding-right:15px;margin-right:0}.be-breadcrumb li:last-child a:after{border:none}.be-breadcrumb li a:before,.be-breadcrumb li a:after{content:"";position:absolute;top:0;border:0 solid #fff;border-width:24px 5px 24px 20px;width:0;height:0}.be-breadcrumb li a:before{left:-23px;border-left-color:transparent}.be-breadcrumb li a:after{left:100%;border-color:var(--bgcolor-theme);border-left-color:#fff}.be-breadcrumb li a:hover{background-color:var(--stone-bgcolor);color:var(--textcolor-theme)}.be-breadcrumb li a:hover label{color:var(--textcolor-theme);cursor:pointer}.be-breadcrumb li a:hover:before{border-color:var(--stone-bgcolor);border-left-color:transparent}.be-breadcrumb li a:hover:after{border-left-color:var(--stone-bgcolor)}.be-breadcrumb{margin:0 0 16px}@media screen and (max-width:576px){.be-breadcrumb{font-size:13px;margin:0 0 10px}}.be-breadcrumb li label{font-weight:normal;display:none}@media (min-width:768px){.be-breadcrumb li label.lbl-desktop{display:inline-block}}@media (max-width:767.98px){.be-breadcrumb li label.lbl-mobile{display:inline-block}}.be-breadcrumb li.current label{font-weight:bold}.be-breadcrumb li:first-child,.be-breadcrumb li:first-child a{border-radius:8px 0 0 8px}.be-breadcrumb li:last-child,.be-breadcrumb li:last-child a{border-radius:0 8px 8px 0}.body-ms .be-breadcrumb li.current a,.body-hh .be-breadcrumb li.current a{color:#fff}.body-ms .be-breadcrumb li.current a:hover,.body-hh .be-breadcrumb li.current a:hover{color:var(--textcolor-theme)}a.alink{font-weight:bold;text-decoration:underline}.position-relative{position:relative}.position-absolute{position:absolute}.jsDeclineReason .list-group-item.active{border-top-color:#9999995e!important;border-bottom-color:#9999995e!important}@media (max-width:767px){.btns-resp{justify-content:flex-start!important}}.action-buttons-container .dropdown:hover>.dropdown-menu{display:none!important;visibility:hidden!important;opacity:0!important}.action-buttons-container .dropdown.open>.dropdown-menu,.action-buttons-container .dropdown.show>.dropdown-menu{display:block!important;visibility:visible!important;opacity:1!important}.action-buttons-container .dropdown-menu{z-index:2000;pointer-events:auto}.tbl-supplier-quote td,.tbl-supplier-quote th{vertical-align:top}.tbl-supplier-quote .col-action .action-buttons-container{display:flex;align-items:center;justify-content:flex-end;gap:5px}.tbl-supplier-quote .btn-more-options{background:none!important;border:none!important;box-shadow:none!important;padding:5px}.tbl-supplier-quote .btn-more-options i{font-size:18px}@media (max-width:767px){.quote-name,.quote-name-sep{display:none!important}.tbl-supplier-quote .i-button-select-supplier-quote,.tbl-supplier-quote .i-button-decline-supplier-quote{display:inline-flex;align-items:center;justify-content:center;max-width:47px;height:38px;border-radius:50px;padding:8px 20px!important;font-size:0!important;min-width:47px}.tbl-supplier-quote .i-button-select-supplier-quote i{font-size:18px!important;margin:0!important}.tbl-supplier-quote .dropdown-menu i.fa-star,.tbl-supplier-quote .dropdown-menu i.fas.fa-star,.tbl-supplier-quote .dropdown-menu i.far.fa-star{display:inline-block!important}.col-action{width:14%;text-align:right}.action-buttons-container{display:flex;align-items:center;justify-content:flex-end;gap:3px}.tbl-supplier-quote .i-button-select-supplier-quote .button-text,.tbl-supplier-quote .i-button-decline-supplier-quote .button-text{display:none}.tbl-supplier-quote .i-button-select-supplier-quote i,.tbl-supplier-quote .i-button-decline-supplier-quote i{font-size:18px!important;margin:0!important}.tbl-supplier-quote th.col-quotes,.tbl-supplier-quote td.col-quotes{display:none!important}.tbl-supplier-quote .i-button-decline-supplier-quote{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:47px!important;height:38px!important;padding:0!important;border-radius:50px;min-width:47px}.tbl-supplier-quote .i-button-decline-supplier-quote i{margin:0!important;font-size:18px!important;line-height:1!important;transform:translateY(0)}.tbl-supplier-quote th.col-action{text-align:center!important}}.dropdown-menu{text-align:left!important;min-width:180px}.dropdown-menu li{display:block}.dropdown-menu li a{display:flex;align-items:center;gap:6px;text-align:left!important;justify-content:flex-start!important;padding-left:15px}.dropdown-menu li i{width:18px;text-align:center}.tbl-supplier-quote .col-action,.tbl-supplier-quote,.tbl-supplier-quote td,.tbl-supplier-quote th{overflow:visible!important}.tbl-supplier-quote .dropdown{position:relative}.tbl-supplier-quote .dropdown-menu{margin-top:0!important;top:100%!important;right:0;left:auto;z-index:10050}.pending-section .btn-more-options{visibility:hidden;pointer-events:none}.quote-action-btn-selected{margin:0;white-space:nowrap;min-width:0;overflow:hidden;font-weight:bold;text-overflow:ellipsis}.quote-action-btn-decline-v2{width:100px;margin:0;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis;background-color:#fff;border-color:#efefef;color:#000}.quote-action-btn-select-v2{width:100px}.quote-action-btn-declined-pill-v2{width:100px;margin:0;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis;background-color:#eee;border-color:#eee;color:#000}.quote-dropdown-header{font-weight:600;font-size:15px;color:#555;border-bottom:1px solid #eee;text-align:right;padding-right:4px;padding-bottom:7px}.quote-dropdown-icon-view{padding-right:17px}.quote-dropdown-icon-download{padding-left:6px}.quote-dropdown-close{font-weight:500;border-top:1px solid #eee;padding-top:7px;padding-left:20px}.quote-btns-container-v1{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;max-width:100%;min-width:0;overflow:hidden;justify-content:flex-end}.quote-btns-container-v1-default{display:flex;gap:16px;align-items:center;flex-wrap:nowrap;max-width:100%;min-width:0;overflow:hidden;justify-content:flex-end}.quote-action-btn-decline-v1{margin:0;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis;background-color:#fff;border-color:#efefef;color:#000}.quote-action-btn-download-v1{margin:0;white-space:nowrap;transition:all .2s;flex:0 0 auto}.quote-action-btn-download-v1:hover{background-color:#e0e0e0;color:#555}.tbl-supplier-quote>tbody>tr{height:50px}.tbl-supplier-quote td{vertical-align:middle}.tbl-supplier-quote td.col-quotes .quote-line{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.25;max-height:calc(1.25em * 2)}.col-quotes .quote-line .text__itemname,.col-quotes .quote-line .quote-name-sep{white-space:nowrap}.col-quotes .quote-line .quote-name{white-space:normal;word-break:break-word}.tbl-supplier-quote td.col-quotes{position:relative;padding-right:40px;max-width:850px;white-space:normal}.quote-action-btn-download-v1:hover,.quote-action-btn-download-v1:focus,.quote-action-btn-download-v1:active{background-color:#d9d9d9!important;color:inherit!important;border-color:#d9d9d9!important;box-shadow:none!important;transition:background-color .2s ease-in-out}.tbl-supplier-quote .declined-reason,.action-buttons-container .declined-reason{display:none!important;margin:0!important;padding:0!important;height:0!important}@media (max-width:767px){.tbl-supplier-quote .btn-more-options,.tbl-supplier-quote .btn-more-options i{color:#434343!important;}}.quote-detail .white,.quote-desc{overflow-x:auto;}.quote-desc table{width:100%!important;max-width:100%!important;table-layout:fixed;border-collapse:collapse;}.quote-desc th,.quote-desc td{word-wrap:break-word;white-space:normal;padding:8px;}.quote-desc table[width],.quote-desc td[width],.quote-desc img[width]{width:auto!important;}.quote-desc img{max-width:100%!important;height:auto!important;display:block;}@media (max-width:768px){.quote-detail .white{padding:12px;}}


/* ── Ported from BuyerPanelQuotesDetailV2Quotes.cshtml + MasterBuyerPanel inline <style> ── */
.quote-detail { background: var(--grey-2); padding: 20px 0 0 0; margin: 0 -5px; }
.supplier-quote-detail-sent-bg-color { background-color: #f3f3f3; align-content: center; padding: 0px 15px; border-radius: 5px; }
.adapt-img { width: 100% !important; height: auto !important; }

/* Link-styled buttons (Favourite-star wrapper, modal Cancel, "Archive this request") — the rule
   lives in login.css, which the buyer-panel page does not load, so it's duplicated here.
   Colour is neutral #434343 (not var(--bgcolor-theme)) so the underline reads like body text
   rather than an EA-green accent — matches the buyer-panel's neutral hover-lighten convention. */
.login-link-button { background: none; border: none; padding: 0; color: #434343; cursor: pointer; font: inherit; text-decoration: underline; }
.login-link-button:hover { opacity: 0.8; }
.login-link-button:disabled { opacity: 0.5; cursor: not-allowed; }

/* Base .i-button rule (lives in a shared global stylesheet in legacy, not buyerPanel.css). */
.i-button { display: inline-block; padding: 6px 16px; font-size: 14px; line-height: 1.4; border: none; border-radius: 4px; cursor: pointer; background: var(--bgcolor-theme); color: var(--textcolorcontrast-theme); text-decoration: none; }
.i-button--round { border-radius: 22px; }
.i-button:disabled { opacity: 0.6; cursor: not-allowed; }

/* ── Self-contained React modal (the legacy _SupplierQuoteModals are Bootstrap-JS driven; the
   portal layout loads no JS bundle, so #4's select/decline/archive modals render their own overlay). */
.pp-modal { position: fixed; inset: 0; z-index: 10600; display: flex; align-items: center; justify-content: center; }
.pp-modal__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); }
.pp-modal__dialog {
  position: relative;
  background: #fff;
  border-radius: 8px;
  width: 92%;
  max-width: 450px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.25);
}
.pp-modal__dialog .modal-header { padding: 16px 20px; border-bottom: 1px solid #eee; }
.pp-modal__dialog .modal-title { text-align: center; margin: 0; }
.pp-modal__dialog .modal-body { padding: 18px 20px; }
.pp-modal__dialog .modal-footer { padding: 14px 20px; border-top: 1px solid #eee; text-align: center; display: flex; gap: 12px; justify-content: center; align-items: center; }
.pp-modal__dialog .list-group { max-height: 300px; overflow-y: auto; }
.pp-modal__dialog .list-group-item { display: block; width: 100%; text-align: left; border: 1px solid #ddd; background: #fff; padding: 10px 14px; cursor: pointer; }
.pp-modal__dialog .list-group-item.active { color: var(--textcolorcontrast-theme); background: var(--bgcolor-theme); border-color: var(--bgcolor-theme); }

/* ── v2 cross-portal "My Quote Requests" (#6): per-portal grouping header + client-side pager buttons.
   The legacy panel is single-portal; the unified buyer sees every portal's quotes, grouped here. ── */
.buyer-portal-group { margin-bottom: 18px; }
.buyer-portal-group__title {
  color: var(--textcolor-theme);
  font-size: 18px;
  font-weight: bold;
  margin: 24px 0 10px;
  padding-bottom: 6px;
  border-bottom: solid 3px var(--bgcolor-theme);
}
.buyer-portal-group__count { color: #888; font-weight: normal; font-size: 15px; }
.nslinecontent .pager li button {
  display: inline-block;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--bgcolor-theme);
  border-radius: 50px;
  color: var(--textcolor-theme);
  cursor: pointer;
  font: inherit;
}
.nslinecontent .pager li button:hover { background: var(--grey-2); }

/* ─────────────────────────────────────────────────────────────────────────────
   Hover convention for the buyer panel:
   Content-area links use the same dark-EA-green hover as the category pages
   (#0f6e56) — legibility fix for the illegible light-green (#83FFC1) that the
   line-1 minified rule (.buyer-container a:hover{color:var(--bgcolor-theme)})
   would otherwise apply. Sidebar nav is intentionally NOT included here —
   buyer-panel-ui.css owns its own hover/active pill styling.
   A handful of specific spots (see below) use a subtle opacity fade instead of
   the colour swap; those get more-specific overrides layered on top of this
   base rule. */
.buyer-container .buyer-content a:hover {
  color: #0f6e56;
  text-decoration: none;
}

/* ── Opacity-fade exceptions ────────────────────────────────────────────────
   For these specific spots the colour swap reads as noisy against a neutral
   card/header, so hover just dims the whole element in place. `color: inherit`
   ensures the base colour survives (blocks the dark-green rule above from
   claiming the colour property). */

/* Logout link — bottom of the sidebar. Legacy line-1 rule turned it EA green;
   base+hover both use the buyer panel's neutral text colour with a subtle dim. */
.buyer-container .buyer-nav__logout-row a,
.buyer-container .buyer-nav__logout-row a:hover {
  color: var(--textcolor-theme);
  text-decoration: none;
}
.buyer-container .buyer-nav__logout-row a:hover {
  opacity: 0.7;
}

/* My Quote Requests: the category-name title on each request row. Fade only,
   no colour swap, so the row reads calm and the title doesn't jump green. */
.buyer-container .request-item-title a:hover {
  color: inherit;
  opacity: 0.75;
  text-decoration: none;
}

/* Open / Archived filter tabs (i-nav-tabs). Inactive tab hovers with an
   opacity dim; the currently-active tab is a no-op on hover — no colour
   change, no fade, no border animation — so "you are here" stays crisp. */
.buyer-container .i-nav-tabs li.inactive > a:hover,
.buyer-container .i-nav-tabs li:not(.active) > a:hover {
  color: inherit;
  opacity: 0.75;
  text-decoration: none;
}
.buyer-container .i-nav-tabs li.active > a,
.buyer-container .i-nav-tabs li.active > a:hover,
.buyer-container .i-nav-tabs li.active > a:focus {
  opacity: 1;
  cursor: default;
}

/* View / Archive buttons on each My Quote Requests row. Legacy line-1 minified rules
   (.buyer-content .i-button--archive:hover and .quotedetail-item .i-button--archive:hover)
   both swap the bg to var(--grey-2) and colour to var(--textcolor-theme) on hover — reads
   as a hard grey-out. Instead: preserve the base solid-mint pill AND text colour, and just
   dim the whole button a touch on hover — matches the "Get latest price" pill / other
   portal buttons via the .i-button:not(:disabled):hover { opacity: 0.8 } convention. The
   explicit bg/colour here just neutralises the legacy grey swap; opacity does the fade. */
.buyer-container .buyer-content .i-button--archive:hover,
.buyer-container .buyer-content .quotedetail-item .i-button--archive:hover {
  background-color: var(--bgcolor-theme);
  color: var(--textcolorcontrast-theme);
  opacity: 0.8;
}

/* Fixed-width archive pill (74px, from the legacy request-item rule) centres its text so
   "Archive" doesn't sit hard against the right edge with left-heavy padding. Applied to
   the buttons themselves — not just the container — with !important to beat any legacy
   text-align override, and equal horizontal padding so the label sits dead centre. */
.buyer-container .buyer-content .i-button--archive,
.buyer-container .buyer-content .quotedetail-item .i-button--archive,
.buyer-container .buyer-content .request-item .i-button--archive {
  text-align: center !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ============================================================================
   Quote-row & modal-header action buttons — Select / Decline pixel-mirror IS
   ============================================================================
   Portals BuyerPanel _SupplierQuote_Buttons.cshtml renders two pill buttons per
   quote whose visual state cycles by data-active:
     - Select pill:  default = outlined mint; data-active=true = filled mint
     - Decline pill: default = outlined mint; data-active=true = filled mint
   Both stay CLICKABLE at every state (IS lets buyers un-select by clicking
   Decline on an already-selected quote — this is why `disabled` was wrong).
   Icon-only Download in the modal header uses .ea-quote-icon-btn for the same
   outlined-mint aesthetic. */

.ea-quote-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  /* Fixed min-width so the pill doesn't grow when the label switches from
     "Select" (6 chars) to "Selected" (8 chars). Portals sizes both identically. */
  min-width: 96px;
  min-height: 32px;
  padding: 6px 14px;
  white-space: nowrap;
  border-radius: 999px;
  border: 1.5px solid var(--bgcolor-theme);
  background: #fff;
  color: #434343;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  transition: opacity 0.15s ease-in-out;
}
.ea-quote-btn:hover { opacity: 0.85; }
.ea-quote-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(131, 255, 193, 0.4);
}
.ea-quote-btn[data-active='true'] {
  background: var(--bgcolor-theme);
  color: var(--textcolorcontrast-theme, #434343);
}
.ea-quote-btn i { font-size: 13px; }

/* Select pill uses bold text; Decline pill stays regular weight. Matches IS. */
.ea-quote-btn--select { font-weight: 700; }
.ea-quote-btn--select i { font-weight: 700; }
.ea-quote-btn--decline { font-weight: 400; }

/* Silent-disable: pointer/hover off but keep the mint fill / outline so the
   pill visually reads the same. Browser defaults would grey it out — that's
   exactly what we're avoiding. */
.ea-quote-btn[disabled],
.ea-quote-btn[disabled]:hover {
  cursor: default;
  opacity: 1;
  pointer-events: none;
}

/* Icon-only Download pill in the quote-detail modal header. IS renders it as a
   small pill (not a rounded square) so it matches the shape language of the
   Select / Decline pills sitting next to it. */
.ea-quote-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 34px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1.5px solid #ddd;
  background: #fff;
  color: #434343;
  cursor: pointer;
  transition: opacity 0.15s ease-in-out;
}
.ea-quote-icon-btn:hover { opacity: 0.85; }
.ea-quote-icon-btn i { font-size: 14px; }

/* ============================================================================
   Outlined mint buttons — View / Archive (outer list) + Archive (tab-1 header)
   ============================================================================
   Portals BuyerPanel renders the request-card View / Archive controls with a
   plain outline that only tints on hover — no default fill. The tab-1 header
   Archive is a rectangular version (fills the visual slot next to the h1). */
.ea-outline-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 88px;
  min-height: 34px;
  padding: 6px 18px;
  border-radius: 999px;
  border: 1.5px solid var(--bgcolor-theme);
  background: transparent;
  color: #434343;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
}
.ea-outline-btn:hover,
.ea-outline-btn:focus-visible {
  background: rgba(131, 255, 193, 0.25); /* very light mint tint */
  color: #434343;
  text-decoration: none;
  outline: none;
}
.ea-outline-btn[disabled],
.ea-outline-btn[disabled]:hover {
  cursor: default;
  background: transparent;
  color: #888;
  border-color: #ccc;
}

/* Rectangular variant — tab-1 header Archive. Same colours, less-round corners. */
.ea-outline-btn--rect {
  border-radius: 6px;
  min-width: 92px;
}

/* Keep the row Action cell pills on one line — the legacy .decline-holder was
   float:none + position:relative but had no explicit flex; without it the pills
   wrap when a Selected/Declined pill sits next to a Decline pill. */
.buyer-container .decline-holder {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  white-space: nowrap;
}