/**
 * 首页专用样式
 * 包含从 HTML 中提取的内联样式
 */

/* 地图 iframe */
.map-iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
    /* Eliminate iframe inline baseline vertical-align issues */
}

/* 弹窗内容容器 */
.dialog-content-wrapper {
    width: 1400px;
    height: 880px;
    display: flex;
    flex-direction: column;
}

/* 弹窗头部 */
.dialog-header-custom {
    border-bottom: none;
    margin-bottom: 10px;
}

/* 弹窗标题 */
.dialog-title-custom {
    font-size: 20px;
    font-weight: bold;
}

/* 表格样式修正 */
.table-cell-main {
    color: #3b82f6;
    font-weight: 500;
}

.table-cell-sub {
    color: #a855f7;
    font-weight: 500;
}

.table-cell-seats {
    color: #10b981;
    font-weight: 500;
}

.table-cell-name {
    font-weight: 500;
}

/* Logo Fallback Text */
.logo-fallback-text {
    font-size: 28px;
    font-weight: 700;
    display: none;
}

/* 排序表头样式 */
.sortable-header {
    cursor: pointer !important;
    /* 强制显示手型指引 */
    user-select: none;
    transition: background-color 0.2s;
    padding-right: 20px !important;
    /* 给图标留出空间 */
    /* 给图标留出空间 */
}

.sortable-header:hover {
    background-color: rgba(22, 107, 255, 0.05);
}

/* 排序图标容器 */
.sort-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    /* 默认显示上下箭头 (灰色) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 15 5 5 5-5'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3C/svg%3E");
    opacity: 0.6;
}

/* 升序图标 (蓝色向上) */
.sortable-header[data-order="asc"] .sort-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 19V5'/%3E%3Cpath d='m5 12 7-7 7 7'/%3E%3C/svg%3E");
    opacity: 1;
}

/* 降序图标 (蓝色向下) */
.sortable-header[data-order="desc"] .sort-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 5v14'/%3E%3Cpath d='m19 12-7 7-7-7'/%3E%3C/svg%3E");
    opacity: 1;
}