/* ==========================================================================
   AIWEB refactor module: account
   Generated from the former post-legacy section of style.css, then reviewed as
   a migration layer. New code should be edited semantically in the appropriate
   module instead of adding patches to style.css.
   ========================================================================== */

/* ===== 會員中心：訂單／紅包／資金管理（LINE 內建瀏覽器防切版） ===== */
body#page_user .user-account-box .account-content,
body#page_user .user-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}

body#page_user .user-table-scroll .data_table,
body#page_user .user-account-box .pretty-table {
    min-width: 640px;
}

body#page_user .user-order-table th,
body#page_user .user-order-table td,
body#page_user .user-account-box .pretty-table th,
body#page_user .user-account-box .pretty-table td {
    white-space: normal;
    word-break: break-word;
    vertical-align: top;
}

body#page_user .user-order-table .order_status,
body#page_user .user-order-table .handler {
    min-width: 120px;
}

body#page_user .user-account-box .add-bonus-bar {
    flex-direction: column;
    align-items: stretch;
}

body#page_user .user-account-box .add-bonus-input-group {
    max-width: none;
    width: 100%;
    flex-direction: column;
}

body#page_user .user-account-box .btn-add-bonus {
    width: 100%;
}

body#page_user .user-account-box .action-bar {
    gap: 8px;
}

body#page_user .user-account-box .pretty-table th:nth-child(1),
body#page_user .user-account-box .pretty-table td:nth-child(1) {
    min-width: 110px;
}

/* 會員中心 - 手機/信箱驗證獎勵區塊 */
.verify-hint {
    color: #888;
    font-size: 13px;
    margin: 0 0 16px;
}
.verify-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}
.verify-value {
    color: #333;
}
.verify-badge {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 12px;
}
.verify-badge.verify-done {
    background: #e8f5e9;
    color: #2e7d32;
}
.verify-badge.verify-pending {
    background: #fff3e0;
    color: #e65100;
}
.verify-input {
    padding: 6px 10px;
    border: 1px solid #c6d0d0;
    border-radius: 4px;
    font-size: 14px;
}
.verify-code-box {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin-top: 8px;
}
.verify-msg {
    color: #147486;
    font-size: 13px;
}

/* 2026-09 私人衣櫃會員入口 */
body#page_user .user-wardrobe-widget{padding:20px;margin-bottom:20px;background:#eaf3f4;border:1px solid #d4e1e3;border-radius:14px;color:#283d42;}
body#page_user .user-wardrobe-widget h2{font-size:26px;line-height:1.4;margin:0 0 6px;}
body#page_user .user-wardrobe-widget p{font-size:21px;line-height:1.5;margin:0 0 14px;}
body#page_user .user-wardrobe-widget div{display:flex;gap:10px;flex-wrap:wrap;}
body#page_user .user-wardrobe-widget a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid #147486;border-radius:9px;background:white;color:#147486;font-size:21px;text-decoration:none;}
body#page_user .user-wardrobe-widget a:first-child{background:#147486;color:white;}
body#page_index #index_banner .wardrobe-promo-slide,body#page_index #index_banner .wardrobe-promo-slide a{background:#f7f8f5;}
body#page_index #index_banner .wardrobe-promo-slide img{object-fit:contain;}