/* 全站背景與基本間距 */
body {
    min-height: 100vh;
    background-color: rgb(196, 242, 227);
    background-size: cover;
    background-position: center;
    padding: 20px 0;
}

/* 上方登入資訊列（index, admin 會用到） */
/* 取代原本的 .loginbox 設定 */
.loginbox {
    /*position: fixed;          /* 固定在畫面上 */
    /*top: 10px;                /* 距離上方 10px */
    /*right: 20px;              /* 距離右邊 20px */
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;              /* 帳號與按鈕之間留一點空隙 */
    z-index: 1000;            /* 確保在最上層 */
}

.loginbox p {
    margin: 0;
}

/* 管理者主畫面的卡片底色改成淡紫色 */
.main-card {
    /*background-color: #8ddbee;*/
    background-color: rgb(121, 192, 244);
    border-color: transparent;
}

/* 給 admin_display_s 的表格外框用----淡藍色底 + 陰影 */
.tablecontainer {
    max-width: 2000px;
    margin: 0 10px;
    padding: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background-color: rgb(168, 212, 244);
    border-radius: 8px;
}

/* MP3 列表選取底色 */
.mp3-row.selected td {
    background-color: #d9d9d9 !important; /* 灰色 */
}
.mp3-row td { user-select: none; } /* 避免拖拉選文字影響體驗 */