/* =========================================================
   BPA CARRIER — CLEAN CURRENT FIX
   Na bazie aktualnego PHP i JS
   ========================================================= */

   .bpa-carrier{
    --bpa-accent:#0b3a66;
    --bpa-accent-dark:#072747;
    --bpa-ink:#291C2D;
    --bpa-bg:var(--bpa-panel-bg);
    --bpa-surface:#ffffff;
    --bpa-border:rgba(41,28,45,0.18);
    --bpa-border-soft:rgba(41,28,45,0.10);
    --bpa-focus:rgba(11,58,102,0.18);
    --bpa-muted:rgba(41,28,45,0.66);
  
    width:100%;
    max-width:none;
    margin:0;
    padding:32px;
    box-sizing:border-box;
    background:var(--bpa-bg);
    min-height:100vh;
  
    --ico-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23291C2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0 1 18 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
    --ico-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23291C2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
    --ico-people:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23291C2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
    --ico-clock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23291C2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
    --ico-status:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23291C2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
  
    margin-top:0 !important;
    padding-top:0 !important;
  }
  
  body.bpa-carrier-page{
    margin-top:0 !important;
    padding-top:0 !important;
    background:var(--bpa-panel-bg) !important;
  }
  
  body.bpa-carrier-page #wpadminbar{
    display:none !important;
  }
  
  body.bpa-carrier-page .site,
  body.bpa-carrier-page #page,
  body.bpa-carrier-page .site-content,
  body.bpa-carrier-page #content,
  body.bpa-carrier-page .ast-container,
  body.bpa-carrier-page .content-area,
  body.bpa-carrier-page .site-main,
  body.bpa-carrier-page article,
  body.bpa-carrier-page .post,
  body.bpa-carrier-page .page,
  body.bpa-carrier-page .entry-content{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }
  
  body.bpa-carrier-page .site-header,
  body.bpa-carrier-page #masthead,
  body.bpa-carrier-page .site-footer,
  body.bpa-carrier-page #colophon,
  body.bpa-carrier-page .entry-header,
  body.bpa-carrier-page .ast-page-header-wrap,
  body.bpa-carrier-page .ast-page-title-bar{
    display:none !important;
  }
  
  body.bpa-carrier-page .bpa-carrier{
    width:100vw !important;
    max-width:none !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding:0px !important;
    box-sizing:border-box !important;
  }
  
  .bpa-carrier .bpa-box-muted{
    background:rgba(104,76,107,0.04);
  }
  
  .bpa-carrier .bpa-hint{
    margin-top:6px;
    font-size:12px;
    color:rgba(41,28,45,.72);
  }
  
  .bpa-carrier .bpa-error{
    margin-top:14px;
    padding:14px 16px;
    border-radius:12px;
    background:#fff1f2;
    color:#9f1239;
    border:1px solid #fecdd3;
    font-weight:700;
  }
  
  .bpa-carrier .bpa-success{
    margin-top:14px;
    padding:14px 16px;
    border-radius:12px;
    background:#f0fdf4;
    color:#166534;
    border:1px solid #bbf7d0;
    font-weight:700;
  }
  
  .bpa-carrier .bpa-search-form{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:18px 18px;
    align-items:start;
  }
  
  .bpa-carrier .bpa-search-form .bpa-row{
    display:contents;
  }
  
  .bpa-carrier .bpa-field{
    min-width:0;
  }
  
  .bpa-carrier .bpa-field > label{
    font-weight:800;
    color:var(--bpa-ink);
    margin-bottom:6px;
  }
  
  .bpa-carrier .bpa-search-form input[type="text"],
  .bpa-carrier .bpa-search-form input[type="number"],
  .bpa-carrier .bpa-search-form input[type="date"],
  .bpa-carrier .bpa-search-form input[type="time"],
  .bpa-carrier .bpa-search-form input:not([type]),
  .bpa-carrier .bpa-search-form select,
  .bpa-carrier .bpa-search-form textarea{
    width:100%;
    min-width:0;
    height:46px;
    padding:10px 14px 10px 48px;
    border-radius:14px;
    border:1px solid var(--bpa-border);
    color:var(--bpa-ink);
    background-color:#fff;
    box-shadow:none;
    box-sizing:border-box;
    transition:border-color .15s ease, box-shadow .15s ease;
    background-repeat:no-repeat !important;
    background-position:14px 50% !important;
    background-size:18px 18px !important;
  }
  
  .bpa-carrier .bpa-search-form input:focus,
  .bpa-carrier .bpa-search-form select:focus,
  .bpa-carrier .bpa-search-form textarea:focus{
    outline:none;
    border-color:var(--bpa-accent);
    box-shadow:0 0 0 4px var(--bpa-focus);
  }
  
  .bpa-carrier .bpa-search-form select{
    padding-right:40px;
    appearance:none;
    -webkit-appearance:none;
    background-image:
      linear-gradient(45deg, transparent 50%, var(--bpa-ink) 50%),
      linear-gradient(135deg, var(--bpa-ink) 50%, transparent 50%);
    background-position:
      calc(100% - 18px) 50%,
      calc(100% - 12px) 50%;
    background-size:6px 6px, 6px 6px;
    background-repeat:no-repeat;
  }
  
  .bpa-carrier .bpa-search-form select[name="from_country"],
  .bpa-carrier .bpa-search-form select[name="to_country"]{
    background-image:
      var(--ico-pin),
      linear-gradient(45deg, transparent 50%, var(--bpa-ink) 50%),
      linear-gradient(135deg, var(--bpa-ink) 50%, transparent 50%) !important;
    background-position:
      14px 50%,
      calc(100% - 18px) 50%,
      calc(100% - 12px) 50% !important;
    background-size:
      18px 18px,
      6px 6px,
      6px 6px !important;
  }
  
  .bpa-carrier .bpa-search-form input[name="departure_date"],
  .bpa-carrier .bpa-search-form input[name="ride_date"]{
    background-image:var(--ico-date) !important;
  }
  
  .bpa-carrier .bpa-search-form select[name="cargo_mode"]{
    background-image:
      var(--ico-people),
      linear-gradient(45deg, transparent 50%, var(--bpa-ink) 50%),
      linear-gradient(135deg, var(--bpa-ink) 50%, transparent 50%) !important;
    background-position:
      14px 50%,
      calc(100% - 18px) 50%,
      calc(100% - 12px) 50% !important;
    background-size:
      18px 18px,
      6px 6px,
      6px 6px !important;
  }
  
  .bpa-carrier .bpa-ms{
    position:relative;
    width:100%;
  }
  
  .bpa-carrier .bpa-ms-btn{
    width:100%;
    min-width:0;
    height:46px;
    border-radius:14px;
    border:1px solid var(--bpa-border);
    background-color:#fff;
    color:var(--bpa-ink);
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:6px;
    padding:10px 40px 10px 48px;
    box-sizing:border-box;
    background-repeat:no-repeat !important;
    background-position:14px 50% !important;
    background-size:18px 18px !important;
  }
  
  .bpa-carrier #ms_from_regions .bpa-ms-btn,
  .bpa-carrier #ms_to_regions .bpa-ms-btn,
  .bpa-carrier #ms_transit_regions .bpa-ms-btn,
  .bpa-carrier #ms_offer_pickup .bpa-ms-btn,
  .bpa-carrier #ms_offer_dropoff .bpa-ms-btn,
  .bpa-carrier #ms_offer_de .bpa-ms-btn{
    background-image:
      var(--ico-pin),
      linear-gradient(45deg, transparent 50%, var(--bpa-ink) 50%),
      linear-gradient(135deg, var(--bpa-ink) 50%, transparent 50%) !important;
    background-position:
      14px 50%,
      calc(100% - 18px) 50%,
      calc(100% - 12px) 50% !important;
    background-size:
      18px 18px,
      6px 6px,
      6px 6px !important;
  }
  
  .bpa-carrier #ms_day_part .bpa-ms-btn{
    background-image:
      var(--ico-clock),
      linear-gradient(45deg, transparent 50%, var(--bpa-ink) 50%),
      linear-gradient(135deg, var(--bpa-ink) 50%, transparent 50%) !important;
    background-position:
      14px 50%,
      calc(100% - 18px) 50%,
      calc(100% - 12px) 50% !important;
    background-size:
      18px 18px,
      6px 6px,
      6px 6px !important;
  }
  
  .bpa-carrier .bpa-ms-count{
    display:none;
  }
  
  .bpa-carrier .bpa-ms-label{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .bpa-carrier .bpa-ms-pop{
    position:absolute;
    left:0;
    right:0;
    top:calc(46px + 8px);
    z-index:40;
    background:#fff;
    border:1px solid var(--bpa-border);
    border-radius:14px;
    padding:6px;
    box-shadow:0 16px 30px rgba(41,28,45,0.16);
    max-height:320px;
    overflow:auto;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    gap:4px;
  }
  
  .bpa-carrier .bpa-ms-pop[hidden]{
    display:none !important;
  }
  
  .bpa-carrier .bpa-ms-pop:not([hidden]){
    display:flex !important;
  }

  .bpa-carrier .bpa-ms-opt{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border-radius:10px;
    cursor:pointer;
    color:var(--bpa-ink);
    min-height:44px;
  }
  
  .bpa-carrier .bpa-ms-opt-label{
    font-size:14px;
    font-weight:700;
    line-height:1.3;
    word-break:break-word;
    min-width:0;
    padding:0;
    margin:0;
    flex:1 1 auto;
    order:2;
  }
  
  .bpa-carrier .bpa-ms-opt-check{
    margin:0;
    width:18px;
    height:18px;
    flex:0 0 18px;
    order:1;
  }
  
  .bpa-carrier .bpa-ms-empty{
    font-size:14px;
    color:var(--bpa-muted);
    padding:6px 8px;
  }
  
  .bpa-carrier .bpa-ms-order-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
    min-width:18px;
    flex:0 0 18px;
    border-radius:999px;
    background:#0b3a66;
    color:#fff;
    font-size:11px;
    font-weight:700;
    order:3;
    margin-left:auto;
  }

  .bpa-carrier .bpa-ms-opt.is-selected .bpa-ms-opt-label{
    font-weight:800;
  }
  
  .bpa-carrier .bpa-ms-opt:hover{
    background:rgba(11,58,102,0.06);
  }
  
  .bpa-carrier .bpa-ms-opt.is-selected{
    background:rgba(11,58,102,0.08);
  }
  
  .bpa-carrier .bpa-ms-order-badge.is-empty{
    background:transparent;
    color:transparent;
  }
  
  .bpa-carrier #bpa-carrier-form .bpa-actions,
  .bpa-carrier #bpa-offer-form > .bpa-row:last-child{
    grid-column:1 / -1;
  }
  
  .bpa-carrier #bpa-carrier-form .bpa-actions .bpa-btn,
  .bpa-carrier #bpa-offer-form > .bpa-row:last-child .bpa-btn{
    width:100%;
    max-width:460px;
    margin:0 auto;
  }
  
  .bpa-carrier #bpa-carrier-form #bpa-transit-wrap{
    display:none;
  }
  
  .bpa-carrier #bpa-carrier-form #bpa-transit-regions{
    grid-column:1 / -1;
  }
  
  .bpa-carrier .bpa-route-panel[data-route-panel="add-route"] > .bpa-box{
    background:transparent;
    border:0;
    box-shadow:none;
    padding:0;
  }
  
  .bpa-carrier #bpa-offer-form{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:18px 18px;
    align-items:start;
    background:#fff;
    border:1px solid var(--bpa-border-soft);
    border-radius:20px;
    padding:20px;
    box-shadow:0 10px 24px rgba(41,28,45,0.05);
  }
  
  .bpa-carrier #bpa-offer-form #bpa-offer-transit-wrap{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:18px 18px;
    align-items:start;
  }
  
  .bpa-carrier #bpa-offer-form #bpa-offer-de-regions{
    min-width:0;
  }
  
  .bpa-carrier #bpa_offer_service_de{
    width:100% !important;
    min-width:0 !important;
    display:block !important;
  }
  
  .bpa-carrier #bpa_offer_ride_date,
.bpa-carrier #bpa_offer_time_from,
.bpa-carrier #bpa_offer_time_to{
  min-width:0;
  width:100%;
  box-sizing:border-box;
}

.bpa-carrier #bpa_offer_time_from,
.bpa-carrier #bpa_offer_time_to{
  padding-left:16px !important;
  padding-right:16px !important;
}
  
  .bpa-carrier .bpa-offer-time-wrap{
    display:flex;
    gap:10px;
    width:100%;
  }
  
  .bpa-carrier .bpa-offer-time-wrap > input{
    flex:1 1 0;
    min-width:0;
  }
  
  .bpa-carrier .bpa-inline-check{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:46px;
    padding:10px 0;
    font-weight:700;
    color:var(--bpa-ink);
  }
  
  .bpa-carrier .bpa-inline-check input{
    margin:0;
  }
  
  /* komunikaty */
  .bpa-carrier #bpa-offer-error,
  .bpa-carrier #bpa-offer-ok{
    grid-column:1 / -1;
    width:100%;
    box-sizing:border-box;
  }
  
  /* układ sekcji dolnej */
  @supports selector(:has(*)) {
    .bpa-carrier #bpa-offer-form .bpa-field:has(#bpa_offer_ride_date){
      grid-column: 1;
    }
  
    .bpa-carrier #bpa-offer-form .bpa-field:has(#bpa_offer_time_from){
      grid-column: 2;
    }
  
    .bpa-carrier #bpa-offer-form .bpa-field:has(#bpa_offer_seats){
      grid-column: 1;
    }
  
    .bpa-carrier #bpa-offer-form .bpa-field:has(#bpa_offer_parcels){
      grid-column: 2;
    }
  
    .bpa-carrier #bpa-offer-form .bpa-field:has(#bpa_offer_status){
      grid-column: 1 / -1;
    }
  }
  
  /* przycisk zawsze na samym dole i wyśrodkowany */
  .bpa-carrier #bpa-offer-form > .bpa-row:last-child{
    display:block;
    grid-column:1 / -1;
  }
  
  .bpa-carrier #bpa-offer-form > .bpa-row:last-child .bpa-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    max-width:420px;
    margin:6px auto 0;
  }
  
  .bpa-carrier .bpa-field-help{
    margin-top:6px;
    font-size:12px;
    line-height:1.4;
    color:#6b7280;
  }
  
  .bpa-carrier #bpa_route_preview_full{
    display: none;
  }
  
  .bpa-carrier .bpa-route-preview{
    margin:0 0 14px;
    padding:12px 16px;
    border:1px solid rgba(41,28,45,0.08);
    border-radius:14px;
    background:#f5efe6;
    font-size:14px;
    line-height:1.55;
    color:#291C2D;
    box-sizing:border-box;
  }
  
  .bpa-carrier .bpa-route-preview-full{
    margin:0 0 14px;
    background:#f5efe6;
    border-color:rgba(41,28,45,0.08);
    font-weight:700;
  }
  
  .bpa-carrier .bpa-results{
    margin-top:16px;
  }
  
  /* =========================================
   BPA EMPTY STATE (brak wyników)
========================================= */

.bpa-carrier .bpa-empty-state{
  padding:18px 10px 10px;
  text-align:center;
  margin-top:6px;
}

.bpa-carrier .bpa-empty-state__content{
  max-width:420px;
  margin:0 auto;
}

.bpa-carrier .bpa-empty-state h3{
  margin:0 0 10px;
  font-size:18px;
}

.bpa-carrier .bpa-empty-state p{
  margin:0;
  font-size:14px;
  line-height:1.6;
  color:#555;
}

.bpa-carrier .bpa-empty-state__actions{
  margin-top:14px;
  display:flex;
  justify-content:center;
}

  .bpa-carrier .bpa-results .bpa-box{
    margin-top:10px;
  }
  
  .bpa-carrier .bpa-results .bpa-respond-btn{
    width:auto !important;
    max-width:none !important;
    min-height:40px;
    padding:8px 14px !important;
    border-radius:10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    justify-self:start !important;
    font-size:14px;
    line-height:1.2;
    box-shadow:none;
    transform:none !important;
  }
  
  @media (max-width: 980px){
    body.bpa-carrier-page .bpa-carrier{
      width:100% !important;
      margin-left:0 !important;
      margin-right:0 !important;
      padding:16px !important;
    }
  
    .bpa-carrier .bpa-carrier-shell{
      grid-template-columns:1fr;
    }
  
    .bpa-carrier .bpa-panel-sidebar{
      position:static;
    }
  }

  /* =========================================
   ADD ROUTE — POLA SPECJALNE / IKONY
   ========================================= */

.bpa-carrier #bpa_offer_time_from,
.bpa-carrier #bpa_offer_time_to{
  text-align:center;
  padding-left:16px !important;
  padding-right:16px !important;
}

.bpa-carrier #bpa_offer_time_from::-webkit-datetime-edit,
.bpa-carrier #bpa_offer_time_to::-webkit-datetime-edit{
  text-align:center;
}

.bpa-carrier #bpa_offer_time_from::-webkit-datetime-edit-fields-wrapper,
.bpa-carrier #bpa_offer_time_to::-webkit-datetime-edit-fields-wrapper{
  display:flex;
  justify-content:center;
}

.bpa-carrier #bpa_offer_seats{
  background-image:var(--ico-people) !important;
  background-position:14px 50% !important;
  background-size:18px 18px !important;
  background-repeat:no-repeat !important;
  padding-left:48px !important;
  padding-right:44px !important;
}

.bpa-carrier #bpa_offer_seats::-webkit-outer-spin-button,
.bpa-carrier #bpa_offer_seats::-webkit-inner-spin-button,
.bpa-carrier #bpa_offer_parcel_weight_max::-webkit-outer-spin-button,
.bpa-carrier #bpa_offer_parcel_weight_max::-webkit-inner-spin-button{
  opacity:1 !important;
  -webkit-appearance:inner-spin-button !important;
  margin:0;
}

.bpa-carrier #bpa_offer_parcels{
  background-image:
    var(--ico-people),
    linear-gradient(45deg, transparent 50%, var(--bpa-ink) 50%),
    linear-gradient(135deg, var(--bpa-ink) 50%, transparent 50%) !important;
  background-position:
    14px 50%,
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50% !important;
  background-size:
    18px 18px,
    6px 6px,
    6px 6px !important;
  background-repeat:no-repeat !important;
  padding-left:48px !important;
  padding-right:44px !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}

.bpa-carrier #bpa_offer_status{
  background-image:
    var(--ico-status),
    linear-gradient(45deg, transparent 50%, var(--bpa-ink) 50%),
    linear-gradient(135deg, var(--bpa-ink) 50%, transparent 50%) !important;
  background-position:
    14px 50%,
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50% !important;
  background-size:
    18px 18px,
    6px 6px,
    6px 6px !important;
  background-repeat:no-repeat !important;
  padding-left:48px !important;
  padding-right:44px !important;
}

.bpa-carrier #bpa_offer_pets{
  background-image:
    var(--ico-people),
    linear-gradient(45deg, transparent 50%, var(--bpa-ink) 50%),
    linear-gradient(135deg, var(--bpa-ink) 50%, transparent 50%) !important;
  background-position:
    14px 50%,
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50% !important;
  background-size:
    18px 18px,
    6px 6px,
    6px 6px !important;
  background-repeat:no-repeat !important;
  padding-left:48px !important;
  padding-right:44px !important;
  appearance:none;
  -webkit-appearance:none;
}

.bpa-carrier #bpa_offer_transfers{
  background-image:
    var(--ico-status),
    linear-gradient(45deg, transparent 50%, var(--bpa-ink) 50%),
    linear-gradient(135deg, var(--bpa-ink) 50%, transparent 50%) !important;
  background-position:
    14px 50%,
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50% !important;
  background-size:
    18px 18px,
    6px 6px,
    6px 6px !important;
  background-repeat:no-repeat !important;
  padding-left:48px !important;
  padding-right:44px !important;
  appearance:none;
  -webkit-appearance:none;
}

.bpa-carrier #bpa_offer_parcel_weight_max{
  background-image:var(--ico-people) !important;
  background-position:14px 50% !important;
  background-size:18px 18px !important;
  background-repeat:no-repeat !important;
  padding-left:48px !important;
  padding-right:44px !important;
}

.bpa-carrier #bpa_offer_parcel_dimensions_max{
  background-image:var(--ico-pin) !important;
  background-position:14px 50% !important;
  background-size:18px 18px !important;
  background-repeat:no-repeat !important;
  padding-left:48px !important;
  padding-right:16px !important;
}

/* =========================================
   PANEL VISIBILITY FIX
   ========================================= */

.bpa-carrier .bpa-main-section{
  display:none;
}

.bpa-carrier .bpa-main-section.is-active{
  display:block;
}

.bpa-carrier .bpa-route-panel{
  display:none;
}

.bpa-carrier .bpa-route-panel.is-active{
  display:block;
}

.bpa-carrier .bpa-request-panel{
  display:none;
}

.bpa-carrier .bpa-request-panel.is-active{
  display:block;
}

/* =========================================
   TRASY JEDNORAZOWE — WERSJA DOCELOWA
   ========================================= */

   .bpa-carrier .bpa-route-panel[data-route-panel="single"]{
    padding-top:8px;
  }
  
  .bpa-carrier .bpa-carrier-routes-list{
    display:grid;
    gap:18px;
    margin-top:12px;
  }
  
  .bpa-carrier .bpa-carrier-routes-list.is-view-pending{
    visibility:hidden;
  }
  
  .bpa-carrier .bpa-carrier-route-card{
    margin:0;
    padding:0;
    border-radius:20px;
    border:1px solid rgba(41,28,45,0.10);
    background:#ffffff;
    box-shadow:0 10px 24px rgba(41,28,45,0.06);
    transition:transform .15s ease, box-shadow .15s ease;
    overflow:hidden;
  }

  .bpa-carrier .bpa-panel-section-head-routes{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    margin-bottom:8px;
  }
  
  .bpa-carrier .bpa-panel-section-head-routes .bpa-panel-title{
    margin:0 0 0 10px;
    font-size:22px;
    line-height:1.1;
    font-weight:900;
    letter-spacing:0.06em;
    text-transform:uppercase;
    color:#1f2d3d;
  }
  
  .bpa-carrier .bpa-panel-info-trigger{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    min-width:20px;
    border-radius:999px;
    border:1px solid rgba(41,28,45,0.22);
    background:#f7f8fa;
    color:#5a6472;
    font-size:11px;
    font-weight:800;
    cursor:pointer;
    padding:0;
    box-shadow:none;
    transform:none;
  }
  
  .bpa-carrier .bpa-panel-info-trigger:hover{
    background:#eef3f9;
    border-color:#cddcf3;
    color:#2F5993;
  }
  
  .bpa-carrier .bpa-panel-info-trigger::after{
    content:attr(title);
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    width:320px;
    max-width:min(320px, 78vw);
    padding:10px 12px;
    border-radius:12px;
    background:#2b1d31;
    color:#ffffff;
    font-size:12px;
    line-height:1.45;
    font-weight:600;
    box-shadow:0 10px 24px rgba(41,28,45,0.16);
    opacity:0;
    visibility:hidden;
    transform:translateY(-4px);
    transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
    z-index:40;
    pointer-events:none;
    text-align:left;
    white-space:normal;
  }
  
  .bpa-carrier .bpa-panel-info-trigger:hover::after,
  .bpa-carrier .bpa-panel-info-trigger:focus::after{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }
  
  .bpa-carrier .bpa-routes-topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin:16px 0 24px;
    padding-top:10px;
    border-top:1px solid rgba(41,28,45,0.08);
  }

  .bpa-carrier .bpa-subtabs-routes{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:0;
    margin:0;
    min-width:0;
    min-height:32px;
    flex:1 1 auto;
  }
  
  .bpa-carrier .bpa-subtabs-routes .bpa-subtab-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:32px;
    padding:0 16px;
    margin:0;
    border:0;
    border-radius:0;
    background:transparent;
    color:#5a6472;
    font-size:14px;
    font-weight:800;
    letter-spacing:0.05em;
    text-transform:uppercase;
    line-height:1;
    box-shadow:none;
    cursor:pointer;
    text-align:center;
    transition:color .15s ease, opacity .15s ease;
  }

  .bpa-carrier .bpa-subtabs-routes .bpa-subtab-btn:not(:last-child)::after{
    content:"";
    position:absolute;
    top:50%;
    right:0;
    width:1px;
    height:18px;
    background:rgba(41,28,45,0.28);
    transform:translateY(-50%);
  }
  
  .bpa-carrier .bpa-subtabs-routes .bpa-subtab-btn:hover{
    color:#2F5993;
  }
  
  .bpa-carrier .bpa-subtabs-routes .bpa-subtab-btn.is-active{
    background:transparent;
    border:0;
    color:#2F5993;
    font-weight:900;
    text-decoration:none;
  }
  
  .bpa-carrier .bpa-subtabs-routes .bpa-subtab-btn.is-active::before{
    display:none;
  }

  .bpa-carrier .bpa-routes-view-switch{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin:0 0 0 auto;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    min-height:32px;
    flex:0 0 auto;
  }
  
  .bpa-carrier .bpa-routes-view-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:32px;
    padding:0 8px;
    border-radius:0;
    border:0;
    background:transparent;
    color:rgba(41,28,45,0.72);
    font-size:14px;
    font-weight:700;
    line-height:1;
    box-shadow:none;
    cursor:pointer;
    white-space:nowrap;
  }
  
  .bpa-carrier .bpa-routes-view-btn::before{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
    font-size:18px;
    line-height:18px;
    color:rgba(41,28,45,0.65);
    transform:translateY(-0.5px);
    flex:0 0 18px;
  }
  
  .bpa-carrier .bpa-routes-view-btn[data-routes-view="cards"]::before{
    content:"◫";
  }
  
  .bpa-carrier .bpa-routes-view-btn[data-routes-view="list"]::before{
    content:"☰";
  }
  
  .bpa-carrier .bpa-routes-view-btn:hover{
    background:#f7f8fa;
    border-color:rgba(41,28,45,0.08);
    color:#223356;
  }
  
  .bpa-carrier .bpa-routes-view-btn:hover::before{
    color:#223356;
  }
  
  .bpa-carrier .bpa-routes-view-btn.is-active{
    background:transparent;
    border:0;
    color:#2F5993;
  }
  
  .bpa-carrier .bpa-routes-view-btn.is-active::before{
    color:#2F5993;
  }

  @media (max-width: 820px){
    .bpa-carrier .bpa-routes-topbar{
      display:flex;
      flex-wrap:wrap;
      align-items:flex-start;
      gap:12px;
    }

    .bpa-carrier .bpa-routes-view-switch{
      width:100%;
      justify-content:flex-start;
    }
  }
  
  .bpa-carrier .bpa-carrier-route-card{
    margin:0 0 12px;
  }
  
  .bpa-carrier .bpa-carrier-route-card-inner{
    padding:14px 16px;
    background:#ffffff;
    border-radius:14px;
  }
  
  .bpa-carrier .bpa-carrier-route-card:hover{
    transform:none;
    box-shadow:0 10px 24px rgba(41,28,45,0.06);
  }

  .bpa-carrier .bpa-carrier-route-card-top{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    margin:0 0 10px;
  }

  .bpa-carrier .bpa-carrier-route-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:16px;
    align-items:center;
  }
  
  .bpa-carrier .bpa-carrier-route-main{
    min-width:0;
  }
  
  .bpa-carrier .bpa-carrier-route-main-top{
    display:flex;
    flex-direction:column;
    gap:4px;
    margin-bottom:8px;
  }
  
  .bpa-carrier .bpa-carrier-route-title{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0;
    min-width:0;
    font-size:18px;
    line-height:1.2;
    font-weight:800;
    color:var(--bpa-ink);
    letter-spacing:-0.01em;
  }
  
  .bpa-carrier .bpa-carrier-route-title-text{
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  
  .bpa-carrier .bpa-carrier-route-title-date{
    flex:0 0 auto;
    font-size:12px;
    line-height:1.2;
    font-weight:700;
    color:rgba(41,28,45,0.64);
    white-space:nowrap;
  }

  .bpa-carrier .bpa-carrier-route-path-compact{
    font-size:13px;
    line-height:1.4;
    color:rgba(41,28,45,0.72);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  
  .bpa-carrier .bpa-carrier-route-main-bottom{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  
  .bpa-carrier .bpa-carrier-route-date-badge,
  .bpa-carrier .bpa-carrier-route-time-badge,
  .bpa-carrier .bpa-carrier-route-meta-chip{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:4px 9px;
    border-radius:999px;
    background:#eef3f9;
    color:var(--bpa-ink);
    font-size:12px;
    font-weight:700;
  }
  
  .bpa-carrier .bpa-carrier-route-status{
    position:static;
    top:auto;
    right:auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    margin:0;
    min-height:30px;
    padding:4px 10px;
    border:1px solid transparent;
    border-radius:999px;
    font-size:11px;
    line-height:1.2;
    white-space:nowrap;
  }

  .bpa-carrier .bpa-carrier-route-card-inner{
    position:relative;
  }
  
  .bpa-carrier .bpa-carrier-route-status.is-confirmed{
    background:#eef9f1;
    color:#166534;
    border-color:#bbf7d0;
  }
  
  .bpa-carrier .bpa-carrier-route-status.is-collecting{
    background:#eaf1fb;
    color:#2F5993;
    border-color:#cddcf3;
  }
  
  .bpa-carrier .bpa-carrier-route-status.is-full{
    background:#fef2f2;
    color:#b91c1c;
    border-color:#fecaca;
  }
  
  .bpa-carrier .bpa-carrier-route-status.is-archived{
    background:#f3f4f6;
    color:#4b5563;
    border-color:#d1d5db;
  }
  
  .bpa-carrier .bpa-carrier-route-side{
    display:flex;
    align-items:center;
    gap:12px;
  }
  
  .bpa-carrier .bpa-carrier-route-meta,
.bpa-carrier .bpa-carrier-route-parcels{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px 20px;
}

.bpa-carrier .bpa-carrier-route-meta{
  margin:12px 0 12px;
  
}

.bpa-carrier .bpa-carrier-route-card .bpa-carrier-route-meta,
.bpa-carrier .bpa-carrier-connection-card .bpa-carrier-route-meta,
.bpa-carrier .bpa-route-passenger-card .bpa-carrier-route-meta{
  padding:14px 16px;
  border:1px solid rgba(41,28,45,0.08);
  border-radius:14px;
  background:#fbfaf8;
}

.bpa-carrier .bpa-carrier-route-meta > div,
.bpa-carrier .bpa-carrier-route-parcels > div{
  font-size:14px;
  line-height:1.5;
  color:var(--bpa-ink);
}

.bpa-carrier .bpa-carrier-route-meta strong,
.bpa-carrier .bpa-carrier-route-parcels strong{
  font-weight:800;
}

.bpa-carrier .bpa-carrier-route-parcels{
  margin:0;
  padding:14px 16px;
  border:1px solid rgba(41,28,45,0.08);
  border-radius:14px;
  background:#ffffff;
}
  
  .bpa-carrier .bpa-carrier-route-actions{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:10px;
    margin-top:14px;
    padding-top:14px;
    border-top:1px solid rgba(41,28,45,0.08);
  }
  
  .bpa-carrier .bpa-carrier-route-actions .bpa-full-toggle{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-width:0;
    margin-right:auto;
    font-size:13px;
    line-height:1.35;
    color:rgba(41,28,45,.78);
  }
  
  .bpa-carrier .bpa-carrier-route-actions .bpa-toggle-full{
    margin:0;
    flex:0 0 auto;
  }
  
  .bpa-carrier .bpa-carrier-route-actions .bpa-btn-edit,
  .bpa-carrier .bpa-carrier-route-actions .bpa-btn-delete{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:32px;
  }

  .bpa-carrier .bpa-carrier-route-actions .bpa-btn{
    padding:0 14px;
    font-size:13px;
    line-height:1;
    border-radius:10px;
    background:#ffffff;
    border:1px solid rgba(34,51,86,0.14);
    color:#223356;
    font-weight:700;
  }
  
  .bpa-carrier .bpa-carrier-route-actions .bpa-btn:hover{
    background:#f4f7fb;
  }
  
  .bpa-carrier .bpa-btn-edit{
    background:#ffffff;
    border-color:rgba(34,51,86,0.14);
    color:#223356;
  }
  
  .bpa-carrier .bpa-btn-edit:hover{
    background:#eef4fb;
    border-color:#2F5993;
    color:#223356;
  }

  .bpa-carrier .bpa-btn-duplicate{
    background:#ffffff;
    border-color:rgba(34,51,86,0.14);
    color:#223356;
  }
  
  .bpa-carrier .bpa-btn-duplicate:hover{
    background:#eef4fb;
    border-color:#2F5993;
    color:#223356;
  }
  
  .bpa-carrier .bpa-btn-delete{
    background:#ffffff;
    border-color:#f0d2d2;
    color:#b42318;
  }
  
  .bpa-carrier .bpa-btn-delete:hover{
    background:#fff1f1;
    border-color:#d92d20;
    color:#b42318;
  }

  .bpa-carrier .bpa-carrier-route-actions .bpa-btn-show-passengers,
.bpa-carrier .bpa-carrier-route-actions .bpa-btn-edit,
.bpa-carrier .bpa-carrier-route-actions .bpa-btn-duplicate,
.bpa-carrier .bpa-carrier-route-actions .bpa-btn-delete{
  width:auto !important;
  max-width:none !important;
  min-height:38px;
  padding:0 14px !important;
  border-radius:10px;
  box-shadow:none !important;
  transform:none !important;
  flex:0 0 auto;
}

.bpa-carrier .bpa-carrier-route-actions .bpa-btn-show-passengers{
  background:#2F5993 !important;
  color:#ffffff !important;
  border:1px solid #2F5993 !important;
  font-weight:800;
}

.bpa-carrier .bpa-carrier-route-actions .bpa-btn-show-passengers:hover{
  background:#223356 !important;
  border-color:#223356 !important;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view{
  display:block;
  margin-top:12px;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-card{
  margin:0;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-card:last-child{
  border-bottom:0;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-card-inner{
  display:block;
  position:relative;
  padding:12px 0 14px;
  margin:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  border-bottom:1px solid rgba(41,28,45,0.10);
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-card-inner:hover{
  background:transparent;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-card-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  margin:0 0 6px;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-title{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  min-width:0;
  font-size:16px;
  line-height:1.25;
  font-weight:800;
  color:var(--bpa-ink);
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-title-text{
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-title-date{
  flex:0 0 auto;
  font-size:12px;
  line-height:1.2;
  font-weight:700;
  color:rgba(41,28,45,0.64);
  white-space:nowrap;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-status{
  position:static;
  top:auto;
  right:auto;
  flex:0 0 auto;
  margin:0;
  padding:4px 10px;
  font-size:11px;
  line-height:1.2;
  border-radius:999px;
  white-space:nowrap;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-date-row{
  display:none;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-date-badge,
.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-time-badge{
  display:none;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-path{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  margin:0 0 8px;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  font-size:13px;
  line-height:1.45;
  font-weight:600;
  color:#1a1a1a;
  max-width:100%;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-path::after{
  content:"";
  display:block;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-path + .bpa-carrier-route-meta{
  margin-top:-28px;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-path strong{
  display:none;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-meta{
  display:block;
  margin:0 0 8px;
  padding:0;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-meta > div{
  display:none;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-meta > div.bpa-carrier-route-meta-seats{
  display:block;
  font-size:12px;
  line-height:1.35;
  font-weight:700;
  color:#1a1a1a;
  text-align:right;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-parcels{
  display:none;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-full-toggle,
.bpa-carrier .bpa-carrier-routes-list.is-list-view input[type="checkbox"]{
  display:none !important;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  flex-wrap:wrap;
  gap:0;
  margin:0;
  padding:0;
  border:0;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-actions .bpa-btn-show-passengers,
.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-actions .bpa-btn-edit,
.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-actions .bpa-btn-duplicate,
.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-actions .bpa-btn-delete{
  min-height:auto;
  height:auto;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  font-size:12px;
  line-height:1.2;
  font-weight:700;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-actions .bpa-btn-show-passengers,
.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-actions .bpa-btn-edit,
.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-actions .bpa-btn-duplicate{
  color:#5a6472 !important;
  transition:color 0.16s ease;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-actions .bpa-btn-delete{
  color:#b94a48 !important;
  transition:color 0.16s ease;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-actions .bpa-btn-show-passengers:hover,
.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-actions .bpa-btn-edit:hover,
.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-actions .bpa-btn-duplicate:hover{
  color:#2F5993 !important;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-actions .bpa-btn-delete:hover{
  color:#a93226 !important;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-actions .bpa-btn-show-passengers:hover,
.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-actions .bpa-btn-edit:hover,
.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-actions .bpa-btn-duplicate:hover,
.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-actions .bpa-btn-delete:hover{
  text-decoration:none !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-actions > * + *::before{
  content:"";
  display:inline-block;
  width:1px;
  height:12px;
  margin:0 10px;
  background:rgba(41,28,45,0.18);
  vertical-align:middle;
}

.bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-route-passengers-box{
  display:none !important;
}

@media (max-width: 980px){
  .bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-card-top{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }

  .bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-actions{
    justify-content:flex-start;
    gap:6px 0;
  }
}

@media (max-width: 640px){
  .bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-path{
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }

  .bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-actions > * + *::before{
    display:none;
  }
}

@media (max-width: 980px){
  .bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-card-inner{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "top"
      "date"
      "path"
      "meta"
      "actions";
    gap:6px;
  }

  .bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-date-row,
  .bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-meta,
  .bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-actions{
    justify-self:start;
    justify-content:flex-start;
  }
}

@media (max-width: 640px){
  .bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-card-top{
    gap:8px;
  }

  .bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-actions{
    gap:6px 10px;
  }

  .bpa-carrier .bpa-carrier-routes-list.is-list-view .bpa-carrier-route-actions > * + *::before{
    display:none;
  }
}

.bpa-carrier .bpa-route-passengers-list{
  display:grid;
  gap:12px;
}

.bpa-carrier .bpa-route-passenger-card{
  margin:0;
  padding:16px;
  border-radius:16px;
  background:#ffffff;
  border:1px solid rgba(41,28,45,0.10);
  box-shadow:0 6px 18px rgba(41,28,45,0.05);
}

.bpa-carrier .bpa-route-passenger-existing-status{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 12px;
  border-radius:12px;
  background:#f3f6fb;
  border:1px solid #dbe4f0;
  color:#223356;
  font-size:14px;
  line-height:1.4;
  font-weight:700;
}

.bpa-carrier .bpa-route-passenger-card{
  margin:0;
}

.bpa-carrier .bpa-route-passenger-card .bpa-carrier-route-card-inner{
  padding:18px 18px 16px;
}

.bpa-carrier .bpa-route-passenger-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.bpa-carrier .bpa-route-passenger-card-kicker{
  margin:0 0 6px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(41,28,45,.55);
}

.bpa-carrier .bpa-route-passenger-card-route{
  font-size:18px;
  line-height:1.35;
  font-weight:900;
  color:var(--bpa-ink);
}

.bpa-carrier .bpa-route-passenger-card-status-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(41,28,45,.10);
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  white-space:nowrap;
}

.bpa-carrier .bpa-route-passenger-card-status-chip.is-open{
  background:#eef8f1;
  color:#166534;
  border-color:#bbf7d0;
}

.bpa-carrier .bpa-route-passenger-card-status-chip.is-answered{
  background:#f3f6fb;
  color:#223356;
  border-color:#dbe4f0;
}

.bpa-carrier .bpa-route-passenger-card-meta{
  margin-top:14px;
}

.bpa-carrier .bpa-route-passenger-card-actions{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(41,28,45,.08);
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.bpa-carrier .bpa-route-passenger-card-actions .bpa-btn{
  width:auto !important;
  max-width:none !important;
  min-height:40px;
  padding:10px 16px !important;
  border-radius:12px;
  box-shadow:none !important;
  transform:none !important;
}

.bpa-carrier .bpa-route-passenger-card-top{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom:12px;
}

.bpa-carrier .bpa-route-passenger-card-kicker{
  font-size:12px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:rgba(41,28,45,0.60);
}

.bpa-carrier .bpa-route-passenger-card-route{
  font-size:18px;
  line-height:1.3;
  color:var(--bpa-ink);
}

.bpa-carrier .bpa-route-passenger-card-actions .bpa-respond-btn{
  width:auto !important;
  max-width:none !important;
  min-height:40px;
  padding:10px 16px !important;
  border-radius:12px;
  box-shadow:none !important;
  transform:none !important;
}

.bpa-carrier .bpa-connections-list{
  display:grid;
  gap:18px;
}

.bpa-carrier .bpa-carrier-connection-card .bpa-carrier-route-card-inner{
  padding:18px 18px 16px;
}

.bpa-carrier .bpa-carrier-connection-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.bpa-carrier .bpa-carrier-connection-card-kicker{
  font-size:12px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:rgba(41,28,45,0.60);
}

.bpa-carrier .bpa-carrier-connection-card-route{
  font-size:22px;
  line-height:1.2;
  color:var(--bpa-ink);
  font-weight:900;
  letter-spacing:-0.02em;
}

.bpa-carrier .bpa-carrier-connection-route-line{
  margin:-4px 0 12px;
  font-size:14px;
  line-height:1.5;
  color:rgba(41,28,45,0.72);
}

.bpa-carrier .bpa-carrier-connection-statuses{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
  align-items:flex-start;
}

.bpa-carrier .bpa-carrier-route-status.bpa-carrier-status-help{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding-right:10px;
  cursor:help;
  overflow:visible;
}

.bpa-carrier .bpa-status-label{
  display:inline-flex;
  align-items:center;
}

.bpa-carrier .bpa-status-info{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:16px;
  height:16px;
  min-width:16px;
  border-radius:999px;
  background:#ffffff;
  border:1px solid rgba(41,28,45,0.14);
  color:#291C2D;
  font-size:11px;
  font-weight:700;
  line-height:1;
  box-sizing:border-box;
}

.bpa-carrier .bpa-carrier-route-status.bpa-carrier-status-help::after{
  content:attr(data-help);
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  width:260px;
  max-width:min(260px, 70vw);
  padding:8px 10px;
  border-radius:10px;
  background:#2b1d31;
  color:#ffffff;
  font-size:12px;
  line-height:1.4;
  font-weight:600;
  border:1px solid rgba(41,28,45,0.08);
  box-shadow:0 8px 18px rgba(41,28,45,0.12);
  opacity:0;
  visibility:hidden;
  transform:translateY(-4px);
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
  z-index:30;
  pointer-events:none;
  text-align:left;
  white-space:normal;
  word-break:break-word;
}

.bpa-carrier .bpa-carrier-route-status.bpa-carrier-status-help:hover::after,
.bpa-carrier .bpa-carrier-route-status.bpa-carrier-status-help:focus::after{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.bpa-carrier .bpa-carrier-route-status.bpa-carrier-status-help:focus{
  outline:none;
  box-shadow:0 0 0 4px rgba(11,58,102,0.16);
  border-color:#0b3a66;
}

.bpa-carrier .bpa-carrier-connection-card .bpa-carrier-route-status.is-pricing{
  background:#fff4dd;
  color:#8a5a00;
  border-color:#ead9a6;
}

.bpa-carrier .bpa-carrier-connection-card .bpa-carrier-route-status.is-sent{
  background:#eaf1fb;
  color:#2F5993;
  border-color:#cddcf3;
}

.bpa-carrier .bpa-carrier-connection-card .bpa-carrier-route-status.is-confirm{
  background:#f3e8ff;
  color:#6b21a8;
  border-color:#d8b4fe;
}

.bpa-carrier .bpa-carrier-connection-card .bpa-carrier-route-status.is-confirmed{
  background:#eef8f1;
  color:#166534;
  border-color:#bbf7d0;
}

.bpa-carrier .bpa-carrier-connection-card .bpa-carrier-route-status.is-finished{
  background:#fef2f2;
  color:#b91c1c;
  border-color:#fecaca;
}

.bpa-carrier .bpa-carrier-connection-meta{
  margin-top:0;
  padding:12px 14px;
  border-radius:14px;
  background:#f7f8fa;
  border:1px solid rgba(41,28,45,0.08);
}

.bpa-carrier .bpa-carrier-connection-meta > div{
  font-size:14px;
  line-height:1.55;
  color:var(--bpa-ink);
}

.bpa-carrier .bpa-carrier-connection-meta > div strong{
  font-weight:800;
}

.bpa-carrier .bpa-carrier-connection-extra-pickups{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(41,28,45,0.08);
  font-size:14px;
  line-height:1.5;
  color:var(--bpa-ink);
}

.bpa-carrier .bpa-carrier-connection-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(41,28,45,0.08);
}

.bpa-carrier .bpa-carrier-connection-actions .bpa-btn{
  width:auto !important;
  max-width:none !important;
  min-height:40px;
  padding:10px 16px !important;
  border-radius:12px;
  box-shadow:none !important;
  transform:none !important;
}

.bpa-carrier .bpa-carrier-connection-actions .bpa-open-connection-pricing-btn{
  background:#2F5993 !important;
  color:#ffffff !important;
  border:1px solid #2F5993 !important;
}

.bpa-carrier .bpa-carrier-connection-actions .bpa-open-connection-pricing-btn:hover{
  background:#163866 !important;
  border-color:#163866 !important;
}

.bpa-carrier .bpa-carrier-connection-actions .bpa-reject-connection-btn{
  background:#fef2f2 !important;
  color:#b91c1c !important;
  border:1px solid #fecaca !important;
}

.bpa-carrier .bpa-carrier-connection-actions .bpa-reject-connection-btn:hover{
  background:#fee2e2 !important;
  border-color:#fca5a5 !important;
}

.bpa-carrier .bpa-connections-empty{
  text-align:left;
}

.bpa-carrier .bpa-connections-empty-title{
  font-size:18px;
  font-weight:800;
  color:var(--bpa-ink);
  margin-bottom:6px;
}

.bpa-carrier .bpa-connections-empty-text{
  font-size:14px;
  line-height:1.55;
  color:rgba(41,28,45,.72);
}

@media (max-width: 859px){
  .bpa-carrier .bpa-route-passenger-card-actions .bpa-respond-btn{
    width:100% !important;
    max-width:none !important;
  }
}

@media (max-width: 859px){
  .bpa-carrier .bpa-carrier-connection-card-top{
    flex-direction:column;
    align-items:flex-start;
  }

  .bpa-carrier .bpa-carrier-connection-statuses{
    justify-content:flex-start;
  }

  .bpa-carrier .bpa-carrier-route-status.bpa-carrier-status-help::after{
    left:0;
    right:auto;
    width:min(280px, 78vw);
  }

  .bpa-carrier .bpa-carrier-connection-actions .bpa-btn{
    width:100% !important;
    max-width:none !important;
  }
}

@media (max-width: 859px){
  .bpa-carrier .bpa-carrier-route-actions{
    align-items:stretch;
  }

  .bpa-carrier .bpa-carrier-route-actions .bpa-full-toggle{
    width:100%;
    margin-right:0;
  }

  .bpa-carrier .bpa-carrier-route-actions .bpa-btn-show-passengers,
  .bpa-carrier .bpa-carrier-route-actions .bpa-btn-edit,
  .bpa-carrier .bpa-carrier-route-actions .bpa-btn-delete{
    width:100% !important;
    max-width:none !important;
  }
}
  
  @media (max-width: 859px){
    .bpa-carrier .bpa-carrier-route-card{
      padding:20px 18px 18px;
    }
  
    .bpa-carrier .bpa-carrier-route-card-top{
      flex-direction:column;
      align-items:flex-start;
    }
  
    .bpa-carrier .bpa-carrier-route-title{
      font-size:20px;
    }
  
    .bpa-carrier .bpa-carrier-route-meta,
    .bpa-carrier .bpa-carrier-route-parcels{
      grid-template-columns:1fr;
    }
  }

/* =========================================
   GÓRNA BELKA PANELU — FULL WIDTH
   ========================================= */
  
  .bpa-carrier .bpa-panel-topbar{
    position:sticky;
    top:0;
    z-index:1000;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    width:100vw;
    max-width:100vw;
    margin:0 0 28px;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    padding:18px 32px;
    border-radius:0;
    background:linear-gradient(135deg, #0f2747 0%, #163866 100%);
    box-shadow:0 8px 24px rgba(15,39,71,0.18);
  }
  
  .bpa-carrier .bpa-panel-topbar-left{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
  }
  
  .bpa-carrier .bpa-panel-topbar-kicker{
    font-size:12px;
    font-weight:800;
    letter-spacing:0.12em;
    text-transform:uppercase;
    color:rgba(255,255,255,0.72);
  }
  
  .bpa-carrier .bpa-panel-topbar-title{
    font-size:28px;
    line-height:1.1;
    font-weight:900;
    color:#ffffff;
    letter-spacing:-0.02em;
  }
  
  .bpa-carrier .bpa-panel-topbar-right{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
    flex-wrap:wrap;
  }
  
  .bpa-carrier .bpa-panel-user-name{
    display:inline-flex;
    align-items:center;
    min-height:40px;
    padding:0;
    background:transparent;
    border:none;
    border-radius:0;
    color:#ffffff;
    font-size:14px;
    font-weight:800;
  }
  
  .bpa-carrier .bpa-panel-topbar-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 16px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,0.16);
    background:#ffffff;
    color:#163866;
    font-size:14px;
    font-weight:800;
    text-decoration:none;
    cursor:pointer;
    transition:transform 0.15s ease, background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
  }
  
  .bpa-carrier .bpa-panel-topbar-btn:hover{
    transform:translateY(-1px);
  }
  
  .bpa-carrier .bpa-panel-topbar-btn.is-logout{
    background:transparent;
    color:#ffffff;
    border-color:rgba(255,255,255,0.24);
  }
  
  .bpa-carrier .bpa-panel-topbar-btn.is-logout:hover{
    background:rgba(255,255,255,0.08);
  }
  
  @media (max-width: 859px){
    .bpa-carrier .bpa-panel-topbar{
      flex-direction:column;
      align-items:flex-start;
      padding:16px 18px;
    }
  
    .bpa-carrier .bpa-panel-topbar-title{
      font-size:24px;
    }
  
    .bpa-carrier .bpa-panel-topbar-right{
      justify-content:flex-start;
    }
  
    .bpa-carrier .bpa-carrier-shell{
      padding-top:8px;
    }
  }
  
  /* pasek trybu edycji trasy */
.bpa-carrier .bpa-offer-editing-note{
  display:none;
  grid-column:1 / -1;
  width:100%;
  box-sizing:border-box;

  margin:0 0 16px;
  padding:12px 16px;

  border-radius:12px;
  background:#eaf1fb;
  border:1px solid #b8c8de;

  color:#0f2747;
  font-size:14px;
  font-weight:800;
  line-height:1.45;
}

.bpa-carrier .bpa-offer-editing-note.is-visible{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.bpa-carrier .bpa-offer-editing-note::before{
  content:"✏️";
  font-size:15px;
  opacity:0.9;
}

.bpa-carrier .bpa-offer-editing-note .bpa-edit-cancel{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid #0f2747;
  background:#0f2747;
  color:#ffffff;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  text-decoration:none;
}

.bpa-carrier .bpa-offer-editing-note .bpa-edit-cancel:hover{
  background:#163866;
  border-color:#163866;
  text-decoration:none;
}

/* =========================================
   MOBILE — FINALNY UKŁAD FORMULARZA DODAJ TRASĘ
   ========================================= */

   @media (max-width: 859px){
    .bpa-carrier .bpa-main-section{
      padding:18px;
    }
  
    .bpa-carrier .bpa-subtabs,
    .bpa-carrier .bpa-request-tabs{
      flex-direction:column;
    }
  
    .bpa-carrier #bpa-offer-form,
    .bpa-carrier #bpa-offer-form #bpa-offer-transit-wrap{
      display:grid !important;
      grid-template-columns:1fr !important;
      gap:14px !important;
    }
  
    .bpa-carrier #bpa-offer-form > *,
    .bpa-carrier #bpa-offer-form .bpa-field,
    .bpa-carrier #bpa-offer-form .bpa-row,
    .bpa-carrier #bpa-offer-form #bpa-offer-transit-wrap > *{
      grid-column:1 / -1 !important;
      width:100% !important;
      max-width:none !important;
      min-width:0 !important;
    }
  
    @supports selector(:has(*)) {
      .bpa-carrier #bpa-offer-form .bpa-field:has(#bpa_offer_ride_date),
      .bpa-carrier #bpa-offer-form .bpa-field:has(#bpa_offer_time_from),
      .bpa-carrier #bpa-offer-form .bpa-field:has(#bpa_offer_time_to),
      .bpa-carrier #bpa-offer-form .bpa-field:has(#bpa_offer_seats),
      .bpa-carrier #bpa-offer-form .bpa-field:has(#bpa_offer_parcels),
      .bpa-carrier #bpa-offer-form .bpa-field:has(#bpa_offer_status),
      .bpa-carrier #bpa-offer-form .bpa-field:has(#bpa_route_preview_full){
        grid-column:1 / -1 !important;
      }
    }
  
    .bpa-carrier #bpa-offer-form input,
    .bpa-carrier #bpa-offer-form select,
    .bpa-carrier #bpa-offer-form textarea,
    .bpa-carrier #bpa-offer-form .bpa-ms,
    .bpa-carrier #bpa-offer-form .bpa-ms-btn{
      width:100% !important;
      max-width:none !important;
      min-width:0 !important;
      box-sizing:border-box !important;
    }
  
    .bpa-carrier #bpa_offer_ride_date{
      width:100% !important;
      max-width:100% !important;
      height:46px !important;
      min-height:46px !important;
      padding:10px 42px 10px 48px !important;
      font-size:16px !important;
      line-height:1.2 !important;
      overflow:hidden !important;
      appearance:none !important;
      -webkit-appearance:none !important;
      background-color:#fff !important;
    }
  
    .bpa-carrier .bpa-offer-time-wrap{
      display:grid !important;
      grid-template-columns:1fr !important;
      gap:10px !important;
      width:100% !important;
    }
  
    .bpa-carrier .bpa-offer-time-wrap > input,
    .bpa-carrier #bpa_offer_time_from,
    .bpa-carrier #bpa_offer_time_to{
      width:100% !important;
      max-width:100% !important;
      min-width:0 !important;
      height:46px !important;
      min-height:46px !important;
      padding:10px 14px !important;
      font-size:16px !important;
      line-height:1.2 !important;
      text-align:left !important;
      box-sizing:border-box !important;
      appearance:none !important;
      -webkit-appearance:none !important;
      background-color:#fff !important;
    }
  
    .bpa-carrier #bpa-offer-form > .bpa-row:last-child{
      display:block !important;
      grid-column:1 / -1 !important;
      width:100% !important;
    }
  
    .bpa-carrier #bpa-offer-form > .bpa-row:last-child .bpa-btn{
      display:flex !important;
      width:100% !important;
      max-width:none !important;
      margin:8px 0 0 !important;
    }
  
    .bpa-carrier .bpa-ms{
      position:relative !important;
      z-index:1 !important;
    }
  
    .bpa-carrier .bpa-ms-pop{
      position:absolute !important;
      left:0 !important;
      right:0 !important;
      top:calc(46px + 8px) !important;
      width:100% !important;
      max-width:100% !important;
      box-sizing:border-box !important;
      max-height:45vh !important;
      overflow:auto !important;
      z-index:20 !important;
    }
  
    .bpa-carrier #bpa-offer-form .bpa-field{
      overflow:visible !important;
    }

    .bpa-carrier #bpa_offer_ride_date::-webkit-date-and-time-value{
      text-align:left;
    }
  }
  
    .bpa-carrier #bpa_offer_time_from::-webkit-date-and-time-value,
    .bpa-carrier #bpa_offer_time_to::-webkit-date-and-time-value{
      text-align:left;
    }
  
    .bpa-carrier #bpa_offer_ride_date,
    .bpa-carrier #bpa_offer_time_from,
    .bpa-carrier #bpa_offer_time_to{
      border-radius:14px !important;
    }

  /* REGIONY — mobile: lista ma wchodzić POD przycisk, nie na następne pola */
  .bpa-carrier #bpa-offer-form .bpa-ms-pop{
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    z-index:auto !important;
    margin-top:8px !important;
    width:100% !important;
    max-width:100% !important;
    max-height:260px !important;
    overflow:auto !important;
    flex-direction:column !important;
    gap:4px !important;
    box-shadow:0 10px 24px rgba(41,28,45,0.10) !important;
  }
  
  .bpa-carrier #bpa-offer-form .bpa-ms-pop[hidden]{
    display:none !important;
  }
  
  .bpa-carrier #bpa-offer-form .bpa-ms-pop:not([hidden]){
    display:flex !important;
  }

  /* GLOBALNE .bpa-field label nie może rozwalać opcji regionów */
  .bpa-carrier #bpa-offer-form .bpa-ms-pop label.bpa-ms-opt{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    min-height:44px !important;
    padding:10px 12px !important;
    margin:0 !important;
    font-weight:700 !important;
    color:var(--bpa-ink) !important;
    line-height:1.3 !important;
  }

  .bpa-carrier #bpa-offer-form .bpa-ms-pop .bpa-ms-opt-label{
    display:block !important;
    flex:1 1 auto !important;
    margin:0 !important;
    padding:0 !important;
    line-height:1.3 !important;
  }

  .bpa-carrier #bpa-offer-form .bpa-ms-pop .bpa-ms-opt-check{
    width:18px !important;
    height:18px !important;
    margin:0 !important;
    flex:0 0 18px !important;
  }

  .bpa-carrier #bpa-offer-form .bpa-ms-pop .bpa-ms-order-badge{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    flex:0 0 18px !important;
  }

  .bpa-carrier .bpa-carrier-connection-route-line{
    margin: -4px 0 12px;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(41,28,45,0.68);
    font-weight: 700;
  }
 

  .bpa-carrier .bpa-main-section[data-section="requests"]{
    background:#f3efe9;
    border-radius:24px;
    padding:18px;
  }

  @media (max-width: 859px){
    .bpa-carrier .bpa-panel-section-head-routes{
      align-items:flex-start;
      padding-right:72px;
    }
  
    .bpa-carrier .bpa-routes-view-switch{
      top:2px;
      right:34px;
    }
  
    .bpa-carrier .bpa-subtabs-routes{
      row-gap:8px;
    }
  
    .bpa-carrier .bpa-subtabs-routes .bpa-subtab-btn{
      font-size:13px;
      margin-right:12px;
      padding-right:12px;
    }
  }

 /* =========================================
   ACCOUNT SECTION — 2 KOLUMNY + IKONY
   ========================================= */

.bpa-carrier{
  --ico-company:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23291C2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V7l8-4v18'/%3E%3Cpath d='M19 21V11l-6-4'/%3E%3Cpath d='M9 9v.01'/%3E%3Cpath d='M9 12v.01'/%3E%3Cpath d='M9 15v.01'/%3E%3Cpath d='M9 18v.01'/%3E%3Cpath d='M13 15v.01'/%3E%3Cpath d='M13 18v.01'/%3E%3Cpath d='M17 15v.01'/%3E%3Cpath d='M17 18v.01'/%3E%3C/svg%3E");
  --ico-id:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23291C2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M7 9h4'/%3E%3Cpath d='M7 13h6'/%3E%3Ccircle cx='17' cy='12' r='2'/%3E%3C/svg%3E");
  --ico-phone2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23291C2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.77.63 2.61a2 2 0 0 1-.45 2.11L8 9.91a16 16 0 0 0 6.09 6.09l1.47-1.29a2 2 0 0 1 2.11-.45c.84.3 1.71.51 2.61.63A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
  --ico-mail2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23291C2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E");
  --ico-facebook2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23291C2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E");
  --ico-instagram2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23291C2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='20' height='20' rx='5' ry='5'/%3E%3Cpath d='M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z'/%3E%3Cpath d='M17.5 6.5h.01'/%3E%3C/svg%3E");
  --ico-web2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23291C2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E");
  --ico-note2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23291C2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 13h8'/%3E%3Cpath d='M8 17h6'/%3E%3C/svg%3E");
}

.bpa-carrier .bpa-main-section[data-section="account"] .bpa-box{
  background:#ffffff;
  border:1px solid rgba(41,28,45,0.10);
  border-radius:24px;
  padding:24px;
  box-shadow:0 10px 24px rgba(41,28,45,0.05);
}

.bpa-carrier #bpa-account-form{
  display:block;
}

.bpa-carrier .bpa-account-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:18px 28px;
  align-items:start;
}

.bpa-carrier .bpa-account-field{
  min-width:0;
}

.bpa-carrier .bpa-account-field--full{
  grid-column:1 / -1;
}

.bpa-carrier .bpa-account-field > label{
  display:block;
  margin:0 0 8px;
  font-size:14px;
  line-height:1.35;
  font-weight:800;
  color:var(--bpa-ink);
}

.bpa-carrier .bpa-account-field input[type="text"],
.bpa-carrier .bpa-account-field input[type="email"],
.bpa-carrier .bpa-account-field input[type="tel"],
.bpa-carrier .bpa-account-field textarea{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  border:1px solid var(--bpa-border);
  border-radius:14px;
  background:#ffffff;
  color:var(--bpa-ink);
  box-shadow:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}

.bpa-carrier .bpa-account-field input[type="text"],
.bpa-carrier .bpa-account-field input[type="email"],
.bpa-carrier .bpa-account-field input[type="tel"]{
  height:46px;
  padding:10px 14px 10px 48px;
  background-repeat:no-repeat !important;
  background-position:14px 50% !important;
  background-size:18px 18px !important;
}

.bpa-carrier .bpa-account-field textarea{
  min-height:148px;
  padding:14px 16px 14px 48px;
  resize:vertical;
  background-repeat:no-repeat !important;
  background-position:14px 16px !important;
  background-size:18px 18px !important;
}

.bpa-carrier .bpa-account-field input[type="text"]:focus,
.bpa-carrier .bpa-account-field input[type="email"]:focus,
.bpa-carrier .bpa-account-field input[type="tel"]:focus,
.bpa-carrier .bpa-account-field textarea:focus{
  outline:none;
  border-color:var(--bpa-accent);
  box-shadow:0 0 0 4px var(--bpa-focus);
}

.bpa-carrier .bpa-account-field--company input{
  background-image:var(--ico-company) !important;
}

.bpa-carrier .bpa-account-field--nip input{
  background-image:var(--ico-id) !important;
}

.bpa-carrier .bpa-phone-split:focus-within{
  border-color:var(--bpa-accent);
  box-shadow:0 0 0 4px var(--bpa-focus);
}

.bpa-carrier .bpa-account-field--phone .bpa-phone-split{
  background-image:var(--ico-phone2);
  background-repeat:no-repeat;
  background-position:14px 50%;
  background-size:18px 18px;
}

.bpa-carrier .bpa-account-field--email input{
  background-image:var(--ico-mail2) !important;
  background-color:#f7f8fa !important;
  color:rgba(41,28,45,0.72);
}

.bpa-carrier .bpa-account-field--facebook input{
  background-image:var(--ico-facebook2) !important;
}

.bpa-carrier .bpa-account-field--instagram input{
  background-image:var(--ico-instagram2) !important;
}

.bpa-carrier .bpa-account-field--website input{
  background-image:var(--ico-web2) !important;
}

.bpa-carrier .bpa-account-field--description textarea{
  background-image:var(--ico-note2) !important;
}

.bpa-carrier .bpa-phone-split{
  display:flex;
  align-items:center;
  width:100%;
  min-width:0;
  height:46px;
  border:1px solid var(--bpa-border);
  border-radius:14px;
  background:#ffffff;
  padding:0 12px 0 48px;
  position:relative;
  box-sizing:border-box;
  gap:12px;
}

.bpa-carrier .bpa-phone-split input[type="text"],
.bpa-carrier .bpa-phone-split input[type="tel"]{
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
  -webkit-appearance:none !important;
  appearance:none !important;

  height:100%;
  min-width:0;
  padding:0;

  color:var(--bpa-ink);
  font-size:16px;
  line-height:1.2;
  font-weight:400;
  text-align:left;
}

.bpa-carrier .bpa-phone-split input[type="text"]:focus,
.bpa-carrier .bpa-phone-split input[type="text"]:focus-visible,
.bpa-carrier .bpa-phone-split input[type="tel"]:focus,
.bpa-carrier .bpa-phone-split input[type="tel"]:focus-visible{
  outline:none !important;
  border:none !important;
  box-shadow:none !important;
  background:transparent !important;
}

.bpa-carrier .bpa-phone-prefix{
  width:56px;
  flex:0 0 56px;
  text-align:left;
  font-weight:400;
  border-right:1px solid var(--bpa-border);
  padding-right:12px !important;
}

.bpa-carrier .bpa-phone-number{
  flex:1 1 auto;
  min-width:0;
}

.bpa-carrier .bpa-phone-prefix::placeholder,
.bpa-carrier .bpa-phone-number::placeholder{
  color:rgba(41,28,45,0.42);
  font-weight:400;
}

.bpa-carrier .bpa-phone-split input[type="text"]:focus,
.bpa-carrier .bpa-phone-split input[type="tel"]:focus{
  outline:none;
  border-color:var(--bpa-accent);
  box-shadow:0 0 0 4px var(--bpa-focus);
}

.bpa-carrier .bpa-phone-prefix{
  text-align:center;
  font-weight:800;
}

.bpa-carrier .bpa-phone-number{
  letter-spacing:0.01em;
}

@media (max-width: 640px){
  .bpa-carrier .bpa-phone-split{
    grid-template-columns:1fr;
    gap:10px;
  }
}

/* kierunki */
.bpa-carrier .bpa-account-directions{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px 18px;
  margin-top:2px;
}

.bpa-carrier .bpa-account-directions label{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  min-height:20px;
  font-size:14px;
  line-height:1.35;
  font-weight:700;
  color:var(--bpa-ink);
  cursor:pointer;
}

.bpa-carrier .bpa-account-directions input[type="checkbox"]{
  margin:0;
  width:16px;
  height:16px;
  flex:0 0 16px;
}

/* paczki */
.bpa-carrier .bpa-account-binary{
  display:flex;
  align-items:center;
  gap:18px;
  min-height:42px;
  padding:2px 2px 0;
}

.bpa-carrier .bpa-account-binary label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
  font-size:14px;
  line-height:1.35;
  font-weight:700;
  color:var(--bpa-ink);
  cursor:pointer;
}

.bpa-carrier .bpa-account-binary input[type="radio"]{
  margin:0;
  width:16px;
  height:16px;
  flex:0 0 16px;
}

/* logo */
.bpa-carrier #bpa-account-form input[type="file"]{
  display:none !important;
}

.bpa-carrier .bpa-logo-upload{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:42px;
  flex-wrap:wrap;
}

.bpa-carrier .bpa-logo-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:10px;
  border:1px solid rgba(41,28,45,0.14);
  background:#f7f8fa;
  color:#223356;
  font-size:14px;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  cursor:pointer;
  box-shadow:none;
  transition:background .15s ease, border-color .15s ease, color .15s ease;
}

.bpa-carrier .bpa-logo-btn:hover{
  background:#eef3f9;
  border-color:#cddcf3;
  color:#163866;
}

.bpa-carrier #bpa-account-logo-name{
  display:inline-block;
  font-size:14px;
  line-height:1.4;
  color:rgba(41,28,45,0.68);
}

/* przycisk + komunikaty */
.bpa-carrier #bpa-account-form > .bpa-row{
  display:flex;
  justify-content:center;
  margin-top:24px;
}

.bpa-carrier #bpa-account-form > .bpa-row .bpa-btn{
  width:100%;
  max-width:360px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
}

.bpa-carrier #bpa-account-ok,
.bpa-carrier #bpa-account-error{
  max-width:520px;
  margin:14px auto 0;
}

/* mobile */
@media (max-width: 980px){
  .bpa-carrier .bpa-account-grid{
    grid-template-columns:1fr;
    gap:22px;
  }

  .bpa-carrier .bpa-account-field--full{
    grid-column:auto;
  }
}

@media (max-width: 640px){
  .bpa-carrier .bpa-account-directions{
    grid-template-columns:1fr;
  }

  .bpa-carrier .bpa-logo-upload{
    align-items:flex-start;
    flex-direction:column;
  }

  .bpa-carrier #bpa-account-form > .bpa-row .bpa-btn{
    max-width:none;
  }
}