table.customer-invoices{width:100%;border-collapse:collapse}
table.customer-invoices th,table.customer-invoices td{border-bottom:1px solid #eee;padding:6px}
table.customer-invoices th{border-bottom:1px solid #ccc}
.tci-right{text-align:right}
.tci-inv-link{text-decoration:underline}

/* Modal */
.tci-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:9999}
.tci-card{background:#fff;max-width:900px;width:96%;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.tci-card header{padding:12px 16px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;gap:8px}
.tci-actions{display:flex;gap:8px}
.tci-btn{background:#111;color:#fff;border:0;border-radius:6px;padding:6px 10px;cursor:pointer}
.tci-close{cursor:pointer;font-size:18px;background:none;border:none}
.tci-body{padding:16px;max-height:70vh;overflow:auto}

/* Detail grid + items */
.tci-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.tci-mono{font-family:ui-monospace, SFMono-Regular, Menlo, monospace}
.tci-items{width:100%;border-collapse:collapse}
.tci-items th,.tci-items td{border-bottom:1px solid #eee;padding:6px;text-align:left}

.tci-totals{margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:8px}

/* Print */
@media print{
  body *{visibility:hidden}
  #tciPrintArea, #tciPrintArea *{visibility:visible}
  #tciPrintArea{position:absolute;inset:0;background:#fff}
  .tci-card{box-shadow:none;border-radius:0}
  .tci-card header,.tci-actions{display:none}
}