/* Reuse the shared table theme; keep layout rules scoped to Viettel Post. */
:is(#sub-vtp-orders, #sub-vtp-returns) .vtp-orders-scroll {
    flex: none;
    max-height: 62vh;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #475569 #0f172a;
}
:is(#sub-vtp-orders, #sub-vtp-returns) .vtp-orders-scroll::-webkit-scrollbar { width: 8px; height: 8px; }
:is(#sub-vtp-orders, #sub-vtp-returns) .vtp-orders-scroll::-webkit-scrollbar-thumb { background: #475569; border-radius: 4px; }
:is(#sub-vtp-orders, #sub-vtp-returns) .vtp-orders-scroll::-webkit-scrollbar-track { background: #0f172a; }
:is(#sub-vtp-orders, #sub-vtp-returns) table.vtp-orders-table { table-layout: fixed; min-width: 1600px; }
:is(#sub-vtp-orders, #sub-vtp-returns) table.vtp-orders-table thead th {
    text-align: left;
    padding: 12px 14px;
    white-space: nowrap;
    font-weight: 600;
}
:is(#sub-vtp-orders, #sub-vtp-returns) table.vtp-orders-table tbody td {
    padding: 12px 14px;
    line-height: 1.5;
    vertical-align: middle;
    font-size: .9rem;
}
:is(#sub-vtp-orders, #sub-vtp-returns) .vtp-nowrap { white-space: nowrap; font-variant-numeric: tabular-nums; }
:is(#sub-vtp-orders, #sub-vtp-returns) .vtp-order-number { color: #38bdf8; font-weight: 600; }
:is(#sub-vtp-orders, #sub-vtp-returns) .vtp-cell-text { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
:is(#sub-vtp-orders, #sub-vtp-returns) .vtp-created-date { white-space: nowrap; font-variant-numeric: tabular-nums; }
:is(#sub-vtp-orders, #sub-vtp-returns) .vtp-created-time { display: block; color: var(--text-secondary); font-size: .82rem; }
:is(:is(#sub-vtp-orders, #sub-vtp-returns), #sub-vtp-report) .vtp-status-badge { display:inline-block; padding:4px 8px; border:0; border-radius:5px; font-size:.78rem; line-height:1.4; font-weight:500; }
:is(:is(#sub-vtp-orders, #sub-vtp-returns), #sub-vtp-report) .vtp-status-badge strong { color:inherit; font-weight:700; }
:is(#sub-vtp-orders, #sub-vtp-returns) .vtp-table-message { text-align: center; padding: 28px !important; color: var(--text-secondary); }
:is(#sub-vtp-orders, #sub-vtp-returns) .vtp-page-button { padding: 7px 12px; margin: 0 2px; border: 0; border-radius: 5px; background: transparent; color: var(--text-secondary); cursor: pointer; font: inherit; }
:is(#sub-vtp-orders, #sub-vtp-returns) .vtp-page-button.current { background: var(--accent); color: white; }
:is(#sub-vtp-orders, #sub-vtp-returns) .vtp-page-button:hover:not(:disabled) { background: #334155; }
:is(#sub-vtp-orders, #sub-vtp-returns) .vtp-page-button.current:hover { background: var(--accent); }
:is(#sub-vtp-orders, #sub-vtp-returns) .vtp-page-button:disabled { opacity: .45; cursor: default; }
:is(#sub-vtp-orders, #sub-vtp-returns) .vtp-orders-footer { gap: 14px; }
:is(#sub-vtp-orders, #sub-vtp-returns) .vtp-orders-footer select { margin: 0 4px; }
:is(#sub-vtp-orders, #sub-vtp-returns) .vtp-page-ellipsis { padding: 0 5px; color: var(--text-secondary); }
@media (max-width: 700px) {
    :is(#sub-vtp-orders, #sub-vtp-returns) .vtp-orders-card { padding: 12px; }
    :is(#sub-vtp-orders, #sub-vtp-returns) .vtp-orders-footer { justify-content: flex-start; }
    :is(#sub-vtp-orders, #sub-vtp-returns) .dataTables_info { width: 100%; }
}

#vtpGlobalConnectionAlert { align-items:center; flex-wrap:wrap; gap:10px; margin:0 20px 12px; padding:10px 14px; border:1px solid #ef4444; border-radius:7px; color:#fff; font-size:.88rem; line-height:1.5; }
#vtpGlobalConnectionMessage { flex:1; min-width:200px; }
#vtpGlobalConnectionAlert button { color:#fff; background:#ffffff15; border:1px solid #ffffff88; padding:6px 10px; border-radius:5px; cursor:pointer; font-weight:600; }
/* Sender -> CRM report: totals and details share the application's table theme. */
#sub-vtp-report .vtp-report-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; margin-bottom:16px; }
#sub-vtp-report h2 { margin:0; color:var(--text-primary); }
#sub-vtp-report .vtp-report-heading p { margin:7px 0 0; color:var(--text-secondary); }
#sub-vtp-report .vtp-report-filters { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:16px; background:var(--card-bg); border:1px solid #334155; border-radius:12px; margin-bottom:18px; }
#sub-vtp-report input { padding:8px; border:1px solid #475569; border-radius:5px; background:#0f172a; color:var(--text-primary); }
#sub-vtp-report label { color:var(--text-secondary); }
#sub-vtp-report .vtp-report-filters button, #sub-vtp-report .vtp-report-tools button { padding:8px 12px; background:#334155; color:#cbd5e1; border:1px solid #475569; border-radius:5px; cursor:pointer; }
#sub-vtp-report .vtp-report-filters .vtp-report-filter-button { background:#0f766e; color:white; border-color:#0f766e; }
#sub-vtp-report .vtp-report-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:18px; }
#sub-vtp-report .vtp-report-summary > div { padding:18px; border-radius:10px; background:var(--card-bg); border:1px solid #334155; }
#sub-vtp-report .vtp-report-summary span, #sub-vtp-report .vtp-report-summary small { display:block; color:var(--text-secondary); }
#sub-vtp-report .vtp-report-summary strong { display:block; margin:8px 0; color:#38bdf8; font-size:1.5rem; font-variant-numeric:tabular-nums; }
#sub-vtp-report .vtp-report-tools { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; color:var(--text-secondary); font-size:.85rem; margin-bottom:12px; }
#sub-vtp-report .vtp-report-scroll { max-height:62vh; flex:none; overflow:auto; scrollbar-width:thin; scrollbar-color:#475569 #0f172a; }
#sub-vtp-report table.vtp-report-table { table-layout:fixed; min-width:1305px; }
#sub-vtp-report table.vtp-report-table th { text-align:left; }
#sub-vtp-report table.vtp-report-table td { padding:12px 14px; vertical-align:top; line-height:1.5; }
#sub-vtp-report .vtp-report-sender td { background:#173044; font-weight:600; border-top:2px solid #334155 !important; }
#sub-vtp-report .vtp-report-sender small { display:block; color:#94a3b8; font-weight:400; margin-top:5px; }
#sub-vtp-report .vtp-report-toggle { border:0; background:transparent; color:#7dd3fc; padding:0; text-align:left; cursor:pointer; font:inherit; word-break:break-word; }
#sub-vtp-report .vtp-report-toggle span { font-size:.75rem; margin-right:5px; }
#sub-vtp-report .vtp-report-crm-label { display:block; margin-left:20px; padding-left:12px; border-left:2px solid #475569; overflow-wrap:anywhere; }
#sub-vtp-report .vtp-report-chips { display:flex; flex-wrap:wrap; gap:5px; }
#sub-vtp-report .vtp-report-money { font-variant-numeric:tabular-nums; white-space:nowrap; }
#sub-vtp-report .vtp-report-unknown { display:block; white-space:normal; color:#fbbf24; font-size:.75rem; font-weight:400; }
#sub-vtp-report table.vtp-report-table tfoot th, #sub-vtp-report table.vtp-report-table tfoot td { background:#163447; padding:12px 14px; border-top:2px solid #38bdf8; vertical-align:top; }
#sub-vtp-report .vtp-report-note { margin:14px 0 0; color:var(--text-secondary); line-height:1.6; font-size:.85rem; }
#sub-vtp-report .vtp-report-message { padding:28px !important; text-align:center; color:var(--text-secondary); }
@media (max-width:700px) { #sub-vtp-report .vtp-report-summary { grid-template-columns:1fr; } }

#sub-vtp-report .vtp-report-chart:empty { display:none; }
#sub-vtp-report .vtp-report-chart { background:var(--card-bg); border:1px solid #334155; border-radius:12px; padding:18px; margin-bottom:18px; }
#sub-vtp-report .vtp-chart-heading { display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; }
#sub-vtp-report .vtp-chart-heading h3 { margin:0; font-size:1.05rem; }
#sub-vtp-report .vtp-chart-heading select { max-width:100%; width:340px; padding:8px; border:1px solid #475569; border-radius:5px; background:#0f172a; color:var(--text-primary); }
#sub-vtp-report .vtp-report-chart p { color:var(--text-secondary); font-size:.85rem; line-height:1.6; }
#sub-vtp-report .vtp-chart-scroll { overflow-x:auto; }
#sub-vtp-report .vtp-chart-scroll svg { display:block; width:100%; max-width:820px; min-width:480px; margin:0 auto; }
#sub-vtp-report .vtp-chart-scroll svg text { fill:var(--text-primary); font-size:13px; }
#sub-vtp-report .vtp-chart-grid line { stroke:#475569; stroke-width:.6; }
#sub-vtp-report .vtp-chart-grid text { fill:var(--text-secondary); }
#sub-vtp-report .vtp-chart-scroll .vtp-chart-rate { font-size:17px; font-weight:700; }
#sub-vtp-config .vtp-account-connect { margin-top:22px; padding:20px; background:#0f172a; border:1px solid #155e75; border-radius:10px; }
#sub-vtp-config .vtp-account-connect h3 { margin:0 0 12px; color:#38bdf8; }
#sub-vtp-config .vtp-account-connect p { color:#94a3b8; line-height:1.65; }
#sub-vtp-config .vtp-account-connect label { display:block; margin:14px 0 6px; }
#sub-vtp-config .vtp-account-connect input:not([type=checkbox]), #sub-vtp-config .vtp-account-connect select { box-sizing:border-box; width:100%; padding:10px; background:#1e293b; color:#fff; border:1px solid #475569; border-radius:6px; }
#sub-vtp-config .vtp-account-connect .vtp-remember-login { display:flex; align-items:flex-start; gap:9px; line-height:1.6; }
#sub-vtp-config .vtp-remember-login input { flex-shrink:0; margin-top:6px; }
#sub-vtp-config .vtp-auth-buttons { display:flex; gap:10px; flex-wrap:wrap; }
#sub-vtp-config .vtp-account-connect button { cursor:pointer; padding:10px 14px; background:#0f766e; color:#fff; border:1px solid #0d9488; border-radius:6px; margin-top:8px; font-weight:600; }
#sub-vtp-config .vtp-account-connect button:disabled { cursor:wait; opacity:.55; }
#sub-vtp-config #vtpLoginChallenge { margin-top:18px; border-top:1px solid #475569; padding-top:12px; }
#sub-vtp-config #vtpLoginStatus { margin-top:14px; color:#cbd5e1; line-height:1.6; }
#sub-vtp-config #vtpLoginSavedStatus { margin-top:10px; color:#94a3b8; line-height:1.6; }

/* Return tracking shares the order table theme and uses a dedicated bulk editor. */
#sub-vtp-returns .vtp-returns-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:18px; margin-bottom:18px; }
#sub-vtp-returns h2 { margin:0; font-size:1.3rem; }
#sub-vtp-returns .vtp-returns-heading p { margin-top:7px; color:var(--text-secondary); font-size:.88rem; line-height:1.6; }
#sub-vtp-returns .vtp-returns-search { display:flex; align-items:center; gap:10px; flex:1; max-width:540px; min-width:320px; }
#sub-vtp-returns .vtp-returns-search input { flex:1; min-width:0; }
#sub-vtp-returns input:not([type=checkbox]), #sub-vtp-returns select { padding:10px 12px; border:1px solid #475569; border-radius:7px; background:#0f172a; color:var(--text-primary); font-size:.88rem; min-height:40px; }
#sub-vtp-returns button.vtp-returns-button { padding:10px 16px; border:1px solid #475569; border-radius:7px; background:#334155; color:var(--text-primary); font-size:.88rem; font-weight:600; min-height:40px; white-space:nowrap; cursor:pointer; }
#sub-vtp-returns button.vtp-returns-button:hover:not(:disabled) { background:#475569; }
#sub-vtp-returns button.vtp-returns-primary { background:var(--accent); border-color:var(--accent); }
#sub-vtp-returns button.vtp-returns-primary:hover:not(:disabled) { background:var(--accent-hover); }
#sub-vtp-returns input:disabled, #sub-vtp-returns select:disabled, #sub-vtp-returns button:disabled { opacity:.45; cursor:not-allowed; }
#sub-vtp-returns input:focus-visible, #sub-vtp-returns select:focus-visible, #sub-vtp-returns button:focus-visible { outline:2px solid #38bdf8; outline-offset:2px; }
#sub-vtp-returns .vtp-returns-editor { background:var(--card-bg); border:1px solid #334155; border-radius:12px; padding:18px 20px; margin-bottom:18px; }
#sub-vtp-returns .vtp-returns-editor-heading { display:flex; gap:12px; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-bottom:16px; }
#sub-vtp-returns .vtp-returns-editor-heading strong { font-size:.95rem; }
#sub-vtp-returns #vtpReturnsSelectedCount { padding:5px 10px; border:1px solid #3b82f644; background:#3b82f614; border-radius:6px; color:#93c5fd; font-size:.82rem; }
#sub-vtp-returns .vtp-returns-fields { display:grid; grid-template-columns:1fr 1fr 1.3fr auto; align-items:end; gap:14px; }
#sub-vtp-returns .vtp-returns-fields label { display:flex; flex-direction:column; gap:8px; font-size:.83rem; color:var(--text-secondary); min-width:0; }
#sub-vtp-returns .vtp-returns-fields input, #sub-vtp-returns .vtp-returns-fields select { width:100%; }
#sub-vtp-returns .vtp-returns-note { color:var(--text-secondary); margin-top:12px; line-height:1.6; font-size:.8rem; }
#sub-vtp-returns table.vtp-returns-table { min-width:1460px; }
#sub-vtp-returns .vtp-return-check { text-align:center; }
#sub-vtp-returns input[type=checkbox] { width:16px; height:16px; accent-color:var(--accent); vertical-align:middle; cursor:pointer; }
#sub-vtp-returns .vtp-return-received { display:inline-flex; align-items:center; gap:5px; color:#6ee7b7; background:#10b98115; border:1px solid #10b98133; padding:4px 8px; border-radius:5px; font-size:.8rem; white-space:nowrap; }
#sub-vtp-returns .vtp-return-crm { font-variant-numeric:tabular-nums; color:#c4b5fd; font-weight:500; }
@media(max-width:1000px) { #sub-vtp-returns .vtp-returns-fields { grid-template-columns:1fr 1fr; } #sub-vtp-returns .vtp-returns-search { max-width:none; } }
@media(max-width:600px) { #sub-vtp-returns .vtp-returns-fields { grid-template-columns:1fr; } #sub-vtp-returns .vtp-returns-search { min-width:0; width:100%; flex-basis:100%; } #sub-vtp-returns .vtp-returns-editor { padding:16px; } }

#sub-vtp-returns .vtp-returns-filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; padding:18px 20px; background:var(--card-bg); border:1px solid #334155; border-radius:12px; margin-bottom:18px; }
#sub-vtp-returns .vtp-returns-filters label { display:flex; flex-direction:column; gap:8px; color:var(--text-secondary); font-size:.83rem; min-width:0; }
#sub-vtp-returns .vtp-returns-filters input { width:100%; min-width:0; }
#sub-vtp-returns .vtp-returns-filter-actions { display:flex; flex-wrap:wrap; gap:10px; grid-column:1/-1; }
@media(max-width:1200px) { #sub-vtp-returns .vtp-returns-filters { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:700px) { #sub-vtp-returns .vtp-returns-filters { grid-template-columns:repeat(2,minmax(0,1fr)); padding:16px; } }
@media(max-width:400px) { #sub-vtp-returns .vtp-returns-filters { grid-template-columns:1fr; } }

#sub-vtp-returns input[type=date] { color-scheme:dark; }

#sub-vtp-returns .vtp-returns-import-tools { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
#sub-vtp-returns .vtp-import-scroll { max-height:360px; margin:14px 0; }
#sub-vtp-returns .vtp-import-scroll table { min-width:1000px; }
#sub-vtp-returns .vtp-import-scroll th, #sub-vtp-returns .vtp-import-scroll td { padding:12px; text-align:left; font-size:.85rem; overflow-wrap:anywhere; }
#sub-vtp-returns .vtp-import-error { color:#fca5a5; }
#sub-vtp-returns .vtp-import-ok { color:#6ee7b7; }

#sub-vtp-report .vtp-scope-control { display:flex; align-items:center; gap:10px; max-width:100%; }
#sub-vtp-report .vtp-scope-control > label { color:var(--text-secondary); white-space:nowrap; }
#sub-vtp-report .vtp-scope-search { position:relative; width:340px; max-width:100%; }
#sub-vtp-report .vtp-scope-search input { width:100%; padding:10px 40px 10px 12px; border-radius:7px; }
#sub-vtp-report .vtp-scope-search input:focus-visible { outline:2px solid #38bdf8; outline-offset:1px; }
#sub-vtp-report .vtp-scope-reset { position:absolute; right:5px; top:4px; padding:3px 8px; border:0; background:transparent; color:#94a3b8; font-size:22px; cursor:pointer; }
#sub-vtp-report .vtp-scope-reset:hover { color:#fff; }
#sub-vtp-report .vtp-scope-menu { position:absolute; right:0; top:calc(100% + 6px); width:100%; z-index:40; padding:5px; border:1px solid #475569; border-radius:8px; background:#0f172a; box-shadow:0 12px 28px #0006; }
#sub-vtp-report #vtpChartScopeResults { max-height:280px; overflow:auto; }
#sub-vtp-report .vtp-scope-option { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; text-align:left; border:0; border-radius:5px; padding:10px; background:transparent; color:var(--text-primary); font-size:.85rem; cursor:pointer; }
#sub-vtp-report .vtp-scope-option span { overflow-wrap:anywhere; }
#sub-vtp-report .vtp-scope-option small { color:var(--text-secondary); white-space:nowrap; }
#sub-vtp-report .vtp-scope-option:hover, #sub-vtp-report .vtp-scope-option.active { background:#1e3a5f; }
#sub-vtp-report .vtp-scope-empty, #sub-vtp-report .vtp-scope-hint { padding:9px 10px; font-size:.78rem; color:var(--text-secondary); }
#sub-vtp-report .vtp-scope-hint { border-top:1px solid #334155; }
@media(max-width:600px) { #sub-vtp-report .vtp-scope-control { width:100%; } #sub-vtp-report .vtp-scope-search { width:100%; min-width:0; } }