/* Preview & Send Invoice: prevent clipped controls and footer overlap. */
.invoice-send-mode #content{
  height:calc(100vh - 78px);
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding:20px 24px 116px;
}
.invoice-send-mode .invoice-send-grid{
  grid-template-columns:minmax(700px,1.18fr) minmax(560px,1fr) minmax(220px,250px);
  gap:18px;
  height:auto;
  min-height:calc(100vh - 214px);
  align-items:start;
}
.invoice-send-mode .pdf-preview{
  max-height:calc(100vh - 214px);
  min-height:650px;
  overflow:auto;
}
.invoice-send-mode .pdf-preview .send-invoice-page{box-sizing:border-box;width:100%;min-width:0;margin:0 auto 20px;padding:22px;background:#f4f5f7}
.invoice-send-mode .pdf-preview .invoice-template-live-paper{width:100%!important;max-width:none!important;margin:0!important;padding:42px 46px!important;box-shadow:0 2px 12px #0a18351c}
.invoice-send-mode .pdf-preview .invoice-live-meta{grid-template-columns:minmax(0,1fr) minmax(280px,auto);gap:28px}
.invoice-send-mode .pdf-preview .invoice-template-live-paper table{font-size:12px}
.invoice-send-mode .pdf-preview .invoice-template-live-paper th{font-size:10px;padding:10px 8px}
.invoice-send-mode .pdf-preview .invoice-template-live-paper td{padding:10px 8px}
.invoice-print-frame{position:fixed;right:0;bottom:0;width:1px;height:1px;border:0;opacity:0;pointer-events:none}
.invoice-send-mode .email-composer{
  min-width:0;
  padding:0 2px 28px;
  overflow:visible;
}
.invoice-send-mode .email-composer h2{
  margin:2px 0 16px;
  line-height:1.25;
}
.invoice-send-mode .email-composer>label{
  grid-template-columns:80px minmax(0,1fr);
  align-items:center;
  min-height:42px;
  margin-bottom:10px;
  line-height:1.3;
}
.invoice-send-mode .email-composer input,
.invoice-send-mode .email-composer select,
.invoice-send-mode .recipient{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  height:42px;
  min-height:42px;
  padding:9px 13px;
  font-size:13px;
  line-height:20px;
  overflow:visible;
}
.invoice-send-mode .email-composer select{
  padding-top:0;
  padding-bottom:0;
}
.invoice-send-mode .recipient{
  display:flex;
  align-items:center;
  white-space:normal;
  overflow-wrap:anywhere;
}
.invoice-send-mode .email-editor{
  min-width:0;
  border-radius:5px;
  overflow:hidden;
}
.invoice-send-mode .email-editor>header{
  min-height:44px;
  height:auto;
  flex-wrap:wrap;
  gap:8px 12px;
  padding:5px 9px;
  margin:0;
}
.invoice-send-mode .email-editor>header select{
  height:34px;
  min-height:34px;
  padding:0 10px;
  line-height:32px;
}
.invoice-send-mode .email-editor>header select:first-child{flex:1 1 160px}
.invoice-send-mode .email-editor>header select:nth-child(2){flex:1 1 110px}
.invoice-send-mode .email-editor>div{
  box-sizing:border-box;
  height:auto;
  min-height:290px;
  max-height:370px;
  overflow-y:auto;
  padding:20px 18px 32px;
  font-size:13px;
  line-height:1.65;
  overflow-wrap:anywhere;
}
.invoice-send-mode .invoice-attachments{
  margin:14px 0;
  overflow:hidden;
}
.invoice-send-mode .invoice-attachments>header{
  min-height:62px;
  height:auto;
  gap:14px;
  flex-wrap:wrap;
}
.invoice-send-mode .invoice-attachments>header b{font-size:15px;line-height:1.25}
.invoice-send-mode .invoice-attachments>header small{font-size:12px;line-height:1.35}
.invoice-send-mode .send-options,
.invoice-send-mode .send-when{line-height:1.4}
.invoice-send-mode .send-options label,
.invoice-send-mode .send-when label{min-height:30px;white-space:normal}
.invoice-send-mode .email-security{margin-bottom:12px;font-size:11px}
.invoice-send-mode .invoice-summary{
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:236px;
  overflow:visible!important;
}
.invoice-send-mode .invoice-summary strong{overflow-wrap:anywhere;line-height:1.2}
.invoice-send-mode .invoice-send-footer{left:252px;height:72px;padding:0 24px}

/* The full wordmark must fit inside the 252px application rail. */
body>aside .brand{
  padding-left:18px;
  padding-right:12px;
  gap:7px;
  overflow:visible;
}
body>aside .brand svg{width:42px;height:42px}
body>aside .brand>span{font-size:28px;letter-spacing:-.35px}

@media(max-width:1780px){
  .invoice-send-mode .invoice-send-grid{
    grid-template-columns:minmax(650px,1.08fr) minmax(520px,1fr);
  }
  .invoice-send-mode .invoice-summary{display:none!important}
}
@media(max-width:1220px){
  .invoice-send-mode .invoice-send-grid{grid-template-columns:1fr}
  .invoice-send-mode .pdf-preview{max-height:none}
  .invoice-send-mode .email-composer{padding-bottom:40px}
}
@media print{.invoice-print-frame{display:block!important}}