/* This file can be empty since all styles are now in main.css */

/* Charging parameters animation */
.charging-parameters {
    transition: all 0.3s ease;
    overflow: hidden;
    max-height: 1000px;
}

.charging-parameters.hidden {
    max-height: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
}

/* Preview container sizing */
#preview-container {
    width: 100%;
    height: 600px;
    position: relative;
    background-color: transparent; /* 覆盖tunnel.css中的黑色背景 */
}

/* Hole list table scrolling */
.table-responsive {
    max-height: 600px;
    overflow-y: auto;
}

/* Blast hole list table styles */
#blast-hole-list {
    font-size: var(--font-size-table);
    margin-bottom: 0;
    table-layout: fixed;
    width: 100%;
}

#blast-hole-list th,
#blast-hole-list td {
    font-size: var(--font-size-table) !important;
    padding: 0.25rem 0.3rem;
    white-space: normal;
    word-wrap: break-word;
    line-height: 1.2;
}

#blast-hole-list th {
    font-size: var(--font-size-table) !important;
    font-weight: var(--font-weight-medium);
    color: var(--text-secondary);
}

#blast-hole-list td {
    vertical-align: middle;
}

/* Hole Templates section */
.template-btn {
    min-width: 100px;
}

/* Color indicators for hole types */
.color-indicator {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: var(--spacing-xs);
    vertical-align: middle;
}

/* Make the table even more compact on smaller screens */
@media (max-width: 767.98px) {
    #blast-hole-list {
        font-size: var(--font-size-caption);
    }
    
    #blast-hole-list th,
    #blast-hole-list td {
        padding: 0.35rem;
    }
}

/* Parameter sections styling */
.parameters-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.parameter-section {
    background-color: var(--bg-light);
    border-radius: 8px;
    padding: 15px;
}

.section-title {
    color: var(--text-medium);
    margin-bottom: 15px;
    font-weight: var(--font-weight-semibold);
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 8px;
}

/* Charging parameters animation */
#timing-params,
#charging-params {
    transition: all 0.3s ease;
    overflow: hidden;
    opacity: 1;
    max-height: 1000px;
}

#timing-params.hidden,
#charging-params.hidden {
    max-height: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
    pointer-events: none;
}

/* Modal size adjustment */
.modal-lg {
    max-width: 1100px;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .parameters-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .modal-lg {
        max-width: 90%;
    }
}

/* Zoom controls styling */
.zoom-controls {
    display: flex;
    gap: 5px;
}

.zoom-controls .zoom-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 32px;
    padding: 0;
    font-weight: var(--font-weight-semibold);
}

.zoom-controls #zoom-reset {
    width: 42px;
}

.zoom-icon {
    font-size: 16px;
    line-height: 1;
}

/* 高亮当前缩放状态 */
.zoom-active {
    background-color: rgba(243, 108, 33, 0.1); /* 使用强调色 */
}

/* 确保图标居中 */
.zoom-controls i {
    font-size: var(--font-size-body);
}

/* 调整表格所有列宽度 */
/* 类型列宽度 (合并了 # 和 Type) */
#blast-hole-list th:nth-child(1), 
#blast-hole-list td:nth-child(1) {
    min-width: 50px;
    width: 50px;
}

/* 修改其他列的选择器编号 */
#blast-hole-list th:nth-child(2), /* dia(mm) 列 */
#blast-hole-list td:nth-child(2) {
    min-width: 70px;
    width: 70px;
}

#blast-hole-list th:nth-child(3), /* Delay(ms) 列 */
#blast-hole-list td:nth-child(3) {
    min-width: 70px;
    width: 70px;
}

/* 调整密度列 */
#blast-hole-list th:nth-child(4),
#blast-hole-list td:nth-child(4) {
    min-width: 80px;
    width: 80px;
}

/* 调整剩余列 */
#blast-hole-list th:nth-child(5),
#blast-hole-list td:nth-child(5),
#blast-hole-list th:nth-child(6),
#blast-hole-list td:nth-child(6),
#blast-hole-list th:nth-child(7),
#blast-hole-list td:nth-child(7) {
    min-width: 65px;
    width: 65px;
}

/* Action列更窄 */
#blast-hole-list th:nth-child(8),
#blast-hole-list td:nth-child(8) {
    min-width: 50px;
    width: 50px;
}

/* 表格输入框样式优化 */
#blast-hole-list input.form-control-sm {
    padding: 1px 3px;
    width: 100%;
    height: 24px;
    font-size: var(--font-size-table) !important;
}

/* 调整按钮大小 */
#blast-hole-list .btn-sm {
    padding: 0.15rem 0.4rem;
    font-size: var(--font-size-table);
}

/* 表头样式优化 */
#blast-hole-list thead th {
    position: sticky;
    top: 0;
    background-color: var(--table-header-bg);
    z-index: 10;
}

/* 操作按钮列样式 */
#blast-hole-list .btn-group {
    display: flex;
    justify-content: center;
}

/* 炮孔类型颜色指示点 */
.color-dot {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin: 0 auto;
    border: 1px solid rgba(0, 0, 0, 0.2);
    text-align: center;
    line-height: 20px;
}

/* 确保Type列中的颜色点居中 */
#blast-hole-list td:nth-child(1) {
    text-align: center;
}

/* 预设模态框样式 */
#presetModal .modal-dialog {
    max-width: 500px;
}

#presetModal .alert {
    margin-bottom: 0;
}

/* 按钮组样式优化 */
.card-header .btn-toolbar {
    display: flex;
    align-items: center;
}

.card-header .btn-toolbar .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.5rem;
    margin-left: 5px;
    font-size: var(--font-size-button);
}

.card-header .btn-toolbar .btn i {
    margin-right: 3px;
    font-size: var(--font-size-body);
}

/* 确保按钮图标和文字都可见 */
#preset-button, #delete-selected, #clear-all {
    border-width: 1px;
    min-width: 38px;
    overflow: visible;
    box-shadow: none;
}

#preset-button {
    background-color: var(--btn-success-bg);
    color: white;
    border-color: var(--btn-success-border);
    transition: all 0.2s ease;
}

#preset-button:hover {
    background-color: #218838;
    border-color: #1e7e34;
}

#delete-selected {
    background-color: var(--btn-danger-bg);
    color: white;
    border-color: var(--btn-danger-border);
    transition: all 0.2s ease;
}

#delete-selected:hover {
    background-color: #c82333;
    border-color: #bd2130;
}

#clear-all {
    background-color: var(--btn-secondary-bg);
    color: white;
    border-color: var(--btn-secondary-border);
    transition: all 0.2s ease;
}

#clear-all:hover {
    background-color: #5a6268;
    border-color: #545b62;
}

#preset-info {
    margin-top: 15px;
}

#preset-button .fas {
    margin-right: 5px;
}

/* 移动设备上的按钮样式调整 */
@media (max-width: 767.98px) {
    .card-header .btn-toolbar .btn {
        padding: 0.2rem 0.4rem;
        font-size: var(--font-size-caption);
    }
    
    .card-header .btn-toolbar .btn i {
        margin-right: 0;
    }
    
    /* 在小屏幕上只显示图标 */
    .card-header .btn-toolbar .btn span {
        display: none;
    }
}

/* 保存按钮样式 */
#save-all {
    background-color: var(--btn-primary-bg);
    color: white;
    border-color: var(--btn-primary-border);
    display: flex;
    align-items: center;
}

#save-all i {
    margin-right: 5px;
}

/* 确保所有图标在按钮中对齐 */
.btn i {
    line-height: 1;
    vertical-align: middle;
}

/* 模态框加载指示器 */
.modal-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100px;
}

.modal-loading .spinner-border {
    width: 2rem;
    height: 2rem;
}