.sdr-contract-payment-card{
  margin:20px 0;
  padding:20px;
  border:1px solid #d9dde1;
  border-radius:16px;
  background:#fff;
}
.sdr-contract-payment-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.sdr-contract-payment-head h2{margin:2px 0 0}
.sdr-contract-payment-eyebrow{
  margin:0;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  color:#687077;
}
.sdr-contract-payment-status{
  padding:7px 10px;
  border-radius:999px;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}
.sdr-contract-payment-status.pending{background:#fff1d8;color:#735000}
.sdr-contract-payment-status.paid{background:#eaffad;color:#385100}
.sdr-contract-payment-status.confirmed{background:#eaffad;color:#385100}
.sdr-contract-payment-status.issued{background:#e7f0ff;color:#214b8e}
.sdr-contract-payment-status.returned{background:#e7f7ef;color:#176340}
.sdr-contract-payment-status.cancelled{background:#ffe6e1;color:#922c22}
.sdr-contract-payment-status.new{background:#ffd84d;color:#5a4300;border:1px solid #e0b400}
.sdr-contract-payment-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.sdr-contract-payment-grid>div{
  padding:14px;
  border:1px solid #e1e4e6;
  border-radius:12px;
}
.sdr-contract-payment-grid span{
  display:block;
  margin-bottom:4px;
  color:#6b7176;
  font-size:13px;
}
.sdr-contract-payment-grid b{font-size:18px}
.sdr-contract-payment-help,.sdr-contract-payment-done{
  margin:16px 0 0;
  line-height:1.45;
}
.sdr-contract-payment-done{
  padding:13px 14px;
  border-radius:12px;
  background:#f3ffd2;
  font-weight:800;
}
.sdr-contract-payment-button{margin-top:14px}
.sdr-step-disabled{opacity:.45;cursor:not-allowed}

.sdr-panel-payment-pending{
  margin-top:8px;
  color:#8a6100!important;
  font-weight:700;
}
.sdr-panel-payment-paid{
  margin-top:8px;
  color:#466100!important;
  font-weight:800;
}
.sdr-panel-status-wrap{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:9px;
  flex-wrap:wrap;
}
.sdr-panel-status{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 10px;
  border-radius:999px;
  font-size:13px;
  font-weight:900;
  line-height:1;
}
.sdr-panel-status.confirmed{background:#eaffad;color:#385100}
.sdr-panel-status.issued{background:#e7f0ff;color:#214b8e}
.sdr-panel-status.returned{background:#e7f7ef;color:#176340}
.sdr-panel-status.cancelled{background:#ffe6e1;color:#922c22}
.sdr-panel-status.new{background:#ffd84d;color:#5a4300;border:1px solid #e0b400}
.sdr-panel-cancel{
  appearance:none;
  border:0;
  background:transparent;
  padding:6px 4px;
  color:#8f3027;
  font:inherit;
  font-weight:800;
  text-decoration:underline;
  cursor:pointer;
}
.sdr-panel-mail-ok{color:#4b6200!important;font-weight:800}
.sdr-panel-mail-error{color:#9a281e!important;font-weight:800}

@media(max-width:760px){
  .sdr-contract-payment-head{flex-direction:column}
  .sdr-contract-payment-grid{grid-template-columns:1fr}
}
.sdr-payment-inline-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1.25fr;
  gap:14px;
  margin-top:16px;
}
.sdr-payment-inline-grid label{
  display:flex;
  flex-direction:column;
  gap:7px;
  font-weight:800;
}
.sdr-payment-inline-grid label>span{
  font-size:14px;
  color:#62686d;
}
.sdr-payment-field{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:52px;
  padding:0 14px;
  border:1px solid #d9dde1;
  border-radius:12px;
  background:#fff;
}
.sdr-payment-field input{
  flex:1;
  width:100%;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  font:inherit;
  font-size:18px;
  font-weight:900;
}
.sdr-payment-field b{
  white-space:nowrap;
}
.sdr-payment-inline-grid select{
  min-height:52px;
  width:100%;
  padding:0 12px;
  border:1px solid #d9dde1;
  border-radius:12px;
  background:#fff;
  font:inherit;
  font-weight:800;
}
.sdr-payment-inline-note{
  margin:16px 0 0;
  padding:12px 14px;
  border-radius:12px;
  background:#f5f6f6;
  color:#555;
  line-height:1.45;
}
.sdr-payment-inline-note.locked-note{
  background:#fff7df;
  color:#6f5200;
}
.sdr-payment-inline-message{
  margin:14px 0 0;
  padding:12px 14px;
  border-radius:12px;
  font-weight:800;
}
.sdr-payment-inline-message.error{
  background:#fff0ed;
  color:#9a281e;
}
.sdr-inline-confirm,
.sdr-signed-payment-confirm{
  margin-top:14px;
}
.sdr-contract-payment-status.locked{
  background:#eef0f2;
  color:#4f555a;
}
@media(max-width:900px){
  .sdr-payment-inline-grid{grid-template-columns:1fr}
}


/* v37: informacja kto anulował rezerwację */
.sdr-panel-cancel-meta{
  display:block;
  margin-top:8px;
  font-size:12px;
  line-height:1.35;
  color:#6b7280;
  font-weight:600;
}


/* v65 — spójny wygląd akcji w panelu */
.sdr-panel-rental-action,
.sdr-admin-cancel-direct{
  width:220px !important;
  min-width:220px !important;
  min-height:58px !important;
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:14px 18px !important;
  text-align:center !important;
  line-height:1.2 !important;
}
.sdr-panel-status-wrap{
  width:220px;
}
@media(max-width:760px){
  .sdr-panel-rental-action,
  .sdr-admin-cancel-direct,
  .sdr-panel-status-wrap{
    width:100% !important;
    min-width:0 !important;
  }
}

.sdr-payment-inline-message.success{
  background:#efffc8;
  color:#355400;
}
.sdr-payment-confirm-now,
.sdr-signed-payment-confirm{
  margin-top:14px;
}

/* v76 — Wydanie / Zwrot jako główne zakładki obsługi najmu */
main.contract-page .sdr-stage-nav{
  position:sticky;
  top:10px;
  z-index:40;
  display:flex !important;
  gap:10px !important;
  margin:22px 0 18px !important;
  padding:8px !important;
  width:max-content;
  max-width:100%;
  box-sizing:border-box;
  border:1px solid #dce1e5;
  border-radius:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 8px 24px rgba(17,24,39,.08);
  backdrop-filter:blur(8px);
}
main.contract-page .sdr-stage-nav .button{
  min-width:160px;
  min-height:54px;
  margin:0 !important;
  border-radius:11px !important;
  font-size:18px;
  font-weight:900;
}
main.contract-page .sdr-stage-nav .button[aria-pressed="true"]{
  background:#d9ff55 !important;
  border-color:#b7df2d !important;
  color:#111 !important;
  box-shadow:0 0 0 2px rgba(183,223,45,.16);
}
main.contract-page .sdr-stage-nav .button[aria-pressed="false"]{
  background:#fff !important;
  color:#17191c !important;
}
main.contract-page .protocol-panel{
  scroll-margin-top:92px;
}
@media(max-width:640px){
  main.contract-page .sdr-stage-nav{
    top:6px;
    width:100%;
  }
  main.contract-page .sdr-stage-nav .button{
    flex:1;
    min-width:0;
  }
}

/* v80 — przełącznik etapu naprawdę na samej górze obsługi najmu */
main.contract-page > .sdr-stage-nav{
  margin:14px 0 18px !important;
}
main.contract-page > .sdr-stage-nav + p{
  margin-top:0 !important;
}
