/* === Scroll Container === */
    .pd-scroll-wrap { width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; background: var(--app-bg); border-radius: 8px; border: 1px solid var(--border-color); box-shadow: 0 4px 6px rgba(0,0,0,0.5); }
    .pd-scroll-wrap::-webkit-scrollbar { height: 10px; }
    .pd-scroll-wrap::-webkit-scrollbar-track { background: var(--card-bg); border-radius: 0 0 8px 8px; }
    .pd-scroll-wrap::-webkit-scrollbar-thumb { background: var(--accent-grad); border-radius: 5px; }
    .pd-scroll-wrap::-webkit-scrollbar-thumb:hover { background: var(--accent-hover); }

    /* === Table Core === */
    .pd-table { border-collapse: collapse; min-width: 900px; width: 100%; text-align: center; font-family: 'Inter', sans-serif; table-layout: fixed; }
    .pd-table th { background: linear-gradient(135deg, var(--card-bg), var(--app-bg)); color: var(--text-primary); text-shadow: 0 2px 4px rgba(0,0,0,0.8); border: 1px solid var(--border-color); padding: 5px 2px; font-weight: 800; font-size: 0.65rem; text-transform: uppercase; white-space: nowrap; }
    .pd-table td { border: 1px solid var(--card-bg); padding: 3px 1px !important; font-size: 0.65rem; font-weight: 700; white-space: nowrap; }

    /* === Dark Luxury Cell Overrides === */
    .pd-table td.btn-danger, .pd-table td.btn-success, .pd-table td.btn-primary, .pd-table td.btn-warning, .pd-table td.btn-info { display: table-cell !important; vertical-align: middle !important; padding: 3px 1px !important; border-radius: 0 !important; margin: 0 !important; width: auto !important; }
    .pd-table .btn-danger  { background: rgba(127, 29, 29, 0.5) !important; color: #fca5a5 !important; border: 1px solid #7f1d1d !important; }
    .pd-table .btn-success { background: rgba(6, 78, 59, 0.5) !important; color: #6ee7b7 !important; border: 1px solid #064e3b !important; }
    .pd-table .btn-primary { background: rgba(30, 58, 138, 0.5) !important; color: #93c5fd !important; border: 1px solid #1e3a8a !important; }
    .pd-table .btn-warning { background: rgba(120, 53, 15, 0.5) !important; color: #fcd34d !important; border: 1px solid #451a03 !important; }
    .pd-table .btn-info    { background: rgba(8, 51, 68, 0.5) !important; color: #67e8f9 !important; border: 1px solid #083344 !important; }

    .pd-table .asu { background: rgba(0,0,0,0.3); color: #f1f5f9 !important; letter-spacing: 2px; font-family: monospace; font-size: 0.75rem !important; border-right: 2px solid var(--border-color) !important; position: sticky; left: 0; z-index: 2; }
    .pd-table thead th:first-child { position: sticky; left: 0; z-index: 3; }
    .pd-table tr:hover td { filter: brightness(1.2); }