.invoice-report .sku-header h1{font-size:23px}.invoice-report .sku-table-wrap{max-height:62vh}.invoice-report table{min-width:1800px}.invoice-report th{white-space:nowrap}.invoice-report td{min-width:140px;max-width:320px;overflow-wrap:anywhere}.invoice-report td:nth-child(5){min-width:140px}.invoice-report .invoice-number{text-align:right;white-space:nowrap;min-width:130px}.invoice-report .sku-summary{gap:14px 24px;margin-top:16px}.invoice-report .sku-summary b{font-size:17px}.invoice-report .invoice-deleted{background:#fff5ee}.invoice-report .sku-filters label:first-child{min-width:250px}.invoice-report .sku-help{font-size:12px}@media(max-width:760px){.invoice-report .sku-header{align-items:stretch}.invoice-report .sku-header h1{font-size:20px}.invoice-report .sku-filters label:first-child{min-width:0}.invoice-report .sku-summary span{flex:1 1 100%}}
.invoice-freshness{padding:10px 14px;background:#edf3f9;border-radius:6px;margin-bottom:14px;color:#52677e}.invoice-freshness p{margin:4px 0}.invoice-sync-form{padding:16px;background:white;border:1px solid #bdcddd;border-radius:8px;margin-bottom:16px}.invoice-sync-form h2{font-size:18px;margin:0 0 10px}.invoice-sync-status small{display:block;margin-top:6px}.invoice-actions{flex-wrap:wrap}@media(max-width:760px){.invoice-actions{align-items:stretch}.invoice-actions button{flex:1}}

/* Form đồng bộ có lưới riêng, không kế thừa độ giãn của ô tìm kiếm. */
.invoice-sync-form p{color:#63758a;line-height:1.5;margin:4px 0}
.invoice-report .invoice-sync-fields{display:grid;grid-template-columns:minmax(160px,240px) minmax(160px,240px) auto;gap:16px;align-items:end;margin-top:16px;padding-top:16px;border-top:1px solid #e6edf3}
.invoice-sync-fields label{display:grid;gap:7px;min-width:0;margin:0;font-weight:600}
.invoice-report .invoice-sync-fields input{width:100%;min-width:0;box-sizing:border-box;min-height:40px}
.invoice-sync-buttons{display:flex;gap:10px;align-items:center;justify-content:flex-end}
.invoice-sync-buttons .btn{min-height:40px;white-space:nowrap;margin:0}
@media(max-width:900px){.invoice-report .invoice-sync-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-sync-buttons{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:480px){.invoice-report .invoice-sync-fields{grid-template-columns:minmax(0,1fr);gap:12px}.invoice-sync-buttons{grid-column:1;display:grid;grid-template-columns:minmax(0,1fr) auto}}

/* Hai bảng AMIS ưu tiên diện tích dữ liệu, giữ cùng hệ màu và nút của dashboard. */
.invoice-accounting {
    padding: 14px 16px;
    max-width: none;
}

.invoice-accounting .sku-header {
    align-items: center;
    margin-bottom: 14px;
}

.invoice-accounting .sku-header h1 {
    font-size: 22px;
    line-height: 1.3;
    margin: 0 0 4px;
}

/* Bộ lọc kênh mở ngoài vùng cuộn, giữ danh sách dài gọn trên cả desktop và mobile. */
.invoice-channel-trigger {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 6px;
    padding: 6px;
    border: 1px solid #cbd8e5;
    border-radius: 5px;
    background: #fff;
    color: #456078;
}

.invoice-channel-trigger.active {
    color: #005ab8;
    background: #e7f2ff;
    border-color: #005ab8;
}

.invoice-channel-backdrop {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(20, 40, 60, 0.3);
}

.invoice-channel-dialog {
    width: 390px;
    max-width: 100%;
    max-height: 85vh;
    overflow: auto;
    padding: 18px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 12px 40px rgba(20, 40, 60, 0.18);
}

.invoice-channel-dialog header,
.invoice-channel-dialog footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.invoice-channel-dialog h2 {
    margin: 0;
    font-size: 18px;
}

.invoice-channel-dialog p {
    margin: 12px 0;
    color: #62778b;
}

.invoice-channel-options {
    max-height: 45vh;
    overflow: auto;
    margin: 12px 0;
}

.invoice-channel-options label {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 4px;
    margin: 0;
    font-weight: 400;
    cursor: pointer;
}

.invoice-channel-trigger:focus-visible,
.invoice-channel-dialog button:focus-visible,
.invoice-channel-options input:focus-visible {
    outline: 2px solid #005ab8;
    outline-offset: 3px;
}

.invoice-updated,
.invoice-filter-pending {
    font-size: 12px;
    color: #62778b;
}

.invoice-accounting .sku-filters {
    gap: 10px;
    padding: 12px;
    border-radius: 8px;
}

.invoice-accounting .sku-filters label:first-child {
    min-width: 220px;
}

.invoice-accounting .sku-filters input,
.invoice-accounting .sku-filters select {
    width: 100%;
    min-height: 38px;
}

.invoice-accounting .sku-filters label:not(:first-child) {
    flex: 0 1 150px;
    min-width: 115px;
}

.invoice-filter-actions {
    display: flex;
    gap: 8px;
    align-items: center;
}

.invoice-accounting .sku-summary {
    gap: 10px 22px;
    padding: 12px 0;
    margin: 0;
    border: 0;
}

.invoice-accounting .sku-summary span {
    white-space: nowrap;
    font-size: 12px;
}

.invoice-accounting .sku-summary b {
    font-size: 16px;
}

.invoice-accounting .sku-table-wrap {
    max-height: 68vh;
    border-radius: 8px;
}

.invoice-accounting th {
    font-size: 12px;
    padding: 11px 12px;
}

.invoice-accounting td {
    padding: 9px 12px;
    min-width: 120px;
    line-height: 1.45;
}

.invoice-accounting td:nth-child(2) {
    min-width: 120px;
}

.invoice-accounting .sku-loading div {
    animation: invoice-loading 1.3s ease-in-out infinite alternate;
}

@keyframes invoice-loading {
    from { opacity: 0.4; }
    to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .invoice-accounting .sku-loading div { animation: none; }
}

@media (max-width: 760px) {
    .invoice-accounting { padding: 12px; }
    .invoice-accounting .sku-header { align-items: stretch; }
    .invoice-accounting .sku-filters label:first-child { flex-basis: 100%; min-width: 0; }
    .invoice-accounting .sku-filters label:not(:first-child) { flex: 1 1 130px; }
    .invoice-accounting .sku-summary span { flex: 0 1 auto; }
    .invoice-accounting .sku-header h1 { font-size: 20px; }
}