/* base.css — プラグインダイエット後のダーク補完（Phase4/T2 元:wn-store-post-diet-polish.php のCSS部）
   対象: /account/ ・ /listings ・ /help（hp-listing カード / hp-calendar セルのダーク） */

        /* /account/listings/ の hp-listing カード dark bg
           ── <tr> の bg は border-collapse:collapse の <table> で
              描画されない仕様のため、TD 直接指定に切り替え */
        html[data-theme="dark"] body .hp-page__content tr.hp-listing > td,
        html[data-theme="dark"] body .hp-page__content tr.hp-listing--view-block > td,
        html[data-theme="dark"] body .hp-page__content tr.hp-listing--edit-block > td,
        html[data-theme="dark"] body .hp-page__content tr.hp-order > td,
        html[data-theme="dark"] body .hp-page__content tr.hp-order--edit-block > td {
            background: #252b38;
        }
        /* hover */
        html[data-theme="dark"] body .hp-page__content tr.hp-listing:hover > td,
        html[data-theme="dark"] body .hp-page__content tr.hp-order:hover > td {
            background: #2a3040;
        }
        /* td 内のステータスバッジ (hp-status) は元の半透明 bg を維持 */
        html[data-theme="dark"] body .hp-page__content tr.hp-listing > td.hp-status,
        html[data-theme="dark"] body .hp-page__content tr.hp-listing > td .hp-status {
            /* status badge bg は v4 のルールで上書きされるので、ここでは透明にしない */
        }

        /* /account/vendor/calendar/ セル dark */
        html[data-theme="dark"] body .hp-calendar,
        html[data-theme="dark"] body .hp-calendar th,
        html[data-theme="dark"] body .hp-calendar td,
        html[data-theme="dark"] body .hp-vendor-calendar,
        html[data-theme="dark"] body .hp-vendor-calendar th,
        html[data-theme="dark"] body .hp-vendor-calendar td {
            background: #1f2430;
            color: #cfd6e2;
            border-color: rgba(255, 255, 255, .1);
        }
        html[data-theme="dark"] body .hp-calendar th,
        html[data-theme="dark"] body .hp-vendor-calendar th {
            background: rgba(255, 255, 255, .04);
            color: #99a1b0;
        }
        html[data-theme="dark"] body .hp-calendar td:hover,
        html[data-theme="dark"] body .hp-vendor-calendar td:hover {
            background: rgba(242, 107, 34, .12);
        }
        /* 本日セル */
        html[data-theme="dark"] body .hp-calendar .is-today,
        html[data-theme="dark"] body .hp-calendar .fc-day-today,
        html[data-theme="dark"] body .hp-vendor-calendar .is-today,
        html[data-theme="dark"] body .hp-vendor-calendar .fc-day-today {
            background: rgba(242, 107, 34, .18);
            color: #ffb78a;
        }