/* ObraGestão 8.6.3.36 — abas de despesa comum / despesa por contrato */
.expense-tabs-modal{width:min(1180px,calc(100vw - 48px));max-width:1180px}
.expense-tabs-modal .modalbody{padding:0}
.expense-tabs-shell{display:flex;flex-direction:column;min-height:0}
.expense-tabs-head{display:flex;gap:6px;padding:0 22px;border-bottom:1px solid #d9e2ef;background:#fff}
.expense-tab-btn{appearance:none;border:0;background:transparent;color:#52657f;font:700 14px/1.2 Manrope,system-ui,sans-serif;padding:17px 22px 15px;display:flex;gap:9px;align-items:center;cursor:pointer;border-bottom:3px solid transparent;transition:color .16s ease,border-color .16s ease,background .16s ease}
.expense-tab-btn span{font-size:18px;color:#7d8ea8}
.expense-tab-btn:hover{color:#0a2f6b;background:#f8fbff}
.expense-tab-btn.active{color:#0b63e6;border-bottom-color:#0b63e6;background:#fff}
.expense-tab-btn.active span{color:#0b63e6}
.expense-tab-panel{display:none;padding:22px 24px 20px;min-height:0}
.expense-tab-panel.active{display:block}
.expense-standard-form,.expense-contract-form{gap:16px 18px}
.expense-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:2px;padding-top:12px;border-top:1px solid #e6edf6}
.expense-contract-summary-card{display:grid;grid-template-columns:minmax(240px,1.6fr) repeat(5,minmax(115px,1fr));gap:0;border:1px solid #bfdbfe;background:linear-gradient(180deg,#f7fbff 0%,#eef6ff 100%);border-radius:14px;overflow:hidden}
.expense-contract-main,.expense-contract-metric{padding:16px 18px;border-right:1px solid #d9e8fb;min-width:0}
.expense-contract-main{display:flex;align-items:center;gap:12px}
.expense-contract-main>div{display:flex;flex-direction:column;min-width:0}
.expense-contract-main small,.expense-contract-metric small{font-size:11px;color:#667a96;margin-bottom:4px}
.expense-contract-main b{font-size:15px;color:#071f4a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.expense-contract-main span:not(.expense-contract-doc){font-size:12px;color:#6b7e97;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.expense-contract-doc{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#dbeafe;color:#0b63e6;font-size:20px;flex:0 0 auto}
.expense-contract-metric{display:flex;flex-direction:column;justify-content:center}
.expense-contract-metric b{font-size:15px;color:#071f4a}
.expense-contract-metric.paid b{color:#12954a}
.expense-contract-metric.balance{border-right:0}
.expense-contract-metric.balance b{color:#0b63e6}
.expense-contract-empty{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px dashed #c7d5e8;border-radius:14px;background:#f8fbff;color:#60738e}
.expense-contract-empty>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eaf2ff;color:#0b63e6}
.expense-contract-empty>div{display:flex;flex-direction:column;gap:2px}
.expense-contract-empty b{color:#17345d}
.expense-contract-empty small{font-size:12px}
.expense-contract-form .og-readonly-field{min-height:48px;border:1px solid #cbd8e8;border-radius:10px;background:#f8fafc;padding:10px 12px;display:flex;flex-direction:column;justify-content:center}
.expense-contract-form .og-readonly-field b{font-size:14px;color:#17345d}
.expense-contract-form .og-readonly-field small{font-size:11px;color:#71839c;margin-top:2px}
.expense-contract-work{opacity:.95}
.required-mark{color:#e5484d}
.contract-expense-save:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:980px){
  .expense-contract-summary-card{grid-template-columns:1fr 1fr 1fr}
  .expense-contract-main{grid-column:1/-1;border-right:0;border-bottom:1px solid #d9e8fb}
  .expense-contract-metric:nth-last-child(1){border-right:0}
}
@media(max-width:720px){
  .expense-tabs-modal{width:calc(100vw - 18px)}
  .expense-tabs-head{padding:0 8px;overflow-x:auto}
  .expense-tab-btn{padding:14px 12px;white-space:nowrap}
  .expense-tab-panel{padding:16px 12px}
  .expense-contract-summary-card{grid-template-columns:1fr 1fr}
  .expense-contract-main{grid-column:1/-1}
  .expense-contract-metric{border-bottom:1px solid #d9e8fb}
  .expense-modal-actions{position:sticky;bottom:0;background:#fff;padding-bottom:4px;z-index:2}
}