/* Invoice ledger and detail workspace — sharp dark finance UI */

.premium-app .invoice-reference-row[data-invoice-open]{
  cursor:pointer;
}

.premium-app .invoice-reference-row[data-invoice-open]:focus-visible{
  outline:2px solid #22d3ee;
  outline-offset:-2px;
  background:#0d2232;
}

.premium-app .invoice-reference-columns,
.premium-app .invoice-reference-row{
  grid-template-columns:minmax(260px,1.45fr) 132px 82px 82px 96px 142px 210px!important;
  gap:14px!important;
}

.premium-app .invoice-reference-row{
  min-height:88px!important;
  padding:12px 18px!important;
}

.premium-app .invoice-reference-customer{
  gap:14px!important;
}

.premium-app .invoice-reference-avatar,
.premium-app .invoice-reference-row:nth-child(3n+2) .invoice-reference-avatar,
.premium-app .invoice-reference-row:nth-child(3n) .invoice-reference-avatar{
  width:48px!important;
  height:48px!important;
  border:1.5px solid #22d3ee!important;
  border-radius:50%!important;
  background:#071521!important;
  color:#67e8f9!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:none!important;
  filter:none!important;
}

.premium-app .invoice-reference-row:nth-child(3n+2) .invoice-reference-avatar{
  border-color:#a855f7!important;
  color:#d8b4fe!important;
}

.premium-app .invoice-reference-row:nth-child(3n) .invoice-reference-avatar{
  border-color:#22c55e!important;
  color:#4ade80!important;
}

.premium-app .invoice-reference-customer strong{
  font-size:15px!important;
  font-weight:750!important;
  line-height:20px!important;
}

.premium-app .invoice-reference-customer small,
.premium-app .invoice-reference-status,
.premium-app .invoice-reference-money,
.premium-app .invoice-reference-due{
  font-size:13px!important;
  line-height:18px!important;
}

.premium-app .invoice-reference-balance{
  font-size:15px!important;
  line-height:20px!important;
}

.premium-app .invoice-reference-row-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:0;
}

.premium-app .invoice-open-action,
.premium-app .invoice-change-order-action{
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 11px!important;
  border:1px solid #31506a!important;
  border-radius:8px!important;
  background:#0a1a28!important;
  color:#e8f0f7!important;
  font-size:12px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}

.premium-app .invoice-open-action{
  border-color:#168aa8!important;
  color:#67e8f9!important;
}

.premium-app .invoice-change-order-action{
  border-color:#8b45c7!important;
  color:#d8b4fe!important;
}

.premium-app .invoice-open-action:hover,
.premium-app .invoice-open-action:focus-visible{
  border-color:#22d3ee!important;
  background:#0c2634!important;
}

.premium-app .invoice-change-order-action:hover,
.premium-app .invoice-change-order-action:focus-visible{
  border-color:#c084fc!important;
  background:#21132d!important;
}

.premium-app .invoice-open-action svg,
.premium-app .invoice-change-order-action svg{
  width:17px!important;
  height:17px!important;
  flex:0 0 auto;
}

.premium-app .invoice-detail-page{
  --invoice-border:#29465f;
  --invoice-surface:#071521;
  --invoice-surface-strong:#0a1a28;
  display:grid;
  gap:16px;
  width:100%;
  color:#f8fafc;
}

.premium-app .invoice-detail-page button,
.premium-app .invoice-detail-page input,
.premium-app .invoice-detail-page select{
  font-family:inherit;
}

.premium-app .invoice-detail-header,
.premium-app .invoice-detail-customer-strip,
.premium-app .invoice-detail-panel{
  border:1px solid var(--invoice-border);
  border-radius:12px;
  background:linear-gradient(145deg,#071521,#030d16);
  box-shadow:none;
}

.premium-app .invoice-detail-header{
  min-height:104px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:18px 20px;
}

.premium-app .invoice-detail-title{
  display:flex;
  align-items:center;
  gap:20px;
  min-width:0;
}

.premium-app .invoice-detail-back{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 13px;
  border:1px solid #36536b;
  border-radius:9px;
  background:#0b1a28;
  color:#e6edf3;
  font-size:13px;
  font-weight:750;
  white-space:nowrap;
}

.premium-app .invoice-detail-back:hover,
.premium-app .invoice-detail-back:focus-visible{
  border-color:#ff7a00;
  color:#ff9b3d;
}

.premium-app .invoice-detail-back svg{
  width:17px;
  height:17px;
}

.premium-app .invoice-detail-title p{
  margin:0 0 3px;
  color:#ff8a18;
  font-size:11px;
  font-weight:800;
  letter-spacing:.07em;
}

.premium-app .invoice-detail-title h2{
  display:inline;
  margin:0 10px 0 0;
  color:#f8fafc;
  font-size:28px;
  font-weight:780;
  line-height:34px;
  letter-spacing:-.02em;
}

.premium-app .invoice-detail-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  vertical-align:4px;
  color:#c8d3de;
  font-size:12px;
  font-weight:700;
}

.premium-app .invoice-detail-status i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#7a8793;
}

.premium-app .invoice-detail-status.sent,
.premium-app .invoice-detail-status.sent-awaiting-payment{
  color:#60a5fa;
}

.premium-app .invoice-detail-status.sent i,
.premium-app .invoice-detail-status.sent-awaiting-payment i{
  background:#3b82f6;
}

.premium-app .invoice-detail-status.partial{
  color:#fbbf24;
}

.premium-app .invoice-detail-status.partial i{
  background:#f59e0b;
}

.premium-app .invoice-detail-status.paid{
  color:#4ade80;
}

.premium-app .invoice-detail-status.paid i{
  background:#22c55e;
}

.premium-app .invoice-detail-status.overdue{
  color:#fb7185;
}

.premium-app .invoice-detail-status.overdue i{
  background:#f43f5e;
}

.premium-app .invoice-detail-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

.premium-app .invoice-round-action{
  width:68px;
  min-height:64px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:5px;
  padding:6px;
  border:0;
  background:transparent;
  color:#cbd5df;
  font-size:10.5px;
  font-weight:700;
  line-height:13px;
}

.premium-app .invoice-round-action svg{
  width:38px!important;
  height:38px!important;
  padding:9px!important;
  border:1.5px solid currentColor!important;
  border-radius:50%!important;
  background:#07131f!important;
  box-sizing:border-box!important;
  stroke-width:2!important;
  filter:none!important;
}

.premium-app .invoice-round-action.cyan svg{color:#22d3ee}
.premium-app .invoice-round-action.green svg{color:#22c55e}
.premium-app .invoice-round-action.yellow svg{color:#facc15}
.premium-app .invoice-round-action.purple svg{color:#c084fc}

.premium-app .invoice-round-action:hover,
.premium-app .invoice-round-action:focus-visible{
  color:#fff;
  outline:none;
}

.premium-app .invoice-round-action:disabled,
.premium-app .invoice-send-action:disabled{
  opacity:.42;
  cursor:not-allowed;
}

.premium-app .invoice-send-action{
  min-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding:0 18px!important;
  border-color:#f97316!important;
  background:linear-gradient(180deg,#ff8413,#eb5e00)!important;
  color:#111820!important;
  font-size:14px!important;
  font-weight:800!important;
}

.premium-app .invoice-send-action svg{
  width:19px!important;
  height:19px!important;
}

.premium-app .invoice-detail-customer-strip{
  display:grid;
  grid-template-columns:minmax(310px,1.35fr) minmax(520px,2fr);
  align-items:stretch;
  padding:20px 22px;
}

.premium-app .invoice-detail-customer{
  display:flex;
  align-items:center;
  gap:16px;
  padding-right:22px;
  border-right:1px solid var(--invoice-border);
}

.premium-app .invoice-detail-customer .invoice-reference-avatar{
  width:58px!important;
  height:58px!important;
  font-size:17px!important;
}

.premium-app .invoice-detail-customer>div{
  min-width:0;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px 15px;
}

.premium-app .invoice-detail-customer p{
  width:100%;
  margin:0;
  color:#7dd3fc;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
}

.premium-app .invoice-detail-customer h3{
  width:100%;
  margin:0 0 4px;
  color:#f8fafc;
  font-size:20px;
  line-height:25px;
}

.premium-app .invoice-detail-customer span:not(.invoice-reference-avatar){
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:100%;
  color:#b9c6d2;
  font-size:12.5px;
  line-height:17px;
}

.premium-app .invoice-detail-customer span svg{
  width:15px;
  height:15px;
  color:#22d3ee;
  flex:0 0 auto;
}

.premium-app .invoice-detail-customer-strip>dl{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:center;
  margin:0;
}

.premium-app .invoice-detail-customer-strip>dl>div{
  min-width:0;
  padding:5px 20px;
  border-right:1px solid var(--invoice-border);
}

.premium-app .invoice-detail-customer-strip>dl>div:last-child{
  border-right:0;
}

.premium-app .invoice-detail-customer-strip dt{
  color:#aebbc8;
  font-size:11px;
  font-weight:650;
}

.premium-app .invoice-detail-customer-strip dd{
  margin:7px 0 0;
  color:#f8fafc;
  font-size:24px;
  font-weight:780;
  line-height:29px;
  white-space:nowrap;
}

.premium-app .invoice-detail-customer-strip .paid dd{color:#4ade80}
.premium-app .invoice-detail-customer-strip .balance dd{color:#ff8a18}

.premium-app .invoice-detail-customer-strip dl small{
  display:block;
  margin-top:5px;
  color:#9dabb9;
  font-size:11px;
}

.premium-app .invoice-detail-main{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(285px,.72fr);
  gap:16px;
  align-items:start;
}

.premium-app .invoice-detail-main>.invoice-detail-panel,
.premium-app .invoice-detail-summary{
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
}

.premium-app aside.invoice-detail-summary{
  position:static!important;
  top:auto!important;
  overflow:visible!important;
}

.premium-app .invoice-detail-panel{
  overflow:hidden;
}

.premium-app .invoice-detail-panel>header{
  position:static!important;
  min-height:70px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  padding:13px 18px!important;
  border:0!important;
  border-bottom:1px solid var(--invoice-border)!important;
  background:#091824!important;
}

.premium-app .invoice-detail-panel>header h3{
  margin:0!important;
  color:#f8fafc!important;
  font-size:17px!important;
  font-weight:750!important;
  line-height:22px!important;
}

.premium-app .invoice-detail-panel>header p{
  margin:3px 0 0!important;
  color:#aebbc8!important;
  font-size:11.5px!important;
  line-height:15px!important;
}

.premium-app .invoice-detail-section-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1.5px solid currentColor;
  border-radius:50%;
  background:#07131f;
}

.premium-app .invoice-detail-section-icon svg{
  width:19px;
  height:19px;
}

.premium-app .invoice-detail-section-icon.cyan{color:#22d3ee}
.premium-app .invoice-detail-section-icon.orange{color:#f97316}
.premium-app .invoice-detail-section-icon.green{color:#22c55e}
.premium-app .invoice-detail-section-icon.purple{color:#c084fc}
.premium-app .invoice-detail-section-icon.blue{color:#60a5fa}

.premium-app .invoice-detail-table{
  min-width:0;
}

.premium-app .invoice-detail-table-head,
.premium-app .invoice-detail-table-row{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 70px 110px 116px;
  gap:16px;
  align-items:center;
}

.premium-app .invoice-detail-table-head{
  min-height:42px;
  padding:0 18px;
  border-bottom:1px solid #233b4f;
  color:#9fb0bf;
  font-size:10.5px;
  font-weight:750;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.premium-app .invoice-detail-table-row{
  min-height:76px;
  padding:11px 18px;
  border-bottom:1px solid #22384a;
  color:#dce5ed;
  font-size:13px;
}

.premium-app .invoice-detail-table-row:last-child{
  border-bottom:0;
}

.premium-app .invoice-detail-table-row>span:first-child{
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  gap:12px;
  align-items:start;
}

.premium-app .invoice-detail-table-row>span:first-child>b{
  color:#718293;
  font-size:11px;
}

.premium-app .invoice-detail-table-row strong{
  color:#f8fafc;
  font-size:14px;
}

.premium-app .invoice-detail-table-row small{
  display:block;
  margin-top:4px;
  color:#aab8c5;
  font-size:11.5px;
  line-height:16px;
}

.premium-app .invoice-detail-summary dl{
  margin:0;
  padding:10px 18px 0;
}

.premium-app .invoice-detail-summary dl>div{
  min-height:45px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid #263d50;
}

.premium-app .invoice-detail-summary dt{
  color:#bdc8d2;
  font-size:12.5px;
}

.premium-app .invoice-detail-summary dd{
  margin:0;
  color:#f8fafc;
  font-size:14px;
  font-weight:750;
}

.premium-app .invoice-detail-summary .paid dd{color:#4ade80}

.premium-app .invoice-detail-summary .balance{
  min-height:64px;
  border-bottom:0;
}

.premium-app .invoice-detail-summary .balance dt{
  color:#f8fafc;
  font-size:14px;
  font-weight:750;
}

.premium-app .invoice-detail-summary .balance dd{
  color:#ff8a18;
  font-size:22px;
}

.premium-app .invoice-detail-wide-action{
  width:calc(100% - 36px)!important;
  min-height:44px!important;
  margin:12px 18px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}

.premium-app .invoice-detail-wide-action svg{
  width:17px;
  height:17px;
}

.premium-app .invoice-detail-lower{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}

.premium-app .invoice-progress-track{
  height:7px;
  margin:18px 18px 6px;
  overflow:hidden;
  border-radius:999px;
  background:#263b4e;
}

.premium-app .invoice-progress-track span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:#22c55e;
}

.premium-app .invoice-progress-steps{
  display:grid;
  gap:0;
  padding:4px 18px 16px;
}

.premium-app .invoice-progress-steps>div{
  min-height:54px;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:10px;
  align-items:center;
  border-bottom:1px solid #22394b;
}

.premium-app .invoice-progress-steps>div:last-child{border-bottom:0}

.premium-app .invoice-progress-steps svg{
  width:21px;
  height:21px;
  color:#718193;
}

.premium-app .invoice-progress-steps .complete svg{color:#22c55e}

.premium-app .invoice-progress-steps strong,
.premium-app .invoice-payment-event strong,
.premium-app .invoice-detail-attachment strong{
  display:block;
  color:#f8fafc;
  font-size:12.5px;
}

.premium-app .invoice-progress-steps small,
.premium-app .invoice-payment-event small,
.premium-app .invoice-detail-attachment small{
  display:block;
  margin-top:3px;
  color:#a9b7c4;
  font-size:11px;
  line-height:15px;
}

.premium-app .invoice-payment-event{
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  margin:18px;
  padding:15px;
  border:1px solid #2a465d;
  border-radius:9px;
  background:#091a27;
}

.premium-app .invoice-payment-event>span{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid #22c55e;
  border-radius:50%;
  color:#4ade80;
}

.premium-app .invoice-payment-event svg{width:19px;height:19px}
.premium-app .invoice-payment-event>b{color:#4ade80;font-size:15px}

.premium-app .invoice-detail-empty{
  min-height:154px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
  padding:22px;
  color:#9eacba;
  text-align:center;
}

.premium-app .invoice-detail-empty svg{
  width:34px;
  height:34px;
  color:#22c55e;
}

.premium-app .invoice-detail-empty strong{
  color:#f8fafc;
  font-size:13px;
}

.premium-app .invoice-detail-empty span{
  max-width:250px;
  font-size:11.5px;
  line-height:16px;
}

.premium-app .invoice-detail-note-copy{
  min-height:74px;
  margin:0;
  padding:17px 18px;
  color:#d9e2ea;
  font-size:12.5px;
  line-height:19px;
}

.premium-app .invoice-detail-attachment{
  min-height:56px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:10px;
  align-items:center;
  margin:0 18px;
  padding:11px 0;
  border-top:1px solid #263d50;
}

.premium-app .invoice-detail-attachment>svg{
  width:23px;
  height:23px;
  color:#c084fc;
}

@media(max-width:1450px){
  .premium-app .invoice-reference-columns,
  .premium-app .invoice-reference-row{
    grid-template-columns:minmax(220px,1.35fr) 118px 76px 76px 88px 126px 184px!important;
    gap:10px!important;
  }

  .premium-app .invoice-open-action,
  .premium-app .invoice-change-order-action{
    padding:0 8px!important;
    font-size:11px!important;
  }

  .premium-app .invoice-detail-header{
    align-items:flex-start;
  }

  .premium-app .invoice-detail-customer-strip{
    grid-template-columns:minmax(290px,1fr) minmax(480px,1.75fr);
  }

  .premium-app .invoice-detail-customer-strip>dl>div{
    padding:5px 13px;
  }
}

@media(max-width:1180px){
  .premium-app .invoice-reference-row-actions{
    justify-content:flex-start!important;
  }

  .premium-app .invoice-detail-header{
    display:grid;
  }

  .premium-app .invoice-detail-actions{
    justify-content:flex-start;
  }

  .premium-app .invoice-detail-customer-strip{
    grid-template-columns:1fr;
  }

  .premium-app .invoice-detail-customer{
    padding:0 0 18px;
    border-right:0;
    border-bottom:1px solid var(--invoice-border);
  }

  .premium-app .invoice-detail-customer-strip>dl{
    padding-top:16px;
  }

  .premium-app .invoice-detail-main{
    grid-template-columns:1fr;
  }
}

@media(max-width:820px){
  .premium-app .invoice-detail-title{
    display:grid;
    gap:12px;
  }

  .premium-app .invoice-detail-back{
    width:max-content;
  }

  .premium-app .invoice-detail-customer-strip>dl{
    grid-template-columns:1fr 1fr;
  }

  .premium-app .invoice-detail-customer-strip>dl>div:nth-child(2){
    border-right:0;
  }

  .premium-app .invoice-detail-customer-strip>dl>div:nth-child(-n+2){
    padding-bottom:14px;
    border-bottom:1px solid var(--invoice-border);
  }

  .premium-app .invoice-detail-customer-strip>dl>div:nth-child(n+3){
    padding-top:14px;
  }

  .premium-app .invoice-detail-lower{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .premium-app .invoice-reference-row{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px 12px!important;
    min-height:164px!important;
    padding:14px!important;
  }

  .premium-app .invoice-reference-customer{
    grid-column:1/-1!important;
  }

  .premium-app .invoice-reference-status{
    grid-column:1!important;
  }

  .premium-app .invoice-reference-money{
    display:none!important;
  }

  .premium-app .invoice-reference-balance{
    grid-column:1!important;
  }

  .premium-app .invoice-reference-due{
    grid-column:2!important;
    text-align:right;
  }

  .premium-app .invoice-reference-row-actions{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }

  .premium-app .invoice-open-action,
  .premium-app .invoice-change-order-action{
    width:100%!important;
    min-height:42px!important;
  }

  .premium-app .invoice-detail-header,
  .premium-app .invoice-detail-customer-strip{
    padding:16px;
  }

  .premium-app .invoice-detail-actions{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  .premium-app .invoice-round-action{
    width:100%;
  }

  .premium-app .invoice-send-action{
    grid-column:1/-1;
    width:100%;
  }

  .premium-app .invoice-detail-customer{
    align-items:flex-start;
  }

  .premium-app .invoice-detail-customer .invoice-reference-avatar{
    width:50px!important;
    height:50px!important;
    font-size:15px!important;
  }

  .premium-app .invoice-detail-customer-strip dd{
    font-size:20px;
    line-height:25px;
  }

  .premium-app .invoice-detail-table-head{
    display:none;
  }

  .premium-app .invoice-detail-table-row{
    grid-template-columns:1fr 1fr;
    gap:9px 14px;
    min-height:0;
    padding:15px 16px;
  }

  .premium-app .invoice-detail-table-row>span:first-child{
    grid-column:1/-1;
  }

  .premium-app .invoice-detail-table-row>[data-label]::before{
    content:attr(data-label);
    display:block;
    margin-bottom:3px;
    color:#8fa1b1;
    font-size:9px;
    font-weight:750;
    text-transform:uppercase;
  }
}

@media(max-width:480px){
  .premium-app .invoice-detail-title h2{
    font-size:24px;
  }

  .premium-app .invoice-detail-actions{
    grid-template-columns:1fr 1fr;
  }

  .premium-app .invoice-detail-customer-strip>dl{
    grid-template-columns:1fr;
  }

  .premium-app .invoice-detail-customer-strip>dl>div{
    padding:12px 0!important;
    border-right:0!important;
    border-bottom:1px solid var(--invoice-border)!important;
  }

  .premium-app .invoice-detail-customer-strip>dl>div:last-child{
    border-bottom:0!important;
  }
}

/* Invoice list hierarchy and compact numbering — 20260729qa781 */
.premium-app .invoice-reference-page{
  width:100%;
  max-width:1600px;
  margin:0 auto;
  gap:14px!important;
  color:#f8fafc;
  text-rendering:optimizeLegibility!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}

.premium-app .invoice-reference-kpis{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}

.premium-app .invoice-reference-kpi{
  min-height:106px!important;
  padding:16px 17px!important;
  gap:12px!important;
  border-color:#29445a!important;
  border-left:3px solid var(--invoice-tone)!important;
  background:#071521!important;
  box-shadow:none!important;
}

.premium-app .invoice-reference-kpi:hover,
.premium-app .invoice-reference-kpi:focus-visible{
  border-color:var(--invoice-tone)!important;
  background:#0a1a28!important;
  outline:none!important;
}

.premium-app .invoice-reference-kpi span{
  margin:0 0 3px!important;
  color:#aebdca!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:14px!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
}

.premium-app .invoice-reference-kpi strong{
  color:#f8fafc!important;
  font-size:25px!important;
  font-weight:780!important;
  line-height:29px!important;
  letter-spacing:-.02em!important;
}

.premium-app .invoice-reference-kpi small{
  margin-top:3px!important;
  color:#9fb0bf!important;
  font-size:11px!important;
  line-height:15px!important;
}

.premium-app .invoice-command-bar{
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:11px 13px 11px 16px;
  border:1px solid #29445a;
  border-radius:11px;
  background:#071521;
}

.premium-app .invoice-command-copy{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
}

.premium-app .invoice-command-copy>svg{
  width:38px!important;
  height:38px!important;
  padding:9px!important;
  flex:0 0 auto;
  box-sizing:border-box!important;
  border:1px solid #f97316!important;
  border-radius:50%!important;
  background:#0b1722!important;
  color:#fb923c!important;
  stroke-width:2!important;
  filter:none!important;
}

.premium-app .invoice-command-copy strong,
.premium-app .invoice-command-copy span{
  display:block;
}

.premium-app .invoice-command-copy strong{
  color:#f8fafc;
  font-size:14px;
  font-weight:780;
  line-height:18px;
}

.premium-app .invoice-command-copy span{
  margin-top:3px;
  color:#9fb0bf;
  font-size:11.5px;
  line-height:16px;
}

.premium-app .invoice-command-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  flex:0 0 auto;
}

.premium-app .invoice-command-actions .btn,
.premium-app .invoice-command-actions .primary{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 14px!important;
  border-radius:8px!important;
  font-size:12px!important;
  font-weight:760!important;
}

.premium-app .invoice-command-actions .btn{
  border-color:#355269!important;
  background:#0a1a28!important;
  color:#e8eff5!important;
}

.premium-app .invoice-command-actions .btn:hover,
.premium-app .invoice-command-actions .btn:focus-visible{
  border-color:#22d3ee!important;
  color:#67e8f9!important;
}

.premium-app .invoice-command-actions .primary{
  border-color:#f97316!important;
  background:#f97316!important;
  color:#111820!important;
  box-shadow:none!important;
}

.premium-app .invoice-command-actions button:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.premium-app .invoice-command-actions svg{
  width:17px!important;
  height:17px!important;
}

.premium-app .invoice-reference-workspace{
  height:auto!important;
  min-height:0!important;
  grid-template-columns:minmax(0,1fr) 286px!important;
  gap:14px!important;
  align-items:start!important;
  overflow:visible!important;
}

.premium-app .invoice-reference-ledger{
  min-height:520px!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  overflow:hidden!important;
  border-color:#29445a!important;
  background:#06131f!important;
}

.premium-app .invoice-reference-ledger>header{
  gap:13px!important;
  padding:15px 16px 13px!important;
}

.premium-app .invoice-ledger-tools{
  grid-template-columns:minmax(220px,1fr) auto 152px auto!important;
}

.premium-app .invoice-reference-list{
  height:clamp(300px,42dvh,500px)!important;
  min-height:300px!important;
  max-height:500px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  touch-action:pan-y!important;
}

.premium-app .invoice-reference-row{
  background:#06131f!important;
}

.premium-app .invoice-reference-row:hover,
.premium-app .invoice-reference-row:focus-visible{
  background:#0a1d2b!important;
}

.premium-app .invoice-reference-number{
  display:inline-block;
  max-width:100%;
  overflow:hidden;
  color:#7dd3fc;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace!important;
  font-size:11.5px;
  font-weight:700;
  line-height:16px;
  letter-spacing:.015em;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

.premium-app .invoice-reference-rail{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}

.premium-app .invoice-attention-card{
  border-color:#29445a!important;
  background:#071521!important;
}

.premium-app .invoice-attention-assistant{
  background:#06131f!important;
}

@media(max-width:1380px){
  .premium-app .invoice-reference-workspace{
    grid-template-columns:1fr!important;
  }

  .premium-app .invoice-ledger-tools{
    grid-template-columns:minmax(220px,1fr) 152px auto!important;
  }

  .premium-app .invoice-status-tabs{
    grid-column:1/-1!important;
    order:4!important;
  }

  .premium-app .invoice-reference-rail{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:1180px){
  .premium-app .invoice-reference-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .premium-app .invoice-reference-workspace{
    grid-template-columns:1fr!important;
  }

  .premium-app .invoice-reference-rail{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  .premium-app .invoice-reference-page{
    gap:12px!important;
  }

  .premium-app .invoice-reference-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }

  .premium-app .invoice-reference-kpi{
    min-height:104px!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    padding:12px!important;
    gap:9px!important;
  }

  .premium-app .invoice-reference-kpi>.invoice-kpi-icon{
    width:30px!important;
    height:30px!important;
    padding:6px!important;
  }

  .premium-app .invoice-reference-kpi span{
    font-size:9px!important;
    line-height:12px!important;
  }

  .premium-app .invoice-reference-kpi strong{
    font-size:20px!important;
    line-height:24px!important;
  }

  .premium-app .invoice-reference-kpi small{
    font-size:9.5px!important;
    line-height:13px!important;
  }

  .premium-app .invoice-command-bar{
    align-items:flex-start;
    flex-direction:column;
    padding:13px;
  }

  .premium-app .invoice-command-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .premium-app .invoice-command-actions .primary{
    grid-column:1/-1;
    grid-row:1;
  }

  .premium-app .invoice-command-actions .btn,
  .premium-app .invoice-command-actions .primary{
    width:100%!important;
    padding:0 9px!important;
  }

  .premium-app .invoice-ledger-tools{
    grid-template-columns:1fr!important;
  }

  .premium-app .invoice-status-tabs{
    grid-column:1!important;
  }

  .premium-app .invoice-reference-ledger{
    min-height:0!important;
  }

  .premium-app .invoice-reference-list{
    height:clamp(360px,56dvh,520px)!important;
    min-height:360px!important;
  }

  .premium-app .invoice-reference-rail{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:420px){
  .premium-app .invoice-reference-kpi{
    min-height:98px!important;
    padding:10px!important;
  }

  .premium-app .invoice-command-copy span{
    display:none;
  }
}

/* Customer invoice roof coating status. */
.premium-app .invoice-roof-coating-status { min-width: 0; }
.premium-app .invoice-roof-status-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.premium-app .invoice-roof-status-grid > div {
  min-width: 0;
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 18px;
  border-right: 1px solid #263d50;
}
.premium-app .invoice-roof-status-grid > div:last-child { border-right: 0; }
.premium-app .invoice-roof-status-grid span {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #dce5ed;
}
.premium-app .invoice-roof-status-grid svg { width: 22px; height: 22px; flex: 0 0 auto; color: #f59e0b; }
.premium-app .invoice-roof-status-grid small { color: #dce5ed; font-size: 13px; line-height: 1.35; }
.premium-app .invoice-roof-status-grid strong {
  min-width: 0;
  color: #fbbf24;
  font-size: 13px;
  line-height: 1.35;
  text-align: right;
  overflow-wrap: anywhere;
}
.premium-app .invoice-roof-status-grid strong.complete { color: #84cc16; }
@media (max-width: 760px) {
  .premium-app .invoice-roof-status-grid { grid-template-columns: minmax(0, 1fr); }
  .premium-app .invoice-roof-status-grid > div { border-right: 0; border-bottom: 1px solid #263d50; }
  .premium-app .invoice-roof-status-grid > div:last-child { border-bottom: 0; }
}