/* blowzermap_for_pixai.css
 * PixAI専用・縦幅圧縮・emoji対応版
 * base.css / common.css の上に乗せる差分のみ
 */

/* === テーブル本体（base.cssの上書き） === */
table {
    max-width: 1120px;
    margin: 0 auto 24px auto;
    /* base.cssのshadowは活かす */
}

th, td {
    padding: 6px 8px; /* 旧8-10px → 6-8pxに圧縮 */
    border-color: #e5e7eb;
    line-height: 1.35;
    vertical-align: middle;
}

th {
    background: #f0f4f8;
    font-weight: 600;
    white-space: nowrap;
}

/* === 1列目：アカウント名 + アイコン === */
.pixai-icon-container {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-right: 6px;
}

.pixai-icon-link {
    display: inline-flex;
    padding: 2px;
    border-radius: 4px;
    font-size: 1.15em; /* emojiでもSVGでも同じサイズ感 */
    line-height: 1;
    transition: transform .15s, background .15s;
    text-decoration: none;
}

.pixai-icon-link:hover {
    background: #e8f2ff;
    transform: scale(1.12);
}

.acct-link {
    font-weight: 600;
    color: var(--main-blue, #0066cc);
    text-decoration: none;
}

.acct-link:hover { text-decoration: underline; }

/* === 2列目：ブラウザ情報 === */
.browser-line { margin: 2px 0; }
.browser-name { font-weight: 600; color: #222; }
.label-line { margin-top: 2px; font-size: .88em; color: #666; }

/* === 3列目：警告 === */
.warning-text {
    color: #d32f2f;
    font-weight: 500;
    font-size: .9em;
    line-height: 1.3;
}

/* === ホバー === */
tr:hover { background: #f8fbff; }

/* === レスポンシブ（base.cssより優先） === */
@media (max-width: 768px) {
    th, td { padding: 5px 6px; }
    .pixai-icon-container { gap: 4px; }
}

@media (max-width: 480px) {
    table { font-size: .92em; }
}