.amth-einv-wrap { max-width: 1200px; margin: 0 auto; padding: 16px; }
.amth-einv-actions { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-top: 12px; }
.amth-einv-actions a, .amth-einv-actions button { padding: 10px 12px; cursor: pointer; } .amth-einv-wrap .amth-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 14px 24px !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1;
border-radius: 999px !important;
border: 1px solid transparent !important;
text-decoration: none !important;
cursor: pointer !important;
user-select: none;
white-space: nowrap;
transition: transform .06s ease, box-shadow .15s ease, filter .15s ease, background-color .15s ease, border-color .15s ease;
}
.amth-einv-wrap .amth-btn-primary {
color: #fff !important;
background-image: linear-gradient(90deg, #2aa7ff 0%, #6b5bff 55%, #b043ff 100%) !important;
box-shadow: 0 10px 26px rgba(46, 125, 255, 0.22) !important;
}
.amth-einv-wrap .amth-btn-primary:hover { filter: brightness(1.04) !important; box-shadow: 0 12px 30px rgba(46, 125, 255, 0.28) !important; }
.amth-einv-wrap .amth-btn-primary:active { transform: translateY(1px); box-shadow: 0 6px 16px rgba(46, 125, 255, 0.22) !important; }
.amth-einv-wrap .amth-btn-secondary {
background: #ffffff !important;
border-color: rgba(42, 167, 255, 0.45) !important;
color: #1f4fd8 !important;
box-shadow: 0 6px 18px rgba(0,0,0,0.06) !important;
}
.amth-einv-wrap .amth-btn-secondary:hover { background: #f6fbff !important; border-color: rgba(107, 91, 255, 0.55) !important; }
.amth-einv-wrap .amth-btn:focus { outline: none; box-shadow: 0 0 0 3px rgba(46,125,255,.25), 0 10px 26px rgba(46, 125, 255, 0.16) !important; }
.amth-einv-wrap .amth-btn .amth-btn-badge {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 6px 10px;
border-radius: 999px;
font-weight: 800;
font-size: 13px;
background: rgba(255,255,255,0.18);
border: 1px solid rgba(255,255,255,0.22);
}
.amth-einv-table { width: 100%; border-collapse: collapse; margin-top: 10px; }
.amth-einv-table th, .amth-einv-table td { border: 1px solid #ddd; padding: 8px; text-align: left; vertical-align: top; }
.amth-einv-table th { font-weight: 600; }
.amth-einv-muted { opacity: 0.85; }
.amth-einv-alert { border: 1px solid #c00; padding: 10px; margin: 10px 0; } .amth-einv-invoice-body { background: #fff; }
.amth-einv-invoice-top { display:flex; align-items:flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.amth-einv-invoice-title { margin: 0 0 6px; }
.amth-invoice { margin-top: 14px; }
.amth-invoice-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.amth-invoice-card { border: 1px solid rgba(0,0,0,.12); border-radius: 10px; padding: 12px; background: #fff; }
.amth-invoice-kv { margin: 0; }
.amth-invoice-kv dt { font-weight: 600; }
.amth-invoice-kv dd { margin: 0 0 8px 0; } .amth-invoice-header { display:flex; justify-content: space-between; align-items:flex-start; gap: 16px; flex-wrap: wrap; margin-bottom: 10px; }
.amth-invoice-kicker { font-weight: 700; opacity: .75; }
.amth-invoice-no { font-size: 20px; font-weight: 800; margin-top: 2px; }
.amth-invoice-date { opacity: .85; margin-top: 2px; }
.amth-invoice-summary { text-align: right; }
.amth-invoice-sum-label { font-weight: 700; opacity: .75; }
.amth-invoice-sum-value { font-size: 20px; font-weight: 900; }
.amth-invoice-parties { display:grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin: 12px 0; }
.amth-invoice-party { border: 1px solid rgba(0,0,0,.10); border-radius: 12px; padding: 12px; background: #fff; }
.amth-invoice-party-title { font-weight: 800; opacity: .75; margin-bottom: 6px; }
.amth-invoice-party-name { font-weight: 900; margin-bottom: 4px; }
.amth-invoice-party-contact { margin: 6px 0 8px; font-size: 13px; opacity: .95; }
.amth-invoice-party-contact strong { font-weight: 800; }
.amth-invoice-party-addr { opacity: .9; } .amth-invoice-lines { border: 1px solid rgba(0,0,0,.10); border-radius: 14px; padding: 18px; background: #fff; }
.amth-einv-table,
.amth-invoice-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
font-size: 15px;
line-height: 1.4;
}
.amth-einv-table thead th { font-weight: 900; opacity: .85; }
.amth-einv-table th, .amth-einv-table td,
.amth-invoice-table th, .amth-invoice-table td {
border-bottom: 1px solid rgba(0,0,0,.10);
padding: 12px 12px;
text-align: left;
vertical-align: top;
}
.amth-einv-table tbody tr:last-child td { border-bottom: 0; } .amth-einv-table th.col-pos, .amth-einv-table td.col-pos,
.amth-invoice-table th.col-pos, .amth-invoice-table td.col-pos { width: 6%; }
.amth-einv-table th.col-desc, .amth-einv-table td.col-desc,
.amth-invoice-table th.col-desc, .amth-invoice-table td.col-desc { width: auto; }
.amth-einv-table th.col-qty, .amth-einv-table td.col-qty,
.amth-invoice-table th.col-qty, .amth-invoice-table td.col-qty { width: 12%; }
.amth-einv-table th.col-ep, .amth-einv-table td.col-ep,
.amth-invoice-table th.col-ep, .amth-invoice-table td.col-ep { width: 14%; }
.amth-einv-table th.col-discount, .amth-einv-table td.col-discount,
.amth-invoice-table th.col-discount, .amth-invoice-table td.col-discount { width: 10%; }
.amth-einv-table th.col-sum, .amth-einv-table td.col-sum,
.amth-invoice-table th.col-sum, .amth-invoice-table td.col-sum { width: 14%; }
.amth-einv-table th.col-vat, .amth-einv-table td.col-vat,
.amth-invoice-table th.col-vat, .amth-invoice-table td.col-vat { width: 8%; }
.amth-einv-table th.center, .amth-einv-table td.center,
.amth-invoice-table th.center, .amth-invoice-table td.center { text-align: center; }
.amth-einv-table th.num, .amth-einv-table td.num,
.amth-invoice-table th.num, .amth-invoice-table td.num { text-align: right; white-space: nowrap; }
.amth-einv-table th.desc, .amth-einv-table td.desc,
.amth-invoice-table th.desc, .amth-invoice-table td.desc { width: auto; }
.amth-einv-table td.desc,
.amth-invoice-table td.desc { white-space: normal; word-break: break-word; overflow-wrap: anywhere; } .amth-invoice-lines { overflow-x: auto; }
.amth-invoice-totals { margin-top: 14px; max-width: 460px; margin-left: auto; }
.amth-invoice-tot-row { display:flex; justify-content: space-between; gap: 12px; padding: 7px 0; }
.amth-invoice-tot-grand { border-top: 1px solid rgba(0,0,0,.14); margin-top: 8px; padding-top: 12px; }
.amth-invoice-vat { margin-top: 12px; border-top: 1px dashed rgba(0,0,0,.18); padding-top: 10px; }
.amth-invoice-vat-title { font-weight: 900; margin-bottom: 6px; }
.amth-invoice-vat-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.amth-invoice-vat-table th, .amth-invoice-vat-table td { border-bottom: 1px solid rgba(0,0,0,.10); padding: 6px 4px; text-align: left; }
.amth-invoice-vat-table th { font-weight: 900; opacity: .8; }
.amth-invoice-vat-table td:nth-child(2), .amth-invoice-vat-table td:nth-child(3) { text-align: right; } .amth-lines { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }
.amth-line { border: 1px solid rgba(0,0,0,.10); border-radius: 12px; padding: 12px; background: #fff; }
.amth-line-head { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 8px; }
.amth-line-pos {
display: inline-flex;
min-width: 34px;
height: 28px;
border-radius: 8px;
align-items: center;
justify-content: center;
font-weight: 900;
background: rgba(0,0,0,.06);
}
.amth-line-desc { font-weight: 800; line-height: 1.35; white-space: normal; word-break: break-word; overflow-wrap: anywhere; }
.amth-line-meta {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 8px 12px;
font-size: 13px;
opacity: .95;
}
.amth-line-meta strong { font-weight: 900; }
@media (max-width: 740px) {
.amth-invoice-grid { grid-template-columns: 1fr; }
.amth-invoice-parties { grid-template-columns: 1fr; }
.amth-invoice-summary { text-align: left; }
}
@media print {
#amth-einv-upload,
.amth-einv-actions,
a[href*="download?token="] { display: none !important; }
@page { margin: 14mm; }
body { background: #fff !important; }
.amth-einv-wrap { max-width: none; margin: 0; padding: 0; }
table { page-break-inside: auto; }
tr { page-break-inside: avoid; page-break-after: auto; }
} .amth-invoice-pay { margin-top: 12px; border-top: 1px dashed rgba(0,0,0,.18); padding-top: 10px; }
.amth-invoice-pay-title { font-weight: 900; margin-bottom: 6px; }
.amth-invoice-pay-row { display:flex; justify-content: space-between; gap: 12px; padding: 6px 0; }
.amth-invoice-pay-row span { opacity: .85; }
.amth-invoice-pay-row strong { font-weight: 900; text-align: right; overflow-wrap:anywhere; }