@charset "UTF-8";

/* ==========================================================================
   Civitai アカウント一覧テーブル専用スタイル (css/tables_css/civitai_table.css)
   ========================================================================== */

table {
    width: 100% !important;
    border-collapse: collapse;
    margin: 12px auto;
    font-size: 0.88rem;
    box-sizing: border-box;
}

/* 1列目 (td[1]) と 4列目 (td[4]) の幅を 60px で狭く固定 */
table th:nth-child(1),
table td:nth-child(1),
table th:nth-child(4),
table td:nth-child(4) {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    text-align: center !important;
    white-space: nowrap !important;
    padding: 6px 4px !important;
    vertical-align: middle !important;
}

/* 2列目 (td[2]): ユーザー名 */
table th:nth-child(2),
table td:nth-child(2) {
    width: 200px !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    padding: 8px 12px !important;
    font-weight: 600;
}

/* 3列目 (td[3]): ブラウザ環境一覧（画面幅いっぱいまで広げる） */
table th:nth-child(3),
table td:nth-child(3) {
    width: auto !important;
    vertical-align: middle !important;
    padding: 8px 12px !important;
    line-height: 1.8 !important;
}

/* アイコンリンク（🖼 📝）のスタイル */
table td:nth-child(1) a,
table td:nth-child(4) a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1.1rem;
    margin: 0 2px;
}