#btl-invoice-root{display:none}#btl-invoice-root.open{display:block;position:fixed;inset:0;z-index:10050;background:#080d0b;color:#f4f7f5;overflow:auto;font-family:Inter,system-ui,sans-serif}.btl-inv-page{max-width:1440px;margin:auto;padding:32px}.btl-inv-head{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:20px}.btl-inv-head span,.btl-inv-title span{font-size:10px;letter-spacing:.18em;color:#65d993}.btl-inv-head h1{font-size:34px;margin:5px 0}.btl-inv-head p,.btl-inv-title p{color:#849188;margin:0}.btl-inv-head button:first-child{background:transparent;border:0;color:#8d9993;padding:0;margin-bottom:16px;cursor:pointer}.btl-inv-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:22px 0}.btl-inv-metrics article{background:#111815;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px}.btl-inv-metrics span{display:block;font-size:10px;color:#8a968f}.btl-inv-metrics strong{display:block;font-size:24px;margin-top:9px}.btl-inv-metrics .bad{color:#ff7b7b}.btl-inv-metrics .good{color:#6cdb98}.btl-inv-tools{display:flex;gap:10px;margin-bottom:14px}.btl-inv-tools input{flex:1}.btl-inv-tools input,.btl-inv-tools button,.btl-inv-form input,.btl-inv-form select,.btl-inv-form textarea,.btl-inv-line-row input,.btl-inv-line-row select{background:#0f1613;border:1px solid rgba(255,255,255,.1);color:#f3f6f4;border-radius:9px;padding:11px}.btl-inv-list{display:grid;gap:8px}.btl-inv-card{display:grid;grid-template-columns:1.2fr .8fr auto;align-items:center;text-align:left;background:#111815;border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:16px;cursor:pointer}.btl-inv-card:hover{border-color:rgba(63,200,122,.35)}.btl-inv-card b,.btl-inv-card small{display:block}.btl-inv-card small{color:#7e8a84;margin-top:5px}.btl-inv-card em{font-style:normal;color:#68db95}.btl-inv-empty{text-align:center;border:1px dashed rgba(255,255,255,.12);padding:60px;border-radius:12px;color:#8d9993}.btl-inv-empty strong,.btl-inv-empty span{display:block}.btl-inv-empty span{font-size:11px;margin-top:7px}.btl-inv-shade{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:10060}.btl-inv-drawer{position:fixed;right:0;top:0;bottom:0;width:min(900px,94vw);background:#0c1210;border-left:1px solid rgba(255,255,255,.1);z-index:10061;padding:28px;overflow:auto}.btl-inv-x{position:absolute;right:18px;top:16px;border:0;background:transparent;color:#9ca8a2;font-size:28px;cursor:pointer}.btl-inv-title h2{font-size:27px;margin:6px 0}.btl-inv-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btl-inv-form label{display:grid;gap:6px;font-size:10px;color:#87938d;margin:12px 0}.btl-inv-line-row{display:grid;grid-template-columns:1.5fr 1.3fr .55fr .7fr .8fr .8fr 36px;gap:7px;margin:8px 0}.btl-inv-remove{background:#2a1515;border:1px solid rgba(255,90,90,.25);color:#ff8888;border-radius:8px;cursor:pointer}.btl-inv-import{border:1px dashed rgba(255,255,255,.12);padding:12px;border-radius:9px;margin:14px 0}.btl-inv-import small{color:#718078}.btl-inv-msg.error{color:#ff7b7b}.btl-inv-review-lines{display:grid;gap:8px;margin-top:20px}.btl-inv-review-lines article{display:grid;grid-template-columns:1.3fr 1fr 160px;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:13px}.btl-inv-review-lines strong,.btl-inv-review-lines small{display:block}.btl-inv-review-lines small{color:#7a8780;margin-top:4px}.btl-inv-review-lines article>div:nth-child(2){display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center;font-size:10px}.btl-inv-review-lines em{font-style:normal}.btl-inv-review-lines em.up{color:#ff7878}.btl-inv-review-lines em.down{color:#6bd998}.btl-inv-review-lines button{background:rgba(63,200,122,.12);border:1px solid rgba(63,200,122,.3);color:#76e0a0;border-radius:8px;padding:9px;cursor:pointer}.primary-button{background:#36bd70!important;border:0!important;color:#051009!important;border-radius:9px!important;padding:11px 15px!important;font-weight:800!important;cursor:pointer}#btl-inv-toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%) translateY(15px);opacity:0;z-index:10100;background:#153221;border:1px solid rgba(78,222,132,.35);padding:12px 16px;border-radius:9px;color:#91efb3;transition:.2s}#btl-inv-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#btl-inv-toast.error{background:#361717;color:#ff9a9a}@media(max-width:1100px){.btl-inv-metrics{grid-template-columns:repeat(2,1fr)}.btl-inv-line-row{grid-template-columns:1fr 1fr}.btl-inv-card{grid-template-columns:1fr}.btl-inv-grid{grid-template-columns:1fr}.btl-inv-review-lines article{grid-template-columns:1fr}}

/* v8.2 dashboard tile alignment */
.btl-invoice-intelligence-card { text-transform:none; }

/* v9 invoice capture */
.btl-inv-capture{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px;margin-bottom:14px;background:rgba(255,255,255,.025)}
.btl-inv-capture label{display:block;font-weight:800;font-size:12px}
.btl-inv-capture input{display:block;width:100%;margin-top:8px}
.btl-inv-capture small{display:block;opacity:.62;font-size:10px;margin-top:8px}
#btl-inv-attachment-status{margin-top:9px;font-size:10px;opacity:.75}
#btl-inv-attachment-status.ready{color:#64d896;opacity:1}
#btl-inv-attachment-status.error{color:#ff7474;opacity:1}
.btl-inv-view-file{margin-top:12px;border:1px solid rgba(63,200,122,.35);background:rgba(63,200,122,.1);color:#84e6ab;border-radius:9px;padding:9px 11px;font-weight:700;cursor:pointer}
.btl-inv-no-file{display:block;margin-top:9px;opacity:.55}

/* v9.1 — mobile-safe, dashboard-aligned invoice UI */
#btl-invoice-root.open{
  background:#f3f4ee!important;
  color:#172019!important;
}
.btl-inv-page{padding:22px 20px 48px!important}
.btl-inv-head{
  border-bottom:1px solid rgba(19,46,35,.12)!important;
}
.btl-inv-head h1,.btl-inv-title h2{color:#172019!important}
.btl-inv-head p,.btl-inv-title p,.btl-inv-title small{color:#6f7872!important}
.btl-inv-head span,.btl-inv-title span{color:#17663f!important}
.btl-inv-head button:first-child{color:#4d5a53!important}
.btl-inv-metrics article,.btl-inv-card{
  background:#fff!important;
  color:#172019!important;
  border:1px solid rgba(19,46,35,.11)!important;
  box-shadow:0 3px 12px rgba(19,46,35,.055);
}
.btl-inv-metrics span,.btl-inv-card small{color:#778079!important}
.btl-inv-tools input,
.btl-inv-tools button,
.btl-inv-form input,
.btl-inv-form select,
.btl-inv-form textarea,
.btl-inv-line-row input,
.btl-inv-line-row select{
  background:#fff!important;
  color:#172019!important;
  border:1px solid rgba(19,46,35,.15)!important;
}
.btl-inv-form input::placeholder,.btl-inv-form textarea::placeholder{color:#969d98!important}
.btl-inv-drawer{
  background:#f7f8f3!important;
  color:#172019!important;
  border-left:1px solid rgba(19,46,35,.12)!important;
}
.btl-inv-shade{background:rgba(18,35,28,.38)!important}
.btl-inv-x{color:#405047!important}
.btl-inv-capture{
  background:#fff!important;
  border:1px solid rgba(19,46,35,.12)!important;
  box-shadow:0 3px 12px rgba(19,46,35,.045);
}
.btl-inv-capture-button{
  display:flex!important;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 14px;
  border-radius:10px;
  background:#e8f4ec;
  color:#174f35!important;
  cursor:pointer;
  text-align:center;
}
.btl-inv-capture-button input{
  position:absolute!important;
  width:1px!important;height:1px!important;
  opacity:0!important;
  pointer-events:none;
}
#btl-inv-attachment-status{color:#66716a}
.btl-inv-import{
  background:#fff!important;
  border:1px solid rgba(19,46,35,.11)!important;
  border-radius:10px!important;
}
.btl-inv-import summary{
  cursor:pointer;
  font-weight:750;
  color:#425048;
  padding:2px 0 8px;
}
.btl-inv-import small{color:#78817b!important}
.btl-inv-remove{
  background:#fff0f0!important;
  color:#a43838!important;
  border:1px solid #efc9c9!important;
}
.btl-inv-empty{
  background:#fff;
  color:#68736c!important;
  border-color:rgba(19,46,35,.14)!important;
}
.btl-inv-review-lines article{
  background:#fff!important;
  border-color:rgba(19,46,35,.11)!important;
}
.btl-inv-review-lines small{color:#778079!important}
.primary-button{
  background:#2fc174!important;
  color:#0b2a1a!important;
  min-height:50px!important;
}
#btl-inv-toast{background:#e6f5eb!important;color:#165735!important;border-color:#b6dfc4!important}
#btl-inv-toast.error{background:#fff0f0!important;color:#9f3636!important;border-color:#efc7c7!important}

@media(max-width:700px){
  .btl-inv-page{padding:18px 14px 42px!important}
  .btl-inv-head{align-items:flex-start!important;flex-direction:column!important}
  .btl-inv-head h1{font-size:27px!important}
  .btl-inv-drawer{width:100vw!important;padding:22px 14px 36px!important}
  .btl-inv-line-row{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .btl-inv-line-row .btl-inv-remove{grid-column:1/-1;min-height:38px}
  .btl-inv-form input,.btl-inv-form select,.btl-inv-form textarea,.btl-inv-line-row input,.btl-inv-line-row select{
    min-height:48px;
    font-size:16px!important; /* prevents phone zoom/focus weirdness */
  }
}

/* v10 AI invoice reading */
#btl-inv-attachment-status{
  min-height:18px;
  line-height:1.45;
}
#btl-inv-attachment-status.ready{
  background:#edf8f1;
  border-radius:8px;
  padding:8px 10px;
}
#btl-inv-attachment-status.error{
  background:#fff4f4;
  border-radius:8px;
  padding:8px 10px;
}

/* v11.1 clean invoice workflow */
.btl-inv-summary-box{background:#fff;border:1px solid rgba(19,46,35,.12);border-radius:10px;padding:14px;margin:12px 0}
.btl-inv-summary-box strong,.btl-inv-summary-box span{display:block}
.btl-inv-summary-box span{font-size:11px;color:#6f7872;margin-top:5px}
.btl-inv-lines-head{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px}
.btl-inv-lines-head button{border:1px solid rgba(19,46,35,.14);background:#fff;border-radius:8px;padding:8px 10px}
.btl-manager-price-actions{display:grid;gap:8px;margin-top:16px}
.btl-manager-price-actions button{border:1px solid rgba(63,200,122,.3);background:#edf8f1;color:#174f35;border-radius:9px;padding:10px;text-align:left}

/* v11.1.5 manager invoice actions */
.btl-inv-manager-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0 16px}
.btl-inv-manager-actions button{min-height:44px;border:1px solid #d7b867;background:#fff9e8;color:#6b5311;border-radius:9px;font-weight:800}
.btl-inv-manager-actions button.danger{border-color:#e8b5b5;background:#fff1f1;color:#9b2f2f}
.btl-credit-value{color:#27734b!important}
.btl-inv-storage-warning{padding:12px;border-radius:9px;background:#fff7df;border:1px solid #ead18a;color:#675117}
.btl-inv-storage-warning strong,.btl-inv-storage-warning span{display:block}
.btl-inv-storage-warning span{font-size:10px;margin-top:5px;line-height:1.45}
@media(max-width:700px){.btl-inv-manager-actions{grid-template-columns:1fr}}

/* v11.1.6 explicit manager camera/photo input */
.btl-inv-file-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}
.btl-inv-capture-button.secondary{background:#fff!important;border:1px solid rgba(19,46,35,.14)!important;color:#33443b!important}
@media(max-width:700px){.btl-inv-file-actions{grid-template-columns:1fr}}

/* v11.1.7 read-only attachment matching */
.btl-inv-match-box{
  margin:12px 0;
  padding:13px;
  background:#fff;
  border:1px solid rgba(19,46,35,.12);
  border-radius:10px;
}
.btl-inv-match-box strong,.btl-inv-match-box span{display:block}
.btl-inv-match-box span{font-size:10px;color:#6f7872;margin-top:4px}
.btl-inv-match-box button{
  margin-top:10px;
  min-height:40px;
  border:1px solid rgba(63,200,122,.32);
  background:#edf8f1;
  color:#174f35;
  border-radius:8px;
  padding:8px 11px;
  font-weight:800;
}
.btl-inv-match-box.empty{background:#f7f8f3}

/* v11.1.8 header invoice attachment */
#btl-header-file-status{margin-top:8px;font-size:10px;color:#6f7872}
#btl-header-file-status.ready{color:#27734b;font-weight:700}
#btl-header-file-status.error{color:#a33a3a;font-weight:700}

.btl-ai-assist{margin:14px 0;padding:13px;border:1px solid rgba(19,46,35,.12);border-radius:12px;background:#f5faf6}
.btl-ai-assist button{width:100%;min-height:48px;border:1px solid rgba(39,115,75,.25);border-radius:10px;background:#e6f4ea;color:#174f35;font-weight:900}
.btl-ai-assist small{display:block;margin-top:7px;color:#6f7872}
#btl-ai-status{margin-top:8px;font-size:11px} #btl-ai-status.ready{color:#27734b;font-weight:700} #btl-ai-status.error{color:#a33a3a;font-weight:700}

/* v13.1 supplier purchase-unit invoice flow */
.btl-inv-lines-head>div{display:grid;gap:3px}
.btl-inv-lines-head small{font-size:10px;color:#6f7872;font-weight:500}
.btl-inv-purchase-unit{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #e0c780;
  background:#fff8df;
  color:#735c1c;
  border-radius:9px;
  padding:8px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
}
.btl-inv-purchase-unit.ready{border-color:#b8ddc6;background:#edf8f1;color:#1f6841}
.btl-inv-purchase-unit.needs-review{cursor:help}
@media(max-width:700px){.btl-inv-purchase-unit{min-height:48px;font-size:12px}}


/* v14 clean one-line invoice entry */
.btl-inv-purchase-unit[hidden],
.btl-dropdown-row .btl-inv-purchase-unit[hidden],
[hidden].btl-inv-purchase-unit{
  display:none!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

#btl-manager-lines{
  display:block!important;
  width:100%!important;
}

#btl-manager-lines .btl-dropdown-row{
  display:block!important;
  width:100%!important;
  padding:10px 0 12px!important;
  margin:0!important;
  border:0!important;
  border-bottom:2px solid rgba(255,255,255,.10)!important;
  border-radius:0!important;
  background:transparent!important;
}

#btl-manager-lines .btl-dropdown-main{
  display:grid!important;
  grid-template-columns:minmax(180px,2fr) minmax(165px,1.6fr) minmax(110px,.9fr) minmax(75px,.6fr) minmax(90px,.75fr) minmax(90px,.75fr) minmax(100px,.8fr)!important;
  gap:8px!important;
  width:100%!important;
  align-items:end!important;
}

#btl-manager-lines .btl-dropdown-main label{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  font-size:10px!important;
  font-weight:800!important;
}

#btl-manager-lines .btl-dropdown-main input,
#btl-manager-lines .btl-dropdown-main select{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  height:42px!important;
  margin:4px 0 0!important;
  padding:7px 9px!important;
  box-sizing:border-box!important;
  font-size:14px!important;
}

#btl-manager-lines .btl-dropdown-actions{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
  margin:7px 0 0!important;
}

#btl-manager-lines .btl-dropdown-actions button{
  width:auto!important;
  min-height:34px!important;
  height:auto!important;
  margin:0!important;
  padding:6px 10px!important;
  font-size:12px!important;
}

#btl-manager-lines .btl-inv-learn-note{
  display:inline-block!important;
  width:auto!important;
  margin:7px 0 0 8px!important;
  padding:3px 7px!important;
  font-size:10px!important;
  font-weight:800!important;
  border-radius:12px!important;
  background:rgba(63,200,122,.10)!important;
}

#btl-manager-lines .btl-inside-pack{
  display:flex!important;
  width:auto!important;
  min-height:0!important;
  margin:8px 0 0!important;
  padding:8px!important;
  gap:7px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:8px!important;
}

#btl-manager-lines .btl-inside-pack[hidden]{
  display:none!important;
}

#btl-manager-lines .btl-inside-pack input{
  width:78px!important;
  min-height:38px!important;
  height:38px!important;
}

#btl-manager-lines .btl-inside-pack select{
  width:95px!important;
  min-height:38px!important;
  height:38px!important;
}

.btl-add-line-under{
  display:block!important;
  width:100%!important;
  min-height:46px!important;
  margin:10px 0 16px!important;
  font-size:15px!important;
  font-weight:900!important;
}

.btl-simple-invoice-header{
  display:grid!important;
  grid-template-columns:1.5fr 1fr 1fr .7fr 1fr!important;
  gap:10px!important;
  padding:12px!important;
  margin-bottom:14px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:10px!important;
}

.btl-simple-invoice-header label{
  display:block!important;
  margin:0!important;
}

.btl-simple-invoice-header input{
  width:100%!important;
  min-height:42px!important;
  margin-top:5px!important;
}

@media(max-width:900px){
  #btl-manager-lines .btl-dropdown-main{
    grid-template-columns:1.5fr 1.4fr .7fr .8fr .8fr!important;
  }
  .btl-simple-invoice-header{
    grid-template-columns:1fr 1fr!important;
  }
}

@media(max-width:700px){
  #btl-manager-lines .btl-dropdown-main{
    grid-template-columns:1fr 1fr!important;
  }
  #btl-manager-lines .btl-dropdown-main label:first-child,
  #btl-manager-lines .btl-dropdown-main label:nth-child(2){
    grid-column:1/-1!important;
  }
}


/* v14 Big Simple Invoice — wide, clean, working dropdown controls */
.btl-inv-drawer{
  width:min(1280px,98vw)!important;
  max-width:none!important;
  padding:26px 32px!important;
}

#btl-manager-lines .btl-dropdown-main{
  grid-template-columns:minmax(220px,2.1fr) minmax(190px,1.7fr) minmax(120px,.9fr) minmax(80px,.6fr) minmax(105px,.8fr) minmax(105px,.8fr) minmax(110px,.85fr) 42px!important;
  gap:10px!important;
}

#btl-manager-lines .btl-dropdown-main input,
#btl-manager-lines .btl-dropdown-main select{
  min-height:48px!important;
  height:48px!important;
  font-size:15px!important;
}

#btl-manager-lines .btl-inv-remove{
  min-width:42px!important;
  width:42px!important;
  height:48px!important;
  align-self:end!important;
  font-size:20px!important;
}

#btl-manager-lines .btl-inside-pack{
  margin-top:10px!important;
  padding:10px 12px!important;
  background:rgba(255,255,255,.035)!important;
}

#btl-manager-lines .btl-pack-example{
  font-size:11px!important;
  opacity:.72!important;
}

#btl-manager-lines .btl-inv-learn-note{
  margin-left:0!important;
}

.btl-simple-invoice-header{
  grid-template-columns:minmax(250px,1.5fr) minmax(180px,1fr) minmax(170px,.9fr) minmax(110px,.65fr) minmax(160px,.9fr)!important;
}

@media(max-width:1000px){
  .btl-inv-drawer{width:99vw!important;padding:20px!important}
  #btl-manager-lines .btl-dropdown-main{
    grid-template-columns:1.8fr 1.5fr .9fr .65fr .85fr .85fr .9fr 42px!important;
  }
}

@media(max-width:760px){
  #btl-manager-lines .btl-dropdown-main{
    grid-template-columns:1fr 1fr!important;
  }
  #btl-manager-lines .btl-dropdown-main label:first-child,
  #btl-manager-lines .btl-dropdown-main label:nth-child(2){
    grid-column:1/-1!important;
  }
  #btl-manager-lines .btl-inv-remove{
    width:100%!important;
    grid-column:1/-1!important;
  }
}


/* v14 invoice language: OPEN -> FINALIZED */
.btl-invoice-section-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:18px 0 8px;
  padding:0 2px;
  font-size:12px;
  letter-spacing:.08em;
}
.btl-invoice-section-title span{
  min-width:28px;
  padding:4px 8px;
  border-radius:999px;
  text-align:center;
  background:rgba(255,255,255,.08);
}
.btl-invoice-section-title.finalized{
  margin-top:28px;
}
.btl-finalized-card{
  opacity:.84;
}
.btl-finalized-card em{
  font-weight:900!important;
}
.btl-inv-empty.compact{
  padding:24px!important;
}


/* v14 invoice product suggestions */
.btl-inv-product-suggestion{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 2px;padding:9px 10px;border:1px solid #b9d5c5;border-radius:10px;background:#f1f8f4;color:#123b2c}
.btl-inv-product-suggestion span{min-width:0;font-size:12px;line-height:1.35}
.btl-inv-product-suggestion span b{font-weight:900}
.btl-inv-product-suggestion span small{margin-left:5px;color:#587064;font-size:10px;font-weight:800;white-space:nowrap}
.btl-inv-product-suggestion button{flex:0 0 auto;border:0;border-radius:8px;padding:7px 10px;background:#123b2c;color:#fff;font-size:10px;font-weight:900;cursor:pointer}
.btl-inv-product-suggestion button:hover,.btl-inv-product-suggestion button:focus-visible{filter:brightness(1.08);outline:2px solid rgba(18,59,44,.2);outline-offset:1px}
@media (max-width:700px){.btl-inv-product-suggestion{align-items:flex-start;flex-direction:column}.btl-inv-product-suggestion button{width:100%}}

.btl-inv-suggested-code{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:999px;background:rgba(18,59,44,.10);font-size:10px;font-weight:900;white-space:nowrap}

/* v6.3 invoice line-total reconciliation */
.btl-invoice-reconcile{margin:10px 0 12px;padding:11px 12px;border-radius:10px;border:1px solid rgba(19,46,35,.14);background:#f7f8f7;display:grid;gap:3px}
.btl-invoice-reconcile strong{font-size:10px;letter-spacing:.08em;color:#53615a}
.btl-invoice-reconcile span{font-size:13px;font-weight:700;color:#26372f}
.btl-invoice-reconcile.matched{background:#eef8f1;border-color:#9bc9a8}
.btl-invoice-reconcile.matched span{color:#176533}
.btl-invoice-reconcile.mismatch{background:#fff1f0;border-color:#e4aaa6}
.btl-invoice-reconcile.mismatch span{color:#a12b25}
.btl-invoice-reconcile.incomplete{background:#fff8e8;border-color:#dfc57f}
.btl-invoice-reconcile.incomplete span{color:#7c5b06}

/* v6.9 GST calculation */
.btl-gst-help{display:block;margin:-6px 0 12px;color:#66736d;font-size:11px;line-height:1.4}


/* v6.11 Head Chef invoice exceptions review */
.btl-inv-review-strip{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:14px;align-items:center;margin:14px 0 18px;padding:14px 16px;border:1px solid rgba(18,59,44,.13);border-radius:12px;background:#f5f8f6;color:#18382b}
.btl-inv-review-strip>div:first-child{display:grid;gap:2px}.btl-inv-review-strip strong{font-size:11px;letter-spacing:.08em}.btl-inv-review-strip small{font-size:11px;color:#617168}.btl-inv-review-tabs,.btl-line-review-tabs{display:flex;gap:6px;flex-wrap:wrap}.btl-inv-review-tabs button,.btl-line-review-tabs button{border:1px solid rgba(18,59,44,.17);border-radius:999px;background:#fff;color:#284638;padding:8px 11px;font-weight:850;cursor:pointer}.btl-inv-review-tabs button.active,.btl-line-review-tabs button.active{background:#123b2c;color:#fff;border-color:#123b2c}.btl-inv-review-tabs b,.btl-line-review-tabs b{display:inline-block;min-width:20px;margin-left:5px;padding:1px 5px;border-radius:999px;background:rgba(255,255,255,.18);font-size:10px}.btl-inv-review-tabs button:not(.active) b,.btl-line-review-tabs button:not(.active) b{background:#edf2ef}.btl-inv-clean-count{font-size:11px;font-weight:800;color:#3f6957;white-space:nowrap}
.btl-invoice-needs-attention{border-left:4px solid #b46b13!important}.btl-inv-attention-tag{display:inline-block!important;width:max-content!important;margin-top:5px!important;padding:3px 7px!important;border-radius:999px!important;background:#fff2dc!important;color:#8a530d!important;font-size:10px!important;font-weight:900!important}
.btl-line-review-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px 0 12px;padding:11px 12px;border:1px solid rgba(18,59,44,.14);border-radius:10px;background:#f5f8f6}.btl-line-review-tools>div:first-child{display:grid;gap:2px}.btl-line-review-tools strong{font-size:10px;letter-spacing:.08em;color:#52645b}.btl-line-review-tools small{font-size:11px;color:#6b7771}.btl-line-exception-empty{margin:8px 0 12px;padding:15px;border:1px solid #9bc9a8;border-radius:10px;background:#eef8f1;color:#176533}.btl-line-exception-empty strong,.btl-line-exception-empty span{display:block}.btl-line-exception-empty span{margin-top:3px;font-size:11px}.btl-line-review-status{display:flex;align-items:center;gap:8px;margin:0 0 7px;padding:5px 8px;border-radius:7px;font-size:10px}.btl-line-review-status strong{font-size:9px;letter-spacing:.07em}.btl-line-review-status span{font-weight:750}.btl-line-exception>.btl-line-review-status{background:#fff2dc;color:#85500c}.btl-line-ready>.btl-line-review-status{background:#edf7f0;color:#22643a}.btl-line-exception{border-color:#d6a760!important;background:rgba(255,247,232,.34)!important}.btl-line-ready{border-color:rgba(56,132,84,.16)!important}
@media(max-width:760px){.btl-inv-review-strip{grid-template-columns:1fr}.btl-inv-review-tabs,.btl-line-review-tabs{width:100%}.btl-inv-review-tabs button,.btl-line-review-tabs button{flex:1}.btl-inv-clean-count{white-space:normal}.btl-line-review-tools{align-items:flex-start;flex-direction:column}}
#btl-manager-lines .btl-dropdown-row[hidden]{display:none!important}
#btl-manager-lines .btl-dropdown-row.btl-line-exception{border-bottom-color:#d6a760!important;background:rgba(255,247,232,.045)!important}
#btl-manager-lines .btl-dropdown-row.btl-line-ready{border-bottom-color:rgba(56,132,84,.20)!important}

/* BUILD-20260826-015 — Invoices retain the desktop navigation rail. */
@media(min-width:900px){
  body.desktop-ready #btl-invoice-root.open{left:244px;right:0;top:0;bottom:0}
  body.desktop-ready .btl-inv-page{width:calc(100% - 40px);max-width:1450px;min-height:calc(100vh - 40px);margin:20px auto;padding:28px;border-radius:24px;background:#faf9f6;color:#26372f;box-shadow:0 18px 50px rgba(38,55,47,.10)}
  body.desktop-ready .btl-inv-shade{left:244px}
}


/* BUILD-20260826-019 — permanent invoice drag/drop; kept inside invoice stylesheet so cleanup builds cannot drop it. */
.btl-inv-dropzone{min-height:108px;margin:12px 0 8px;padding:20px;display:grid;place-items:center;align-content:center;gap:4px;text-align:center;border:2px dashed rgba(167,131,75,.62);border-radius:16px;background:linear-gradient(180deg,#fffdf9,#faf7f0);color:#173f31;cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,transform .14s ease}
.btl-inv-dropzone strong{font-size:15px;font-weight:820;letter-spacing:-.01em}.btl-inv-dropzone span{color:#6d746e;font-size:12px}.btl-inv-dropzone:hover,.btl-inv-dropzone:focus-visible{border-color:#a7834b;background:#f7f0e4;box-shadow:0 0 0 3px rgba(167,131,75,.12);outline:0}.btl-inv-dropzone.drag-over{transform:translateY(-1px);border-style:solid;border-color:#173f31;background:#edf3ef;box-shadow:0 10px 24px rgba(23,63,49,.10)}.btl-inv-dropzone.drag-over::before{content:"Drop to attach";display:block;color:#7c6036;font-size:11px;font-weight:850;letter-spacing:.10em;text-transform:uppercase}.btl-inv-dropzone.drop-error{border-color:#c8322c;background:#fff0ee}
.btl-invoice-quick-drop{margin:0 0 14px;padding:12px;border:1px solid #d7e1da;border-radius:16px;background:#f7faf8}.btl-invoice-quick-drop>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:0 2px 8px}.btl-invoice-quick-drop>div:first-child strong{font-size:11px;letter-spacing:.08em;color:#244e3e}.btl-invoice-quick-drop>div:first-child span{font-size:10px;color:#6d756f}.btl-invoice-quick-drop .btl-inv-dropzone{margin:0;min-height:96px;background:#fff;border-color:#9db7a8}.btl-invoice-quick-drop .btl-inv-dropzone strong{font-size:16px}.btl-invoice-quick-drop .btl-inv-dropzone span{font-size:11px}
@media(max-width:767px){.btl-inv-dropzone{min-height:92px;padding:16px}.btl-invoice-quick-drop>div:first-child{display:grid}.btl-invoice-quick-drop{padding:9px}.btl-invoice-quick-drop .btl-inv-dropzone{min-height:82px;padding:14px}}

/* BUILD-20260826-025 — Kitchen / Bar invoice routing + accounting split */
.btl-invoice-area-start,.btl-invoice-area-current{
  margin:0 0 16px;padding:16px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.035)
}
.btl-invoice-area-start>small,.btl-invoice-area-current small{display:block;font-size:10px;font-weight:900;letter-spacing:.16em;color:#7f9087;margin-bottom:6px}
.btl-invoice-area-start>strong,.btl-invoice-area-current strong{display:block;font-size:18px;margin-bottom:10px}
.btl-invoice-area-start>div,.btl-invoice-area-current>div:last-of-type{display:flex;gap:10px;flex-wrap:wrap}
.btl-invoice-area-start button,.btl-invoice-area-current button{
  min-width:150px;min-height:48px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#101815;color:#eef4f0;font-weight:900;cursor:pointer
}
.btl-invoice-area-start button.active,.btl-invoice-area-current button.active{background:#6f8b72;color:#07100a;border-color:#86a88a}
.btl-invoice-area-start p,.btl-invoice-area-current span{display:block;margin:10px 0 0;color:#849188;font-size:12px;line-height:1.45}
.btl-invoice-area-current{display:flex;justify-content:space-between;align-items:center;gap:16px}
.btl-invoice-area-current>div:first-child{min-width:220px}
.btl-inv-line-routing{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}
.btl-inv-line-routing>.btl-line-stock-area{font-size:11px;font-weight:900;letter-spacing:.05em;color:#91a49a}
.btl-inv-line-routing label{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;font-size:10px!important;font-weight:900!important;color:#87938d!important}
.btl-inv-line-routing select{width:auto!important;min-width:110px!important;height:34px!important;min-height:34px!important;margin:0!important;padding:5px 28px 5px 8px!important;font-size:12px!important}
.btl-inv-line-routing>small{margin-left:auto;font-size:9px;font-weight:900;letter-spacing:.08em;color:#d8b36a}
@media(max-width:760px){
  .btl-invoice-area-current{display:block}
  .btl-invoice-area-current>div:last-of-type{margin-top:12px}
  .btl-invoice-area-start button,.btl-invoice-area-current button{flex:1;min-width:0}
  .btl-inv-line-routing{align-items:stretch}
  .btl-inv-line-routing label{width:100%}
  .btl-inv-line-routing select{flex:1}
  .btl-inv-line-routing>small{margin-left:0;width:100%}
}
.btl-inv-area-badge{display:inline-block!important;width:auto!important;margin-top:7px!important;padding:3px 7px!important;border-radius:999px!important;font-size:9px!important;font-weight:900!important;letter-spacing:.1em!important}
.btl-inv-area-badge.kitchen{background:rgba(103,151,112,.18)!important;color:#9bd3a7!important}
.btl-inv-area-badge.bar{background:rgba(111,139,114,.28)!important;color:#c6dfc9!important}

/* BUILD-20260827-029 — staff-entered invoice headers + team-area routing */
.btl-invoice-area-locked{border-color:rgba(111,139,114,.34);background:rgba(111,139,114,.08)}
.btl-invoice-area-locked>strong{font-size:22px;letter-spacing:.03em}
.btl-invoice-route-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.btl-invoice-route-actions button{min-width:220px!important;padding:0 14px;font-size:11px;letter-spacing:.02em}
.btl-line-route-buttons{display:flex;gap:6px;flex-wrap:wrap}
.btl-line-route-buttons button{min-height:34px;padding:5px 11px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#101815;color:#eef4f0;font-size:11px;font-weight:900;cursor:pointer}
.btl-line-route-buttons button.active{background:#6f8b72;color:#07100a;border-color:#86a88a}
.btl-line-route-buttons button:disabled,.btl-invoice-route-actions button:disabled{opacity:.55;cursor:wait}
@media(max-width:760px){
  .btl-invoice-route-actions{display:grid!important;grid-template-columns:1fr;gap:8px}
  .btl-invoice-route-actions button{width:100%;min-width:0!important}
  .btl-line-route-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .btl-line-route-buttons button{width:100%}
}
.btl-inv-staff-confirm{display:flex!important;align-items:flex-start;gap:10px;padding:14px 16px;border:1px solid #c9d7c8;border-radius:14px;background:#f4f7f2;color:#27372b;font-weight:750;line-height:1.35}
.btl-inv-staff-confirm input{width:20px!important;height:20px!important;min-width:20px;margin:0!important;accent-color:#526b54}
