/* 导航配置表格样式 */
.nav-config-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-top: 12px;
}

.nav-config-table thead th {
    background: #f5f5f5;
    padding: 10px 8px;
    text-align: left;
    font-weight: 600;
    border: 1px solid #e0e0e0;
    font-size: 12px;
}

.nav-config-table tbody td {
    padding: 8px;
    border: 1px solid #e8e8e8;
    vertical-align: middle;
}

.nav-config-table input[type="text"],
.nav-config-table select {
    width: 100%;
    padding: 4px 8px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    font-size: 12px;
}

.nav-config-table input[type="text"]:focus,
.nav-config-table select:focus {
    border-color: #1890ff;
    outline: none;
}

.nav-config-table input[type="checkbox"] {
    margin-right: 4px;
}

/* 层级缩进样式 */
.nav-level-1 {
    padding-left: 8px !important;
    background: #fafafa;
}

.nav-level-2 {
    padding-left: 32px !important;
    background: #f0f7ff;
}

.nav-level-3 {
    padding-left: 56px !important;
    background: #f6ffed;
}

/* 层级标签 */
.level-badge {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
    margin-right: 6px;
}

.level-badge-1 {
    background: #52c41a;
    color: #fff;
}

.level-badge-2 {
    background: #1890ff;
    color: #fff;
}

.level-badge-3 {
    background: #fa8c16;
    color: #fff;
}

/* 操作按钮 */
.nav-action-btn {
    padding: 2px 8px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    font-size: 11px;
    margin: 0 2px;
    transition: all 0.2s;
}

.nav-action-btn-add {
    background: #52c41a;
    color: #fff;
}

.nav-action-btn-add:hover {
    background: #389e0d;
}

.nav-action-btn-remove {
    background: #ff4d4f;
    color: #fff;
}

.nav-action-btn-remove:hover {
    background: #cf1322;
}

.nav-action-btn-toggle {
    background: #1890ff;
    color: #fff;
}

.nav-action-btn-toggle:hover {
    background: #096dd9;
}