/*
 * QTA & IB Pending Manage only.
 * Keep view-specific visual changes in this file so they do not affect Outbound.
 */

.ib-manage-view-qta {
    --manage-view-accent: #ffd400;
    --manage-view-accent-text: #2e2a27;
    --manage-view-surface: rgba(255,255,255,.55);
    --manage-view-border: rgba(46,42,39,.12);
}

.ib-manage-view-qta .manage-subnav {
    background: var(--manage-view-surface);
    border-color: var(--manage-view-border);
}

.ib-manage-view-qta .manage-subnav button.active,
.ib-manage-view-qta .manage-subnav button:hover {
    background: var(--manage-view-accent);
    color: var(--manage-view-accent-text);
}

/* Give the QTA aging chart more vertical breathing room, similar to Dashboard charts. */
.ib-manage-view-qta .manage-aging-panel {
    padding:20px;
}

.ib-manage-view-qta .manage-aging-chart-panel {
    gap:14px;
}

.ib-manage-view-qta .manage-aging-canvas-wrap {
    height:250px;
    min-height:250px;
}

.ib-manage-view-qta .manage-aging-legend {
    gap:10px;
}

.ib-manage-view-qta .manage-aging-legend .legend-item {
    padding:10px 12px;
}

.ib-manage-view-qta .manage-date-filters {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px 18px;
    margin-top:16px;
    padding:14px;
    border:1px solid #e2e8f0;
    border-radius:10px;
    background:#f8fafc;
}

.ib-manage-view-qta .manage-date-row {
    display:grid;
    grid-template-columns:minmax(135px,auto) minmax(135px,1fr) auto minmax(135px,1fr);
    align-items:center;
    gap:10px;
}

.ib-manage-view-qta .manage-date-row label {
    color:#374151;
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
}

.ib-manage-view-qta .manage-date-row input {
    width:100%;
    min-width:0;
    padding:9px 11px;
    border:1px solid #d1d5db;
    border-radius:9px;
    background:#fff;
    color:#1f2937;
    font:inherit;
    font-size:13px;
}

.ib-manage-view-qta .manage-date-row > span {
    color:#6b7280;
    font-weight:800;
}

.ib-manage-view-qta .manage-quick-focus {
    grid-template-columns:repeat(5,minmax(0,1fr));
    margin-top:16px;
    gap:12px;
}

.ib-manage-view-qta .manage-quick-focus button {
    min-height:74px;
    padding:13px 14px;
    column-gap:12px;
    border-radius:10px;
}

.ib-manage-view-qta .manage-quick-focus span {
    width:42px;
    height:42px;
    border-radius:10px;
    font-size:21px;
}

.ib-manage-view-qta .manage-quick-focus small {
    font-size:12px;
}

.ib-manage-view-qta .manage-quick-focus strong {
    font-size:21px;
}

.ib-manage-view-qta #ibManageClearFiltersBtn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-width:120px;
    white-space:nowrap;
}

/* QTA table: compact important metrics while leaving store names readable. */
.ib-manage-view-qta .manage-data-table.manage-table-qta {
    width:100%;
    min-width:1450px;
    table-layout:fixed;
}

.ib-manage-view-qta .manage-data-table.manage-table-qta th,
.ib-manage-view-qta .manage-data-table.manage-table-qta td {
    height:43px;
    padding:8px 7px;
    line-height:1.25;
}

.ib-manage-view-qta .manage-data-table.manage-table-qta th {
    overflow:hidden;
    font-size:11px;
    letter-spacing:-.1px;
    text-overflow:ellipsis;
    white-space:normal;
    line-height:1.15;
}

.ib-manage-view-qta .manage-data-table.manage-table-qta .manage-sort-icon {
    margin-left:3px;
    font-size:9px;
}

.ib-manage-view-qta .manage-data-table.manage-table-qta .col-store-name {
    width:60px;
    min-width:60px;
    max-width:60px;
    text-align:left;
}

.ib-manage-view-qta .manage-data-table.manage-table-qta .col-type {
    width:100px;
    min-width:100px;
}

.ib-manage-view-qta .manage-data-table.manage-table-qta .col-date {
    width:96px;
    min-width:96px;
}

.ib-manage-view-qta .manage-data-table.manage-table-qta .col-number,
.ib-manage-view-qta .manage-data-table.manage-table-qta .col-percent {
    width:78px;
    min-width:78px;
}

.ib-manage-view-qta .manage-data-table.manage-table-qta .col-sku-pending {
    width:94px;
    min-width:94px;
}

.ib-manage-view-qta .manage-data-table.manage-table-qta th.col-sku-pending {
    white-space:nowrap;
}

.ib-manage-view-qta .manage-data-table.manage-table-qta .col-aging {
    width:64px;
    min-width:64px;
}

.ib-manage-view-qta .manage-data-table.manage-table-qta .col-money {
    width:104px;
    min-width:104px;
}

.ib-manage-view-qta .manage-data-table.manage-table-qta .col-qta {
    width:142px;
    min-width:142px;
}

.ib-manage-view-qta .manage-data-table.manage-table-qta .col-remark {
    width:170px;
    min-width:170px;
    max-width:170px;
}

.ib-manage-view-qta .manage-data-table.manage-table-qta .col-ob-status {
    width:125px;
    min-width:125px;
}

.ib-manage-view-qta .manage-data-table.manage-table-qta .col-ob-dc {
    width:64px;
    min-width:64px;
}

.ib-manage-view-qta .manage-data-table.manage-table-qta .col-zone {
    width:106px;
    min-width:106px;
}

.ib-manage-view-qta .manage-data-table.manage-table-qta .manage-cell-badge,
.ib-manage-view-qta .manage-data-table.manage-table-qta .type-badge,
.ib-manage-view-qta .manage-data-table.manage-table-qta .aging-badge,
.ib-manage-view-qta .manage-data-table.manage-table-qta .sdr-badge {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding:3px 7px;
    font-size:10px;
}

.ib-manage-view-qta .manage-data-table.manage-table-qta .col-type .type-badge,
.ib-manage-view-qta .manage-data-table.manage-table-qta .col-ob-status .manage-cell-badge {
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
}

.ib-manage-view-qta .manage-data-table.manage-table-qta .col-ib,
.ib-manage-view-qta .manage-data-table.manage-table-qta .col-store {
    position:static;
    left:auto;
}

.ib-manage-view-qta .manage-data-table.manage-table-qta td.col-type,
.ib-manage-view-qta .manage-data-table.manage-table-qta td.col-ob-status {
    text-align:left;
}

.ib-manage-view-qta .manage-data-table.manage-table-qta th.col-type,
.ib-manage-view-qta .manage-data-table.manage-table-qta th.col-ob-status {
    text-align:center;
}

.ib-manage-view-qta .manage-data-table.manage-table-qta tbody tr:nth-child(even) {
    background:#fbfcfe;
}

.ib-manage-view-qta .manage-data-table.manage-table-qta tbody tr:hover {
    background:#fff7d1;
}

.ib-manage-view-qta .manage-table-area .table-wrapper {
    border:1px solid #e5e7eb;
    border-radius:12px;
    background:#fff;
    scrollbar-color:#cbd5e1 transparent;
    scrollbar-width:thin;
}

.ib-manage-view-qta .manage-table-area .table-wrapper::-webkit-scrollbar {
    height:10px;
}

.ib-manage-view-qta .manage-table-area .table-wrapper::-webkit-scrollbar-thumb {
    border:2px solid transparent;
    border-radius:999px;
    background:#cbd5e1;
    background-clip:padding-box;
}

body.dark-mode .ib-manage-view-qta .manage-data-table.manage-table-qta tbody tr:nth-child(even) {
    background:#111c2d;
}

body.dark-mode .ib-manage-view-qta .manage-data-table.manage-table-qta tbody tr:hover {
    background:#253047;
}

@media(max-width:1450px) {
    .ib-manage-view-qta .manage-date-filters {
        grid-template-columns:1fr;
    }

    .ib-manage-view-qta .manage-quick-focus {
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:700px) {
    .ib-manage-view-qta .manage-date-row {
        grid-template-columns:1fr;
    }

    .ib-manage-view-qta .manage-date-row > span {
        display:none;
    }
}