/*!* static/style.css *!*/
/*body {*/
/*    font-family: sans-serif;*/
/*    margin: 0;*/
/*    padding: 20px;*/
/*    background-color: #f4f7f6;*/
/*    color: #333;*/
/*    line-height: 1.6;*/
/*}*/

/*.container { !* This class was used for Tabulator example, maybe not used now, but keep for reference *!*/
/*    max-width: 1200px;*/
/*    margin: 0 auto;*/
/*    background-color: #fff;*/
/*    padding: 20px;*/
/*    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/
/*    border-radius: 8px;*/
/*}*/

/*h1 {*/
/*    text-align: center;*/
/*    color: #2c3e50;*/
/*    margin-bottom: 20px;*/
/*    padding-bottom: 10px;*/
/*    border-bottom: 1px solid #eee;*/
/*}*/

/*h2 {*/
/*    color: #34495e;*/
/*    margin-top: 0;*/
/*    margin-bottom: 15px;*/
/*    padding-bottom: 8px;*/
/*    border-bottom: 1px dashed #ddd;*/
/*}*/

/*.card {*/
/*    margin-bottom: 25px;*/
/*    padding: 20px;*/
/*    border: 1px solid #e0e0e0;*/
/*    border-radius: 5px;*/
/*    background-color: #fdfdfd;*/
/*}*/

/*!* 上传部分样式 *!*/
/*.upload-options label {*/
/*    margin-right: 15px;*/
/*    cursor: pointer;*/
/*}*/

/*input[type="file"] {*/
/*    display: block;*/
/*    margin: 15px 0;*/
/*    padding: 8px;*/
/*    border: 1px solid #ccc;*/
/*    border-radius: 4px;*/
/*}*/

/*button {*/
/*    padding: 10px 18px;*/
/*    cursor: pointer;*/
/*    background-color: #007bff;*/
/*    color: white;*/
/*    border: none;*/
/*    border-radius: 5px;*/
/*    font-size: 0.95em;*/
/*    transition: background-color 0.2s ease;*/
/*    margin-right: 10px; !* 按钮间距 *!*/
/*}*/

/*button:hover:not(:disabled) {*/
/*    background-color: #0056b3;*/
/*}*/

/*button:disabled {*/
/*    background-color: #ccc;*/
/*    cursor: not-allowed;*/
/*}*/

/*!* 保持特定按钮的原始样式 *!*/
/*.delete-button-original-style { !* Renamed from .delete-button to avoid AG Grid style conflicts if any *!*/
/*    background-color: #dc3545;*/
/*}*/
/*.delete-button-original-style:hover:not(:disabled) {*/
/*    background-color: #c82333;*/
/*}*/
/*.generate-button-original-style { !* Renamed *!*/
/*    background-color: #17a2b8;*/
/*}*/
/*.generate-button-original-style:hover:not(:disabled) {*/
/*    background-color: #138496;*/
/*}*/


/*!* 消息提示 *!*/
/*.message {*/
/*    margin-top: 15px;*/
/*    padding: 10px;*/
/*    border-radius: 4px;*/
/*    border: 1px solid transparent;*/
/*    font-size: 0.9em;*/
/*    display: none; !* 默认隐藏 *!*/
/*    word-wrap: break-word;*/
/*    white-space: pre-wrap; !* 允许多行显示，如错误详情 *!*/
/*}*/

/*.message.success {*/
/*    color: #155724;*/
/*    background-color: #d4edda;*/
/*    border-color: #c3e6cb;*/
/*    display: block; !* 显示 *!*/
/*}*/

/*.message.error {*/
/*    color: #721c24;*/
/*    background-color: #f8d7da;*/
/*    border-color: #f5c6cb;*/
/*    display: block; !* 显示 *!*/
/*}*/

/*.message.info {*/
/*    color: #004085;*/
/*    background-color: #cce5ff;*/
/*    border-color: #b8daff;*/
/*    display: block; !* 显示 *!*/
/*}*/

/*.clipboard-message { !* 单独样式给剪贴板信息 *!*/
/*    background-color: #e2f3e3;*/
/*    color: #155724;*/
/*    border: 1px solid #c3e6cb;*/
/*    text-align: center;*/
/*}*/

/*.list-header {*/
/*    display: flex; !* 启用 Flexbox *!*/
/*    justify-content: space-between; !* 主要元素分散对齐 *!*/
/*    align-items: center; !* 垂直居中对齐 *!*/
/*    margin-bottom: 15px; !* 与下方表格的间距 *!*/
/*}*/

/*.list-header h2 {*/
/*    margin: 0;*/
/*}*/

/*.list-actions button {*/
/*    margin-left: 10px;*/
/*}*/

/*!* AG Grid 操作按钮的微调样式 *!*/
/*.ag-cell .action-button {*/
/*    padding: 3px 7px;*/
/*    font-size: 0.85em;*/
/*    margin: 0 3px;*/
/*    border-radius: 4px;*/
/*    cursor: pointer;*/
/*    border: 1px solid #ccc;*/
/*    background-color: #f8f9fa;*/
/*    color: #212529;*/
/*}*/
/*.ag-cell .action-button.mark-sold {*/
/*    background-color: #28a745;*/
/*    color: white;*/
/*}*/
/*.ag-cell .action-button.cancel-sale {*/
/*    background-color: #ffc107;*/
/*    color: #212529;*/
/*}*/
/*.ag-cell .action-button.delete {*/
/*    background-color: #dc3545;*/
/*    color: white;*/
/*}*/
/*.ag-cell .action-button.generate-info {*/
/*    background-color: #17a2b8;*/
/*    color: white;*/
/*}*/

/*!* 修复日期筛选器按钮原始大小 *!*/
/*.date-filters button {*/
/*    padding: 5px 10px;*/
/*    font-size: 0.9em; !* 略微调整以匹配其他按钮 *!*/
/*}*/

/*!* 为 AG Grid 中的布尔值（是/否）单元格添加颜色 *!*/
/*.ag-cell-value.is-true-banned, .ag-cell-value.is-true-sold {*/
/*    font-weight: bold;*/
/*}*/
/*.ag-cell-value.is-true-banned {*/
/*    color: red;*/
/*}*/
/*.ag-cell-value.is-false-banned {*/
/*    color: green;*/
/*}*/
/*.ag-cell-value.is-true-sold {*/
/*    color: green;*/
/*}*/
/*.ag-cell-value.is-false-sold {*/
/*    color: grey;*/
/*}*/


/* static/style.css */
body {
    font-family: sans-serif;
    margin: 0;
    padding: 20px;
    background-color: #f4f7f6;
    color: #333;
    line-height: 1.6;
}

.container { /* This class was used for Tabulator example, maybe not used now, but keep for reference */
    max-width: 1200px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

h1 {
    text-align: center;
    color: #2c3e50;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

h2 {
    color: #34495e;
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #ddd;
}

.card {
    margin-bottom: 1px;
    padding: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background-color: #fdfdfd;
}

/* 上传部分样式 */
.upload-options label {
    margin-right: 15px;
    cursor: pointer;
}

input[type="file"] {
    display: block;
    margin: 15px 0;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

button {
    padding: 10px 18px;
    cursor: pointer;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 0.95em;
    transition: background-color 0.2s ease;
    margin-right: 10px; /* 按钮间距 */
}

button:hover:not(:disabled) {
    background-color: #0056b3;
}

button:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

/* 保持特定按钮的原始样式 */
.delete-button-original-style { /* Renamed from .delete-button to avoid AG Grid style conflicts if any */
    background-color: #dc3545;
}

.delete-button-original-style:hover:not(:disabled) {
    background-color: #c82333;
}

.generate-button-original-style { /* Renamed */
    background-color: #17a2b8;
}

.generate-button-original-style:hover:not(:disabled) {
    background-color: #138496;
}


/* 消息提示 */
.message {
    margin-top: 15px;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid transparent;
    font-size: 0.9em;
    display: none; /* 默认隐藏 */
    word-wrap: break-word;
    white-space: pre-wrap; /* 允许多行显示，如错误详情 */
}

.message.success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    display: block; /* 显示 */
}

.message.error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    display: block; /* 显示 */
}

.message.info {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
    display: block; /* 显示 */
}

.clipboard-message { /* 单独样式给剪贴板信息 */
    background-color: #e2f3e3;
    color: #155724;
    border: 1px solid #c3e6cb;
    text-align: center;
}

.list-header {
    display: flex; /* 启用 Flexbox */
    justify-content: space-between; /* 主要元素分散对齐 */
    align-items: center; /* 垂直居中对齐 */
    margin-bottom: 15px; /* 与下方表格的间距 */
}

.list-header h2 {
    margin: 0;
}

.list-actions button {
    margin-left: 10px;
}

/* AG Grid 操作按钮样式 */
.ag-cell .action-button {
    padding: 5px 10px;
    font-size: 0.9em;
    margin: 0 5px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #ccc;
    background-color: #f8f9fa;
    color: #212529;
}

/*.ag-cell .action-button.mark-sold {*/
/*    background-color: #28a745;*/
/*    color: white;*/
/*}*/
.ag-cell .action-button.cancel-sale {
    background-color: #ffc107;
    color: #212529;
}

.ag-cell .action-button.delete {
    background-color: #dc3545;
    color: white;
}

.ag-cell .action-button.generate-info {
    background-color: #17a2b8;
    color: white;
}

/* 修复日期筛选器按钮原始大小 */
.date-filters button {
    padding: 5px 10px;
    font-size: 0.9em; /* 略微调整以匹配其他按钮 */
}

/* 为 AG Grid 中的布尔值（是/否）单元格添加颜色 */
.ag-cell-value.is-true-banned, .ag-cell-value.is-true-sold {
    font-weight: bold;
}

.ag-cell-value.is-true-banned {
    color: red;
}

.ag-cell-value.is-false-banned {
    color: green;
}

.ag-cell-value.is-true-sold {
    color: green;
}

.ag-cell-value.is-false-sold {
    color: grey;
}


/* AG Grid 操作按钮的微调样式 */
.ag-cell .actions-cell-renderer-container { /* 针对 actionsCellRenderer 返回的 eDiv */
    width: 100%;
    height: 100%;
    display: flex; /* 使得内部按钮可以应用 flex 属性 */
    align-items: center; /* 垂直居中按钮 */
    justify-content: center; /* 水平居中按钮 (如果按钮本身不是100%宽度) */
    box-sizing: border-box; /* 确保 padding 和 border 不增加总尺寸 */
}

.ag-cell .action-button {
    /*width: 100%;*/
    height: 100%;
    padding: 3px 7px;
    font-size: 0.85em;
    margin: 0 3px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #ccc;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* “手动剔除设备”按钮的样式 */
.ag-cell .action-button.kick-devices {
    background-color: #ffc107; /* 例如，使用警告黄色 */
    color: #212529; /* 深色文字以确保可读性 */
    /* border-color: #e0a800; */
}
.ag-cell .action-button.kick-devices:hover:not(:disabled) {
    background-color: #e0a800;
}


/* 特定于“复制信息”按钮的样式 */
.ag-cell .action-button.generate-info {
    background-color: #17a2b8;
    color: white;
    /* margin-left: 0; /* 确保没有额外的左边距 */
}


/* 确保包含文本选择的单元格允许默认的用户选择行为 (有些主题可能覆盖) */
.ag-cell.ag-selectable { /* AG Grid 自动添加这个类到可选择文本的单元格 */
    user-select: text !important; /* 或者 auto */
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
}