/* Pay Docly — expense claim form and document. */
.field-inline{display:flex;align-items:center;gap:8px;margin-bottom:11px}
.field-inline input[type=checkbox]{width:auto;margin:0}
.field-inline label{margin:0;font-weight:700}
.exp-head-row,.exp-row{display:grid;grid-template-columns:72px 122px minmax(0,1fr) 92px 44px 30px;gap:5px;align-items:center}
.exp-head-row{font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:900;color:var(--muted-2);padding:0 2px 6px;border-bottom:1px solid var(--line);margin-bottom:8px}
.exp-row{margin-bottom:6px}
.exp-row input,.exp-row select{padding:8px 9px;font-size:12px}
.exp-row input[type=number]{text-align:right}
.exp-rc{display:flex;align-items:center;justify-content:center;gap:3px;margin:0;font-size:9px;font-weight:900;color:var(--muted)}
.exp-rc input{width:auto;margin:0}
.exp-row .remove-btn{width:28px;height:32px;font-size:15px}
.claim-total{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:12px 15px;background:#fbfcfe}
.claim-total span{font-size:12px;font-weight:800;color:var(--muted)}
.claim-total strong{font-size:18px;font-weight:900;letter-spacing:-.02em}

.expense .exp-title{font-size:22px;font-weight:900;letter-spacing:.05em;color:var(--warning)}
.expense .exp-number{font-size:13px;font-weight:850;margin-top:3px}
.expense .exp-date{font-size:11px;color:#667085;margin-top:3px}
.expense .exp-head{width:auto;min-width:300px;margin:24px 0 18px}
.expense .exp-table{width:100%;border-collapse:collapse;font-size:11px}
.expense .exp-table th{background:#f4f6f8;text-align:left;padding:8px 10px;border-bottom:1px solid #e4e7ec;font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:850}
.expense .exp-table td{padding:8px 10px;border-bottom:1px solid #edf0f4;vertical-align:top}
.expense .exp-table .c-num{width:24px;color:#98a2b3}
.expense .exp-table .c-rc{width:56px;text-align:center}
.expense .exp-table .c-amt{width:104px;text-align:right;white-space:nowrap;font-weight:800}
.expense .exp-table tfoot td{background:#fbfcfe;font-weight:850;border-bottom:0}
.expense .exp-table tfoot tr.grand td{background:#fff7ed;font-weight:900;font-size:12.5px}
.expense .exp-sec{margin-top:20px}
.expense .exp-stats{display:flex;flex-wrap:wrap;gap:8px}
.expense .exp-stat{border:1px solid #e4e7ec;border-radius:9px;padding:7px 12px;font-size:10.5px;display:flex;gap:9px;align-items:baseline;background:#fbfcfe}
.expense .exp-stat strong{font-size:12px;font-weight:900}
.expense .exp-foot{margin-top:20px}
.expense .exp-foot .info-table{max-width:340px}
.expense .exp-note{margin-top:12px;font-size:10.5px;color:#475467;line-height:1.6;white-space:pre-line;border-left:3px solid var(--line);padding-left:11px}
.expense .exp-declare{margin-top:22px;font-size:10px;color:#667085;line-height:1.6;border:1px dashed #e4e7ec;border-radius:10px;padding:11px 13px}
.expense .exp-signs{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:38px;text-align:center}
.expense .exp-sign-line{border-top:1px solid #98a2b3;margin-bottom:6px}
.expense .exp-sign-name{font-size:11.5px;font-weight:850}
.expense .exp-sign-role{font-size:10px;color:#667085;margin-top:2px}
@media(max-width:820px){
  .exp-head-row{display:none}
  .exp-row{grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:9px;background:#fff}
  .exp-row input:nth-child(3){grid-column:1/-1}
}
@media(max-width:640px){.expense .exp-signs{grid-template-columns:1fr;gap:30px}}
@media print{
  .expense .exp-table thead{display:table-header-group}
  .expense .exp-table tr{page-break-inside:avoid}
  .expense .exp-signs{display:grid!important}
  .expense .exp-stats{display:flex!important}
}