/* GENERATED ETAP 124 — source sections retain cascade order. Edit source files, then rebuild this bundle. */

/* START packages100.css */
/* Etap 103 — pełnoszerokościowa, jednorzędowa lista paczek */
.packages100-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.packages100-heading strong{font-size:1rem}
.packages100-heading span{font-size:.8rem;color:#666}
.transport-weight-field input[readonly]{background:#f6f6f3;opacity:1;font-weight:650}
.transport-dimensions-container{width:100%;min-width:0;box-sizing:border-box}
/* Kluczowa poprawka: stary grid z app.css miał trzy kolumny i ściskał listę. */
.transport-dimensions-container > .transport-dimensions-fields{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  width:100%;min-width:0;max-width:100%;
  gap:12px;
}
.transport-dimensions-container > .transport-dimensions-fields > * {
  grid-column:1 / -1;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.packages100-list{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;overflow:visible}
.packages100-card{
  width:100%;min-width:0;max-width:100%;box-sizing:border-box;
  display:grid;grid-template-columns:90px minmax(0,1fr) 82px;
  align-items:end;gap:12px;padding:11px 13px;
  border:1px solid #e5e2d9;border-radius:12px;background:#fff;
}
.packages100-card-head{min-width:0;align-self:center}
.packages100-card-head strong{white-space:nowrap;font-size:.88rem}
.packages100-fields{width:100%;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.packages100-fields .transport-form-row{min-width:0;margin:0}
.packages100-fields .form-label{display:block;white-space:nowrap;margin-bottom:5px;font-size:.79rem}
.packages100-fields .input-group{display:flex;width:100%;min-width:0;flex-wrap:nowrap}
.packages100-fields .input-group .form-control{width:1%;min-width:0;flex:1 1 0;height:40px}
.packages100-fields .input-group .input-group-text{flex:0 0 auto;padding-inline:8px}
.packages100-remove{width:100%;min-width:0;min-height:40px;white-space:nowrap;align-self:end}
.packages100-footer{display:flex;justify-content:flex-end;align-items:center;gap:14px;flex-wrap:wrap;width:100%;margin-top:0}
.packages100-footer span{font-size:.85rem;color:#666;white-space:nowrap}
.packages100-footer #addPackage100{white-space:nowrap}
/* Tylko przy rzeczywistym braku miejsca przewijamy listę, zachowując jeden wiersz/paczkę. */
@media(max-width:760px){
  .packages100-list{overflow-x:auto;max-width:100%;padding-bottom:4px}
  .packages100-card{min-width:740px}
}

/* Etap 104: walidacja pól każdej paczki */
.packages104-summary{border:1px solid #e5a5a5;background:#fff0f0;color:#9a2424;border-radius:9px;padding:.7rem .9rem;font-size:.875rem}
.packages104-summary[hidden]{display:none!important}
.packages104-field-error{display:block;color:#b4232e;font-size:.72rem;line-height:1.3;margin-top:5px}
.packages100-fields .form-control.is-invalid{border-color:#dc3545;background-image:none}

/* END packages100.css */

/* START transport-compact107.css */
/* Etap 107 — kompaktowy układ formularza transportowego, bez zmian logiki. */
.transport-intro{margin-bottom:8px!important;padding-top:5px!important;padding-bottom:5px!important}
.exchange-rate-card.exchange-rate-card--compact{padding:7px 11px;gap:8px;margin-bottom:10px!important}
.exchange-rate-card--compact .exchange-rate-icon{width:27px;height:27px;flex-basis:27px;font-size:13px}
.exchange-rate-visibility{padding:5px 9px;font-size:11px}
.transport-picker{margin-bottom:10px!important}
.transport-picker .transport-section-title,.transport-details>.transport-section-title{font-size:13px!important;margin-bottom:6px!important}
.transport-picker .row{--bs-gutter-y:6px;--bs-gutter-x:8px}
.transport-option{min-height:45px!important;padding:7px 11px!important;gap:8px!important}
.transport-option-icon{width:27px!important;height:27px!important;min-width:27px!important;font-size:13px!important}
.transport-option-copy small{font-size:10px!important}
.transport-details .transport-panel{padding:12px 14px!important}
.transport-inline-grid{gap:8px!important;margin-bottom:9px!important}
.transport-inline-grid .form-label{font-size:11px!important;margin-bottom:4px!important;line-height:1.25}
.transport-inline-grid .country-search-control .form-control,
.transport-inline-grid .transport-fixed-country,
.transport-inline-grid .transport-postal-input,
.transport-inline-grid .transport-weight-field .form-control{min-height:36px!important;height:36px!important}
.transport-inline-grid .input-group-text{min-height:36px!important}
.transport-inline-grid .transport-field-help{font-size:10px!important;margin-top:4px!important;line-height:1.25!important}
.transport-inline-grid .transport-flag--inline{min-height:36px!important;padding-block:6px!important}
.transport-dimensions-container{padding:9px 11px!important}
.packages100-heading{margin-bottom:6px!important;padding-bottom:6px!important;gap:7px!important}
.packages100-heading strong{font-size:13px!important}
.packages100-heading span{font-size:10px!important}
.transport-dimensions-container>.transport-dimensions-fields{margin-top:6px!important;padding-top:6px!important;gap:7px!important}
.packages100-list{gap:6px!important}
.packages100-card{padding:7px 10px!important;gap:9px!important;border-radius:9px!important}
.packages100-fields{gap:9px!important}
.packages100-fields .form-label{margin-bottom:3px!important;font-size:11px!important}
.packages100-fields .input-group .form-control{height:35px!important}
.packages100-fields .input-group .input-group-text{padding-inline:6px!important}
.packages100-remove{min-height:35px!important}
.packages100-footer{gap:10px!important}
.packages100-footer #addPackage100{padding:6px 10px;font-size:12px}
.transport-actions{padding-top:10px!important;margin-top:9px!important;gap:10px!important}
.transport-actions-hint{font-size:10px!important;line-height:1.3!important}
.transport-submit{min-height:38px!important;padding:8px 14px!important}
.transport107-presets,.transport107-limits{grid-column:1/-1;width:100%;min-width:0}
.transport107-presets>summary,.transport107-limits>summary{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:11px;font-weight:650;color:#5e5432;padding:7px 9px;border:1px solid #e8e2d2;border-radius:7px;background:#fffdf6;list-style:none;user-select:none}
.transport107-presets>summary::-webkit-details-marker,.transport107-limits>summary::-webkit-details-marker{display:none}
.transport107-presets>summary:focus-visible,.transport107-limits>summary:focus-visible{outline:2px solid #b99400;outline-offset:2px}
.transport107-presets-caption{font-size:10px;font-weight:400;color:#827b68}
.transport107-chevron{margin-left:auto;transition:transform .15s}
.transport107-presets[open] .transport107-chevron{transform:rotate(180deg)}
.transport107-presets>.transport-dimension-presets{margin-top:5px;padding:8px 10px!important;gap:5px!important}
.transport-dimension-presets-row{gap:5px!important}
.transport-dimension-preset{padding:5px 8px!important;font-size:11px!important}
.transport107-limits>summary{background:#fafaf8;border-color:#e7e7e0;color:#6d6b61;font-weight:500}
.transport107-limits .transport-dimensions-help{padding:8px 6px 0;margin:0}
@media(max-width:760px){
 .transport-picker .row{--bs-gutter-y:5px}
 .transport-details .transport-panel{padding:9px!important}
 .transport107-presets-caption{display:none}
 .packages100-card{min-width:690px}
 .packages100-fields{gap:6px!important}
 .transport-actions{flex-wrap:wrap}
}


/* Etap 122: po ujednoliceniu typografii utrzymaj spójny rozmiar pól formularza transportu. */
.transport-inline-grid .form-label{font-size:13px!important;margin-bottom:5px!important;line-height:1.25}
.transport-inline-grid .country-search-control .form-control,
.transport-inline-grid .transport-fixed-country,
.transport-inline-grid .transport-postal-input,
.transport-inline-grid .transport-weight-field .form-control{min-height:36px!important;height:36px!important;font-size:14px!important}
.transport-inline-grid .input-group-text{min-height:36px!important;height:36px!important;font-size:13px!important}
.transport-inline-grid .transport-field-help{font-size:12px!important;margin-top:5px!important;line-height:1.35!important}

/* END transport-compact107.css */

/* START quote-detail111.css */
/* Etap 111 — wspólne formatowanie szczegółowych wycen. Bez ingerencji w JS i taryfy. */
#quoteDetailedResults{display:grid;gap:14px;min-width:0}
#quoteDetailedResults :is(.gls-results,.dhl-results){min-width:0;width:100%;margin:0;box-sizing:border-box;border:1px solid #e2e5e9;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 2px 10px rgba(20,30,40,.045)}
#quoteDetailedResults .gls-results-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 16px!important;margin:0!important;background:#f8f9fb;border-bottom:1px solid #e6e8ec;min-height:66px}
#quoteDetailedResults .gls-results-brand{display:flex;align-items:center;gap:12px;min-width:0}
#quoteDetailedResults .gls-results-brand>div{min-width:0}
#quoteDetailedResults .gls-results-brand strong{display:block;font-size:1rem;line-height:1.35;color:#1e293b}
#quoteDetailedResults .gls-results-brand small{display:block;color:#667385;font-size:.76rem;line-height:1.4;margin-top:3px}
#quoteDetailedResults :is(.gls-zones,.suus-body,.gls-controls){min-width:0}
#quoteDetailedResults :is(.suus-metadata,.dhl-metadata){display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px;margin:10px 0}
#quoteDetailedResults :is(.suus-metadata,.dhl-metadata)>div{min-width:0;background:#f8fafc;border:1px solid #e7eaf0;border-radius:9px;padding:9px 11px;display:flex;flex-direction:column;gap:4px}
#quoteDetailedResults :is(.suus-metadata,.dhl-metadata) small{font-size:.73rem;color:#637083}
#quoteDetailedResults :is(.suus-metadata,.dhl-metadata) strong{font-size:.93rem;overflow-wrap:anywhere;color:#243245}
#quoteDetailedResults :is(.suus-prices,.suus-price-breakdown,.gls-zone-details){display:grid;gap:0;margin:12px 0;border:1px solid #e5e9ee;border-radius:10px;overflow:hidden;background:white}
#quoteDetailedResults :is(.suus-prices,.suus-price-breakdown,.gls-zone-details)>div:not(.gls-package-breakdown):not([hidden]):not([data-ups-optional-list]){display:flex;align-items:baseline;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:9px 12px;border-bottom:1px solid #eff1f4;min-width:0;margin:0}
#quoteDetailedResults :is(.suus-prices,.suus-price-breakdown,.gls-zone-details)>div>span:first-child{flex:1 1 210px;font-size:.85rem;color:#475569}
#quoteDetailedResults :is(.suus-prices,.suus-price-breakdown,.gls-zone-details)>div>strong{margin-left:auto;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}
#quoteDetailedResults :is(.suus-grand-total,.gls-final-row){background:#f5f7e9!important;border-top:1px solid #e2e9be!important;padding:13px 12px!important}
#quoteDetailedResults :is(.suus-grand-total,.gls-final-row)>strong{font-size:1.25rem!important;color:#294d26!important}
#quoteDetailedResults :is(.suus-controls,.gls-control-grid){gap:9px}
#quoteDetailedResults :is(.suus-control,.gls-control-box){min-width:0}
#quoteDetailedResults :is(.suus-control,.gls-control-box) label{font-size:.78rem;font-weight:600;color:#334155;margin-bottom:5px}
#quoteDetailedResults :is(.suus-control,.gls-control-box) .form-control{min-height:36px}
#quoteDetailedResults :is(.suus-weight-explanation,.ups-package-detail,.gls-package-breakdown){border:1px solid #e7ebef;border-radius:10px;background:#fcfdff;padding:10px 12px;margin:10px 0;min-width:0}
#quoteDetailedResults :is(.gls-package-breakdown-list,.suus-weight-steps){min-width:0}
#quoteDetailedResults :is(.gls-package-breakdown-list)>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid #edf0f3}
#quoteDetailedResults :is(.gls-package-breakdown-list)>div>strong{white-space:nowrap;font-variant-numeric:tabular-nums}
#quoteDetailedResults :is(.gls-zone-card,.ups-zone-result){min-width:0;border-radius:10px}
#quoteDetailedResults .gls-zone-caption,#quoteDetailedResults .ups-zone-result-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#quoteDetailedResults .table-responsive{max-width:100%;overflow-x:auto}
#quoteDetailedResults .table{font-size:.81rem}
#quoteDetailedResults :is(.gls-info,.suus-sync-status,.gls-sync-status,.gls-results-note){font-size:.78rem;line-height:1.5}
#quoteDetailedResults .mon-choose-btn{min-height:35px;border-radius:7px}
@media(max-width:760px){#quoteDetailedResults{gap:10px}#quoteDetailedResults .gls-results-header{padding:11px!important}#quoteDetailedResults :is(.suus-metadata,.dhl-metadata){grid-template-columns:repeat(2,minmax(0,1fr))}#quoteDetailedResults :is(.suus-prices,.suus-price-breakdown,.gls-zone-details)>div>strong{white-space:normal}#quoteDetailedResults :is(.suus-grand-total,.gls-final-row)>strong{font-size:1.1rem!important}}
@media(max-width:420px){#quoteDetailedResults :is(.suus-metadata,.dhl-metadata){grid-template-columns:1fr}}


/* Etap 112 — kompaktowy GLS i poprawione pola z jednostkami. */
#quoteDetailedResults .gls-controls{
  padding: 12px 16px !important;
  gap: 8px !important;
}
#quoteDetailedResults .gls-control-grid{
  gap: 8px !important;
}
#quoteDetailedResults .gls-control-box{
  padding: 8px 10px !important;
  gap: 4px !important;
}
#quoteDetailedResults .gls-controls-info{
  font-size: .82rem;
  margin: 0;
}
#quoteDetailedResults .gls-extra-help,
#quoteDetailedResults .gls-sync-status,
#quoteDetailedResults .gls-extra-alert{
  margin: 0 !important;
}
#quoteDetailedResults .gls-zones{
  padding: 12px 16px !important;
  gap: 10px !important;
}
#quoteDetailedResults .gls-zone-card{
  padding: 12px !important;
}
#quoteDetailedResults .gls-zone-caption{
  margin-bottom: 8px !important;
}
#quoteDetailedResults .gls-zone-details{
  margin: 8px 0 0 !important;
}
#quoteDetailedResults .gls-zone-details > div:not(.gls-package-breakdown):not([hidden]):not([data-ups-optional-list]){
  padding: 8px 10px !important;
}
#quoteDetailedResults .gls-package-breakdown{
  margin: 0 !important;
  padding: 8px 10px !important;
}
#quoteDetailedResults .gls-package-breakdown-list{
  margin-top: 6px !important;
}
#quoteDetailedResults .gls-package-breakdown-list > div{
  padding: 5px 0 !important;
}
#quoteDetailedResults .gls-final-row{
  padding: 10px !important;
}
#quoteDetailedResults .gls-info,
#quoteDetailedResults .gls-rate-warning{
  padding-left: 16px !important;
  padding-right: 16px !important;
}
#quoteDetailedResults .gls-info{
  padding-bottom: 14px !important;
}
#quoteDetailedResults .gls-control-box .input-group{
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
}
#quoteDetailedResults .gls-control-box .form-control{
  width: 1%;
  min-width: 0;
  flex: 1 1 auto;
  min-height: 34px !important;
}
#quoteDetailedResults .gls-control-box .input-group-text{
  flex: 0 0 auto;
  min-width: 44px;
  width: auto;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  white-space: nowrap;
  box-sizing: border-box;
}
#quoteDetailedResults .gls-control-box--toggle{
  justify-content: center;
}
@media (max-width: 760px) {
  #quoteDetailedResults .gls-controls,
  #quoteDetailedResults .gls-zones {
    padding: 10px 12px !important;
  }
  #quoteDetailedResults .gls-zone-card {
    padding: 10px !important;
  }
  #quoteDetailedResults .gls-info,
  #quoteDetailedResults .gls-rate-warning {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}


/* Etap 113 — naprawa źródła pustych przestrzeni w GLS.
   Stary flex-direction:column i flex-basis:210px rozciągały etykietę w pionie. */
#quoteDetailedResults .gls-zone-details {
  display: block !important;
  margin: 8px 0 0 !important;
}
#quoteDetailedResults .gls-zone-details > div:not(.gls-package-breakdown):not([hidden]) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px 12px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 9px 11px !important;
  border-bottom: 1px solid #edf0f3;
}
#quoteDetailedResults .gls-zone-details > div:not(.gls-package-breakdown) > span:first-child {
  flex: 1 1 210px !important;
  min-height: 0 !important;
  width: auto !important;
  margin: 0 !important;
}
#quoteDetailedResults .gls-zone-details > div:not(.gls-package-breakdown) > strong {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  line-height: 1.3 !important;
}
#quoteDetailedResults .gls-zone-details > .gls-package-breakdown {
  display: block !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 10px 11px !important;
  border-bottom: 1px solid #edf0f3;
}
#quoteDetailedResults .gls-package-breakdown > span {
  display: block;
  margin: 0 0 5px !important;
  flex: none !important;
}
#quoteDetailedResults .gls-package-breakdown-list > div {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center;
  min-height: 0;
  gap: 10px;
}
#quoteDetailedResults .gls-package-breakdown-list > div > span {flex:1 1 auto !important;min-height:0 !important;}
#quoteDetailedResults .gls-package-breakdown-list > div > strong {flex:0 0 auto !important;}
/* Zwarty zestaw: pole wartości szerokie, jednostka stałej niewielkiej szerokości. */
#quoteDetailedResults .gls-control-box .input-group {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 42px !important;
  width: min(100%, 240px) !important;
  max-width: 100% !important;
  flex-wrap: nowrap !important;
}
#quoteDetailedResults .gls-control-box .input-group > .form-control {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 5px 10px !important;
  border-radius: 7px 0 0 7px !important;
}
#quoteDetailedResults .gls-control-box .input-group > .input-group-text {
  box-sizing: border-box !important;
  display: flex !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  min-height: 36px !important;
  padding: 0 3px !important;
  margin-left: -1px !important;
  border-radius: 0 7px 7px 0 !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: 11px !important;
}
@media(max-width:560px){
  #quoteDetailedResults .gls-control-box .input-group {width:100% !important;}
  #quoteDetailedResults .gls-zone-details > div:not(.gls-package-breakdown) > span:first-child {flex-basis: 120px !important;}
}

/* Etap 114 — proporcje jednostek, pełne wiersze kosztów i tekst GLS */
#quoteDetailedResults .input-group:has(> .form-control):has(> .input-group-text){display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;min-width:0!important;width:100%!important;max-width:100%!important}
#quoteDetailedResults .input-group:has(> .form-control):has(> .input-group-text)>.form-control{display:block!important;flex:1 1 0%!important;width:1%!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important;border-radius:7px 0 0 7px!important}
#quoteDetailedResults .input-group:has(> .form-control):has(> .input-group-text)>.input-group-text{display:inline-flex!important;flex:0 0 43px!important;width:43px!important;min-width:43px!important;max-width:43px!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;padding:0 5px!important;line-height:1.15!important;border-radius:0 7px 7px 0!important;white-space:nowrap!important}
#quoteDetailedResults .suus-body,#quoteDetailedResults .suus-prices,#quoteDetailedResults .suus-price-breakdown,#quoteDetailedResults .dhl-cost-breakdown{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}
#quoteDetailedResults .suus-prices>div,#quoteDetailedResults .suus-price-breakdown>div{min-height:0!important;align-items:center!important;flex-direction:row!important;justify-content:space-between!important;gap:8px 18px!important;padding:9px 12px!important}
#quoteDetailedResults .suus-prices>div>span:first-child,#quoteDetailedResults .suus-price-breakdown>div>span:first-child{min-width:0!important;flex:1 1 auto!important;width:auto!important;margin:0!important}
#quoteDetailedResults .suus-prices>div>strong,#quoteDetailedResults .suus-price-breakdown>div>strong,#quoteDetailedResults .dhl-line-values{margin-left:auto!important;flex:0 0 auto!important;text-align:right!important}
#quoteDetailedResults .dhl-line-values{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:1px!important;white-space:nowrap!important}
#quoteDetailedResults .gls-package-inline-list{display:block!important;margin:5px 0 0!important}
#quoteDetailedResults .gls-package-inline-list>.gls-package-inline{display:flex!important;justify-content:space-between!important;gap:8px 14px!important;align-items:baseline!important;margin:0!important;padding:3px 0!important;border:0!important;line-height:1.4!important;font-size:.85rem!important}
#quoteDetailedResults .gls-package-inline-list>.gls-package-inline>span{min-width:0!important;flex:1 1 auto!important}
#quoteDetailedResults .gls-package-inline-list>.gls-package-inline>strong{white-space:nowrap!important;flex:0 0 auto!important}
@media(max-width:600px){#quoteDetailedResults .suus-prices>div,#quoteDetailedResults .suus-price-breakdown>div{flex-wrap:wrap!important}#quoteDetailedResults .dhl-line-values{white-space:normal!important}}

/* Etap 115: widoczność uproszczonego i szczegółowego widoku ma pierwszeństwo przed regułami kart. */
#quoteResultsArea.quote-results-area--simple #quoteDetailedResults {display:none !important;}
#quoteResultsArea.quote-results-area--simple #quoteCompactResults {display:block !important;}
#quoteResultsArea:not(.quote-results-area--simple) #quoteDetailedResults {display:grid !important;}
#quoteResultsArea:not(.quote-results-area--simple) #quoteCompactResults {display:none !important;}

#quoteResultsArea #quoteCompactResults[hidden], #quoteResultsArea #quoteDetailedResults[hidden] {display:none !important;}

/* Etap 116 — jednostki pól w szczegółach wszystkich przewoźników.
   Grid uniezależnia proporcje jednostki od reguł flex i min-width inputów. */
#quoteDetailedResults .suus-control > .input-group,
#quoteDetailedResults .dhl-fee-controls .input-group,
#quoteDetailedResults .ups-zone-result .input-group {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 43px !important;
  gap: 0 !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  align-items: stretch !important;
}
#quoteDetailedResults .suus-control > .input-group > .form-control,
#quoteDetailedResults .dhl-fee-controls .input-group > .form-control,
#quoteDetailedResults .ups-zone-result .input-group > .form-control {
  display: block !important;
  grid-column: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  flex: none !important;
  box-sizing: border-box !important;
  border-radius: 7px 0 0 7px !important;
}
#quoteDetailedResults .suus-control > .input-group > .input-group-text,
#quoteDetailedResults .dhl-fee-controls .input-group > .input-group-text,
#quoteDetailedResults .ups-zone-result .input-group > .input-group-text {
  display: flex !important;
  grid-column: 2 !important;
  width: 43px !important;
  min-width: 43px !important;
  max-width: 43px !important;
  flex: none !important;
  box-sizing: border-box !important;
  padding: 0 4px !important;
  margin-left: -1px !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: nowrap !important;
  border-radius: 0 7px 7px 0 !important;
}

/* Etap 117: wspólne jednostki wszystkich inputów w wynikach szczegółowych.
   Celowo ostatnia reguła, aby nadpisać starsze warianty flex i selektory UPS. */
#quoteDetailedResults .input-group:has(> .form-control + .input-group-text) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 44px !important;
  grid-auto-flow: column !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}
#quoteDetailedResults .input-group:has(> .form-control + .input-group-text) > .form-control {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 36px !important;
  height: 36px !important;
  padding: 6px 10px !important;
  margin: 0 !important;
  flex: none !important;
  box-sizing: border-box !important;
  border-radius: 7px 0 0 7px !important;
  position: relative;
}
#quoteDetailedResults .input-group:has(> .form-control + .input-group-text) > .input-group-text {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  width: 44px !important;
  min-width: 0 !important;
  max-width: 44px !important;
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 4px !important;
  margin: 0 0 0 -1px !important;
  flex: none !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border-radius: 0 7px 7px 0 !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  font-size: 12px !important;
}
#quoteDetailedResults :is(.suus-control, .gls-control-box, .dhl-fee-control, .ups-control) { min-width: 0 !important; }


/* Etap 118: kwota PLN jest główną wartością w rozliczeniu SUUS, DHL i Raben zagranica. */
#quoteDetailedResults .quote-secondary-eur {
  background: #fff !important;
  border-top: 0 !important;
  padding: 9px 12px !important;
}
#quoteDetailedResults .quote-secondary-eur > strong {
  color: #596579 !important;
  font-size: .95rem !important;
  font-weight: 600 !important;
}
#quoteDetailedResults .quote-primary-pln {
  background: #f5f7e9 !important;
  border-top: 1px solid #e2e9be !important;
  padding: 13px 12px !important;
}
#quoteDetailedResults .quote-primary-pln > strong {
  font-size: 1.25rem !important;
  color: #294d26 !important;
  font-weight: 750 !important;
}
#quoteDetailedResults .quote-primary-pln[hidden] { display: none !important; }

/* END quote-detail111.css */

/* START quote-compact119.css */
/* Etap 119 — krótsze wyniki wyszukiwania, bez ingerencji w kwoty i sortowanie. */
#quoteResultsArea .quote-view-toolbar{margin-top:10px;padding:9px 13px;gap:8px;border-radius:10px}
#quoteResultsArea .quote-view-toolbar-heading{gap:8px}
#quoteResultsArea .quote-view-toolbar-heading>i{width:27px;height:27px;flex-basis:27px;font-size:14px}
#quoteResultsArea .quote-view-toolbar-heading small{font-size:10px}
#quoteResultsArea .quote-view-switch{padding:5px 9px;font-size:12px}
#quoteResultsArea .quote-overview{margin:9px 0 10px;padding:10px 12px;border-radius:10px}
#quoteResultsArea .quote-overview-heading{margin-bottom:7px}
#quoteResultsArea .quote-overview-heading h3{font-size:14px}
#quoteResultsArea .quote-overview-heading p{font-size:10px;margin:1px 0 0}
#quoteResultsArea .quote-overview-heading>.bi{font-size:17px}
#quoteResultsArea .quote-overview-metrics{gap:7px}
#quoteResultsArea .quote-overview-metric{padding:8px 10px;gap:2px;border-radius:8px}
#quoteResultsArea .quote-overview-metric>span{font-size:10px}
#quoteResultsArea .quote-overview-metric>strong{font-size:20px;line-height:1.1}
#quoteResultsArea .quote-overview-metric>small{font-size:10px;line-height:1.25}
#quoteResultsArea .quote-overview-note{margin:5px 0 0;font-size:10px}
#quoteResultsArea .quote-diagnostics{margin-block:8px!important}
#quoteResultsArea .quote-diagnostics>summary{padding-block:7px!important}
#quoteResultsArea .quote-compact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;align-items:start;margin-top:9px}
#quoteResultsArea .quote-compact-card,
#quoteResultsArea .quote-compact-card.quote-best{padding:10px!important;border-radius:10px!important;gap:7px;min-width:0;align-self:start;transition:box-shadow .15s}
#quoteResultsArea .quote-compact-card:hover{transform:none}
#quoteResultsArea .quote-compact-card-head{gap:6px;flex-wrap:nowrap;align-items:center}
#quoteResultsArea .quote-compact-brand{width:34px;flex-basis:34px;height:27px;font-size:10px;padding:3px!important;border-radius:6px}
#quoteResultsArea .quote-compact-card-head>div{flex:1 1 0;min-width:0;gap:1px}
#quoteResultsArea .quote-compact-card-head>div strong,
#quoteResultsArea .quote-compact-card-head>strong{font-size:12px;line-height:1.2;overflow-wrap:anywhere}
#quoteResultsArea .quote-compact-card-head>div small{font-size:9px;line-height:1.25;overflow-wrap:anywhere}
#quoteResultsArea .quote-compact-card-head .quote-best-badge{font-size:9px;padding:2px 4px;flex:0 0 auto;white-space:nowrap}
#quoteResultsArea .quote-compact-costs{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px!important;margin:0;padding:7px 8px;border-radius:7px;min-width:0}
#quoteResultsArea .quote-compact-costs>div{display:flex;flex-direction:column;gap:1px;min-width:0}
#quoteResultsArea .quote-compact-costs>div:first-child strong{font-size:clamp(15px,1.35vw,19px);font-weight:850;line-height:1.15}
#quoteResultsArea .quote-compact-costs [data-compact-eur]{font-size:12px;line-height:1.2}
#quoteResultsArea .quote-compact-costs span{font-size:9px;white-space:nowrap}
#quoteResultsArea .quote-compact-costs strong{white-space:nowrap}
#quoteResultsArea .quote-compact-card .mon-choose-btn{margin-top:2px;width:100%;min-height:28px;padding:4px 7px;font-size:10px;align-self:stretch}
#quoteResultsArea .quote-compact-warning{font-size:10px;line-height:1.3;gap:4px}
#quoteResultsArea .quote-gls-zone-warning,
#quoteResultsArea .quote-ups-zone-warning{padding:5px 7px;margin:2px 0;font-size:10px;line-height:1.3}
#quoteResultsArea .quote-compact-unavailable-label{font-size:10px;padding:4px 6px}
#quoteResultsArea .quote-compact-card--unavailable p{font-size:10px;line-height:1.3}
#quoteResultsArea .quote-compact-footnote{margin:6px 2px 0;font-size:10px;line-height:1.35}
@media(max-width:1140px){#quoteResultsArea .quote-compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){#quoteResultsArea .quote-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){#quoteResultsArea .quote-compact-grid{grid-template-columns:minmax(0,1fr)!important}#quoteResultsArea .quote-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#quoteResultsArea .quote-overview-metric:first-child{grid-column:1/-1}#quoteResultsArea .quote-compact-card,#quoteResultsArea .quote-compact-card.quote-best{padding:10px!important}#quoteResultsArea .quote-compact-costs>div:first-child strong{font-size:19px}}
@media(min-width:576px) and (max-width:1140px){#quoteResultsArea .quote-compact-card-head{flex-wrap:wrap}}

/* Etap 120 — bardziej czytelna typografia zachowująca gęsty układ. */
#quoteResultsArea .quote-view-toolbar-heading small,
#quoteResultsArea .quote-overview-heading p,
#quoteResultsArea .quote-overview-metric>span,
#quoteResultsArea .quote-overview-metric>small,
#quoteResultsArea .quote-overview-note,
#quoteResultsArea .quote-compact-costs span,
#quoteResultsArea .quote-compact-card-head>div small,
#quoteResultsArea .quote-compact-warning,
#quoteResultsArea .quote-compact-footnote,
#quoteResultsArea .quote-compact-card--unavailable p {font-size:12px!important;line-height:1.4!important;color:#485365}
#quoteResultsArea .quote-compact-card-head>div strong,
#quoteResultsArea .quote-compact-card-head>strong{font-size:14px!important;line-height:1.35}
#quoteResultsArea .quote-compact-costs [data-compact-eur]{font-size:13px!important}
#quoteResultsArea .quote-compact-costs>div:first-child strong{font-size:clamp(17px,1.4vw,20px)!important}
#quoteResultsArea .quote-compact-card .mon-choose-btn{font-size:12px!important;min-height:32px!important}
#quoteResultsArea .quote-compact-card-head .quote-best-badge{font-size:10px!important}
#quoteResultsArea .quote-compact-brand{font-size:11px!important}
#quoteResultsArea .quote-compact-unavailable-label{font-size:12px!important}
#quoteResultsArea .quote-overview-metric>strong{font-size:21px!important}
#quoteResultsArea .quote-compact-card{gap:8px!important}

/* END quote-compact119.css */

/* START unified-compact121.css */
/* Etap 121 — wspólna typografia i miary interfejsu. Warstwa prezentacji. */
:root{--ui-font:Arial,"Helvetica Neue",Helvetica,sans-serif;--ui-base:14px;--ui-small:12.5px;--ui-control:36px;--ui-radius:9px}
html{font-size:var(--ui-base)}
body,button,input,select,textarea,.btn,.form-control,.form-select,.input-group-text{font-family:var(--ui-font)!important;font-synthesis:none}
body{font-size:var(--ui-base);line-height:1.42;-webkit-font-smoothing:auto;text-rendering:optimizeLegibility}
.main-content{padding-top:16px;padding-bottom:24px}
.content-wrapper{max-width:1280px}
h1,.h1{font-size:1.5rem;line-height:1.25;font-weight:700}
h2,.h2{font-size:1.22rem;line-height:1.3;font-weight:700}
h3,.h3{font-size:1.06rem;line-height:1.35;font-weight:700}
small,.small,.text-muted,.form-text,.transport-field-help,.transport-panel small,.panel-card small,.page-intro p{font-size:var(--ui-small);line-height:1.4}
label,.form-label,.transport-form-row .form-label,.form-card .form-label{font-size:13px;font-weight:650;line-height:1.3;margin-bottom:4px}
.form-control,.form-select,.input-group-text,.btn,.transport-panel .form-control,.transport-panel .form-select,.panel-card .form-control,.panel-card .form-select{font-size:13px;line-height:1.35}
.form-control,.form-select,.input-group-text,.transport-panel .form-control,.transport-panel .form-select,.transport-panel .input-group-text,.panel-card .form-control,.panel-card .form-select{min-height:var(--ui-control);height:auto;padding:7px 10px;border-radius:var(--ui-radius)}
.input-group>.form-control,.input-group>.form-select{min-width:0;flex:1 1 auto}
.input-group>.input-group-text{flex:0 0 auto;width:auto;min-width:42px;padding:6px 9px;display:inline-flex;justify-content:center;align-items:center}
.btn{min-height:34px;padding:6px 11px;border-radius:8px}
.btn-sm{min-height:30px;padding:5px 9px;font-size:12.5px}
.panel-card,.admin-card,.metric-card,.card{padding:14px;border-radius:11px}
.table{font-size:13px;line-height:1.35}
.table td,.table th{padding:7px 9px}
.table thead th{font-size:12px;text-transform:none;letter-spacing:0}
.page-intro{margin-bottom:10px}
.transport-picker,.transport-details{margin-top:10px}
.transport-details .transport-panel form{gap:10px}
.transport-details .transport-inline-grid{gap:10px}
.transport-actions{padding-top:10px;margin-top:8px}
.transport-option{min-height:56px}
.exchange-rate-card,.transport-panel,.quote-view-toolbar{border-radius:11px}
.gls-control-box .form-control,.gls-control-box .input-group-text{min-height:34px}
/* Spójna, czytelna typografia wyników */
#quoteResultsArea .quote-view-toolbar-heading strong{font-size:16px}
#quoteResultsArea .quote-overview-heading h3{font-size:15px}
#quoteResultsArea .quote-overview-metric>strong{font-size:21px}
#quoteResultsArea .quote-compact-card-head>div strong,
#quoteResultsArea .quote-compact-card-head>strong{font-size:14px!important;line-height:1.3}
#quoteResultsArea .quote-compact-card-head>div small,
#quoteResultsArea .quote-compact-costs span,
#quoteResultsArea .quote-compact-warning,
#quoteResultsArea .quote-compact-card--unavailable p{font-size:12px!important;line-height:1.35!important}
#quoteResultsArea .quote-compact-costs>div:first-child strong{font-size:19px!important}
#quoteResultsArea .quote-compact-costs [data-compact-eur]{font-size:13.5px!important}
#quoteResultsArea .quote-compact-card .mon-choose-btn{font-size:12.5px!important;min-height:32px!important}
/* Karty mają tę samą wysokość niezależnie od obecności komunikatu. */
#quoteResultsArea .quote-compact-grid{align-items:stretch!important;grid-auto-rows:auto}
#quoteResultsArea .quote-compact-card,
#quoteResultsArea .quote-compact-card.quote-best{align-self:stretch!important;min-height:185px;display:flex;flex-direction:column;gap:7px!important;padding:11px!important}
#quoteResultsArea .quote-compact-card-head{min-height:39px}
#quoteResultsArea .quote-compact-costs{min-height:57px}
#quoteResultsArea .quote-compact-message-slot{min-height:34px;display:flex;align-items:start;min-width:0}
#quoteResultsArea .quote-compact-message-slot>.quote-compact-warning{width:100%;margin:0!important;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
#quoteResultsArea .quote-compact-card .mon-choose-btn{margin-top:auto!important;flex-shrink:0}
#quoteResultsArea .quote-compact-card--unavailable{min-height:185px}
#quoteResultsArea .quote-compact-brand{font-size:11.5px!important}
@media(max-width:575px){.main-content{padding:12px 10px 20px}.panel-card,.admin-card{padding:12px}#quoteResultsArea .quote-compact-card{min-height:178px}}


/* Etap 122 — uporządkowanie pól transportu i usunięcie opcji Dłużyca / Paleta. */
.transport-details .transport-inline-grid,
.transport-inline-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px 14px;
  align-items:start;
}
.transport-details .transport-inline-grid > .transport-form-row,
.transport-inline-grid > .transport-form-row{
  min-width:0;
  width:100%;
}
.transport-details .transport-inline-grid > .transport-form-row > .form-label,
.transport-inline-grid > .transport-form-row > .form-label{
  display:flex;
  align-items:center;
  gap:4px;
  min-height:18px;
  margin-bottom:5px;
  font-size:13px;
  line-height:1.25;
}
.transport-inline-grid .country-combobox,
.transport-inline-grid .transport-weight-field,
.transport-inline-grid .transport-postal-input,
.transport-inline-grid .form-control,
.transport-inline-grid .input-group{
  width:100%;
  max-width:none;
}
.transport-inline-grid .country-search-control,
.transport-inline-grid .input-group{
  min-height:36px;
}
.transport-inline-grid .country-search-control .form-control,
.transport-inline-grid .transport-fixed-country,
.transport-inline-grid .transport-postal-input,
.transport-inline-grid .transport-weight-field .form-control,
.transport-inline-grid .transport-inline-item .form-control{
  min-height:36px !important;
  height:36px !important;
  font-size:14px !important;
}
.transport-inline-grid .input-group-text{
  min-height:36px !important;
  height:36px !important;
  font-size:13px;
  padding:0 11px;
}
.transport-inline-grid .transport-field-help{
  margin-top:5px !important;
  font-size:12px !important;
  line-height:1.35 !important;
}
.transport-inline-grid .country-search-control > i{
  left:12px;
  font-size:14px;
  z-index:2;
}
.transport-inline-grid .country-search-control .form-control,
.transport-inline-grid .transport-fixed-country{
  padding-left:38px !important;
  padding-right:40px !important;
}
.transport-inline-grid .transport-fixed-country{
  font-weight:500;
}
.transport-inline-grid #countrySearch{
  padding-right:42px !important;
}
.transport-inline-grid .country-expand{
  width:34px;
  right:1px;
  top:1px;
  bottom:1px;
}
.transport-inline-grid .transport-country-row,
.transport-inline-grid .transport-inline-item{
  margin:0;
  padding:0;
  border:0;
}
.transport-inline-grid .invalid-feedback{
  font-size:12px;
  margin-top:4px;
}
@media (max-width:1199.98px){
  .transport-details .transport-inline-grid,
  .transport-inline-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:767.98px){
  .transport-details .transport-inline-grid,
  .transport-inline-grid{grid-template-columns:1fr;gap:12px;}
}

/* Etap 123: jednakowe kompaktowe kontrolki w obu kierunkach. */
#transportForm .transport-inline-grid > .transport-form-row {
  min-width:0 !important;
  width:100% !important;
  align-self:stretch;
}
#transportForm .transport-inline-grid > .transport-form-row > .form-label {
  min-height:34px !important;
  height:34px !important;
  display:flex !important;
  align-items:flex-end !important;
  padding-bottom:5px !important;
  margin:0 !important;
  line-height:1.2 !important;
  font-size:12px !important;
}
#transportForm .transport-inline-grid .country-search-control,
#transportForm .transport-inline-grid .transport-weight-field,
#transportForm .transport-inline-grid .input-group {
  width:100% !important;
  min-width:0 !important;
  height:34px !important;
  min-height:34px !important;
  max-height:34px !important;
}
#transportForm .transport-inline-grid .transport-weight-field {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 42px !important;
  grid-template-rows:34px !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
}
#transportForm .transport-inline-grid .transport-weight-field > input.form-control {
  display:block !important;
  min-width:0 !important;
  width:100% !important;
  height:34px !important;
  min-height:34px !important;
  max-height:34px !important;
  box-sizing:border-box !important;
  border-radius:7px 0 0 7px !important;
  margin:0 !important;
  font-size:13px !important;
}
#transportForm .transport-inline-grid .transport-weight-field > .input-group-text {
  display:flex !important;
  grid-column:2 !important;
  grid-row:1 !important;
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  height:34px !important;
  min-height:34px !important;
  max-height:34px !important;
  margin:0 !important;
  padding:0 5px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:0 7px 7px 0 !important;
  white-space:nowrap !important;
  font-size:12px !important;
}
#transportForm .transport-inline-grid .country-search-control .form-control,
#transportForm .transport-inline-grid .transport-fixed-country,
#transportForm .transport-inline-grid .transport-postal-input,
#transportForm .transport-inline-grid #rabenLocality {
  height:34px !important;
  min-height:34px !important;
  max-height:34px !important;
  box-sizing:border-box !important;
  font-size:13px !important;
  border-radius:7px !important;
  margin:0 !important;
}
#transportForm .transport-inline-grid .transport-country-row .country-combobox,
#transportForm .transport-inline-grid .transport-country-row .country-search-control {
  min-width:0 !important;
  width:100% !important;
}
#transportForm .transport-inline-grid .transport-field-help {
  font-size:11px !important;
  margin-top:5px !important;
  line-height:1.3 !important;
}

/* END unified-compact121.css */


/* ETAP 124 — formularz i porównanie ofert: zwarte, czytelne i zależne od szerokości obszaru. */
.transport-details .transport-inline-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
.transport-details .transport-inline-grid>.transport-form-row{min-width:0;width:100%}
.transport-details .transport-inline-grid .country-search-control .form-control,
.transport-details .transport-inline-grid .transport-fixed-country,
.transport-details .transport-inline-grid .transport-postal-input,
.transport-details .transport-inline-grid .transport-weight-field .form-control,
.transport-details .transport-inline-grid #rabenLocality{height:36px!important;min-height:36px!important;font-size:13px!important}
.transport-details .transport-inline-grid .transport-weight-field{display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;width:100%;min-width:0;flex-wrap:nowrap!important}
.transport-details .transport-inline-grid .transport-weight-field>.form-control{width:100%!important;min-width:0!important;flex:auto!important;border-radius:8px 0 0 8px!important}
.transport-details .transport-inline-grid .transport-weight-field>.input-group-text{width:42px!important;min-width:42px!important;max-width:42px!important;min-height:36px!important;height:36px!important;padding:0!important;border-radius:0 8px 8px 0!important}
.transport-details .transport-inline-grid .country-search-control>i{left:12px;z-index:2;pointer-events:none}
.transport-details .transport-inline-grid :is(#countrySearch,#domesticCountry){padding-left:40px!important}
#quoteResultsArea .quote-overview{margin-block:8px 10px}
#quoteResultsArea .quote-overview-metrics{gap:8px}
#quoteResultsArea .quote-compact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important;align-items:stretch}
#quoteResultsArea .quote-compact-card,#quoteResultsArea .quote-compact-card.quote-best{box-sizing:border-box;width:100%;min-width:0;min-height:194px;align-self:stretch!important;display:flex;flex-direction:column;gap:8px!important}
#quoteResultsArea .quote-compact-card-head{min-height:40px;align-items:center}
#quoteResultsArea .quote-compact-card-head strong{font-size:14px!important;line-height:1.25!important}
#quoteResultsArea .quote-compact-card-head small,#quoteResultsArea .quote-compact-warning{font-size:12px!important;line-height:1.35!important}
#quoteResultsArea .quote-compact-costs{min-height:56px;min-width:0}
#quoteResultsArea .quote-compact-costs>div:first-child strong{font-size:19px!important}
#quoteResultsArea .quote-compact-message-slot{min-height:37px}
#quoteResultsArea .quote-compact-card .mon-choose-btn{margin-top:auto!important;min-height:34px!important;font-size:12.5px!important}
#quoteResultsArea .quote-compact-card--unavailable{min-height:194px}
#quoteDetailedResults :is(.gls-control-box,.suus-control) .input-group{display:grid!important;grid-template-columns:minmax(0,1fr) 44px;min-width:0}
#quoteDetailedResults :is(.gls-control-box,.suus-control) .input-group>.form-control{width:100%!important;min-width:0!important;flex:auto!important}
#quoteDetailedResults :is(.gls-control-box,.suus-control) .input-group>.input-group-text{width:44px!important;min-width:44px!important;max-width:44px!important;box-sizing:border-box}
@media(max-width:1199.98px){.transport-details .transport-inline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#quoteResultsArea .quote-compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){#quoteResultsArea .quote-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.transport-details .transport-inline-grid{grid-template-columns:1fr}#quoteResultsArea .quote-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){#quoteResultsArea .quote-compact-grid{grid-template-columns:minmax(0,1fr)!important}#quoteResultsArea .quote-compact-card{min-height:180px}#quoteResultsArea .quote-overview-metric:first-child{grid-column:1/-1}}


/* Etap 129 — wizualizacja liczby dostępnych wycen */
#quoteResultsArea .quote-overview-metric--availability{position:relative}
#quoteResultsArea .quote-overview-availability{display:grid;gap:8px;margin-top:8px}
#quoteResultsArea .quote-overview-availability-bar{display:flex;align-items:center;gap:6px;justify-content:flex-end;flex-wrap:wrap}
#quoteResultsArea .quote-overview-availability-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(16px,1fr);gap:4px;min-width:140px;max-width:220px;width:100%}
#quoteResultsArea .quote-overview-availability-segment{height:10px;border-radius:999px;background:#d7dde5;box-shadow:inset 0 0 0 1px rgba(85,97,112,.08)}
#quoteResultsArea .quote-overview-availability-segment.is-on{background:linear-gradient(90deg,#31b786,#5ad09f)}
#quoteResultsArea .quote-overview-availability-segment.is-off{background:#d7dde5}
#quoteResultsArea .quote-overview-availability-label{font-size:11px;line-height:1.2;color:#5f6b7a;white-space:nowrap}
#quoteResultsArea .quote-overview-availability-icons{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
#quoteResultsArea .quote-overview-availability-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#d7dde5}
#quoteResultsArea .quote-overview-availability-dot.is-on{background:#39bb8a;box-shadow:0 0 0 3px rgba(57,187,138,.12)}
@media (max-width:767.98px){
  #quoteResultsArea .quote-overview-availability-bar{justify-content:flex-start}
  #quoteResultsArea .quote-overview-availability-track{max-width:none;min-width:0}
}


/* Etap 130 — licznik dostępnych wycen z kompaktowym układem kropek. */
#quoteResultsArea .quote-overview-metric--availability{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "label dots"
    "value dots"
    "meta dots";
  align-items:center;
  column-gap:14px;
  row-gap:2px;
}
#quoteResultsArea .quote-overview-metric--availability > span{grid-area:label}
#quoteResultsArea .quote-overview-metric--availability > strong{grid-area:value}
#quoteResultsArea .quote-overview-metric--availability > small{grid-area:meta}
#quoteResultsArea .quote-overview-metric--availability > .quote-overview-availability{
  grid-area:dots;
  display:flex !important;
  align-items:center;
  justify-content:flex-end;
  margin-top:0 !important;
  min-height:100%;
}
#quoteResultsArea .quote-overview-metric--availability .quote-overview-availability-icons{
  display:flex !important;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:nowrap;
}
#quoteResultsArea .quote-overview-metric--availability .quote-overview-availability-bar,
#quoteResultsArea .quote-overview-metric--availability .quote-overview-availability-track,
#quoteResultsArea .quote-overview-metric--availability .quote-overview-availability-label,
#quoteResultsArea .quote-overview-metric--availability .quote-overview-availability-segment{
  display:none !important;
}
#quoteResultsArea .quote-overview-metric--availability .quote-overview-availability-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#d7dde5;
  box-shadow:none;
}
#quoteResultsArea .quote-overview-metric--availability .quote-overview-availability-dot.is-on{
  background:#35bf8c;
  box-shadow:0 0 0 3px rgba(53,191,140,.16);
}
#quoteResultsArea .quote-overview-metric--availability .quote-overview-availability-dot.is-off{
  background:#d7dde5;
}
@media (max-width:575.98px){
  #quoteResultsArea .quote-overview-metric--availability{
    grid-template-columns:1fr;
    grid-template-areas:
      "label"
      "value"
      "meta"
      "dots";
    row-gap:4px;
  }
  #quoteResultsArea .quote-overview-metric--availability > .quote-overview-availability{
    justify-content:flex-start;
  }
}

/* Etap 132: spójne kompaktowe przyciski formularza */
.transport132-action-buttons{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.transport132-action-buttons .btn{min-height:36px;font-size:13px;white-space:nowrap}
.transport132-action-buttons .transport-submit{margin:0}
@media(max-width:575.98px){.transport132-action-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr}.transport132-action-buttons .btn{min-width:0;padding:7px 8px;font-size:12px}}


/* Etap 214 — korekta pól paczek w obu rodzajach transportu.
   Kontrolki nigdy nie zawierają podpowiedzi wewnątrz .input-group.
   Zakres: wyłącznie wizualna siatka paczek; bez zmian walidacji i obliczeń. */
#packages100List.packages100-list{
  width:100%; min-width:0; max-width:100%; overflow:visible;
  container-type:inline-size;
}
#packages100List .packages100-card{
  display:grid!important;
  grid-template-columns:minmax(78px,92px) minmax(0,1fr) auto!important;
  gap:12px!important; align-items:end!important;
  min-width:0!important; width:100%; max-width:100%;
  padding:11px 13px!important;
}
#packages100List .packages100-card-head{align-self:center;min-width:0}
#packages100List .packages100-fields{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;min-width:0;width:100%;align-items:end;
}
#packages100List .packages100-fields .transport-form-row{min-width:0!important;width:100%;margin:0!important}
#packages100List .packages100-fields .form-label{
  display:block!important;line-height:1.3!important;white-space:normal!important;
  margin-bottom:6px!important;font-size:12px!important;font-weight:600;
}
#packages100List .packages100-fields .input-group{
  display:flex!important;flex-wrap:nowrap!important;
  width:100%!important;min-width:0!important;
}
#packages100List .packages100-fields .input-group>.form-control{
  display:block!important;flex:1 1 auto!important;
  width:1%!important;min-width:0!important;max-width:none!important;
  height:39px!important;min-height:39px!important;
  padding:7px 10px!important;font-size:13px!important;
}
#packages100List .packages100-fields .input-group>.input-group-text{
  display:inline-flex!important;flex:0 0 auto!important;
  min-height:39px!important;align-items:center;justify-content:center;
  padding:0 10px!important;font-size:12px!important;
}
#packages100List .packages100-remove{
  width:auto!important;min-height:39px!important;white-space:nowrap;
  align-self:end!important;margin:0!important;
}
#packages100List .packages104-field-error{white-space:normal;overflow-wrap:anywhere}
@container (max-width: 860px){
  #packages100List .packages100-card{
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;
  }
  #packages100List .packages100-card-head{grid-column:1;grid-row:1}
  #packages100List .packages100-fields{
    grid-column:1/-1;grid-row:2;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #packages100List .packages100-remove{grid-column:2;grid-row:1;align-self:center!important}
}
@container (max-width: 400px){
  #packages100List .packages100-card{padding:10px!important;gap:10px!important}
  #packages100List .packages100-fields{gap:10px!important}
  #packages100List .packages100-fields .input-group>.form-control{padding-inline:7px!important}
  #packages100List .packages100-fields .input-group>.input-group-text{padding-inline:7px!important}
}
/* Fallback for older browsers without CSS container queries */
@supports not (container-type:inline-size){
  @media (max-width: 1150px){
    #packages100List .packages100-card{grid-template-columns:minmax(0,1fr) auto!important}
    #packages100List .packages100-card-head{grid-column:1;grid-row:1}
    #packages100List .packages100-fields{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr))!important}
    #packages100List .packages100-remove{grid-column:2;grid-row:1}
  }
}