/* =========================================================
   EXPENSE DETAIL MODULE STYLES
   File: assets/css/expense-detail.css
   Scoped to: .expense-detail-page
   ========================================================= */

.expense-detail-page.premium-expense-detail{--expense-primary:#f45113;--expense-border:#e6edf5;padding:28px 30px 34px;display:grid;gap:18px}.expense-detail-page .expense-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.expense-detail-page .expense-detail-header h1{margin:0;color:#0f172a;font-size:32px;line-height:1;font-weight:950;letter-spacing:-.035em}.expense-detail-page .expense-detail-header p{margin:10px 0 0;color:#64748b;font-size:15px;font-weight:700}.expense-detail-page .expense-detail-actions{display:flex;gap:12px}.expense-detail-page .detail-btn{height:46px;border-radius:12px;padding:0 18px;display:inline-flex;align-items:center;gap:9px;font-weight:950;cursor:pointer}.expense-detail-page .detail-btn.secondary{background:#fff;border:1px solid #dbe3ef;color:#0f172a}.expense-detail-page .detail-btn.primary{border:0;background:linear-gradient(135deg,#f45113,#ea3b0b);color:#fff;box-shadow:0 14px 30px rgba(244,81,19,.25)}.expense-detail-page .expense-voucher-sheet{display:grid;gap:18px}.expense-detail-page .expense-company-card,.expense-detail-page .expense-summary-card,.expense-detail-page .expense-info-card,.expense-detail-page .expense-detail-card,.expense-detail-page .expense-total-card,.expense-detail-page .expense-note-card{background:#fff;border:1px solid var(--expense-border);border-radius:16px;box-shadow:0 14px 40px rgba(15,23,42,.055)}.expense-detail-page .expense-company-card{padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:28px}.expense-detail-page .expense-brand-block{display:flex;align-items:center;gap:18px}.expense-detail-page .expense-brand-icon{width:64px;height:64px;border-radius:50%;background:#fff7ed;color:#f45113;display:grid;place-items:center;font-size:24px}.expense-detail-page .expense-brand-block h2{margin:0;color:#0f172a;font-size:28px;font-weight:950;letter-spacing:.08em}.expense-detail-page .expense-brand-block p{margin:7px 0 0;color:#64748b;font-size:15px;font-weight:750}.expense-detail-page .expense-meta-block{min-width:310px;border-left:1px solid #e2e8f0;padding-left:28px;display:grid;gap:13px}.expense-detail-page .expense-meta-block div{display:grid;grid-template-columns:1fr 1fr;gap:20px}.expense-detail-page .expense-meta-block span{color:#64748b;font-weight:750}.expense-detail-page .expense-meta-block strong{color:#0f172a;font-weight:950;text-align:left}.expense-detail-page .status-pill{display:inline-flex!important;justify-self:start;align-items:center;height:25px;border-radius:999px;background:#ffedd5;color:#c2410c;padding:0 12px;text-transform:capitalize}.expense-detail-page .expense-summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.expense-detail-page .expense-summary-card{padding:20px;display:grid;grid-template-columns:52px 1fr;gap:8px 16px;align-items:center}.expense-detail-page .expense-summary-card>div{grid-row:1/3;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:color-mix(in srgb,currentColor 14%,white)}.expense-detail-page .expense-summary-card.orange{color:#f45113}.expense-detail-page .expense-summary-card.green{color:#16a34a}.expense-detail-page .expense-summary-card.red{color:#dc2626}.expense-detail-page .expense-summary-card.blue{color:#2563eb}.expense-detail-page .expense-summary-card span{color:#64748b;font-size:13px;font-weight:800}.expense-detail-page .expense-summary-card strong{color:currentColor;font-size:18px;font-weight:950}.expense-detail-page .expense-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.expense-detail-page .expense-info-card{padding:18px 20px}.expense-detail-page .expense-info-card h3,.expense-detail-page .detail-section-title h3,.expense-detail-page .expense-note-card h3{margin:0 0 14px;color:#0f172a;font-size:16px;font-weight:950;display:flex;gap:10px;align-items:center}.expense-detail-page .expense-info-card h3 i,.expense-detail-page .detail-section-title i,.expense-detail-page .expense-note-card h3 i{color:#f45113}.expense-detail-page .expense-info-row{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;align-items:center;padding:10px 0;border-bottom:1px dashed #e2e8f0}.expense-detail-page .expense-info-row:last-child{border-bottom:0}.expense-detail-page .expense-info-row span{color:#64748b;font-weight:750}.expense-detail-page .expense-info-row strong{color:#0f172a;font-weight:950;text-align:right}.expense-detail-page .expense-detail-main-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(320px,.75fr);gap:18px}.expense-detail-page .expense-items-card{padding:18px}.expense-detail-page .detail-section-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.expense-detail-page .expense-detail-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;border:1px solid #e6edf5;border-radius:12px;overflow:hidden}.expense-detail-page .expense-detail-table th{background:#fbfdff;color:#475569;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;padding:14px 16px;border-bottom:1px solid #eef2f7;text-align:left}.expense-detail-page .expense-detail-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;color:#0f172a;vertical-align:middle}.expense-detail-page .expense-detail-table tr:last-child td{border-bottom:0}.expense-detail-page .expense-total-card{padding:20px;align-self:start}.expense-detail-page .expense-total-row{display:grid;grid-template-columns:1fr 1fr;padding:12px 0;border-bottom:1px solid #eef2f7;color:#0f172a}.expense-detail-page .expense-total-row span{color:#64748b;font-weight:850}.expense-detail-page .expense-total-row strong{text-align:right;font-weight:950}.expense-detail-page .expense-total-row.due strong{color:#dc2626}.expense-detail-page .expense-grand-total{margin-top:14px;padding:18px;border-radius:12px;background:#fff7ed;display:grid;grid-template-columns:1fr 1fr;align-items:center;color:#f45113}.expense-detail-page .expense-grand-total span{font-weight:950}.expense-detail-page .expense-grand-total strong{text-align:right;font-size:18px;font-weight:950}.expense-detail-page .expense-notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.expense-detail-page .expense-note-card{padding:18px 20px}.expense-detail-page .expense-note-card p{margin:0;color:#0f172a;font-weight:750;min-height:34px}.expense-detail-page .table-empty{min-height:120px;display:grid;place-items:center;color:#64748b;font-weight:900}.expense-detail-page .table-title{font-weight:950;color:#0f172a}.expense-detail-page .table-subtitle{margin-top:4px;color:#64748b;font-size:12px;font-weight:750}
@media(max-width:1100px){.expense-detail-page .expense-summary-strip{grid-template-columns:repeat(2,1fr)}.expense-detail-page .expense-detail-main-grid,.expense-detail-page .expense-info-grid{grid-template-columns:1fr}}@media(max-width:640px){.expense-detail-page.premium-expense-detail{padding:18px}.expense-detail-page .expense-detail-header,.expense-detail-page .expense-company-card{flex-direction:column;align-items:stretch}.expense-detail-page .expense-meta-block{min-width:0;border-left:0;border-top:1px solid #e2e8f0;padding-left:0;padding-top:20px}.expense-detail-page .expense-summary-strip,.expense-detail-page .expense-notes-grid{grid-template-columns:1fr}.expense-detail-page .expense-detail-actions{width:100%;}.expense-detail-page .detail-btn{flex:1;justify-content:center}}
@media print{.expense-detail-page.premium-expense-detail{padding:0}.expense-detail-page .expense-voucher-sheet{gap:10px}.expense-detail-page .expense-company-card,.expense-detail-page .expense-summary-card,.expense-detail-page .expense-info-card,.expense-detail-page .expense-detail-card,.expense-detail-page .expense-total-card,.expense-detail-page .expense-note-card{box-shadow:none}.expense-detail-page .expense-summary-strip{grid-template-columns:repeat(4,1fr)}.expense-detail-page .expense-info-grid{grid-template-columns:1fr 1fr}.expense-detail-page .expense-detail-main-grid{grid-template-columns:1.8fr .8fr}.no-print{display:none!important}}


/* =========================================================
   PREMIUM EXPENSE VOUCHER PDF INTEGRATION
   Reuses the approved Payment / Cash & Bank slip layout system:
   .erp-transaction-slip from finance-slip-print.css
   ========================================================= */
.expense-pdf-slip {
  display: none !important;
}

@media print {
  /*
   * Keep the page container available for the printable expense slip, while
   * removing the old on-screen Expense Detail card layout from print flow.
   */
  .expense-detail-page,
  .expense-detail-page #expenseDetailContainer {
    display: block !important;
    position: static !important;
    width: 210mm !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #ffffff !important;
  }

  .expense-detail-page .expense-voucher-screen,
  .expense-detail-page .expense-detail-header {
    display: none !important;
    visibility: hidden !important;
  }

  .expense-detail-page .expense-pdf-slip,
  .expense-detail-page .expense-pdf-slip * {
    visibility: visible !important;
  }

  /*
   * Expense-specific content inside the standard voucher framework.
   */
  .expense-pdf-slip .expense-slip-category {
    margin: 2mm 0 0;
    color: var(--muted);
    font-size: 8pt;
    line-height: 1.4;
  }

  .expense-pdf-slip .expense-slip-lines {
    margin-bottom: 7mm;
  }

  .expense-pdf-slip .finance-doc-table th:nth-child(1),
  .expense-pdf-slip .finance-doc-table td:nth-child(1) {
    width: 8%;
  }

  .expense-pdf-slip .finance-doc-table th:nth-child(2),
  .expense-pdf-slip .finance-doc-table td:nth-child(2) {
    width: 28%;
  }

  .expense-pdf-slip .finance-doc-table th:nth-child(3),
  .expense-pdf-slip .finance-doc-table td:nth-child(3) {
    width: 44%;
  }

  .expense-pdf-slip .finance-doc-table th:nth-child(4),
  .expense-pdf-slip .finance-doc-table td:nth-child(4) {
    width: 20%;
    text-align: right;
  }

  .expense-pdf-slip .finance-doc-table td strong {
    color: var(--ink);
    font-weight: 700;
  }

  .expense-pdf-slip .expense-slip-totals {
    display: grid;
    gap: 2.6mm;
    width: 78mm;
    margin: 0 0 0 auto;
    padding: 3.6mm 4mm;
    border: .25mm solid var(--border);
    border-radius: 2.5mm;
    background: #ffffff;
  }

  .expense-pdf-slip .expense-slip-totals div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6mm;
    color: var(--muted);
    font-size: 8pt;
    font-weight: 650;
    text-transform: uppercase;
  }

  .expense-pdf-slip .expense-slip-totals strong {
    color: var(--ink);
    font-size: 8.7pt;
    font-weight: 700;
    text-transform: none;
    white-space: nowrap;
  }

  .expense-pdf-slip .expense-slip-totals .due {
    margin: 1mm -1mm -1mm;
    padding: 3mm 2.2mm;
    border-radius: 2mm;
    color: var(--dark-green);
    background: var(--soft-green);
  }

  .expense-pdf-slip .expense-slip-totals .due strong {
    color: var(--dark-green);
    font-size: 11pt;
    font-weight: 800;
  }
}