/* Readable receipt delivery and device handoff — 20260803qa923 */

.invoice-record-payment-dialog{
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  max-height:calc(100svh - 32px);
  overflow:hidden;
}

.invoice-record-payment-dialog .invoice-payment-workflow-form{
  min-height:0;
  overflow:auto;
  overscroll-behavior:contain;
}

.invoice-record-payment-dialog .invoice-receipt-draft{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}

.invoice-record-payment-dialog>header p{
  font-size:13px!important;
  line-height:18px!important;
  text-transform:none!important;
  letter-spacing:normal!important;
}

.invoice-record-payment-dialog>header h3{
  font-size:23px!important;
  line-height:30px!important;
}

.invoice-record-payment-dialog>header small{
  font-size:14px!important;
  line-height:20px!important;
}

.invoice-record-payment-dialog .invoice-payment-information h4,
.invoice-record-payment-dialog .invoice-receipt-draft h4{
  font-size:18px!important;
  line-height:23px!important;
  text-transform:none!important;
  letter-spacing:normal!important;
}

.invoice-record-payment-dialog .invoice-payment-information label,
.invoice-record-payment-dialog .invoice-receipt-draft>label,
.invoice-record-payment-dialog .invoice-receipt-recipient-grid label,
.invoice-record-payment-dialog .invoice-receipt-channel legend{
  font-size:13px!important;
  line-height:18px!important;
  text-transform:none!important;
  letter-spacing:normal!important;
}

.invoice-record-payment-dialog input:not([type="radio"]),
.invoice-record-payment-dialog select,
.invoice-record-payment-dialog textarea{
  min-height:48px!important;
  padding:11px 12px!important;
  font-size:15px!important;
  line-height:21px!important;
}

.invoice-record-payment-dialog textarea{
  min-height:88px!important;
}

.invoice-record-payment-dialog .invoice-receipt-draft>header p{
  margin-top:4px!important;
  font-size:13px!important;
  line-height:19px!important;
}

.invoice-receipt-channel{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin:0;
  padding:0;
  border:0;
}

.invoice-receipt-channel legend{
  grid-column:1/-1;
  margin:0 0 1px;
  padding:0;
  color:#c9d7e2;
  font-weight:780;
}

.invoice-receipt-channel label{
  position:relative;
  display:block!important;
  min-width:0;
  margin:0;
  cursor:pointer;
}

.invoice-receipt-channel input{
  position:absolute!important;
  width:1px!important;
  min-height:1px!important;
  height:1px!important;
  margin:0!important;
  opacity:0;
  pointer-events:none;
}

.invoice-receipt-channel label>span{
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 10px;
  border:1px solid #36536b;
  border-radius:9px;
  background:#0b1a27;
  color:#cbd7e0;
  transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease;
}

.invoice-receipt-channel label>span svg{
  width:19px;
  height:19px;
  flex:0 0 auto;
}

.invoice-receipt-channel label>span strong{
  font-size:14px;
  line-height:19px;
  text-transform:none!important;
  letter-spacing:normal!important;
}

.invoice-receipt-channel label:nth-of-type(1)>span svg{color:#22d3ee}
.invoice-receipt-channel label:nth-of-type(2)>span svg{color:#c084fc}
.invoice-receipt-channel label:nth-of-type(3)>span svg{color:#ff8a1f}

.invoice-receipt-channel label:nth-of-type(1):has(input:checked)>span{
  border-color:#22d3ee;
  background:rgba(8,145,178,.16);
  color:#cffafe;
}

.invoice-receipt-channel label:nth-of-type(2):has(input:checked)>span{
  border-color:#c084fc;
  background:rgba(126,34,206,.17);
  color:#f3e8ff;
}

.invoice-receipt-channel label:nth-of-type(3):has(input:checked)>span{
  border-color:#ed6500;
  background:rgba(214,83,0,.18);
  color:#ffedd5;
}

.invoice-receipt-channel label:hover>span,
.invoice-receipt-channel label:focus-within>span{
  transform:translateY(-1px);
  outline:2px solid rgba(255,255,255,.06);
  outline-offset:1px;
}

.invoice-receipt-recipient-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.invoice-receipt-delivery-note{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  align-items:start;
  gap:10px;
  padding:13px 14px;
  border:1px solid rgba(34,197,94,.46);
  border-radius:9px;
  background:rgba(22,101,52,.16);
}

.invoice-receipt-delivery-note>svg{
  width:21px;
  height:21px;
  margin-top:1px;
  color:#4ade80;
}

.invoice-receipt-delivery-note span{
  display:grid;
  gap:3px;
}

.invoice-receipt-delivery-note strong,
.invoice-receipt-delivery-note small{
  text-transform:none!important;
  letter-spacing:normal!important;
  text-shadow:none!important;
  filter:none!important;
}

.invoice-receipt-delivery-note strong{
  color:#eaf8ef;
  font-size:14px;
  line-height:20px;
}

.invoice-receipt-delivery-note small{
  color:#b9c9c1;
  font-size:13px;
  font-weight:560;
  line-height:19px;
}

.invoice-record-payment-dialog .invoice-payment-balance-check span,
.invoice-record-payment-dialog .invoice-payment-balance-check small{
  font-size:13px!important;
  line-height:18px!important;
}

.invoice-record-payment-dialog .invoice-payment-balance-check strong{
  font-size:22px!important;
}

.invoice-record-payment-dialog .invoice-payment-workflow-form>footer{
  position:sticky;
  bottom:0;
  z-index:8;
  padding:13px 18px!important;
  background:#07121c!important;
  box-shadow:0 -12px 28px rgba(0,0,0,.36);
}

.invoice-record-payment-dialog .invoice-payment-workflow-form>footer button{
  min-height:48px!important;
  font-size:15px!important;
  line-height:20px!important;
  text-transform:none!important;
  letter-spacing:normal!important;
}

.invoice-record-payment-dialog .invoice-record-payment-submit{
  border-color:#d65300!important;
  background:#d65300!important;
  color:#090d11!important;
  font-weight:820!important;
}

.invoice-record-payment-dialog .invoice-record-payment-submit:hover,
.invoice-record-payment-dialog .invoice-record-payment-submit:focus-visible{
  border-color:#ed6500!important;
  background:#ed6500!important;
  color:#070a0c!important;
}

.invoice-receipt-handoff{
  position:fixed;
  inset:0;
  z-index:9900;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(1,7,13,.86);
  backdrop-filter:blur(6px);
}

.invoice-receipt-handoff>section{
  width:min(620px,calc(100vw - 36px));
  overflow:hidden;
  border:1px solid #36536b;
  border-radius:14px;
  background:#07131f;
  box-shadow:0 28px 80px rgba(0,0,0,.64);
}

.invoice-receipt-handoff header{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 38px;
  align-items:center;
  gap:13px;
  padding:18px;
  border-bottom:1px solid #29465f;
  background:#091a28;
}

.invoice-receipt-handoff header>span{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1.5px solid #22c55e;
  border-radius:50%;
  color:#4ade80;
}

.invoice-receipt-handoff header>span svg{width:22px;height:22px}
.invoice-receipt-handoff header p{margin:0;color:#ff941f;font-size:13px;font-weight:800;text-transform:none;letter-spacing:normal}
.invoice-receipt-handoff header h3{margin:3px 0 0;color:#f8fafc;font-size:23px;line-height:29px}
.invoice-receipt-handoff header small{display:block;margin-top:4px;color:#b6c4d0;font-size:14px;line-height:20px}

.invoice-receipt-handoff header>button{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #3a5265;
  border-radius:50%;
  background:#0c1a26;
  color:#d8e3eb;
}

.invoice-receipt-handoff-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:18px;
}

.invoice-receipt-handoff-actions>button{
  min-height:76px;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  align-items:center;
  gap:11px;
  padding:13px 15px;
  border:1px solid #36536b;
  border-radius:10px;
  background:#0a1a27;
  color:#edf5fb;
  text-align:left;
}

.invoice-receipt-handoff-actions>button svg{width:24px;height:24px}
.invoice-receipt-handoff-actions>button span{min-width:0;display:grid;gap:3px}
.invoice-receipt-handoff-actions>button strong{font-size:16px;line-height:21px;text-transform:none;letter-spacing:normal}
.invoice-receipt-handoff-actions>button small{overflow:hidden;color:#aebdca;font-size:13px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}
.invoice-receipt-open-email{border-color:#22d3ee!important;background:rgba(8,145,178,.14)!important}
.invoice-receipt-open-email svg{color:#22d3ee}
.invoice-receipt-open-text{border-color:#c084fc!important;background:rgba(126,34,206,.15)!important}
.invoice-receipt-open-text svg{color:#c084fc}

.invoice-receipt-handoff footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 18px;
  border-top:1px solid #29465f;
  background:#07121c;
}

.invoice-receipt-handoff footer small{color:#aebdca;font-size:13px;line-height:18px}
.invoice-receipt-handoff footer button{min-height:44px;padding:9px 18px;font-size:14px;text-transform:none;letter-spacing:normal}

@media(max-width:820px){
  .invoice-record-payment-dialog{max-height:calc(100svh - 16px)}
  .invoice-record-payment-dialog .invoice-payment-workflow-form{display:block}
  .invoice-record-payment-dialog .invoice-payment-information,
  .invoice-record-payment-dialog .invoice-receipt-draft{padding:17px!important}
  .invoice-record-payment-dialog .invoice-receipt-draft{border-top:1px solid #29465f}
}

@media(max-width:580px){
  .invoice-record-payment-dialog>header h3{font-size:21px!important;line-height:27px!important}
  .invoice-record-payment-dialog>header small{font-size:13px!important;line-height:18px!important}
  .invoice-receipt-recipient-grid{grid-template-columns:1fr}
  .invoice-receipt-channel{gap:6px}
  .invoice-receipt-channel label>span{min-height:48px;gap:5px;padding:8px 5px}
  .invoice-receipt-channel label>span strong{font-size:13px}
  .invoice-record-payment-dialog .invoice-payment-workflow-form>footer{
    display:grid!important;
    grid-template-columns:minmax(86px,.7fr) minmax(0,1.6fr)!important;
    gap:8px!important;
    padding:10px 13px!important;
  }
  .invoice-receipt-handoff{padding:8px}
  .invoice-receipt-handoff>section{width:calc(100vw - 16px)}
  .invoice-receipt-handoff header{grid-template-columns:42px minmax(0,1fr) 34px;gap:10px;padding:14px}
  .invoice-receipt-handoff header>span{width:40px;height:40px}
  .invoice-receipt-handoff header h3{font-size:21px;line-height:27px}
  .invoice-receipt-handoff-actions{grid-template-columns:1fr;padding:14px}
  .invoice-receipt-handoff footer{align-items:stretch;flex-direction:column;padding:13px 14px}
  .invoice-receipt-handoff footer button{width:100%}
}