/* documents/module.css: the Invoices and Quotes tabs, the quote form and the
   signature strip. */

/* Invoices: number, company, date, due, status, total, actions. Every
   fraction minmax(0, ...) so a long company name cannot make one row resolve
   its columns differently from its neighbours; the last track FIXED, because
   an unpaid row carries Mark paid where a voided one does not. */
.row.invoices{grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) minmax(0,0.7fr) minmax(0,0.7fr) minmax(0,0.6fr) minmax(0,0.7fr) 200px;}
/* Quotes: number, company, date, status, total, actions. */
.row.quotes{grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) minmax(0,0.8fr) minmax(0,0.7fr) minmax(0,0.8fr) 150px;}
.row.invoices .primary-text,.row.invoices .sub-text,
.row.quotes .primary-text,.row.quotes .sub-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.row.invoices .order-actions,.row.quotes .order-actions{white-space:normal;}

/* The quote form's line: service (with its detail beneath), qty, unit,
   price, subtotal, remove. The same tracks as an order line, so the two
   forms read as one form. */
.line-item-row.quote-line{grid-template-columns:minmax(0,1.6fr) 72px 64px minmax(0,0.9fr) minmax(0,0.7fr) auto;}
.line-item-row.quote-line .qli-subtotal{align-self:start;padding-top:8px;}

/* What has happened to a document sent for signature: one line under the
   heading, a dot for the state, the actions on the right. Its own class
   rather than the dashboard's .alert-item, which is inline-flex chrome. */
.sig-strip{display:flex;align-items:center;gap:10px;padding:9px 12px;margin:0 0 14px;border:1px solid var(--line);border-radius:8px;background:var(--subtle-bg);font-size:13px;flex-wrap:wrap;}
.sig-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0;}
.sig-actions{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;}

@media (max-width:760px){
  .row.invoices,.row.quotes{grid-template-columns:1fr;gap:4px;}
  .row.invoices .primary-text,.row.invoices .sub-text,
  .row.quotes .primary-text,.row.quotes .sub-text{white-space:normal;}
  .line-item-row.quote-line{grid-template-columns:1fr 1fr;}
  .sig-actions{margin-left:0;}
}